@charset "Shift_JIS";
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ■ Mobile */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.site-main.full-width {
  padding: 0;
}
.breadcrumbs {
  display: none;
}

.section {
  padding-bottom: 70px;
}
.item-button {
  position: relative;
  margin: 0 auto;
  padding: .75em 1em;
  width: 100%;
  background-color: rgb(245 239 223 / 50%);
  text-align: center;
}
#btn__application {
  position: fixed;
  z-index: 1000;
  opacity: 0;/*初めは非表示*/
  transform: translateY(158px);

}
/* 上に上がる動き */
#btn__application.UpMove {animation: UpAnime 0.5s forwards;}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(158px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 下に下がる動き */
#btn__application.DownMove {animation: DownAnime 0.5s forwards;}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(158px);
  }
}
.btn__next {
  padding: .85em calc(.75em + 1em) 1em calc(.75em + 1em);
}

/* ---------------------------------------------------------------------------------------------- */
/* header //////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
.contents-header {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.02;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
#details__kindergarten .contents-header {
  background-image: url(/assets/img/kodomo/kindergarten/bg-main-mobile.png);
  background-image: image-set(url(/assets/img/kodomo/kindergarten/bg-main-mobile.png) 1x, url(/assets/img/kodomo/kindergarten/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/kindergarten/bg-main-mobile@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/kindergarten/bg-main-mobile.png) 1x, url(/assets/img/kodomo/kindergarten/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/kindergarten/bg-main-mobile@3x.png) 3x);
}
#details__elementaryschool .contents-header {
  background-image: url(/assets/img/kodomo/elementaryschool/bg-main-mobile.png);
  background-image: image-set(url(/assets/img/kodomo/elementaryschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/elementaryschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/elementaryschool/bg-main-mobile@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/elementaryschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/elementaryschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/elementaryschool/bg-main-mobile@3x.png) 3x);
}
#details__juniorhighschool .contents-header {
  background-image: url(/assets/img/kodomo/juniorhighschool/bg-main-mobile.png);
  background-image: image-set(url(/assets/img/kodomo/juniorhighschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/juniorhighschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/juniorhighschool/bg-main-mobile@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/juniorhighschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/juniorhighschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/juniorhighschool/bg-main-mobile@3x.png) 3x);
}
#details__highschool .contents-header {
  background-image: url(/assets/img/kodomo/highschool/bg-main-mobile.png);
  background-image: image-set(url(/assets/img/kodomo/highschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/highschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/highschool/bg-main-mobile@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/highschool/bg-main-mobile.png) 1x, url(/assets/img/kodomo/highschool/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/highschool/bg-main-mobile@3x.png) 3x);
}
#details__university .contents-header {
  background-image: url(/assets/img/kodomo/university/bg-main-mobile.png);
  background-image: image-set(url(/assets/img/kodomo/university/bg-main-mobile.png) 1x, url(/assets/img/kodomo/university/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/university/bg-main-mobile@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/university/bg-main-mobile.png) 1x, url(/assets/img/kodomo/university/bg-main-mobile@2x.png) 2x, url(/assets/img/kodomo/university /bg-main-mobile@3x.png) 3x);
}
.contents-header:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  padding-top: 7.2%;
  width: 100%;
  background: url(/assets/img/kodomo/fg-main-bottom.svg) bottom center no-repeat;
}
.contents-header > .wrapper {
  padding: 0 var(--contents-mobile-padding);
  padding-top: 10%;
}

.contents-header .lead {
  text-align: center;
  line-height: 1.6;
  letter-spacing: .05em;
  color: #fff;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.094rem + 4.93vw, 3.25rem);
  font-weight: 500;
}
.contents-header .lead strong {
  color: #fff941;
}
.contents-header .img-main__catch {
  margin-top: 14.5%;
  text-align: center;
}
.contents-header .img-main__catch img {
  width: 60%;
}
.contents-header h1 {
  margin-top: .25em;
  text-align: center;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
  font-size: clamp(2.2rem, -0.111rem + 9.86vw, 6.2rem);
  font-weight: 600;
}
.contents-header h1 small {
  display: block;
  margin-bottom: .5em;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff941;
  font-family: 'Zen Maru Gothic';
  font-size: .4em;
  font-weight: 500;
}
.contents-header h1 em {
  display: block;
  margin: .5em 0 0 .5em;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff941;
  font-size: .4em;
  font-weight: 500;
}
.contents-header h1 em span {
  margin-left: -.5rem;
}
.contents-header .img-main__price {
  margin-top: 1.5%;
  text-align: center;
}
.contents-header .img-main__price img {
  width: 75%;
}
.contents-header figcaption {
  line-height: 1;
  color: #fff;
  font-size: clamp(0.75rem, 0.172rem + 2.47vw, 1.75rem);
}

/*----------------------------------------------------------------------------*/
/* LP
------------------------------------------------------------------------------*/
.details__01 h1 {
  margin-top: 0;
}
.details__01 .img-main__price {
  margin-top: 3%;
}
.details__01 .img-main__price img {
  width: 60%;
}
.details__01 .img-main__illust {
  margin-top: 5%;
  text-align: center;
}
.details__01 .img-main__illust img {
  width: 70%;
}

.details__02 .head,
.details__03 .illust {
  text-align: center;
}
.details__02 .contents-header h1 {
  margin-top: 0.5em;
}
.details__02 .catch-campaign,
.details__03 .catch-campaign {
  margin: 5% auto 0 auto;
  text-align: center;
}
.details__03 .catch-campaign {
  margin: 1% auto 0 auto;
  text-align: center;
  font-size: 1.2rem;
}
.details__03 .catch-campaign img {
  width: 45%;
}
.details__03 h1 {
  margin-top: 0;
}
.details__03 .img-main__price {
  margin-top: 1%;
}
.details__03 .img-main__price img {
  width: 50%;
}
.details__03 .img-main__illust {
  margin-top: 3%;
  text-align: center;
}
.details__03 .img-main__illust img {
  width: 60%;
}
.details__03 .contents-header > .wrapper {
  padding: 0 var(--contents-mobile-padding);
  padding-top: 5%;
}
.details__03 .contents-header figcaption {
  line-height: 1;
  color: #fff;
  font-size: 0.75rem;
}


