@charset "UTF-8";
/*------------------------------------------
dist page
------------------------------------------*/
main {
  overflow: hidden;
  padding: 80px 0 0;
}
@media (min-width: 1025px) {
  main {
    padding: 110px 0 0;
  }
}

/*------------------------------------------
Common MV
------------------------------------------*/
.cmn__mv {
  width: 100%;
  height: 226px;
}
@media (min-width: 1025px) {
  .cmn__mv {
    border-top: 1px solid #E8E1D2;
    height: 350px;
  }
}
.cmn__mv .inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1025px) {
  .cmn__mv .inner {
    width: 1366px;
  }
}
.cmn__mv .inner::before, .cmn__mv .inner::after {
  content: "";
  position: absolute;
}
.cmn__mv .inner::before {
  background: url(/assets/images/dist/mv_l_sp.png) no-repeat center/100%;
  width: 153px;
  height: 82px;
  top: 0;
  left: -9px;
}
@media (min-width: 1025px) {
  .cmn__mv .inner::before {
    background: url(/assets/images/dist/mv_l_pc.png) no-repeat center/100%;
    width: 315px;
    height: 201px;
    left: -15px;
  }
}
.cmn__mv .inner::after {
  background: url(/assets/images/dist/mv_r_sp.png) no-repeat center/100%;
  width: 138px;
  height: 88px;
  right: 0;
  bottom: -48px;
}
@media (min-width: 1025px) {
  .cmn__mv .inner::after {
    background: url(/assets/images/dist/mv_r_pc.png) no-repeat center/100%;
    width: 238px;
    height: 155px;
    bottom: -82px;
  }
}
.cmn__mv .ttl__area {
  padding: 80px 18px 0;
}
@media (min-width: 1025px) {
  .cmn__mv .ttl__area {
    padding: 174px 0 72px 137px;
  }
}
.cmn__mv .ttl__area .main {
  line-height: 1.4;
  font-weight: 400;
  font-size: 38px;
  margin-bottom: 2px;
}
@media (min-width: 1025px) {
  .cmn__mv .ttl__area .main {
    font-size: 48px;
    margin-bottom: 8px;
  }
}
.cmn__mv .ttl__area .lead {
  line-height: 1.5;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .cmn__mv .ttl__area .lead {
    font-size: 18px;
  }
}
.cmn__mv .ttl__area .lead--2 {
  font-weight: 400;
  font-size: 22px;
}
@media (min-width: 1025px) {
  .cmn__mv .ttl__area .lead--2 {
    font-size: 26px;
  }
}
.cmn__mv .ttl__area .color {
  line-height: 1.6;
  color: #4FAA16;
  font-size: 18px;
}
@media (min-width: 1025px) {
  .cmn__mv .ttl__area .color {
    font-size: 24px;
  }
}
.cmn__mv.has--ill {
  height: 306px;
}
@media (min-width: 1025px) {
  .cmn__mv.has--ill {
    height: 360px;
  }
}
@media (min-width: 1025px) {
  .cmn__mv.has--ill .inner::before {
    background: url(/assets/images/dist/mv_l_pc_2.png) no-repeat center/100%;
    width: 240px;
    height: 108px;
    top: 12px;
    left: -9px;
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
}
.cmn__mv.has--ill .ttl__area {
  padding: 100px 18px 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
@media (min-width: 1025px) {
  .cmn__mv.has--ill .ttl__area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 104px 0 0 176px;
    gap: 32px;
  }
}
.cmn__mv.has--ill .ttl__area .ttl__ill {
  width: 117px;
}
@media (min-width: 1025px) {
  .cmn__mv.has--ill .ttl__area .ttl__ill {
    width: 152px;
  }
}
.cmn__mv.has--ill .ttl__area .ttl__group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cmn__mv.type--1 {
  height: 202px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--1 {
    height: 350px;
  }
}
@media (min-width: 1025px) {
  .cmn__mv.type--2 {
    height: 316px;
  }
}
.cmn__mv.type--3 {
  height: 176px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--3 {
    height: 316px;
  }
}
.cmn__mv.type--4 {
  height: 454px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--4 {
    height: 486px;
  }
}
.cmn__mv.type--4 .main {
  line-height: 1.3;
}
.cmn__mv.type--5 {
  height: 308px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--5 {
    height: 388px;
  }
}
.cmn__mv.type--5 .main {
  line-height: 1.3;
}
.cmn__mv.type--6 {
  height: 376px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--6 {
    height: 384px;
  }
}
.cmn__mv.type--6 .main {
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .cmn__mv.type--7 .ttl__area {
    padding: 80px 14px 0 18px;
  }
}
.cmn__mv.type--8 {
  height: 254px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--8 {
    height: 356px;
  }
}
.cmn__mv.type--9 {
  height: 226px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--9 {
    height: 350px;
  }
}
.cmn__mv.type--10 {
  height: 644px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--10 {
    height: 500px;
  }
}
@media (min-width: 1025px) {
  .cmn__mv.type--11 {
    height: 390px;
  }
}
.cmn__mv.type--12 {
  height: 280px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--12 {
    height: 380px;
  }
}
.cmn__mv.type--13 {
  height: 280px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--13 {
    height: 390px;
  }
}
.cmn__mv.type--14 {
  height: 332px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--14 {
    height: 390px;
  }
}
.cmn__mv.type--15 {
  height: 386px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--15 {
    height: 390px;
  }
}
.cmn__mv.type--16 {
  height: 348px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--16 {
    height: 388px;
  }
}
.cmn__mv.type--16 .main {
  line-height: 1.3;
}
.cmn__mv.type--17 {
  height: 450px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--17 {
    height: 445px;
  }
}
.cmn__mv.type--17 .main {
  line-height: 1.3;
}
.cmn__mv.type--18 {
  height: 346px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--18 {
    height: 418px;
  }
}
.cmn__mv.type--18 .main {
  line-height: 1.3;
}
.cmn__mv.type--19 {
  height: 298px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--19 {
    height: 418px;
  }
}
.cmn__mv.type--19 .main {
  line-height: 1.3;
}
.cmn__mv.type--20 {
  height: 320px;
}
@media (min-width: 1025px) {
  .cmn__mv.type--20 {
    height: 384px;
  }
}
.cmn__mv.type--20 .main {
  line-height: 1.3;
}
.cmn__mv .mv__nav {
  width: 100%;
  padding: 0 18px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav {
    max-width: 1092px;
    gap: 15px;
  }
}
.cmn__mv .mv__nav > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 80px;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav > li {
    width: calc(33.3333333333% - 12px);
  }
}
.cmn__mv .mv__nav > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
  padding: 0 16px 0 24px;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav > li > a {
    gap: 26px;
    padding: 0 24px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .cmn__mv .mv__nav > li > a:hover {
    opacity: 0.6;
  }
}
.cmn__mv .mv__nav > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav > li > a::after {
    right: 24px;
  }
}
.cmn__mv .mv__nav > li > a .info {
  width: 100%;
}
.cmn__mv .mv__nav > li > a .info .txt {
  color: #4FAA16;
  line-height: 1.4;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav > li > a .info .txt {
    font-size: 18px;
  }
}
.cmn__mv .mv__nav > li.is--on {
  border: 3px solid #4FAA16;
  background: #f6f8eb;
  text-align: center;
  pointer-events: none;
}
.cmn__mv .mv__nav > li.is--on > a::after {
  display: none;
}
@media (min-width: 1025px) {
  .cmn__mv .mv__nav > li.h-100 {
    height: 100px;
  }
}

