.font-en { font-family: "Montserrat", serif; }

@media screen and (max-width: 750px) { ._idx { padding-top: 0; } }
._idx .story-list { width: 100%; max-width: 1000px; margin: 0 auto; }
._idx .story-list li { margin-bottom: 100px; }
._idx .story-list li:last-child { margin-bottom: 0; }
._idx .story-list li figure { margin-bottom: 25px; }
._idx .story-list li dl { margin-bottom: 10px; font-weight: 700; text-align: center; color: #006ABC; line-height: 1; }
._idx .story-list li dl dt { margin-bottom: 10px; font-size: 5.4rem; }
@media screen and (max-width: 750px) { ._idx .story-list li dl dt { font-size: 3.9272727273rem; } }
._idx .story-list li dl dd { font-size: 2.0rem; color: #007ED6; }
@media screen and (max-width: 750px) { ._idx .story-list li dl dd { font-size: 1.4545454545rem; } }
._idx .story-list li .story-list-ttl { margin-bottom: 20px; font-size: 3.2rem; font-weight: 700; text-align: center; color: #006ABC; }
@media screen and (max-width: 750px) { ._idx .story-list li .story-list-ttl { font-size: 2.3272727273rem; text-align: left; }
  ._idx .story-list li .story-list-ttl br { display: none; } }
._idx .story-list li .story-list-txt { margin-bottom: 40px; font-weight: 500; text-align: center; line-height: 2; }
@media screen and (max-width: 750px) { ._idx .story-list li .story-list-txt { text-align: left; }
  ._idx .story-list li .story-list-txt br { display: none; } }
._idx .story-list li .story-list-btn a { display: block; text-decoration: none; width: 100%; max-width: 540px; margin: 0 auto; padding: 20px; background: #006ABC url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 16px auto; font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; line-height: 1; border-radius: 4em; transition: all .6s; }
@media screen and (max-width: 750px) { ._idx .story-list li .story-list-btn a { padding: 3.1746031746%; background-position: right 2.380952381% center; background-size: 2.5396825397% auto; font-size: 1.4545454545rem; } }
._idx .story-list li .story-list-btn a:hover { opacity: 0.7; }

._detail { padding-top: 0; }
._detail ._b { color: #000DBC; }
._detail ._g { color: #267905; }
._detail ._p { color: #C62691; }
._detail .story-mainttl { z-index: 999; position: relative; display: flex; background-color: #eef3f6; }
@media screen and (max-width: 750px) { ._detail .story-mainttl { padding-bottom: 5.2083333333%; background-color: #fff; } }
._detail .story-mainttl::before { content: ''; display: block; width: 0; padding-top: 44.2708333333%; }
@media screen and (max-width: 750px) { ._detail .story-mainttl::before { display: none; } }
._detail .story-mainttl::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 110rem; height: 100%; background: url("../img/story/detail/main_bg001.png") no-repeat left top; background-size: auto 100%; }
@media screen and (max-width: 750px) { ._detail .story-mainttl::after { display: none; } }
._detail .story-mainttl figure { position: absolute; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 750px) { ._detail .story-mainttl figure { position: static; } }
._detail .story-mainttl .story-mainttl-in { position: relative; z-index: 5; display: flex; width: 100%; height: 100%; }
@media screen and (max-width: 750px) { ._detail .story-mainttl .story-mainttl-in { position: absolute; top: 0; left: 0; } }
._detail .story-mainttl .story-mainttl-in::before, ._detail .story-mainttl .story-mainttl-in::after { content: ''; flex: 1; min-width: 20px; }
._detail .story-mainttl .story-mainttl-in::after { background-color: #006ABC; }
._detail .story-mainttl .story-mainttl-con { position: relative; width: 100%; max-width: 1720px; height: 100%; }
._detail .story-mainttl .story-mainttl-h { position: relative; width: 63.9534883721%; height: 100%; margin-left: auto; padding-top: 6.976744186%; font-size: 1.8rem; color: #fff; font-weight: 700; text-align: right; line-height: 1.2; }
@media screen and (max-width: 750px) { ._detail .story-mainttl .story-mainttl-h { background: url("../img/story/detail/main_bg001.png") no-repeat left top; background-size: auto 100%; font-size: 1.2rem; } }
._detail .story-mainttl .story-mainttl-h span { font-size: 8.4rem; }
@media screen and (max-width: 1600px) { ._detail .story-mainttl .story-mainttl-h span { font-size: 6.4rem; } }
@media screen and (max-width: 980px) { ._detail .story-mainttl .story-mainttl-h span { font-size: 3.4rem; } }
@media screen and (max-width: 750px) { ._detail .story-mainttl .story-mainttl-h span { font-size: 2.4rem; } }
._detail .story-mainttl .story-mainttl-t { z-index: 9; position: relative; margin-top: 5.2083333333%; line-height: 1.4; }
._detail .story-mainttl .story-mainttl-t dl { display: flex; justify-content: flex-end; align-items: flex-end; color: #fff; font-weight: 700; }
._detail .story-mainttl .story-mainttl-t dl dt { width: 3em; font-size: 8.0rem; line-height: 1; }
@media screen and (max-width: 1200px) { ._detail .story-mainttl .story-mainttl-t dl dt { width: 2em; font-size: 6.0rem; } }
@media screen and (max-width: 980px) { ._detail .story-mainttl .story-mainttl-t dl dt { font-size: 4.0rem; } }
._detail .story-mainttl .story-mainttl-t dl dd { font-size: 4.6rem; text-align: right; }
@media screen and (max-width: 1600px) { ._detail .story-mainttl .story-mainttl-t dl dd { font-size: 3.6rem; } }
@media screen and (max-width: 980px) { ._detail .story-mainttl .story-mainttl-t dl dd { font-size: 2.2rem; } }
._detail .story-mainttl-sp { display: none !important; padding: 60px 0 40px; }
@media screen and (max-width: 750px) { ._detail .story-mainttl-sp { display: block !important; } }
._detail .story-mainttl-sp .story-mainttl-t dl { display: flex; align-items: flex-end; font-weight: 700; color: #006ABC; }
._detail .story-mainttl-sp .story-mainttl-t dl dt { width: 2em; font-size: 3.0rem; line-height: 1; }
._detail .story-mainttl-sp .story-mainttl-t dl dd { flex: 1; font-size: 2.0rem; text-align: right; }
._detail .story-in { width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { ._detail .story-in { padding: 0 8%; } }
._detail .story-article .story-article-box { padding: 100px 0; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-box { padding: 80px 0; } }
._detail .story-article .story-article-box:nth-child(odd) { background-color: #EEF3F6; }
._detail .story-article .story-article-box:first-child { padding: 200px 0 120px; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-box:first-child { padding: 80px 0; } }
._detail .story-article .story-article-box:last-child { padding: 100px 0 140px; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-box:last-child { padding: 80px 0; } }
._detail .story-article .story-article-box:last-child .inner { max-width: 1340px; }
._detail .story-article .story-article-box:last-child .inner .contents { max-width: 100%; }
._detail .story-article .story-article-box .btn { background: #006ABC url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 16px auto; color: #fff; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-box .btn { background-position: right 10px center; } }
._detail .story-article .story-article-box .btn._external span { background-image: url("../img/common/ico_window_w.svg"); }
._detail .story-article .story-article-heading { margin-bottom: 40px; font-size: 4.2rem; color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-heading { font-size: 2.6rem; } }
._detail .story-article .story-article-subheading { margin-bottom: 20px; font-size: 3.2rem; color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-subheading { font-size: 2.2rem; } }
._detail .story-article .story-article-txtheading { margin-bottom: 10px; font-size: 2.4rem; color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-txtheading { font-size: 2.0rem; } }
._detail .story-article .txtfig._reverse .txtfig-fig { width: 46.1538461538%; margin-left: 3.0769230769%; }
@media screen and (max-width: 750px) { ._detail .story-article .txtfig._reverse .txtfig-fig { width: 100%; } }
._detail .story-article .txtfig .txtfig-fig { width: 46.1538461538%; margin-right: 3.0769230769%; }
@media screen and (max-width: 750px) { ._detail .story-article .txtfig .txtfig-fig { width: 100%; } }
._detail .story-article .fig03._s li { width: 32%; margin-right: 2%; }
@media screen and (max-width: 750px) { ._detail .story-article .fig03._s li { width: 100%; margin-right: 0; } }
._detail .story-article .fig03 li { width: 30.7692307692%; margin-right: 3.8461538462%; }
@media screen and (max-width: 750px) { ._detail .story-article .fig03 li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._detail .story-article .fig03 li:last-child { margin-right: 0; }
._detail .story-article .fig03 li figure { margin-bottom: 10px; }
._detail .story-article .fig03 li ul { display: block; }
._detail .story-article .fig03 li ul li { width: 100% !important; margin: 0 !important; padding-left: 1em; text-indent: -1em; }
._detail .story-article .story-article-comment dl { display: flex; margin-bottom: 25px; }
._detail .story-article .story-article-comment dl:last-child { margin-bottom: 0; }
._detail .story-article .story-article-comment dl dt { width: 3.5em; font-size: 1.8rem; font-weight: 700; line-height: 2; }
._detail .story-article .story-article-comment dl dd { flex: 1; }
._detail .story-article .story-article-member { padding: 45px 60px; border: 4px solid #006ABC; background-color: #fff; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member { padding: 20px; } }
._detail .story-article .story-article-member .story-article-member-subttl { margin-bottom: 5px; font-size: 1.8rem; font-weight: 700; color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member .story-article-member-subttl { font-size: 1.4rem; } }
._detail .story-article .story-article-member .story-article-member-ttl { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member .story-article-member-ttl { font-size: 2.0rem; } }
._detail .story-article .story-article-member ul { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member ul { display: block; } }
._detail .story-article .story-article-member ul li { width: 31.8181818182%; margin-right: 13.6363636364%; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member ul li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._detail .story-article .story-article-member ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { ._detail .story-article .story-article-member ul li:last-child { margin-bottom: 0; } }
._detail .story-article .story-article-member ul li figcaption { margin-top: 15px; text-align: center; font-weight: 700; }
._detail .story-nav { padding: 110px 0 190px; background-color: #006ABC; }
@media screen and (max-width: 750px) { ._detail .story-nav { padding: 80px 0; } }
._detail .story-nav .story-nav-ttl { margin-bottom: 60px; font-size: 5.8rem; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-ttl { margin-bottom: 40px; font-size: 3.0rem; } }
._detail .story-nav .story-nav-list { display: flex; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list { display: block; } }
._detail .story-nav .story-nav-list li { width: 48.3333333333%; margin-right: 3.3333333333%; color: #fff; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list li { width: 100%; margin-right: 0; margin-bottom: 60px; } }
._detail .story-nav .story-nav-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list li:last-child { margin-bottom: 0; } }
._detail .story-nav .story-nav-list li figure { margin-bottom: 5px; }
._detail .story-nav .story-nav-list li dl { display: flex; align-items: center; margin-bottom: 10px; }
._detail .story-nav .story-nav-list li dl dt { width: 2em; font-size: 4.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list li dl dt { font-size: 3.2rem; } }
._detail .story-nav .story-nav-list li dl dd { flex: 1; margin-left: 10px; font-size: 2.0rem; font-weight: 700; }
._detail .story-nav .story-nav-list li .story-nav-list-ttl { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list li .story-nav-list-ttl { font-size: 2.0rem; } }
._detail .story-nav .story-nav-list li .story-nav-list-btn a { display: block; text-decoration: none; width: 100%; max-width: 540px; margin: 0 auto; padding: 30px 20px; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 16px auto; font-size: 1.8rem; font-weight: 700; color: #006ABC; text-align: center; line-height: 1; border-radius: 4em; transition: all .6s; }
@media screen and (max-width: 750px) { ._detail .story-nav .story-nav-list li .story-nav-list-btn a { padding: 4.7619047619%; background-position: right 2.380952381% center; background-size: 2.5396825397% auto; font-size: 1.4545454545rem; } }
._detail .story-nav .story-nav-list li .story-nav-list-btn a:hover { opacity: 0.7; }

.js-size-3 ._detail .story-mainttl, .js-size-4 ._detail .story-mainttl, .js-size-5 ._detail .story-mainttl { padding-bottom: 0; background-color: #006ABC; }
.js-size-3 ._detail .story-mainttl .story-mainttl-in, .js-size-4 ._detail .story-mainttl .story-mainttl-in, .js-size-5 ._detail .story-mainttl .story-mainttl-in { position: relative; }
.js-size-3 ._detail .story-mainttl .story-mainttl-h, .js-size-4 ._detail .story-mainttl .story-mainttl-h, .js-size-5 ._detail .story-mainttl .story-mainttl-h { position: relative; }
.js-size-3 ._detail .story-mainttl .story-mainttl-t, .js-size-4 ._detail .story-mainttl .story-mainttl-t, .js-size-5 ._detail .story-mainttl .story-mainttl-t { position: relative; }

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