@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

/*----------------------------------------------
common
----------------------------------------------*/
.featuresPageheadInBox01 { padding: 100px 0; }
@media (max-width: 480px) { .featuresPageheadInBox01 { padding: 50px 0; } }
.featuresPageheadInBox01 .imgBox01 { width: calc(100% * 1069 / 1235); margin: 0 calc(50% - 50vw) 0 auto; }
.featuresPageheadInBox01 .imgBox01 img { border-radius: 10px 0 0 10px; }

/*----------------------------------------------
featuresFeaturesSec
----------------------------------------------*/
.featuresFeaturesSec { margin: 120px 0 240px 0; }
@media (max-width: 480px) { .featuresFeaturesSec { margin: 60px 0 120px 0; } }
.featuresFeaturesSec .list01 > li { margin: 135px auto 0; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li { margin-top: 60px; } }
.featuresFeaturesSec .list01 > li .box01 { display: flex; align-items: center; column-gap: 60px; background: #F0F5F9; }
@media (max-width: 1024px) { .featuresFeaturesSec .list01 > li .box01 { column-gap: 40px; } }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li .box01 { display: block; } }
.featuresFeaturesSec .list01 > li .box01 .imgBox { flex-shrink: 0; order: 1; text-align: center; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li .box01 .imgBox { margin: 0 !important; padding-bottom: 40px; } }
.featuresFeaturesSec .list01 > li .box01 .txtBox { padding: 50px 0; order: 2; }
@media (max-width: 1024px) { .featuresFeaturesSec .list01 > li .box01 .txtBox { padding: 50px 20px; } }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li .box01 .txtBox { padding: 40px 0; } }
.featuresFeaturesSec .list01 > li .box01 .txtBox .secCatch { display: flex; align-items: center; margin-top: 0; }
.featuresFeaturesSec .list01 > li .box01 .txtBox .secCatch .num { display: inline-block; font-size: clamp(18.4px, 5.1104vw, 46px); font-weight: 700; margin-right: 20px; color: #F0F5F9; -webkit-text-stroke: 2px #012383; text-stroke: 2px #012383; paint-order: stroke; letter-spacing: 0.2rem; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li .box01 .txtBox .secCatch .num { font-size: 3.6rem; margin-right: 10px; } }
.featuresFeaturesSec .list01 > li .box01 .txtBox .txt01 { line-height: 1.94; margin: 1em 0 0 0; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li .box01 .txtBox .txt01 { line-height: 1.6; } }
.featuresFeaturesSec .list01 > li:nth-child(odd) { padding-left: calc((100vw - 1235px)/ 2); }
.featuresFeaturesSec .list01 > li:nth-child(odd) .box01 { padding-right: calc((100vw - 1235px)/ 2); border-radius: 10px 0 0 10px; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li:nth-child(odd) { padding-left: 40px; }
  .featuresFeaturesSec .list01 > li:nth-child(odd) .box01 { padding: 0 15px; } }
.featuresFeaturesSec .list01 > li:nth-child(even) { padding-right: calc((100vw - 1235px)/ 2); }
.featuresFeaturesSec .list01 > li:nth-child(even) .box01 { padding-left: calc((100vw - 1235px)/ 2); border-radius: 0 10px 10px 0; }
.featuresFeaturesSec .list01 > li:nth-child(even) .imgBox { order: 2; }
.featuresFeaturesSec .list01 > li:nth-child(even) .txtBox { order: 1; }
@media (max-width: 480px) { .featuresFeaturesSec .list01 > li:nth-child(even) { padding-right: 40px; }
  .featuresFeaturesSec .list01 > li:nth-child(even) .box01 { padding: 0 15px; } }
.featuresFeaturesSec .list01 > li:nth-of-type(1) .imgBox { margin: 20px 0 -40px -40px; }
.featuresFeaturesSec .list01 > li:nth-of-type(2) .imgBox { margin: 40px -30px 30px 0; }
.featuresFeaturesSec .list01 > li:nth-of-type(3) .imgBox { margin: 30px 0 20px -70px; }

/*----------------------------------------------
featuresMembershipSec
----------------------------------------------*/
.featuresMembershipSec { padding: 120px 0; position: relative; }
@media (max-width: 480px) { .featuresMembershipSec { padding: 60px 0; } }
.featuresMembershipSec::before { content: ''; display: block; position: absolute; inset: 0; margin: auto; background: #edf3f8; border-radius: 30px; z-index: 0; }
.featuresMembershipSec .featuresMembershipSecInner { position: relative; z-index: 1; }
.featuresMembershipSec .lead01 { line-height: 1.94; text-align: center; margin: 2em 0 4em; }
@media (max-width: 480px) { .featuresMembershipSec .lead01 { text-align: left; line-height: 1.6; } }
.featuresMembershipSec .list01 { max-width: 800px; margin: 4px auto 0; }
.featuresMembershipSec .list01 > li { background: #ffffff; color: #012383; font-size: clamp(14px, 2.2224vw, 20px); font-weight: 700; margin: 1.5em 0; padding: 1em 1em 1em 5em; border-radius: 3em; position: relative; }
.featuresMembershipSec .list01 > li::before { content: ''; display: block; width: 22px; height: 20px; background: url("../img/features/features_membership_mark01.png") no-repeat center center/contain; position: absolute; top: 1.3em; left: 2.4em; }
@media (max-width: 480px) { .featuresMembershipSec .list01 > li { font-size: 16px; } }