/*------------------------------------------
breadcrumb
------------------------------------------*/
.cmn__breadcrumb {
  background: #F9F7F3;
  padding: 40px 0 16px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .cmn__breadcrumb {
    padding: 25px 0;
  }
}
.cmn__breadcrumb .cmn__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 8px;
}
@media (max-width: 1024px) {
  .cmn__breadcrumb .cmn__inner {
    gap: 24px;
  }
}
.cmn__breadcrumb .cmn__inner .date__list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  margin-left: auto;
}
.cmn__breadcrumb .cmn__inner .date__list .d--txt {
  line-height: 1.5;
  font-weight: 400;
  font-size: 13px;
}

.breadcrumb__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1025px) {
  .breadcrumb__list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 1024px) {
  .breadcrumb__list {
    padding-bottom: 6px;
    gap: 8px 0;
  }
}

.breadcrumb__list--item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #33312E;
  font-size: 12px;
}
@media (min-width: 1025px) {
  .breadcrumb__list--item {
    font-size: 13px;
  }
}
.breadcrumb__list--item a {
  color: #4FAA16;
  display: block;
  text-decoration: underline;
  position: relative;
  padding-right: 16px;
  margin-right: 12px;
}
.breadcrumb__list--item a::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 1.5px solid #b2b2b2;
  border-bottom: 1.5px solid #b2b2b2;
}