/* ---------------------------------------------------------------------------------------------- */
/* section-2nd /////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
.section-2nd:before,
.section-2nd:after {
  content: '';
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-2nd:before {
  background-position: bottom center;
}
.section-2nd:after {
  background-position: top center;
}

.section-2nd h2 {
  text-align: center;
  line-height: 1.25;
  letter-spacing: .05em;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.817rem + 1.85vw, 2rem);
  font-weight: 700;
}
.section-2nd h2 span {
  display: inline-block;
}
.section-2nd h2 small {
  display: block;
  margin-bottom: .35em;
  line-height: 1;
  color: var(--deep);
  font-size: clamp(0.75rem, 0.606rem + 0.62vw, 1rem);
}
.section-2nd h2 + p {
  margin-top: 1.25em;
  text-align: center;
  line-height: 1.625;
  font-size: .875rem;
}
.section-2nd h2 + p span {
  display: inline-block;
}

.accordion__check {
  display: none;
}
.accordion__content {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-out;
  max-height: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.accordion__check:checked + header + .accordion__content {
  max-height: 9999px;
  filter: alpha(opacity=100);
  opacity: 1;
}

/* ---------------------------------------------------------------------------------------------- */
/* insurance-company ///////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#insurance-company {
  background-color: #f9f7f1;
}
#insurance-company > .wrapper {
  padding: 4% var(--contents-mobile-padding) 10% var(--contents-mobile-padding);
}

#insurance-company h2 {
  line-height: 1;
}

#insurance-company label {
  display: inline-block;
  position: relative;
  padding: .7em calc(1.25em + .85em + .5em) .8em calc(1.25em + 0em);
  border-radius: 100ch;
  background-color: var(--deep);
  color: #fff;
  font-family: 'Zen Maru Gothic';
  font-size: .875rem;
  font-weight: 500;
  cursor: pointer;
}
#insurance-company label:hover {
  background-color: var(--dark);
  cursor: pointer;
}
#insurance-company .accordion__check:checked + header label {
  background-color: var(--dark);
  color: #fff;
}
#insurance-company .accordion__label:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
  background: linear-gradient(currentColor 0 0), CanvasText;
  mask-image: var(--icon__circle-chevron-down-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  aspect-ratio: 1;
  inline-size: .85em;
  color: #fff;
  transition: all 0.3s ease-out;
}
#insurance-company .accordion__label:hover:after {
  top: 60%;
}
#insurance-company .accordion__check:checked + header label:after {
  top: 55%;
  mask-image: var(--icon__circle-chevron-up-solid);
}
.about-honto .accordion__check:checked + label:after {
  top: 60%;
  mask-image: var(--icon__angle-up-solid);
}

#insurance-company .accordion__content > .wrapper {
  margin: 0 auto;
  padding-bottom: .25em;
  max-width: 686px;
}
#insurance-company .accordion__content .wrapper div {
  margin-top: 1.0em;
}
#insurance-company .accordion__content .wrapper div:not(:nth-of-type(1)) {
  margin-top: .8em;
  padding-top: .72em;
  border-top: 1px dashed var(--bw-200);
}
#insurance-company .accordion__content p {
  line-height: 1.625;
  font-size: 0.875rem;
}
#insurance-company p:not(:nth-of-type(1)) {
  margin-top: .72em;
}
#insurance-company .accordion__content p a {
  display: inline-block;
  padding-bottom: .025em;
  border-bottom: 1px dashed #2f5dc6;
  color: #2f5dc6;
  font-weight: 600;
}
#insurance-company .accordion__content p a:hover {
  border-bottom: 1px solid var(--trans);
  color: var(--dark);
}

#insurance-company footer {
  margin-top: .75em;
  font-family: 'Zen Maru Gothic';
  font-weight: 700;
}
#insurance-company footer dt {
  text-align: center;
  font-size: .75em;
}
#insurance-company footer dd {
  text-align: center;
  font-size: .875em;
}

/* ---------------------------------------------------------------------------------------------- */
/* risk ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#risk {
  background-color: #e7eec9;
}
#risk:before {
  padding-top: 12.81%;
  background-color: #f9f7f1;
  background-image: url(/assets/img/kodomo/bg-risk-top.svg);
}
#risk:after {
  padding-bottom: 8.025%;
  background-color: #f9f7f1;
  background-image: url(/assets/img/kodomo/bg-risk-bottom.svg);
}
#risk > .wrapper {
  position: relative;
  padding: 0% var(--contents-mobile-padding) 5% var(--contents-mobile-padding);
}

#risk h2 {
  margin-top: -16%;
  line-height: 1.625;
  color: var(--deep);
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
  font-weight: 700;
}
#risk h2 span {
  display: block;
}
#risk h2 strong {
  display: inline-block;
  padding: 0 .1em .1em .1em;
  color: #ea5504;
  background: url(/assets/img/kodomo/bg-underbar.svg) bottom left repeat-x;
  background-size: 20px;
}

#risk .img-risk__01 {
  margin-top: 1.5em;
  text-align: center;
}
#risk .img-risk__01 img {
  margin: 0 auto;
  max-width: 343px;
}
#risk .img-risk__02 {
  margin-top: 1em;
  text-align: center;
}
#risk .img-risk__02 img {
  margin: 0 auto;
}
#risk .notes {
  margin: 1em auto 0 auto;
  width: 320px;
  line-height: 1.625;
  font-size: 0.8rem;
  color: var(--ibk);
  font-weight: 500;
}
#risk .conclusion {
  margin-top: 1.25em;
  text-align: center;
  line-height: 1.625;
  color: #244100;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.2rem, 0.882rem + 1.36vw, 1.75rem);
  font-weight: 700;
}
#risk .conclusion span {
  display: block;
}

/* ---------------------------------------------------------------------------------------------- */
/* case ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#case {
  background-color: #f9f7f1;
}
#case > .wrapper {
  padding: 7% 0 12% 0;
}

#case-list {
  position: relative;
  padding: 0% var(--contents-mobile-padding) 20% var(--contents-mobile-padding);
  background: url(/assets/img/kodomo/bg-case-bottom-01.svg) bottom center no-repeat;
  background-size: contain;
}
#case-list .flex__item {
  margin: 0 auto;
  max-width: 686px;
}
#case-list .case-dt {
  margin-top: 3em;
  position: relative;
  padding: 0 .25em .75em .25em;
  text-align: center;
  line-height: 1.4;
  font-family: 'Zen Maru Gothic';
  font-size: 1.25rem;
  font-weight: 700;
}

#case-list .case-dt:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: repeating-linear-gradient(-45deg, var(--dark), var(--dark) 2px, white 3px, white 5px);
}
#case-list .case-dt span {
  display: inline-block;
}
.case-dd__subtitle p {
  margin-top: 1em;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .1em;
  color: var(--deep);
  font-size: 1rem;
  font-weight: 700;
}
.case-dd__subtitle span {
  display: inline-block;
}
.case-dd__img {
  margin-top: 1em;
  text-align: center;
}
.case-dd__txt p {
  margin-top: .5em;
  text-align: center;
  font-size: .875rem;
}
.case-dd__txt p:nth-of-type(1) {
  margin-top: 1em;
}
.case-dd__txt p span {
  display: inline-block;
}
.case-dd__txt strong {
  color: #ea5504;
  font-weight: 700;
}
.case-dd__txt strong small {
  font-size: .8em;
}
.case-dd__txt a {
  border-bottom: 1px dashed #2f5dc6;
  color: #2f5dc6;
  font-weight: 700;
}
.case-dd__txt .case-p__pill {
  margin-top: 1em;
}
.case-dd__txt .case-p__pill strong {
  display: inline-block;
  padding: .5em 1.2em .59em 1.2em;
  border-radius: 100ch;
  background-color: var(--neutral);
  line-height: 1;
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
}

#case-list .notes {
  margin: 2em auto 0 auto;
  max-width: 640px;
}
#case-list .notes .bos__kome-n {
  padding-left: 2em;
  font-size: .8rem;
}
#case-list .notes .kome-n {
  margin-left: -1.8em;
}
#case-list .notes dl {
  margin-top: .5em;
  padding-left: 4.0em;
}
#case-list .notes dt,
#case-list .notes dd {
  font-size: .8rem;
}

#medical-expenses {
  position: relative;
  padding: 8% var(--contents-mobile-padding) 16% var(--contents-mobile-padding);
  background-image: url(/assets/img/kodomo/bg-case-bottom-02.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 1.5%;
  right: 1em;
  width: 5em;
  height: 20.6%;
  background-image: url(/assets/img/kodomo/bg-case-02.png);
  background-image: image-set(url(/assets/img/kodomo/bg-case-02.png) 1x, url(/assets/img/kodomo/bg-case-02@2x.png) 2x, url(/assets/img/kodomo/bg-case-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-case-02.png) 1x, url(/assets/img/kodomo/bg-case-02@2x.png) 2x, url(/assets/img/kodomo/bg-case-02@3x.png) 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses .catch {
  position: relative;
  text-align: center;
  line-height: 1.5;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
  font-weight: 700;
}
#medical-expenses .catch:before {
  content: '';
  display: block;
  position: absolute;
  top: -155%;
  left: .5em;
  width: 2em;
  height: 150%;
  background-image: url(/assets/img/kodomo/bg-case-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-case-01.png) 1x, url(/assets/img/kodomo/bg-case-01@2x.png) 2x, url(/assets/img/kodomo/bg-case-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-case-01.png) 1x, url(/assets/img/kodomo/bg-case-01@2x.png) 2x, url(/assets/img/kodomo/bg-case-01@3x.png) 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses .catch span {
  display: block;
}
#medical-expenses .catch strong {
  display: inline-block;
  position: relative;
  padding: 0 .1em .2em .1em;
  color: #ea5504;
  background: url(/assets/img/kodomo/bg-underbar.svg) bottom left repeat-x;
  background-size: 20px;
}
#medical-expenses .catch strong:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  width: 1em;
  height: 100%;
  background: url(/assets/img/kodomo/icon-thunder.png) no-repeat;
  background-size: containe;
}
#medical-expenses ul {
  margin: 2em auto 0 auto;
  max-width: 686px;
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
}
#medical-expenses li {
  position: relative;
  margin-top: .5em;
  padding: .8em 1em .85em 6em;
  border: 2px solid #ea5504;
  border-radius: 1ch;
  background-color: #fff;
  line-height: 1.425;
  font-size: .875rem;
  font-weight: 700;
}
#medical-expenses li:nth-of-type(1) {
  margin-top: 0;
}
#medical-expenses li:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 4em;
  height: calc(.875rem + .8em + .85em);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses li:nth-of-type(1):before {
  background-image: url(/assets/img/kodomo/icon-case-01.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-01.png) 1x, url(/assets/img/kodomo/icon-case-01@2x.png) 2x, url(/assets/img/kodomo/icon-case-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-01.png) 1x, url(/assets/img/kodomo/icon-case-01@2x.png) 2x, url(/assets/img/kodomo/icon-case-01@3x.png) 3x);
}
#medical-expenses li:nth-of-type(2):before {
  background-image: url(/assets/img/kodomo/icon-case-02.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-02.png) 1x, url(/assets/img/kodomo/icon-case-02@2x.png) 2x, url(/assets/img/kodomo/icon-case-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-02.png) 1x, url(/assets/img/kodomo/icon-case-02@2x.png) 2x, url(/assets/img/kodomo/icon-case-02@3x.png) 3x);
}
#medical-expenses li:nth-of-type(3):before {
  background-image: url(/assets/img/kodomo/icon-case-03.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-03.png) 1x, url(/assets/img/kodomo/icon-case-03@2x.png) 2x, url(/assets/img/kodomo/icon-case-03@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-03.png) 1x, url(/assets/img/kodomo/icon-case-03@2x.png) 2x, url(/assets/img/kodomo/icon-case-03@3x.png) 3x);
}
#medical-expenses li:nth-of-type(4):before {
  background-image: url(/assets/img/kodomo/icon-case-04.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-04.png) 1x, url(/assets/img/kodomo/icon-case-04@2x.png) 2x, url(/assets/img/kodomo/icon-case-04@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-04.png) 1x, url(/assets/img/kodomo/icon-case-04@2x.png) 2x, url(/assets/img/kodomo/icon-case-04@3x.png) 3x);
}
#medical-expenses li:nth-of-type(5):before {
  background-image: url(/assets/img/kodomo/icon-case-05.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-05.png) 1x, url(/assets/img/kodomo/icon-case-05@2x.png) 2x, url(/assets/img/kodomo/icon-case-05@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-05.png) 1x, url(/assets/img/kodomo/icon-case-05@2x.png) 2x, url(/assets/img/kodomo/icon-case-05@3x.png) 3x);
}
#medical-expenses ul span {
  display: inline-block;
}
#medical-expenses ul strong {
  color: #ea5504;
}

#medical-expenses + p {
  margin-top: 1em;
  text-align: center;
  line-height: 1.5;
  color: var(--deep);
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
  font-weight: 700;
}
#medical-expenses + p span {
  display: block;
}
#medical-expenses + p strong {
  display: inline-block;
  position: relative;
  padding: 0 .1em .0em .1em;
  color: #ea5504;
  background: linear-gradient(transparent 50%, #ffe8ae 50%);
}

/* ---------------------------------------------------------------------------------------------- */
/* insurance-benefits //////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#insurance-benefits {
  background-color: #f9fde8;
}
#insurance-benefits > .wrapper {
  padding: 12% 0 12% 0;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.display-area {
  position: relative;
  overflow-x: scroll;
  padding: 0 0 0 1rem;
  width: 100%;
  height: calc(100% - 140px);
}
.ps__rail-x {
  position: relative;
  height: 6px;
  background-color: #e7eec9;
}
.ps__rail-x:hover,
.ps__rail-x:focus {
  height: 10px;
}
.ps__thumb-x {
  position: absolute;
  bottom: 0;
  height: 6px;
  border-radius: 6px;
  background-color: #5f9900;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  height: 10px;
}

.display-area table {
  margin: 3em auto .5em auto;
  width: 686px;
  border: 3px solid #f9fde8;
}
.display-area th {
  padding: .5em 1em .55em 1em;
  border: 3px solid #f9fde8;
  background-color: var(--light);
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  color: var(--deep);
  font-size: .75rem;
  font-weight: 800;
}
.display-area th:nth-of-type(1) {
  width: 150px;
}
.display-area table tr:nth-of-type(1) th {
  border: 3px solid #f9fde8;
  padding: .5em 1em .5em 1em;
  background-color: var(--dark);
  line-height: 1;
  color: #fff;
  font-size: .875rem;
}
.display-area th span {
  display: inline-block;
}
.display-area th small {
  display: inline-block;
  font-size: .75rem;
}
.display-area .head-row {
  padding: .65em 1em .65em 1em;
  background-color: var(--neutral);
  text-align: left;
  line-height: 1;
  color: #fff;
  font-family: 'Zen Maru Gothic';
  font-size: .875rem;
  font-weight: 500;
}
.display-area .head-row span {
  display: inline-block;
  margin-right: 1em;
  padding: .25em .75em .3em .75em;
  border-radius: 100ch;
  background-color: #fff;
  font-size: .75rem;
  font-weight: 700;
}
.display-area .head-row .tags__ikuei {
  color: #d6513a;
}
.display-area .head-row .tags__liability {
  color: #7832f5;
}
.display-area .head-row .tags__hospital {
  color: #2f5dc6;
}

.display-area td {
  padding: .5em 1em .5em 1em;
  border: 3px solid #f9fde8;
  background-color: #fefffb;
  text-align: center;
  vertical-align: middle;
  font-size: .75rem;
}
.display-area td em {
  margin: 0 .2em;
  font-size: 1.2rem;
  font-weight: 700;
}
.display-area td ol li {
  font-size: .75rem;
}

/* ---------------------------------------------------------------------------------------------- */
/* aside ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
aside {
  background-color: #fff;
}
.details__01 aside {
  background-color: #f9f7f1;
}
aside > .wrapper {
  padding: 3em var(--contents-mobile-padding) 2em var(--contents-mobile-padding);
}

aside figure,
aside .img-bnr {
  display: block;
  text-align: center;
}
aside figure img,
aside .img-bnr img {
  margin: 0 auto;
}
.about-honto {
  text-align: center;
}
.about-honto label {
  position: relative;
  display: inline-block;
  margin: .5em auto 0 auto;
  padding: .25em 1.8em .4em 2em;
  border-bottom: 1px dashed #2f5dc6;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #2f5dc6;
  font-size: var(--font-size-12-14);
  font-weight: 600;
  cursor: pointer;
  transition: all .3s ease-out;
}
.about-honto label:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: .1em;
  transform: translate(0, -50%);
  transition: all 0.3s ease-out;
  mask-image: var(--icon__circle-info-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  inline-size: 1.2em;
  aspect-ratio: 1;
  background: linear-gradient(currentColor 0 0), CanvasText;
  color: var(--bl-700);
}
.about-honto label:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: .1em;
  transform: translate(0, -50%);
  transition: all 0.3s ease-out;
  mask-image: var(--icon__angle-down-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  inline-size: .9em;
  aspect-ratio: 1;
  background: linear-gradient(currentColor 0 0), CanvasText;
  color: var(--udgy);
}
.about-honto label:hover:after {
  top: 60%;
}
.about-honto .accordion__check:checked + label:after {
  top: 60%;
  mask-image: var(--icon__angle-up-solid);
}
.about-honto .accordion__check:checked + label + .accordion__content {
  margin-top: -2px;
  max-height: 9999px;
  filter: alpha(opacity=100);
  opacity: 1;
}
.about-honto .accordion__content > .wrapper {
  margin: 1em auto 0 auto;
  max-width: 686px;
}
.about-honto .wrapper p {
  margin-top: .5em;
  font-size: .875rem;
}
.about-honto .wrapper p:nth-of-type(1) {
  margin-top: 0;
}
.about-honto .bos__kome {
  padding-left: 1.3em;
}
.about-honto .kome {
  margin-left: -1.3em;
}
.about-honto .wrapper p small {
  font-size: .75rem;
}

/* ---------------------------------------------------------------------------------------------- */
/* about ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#about {
  background-color: #e4608e;
}
#about:before {
  padding-top: 12.81%;
  background: #fff url(/assets/img/kodomo/bg-about-top.svg) no-repeat;
}
.details__01 #about:before {
  background: #f9f7f1 url(/assets/img/kodomo/bg-about-top.svg) no-repeat;
}
#about:after {
  padding-bottom: 22.96%;
  background: #f9f7f1 url(/assets/img/kodomo/bg-about-bottom.svg) no-repeat;
}
#about > .wrapper {
  padding: 10% 2rem 5% 2rem;
}

#about h2 {
  color: #fff;
}
#about figure {
  margin-top: 2em;
  text-align: center;
}
#about p {
  margin: 1em auto 0 auto;
  max-width: 686px;
  color: #fff;
  font-weight: 400;
}
#about p:nth-of-type(1) {
  margin-top: 3em;
}

/* ---------------------------------------------------------------------------------------------- */
/* voice ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#voice {
  background-color: #f9f7f1;
}
#voice:after {
  padding-bottom: 24.3%;
  background-color: #fff;
  background-image: url(/assets/img/kodomo/bg-voice-bottom.svg);
  background-repeat: no-repeat;
}
.details__01 #voice:after {
  background-color: #f4f1e4;
}
#voice > .wrapper {
  padding: 6% var(--contents-mobile-padding) 0% var(--contents-mobile-padding);
}
.details__01 #voice > .wrapper {
  padding: 12% var(--contents-mobile-padding) 0% var(--contents-mobile-padding);
}
#voice h2 small {
  color: #d03261;
}
#voice ul {
  margin: 3em auto 0 auto;
  max-width: 686px;
}
#voice li {
  position: relative;
  margin: 3em 0 0 25%;
  padding: .9em 1em 1em 1em;
  min-height: calc(2em + 0.625em + .8em + 1em);
  border-radius: 2ch;
  background-color: #e4608e;
  color: #fff;
  font-size: .875rem;
}
#voice li:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0%;
  left: -27.5%;
  width: 20%;
  height: 120%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
 }
#voice li:nth-of-type(1):before {
  height: 100%;
  background-image: url(/assets/img/kodomo/img-voice-01.png);
  background-image: image-set(url(/assets/img/kodomo/img-voice-01.png) 1x, url(/assets/img/kodomo/img-voice-01@2x.png) 2x, url(/assets/img/kodomo/img-voice-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/img-voice-01.png) 1x, url(/assets/img/kodomo/img-voice-01@2x.png) 2x, url(/assets/img/kodomo/img-voice-01@3x.png) 3x);
}
#voice li:nth-of-type(2):before {
  background-image: url(/assets/img/kodomo/img-voice-02.png);
  background-image: image-set(url(/assets/img/kodomo/img-voice-02.png) 1x, url(/assets/img/kodomo/img-voice-02@2x.png) 2x, url(/assets/img/kodomo/img-voice-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/img-voice-02.png) 1x, url(/assets/img/kodomo/img-voice-02@2x.png) 2x, url(/assets/img/kodomo/img-voice-02@3x.png) 3x);
}
#voice li:nth-of-type(3):before {
  background-image: url(/assets/img/kodomo/img-voice-03.png);
  background-image: image-set(url(/assets/img/kodomo/img-voice-03.png) 1x, url(/assets/img/kodomo/img-voice-03@2x.png) 2x, url(/assets/img/kodomo/img-voice-03@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/img-voice-03.png) 1x, url(/assets/img/kodomo/img-voice-03@2x.png) 2x, url(/assets/img/kodomo/img-voice-03@3x.png) 3x);
}
#voice li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -1.0em;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.7em;
  background-image: url(/assets/img/kodomo/bg-baloon.svg);
  background-repeat:no-repeat;
  background-size: 80%;
}

/* ---------------------------------------------------------------------------------------------- */
/* merit ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#merit > .wrapper {
  position: relative;
  padding: 10% var(--contents-mobile-padding) 10% var(--contents-mobile-padding);
}
/*
#merit > .wrapper:after {
  content: '';
  position: absolute;
  bottom: -1.8%;
  left: 2rem;
  padding-top: 25%;
  width: 15%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/kodomo/bg-merit-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-merit-01.png) 1x, url(/assets/img/kodomo/bg-merit-01@2x.png) 2x, url(/assets/img/kodomo/bg-merit-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-merit-01.png) 1x, url(/assets/img/kodomo/bg-merit-01@2x.png) 2x, url(/assets/img/kodomo/bg-merit-01@3x.png) 3x);
}
*/
#merit dl {
  margin-top: 10%;
}
#merit dt {
  text-align: center;
}
#merit dd p {
  text-align: center;
  line-height: 1.4;
}
#merit .merit-dd__lead p {
  margin-top: 5%;
  letter-spacing: .05em;
  color: var(--deep);
  font-weight: 600;
}
#merit .merit-dd__txt p {
  margin-top: 3%;
  line-height: 1.625;
  font-size: .875rem;
}
#merit dd span {
  display: inline-block;
}
#merit dl:nth-of-type(2) dd span {
  display: block;
}
#merit .merit-dd__img figure {
  margin-top: 1rem;
  text-align: center;
}
#merit .merit-dd__img ul {
  display: block;
  margin: 0 auto 0 auto;
  max-width: 540px;
  list-style-type: disc;
}
#merit .merit-dd__img li {
  margin: .5em 0 0 1.5em;
  line-height: 1.4;
  font-size: .8rem;
}
#merit .merit-dd__img li:nth-of-type(1) {
  margin-top: 1.5em;
}
#merit .merit-dd__img .bos__kome {
  margin: .5em auto 0 auto;
  padding-left: 1.3em;
  max-width: 540px;
  text-align: left;
  font-size: .8rem;
}
#merit .merit-dd__img .kome {
  margin-left: -1.3em;
}

