@charset "UTF-8";

ul.list01 {
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}
 
ul.list01 li {
    margin: 0px;
    padding: 0px 0px 10px 25px;
    list-style: none;
}

ul.list02 {
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}
 
ul.list02 li,
ul.list02a li {
	margin: 0 0 0.5em;
	padding: 0px 0px 0 35px;
	list-style: none;
}
ul.list02 li {
	background: url(../images/ico01.png) no-repeat 15px 8px;
}
ul.list02a li {
	background: url(../images/ico01.png) no-repeat 15px 5px;
}

ul.list03 {
    list-style: none;
    margin: 0px;
    margin-left: 0px;
}
 
ul.list03 li {
	margin: 0px;
    padding: 0px 0px 10px 25px;
	background: url(../images/ico_list01.png) no-repeat 3px 0.4em;
	list-style: none;
}

ul.list04 {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.list04 li {
  position: relative;
  padding: 0 0 0 2em;
  margin: 0;
}
ul.list04 li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: '\f00c';
  color: #007EA0;
}

ul.list05 {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.list05 li {
  position: relative;
	margin: 0 0 0.5em;
	padding: 0px 0px 0 25px;
	list-style: none;
}
ul.list05 li a {
	display: block;
  color: #007EA0;
	text-decoration: none;
	border-bottom: 1px dotted #007EA0;
}
ul.list05 li a:hover {
  color: rgba(0,126,160,0.70);
}
ul.list05 li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: '\f2b6';
	top: 2px;
}


ul.list11 li {
    margin: 0px;
    padding: 0 0 0.5em;
}

/* サイトマップ */
ul.sitemap li {
  margin: 0.5em 0 0.5em 30px;
  list-style: url(../images/page.gif);
}

ul.sitemap li ul {
  margin: 0;
  padding: 0;
}

ul.sitemap li ul li {
  list-style: url(../images/page.gif);
}

 /*  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:979px) {
	ul.list02a {
			margin: 0px;
			margin-left: 0px;
			padding: 0px;
	}
	ul.list05 li {
		font-size: 1.6rem;
	}
}

/* メールマガジン年度別アーカイブ */
.mailmagazine_box {
  margin-top: 1.5em;
}

.mailmagazine_archive {
  margin-top: 1em;
}

.mailmagazine_year {
  margin-bottom: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.mailmagazine_year summary {
  position: relative;
  display: block;
  padding: 12px 42px 12px 14px;
  background: #f5f5f5;
  cursor: pointer;
  line-height: 1.5;
}

.mailmagazine_year summary::-webkit-details-marker {
  display: none;
}

.mailmagazine_year summary::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 50%;
  background: #7a9b71;
  color: #fff;
  font-size: 1.6rem;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}

.mailmagazine_year[open] summary::after {
  content: "－";
}

.mailmagazine_year .year_ttl {
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 1.7rem;
}

.mailmagazine_year .year_period {
  display: block;
  margin-top: 2px;
  color: #666;
  font-size: 1.3rem;
}

.mailmagazine_year .year_count {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #e7eee4;
  color: #507147;
  font-size: 1.2rem;
  font-weight: bold;
}

.mailmagazine_list {
  height: auto !important;
  overflow: visible !important;
  padding: 10px 14px 12px 22px !important;
}

.mailmagazine_list li {
  margin-bottom: 0.4em;
  line-height: 1.6;
}

.mailmagazine_list li:last-child {
  margin-bottom: 0;
}

.mailmagazine_list a {
  word-break: break-all;
}

/* スマホ時も1列のまま */
@media screen and (max-width: 640px) {
  .mailmagazine_year summary {
    padding: 11px 40px 11px 12px;
  }

  .mailmagazine_year .year_ttl {
    font-size: 1.6rem;
  }

  .mailmagazine_list {
    padding-left: 20px;
  }
}