/*------------------------------------------
dist__nav
------------------------------------------*/
.dist__nav {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__nav {
    margin-bottom: 48px;
  }
}
.dist__nav .nav__ttl {
  font-size: 16px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__nav .nav__ttl {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.dist__nav .nav__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .dist__nav .nav__info {
    gap: 15px;
  }
}
@media (min-width: 1025px) {
  .dist__nav .nav__info.column--3 > li {
    width: calc(33.3333333333% - 10px);
  }
}
@media (min-width: 1025px) {
  .dist__nav .nav__info.column--4 > li {
    width: calc(25% - 11.5px);
  }
}
.dist__nav .nav__info > li {
  width: 100%;
  height: 60px;
}
.dist__nav .nav__info > li > a {
  line-height: 1.3;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4FAA16;
  color: #fff;
  font-size: 16px;
  position: relative;
  padding: 0 24px;
}
@media (min-width: 1025px) {
  .dist__nav .nav__info > li > a {
    padding: 0 42px 0 20px;
  }
}
.dist__nav .nav__info > li > a::after {
  content: "";
  background: url(/assets/images/dist/icon_arrow.svg) no-repeat center/100%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .dist__nav .nav__info > li > a::after {
    width: 25px;
    height: 25px;
    right: 16px;
  }
}
@media (min-width: 1025px) {
  .dist__nav .nav__info > li.h-70 {
    height: 70px;
  }
}
.dist__nav.type--2 {
  border-bottom: 1px solid #EBE4D9;
  padding-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__nav.type--2 {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.dist__nav .nav__ttl--2 {
  font-size: 16px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__nav .nav__ttl--2 {
    font-size: 18px;
  }
}

/*------------------------------------------
dist__info
------------------------------------------*/
.dist__info {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 32px;
  padding: 40px 20px;
}
@media (min-width: 1025px) {
  .dist__info {
    margin-bottom: 64px;
    padding: 72px 78px;
  }
}
.dist__info:last-child {
  margin-bottom: 0;
}
.dist__info.mg-b {
  margin-bottom: 64px;
}
@media (min-width: 1025px) {
  .dist__info.mg-b {
    margin-bottom: 94px;
  }
}
.dist__info.mg-b-2 {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info.mg-b-2 {
    margin-bottom: 40px;
  }
}
.dist__info.mg-b-3 {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .dist__info.mg-b-3 {
    margin-bottom: 48px;
  }
}
.dist__info .info__ttl {
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  padding-bottom: 10px;
  margin-bottom: 24px;
  border-bottom: 2px solid #4FAA16;
}
@media (min-width: 1025px) {
  .dist__info .info__ttl {
    line-height: 1.5;
    font-size: 36px;
    padding-bottom: 16px;
    margin-bottom: 40px;
  }
}
.dist__info .info__sub--ttl {
  line-height: 1.5;
  color: #EA456E;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__sub--ttl {
    font-size: 30px;
  }
}
.dist__info .info__sub--ttl.type--h4 {
  font-size: 22px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__sub--ttl.type--h4 {
    font-size: 26px;
  }
}
.dist__info .info__detail .info__img {
  width: 100%;
  margin: 0 auto 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img {
    max-width: 780px;
    margin: 0 auto 48px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--100 {
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--400 {
    max-width: 400px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--420 {
    max-width: 420px;
  }
}
.dist__info .info__detail .info__img.w--420-2 {
  width: 260px;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--420-2 {
    width: 100%;
    max-width: 420px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--440 {
    max-width: 440px;
  }
}
.dist__info .info__detail .info__img.w--440-2 {
  width: 240px;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--440-2 {
    width: 100%;
    max-width: 440px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--500 {
    max-width: 500px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--530 {
    max-width: 530px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--560 {
    max-width: 560px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--600 {
    max-width: 600px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--620 {
    max-width: 620px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--670 {
    max-width: 670px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.w--max {
    max-width: 100%;
  }
}
.dist__info .info__detail .info__img.mg-btm-0 {
  margin: 0 auto;
}
.dist__info .info__detail .info__img.mg-btm-8 {
  margin: 0 auto 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__img.mg-btm-8 {
    margin: 0 auto 8px;
  }
}
.dist__info .info__detail .info__link > a {
  color: #4FAA16;
  font-size: 16px;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__link > a {
    font-size: 18px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .dist__info .info__detail .info__link > a:hover {
    text-decoration: none;
  }
}
.dist__info .info__detail .info__link.mg-b-24 {
  margin-bottom: 24px;
}
.dist__info .info__detail .info__link.mg-b-48 {
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__detail .info__link.mg-b-48 {
    margin-bottom: 48px;
  }
}
.dist__info .info__txt {
  line-height: 1.6;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__txt {
    line-height: 1.7;
    font-size: 18px;
  }
}
.dist__info .info__txt.txt-mg-b {
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__txt.txt-mg-b {
    margin-bottom: 48px;
  }
}
.dist__info .info__txt.txt-mg-b-2 {
  margin-bottom: 24px;
}
.dist__info .info__txt.txt-mg-b-3 {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .info__txt.txt-mg-b-3 {
    margin-bottom: 40px;
  }
}
.dist__info .info__txt.txt-mg-b-4 {
  margin-bottom: 8px;
}
.dist__info .info__txt.txt-mg-b-5 {
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__txt.txt-mg-b-5 {
    margin-bottom: 40px;
  }
}
.dist__info .info__txt .color--txt {
  color: #EA456E;
  font-weight: 700;
}
.dist__info .info__summary {
  background: #F9F7F3;
  border-radius: 10px;
  padding: 24px 20px;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .info__summary {
    padding: 24px 40px;
    margin-bottom: 48px;
  }
}
.dist__info .info__summary .summary__ttl {
  line-height: 1.6;
  color: #4FAA16;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 6px;
}
@media (min-width: 1025px) {
  .dist__info .info__summary .summary__ttl {
    line-height: 1.3;
    font-size: 30px;
    margin-bottom: 4px;
  }
}
.dist__info .info__summary .summary__txt {
  line-height: 1.6;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__summary .summary__txt {
    line-height: 1.7;
    font-size: 18px;
  }
}
.dist__info .info__summary .summary__txt .color--txt {
  color: #4FAA16;
}
.dist__info .info__items {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .info__items {
    margin-bottom: 48px;
  }
}
.dist__info .info__items:last-child {
  margin-bottom: 0;
}
.dist__info .info__items .items__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__items .items__list {
    gap: 16px;
    margin-bottom: 24px;
  }
}
.dist__info .info__items .items__list > li {
  width: 100%;
  height: 98px;
  border: 1px solid #4FAA16;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .dist__info .info__items .items__list > li {
    width: calc(50% - 8px);
    height: 102px;
  }
}
.dist__info .info__items .items__list > li .txt {
  text-align: center;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__items .items__list > li .txt {
    font-size: 18px;
  }
}
.dist__info .info__items.items-mg-b {
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__items.items-mg-b {
    margin-bottom: 24px;
  }
}
.dist__info .items__ttl {
  color: #4FAA16;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .items__ttl {
    font-size: 30px;
    margin-bottom: 24px;
  }
}
.dist__info .items__ttl.type--h3 {
  font-weight: 500;
  margin-bottom: 16px;
}
.dist__info .items__ttl.type--h3--2 {
  font-weight: 500;
  color: #33312E;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .items__ttl.type--h3--2 {
    font-size: 22px;
  }
}
.dist__info .items__ttl.type--h4 {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .items__ttl.type--h4 {
    font-size: 26px;
  }
}
.dist__info .items__ttl.type--h4--2 {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .items__ttl.type--h4--2 {
    font-size: 26px;
    margin-bottom: 48px;
  }
}
.dist__info .items__ttl.color--1 {
  color: #33312E;
}
.dist__info .info__items--2 {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .dist__info .info__items--2 {
    margin-bottom: 56px;
  }
}
.dist__info .info__items--2:last-child {
  margin-bottom: 0;
}
.dist__info .info__ill {
  background: #F9F7F3;
  border-radius: 10px;
  padding: 24px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__ill {
    gap: 40px;
    padding: 10px 0 10px 48px;
    margin-bottom: 48px;
  }
}
.dist__info .info__ill .ill {
  width: 82px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .dist__info .info__ill .ill.w--71 {
    width: 71px;
  }
}
.dist__info .info__ill .txt {
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
}
@media (min-width: 1025px) {
  .dist__info .info__ill .txt {
    font-size: 22px;
  }
}
.dist__info .info__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .info__explanation {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
    margin-bottom: 40px;
  }
}
.dist__info .info__explanation .txt {
  line-height: 1.6;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__explanation .txt {
    line-height: 1.7;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 18px;
  }
}
.dist__info .info__explanation .img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .dist__info .info__explanation .img {
    width: 312px;
  }
}
.dist__info .info__explanation .img.has--border {
  border: 1px solid #d2e8c6;
}
.dist__info .info__explanation.mg__btm--0 {
  margin-bottom: 0;
}
.dist__info .info__doctor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding: 32px 0 0;
  border-top: 1px solid #EBE4D9;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor {
    gap: 40px;
    padding: 40px 0 0;
  }
}
.dist__info .info__doctor .doctor__img {
  width: 100%;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .doctor__img {
    width: 156px;
  }
}
@media (max-width: 1024px) {
  .dist__info .info__doctor .doctor__img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .dist__info .info__doctor .doctor__img .img {
    width: 148px;
  }
}
.dist__info .info__doctor .doctor__img .img {
  border-radius: 10px;
  overflow: hidden;
}
.dist__info .info__doctor .txt__group {
  width: 100%;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .txt__group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dist__info .info__doctor .txt--1 {
  line-height: 1.6;
  font-size: 14px;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .txt--1 {
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .dist__info .info__doctor .txt--1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dist__info .info__doctor .txt--2 {
  line-height: 1.6;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .txt--2 {
    line-height: 1.7;
    font-size: 13px;
  }
}
.dist__info .info__doctor .txt--3 {
  line-height: 1.6;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .txt--3 {
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .dist__info .info__doctor .txt--3 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dist__info .info__doctor .txt--3 .name {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor .txt--3 .name {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
.dist__info .info__doctor .txt--3 .hospital {
  color: #4FAA16;
  font-size: 14px;
  display: block;
}
.dist__info .info__doctor.type--2 {
  border-top: none;
  border-bottom: 1px solid #EBE4D9;
  padding: 0 0 32px;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .info__doctor.type--2 {
    padding: 0 0 40px;
    margin-bottom: 40px;
  }
}
.dist__info .info__doctor.type--3 {
  border-top: none;
  padding: 0;
}
@media (max-width: 1024px) {
  .dist__info .info__doctor.type--3 .doctor__img {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .dist__info .info__doctor.type--3 .doctor__img .img {
    width: 200px;
    margin: 0 auto;
  }
}
.dist__info .info__doctor.type--3 .txt--2 .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 3px;
}
.dist__info .info__doctor.type--3 .txt--2 .detail:last-child {
  margin-bottom: 0;
}
.dist__info .info__doctor.type--3 .txt--2 .detail > span {
  display: block;
}
.dist__info .info__doctor.type--3 .txt--2 .detail .year {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.dist__info .info__doctor.type--3 .txt--2 .detail .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dist__info .info__doctor.type--3 .txt--3 {
  line-height: 2;
}
@media (max-width: 1024px) {
  .dist__info .info__doctor.type--3 .txt--3 {
    margin-bottom: 20px;
  }
}
.dist__info .info__doctor.type--3 .txt--3 .name {
  font-size: 14px;
  margin-bottom: 0;
}
.dist__info .info__doctor.type--3 .txt--3 .hospital {
  color: #33312E;
}
.dist__info .info__number--list {
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__number--list {
    margin-bottom: 32px;
  }
}
.dist__info .info__number--list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__number--list > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.dist__info .info__number--list > li:last-child {
  margin-bottom: 0;
}
.dist__info .info__number--list > li > span {
  display: block;
}
.dist__info .info__number--list > li .icon {
  width: 30px;
  height: 30px;
  color: #fff;
  background: #005DB2;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dist__info .info__number--list > li .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.6;
  font-size: 16px;
  padding-top: 3px;
}
@media (min-width: 1025px) {
  .dist__info .info__number--list > li .txt {
    font-size: 18px;
    padding-top: 0;
  }
}
.dist__info .info__op--txt {
  font-weight: 400;
  font-size: 13px;
}
@media (min-width: 1025px) {
  .dist__info .info__op--txt {
    text-align: right;
  }
}
.dist__info .info__op--txt.mg-btm-48 {
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__op--txt.mg-btm-48 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1025px) {
  .dist__info .info__op--txt.txt--l {
    text-align: left;
  }
}
.dist__info .info__meal {
  background: #F9F7F3;
  border-radius: 10px;
}
.dist__info .info__meal .meal__inner {
  padding: 32px 20px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__inner {
    padding: 40px;
  }
}
.dist__info .info__meal .meal__item {
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__item {
    margin-bottom: 32px;
  }
}
.dist__info .info__meal .meal__item:last-child {
  margin-bottom: 0;
}
.dist__info .info__meal .meal__item .meal__ttl {
  padding-bottom: 8px;
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__item .meal__ttl {
    padding-bottom: 12px;
  }
}
.dist__info .info__meal .meal__item .meal__ttl .txt {
  font-size: 22px;
  padding-left: 8px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__item .meal__ttl .txt {
    font-size: 26px;
    padding-left: 10px;
  }
}
.dist__info .info__meal .meal__item .meal__ttl.yellow {
  border-bottom: 2px solid #ECB91E;
}
.dist__info .info__meal .meal__item .meal__ttl.yellow .txt {
  color: #ECB91E;
}
.dist__info .info__meal .meal__item .meal__ttl.pink {
  border-bottom: 2px solid #ED8D8E;
}
.dist__info .info__meal .meal__item .meal__ttl.pink .txt {
  color: #ED8D8E;
}
.dist__info .info__meal .meal__item .meal__ttl.green {
  border-bottom: 2px solid #98D35B;
}
.dist__info .info__meal .meal__item .meal__ttl.green .txt {
  color: #98D35B;
}
.dist__info .info__meal .meal__item .meal__ttl.brown {
  border-bottom: 2px solid #4F422D;
}
.dist__info .info__meal .meal__item .meal__ttl.brown .txt {
  color: #4F422D;
}
.dist__info .info__meal .meal__item .meal__ttl.purple {
  border-bottom: 2px solid #C476AC;
}
.dist__info .info__meal .meal__item .meal__ttl.purple .txt {
  color: #C476AC;
}
.dist__info .info__meal .meal__item .meal__detail .meal__sub--ttl {
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__item .meal__detail .meal__sub--ttl {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.dist__info .info__meal .meal__item .meal__detail .meal__txt {
  line-height: 1.4;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__meal .meal__item .meal__detail .meal__txt {
    line-height: 1.7;
    font-size: 18px;
  }
}
.dist__info .info__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__option {
    gap: 40px;
  }
}
.dist__info .info__option .option__detail {
  width: 100%;
}
@media (min-width: 1025px) {
  .dist__info .info__option .option__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dist__info .info__option .option__detail .option__txt {
  line-height: 1.6;
  font-size: 16px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__option .option__detail .option__txt {
    font-size: 18px;
  }
}
.dist__info .info__option .option__detail .option__op {
  font-weight: 400;
  font-size: 13px;
}
.dist__info .info__option .option__img {
  width: 170px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .dist__info .info__option .option__img {
    width: 234px;
  }
}
.dist__info .info__sub--ttl2 {
  color: #4FAA16;
  font-size: 22px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__sub--ttl2 {
    font-size: 26px;
  }
}
.dist__info .info__finger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin: 0 auto 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__finger {
    gap: 16px;
    margin: 0 auto 40px;
  }
}
.dist__info .info__finger > li {
  line-height: 1.3;
  width: 100%;
  color: #4FAA16;
  background: #F9F7F3;
  border-radius: 10px;
  padding: 16px 52px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__info .info__finger > li {
    width: calc(25% - 12px);
    padding: 25px 20px;
    font-size: 18px;
  }
}
.dist__info .info__graph {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 32px;
  gap: 24px;
}
@media (min-width: 1025px) {
  .dist__info .info__graph {
    gap: 30px 40px;
    margin: 0 auto 48px;
  }
}
.dist__info .info__graph .graph__item {
  width: 100%;
}
@media (min-width: 1025px) {
  .dist__info .info__graph .graph__item {
    width: calc(50% - 20px);
  }
}
.dist__info .movie__ttl {
  text-align: center;
  font-size: 16px;
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .dist__info .movie__ttl {
    font-size: 18px;
  }
}
.dist__info .movie__info {
  width: 100%;
  margin: 0 auto 32px;
  padding-top: 56.25%;
  position: relative;
}
@media (min-width: 1025px) {
  .dist__info .movie__info {
    max-width: 776px;
    margin: 0 auto 40px;
  }
}
.dist__info .movie__info > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.dist__info .movie__info.mg--0 {
  margin: 0 auto;
}
.dist__info .movie__op {
  font-size: 14px;
}
@media (min-width: 1025px) {
  .dist__info .movie__op {
    font-size: 16px;
  }
}

/*------------------------------------------
dist__op--info
------------------------------------------*/
.dist__op--info {
  width: 100%;
  margin: 0 auto 40px;
}
@media (min-width: 1025px) {
  .dist__op--info {
    margin: 0 auto 64px;
  }
}
.dist__op--info .option__info {
  width: 100%;
  margin: 0 auto 32px;
  background: #fff;
  border-radius: 10px;
  padding: 46px 30px 40px;
  position: relative;
}
@media (min-width: 1025px) {
  .dist__op--info .option__info {
    max-width: 936px;
    margin: 0 auto 40px;
    padding: 60px 126px 50px;
  }
}
.dist__op--info .option__info::before {
  content: "";
  background: #4FAA16;
  width: 1px;
  height: 60px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .dist__op--info .option__info::before {
    top: -30px;
  }
}
.dist__op--info .option__ttl {
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__op--info .option__ttl {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.dist__op--info .option__txt {
  line-height: 1.6;
  text-align: center;
  font-size: 14px;
  margin-bottom: 24px;
}
@media (min-width: 1025px) {
  .dist__op--info .option__txt {
    font-size: 16px;
  }
}
.dist__op--info .cmn__btn {
  height: 70px;
}
@media (min-width: 1025px) {
  .dist__op--info .cmn__btn {
    max-width: 468px;
    height: 60px;
  }
}
.dist__op--info .sns__info {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 1025px) {
  .dist__op--info .sns__info {
    max-width: 376px;
  }
}
.dist__op--info .sns__info .sns__ttl {
  width: 100%;
  font-size: 16px;
  text-align: center;
}
@media (min-width: 1025px) {
  .dist__op--info .sns__info .sns__ttl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dist__op--info .sns__info .sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.dist__op--info .sns__info .sns__list > li {
  width: 56px;
  height: 56px;
}
.dist__op--info .sns__info .sns__list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.dist__op--info .sns__info .sns__list > li > a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.dist__op--info .sns__info .sns__list > li.x > a::after {
  background: url(/assets/images/common/icon_x.svg) no-repeat center/100%;
}
.dist__op--info .sns__info .sns__list > li.facebook > a::after {
  background: url(/assets/images/common/icon_fb.svg) no-repeat center/100%;
}
.dist__op--info .sns__info .sns__list > li.line > a::after {
  background: url(/assets/images/common/icon_line.svg) no-repeat center/100%;
}
.dist__op--info .option__img {
  width: 100%;
  margin: 0 auto 32px;
}
@media (min-width: 1025px) {
  .dist__op--info .option__img {
    max-width: 500px;
  }
}

/*------------------------------------------
dist__list--nav
------------------------------------------*/
.dist__list--nav {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .dist__list--nav {
    margin-bottom: 64px;
  }
}
.dist__list--nav:last-child {
  margin-bottom: 0px;
}

.list__ttl {
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .list__ttl {
    font-size: 36px;
  }
}

.list__subttl {
  font-weight: 400;
  font-size: 18px;
}
@media (min-width: 1025px) {
  .list__subttl {
    font-size: 22px;
  }
}

.list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .list__info {
    gap: 16px;
  }
}
.list__info > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 80px;
}
@media (min-width: 1025px) {
  .list__info > li {
    width: calc(25% - 12px);
  }
}
.list__info > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
  padding: 0 16px 0 24px;
}
@media (min-width: 1025px) {
  .list__info > li > a {
    gap: 26px;
    padding: 0 24px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .list__info > li > a:hover {
    opacity: 0.6;
  }
}
.list__info > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .list__info > li > a::after {
    right: 24px;
  }
}
.list__info > li > a .info {
  width: 100%;
}
.list__info > li > a .info .txt {
  color: #4FAA16;
  line-height: 1.4;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .list__info > li > a .info .txt {
    font-size: 18px;
  }
}
.list__info > li > a .info .s--txt {
  display: block;
  line-height: 1.3;
  font-size: 13px;
  margin-top: 2px;
}
.list__info > li.is--on {
  border: 3px solid #4FAA16;
  background: #f6f8eb;
  text-align: center;
  pointer-events: none;
}
.list__info > li.is--on > a::after {
  display: none;
}
@media (min-width: 1025px) {
  .list__info > li.h-100 {
    height: 100px;
  }
}
.list__info > li.h-100-2 {
  height: 100px;
}

.list__ttl--area {
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .list__ttl--area {
    margin-bottom: 24px;
  }
}
.list__ttl--area .list__ttl {
  margin-bottom: 8px;
}

/*------------------------------------------
cmn__cta
------------------------------------------*/
.cmn__cta {
  background: #F9F7F3;
  padding: 48px 0 0;
}
@media (min-width: 1025px) {
  .cmn__cta {
    padding: 80px 0 40px;
  }
}
.cmn__cta .cta__block {
  margin-bottom: 48px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block {
    margin-bottom: 64px;
  }
}
.cmn__cta .cta__block:last-child {
  margin-bottom: 0;
}
.cmn__cta .cta__block .cta__ttl {
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__ttl {
    line-height: 1.5;
    font-size: 36px;
    margin-bottom: 32px;
  }
}
.cmn__cta .cta__block .cta__list--1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--1 {
    gap: 18px;
  }
}
.cmn__cta .cta__block .cta__list--1 > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 100px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--1 > li {
    width: calc(33.3333333333% - 12px);
    height: 120px;
  }
}
.cmn__cta .cta__block .cta__list--1 > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
  padding: 0 20px 0 12px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--1 > li > a {
    gap: 6px;
    padding: 0 24px 0 14px;
  }
}
.cmn__cta .cta__block .cta__list--1 > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--1 > li > a::after {
    right: 24px;
  }
}
.cmn__cta .cta__block .cta__list--1 > li > a .img {
  width: 90px;
}
.cmn__cta .cta__block .cta__list--1 > li > a .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
  font-size: 16px;
  width: 146px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--1 > li > a .txt {
    line-height: 1.5;
    width: 100%;
    max-width: 166px;
    font-size: 18px;
  }
}
.cmn__cta .cta__block .cta__list--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 {
    gap: 16px;
  }
}
.cmn__cta .cta__block .cta__list--2 > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 100px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li {
    width: calc(25% - 12px);
    height: 160px;
  }
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li.h-188 {
    height: 188px;
  }
}
.cmn__cta .cta__block .cta__list--2 > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
  padding: 0 20px 0 12px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li > a {
    display: block;
    padding: 8px 0 18px 0;
  }
}
@media (max-width: 1024px) {
  .cmn__cta .cta__block .cta__list--2 > li > a::after {
    content: "";
    background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
  }
}
.cmn__cta .cta__block .cta__list--2 > li > a .img {
  width: 90px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li > a .img {
    width: 106px;
    margin: 0 auto 2px;
  }
}
.cmn__cta .cta__block .cta__list--2 > li > a .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
  font-size: 16px;
  width: 146px;
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li > a .txt {
    line-height: 1.5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    margin: 0 auto;
    position: relative;
    padding-right: 20px;
  }
  .cmn__cta .cta__block .cta__list--2 > li > a .txt::after {
    content: "";
    background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li > a .txt::after {
    top: 3px;
  }
}
@media (min-width: 1025px) {
  .cmn__cta .cta__block .cta__list--2 > li > a .txt.mt-15 {
    margin-top: 15px;
  }
}

/*------------------------------------------
option__container
------------------------------------------*/
.option__container {
  padding: 48px 0;
}
@media (min-width: 1025px) {
  .option__container {
    padding: 80px 0;
  }
}
.option__container .dist__op--info {
  margin: 0 auto 32px;
}
@media (min-width: 1025px) {
  .option__container .dist__op--info {
    margin: 0 auto 40px;
  }
}
.option__container .option__cta--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin: 0 auto 32px;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list {
    gap: 18px;
    margin: 0 auto 40px;
  }
}
.option__container .option__cta--list > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 110px;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list > li {
    width: 468px;
    height: 120px;
  }
}
.option__container .option__cta--list > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
  padding: 0 20px 0 8px;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list > li > a {
    gap: 20px;
    padding: 0 32px 0 30px;
  }
}
.option__container .option__cta--list > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list > li > a::after {
    right: 24px;
  }
}
.option__container .option__cta--list > li > a .img {
  width: 96px;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list > li > a .img {
    width: 106px;
  }
}
.option__container .option__cta--list > li > a .txt {
  line-height: 1.4;
  font-size: 16px;
  width: 146px;
}
@media (min-width: 1025px) {
  .option__container .option__cta--list > li > a .txt {
    line-height: 1.5;
    width: 100%;
    max-width: 216px;
    font-size: 18px;
  }
}
.option__container .option__lead--txt {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  padding: 34px 20px 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 auto 64px;
}
@media (min-width: 1025px) {
  .option__container .option__lead--txt {
    max-width: 936px;
    padding: 40px 0;
    font-size: 16px;
    line-height: 2;
    margin: 0 auto 86px;
  }
}

/*------------------------------------------
other__container
------------------------------------------*/
.other__container {
  background: #EBF0D5;
  padding: 48px 0 40px;
}
@media (min-width: 1025px) {
  .other__container {
    padding: 80px 0;
  }
}
.other__container .other__items {
  margin-bottom: 48px;
}
@media (min-width: 1025px) {
  .other__container .other__items {
    margin-bottom: 64px;
  }
}
.other__container .other__items:last-child {
  margin-bottom: 0;
}
.other__container .cta__list--1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 {
    gap: 18px;
  }
}
.other__container .cta__list--1 > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 100px;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 > li {
    width: calc(33.3333333333% - 12px);
    height: 120px;
  }
}
.other__container .cta__list--1 > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  padding: 0 20px 0 8px;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 > li > a {
    padding: 0 24px 0 10px;
  }
}
.other__container .cta__list--1 > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 > li > a::after {
    right: 24px;
  }
}
.other__container .cta__list--1 > li > a .img {
  width: 96px;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 > li > a .img {
    width: 102px;
  }
}
.other__container .cta__list--1 > li > a .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
  font-size: 16px;
  width: 128px;
}
@media (min-width: 1025px) {
  .other__container .cta__list--1 > li > a .txt {
    line-height: 1.5;
    width: 100%;
    max-width: 166px;
    font-size: 18px;
  }
}