#merit .merit-txt {
  margin: 2em auto 0 auto;
}
#merit .merit-txt {
  text-align: center;
  line-height: 1.425;
  letter-spacing: .05em;
  color: var(--deep);
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.692rem + 2.79vw, 2rem);
  font-weight: 700;
}
#merit .merit-txt:after {
  content: '';
  position: absolute;
  bottom: -1.8%;
  left: 2rem;
  padding-top: 25%;
  width: 15%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/kodomo/bg-merit-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-merit-01.png) 1x, url(/assets/img/kodomo/bg-merit-01@2x.png) 2x, url(/assets/img/kodomo/bg-merit-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-merit-01.png) 1x, url(/assets/img/kodomo/bg-merit-01@2x.png) 2x, url(/assets/img/kodomo/bg-merit-01@3x.png) 3x);
}
#merit .merit-txt em {
  margin: 0 .1em 0 .2em;
  display: inline-block;
  position: relative;
  padding: 0 .1em .0em .1em;
  color: #f09000;
  background: linear-gradient(transparent 60%, #fff993 60%);
}
#merit .merit-txt span {
  font-size: 1.6em;
}
#merit .merit-txt strong {
  display: inline-block;
  position: relative;
  padding: 0 .1em .3em .1em;
  line-height: 1;
  color: #ea5504;
  background: linear-gradient(transparent 55%, #ffe9ad 55%);
}
#merit .merit-txt strong span {
  font-size: 2.0em;
}

