@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec .pagettl-swiper { margin-top: 0; }
.pagettl-sec .pagettl-swiper .swiper-slide { width: 225.2rem; }
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-swiper .swiper-slide { width: 195.1rem; } }

/* ------------------------------ コンテンツ
------------------------------ */
._idx .story-main { padding: 80px 0 120px; }
@media screen and (max-width: 750px) { ._idx .story-main { padding: 80px 0; } }
._idx .story-box { position: relative; margin-bottom: 80px; }
._idx .story-box::before { content: ''; position: absolute; bottom: 0; right: 0; width: calc(50% + 1px); height: 100%; max-height: 510px; background: linear-gradient(90deg, #1398fd 0%, #00b9ff 100%); }
@media screen and (max-width: 750px) { ._idx .story-box::before { width: 100%; max-height: 30rem; background: linear-gradient(90deg, #2080fc 0%, #00b9ff 100%); } }
._idx .story-box:last-child { margin-bottom: 0; }
@media screen and (max-width: 750px) { ._idx .story-box .inner { padding: 0; } }
._idx .story-box a { z-index: 9; position: relative; display: block; text-decoration: none; padding-bottom: 60px; background: url("../img/common/ico_arrow_w03.svg") no-repeat right bottom 60px; background-size: 65px auto; color: #fff; }
@media screen and (max-width: 750px) { ._idx .story-box a { background-size: 35px auto; background-position: right 30px bottom 30px; } }
._idx .story-box a::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 41.6666666667%; height: 100%; max-height: 510px; background: linear-gradient(90deg, #2080fc 0%, #1398fd 100%); transform: translateX(-100%); }
@media screen and (max-width: 750px) { ._idx .story-box a::before { display: none; } }
._idx .story-box figure { position: relative; background-color: #eff9ff; border-radius: 30px; overflow: hidden; }
@media screen and (max-width: 750px) { ._idx .story-box figure { padding: 0 15px; } }
._idx .story-box .story-box-main { position: relative; width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 70px; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-main { padding: 0 30px; } }
._idx .story-box .story-box-ttl { width: 100%; max-width: 310px; margin: -20px 0 20px 0; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-ttl { max-width: 18rem; margin-bottom: 10px; } }
._idx .story-box .story-box-item { display: flex; align-items: center; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-item { display: block; } }
._idx .story-box .story-box-item p { width: 2em; font-size: 10.0rem; font-style: italic; font-weight: 500; line-height: 1; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-item p { width: 100%; font-size: 5.0rem; margin-bottom: 5px; } }
._idx .story-box .story-box-item dl { flex: 1; }
._idx .story-box .story-box-item dl dt { font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-item dl dt { margin-bottom: 5px; font-size: 2.4rem; } }
._idx .story-box .story-box-item dl dd { font-size: 2.6rem; }
@media screen and (max-width: 750px) { ._idx .story-box .story-box-item dl dd { font-size: 1.6rem; } }

._detail { background-color: #eff9ff; }
._detail .story-in { width: 100%; max-width: 1270px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { ._detail .story-in { padding: 0 4%; } }
._detail .c-flexmain { flex-direction: row-reverse; column-gap: 8.9430894309%; }
._detail .c-content .content-in { max-width: 100%; }
._detail .c-sidebar { width: 17.8861788618%; }
._detail .c-sidebar ul { max-width: 100%; }
._detail .c-sidebar ul li a span { font-size: 1.4rem; }
._detail .story-top { position: relative; }
._detail .story-top::before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; max-height: 510px; background: linear-gradient(90deg, #2080fc 0%, #00b9ff 100%); }
@media screen and (max-width: 750px) { ._detail .story-top::before { height: 50%; max-height: 100%; } }
._detail .story-top .story-ttl { margin-bottom: 40px; font-size: 3.0rem; text-align: center; font-weight: 700; color: #005eaa; }
._detail .story-top figure { z-index: 9; position: relative; }
._detail .story-top .story-top-main { z-index: 9; position: relative; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 0 60px; color: #fff; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-main { padding: 0 30px 30px; } }
._detail .story-top .story-top-ttl { width: 100%; max-width: 300px; margin: -20px 0 20px 0; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-ttl { max-width: 210px; } }
._detail .story-top .story-top-item { display: flex; align-items: center; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-item { display: block; } }
._detail .story-top .story-top-item p { width: 2em; font-size: 10.0rem; font-style: italic; font-weight: 500; line-height: 1; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-item p { width: 100%; font-size: 5.0rem; margin-bottom: 10px; } }
._detail .story-top .story-top-item dl { flex: 1; }
._detail .story-top .story-top-item dl dt { font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-item dl dt { font-size: 2.6rem; } }
._detail .story-top .story-top-item dl dd { font-size: 2.6rem; }
@media screen and (max-width: 750px) { ._detail .story-top .story-top-item dl dd { font-size: 1.6rem; } }
._detail .top-nav-wrap { margin-bottom: 20px; }
._detail .story-lead { margin-bottom: 100px; }
._detail .story-lead p { line-height: 2; }
._detail .story-member { position: relative; margin-bottom: 100px; padding: 60px 75px 30px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { ._detail .story-member { padding: 40px 30px 30px; } }
._detail .story-member .member-ttl { position: absolute; top: 0; left: 0; width: 100%; max-width: 278px; margin-top: -20px; }
@media screen and (max-width: 750px) { ._detail .story-member .member-ttl { max-width: 200px; } }
._detail .story-member .member-lead { margin-bottom: 15px; font-size: 1.5rem; font-weight: 500; text-align: center; }
._detail .story-member ul { display: flex; flex-wrap: wrap; column-gap: 6.6666666667%; justify-content: center; }
._detail .story-member ul li { width: 20%; }
@media screen and (max-width: 750px) { ._detail .story-member ul li._w100 { width: 100%; }
  ._detail .story-member ul li._w100 figure { width: 20%; margin-inline: auto; } }
._detail .story-member ul li p { margin-top: 10px; font-size: 1.5rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._detail .story-member ul li p { font-size: 1rem; } }
._detail .story-box { margin-bottom: 90px; }
._detail .story-box:last-child { margin-bottom: 0; }
._detail .story-box .story-num { margin-bottom: 15px; font-size: 7.3rem; color: #005eaa; line-height: 1; text-align: center; }
@media screen and (max-width: 750px) { ._detail .story-box .story-num { margin-bottom: 5px; } }
._detail .story-box .story-heading { margin-bottom: 40px; font-size: 2.0rem; color: #005eaa; text-align: center; font-weight: 700; }
._detail .story-box .story-subheading { margin-bottom: 40px; }
._detail .story-box .story-subheading span { padding: 0.5em; background-color: #005eaa; box-decoration-break: clone; font-size: 2.8rem; color: #fff; font-weight: 700; line-height: 2; }
@media screen and (max-width: 750px) { ._detail .story-box .story-subheading span { font-size: 2rem; } }
._detail .story-box .story-sec { margin-bottom: 50px; }
._detail .story-box .story-sec-l { margin-bottom: 280px; }
@media screen and (max-width: 1400px) { ._detail .story-box .story-sec-l { margin-bottom: 60px; } }
._detail .story-box .story-txtfig { display: flex; justify-content: space-between; column-gap: 5.5555555556%; }
@media screen and (max-width: 750px) { ._detail .story-box .story-txtfig { display: block; } }
._detail .story-box .story-txtfig .story-item { flex: 1; }
._detail .story-box .story-txtfig .story-txtfig-fig { position: relative; width: 360px; }
@media screen and (max-width: 1400px) { ._detail .story-box .story-txtfig .story-txtfig-fig { width: 40%; } }
@media screen and (max-width: 750px) { ._detail .story-box .story-txtfig .story-txtfig-fig { width: 100%; margin: 30px auto 0; } }
._detail .story-box .story-txtfig .story-txtfig-fig .story-txtfig-fig-s { position: absolute; bottom: 0; right: 0; margin-right: -19.4444444444%; margin-bottom: -63.8888888889%; }
@media screen and (max-width: 1400px) { ._detail .story-box .story-txtfig .story-txtfig-fig .story-txtfig-fig-s { position: static; margin: 15px auto 0; } }
._detail .story-box .story-txtfig._reverse { flex-direction: row-reverse; }
._detail .story-box .story-txtfig._reverse .story-txtfig-fig .story-txtfig-fig-s { right: initial; left: 0; margin-right: 0; margin-left: -19.4444444444%; }
@media screen and (max-width: 1400px) { ._detail .story-box .story-txtfig._reverse .story-txtfig-fig .story-txtfig-fig-s { margin: 15px auto 0; } }
._detail .story-box .story-item dt { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px solid; border-image: linear-gradient(90deg, #00a5ff 0%, #00db9e 100%) 1; font-size: 1.8rem; font-weight: 700; }
._detail .story-box .story-item dd { display: flex; flex-direction: column; row-gap: 1.5rem; }
._detail .story-box .story-txt { display: flex; }
._detail .story-box .story-txt span { width: 2.5em; color: #005eaa; }
._detail .story-box .story-txt p { flex: 1; }
._detail .story-box .story-txt a { color: #005eaa; }
._detail .story-other { margin-bottom: 90px; padding: 60px 0; background-color: #fff; border-top: 1px solid #005eaa; border-bottom: 1px solid #005eaa; }
._detail .story-other .story-other-con { display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 750px) { ._detail .story-other .story-other-con { display: block; } }
._detail .story-other .story-other-ttl { flex: 1; font-size: 2.0rem; font-weight: 700; color: #005eaa; }
@media screen and (max-width: 750px) { ._detail .story-other .story-other-ttl { margin-bottom: 30px; font-size: 1.6rem; } }
._detail .story-other .story-other-ttl span { font-size: 5.7rem; font-weight: 600; }
@media screen and (max-width: 750px) { ._detail .story-other .story-other-ttl span { font-size: 3.7rem; } }
._detail .story-other .story-other-main { overflow: hidden; width: 64.1666666667%; margin-left: 1.6666666667%; }
@media screen and (max-width: 750px) { ._detail .story-other .story-other-main { width: 100%; margin: 0 auto; } }
._detail .story-other .story-other-main .swiper-slide a { display: block; text-decoration: none; }
._detail .story-other .story-other-main .swiper-slide a p { margin-top: 10px; font-size: 1.8rem; font-weight: 700; color: #005eaa; }
@media screen and (max-width: 750px) { ._detail .story-other .story-other-main .swiper-slide a p { font-size: 1.4rem; } }
._detail .story-other .story-other-main .story-other-tool { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
._detail .story-other .story-other-main .story-other-tool .swiper-pagination { flex: 1; position: static; display: flex; width: 100%; }
._detail .story-other .story-other-main .story-other-tool .swiper-pagination-bullet { flex: 1; height: 4px; margin: 0; border-radius: 0; background-color: #e0e6f2; opacity: 1; }
._detail .story-other .story-other-main .story-other-tool .swiper-pagination-bullet-active { background-color: #005eaa; }
._detail .story-other .story-other-main .story-other-tool .story-other-btn { display: flex; align-items: center; width: 110px; column-gap: 10px; margin-left: 40px; }
._detail .story-other .story-other-main .story-other-tool .story-other-btn button { display: block; width: 50px; }

/*# sourceMappingURL=story.css.map */