.dist__list--symptom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .dist__list--symptom {
    gap: 40px 50px;
  }
}
.dist__list--symptom > li {
  background: #ffffff;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  position: relative;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li {
    width: calc(33.3333333333% - 34px);
  }
}
.dist__list--symptom > li::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_4.svg) no-repeat center/100%;
  width: 18px;
  height: 19px;
  position: absolute;
  right: 20px;
  bottom: 16px;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li::after {
    width: 20px;
    height: 20px;
    right: 24px;
    bottom: 24px;
  }
}
.dist__list--symptom > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  padding: 24px 20px 42px 10px;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li > a {
    display: block;
    padding: 30px 22px 28px 28px;
  }
}
.dist__list--symptom > li > a .img {
  width: 132px;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li > a .img {
    width: 280px;
    margin-bottom: 22px;
  }
}
.dist__list--symptom > li > a .detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li > a .detail {
    width: 214px;
  }
}
.dist__list--symptom > li > a .detail .label {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.dist__list--symptom > li > a .detail .label .txt {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background: #4FAA16;
  padding: 3px 6px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.dist__list--symptom > li > a .detail .info {
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__list--symptom > li > a .detail .info {
    font-size: 20px;
  }
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 {
    gap: 24px;
    margin-bottom: 40px;
  }
}
.dist__list--symptom.type--2 > li {
  border: 1px solid #4FAA16;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li {
    width: calc(33.3333333333% - 16px);
  }
}
.dist__list--symptom.type--2 > li::after {
  right: 20px;
  bottom: 30px;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li::after {
    bottom: 52px;
  }
}
.dist__list--symptom.type--2 > li > a {
  display: block;
  padding: 10px 24px 16px;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li > a {
    padding: 32px 24px 24px;
  }
}
.dist__list--symptom.type--2 > li > a .img {
  width: 234px;
  margin: 0 auto 8px;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li > a .img {
    width: 100%;
    margin: 0 auto 24px;
  }
}
.dist__list--symptom.type--2 > li > a .detail {
  width: 218px;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li > a .detail {
    width: 202px;
  }
}
.dist__list--symptom.type--2 > li > a .detail .info {
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__list--symptom.type--2 > li > a .detail .info {
    font-size: 18px;
  }
}

/*------------------------------------------
btn__enlarge
------------------------------------------*/
.btn__enlarge {
  width: 98px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #7DBA57;
  margin: 0 0 10px auto;
  border-radius: 6px;
}
.btn__enlarge .txt {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  padding-left: 22px;
  position: relative;
}
.btn__enlarge .txt::before {
  content: "";
  background: url(/assets/images/dist/icon_enlarge.svg) no-repeat center/100%;
  width: 16px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

/* =========================================================
modal
========================================================= */
.modal-block {
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  z-index: 9999;
  display: none;
  padding: 120px 0 30px;
}

.modal-bg {
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.modal-wrap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 0 18px;
}

.modal-cont {
  position: relative;
  background: #fff;
  padding: 20px;
}
.modal-cont .contents {
  width: 100%;
  padding-bottom: 20px;
}
.modal-cont .contents.w-310 {
  min-width: 310px;
}
.modal-cont .contents.w-330 {
  min-width: 330px;
}
.modal-cont .contents.w-342 {
  min-width: 342px;
}
.modal-cont .contents.w-365 {
  min-width: 365px;
}
.modal-cont .contents.w-370 {
  min-width: 370px;
}
.modal-cont .contents.w-380 {
  min-width: 380px;
}
.modal-cont .contents.w-400 {
  min-width: 400px;
}
.modal-cont .contents.w-420 {
  min-width: 420px;
}
.modal-cont .contents.w-430 {
  min-width: 430px;
}
.modal-cont .contents.w-436 {
  min-width: 436px;
}
.modal-cont .contents.w-438 {
  min-width: 438px;
}
.modal-cont .contents.w-450 {
  min-width: 450px;
}
.modal-cont .contents.w-500 {
  min-width: 500px;
}
.modal-cont .contents.w-504 {
  min-width: 504px;
}
.modal-cont .contents.w-528 {
  min-width: 530px;
}
.modal-cont .contents.w-530 {
  min-width: 530px;
}
.modal-cont .contents.w-542 {
  min-width: 542px;
}
.modal-cont .contents.w-560 {
  min-width: 560px;
}
.modal-cont .contents.w-566 {
  min-width: 566px;
}
.modal-cont .contents.w-586 {
  min-width: 586px;
}
.modal-cont .contents.w-592 {
  min-width: 592px;
}
.modal-cont .contents.w-596 {
  min-width: 596px;
}
.modal-cont .contents.w-600 {
  min-width: 600px;
}
.modal-cont .contents.w-634 {
  min-width: 634px;
}
.modal-cont .contents.w-650 {
  min-width: 650px;
}
.modal-cont .contents.w-654 {
  min-width: 654px;
}
.modal-cont .contents.w-658 {
  min-width: 658px;
}
.modal-cont .contents.w-670 {
  min-width: 670px;
}
.modal-cont .contents.w-680 {
  min-width: 680px;
}
.modal-cont .contents.w-714 {
  min-width: 714px;
}
.modal-cont .contents.w-722 {
  min-width: 722px;
}
.modal-cont .contents.w-728 {
  min-width: 728px;
}
.modal-cont .contents.w-740 {
  min-width: 740px;
}
.modal-cont .contents.w-770 {
  min-width: 770px;
}
.modal-cont .contents.w-780 {
  min-width: 780px;
}
.modal-cont .contents.w-790 {
  min-width: 790px;
}
.modal-cont .contents.w-814 {
  min-width: 814px;
}
.modal-cont .contents.w-825 {
  min-width: 825px;
}
.modal-cont .contents.w-838 {
  min-width: 838px;
}
.modal-cont .contents.w-888 {
  min-width: 888px;
}
.modal-cont .contents.w-936 {
  min-width: 936px;
}
.modal-cont .contents.w-980 {
  min-width: 980px;
}
.modal-cont .contents.w-1138 {
  min-width: 1138px;
}
.modal-cont .scroll-hint-shadow-wrap::before, .modal-cont .scroll-hint-shadow-wrap::after {
  display: none;
}
.modal-cont.type--2 {
  padding: 10px 0;
}
.modal-cont.type--2 .contents {
  padding-bottom: 0;
}

.modal-bottom-close {
  width: 340px;
  height: 60px;
  border-radius: 60px;
  background: #4FAA16;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
}
.modal-bottom-close .txt {
  color: #fff;
  padding-left: 24px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  position: relative;
}
.modal-bottom-close .txt::before, .modal-bottom-close .txt::after {
  content: "";
  background: url(/assets/images/dist/icon_close.svg) no-repeat center/100%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  margin: auto;
}

.modal-block.promotionalmaterials {
  padding: 250px 0 30px;
}
@media (min-width: 1025px) {
  .modal-block.promotionalmaterials {
    padding: 192px 0 30px;
  }
}
@media (min-width: 1025px) {
  .modal-block.promotionalmaterials .modal-wrap {
    max-width: 776px;
  }
}
.modal-block.promotionalmaterials .modal-cont {
  padding: 0;
}
@media (min-width: 1025px) {
  .modal-block.promotionalmaterials .modal-bottom-close {
    top: 100px;
  }
}
.modal-block.promotionalmaterials .modal__movie {
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
  position: relative;
}
.modal-block.promotionalmaterials .modal__movie > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*------------------------------------------
dist__list--exp
------------------------------------------*/
.dist__list--exp {
  margin-bottom: 64px;
}
@media (min-width: 1025px) {
  .dist__list--exp {
    margin-bottom: 94px;
  }
}
.dist__list--exp .list--exp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp {
    gap: 24px;
  }
}
.dist__list--exp .list--exp > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
  height: 110px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li {
    width: calc(50% - 12px);
    height: 154px;
  }
}
.dist__list--exp .list--exp > li:nth-child(3) {
  height: 170px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li:nth-child(3) {
    height: 226px;
  }
}
.dist__list--exp .list--exp > li:nth-child(4) {
  height: 130px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li:nth-child(4) {
    height: 226px;
  }
}
.dist__list--exp .list--exp > li:nth-child(5) {
  height: 150px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li:nth-child(5) {
    height: 166px;
  }
}
.dist__list--exp .list--exp > li .inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
  padding: 0 24px 0 15px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li .inner {
    gap: 24px;
    padding: 0 32px 0 30px;
  }
}
.dist__list--exp .list--exp > li .inner .img {
  width: 110px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li .inner .img {
    width: 160px;
  }
}
.dist__list--exp .list--exp > li .inner .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dist__list--exp .list--exp > li .inner .info .txt {
  line-height: 1.3;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__list--exp .list--exp > li .inner .info .txt {
    line-height: 1.5;
    font-size: 20px;
  }
}
.dist__list--exp .list--exp > li .inner .info .c--txt {
  color: #EA456E;
}
@media (max-width: 1024px) {
  .dist__list--exp .cmn__btn {
    width: 296px;
    height: 70px;
  }
}