.details__01 #merit header {
  margin-top: 3em;
}
.details__01 #merit .merit-txt {
  margin: 0 auto 0 auto;
}
.details__01 #merit .merit-txt:after {
  content: '';
  position: absolute;
  top: 5.8%;
  left: 2.5rem;
  padding-top: 20%;
  width: 10%;
}

/* ---------------------------------------------------------------------------------------------- */
/* flow ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#flow {
  background-color: #e7eec9;
}
#flow:before {
  padding-top: 18.64%;
  background-color: #fff;
  background-image: url(/assets/img/kodomo/bg-flow-top.svg);
}
.details__01 #flow:before {
  background-color: #f4f1e4;
}
#flow:after {
  padding-bottom: 9.6%;
  background-color: #f9f7f1;
  background-image: url(/assets/img/kodomo/bg-flow-bottom.svg);
}
#flow > .wrapper {
  padding: 0% var(--contents-mobile-padding) 8% var(--contents-mobile-padding);
}

#flow ol {
  margin: 2em auto 0 auto;
  max-width: 686px;
  font-size: clamp(1.25rem, 0.817rem + 1.85vw, 2rem);
}
#flow li {
  position: relative;
  margin-top: 2.5%;
  padding: 1em 1em 1em 6em;
  border-radius: 1ch;
  background-color: #fff;
  line-height: 1.425;
  font-size: .875rem;
  font-weight: 700;
}
#flow li:nth-of-type(1) {
  margin-top: 0;
}
#flow li:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 4em;
  height: calc(.875rem + 1em + 1em);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#flow li:nth-of-type(1):before {
  background-image: url(/assets/img/kodomo/icon-flow-01.png);
  background-image: image-set(url(/assets/img/kodomo/icon-flow-01.png) 1x, url(/assets/img/kodomo/icon-flow-01@2x.png) 2x, url(/assets/img/kodomo/icon-flow-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-flow-01.png) 1x, url(/assets/img/kodomo/icon-flow-01@2x.png) 2x, url(/assets/img/kodomo/icon-flow-01@3x.png) 3x);
}
#flow li:nth-of-type(2):before {
  background-image: url(/assets/img/kodomo/icon-flow-02.png);
  background-image: image-set(url(/assets/img/kodomo/icon-flow-02.png) 1x, url(/assets/img/kodomo/icon-flow-02@2x.png) 2x, url(/assets/img/kodomo/icon-flow-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-flow-02.png) 1x, url(/assets/img/kodomo/icon-flow-02@2x.png) 2x, url(/assets/img/kodomo/icon-flow-02@3x.png) 3x);
}
#flow li:nth-of-type(3):before {
  background-image: url(/assets/img/kodomo/icon-flow-03.png);
  background-image: image-set(url(/assets/img/kodomo/icon-flow-03.png) 1x, url(/assets/img/kodomo/icon-flow-03@2x.png) 2x, url(/assets/img/kodomo/icon-flow-03@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-flow-03.png) 1x, url(/assets/img/kodomo/icon-flow-03@2x.png) 2x, url(/assets/img/kodomo/icon-flow-03@3x.png) 3x);
}
#flow li:nth-of-type(4):before {
  background-image: url(/assets/img/kodomo/icon-flow-04.png);
  background-image: image-set(url(/assets/img/kodomo/icon-flow-04.png) 1x, url(/assets/img/kodomo/icon-flow-04@2x.png) 2x, url(/assets/img/kodomo/icon-flow-04@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-flow-04.png) 1x, url(/assets/img/kodomo/icon-flow-04@2x.png) 2x, url(/assets/img/kodomo/icon-flow-04@3x.png) 3x);
}
#flow li:nth-of-type(5):before {
  background-image: url(/assets/img/kodomo/icon-flow-05.png);
  background-image: image-set(url(/assets/img/kodomo/icon-flow-05.png) 1x, url(/assets/img/kodomo/icon-flow-05@2x.png) 2x, url(/assets/img/kodomo/icon-flow-05@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-flow-05.png) 1x, url(/assets/img/kodomo/icon-flow-05@2x.png) 2x, url(/assets/img/kodomo/icon-flow-05@3x.png) 3x);
}
#flow li:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
#flow li:nth-of-type(5):after {
  display: none;
}
#flow li span {
  display: inline-block;
}

/* ---------------------------------------------------------------------------------------------- */
/* coverage ////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#coverage {
  background-color: #f9f7f1;
}
#coverage:after {
  padding-bottom: 10.14%;
  background-color: #fff;
  background-image: url(/assets/img/kodomo/bg-coverage-bottom.svg);
}
#coverage > .wrapper {
  position: relative;
  padding: 9% var(--contents-mobile-padding) 10% var(--contents-mobile-padding);
}

#coverage h2:before {
  content: '';
  position: absolute;
  top: -2em;
  right: .75rem;
  padding-top: 25%;
  width: 15%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/kodomo/bg-coverage-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-coverage-01.png) 1x, url(/assets/img/kodomo/bg-coverage-01@2x.png) 2x, url(/assets/img/kodomo/bg-coverage-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-coverage-01.png) 1x, url(/assets/img/kodomo/bg-coverage-01@2x.png) 2x, url(/assets/img/kodomo/bg-coverage-01@3x.png) 3x);
}
#coverage .section-3rd {
  margin: .25em auto 0 auto;
  max-width: 686px;
  font-size: clamp(1.25rem, 0.817rem + 1.85vw, 2rem);
}
#coverage .section-3rd:nth-of-type(1) {
  margin-top: 2em;
}
#coverage label {
  position: relative;
  display: block;
  padding: 1em 2.5em 1em 6em;
  border-radius: 1ch;
  background-color: #9abc18;
  line-height: 1.425;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
}
#coverage .accordion__check:checked + header label {
  border-radius: 1ch 1ch 0 0;
}
#coverage label:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 4em;
  height: calc(.875rem + 1em + 1em);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#coverage .section-3rd:nth-of-type(1) label:before {
  background-image: url(/assets/img/kodomo/icon-coverage-01.png);
  background-image: image-set(url(/assets/img/kodomo/icon-coverage-01.png) 1x, url(/assets/img/kodomo/icon-coverage-01@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-coverage-01.png) 1x, url(/assets/img/kodomo/icon-coverage-01@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-01@3x.png) 3x);
}
#coverage .section-3rd:nth-of-type(2) label:before {
  background-image: url(/assets/img/kodomo/icon-coverage-02.png);
  background-image: image-set(url(/assets/img/kodomo/icon-coverage-02.png) 1x, url(/assets/img/kodomo/icon-coverage-02@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-coverage-02.png) 1x, url(/assets/img/kodomo/icon-coverage-02@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-02@3x.png) 3x);
}
#coverage .section-3rd:nth-of-type(3) label:before {
  background-image: url(/assets/img/kodomo/icon-coverage-03.png);
  background-image: image-set(url(/assets/img/kodomo/icon-coverage-03.png) 1x, url(/assets/img/kodomo/icon-coverage-03@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-03@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-coverage-03.png) 1x, url(/assets/img/kodomo/icon-coverage-03@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-03@3x.png) 3x);
}
#coverage .section-3rd:nth-of-type(4) label:before {
  background-image: url(/assets/img/kodomo/icon-coverage-04.png);
  background-image: image-set(url(/assets/img/kodomo/icon-coverage-04.png) 1x, url(/assets/img/kodomo/icon-coverage-04@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-04@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-coverage-04.png) 1x, url(/assets/img/kodomo/icon-coverage-04@2x.png) 2x, url(/assets/img/kodomo/icon-coverage-04@3x.png) 3x);
}
#coverage label:after {
  content: '';
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  background: linear-gradient(currentColor 0 0), CanvasText;
  mask-image: var(--icon__angle-down-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  aspect-ratio: 1;
  inline-size: 1.2em;
  color: #fff;
}
#coverage label:hover:after {
  top: 55%;
}
#coverage .accordion__check:checked + header label:after {
  top: 55%;
  mask-image: var(--icon__angle-up-solid);
}
#coverage label small {
  display: inline-block;
  font-size: .75rem;
}

#coverage .accordion__content .wrapper {
  padding: 1em 1rem 2em 1rem;
  border-radius: 0 0 1ch 1ch;
  background-color: #f4f1e4;
}
#coverage .img__ex {
  display: block;
  text-align: center;
}
#coverage .img__ex img {
  max-width: 200px;
}
#coverage .ex {
  margin-top: 5%;
}
#coverage .ex li {
  margin-top: .5em;
  line-height: 1.25;
  color: #2f5dc6;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(0.938rem, 0.865rem + 0.31vw, 1.063rem);
  font-weight: 700;
}
#coverage .ex li:nth-of-type(1) {
  margin-top: .5em;
}
#coverage p {
  margin-top: 3%;
  font-size: .875rem;
}
#coverage .ex + p,
#coverage .lead + p {
  margin-top: 5%;
}
#coverage p strong {
  color: #e5004f;
  font-weight: 500;
}
#coverage .lead strong {
  color: var(--deep);
  font-weight: 700;
}
#coverage .lead small {
  font-size: .75rem;
}
#coverage li,
#coverage dt,
#coverage dd {
  font-size: .875rem;
}
#coverage .notes {
  margin-top: 3%;
  padding: 1em 1rem;
  border-radius: .8ch;
  background-color: #faf8f2;
}

.dl__coverage-liability > div {
  margin-top: 10%;
}
.dl__coverage-liability dt {
  color: var(--deep);
  font-size: .875rem;
  font-weight: 700;
}
.dl__coverage-liability dt small {
  font-size: .75rem;
}
.dl__coverage-liability .bos__kome-n {
  padding-left: 2em;
}
.dl__coverage-liability .kome-n {
  margin-left: -1.8em;
}
.dl__coverage-liability  .bos__circle-n li {
  text-indent: -1.3em;
  padding-left: 1.3em;
  margin-top: .5em;
  line-height: 1.25;
}
.dl__coverage-liability  .bos__circle-n li:nth-of-type(1) {
  margin-top: 0;
}
.dl__coverage-liability .bos__kome {
  padding-left: 1.3em;
}
.dl__coverage-liability .kome {
  margin-left: -1.3em;
}

#coverage-ikuei .notes p {
  margin-top: 0;
}

#coverage-hospital .notes .bos__disc li {
  list-style-type: disc;
  margin: .5em 0 0 1.5em;
}
#coverage-hospital .notes .bos__disc li:nth-of-type(1) {
  margin-top: 0;
}
#coverage-hospital .bos__kome-n {
  padding-left: 2em;
}
#coverage-hospital .bos__kome-n:nth-of-type(1) {
  margin-top: 0;
}
#coverage-hospital .kome-n {
  margin-left: -1.8em;
}

#coverage-accident .notes p {
  margin-top: 0;
}
#coverage-accident .bos__kome {
  padding-left: 1.3em;
}
#coverage-accident .kome {
  margin-left: -1.3em;
}

/* ---------------------------------------------------------------------------------------------- */
/* denied //////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#denied > .wrapper {
  padding: 10% var(--contents-mobile-padding) 10% var(--contents-mobile-padding);
}
#denied h2 small {
  color: #684c38;
}

#denied .section-3rd {
  margin: .25em auto 0 auto;
  max-width: 686px;
  font-size: clamp(1.25rem, 0.817rem + 1.85vw, 2rem);
}
#denied .section-3rd:nth-of-type(1) {
  margin-top: 2em;
}
#denied label {
  position: relative;
  display: block;
  padding: 1em 2.5em 1em 6em;
  border-radius: 1ch;
  background-color: #edead8;
  line-height: 1.425;
  font-size: .875rem;
  font-weight: 700;
}
#denied .accordion__check:checked + header label {
  border-radius: 1ch 1ch 0 0;
}
#denied label:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 4em;
  height: calc(.875rem + .8em + .85em);
  background: center center no-repeat;
  background-size: containe;
  background-image: url(/assets/img/kodomo/icon-denied-01.png);
  background-image: image-set(url(/assets/img/kodomo/icon-denied-01.png) 1x, url(/assets/img/kodomo/icon-denied-01@2x.png) 2x, url(/assets/img/kodomo/icon-denied-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-denied-01.png) 1x, url(/assets/img/kodomo/icon-denied-01@2x.png) 2x, url(/assets/img/kodomo/icon-denied-01@3x.png) 3x);
}
#denied label:after {
  content: '';
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  background: linear-gradient(currentColor 0 0), CanvasText;
  mask-image: var(--icon__angle-down-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  aspect-ratio: 1;
  inline-size: 1.2em;
  color: #977548;
}
#denied label:hover:after {
  top: 55%;
}
#denied .accordion__check:checked + header label:after {
  top: 55%;
  mask-image: var(--icon__angle-up-solid);
}
#denied label span {
  display: inline-block;
}

#denied .accordion__content .wrapper {
  padding: 1em 1rem 1em 1rem;
  border-radius: 0 0 1ch 1ch;
  background-color: #f9f7f1;
}
#denied p {
  margin-top: 3%;
  font-size: .875rem;
}
#denied .lead:nth-of-type(1) {
  margin-top: 0;
}
#denied .lead strong {
  color: #977548;
  font-weight: 700;
}
#denied .bos__disc {
  margin-top: 3%;
}
#denied .bos__disc li {
  list-style-type: disc;
  margin: .5em 0 0 1.5em;
  font-size: .875rem;
}
#denied .bos__disc li:nth-of-type(1) {
  margin-top: 0;
}
#denied .bos__disc li small {
  margin: 0 .25em 0 .1em;
  font-size: .75rem;
}
#denied .bos__disc .bos__disc,
#denied .notes {
  margin-top: 3%;
  padding: 1rem 1rem;
  border-radius: .8ch;
  background-color: #fefdfc;
}
#denied .eos__etc {
  text-align: right;
}
#denied-liability .notes li {
  margin: .5em 0 0 1.69em;
  font-size: .875rem;
}
#denied-liability .notes li:nth-of-type(1) {
  margin-top: 0;
}
#denied-liability .notes .kome-n {
  margin-left: -1.69em;
}

/* ---------------------------------------------------------------------------------------------- */
/* statement ///////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#statement {
  background-color: #f9f7f1;
}
#statement:before {
  padding-top: 12.8%;
  background-color: #fff;
  background-image: url(/assets/img/kodomo/bg-statement-top.svg);
}
#statement > .wrapper {
  position: relative;
  padding: 5% var(--contents-mobile-padding) 8% var(--contents-mobile-padding);
}

#statement h2:before {
  content: '';
  position: absolute;
  top: -2em;
  left: 2rem;
  padding-top: 22%;
  width: 15%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/kodomo/bg-statement-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-statement-01.png) 1x, url(/assets/img/kodomo/bg-statement-01@2x.png) 2x, url(/assets/img/kodomo/bg-statement-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-statement-01.png) 1x, url(/assets/img/kodomo/bg-statement-01@2x.png) 2x, url(/assets/img/kodomo/bg-statement-01@3x.png) 3x);
}
#statement h2 small {
  color: #d6513a;
}

#statement header + div {
  margin: 3em auto 0 auto;
  max-width: 686px;
}
#statement a {
  position: relative;
  display: block;
  margin-top: 2.5%;
  padding: .8em 1em .85em 0em;
  border: 2px solid #d6513a;
  border-radius: 1ch;
  background-color: #fde7e3;
  text-align: center;
  line-height: 1.425;
  color: #d6513a;
  font-size: .875rem;
  font-weight: 700;
}
#statement a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: linear-gradient(currentColor 0 0), CanvasText;
  mask-image: var(--icon__caret-right-solid);
  mask-repeat: no-repeat;
  justify-self: center;
  aspect-ratio: 1;
  inline-size: 1.5em;
  color: #d6513a;
}
#statement a:hover:after {
  right: -.2em;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ■ Tablet */ @media screen and (min-width: 751px) {
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------------------------------------------- */
/* insurance-company ///////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#insurance-company > .wrapper {
  padding: 4% var(--contents-tablet-padding) 4% var(--contents-tablet-padding);
}

/* ---------------------------------------------------------------------------------------------- */
/* risk ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#risk > .wrapper {
  padding: 0 var(--contents-desktop-padding) 0 var(--contents-desktop-padding);
  min-height: 150px;
}
#details__juniorhighschool #risk > .wrapper {
  min-height: 200px;
}
#details__university #risk > .wrapper {
  min-height: 240px;
}

#risk h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-100%);
  margin-top: 0;
  text-align: left;
  font-size: clamp(1.3rem, -0.282rem + 3.37vw, 1.875rem);
}
#details__kindergarten #risk h2 {
  top: -50%;
  width: 45%;
}
#details__elementaryschool #risk h2 {
  top: -50%;
  left: calc(50% + 8% + 2rem);
  width: 58%;
}
#details__juniorhighschool #risk h2 {
  top: -40%;
  left: calc(50% + 5% + 2rem);
  width: 55%;
}
#details__highschool #risk h2 {
  top: -50%;
  left: calc(50% + 5% + 2rem);
  width: 55%;
}
#details__university #risk h2 {
  top: -40%;
  left: calc(50% - 3% + 2rem);
  width: 47%;
  letter-spacing: 0;
  font-size: clamp(1.2rem, -0.175rem + 2.93vw, 1.7rem);
}

#risk .img-risk__02 {
  position: absolute;
  left: 50%;
  transform: translateX(-100%);
  margin-top: 0em;
  max-width: calc(50% - 2rem);
}
#details__kindergarten #risk .img-risk__02 {
  top: 28%;
}
#details__elementaryschool #risk .img-risk__02 {
  top: 28%;
}
#details__juniorhighschool #risk .img-risk__02 {
  top: 19%;
}
#details__highschool #risk .img-risk__02 {
  top: 28%;
}
#details__university #risk .img-risk__02 {
  top: 40%;
}
#risk .img-risk__02 img {
  width: 100%;
}

#risk .img-risk__01 {
  position: absolute;
  left: calc(50% + 5% + 2rem);
  transform: translateX(0%);
  margin-top: 0;
  width: calc(50% - 5% - 2rem);
}
#details__kindergarten #risk .img-risk__01 {
  top: -110%;
}
#details__elementaryschool #risk .img-risk__01 {
  top: -110%;
}
#details__juniorhighschool #risk .img-risk__01 {
  top: -60%;
}
#details__highschool #risk .img-risk__01 {
  top: -110%;
}
#details__university #risk .img-risk__01 {
  top: -50%;
}
#risk .img-risk__01 img {
  width: 100%;
}

#risk .notes {
  position: absolute;
  margin-top: 0;
  left: 50%;
  transform: translateX(-100%);
}
#details__juniorhighschool #risk .notes {
  top: 95%;
  left: 46%;
}
#details__university #risk .notes {
  top: 104%;
  left: 46%;
}

#risk .conclusion {
  position: absolute;
  left: calc(50% + 5% + 1rem);
  transform: translateX(0%);
  margin-top: 0em;
  width: calc(50% - 5% - 2rem);
  font-size: 1.1em;
}
#details__kindergarten #risk .conclusion {
  top: 60%;
}
#details__elementaryschool #risk .conclusion {
  top: 60%;
}
#details__juniorhighschool #risk .conclusion {
  top: 70%;
}
#details__highschool #risk .conclusion {
  top: 50%;
}
#details__university #risk .conclusion {
  top: 65%;
}

/* ---------------------------------------------------------------------------------------------- */
/* case ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#case > .wrapper {
  padding: 7% 0 8% 0;
}

#case-list {
  padding: 0% var(--contents-tablet-padding) 12% var(--contents-tablet-padding);
}
#case-list .flex__item {
  max-width: calc(686px - 200px);
}
#case-list .notes {
  max-width: 580px;
}
#case-list .notes dl {
  padding-left: 1.6em;
}

#medical-expenses {
  position: relative;
  padding: 5% var(--contents-mobile-padding) 12% var(--contents-mobile-padding);
}
#medical-expenses:after {
  bottom: -8%;
  right: 2em;
  width: 5.5em;
  height: 29%;
}
#medical-expenses .catch:before {
  top: -160%;
  left: 6.5%;
  transform: translateX(-50%);
}
#medical-expenses ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 1.5em;
}
#medical-expenses li {
  position: relative;
  margin-top: 0;
  padding: 8em 0 0 0;
  flex-basis: calc((100% - 4rem) / 5);
  border: none;
  background-color: transparent;
  text-align: center;
}
#medical-expenses li:nth-of-type(3),
#medical-expenses li:nth-of-type(4),
#medical-expenses li:nth-of-type(5) {
  padding-top: 8.6em;
}
#medical-expenses li:before {
  top: 0;
  left: 0;
  transform: translateY(0%);
  padding-top: 75%;
  width: 100%;
  height: auto;
  border: 4px solid #ea5504;
  border-radius: 1ch;
  background-color: #fff;
  background-size: 70%;
}
#medical-expenses li:nth-of-type(2):before {
  background-size: 40%;
}
/* ---------------------------------------------------------------------------------------------- */
/* insurance-benefits //////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#insurance-benefits > .wrapper {
  padding: 8% 0 8% 0;
}

.display-area {
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.display-area table {
  margin: 3em auto 0 auto;
}
.ps__rail-x {
 display: none;
}

/* ---------------------------------------------------------------------------------------------- */
/* aside ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
aside {
  background-color: #fff;
}
aside > .wrapper {
  padding: 3em var(--contents-mobile-padding) 1em var(--contents-mobile-padding);
}

aside figure img {
  max-width: 685px;
}
/* ---------------------------------------------------------------------------------------------- */
/* about ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#about:before {
  padding-top: 12.81%;
}
#about:after {
  padding-bottom: 22.96%;
}
#about > .wrapper {
  padding: 8% 2rem 0% 2rem;
}
#about header + div {
  margin: 0 auto;
  max-width: calc(1024px - 6rem);
}
#about figure {
  margin-top: 0;
  padding-bottom: 5em;
  float: left;
  margin-right: 2rem;
}
#about p {
  margin: 1em auto 0 auto;
  max-width: 100%;
}
/* ---------------------------------------------------------------------------------------------- */
/* voice ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#voice {
  clear:both;
}
#voice:after {
  padding-bottom: 24.3%;
}
#voice > .wrapper {
  padding: 3% var(--contents-mobile-padding) 0% var(--contents-mobile-padding);
}

#voice ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto 0 auto;
  max-width: 686px;
}
#voice li {
  margin: 3em 0 0 0;
  flex-basis: calc((100% - 2rem) / 3);
}
#voice li:before {
  bottom: -120%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 100%;
 }
#voice li:after {
  content: '';
  display: block;
  position: absolute;
  top: 90%;
  left: 70%;
  transform: translateX(-0%) rotate(-90deg);
}

/* ---------------------------------------------------------------------------------------------- */
/* merit ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#merit > .wrapper {
  position: relative;
  padding: 7% var(--contents-mobile-padding) 10% var(--contents-mobile-padding);
}
#merit > .wrapper:after {
  content: '';
  position: absolute;
  bottom: -5.8%;
  left: 2rem;
  padding-top: 25%;
  width: 15%;
}

#merit header + .flex__wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: calc(1024px - 6rem);
}
#merit dl {
  margin-top: 3rem;
}
#merit dl:nth-of-type(1),
#merit dl:nth-of-type(2) {
  flex-basis: calc((100% - 2rem) / 2);
}
#merit dd span {
  display: block;
}
#merit dl:nth-of-type(3) {
  position: relative;
  flex-basis: 100%;
  min-height: 400px;
}
#merit dl:nth-of-type(3) dt {
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 2rem) / 2);
  min-height: 210px;
}
#merit dl:nth-of-type(3) .merit-dd__lead {
  position: absolute;
  top: 210px;
  left: 0;
  width: calc((100% - 2rem) / 2);
}
#merit dl:nth-of-type(3) .merit-dd__img {
  position: absolute;
  top: 0;
  right: 0;
  width: calc((100% - 2rem) / 2);
}
#merit dl:nth-of-type(3) .merit-dd__img span {
  display: inline-block;
}
#merit dl:nth-of-type(3) .merit-dd__txt {
  position: absolute;
  top: 270px;
  left: 0;
  width: calc((100% - 2rem) / 2);
}
#merit dl:nth-of-type(3) .merit-dd__txt p {
  margin-top: 0;
  font-size: 1.4rem;
}
#merit dl:nth-of-type(3) .merit-dd__txt span {
  display: inline-block;
}

#merit .merit-txt {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-113%);
  margin-top: 0;
  font-size: clamp(1.25rem, 1.048rem + 0.86vw, 1.6rem);
}
#merit .merit-txt:after {
  content: '';
  position: absolute;
  bottom: -120px;
  left: 0rem;
  padding-top: 30%;
  width: 15%;
}
.details__01 #merit .merit-txt {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  font-size: 2rem;
}
.details__01 #merit .merit-txt:after {
  content: '';
  position: absolute;
  bottom: -5%;
  left: 10rem;
  /* padding-top: 8%; */
  /* width: 7%; */
  width: 70px;
  margin-top: 3em;
}