/*------------------------------------------
dist__list--faq
------------------------------------------*/
.dist__list--faq .faq__item {
  padding: 20px 0;
  border-top: 1px solid #4FAA16;
}
@media (min-width: 1025px) {
  .dist__list--faq .faq__item {
    padding: 30px 0;
  }
}
.dist__list--faq .faq__item:last-child {
  border-bottom: 1px solid #4FAA16;
}
.dist__list--faq .faq__item .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 0 8px 0 10px;
}
@media (min-width: 1025px) {
  .dist__list--faq .faq__item .question {
    padding: 0 20px 0 10px;
    gap: 24px;
    cursor: pointer;
  }
}
.dist__list--faq .faq__item .question .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 22px;
  position: relative;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .dist__list--faq .faq__item .question .ttl {
    padding-left: 25px;
    font-size: 20px;
  }
}
.dist__list--faq .faq__item .question .ttl::before {
  content: "Q";
  font-weight: 700;
  color: #4FAA16;
  position: absolute;
  top: 0;
  left: 0;
}
.dist__list--faq .faq__item .question .icon {
  position: relative;
  width: 12px;
  height: 12px;
}
.dist__list--faq .faq__item .question .icon::before, .dist__list--faq .faq__item .question .icon::after {
  content: "";
  background: #4FAA16;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.dist__list--faq .faq__item .question .icon::before {
  width: 100%;
  height: 2px;
}
.dist__list--faq .faq__item .question .icon::after {
  width: 2px;
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.dist__list--faq .faq__item .question.is-active .icon::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.dist__list--faq .faq__item .answer {
  display: none;
  margin-top: 16px;
  padding: 0 32px 0 10px;
}
@media (min-width: 1025px) {
  .dist__list--faq .faq__item .answer {
    padding: 0 56px 0 10px;
    margin-top: 32px;
  }
}
.dist__list--faq .faq__item .answer .answer__txt {
  padding-left: 22px;
  position: relative;
}
@media (min-width: 1025px) {
  .dist__list--faq .faq__item .answer .answer__txt {
    font-size: 20px;
  }
}
.dist__list--faq .faq__item .answer .answer__txt::before {
  content: "A";
  font-weight: 700;
  color: #EA456E;
  position: absolute;
  top: 0;
  left: 0;
}
.dist__list--faq .faq__item .has--link {
  color: #4FAA16;
  text-decoration: underline;
}

.letter__container {
  background: #EBF0D5;
  padding: 40px 0;
}
@media (min-width: 1025px) {
  .letter__container {
    padding: 64px 0 80px;
  }
}
.letter__container .dist__op--info {
  border-bottom: 2px solid #4FAA16;
  padding-bottom: 40px;
}
@media (min-width: 1025px) {
  .letter__container .dist__op--info {
    padding-bottom: 64px;
  }
}
.letter__container .dist__info .info__detail {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .letter__container .dist__info .info__detail {
    margin-bottom: 56px;
  }
}
.letter__container .dist__info .info__detail:last-child {
  margin-bottom: 0;
}

/*------------------------------------------
「更年期お役立ち情報」index
------------------------------------------*/
@media (max-width: 1024px) {
  .letter.index .cmn__mv .ttl__area {
    padding: 80px 14px 0 18px;
  }
}
@media (max-width: 1024px) {
  .letter.index .dist__nav {
    margin-bottom: 40px;
  }
}
.letter .list__block {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .letter .list__block {
    margin-bottom: 56px;
  }
}
.letter .list__block:last-child {
  margin-bottom: 0px;
}
.letter .list__title {
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  padding-bottom: 10px;
  margin-bottom: 24px;
  border-bottom: 2px solid #4FAA16;
}
@media (min-width: 1025px) {
  .letter .list__title {
    line-height: 1.5;
    font-size: 36px;
    padding-bottom: 16px;
    margin-bottom: 40px;
  }
}
.letter .letter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .letter .letter__list {
    gap: 24px;
  }
}
.letter .letter__list > li {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #EBE4D9;
  width: 100%;
}
@media (min-width: 1025px) {
  .letter .letter__list > li {
    width: calc(50% - 12px);
  }
}
.letter .letter__list > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: relative;
  padding: 26px 44px 26px 24px;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 32px 56px 32px 32px;
  }
}
.letter .letter__list > li > a::after {
  content: "";
  background: url(/assets/images/common/ico_arrow_2.svg) no-repeat center/100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a::after {
    right: 24px;
  }
}
.letter .letter__list > li > a .photo {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 100px;
  border-radius: 10px;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a .photo {
    width: 150px;
  }
}
.letter .letter__list > li > a .info {
  width: 100%;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a .info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.letter .letter__list > li > a .info .ttl {
  line-height: 1.3;
  color: #4FAA16;
  line-height: 1.4;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a .info .ttl {
    line-height: 1.5;
    font-size: 20px;
  }
}
.letter .letter__list > li > a .info .txt {
  line-height: 1.4;
  font-size: 14px;
  margin-top: 4px;
}
.letter .letter__list > li > a .info .vol {
  margin-bottom: 4px;
}
@media (min-width: 1025px) {
  .letter .letter__list > li > a .info .vol {
    margin-bottom: 6px;
  }
}
.letter .letter__list > li > a .info .vol > span {
  display: inline-block;
  background: #4FAA16;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px 2px;
}
.letter .letter__list.doctor > li > a {
  padding: 24px 40px 24px 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1025px) {
  .letter .letter__list.doctor > li > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 56px 24px 32px;
  }
}
.letter .letter__list.doctor > li > a .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.letter .letter__list.health_beauty > li > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  gap: 12px;
}
@media (min-width: 1025px) {
  .letter .letter__list.health_beauty > li > a {
    padding: 32px 32px 24px;
    gap: 20px;
  }
}
.letter .letter__list.health_beauty > li > a .photo {
  aspect-ratio: 34/19;
  width: 100%;
  border-radius: 0;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .letter .letter__list.health_beauty > li > a .photo {
    width: 340px;
  }
}
.letter .letter__list.health_beauty > li > a .info--1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (min-width: 1025px) {
  .letter .letter__list.health_beauty > li > a .info--1 {
    gap: 14px;
  }
}
.letter .letter__list.health_beauty > li > a .info--1 .vol {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 0px;
}
.letter .letter__list.health_beauty > li > a .info--1 .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 2px;
}
@media (min-width: 1025px) {
  .letter .letter__list.health_beauty > li > a .info--1 .ttl.other--type {
    padding-top: 26px;
  }
}
.letter .letter__list.health_beauty > li > a::after {
  display: none;
}

/*------------------------------------------
「女性ホルモンと見た目年齢の関係」article01
------------------------------------------*/
@media (max-width: 1024px) {
  .letter.article-1 .cmn__mv .ttl__area, .letter.article-2 .cmn__mv .ttl__area, .letter.article-3 .cmn__mv .ttl__area, .letter.article-4 .cmn__mv .ttl__area, .letter.article-5 .cmn__mv .ttl__area, .letter.article-6 .cmn__mv .ttl__area, .letter.article-7 .cmn__mv .ttl__area, .letter.article-8 .cmn__mv .ttl__area {
    padding: 80px 12px 0 18px;
  }
}
.letter.article-1 .cmn__btn, .letter.article-2 .cmn__btn, .letter.article-3 .cmn__btn, .letter.article-4 .cmn__btn, .letter.article-5 .cmn__btn, .letter.article-6 .cmn__btn, .letter.article-7 .cmn__btn, .letter.article-8 .cmn__btn {
  margin: 24px auto 0;
}
@media (min-width: 1025px) {
  .letter.article-1 .cmn__btn, .letter.article-2 .cmn__btn, .letter.article-3 .cmn__btn, .letter.article-4 .cmn__btn, .letter.article-5 .cmn__btn, .letter.article-6 .cmn__btn, .letter.article-7 .cmn__btn, .letter.article-8 .cmn__btn {
    margin: 32px auto 0;
  }
}