.details__01 #merit header {
  margin-top: 8em;
}
/* ---------------------------------------------------------------------------------------------- */
/* flow ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#flow ol {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 1.5em;
  max-width: 686px;
}
#flow li {
  position: relative;
  margin-top: 0;
  padding: 8em 0 0 0;
  flex-basis: calc((100% - 4rem) / 5);
  border: none;
  background-color: transparent;
  text-align: center;
}
#flow li:nth-of-type(1),
#flow li:nth-of-type(3) {
  padding-top: 9.2em;
}
#flow li:nth-of-type(2),
#flow li:nth-of-type(4) {
  padding-top: 8.6em;
}
#flow li:before {
  top: 0;
  left: 0;
  transform: translateY(0%);
  padding-top: 75%;
  width: 100%;
  height: auto;
  border-radius: 1ch;
  background-color: #fff;
}
#flow li:nth-of-type(1):before {
  background-size: 70%;
}
#flow li:nth-of-type(2):before {
  background-size: 50%;
}
#flow li:nth-of-type(3):before {
  background-size: 33%;
}
#flow li:nth-of-type(4):before {
  background-size: 40%;
}
#flow li:nth-of-type(5):before {
  background-size: 55%;
}
#flow li:after {
  content: '';
  position: absolute;
  top: 21.5%;
  left: calc(100% + 10px);
  transform: translate(0% -50%);
  border: 10px solid transparent;
  border-left: 10px solid #fff;
}

/* ---------------------------------------------------------------------------------------------- */
/* coverage ////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#coverage {
  background-color: #f9f7f1;
}
#coverage:after {
  padding-bottom: 10.14%;
}
#coverage > .wrapper {
  padding: 6% var(--contents-mobile-padding) 4% var(--contents-mobile-padding);
}

#coverage .accordion__content .wrapper {
  padding: 1em 1rem 2em 1rem;
}

#coverage h2:before {
  right: -1rem;
  padding-top: 18%;
}
#coverage .img__ex img {
  float: right;
  margin: 0 0 1em 1em;
}
#coverage .ex {
  margin-top: 0;
}
#coverage .ex li:nth-of-type(1) {
  margin-top: 0em;
}
#coverage p {
  margin-top: 1em;
}
#coverage .ex + p,
#coverage .lead + p {
  margin-top: 1.5em;
}
#coverage .notes {
  margin-top: 1em;
}

.dl__coverage-liability > div {
  margin-top: 1.5em;
}

/* ---------------------------------------------------------------------------------------------- */
/* denied //////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#denied > .wrapper {
  padding: 6% var(--contents-mobile-padding) 4% var(--contents-mobile-padding);
}

#denied p {
  margin-top: 1em;
  font-size: .875rem;
}
#denied .bos__disc li {
  margin: .5em 0 0 1.5em;
  font-size: .875rem;
}
#denied .bos__disc li:nth-of-type(1) {
  /* margin-top: 1em; */
}
#denied .bos__disc .bos__disc,
#denied .notes {
  /* margin-top: 1.5em; */
  padding: 1rem 1rem;
  border-radius: .8ch;
  background-color: #fefdfc;
}
#denied-liability .notes li {
  margin: .5em 0 0 1.69em;
  font-size: .875rem;
}
#denied-liability .notes li:nth-of-type(1) {
  margin-top: 0;
}