/*------------------------------------------
「美女医：気づいたときに、すぐスタート」bijyoi_article01
------------------------------------------*/
@media (max-width: 1024px) {
  .letter.bijyoi-1 .info__op--txt, .letter.bijyoi-2 .info__op--txt, .letter.bijyoi-3 .info__op--txt, .letter.bijyoi-4 .info__op--txt, .letter.bijyoi-5 .info__op--txt, .letter.bijyoi-6 .info__op--txt {
    text-align: right;
  }
}
.letter.bijyoi-1 .dist__op--info .cmn__btn, .letter.bijyoi-2 .dist__op--info .cmn__btn, .letter.bijyoi-3 .dist__op--info .cmn__btn, .letter.bijyoi-4 .dist__op--info .cmn__btn, .letter.bijyoi-5 .dist__op--info .cmn__btn, .letter.bijyoi-6 .dist__op--info .cmn__btn {
  height: 60px;
}
@media (min-width: 1025px) {
  .letter.bijyoi-1 .dist__op--info .cmn__btn, .letter.bijyoi-2 .dist__op--info .cmn__btn, .letter.bijyoi-3 .dist__op--info .cmn__btn, .letter.bijyoi-4 .dist__op--info .cmn__btn, .letter.bijyoi-5 .dist__op--info .cmn__btn, .letter.bijyoi-6 .dist__op--info .cmn__btn {
    max-width: 400px;
    margin: 0 auto 40px;
  }
}
@media (max-width: 1024px) {
  .letter.bijyoi-1 .dist__op--info .cmn__btn, .letter.bijyoi-2 .dist__op--info .cmn__btn, .letter.bijyoi-3 .dist__op--info .cmn__btn, .letter.bijyoi-4 .dist__op--info .cmn__btn, .letter.bijyoi-5 .dist__op--info .cmn__btn, .letter.bijyoi-6 .dist__op--info .cmn__btn {
    width: 298px;
    margin: 0 auto 32px;
  }
}

/*------------------------------------------
「2019年度「メノポーズ週間」啓発動画」movie_jmwh2019
------------------------------------------*/
.letter .movie__info {
  margin: 0 auto 24px;
}
@media (min-width: 1025px) {
  .letter .movie__info {
    margin: 0 auto 48px;
  }
}
/*------------------------------------------
「輝くのはこれから！」movie_jmwh2018
------------------------------------------*/
@media (max-width: 1024px) {
  .letter.movie-2018 .cmn__mv .ttl__area {
    padding: 80px 14px 0 18px;
  }
}
@media (min-width: 1025px) {
  .letter.movie-2018 .letter__container {
    padding: 48px 0 80px;
  }
}