/* ---------------------------------------------------------------------------------------------- */
/* statement ///////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#statement {
  background-color: #f9f7f1;
}
#statement:before {
  padding-top: 12.8%;
  background-color: #fff;
  background-image: url(/assets/img/kodomo/bg-statement-top.svg);
}
#statement > .wrapper {
  position: relative;
  padding: 3% var(--contents-mobile-padding) 5% var(--contents-mobile-padding);
}

#statement h2:before {
  left: 5rem;
  padding-top: 15%;
}




/* ---------------------------------------------------------------------------------------------------------------------------- */
} /* @media 閉じ括弧 削除注意 */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ■ Desktop */ @media screen and (min-width: 1024px) {
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.site-main.full-width {
  padding: 0;
  width: 100%;
}

/* ---------------------------------------------------------------------------------------------- */
/* header //////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
.contents-header {
  height: 567px;
  aspect-ratio: 1;
}
#details__kindergarten .contents-header {
  background-position: 50% 40%;
}
#details__elementaryschool .contents-header {
  background-position: 50% 50%;
}
#details__juniorhighschool .contents-header {
  background-position: 50% 40%;
}
#details__highschool .contents-header {
  background-position: 50% 40%;
}
#details__university .contents-header {
  background-position: 50% 40%;
}

.contents-header > .wrapper {
  margin: 0 auto;
  height: 567px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: blur(32px) brightness(120%) contrast(120%);
  -webkit-backdrop-filter: blur(32px) brightness(120%) contrast(120%);
}
#details__kindergarten .contents-header > .wrapper {
  background-image: url(/assets/img/kodomo/kindergarten/bg-main-desktop.png);
}
#details__elementaryschool .contents-header > .wrapper {
  background-image: url(/assets/img/kodomo/elementaryschool/bg-main-desktop.png);
}
#details__juniorhighschool .contents-header > .wrapper {
  background-image: url(/assets/img/kodomo/juniorhighschool/bg-main-desktop.png);
}
#details__highschool .contents-header > .wrapper {
  background-image: url(/assets/img/kodomo/highschool/bg-main-desktop.png);
}
#details__university .contents-header > .wrapper {
  background-image: url(/assets/img/kodomo/university/bg-main-desktop.png);
}

.contents-header .lead {
  position: absolute;
  top: calc(50% + 8%);
  left: calc(50% + 2.8rem);
  font-size: 1.625rem;
}
#details__kindergarten .contents-header .lead {
  left: calc(50% + 2.8rem);
}
#details__elementaryschool .contents-header .lead {
  left: calc(50% + 2.8rem);
}
#details__juniorhighschool .contents-header .lead {
  left: calc(50% + 5.8rem);
}
#details__highschool .contents-header .lead {
  left: calc(50% + 2.8rem);
}
#details__university .contents-header .lead {
  left: calc(50% + 5.8rem);
}

.contents-header .head {
  position: absolute;
  top: calc(50% + 8%);
  left: calc(50% - 1rem);
  transform: translate(-100%, -50%);
}
.contents-header .head .img-main__catch {
  margin-top: 0;
}
.contents-header .head .img-main__catch img {
  width: 70%;
}
.contents-header h1 {
  font-size: 3.5rem;
}
.contents-header .img-main__price img {
  width: 100%;
}
.contents-header figcaption {
  font-size: 1rem;
}

/*----------------------------------------------------------------------------*/
/* LP
------------------------------------------------------------------------------*/
.details__01 .img-main__illust {
  position: absolute;
  top: 180px;
  left: calc(50% + 4rem);
  transform: translateX(0%);
  width: 383px;
}
.details__01 .img-main__illust img {
  width: 100%;
}

.details__02 .catch-campaign {
  position: absolute;
  top: 80px;
  left: calc(50% + 9rem);
  transform: translateX(50%);
  width: 331px;
}
.details__02 .catch-campaign img {
  width: 100%;
}

.details__03 .img-main__illust {
  position: absolute;
  top: 240px;
  left: calc(50% + 4rem);
  transform: translateX(0%);
  width: 383px;
}
.details__03 .img-main__illust img {
  width: 100%;
}
.details__03 .catch-campaign {
  position: absolute;
  top: 0px;
  left: calc(50%);
  transform: translateX(-100%);
  max-width: 331px;
}
#details__kindergarten.details__03 .catch-campaign {
  top: 60px;
  transform: translateX(-180%);
  width: 260px;
}
#details__elementaryschool.details__03 .catch-campaign {
  top: 60px;
  transform: translateX(-180%);
  width: 260px;
}
#details__juniorhighschool.details__03 .catch-campaign {
  top: 60px;
  transform: translateX(-180%);
  width: 260px;
}
#details__highschool.details__03 .catch-campaign {
  top: 60px;
  transform: translateX(-180%);
  width: 260px;
}
#details__university.details__03 .catch-campaign {
  top: 60px;
  transform: translateX(-180%);
  width: 260px;
}
.details__03 .catch-campaign img {
  width: 100%;
}
  /*
.details__02 .contents-header .head {
  position: absolute;
  top: calc(50% + 5%);
  left: calc(50% - 0rem);
  transform: translate(-100%, -50%);
}
.details__02 .catch-campaign,
.details__03 .catch-campaign {
  position: absolute;
  top: 80px;
  left: calc(50% + 9rem);
  transform: translateX(50%);
  width: 331px;
}
*/
/* ---------------------------------------------------------------------------------------------- */
/* insurance-company ///////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#insurance-company > .wrapper {
  padding: 1rem var(--contents-desktop-padding) 1rem var(--contents-desktop-padding);
}

/* ---------------------------------------------------------------------------------------------- */
/* risk ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#details__kindergarten #risk h2 {
  top: -100px;
  width: 450px;
}
#details__elementaryschool #risk h2 {
  top: -100px;
  left: calc(50% + 8% + 0rem);
  width: 580px;
}
#details__juniorhighschool #risk h2 {
  top: -100px;
  left: calc(50% + 6% + 0rem);
  width: 550px;
}
#details__highschool #risk h2 {
  top: -100px;
  left: calc(50% + 6% + 0rem);
  width: 550px;
}
#details__university #risk h2 {
  top: -120px;
  left: calc(50% + 1.5% + 0rem);
  width: 470px;
}

#details__kindergarten #risk .img-risk__02 {
  top: 32px;
}
#details__elementaryschool #risk .img-risk__02 {
  top: 32px;
}
#details__juniorhighschool #risk .img-risk__02 {
  top: 32px;
}
#details__highschool #risk .img-risk__02 {
  top: 32px;
}
#details__university #risk .img-risk__02 {
  top: 92px;
}

#details__juniorhighschool #risk .notes {
  top: 180px;
  left: 47%;
}
#details__university #risk .notes {
  top: 240px;
  left: 46.5%;
}

#risk .img-risk__01 {
  width: 343px;
}
#details__kindergarten #risk .img-risk__01 {
  top: -200px;
}
#details__elementaryschool #risk .img-risk__01 {
  top: -200px;
}
#details__juniorhighschool #risk .img-risk__01 {
  top: -150px;
}
#details__highschool #risk .img-risk__01 {
  top: -200px;
}
#details__university #risk .img-risk__01 {
  top: -150px;
}

#risk .conclusion {
  position: absolute;
  transform: translateX(0%);
  margin-top: 0em;
  font-size: 1.1em;
}
#details__kindergarten #risk .conclusion {
  top: 70px;
  left: calc(50% + 1%);
}
#details__elementaryschool #risk .conclusion {
  top: 70px;
  left: calc(50% + 1%);
}
#details__juniorhighschool #risk .conclusion {
  top: 120px;
  left: calc(50% + 1%);
}
#details__highschool #risk .conclusion {
  top: 80px;
  left: calc(50% + 1%);
}
#details__university #risk .conclusion {
  top: 150px;
  left: calc(50% + 1%);
}

/* ---------------------------------------------------------------------------------------------- */
/* case ////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
#case {
  background-color: #f9f7f1;
}
#case > .wrapper {
  padding: 7% 0 12% 0;
}

#case-list {
  position: relative;
  padding: 0% var(--contents-mobile-padding) 20% var(--contents-mobile-padding);
  background: url(/assets/img/kodomo/bg-case-bottom-01.svg) bottom center no-repeat;
  background-size: contain;
}

#case-list .flex__wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 1em;
  margin: 0 auto;
  max-width: 888px;
}
#case-list .flex__item {
  flex-basis: calc((100% - 2rem) / 3);
}
#case-list .flex__item:nth-of-type(1) dt {
  padding-top: .75em;
}

#details__university #case > .wrapper {
  padding: 13% 0 12% 0;
}
/* ---------------------------------------------------------------------------------------------- */
/* aside ///////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
aside figure img {
  max-width: 888px;
}

.details__01 aside {
  padding-top: 100px;
}

/* ---------------------------------------------------------------------------------------------- */
/* item-button /////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- */
.section {
  padding-bottom: 107px;
}
.item-button a {
  margin: 0 auto;
  width: calc(1024px * .8);
}
/*

#case-list .case-dt {
  margin-top: 3em;
  text-align: center;
}
#case-list .case-dt span {
  display: inline-block;
  position: relative;
  padding: 0 .25em .45em .25em;
  text-align: center;
  line-height: 1.4;
  font-family: 'Zen Maru Gothic';
  font-size: 1.25rem;
  font-weight: 700;
}
#case-list .case-dt span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: repeating-linear-gradient(-45deg, var(--dark), var(--dark) 2px, white 3px, white 5px);
}
.case-dd__subtitle p {
  margin-top: 1em;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .1em;
  color: var(--deep);
  font-size: 1rem;
  font-weight: 700;
}
.case-dd__subtitle span {
  display: inline-block;
}
.case-dd__img {
  margin-top: 1em;
  text-align: center;
}
.case-dd__txt p {
  margin-top: .5em;
  text-align: center;
  font-size: .875rem;
}
.case-dd__txt p:nth-of-type(1) {
  margin-top: 1em;
}
.case-dd__txt p span {
  display: inline-block;
}
.case-dd__txt strong {
  color: #ea5504;
  font-weight: 700;
}
.case-dd__txt strong small {
  font-size: .8em;
}
.case-dd__txt a {
  border-bottom: 1px dashed #2f5dc6;
  color: #2f5dc6;
  font-weight: 700;
}
.case-dd__txt .case-p__pill {
  margin-top: 1em;
}
.case-dd__txt .case-p__pill strong {
  display: inline-block;
  padding: .5em 1.2em .59em 1.2em;
  border-radius: 100ch;
  background-color: var(--neutral);
  line-height: 1;
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
}

#case-list .notes {
  margin: 2em auto 0 auto;
  max-width: 640px;
}
#case-list .notes .bos__kome-n {
  padding-left: 2em;
  font-size: .8rem;
}
#case-list .notes .kome-n {
  margin-left: -1.8em;
}
#case-list .notes dl {
  margin-top: .5em;
  padding-left: 4.0em;
}
#case-list .notes dt,
#case-list .notes dd {
  font-size: .8rem;
}

#medical-expenses {
  position: relative;
  padding: 8% var(--contents-mobile-padding) 16% var(--contents-mobile-padding);
  background-image: url(/assets/img/kodomo/bg-case-bottom-02.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 1.5%;
  right: 1em;
  width: 5em;
  height: 20.6%;
  background-image: url(/assets/img/kodomo/bg-case-02.png);
  background-image: image-set(url(/assets/img/kodomo/bg-case-02.png) 1x, url(/assets/img/kodomo/bg-case-02@2x.png) 2x, url(/assets/img/kodomo/bg-case-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-case-02.png) 1x, url(/assets/img/kodomo/bg-case-02@2x.png) 2x, url(/assets/img/kodomo/bg-case-02@3x.png) 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses .catch {
  position: relative;
  text-align: center;
  line-height: 1.5;
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
  font-weight: 700;
}
#medical-expenses .catch:before {
  content: '';
  display: block;
  position: absolute;
  top: -155%;
  left: .5em;
  width: 2em;
  height: 150%;
  background-image: url(/assets/img/kodomo/bg-case-01.png);
  background-image: image-set(url(/assets/img/kodomo/bg-case-01.png) 1x, url(/assets/img/kodomo/bg-case-01@2x.png) 2x, url(/assets/img/kodomo/bg-case-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/bg-case-01.png) 1x, url(/assets/img/kodomo/bg-case-01@2x.png) 2x, url(/assets/img/kodomo/bg-case-01@3x.png) 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses .catch span {
  display: block;
}
#medical-expenses .catch strong {
  display: inline-block;
  position: relative;
  padding: 0 .1em .2em .1em;
  color: #ea5504;
  background: url(/assets/img/kodomo/bg-underbar.svg) bottom left repeat-x;
  background-size: 20px;
}
#medical-expenses .catch strong:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  width: 1em;
  height: 100%;
  background: url(/assets/img/kodomo/icon-thunder.png) no-repeat;
  background-size: containe;
}
#medical-expenses ul {
  margin: 2em auto 0 auto;
  max-width: 686px;
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
}
#medical-expenses li {
  position: relative;
  margin-top: .5em;
  padding: .8em 1em .85em 6em;
  border: 2px solid #ea5504;
  border-radius: 1ch;
  background-color: #fff;
  line-height: 1.425;
  font-size: .875rem;
  font-weight: 700;
}
#medical-expenses li:nth-of-type(1) {
  margin-top: 0;
}
#medical-expenses li:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 4em;
  height: calc(.875rem + .8em + .85em);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#medical-expenses li:nth-of-type(1):before {
  background-image: url(/assets/img/kodomo/icon-case-01.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-01.png) 1x, url(/assets/img/kodomo/icon-case-01@2x.png) 2x, url(/assets/img/kodomo/icon-case-01@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-01.png) 1x, url(/assets/img/kodomo/icon-case-01@2x.png) 2x, url(/assets/img/kodomo/icon-case-01@3x.png) 3x);
}
#medical-expenses li:nth-of-type(2):before {
  background-image: url(/assets/img/kodomo/icon-case-02.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-02.png) 1x, url(/assets/img/kodomo/icon-case-02@2x.png) 2x, url(/assets/img/kodomo/icon-case-02@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-02.png) 1x, url(/assets/img/kodomo/icon-case-02@2x.png) 2x, url(/assets/img/kodomo/icon-case-02@3x.png) 3x);
}
#medical-expenses li:nth-of-type(3):before {
  background-image: url(/assets/img/kodomo/icon-case-03.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-03.png) 1x, url(/assets/img/kodomo/icon-case-03@2x.png) 2x, url(/assets/img/kodomo/icon-case-03@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-03.png) 1x, url(/assets/img/kodomo/icon-case-03@2x.png) 2x, url(/assets/img/kodomo/icon-case-03@3x.png) 3x);
}
#medical-expenses li:nth-of-type(4):before {
  background-image: url(/assets/img/kodomo/icon-case-04.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-04.png) 1x, url(/assets/img/kodomo/icon-case-04@2x.png) 2x, url(/assets/img/kodomo/icon-case-04@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-04.png) 1x, url(/assets/img/kodomo/icon-case-04@2x.png) 2x, url(/assets/img/kodomo/icon-case-04@3x.png) 3x);
}
#medical-expenses li:nth-of-type(5):before {
  background-image: url(/assets/img/kodomo/icon-case-05.png);
  background-image: image-set(url(/assets/img/kodomo/icon-case-05.png) 1x, url(/assets/img/kodomo/icon-case-05@2x.png) 2x, url(/assets/img/kodomo/icon-case-05@3x.png) 3x);
  background-image: -webkit-image-set(url(/assets/img/kodomo/icon-case-05.png) 1x, url(/assets/img/kodomo/icon-case-05@2x.png) 2x, url(/assets/img/kodomo/icon-case-05@3x.png) 3x);
}
#medical-expenses ul span {
  display: inline-block;
}
#medical-expenses ul strong {
  color: #ea5504;
}

#medical-expenses + p {
  margin-top: 1em;
  text-align: center;
  line-height: 1.5;
  color: var(--deep);
  font-family: 'Zen Maru Gothic';
  font-size: clamp(1.25rem, 0.889rem + 1.54vw, 1.875rem);
  font-weight: 700;
}
#medical-expenses + p span {
  display: block;
}
#medical-expenses + p strong {
  display: inline-block;
  position: relative;
  padding: 0 .1em .0em .1em;
  color: #ea5504;
  background: linear-gradient(transparent 50%, #ffe8ae 50%);
}

*/
#medical-expenses .catch:before {
  top: -160%;
  left: 20%;
  transform: translateX(-50%);
}
#medical-expenses:after {
  bottom: -8%;
  right: 20%;
  width: 5.5em;
  height: 29%;
}
#merit .merit-txt:after {
  content: '';
  position: absolute;
  bottom: -220px;
  left: -2rem;
  padding-top: 60%;
  width: 25%;
  background-size: 100%;
}
#coverage h2:before {
  right: 10%;
  padding-top: 12%;
}
#statement h2:before {
  left: 20%;
  padding-top: 10%;
  width: 15%;
  }



.details__01 #merit .merit-txt:after {
  content: '';
  position: absolute;
  bottom: -5%;
  left: 20%;
  /* padding-top: 8%; */
  /* width: 7%; */
  width: 70px;
  margin-top: 3em;
}
/* ---------------------------------------------------------------------------------------------------------------------------- */
} /* @media 閉じ括弧 削除注意 */