@charset "UTF-8";
* { margin: 0; padding: 0; }

body { font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; }

img { width: 100%; }

.web-manga { z-index: 9; position: fixed; left: 15px; bottom: 15px; max-width: 200px; }

@media screen and (min-width: 768px) { .web-manga { left: 30px; bottom: 30px; max-width: 300px; } }

@media screen and (min-width: 1025px) { .web-manga { left: auto; right: 50px; bottom: 50px; max-width: 300px; } }

.top-message { margin-top: -110px; padding: 120px 15px 45px; background-image: url("../images/message-bg.jpg"); background-repeat: no-repeat; background-size: cover; }

.top-message .top-message__ttl { margin-bottom: 15px; color: #004098; font-size: 28px; font-weight: 700; font-feature-settings: "palt"; text-align: center; line-height: 1.4; }

.top-message .top-message__ttl span { font-size: 35px; }

.top-message .top-message__desc { font-size: 13px; line-height: 1.8; }

.top-message .top-message__desc p { margin-bottom: 1em; }

.top-message .top-message__desc p:last-child { margin: 0; }

.top-message .top-message__desc .top-message__name { font-size: 18px; font-weight: 700; text-align: center; }

.top-message .top-message__desc .top-message__name span { font-size: 23px; }

@media screen and (min-width: 768px) { .top-message { padding: 150px 30px 60px; } .top-message .top-message__ttl { margin-bottom: 20px; font-size: 32px; } .top-message .top-message__ttl span { font-size: 40px; } .top-message .top-message__ttl br { display: none; } .top-message .top-message__desc { font-size: 15px; } .top-message .top-message__desc .top-message__name { font-size: 20px; } .top-message .top-message__desc .top-message__name span { font-size: 25px; } }

@media screen and (min-width: 1025px) { .top-message { margin-top: -10vw; padding: 14vw 0 100px; } .top-message .top-message__ttl { margin-bottom: 30px; font-size: 40px; } .top-message .top-message__ttl span { font-size: 50px; } .top-message .top-message__desc { max-width: 820px; margin: 0 auto; font-size: 16px; } .top-message .top-message__desc p:last-child { margin: 35px 0 0; } .top-message .top-message__desc .top-message__name { font-size: 20px; } .top-message .top-message__desc .top-message__name span { font-size: 28px; } }

.topics .topics__list .topics__item { position: relative; margin-bottom: 10px; border-top: 2px solid #004098; border-bottom: 2px solid #004098; background-color: #F7F7F7; }

.topics .topics__list .topics__item:after { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); content: '\e5cc'; font-family: 'Material Icons'; color: #004098; font-size: 30px; }

.topics .topics__list .topics__item .topics__source { display: inline-block; min-width: 200px; padding: 10px 25px 10px 10px; background-color: #004098; line-height: 1; clip-path: polygon(0 0, 96% 0, 85% 100%, 0% 100%); color: #fff; font-family: 'Noto Serif JP', serif; font-weight: 500; font-size: 20px; text-align: center; letter-spacing: 1px; }

.topics .topics__list .topics__item .topics__source img { width: 140px; }

.topics .topics__list .topics__item .topics__ttl { width: 92%; padding: 10px 0 15px 15px; font-size: 14px; font-weight: 700; line-height: 1.6; }

.topics .topics__list .topics__item .topics__ttl span { color: #004098; }

@media screen and (min-width: 768px) { .topics .topics__list .topics__item:after { right: 10px; } .topics .topics__list .topics__item a { display: flex; align-items: stretch; } .topics .topics__list .topics__item .topics__source { width: 250px; padding: 12px 12px 12px 30px; line-height: 1.5; font-size: 25px; text-align: left; letter-spacing: 1px; } .topics .topics__list .topics__item .topics__source img { width: 80%; } .topics .topics__list .topics__item .topics__ttl { width: calc(100% - 300px); padding: 12px 0; } }

@media screen and (min-width: 1025px) { .topics .topics__list .topics__item { min-height: 80px; } .topics .topics__list .topics__item:after { right: 3vw; } .topics .topics__list .topics__item a { display: flex; align-items: center; } .topics .topics__list .topics__item a:hover { filter: brightness(1.3); transition: all .3s; } .topics .topics__list .topics__item .topics__source { width: 32%; max-width: 350px; min-height: 80px; padding: 15px 15px 15px 5vw; font-size: 30px; line-height: 1.3; } .topics .topics__list .topics__item .topics__source img { width: 80%; } .topics .topics__list .topics__item .topics__ttl { width: 65%; padding: 15px 0; font-size: 18px; line-height: 1.5; } }

.twitter { padding: 45px 15px; }

.twitter .twitter__ttl { display: flex; align-items: center; font-size: 23px; font-weight: 700; }

.twitter .twitter__ttl img { width: 25px; height: 25px; margin-right: 5px; }

@media screen and (min-width: 768px) { .twitter { padding: 60px 30px; } .twitter .twitter__ttl { font-size: 25px; } .twitter .twitter__ttl img { width: 28px; height: 28px; } }

@media screen and (min-width: 1025px) { .twitter { max-width: 600px; margin: 0 auto; padding: 100px 0 80px; } .twitter .twitter__ttl { font-size: 25px; } .twitter .twitter__ttl img { width: 28px; height: 28px; } }

.gallery { padding: 0 15px 45px; }

.gallery .gallery__list { display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 20px; }

.gallery .gallery__list .gallery__item { width: 33%; border-radius: 5px; }

.gallery .gallery__list .gallery__item img { border-radius: 5px; }

.gallery .gallery-message { margin-bottom: 30px; font-size: 20px; font-weight: 700; font-feature-settings: "palt"; text-align: center; line-height: 1.4; }

.gallery .gallery-message__img { max-width: 300px; margin: 0 auto 10px; }

.gallery iframe { width: 100%; height: 250px; }

@media screen and (min-width: 768px) { .gallery { padding: 0 30px 60px; } .gallery .gallery__list { margin-bottom: 25px; } .gallery .gallery__list .gallery__item { border-radius: 8px; } .gallery .gallery__list .gallery__item img { border-radius: 8px; } .gallery .gallery-message { margin-bottom: 40px; font-size: 25px; } .gallery .gallery-message__img { max-width: 400px; margin: 0 auto 15px; } .gallery iframe { display: block; width: 85%; height: 400px; margin: 0 auto; text-align: center; } }

@media screen and (min-width: 1025px) { .gallery { padding: 0 0 100px; } .gallery .gallery__list { max-width: 1080px; margin: 0 auto 35px; } .gallery .gallery-message { margin-bottom: 60px; font-size: 30px; } .gallery .gallery-message__img { max-width: 600px; margin: 0 auto 20px; } .gallery iframe { max-width: 800px; height: 500px; } }

.policy { background-color: #F4F6F8; }

.policy .policy__inner { padding: 45px 15px; }

.policy .policy__inner .policy__block { margin-bottom: 35px; border-radius: 10px; background-color: #fff; }

.policy .policy__inner .policy__block:last-child { margin: 0; }

.policy .policy__inner .policy__block .policy__list { padding: 15px; }

.policy .policy__inner .policy__block .policy__list .policy__item { display: flex; align-items: start; margin-bottom: 10px; font-feature-settings: "palt"; font-weight: 700; line-height: 1.4; }

.policy .policy__inner .policy__block .policy__list .policy__item:last-child { margin-bottom: 0; }

.policy .policy__inner .policy__block .policy__list .policy__item:before { margin-right: 3px; color: #004098; font-family: 'Material Icons'; content: '\e86c'; font-size: 18px; }

.policy .policy__inner .policy-urban__list .policy-urban__item { position: relative; margin: 0 15px 35px; padding: 20px; border-radius: 10px; border: 2px solid #004098; background-color: #fff; text-align: center; }

.policy .policy__inner .policy-urban__list .policy-urban__item:last-child { margin: 0 15px; }

.policy .policy__inner .policy-urban__list .policy-urban__item .policy-urban__ttl { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); display: inline-block; min-width: 100px; padding: 8px 10px; border-radius: 50px; background-color: #004098; color: #fff; font-weight: 700; }

.policy .policy__inner .policy-urban__list .policy-urban__item img { display: block; height: 150px; margin: 10px auto; }

.policy .policy__inner .policy-urban__list .policy-urban__item .policy-urban__desc { line-height: 1.6; text-align: left; }

@media screen and (min-width: 768px) { .policy .policy__inner { padding: 60px 30px; } .policy .policy__inner .policy__block { display: flex; align-items: flex-end; justify-content: space-between; } .policy .policy__inner .policy__block picture { width: 48%; } .policy .policy__inner .policy__block .policy__list { width: 52%; padding: 15px; } .policy .policy__inner .policy-urban__list { display: flex; align-items: stretch; justify-content: space-between; margin-top: 50px; } .policy .policy__inner .policy-urban__list .policy-urban__item { width: 32%; margin: 0; padding: 15px; } .policy .policy__inner .policy-urban__list .policy-urban__item:last-child { margin: 0; } .policy .policy__inner .policy-urban__list .policy-urban__item img { height: 120px; } .policy .policy__inner .policy-urban__list .policy-urban__item .policy-urban__desc { font-size: 14px; } }

@media screen and (min-width: 1025px) { .policy .policy__inner { max-width: 1080px; margin: 0 auto; padding: 100px 0; } .policy .policy__inner .policy__block { align-items: center; } .policy .policy__inner .policy__block picture { width: 45%; } .policy .policy__inner .policy__block .policy__list { width: 55%; padding: 30px; } .policy .policy__inner .policy__block .policy__list .policy__item { margin-bottom: 15px; font-size: 20px; } .policy .policy__inner .policy__block .policy__list .policy__item:before { font-size: 22px; } .policy .policy__inner .policy-urban__list { margin-top: 80px; } .policy .policy__inner .policy-urban__list .policy-urban__item { width: 31%; padding: 30px; } .policy .policy__inner .policy-urban__list .policy-urban__item img { height: 180px; } .policy .policy__inner .policy-urban__list .policy-urban__item .policy-urban__desc { font-size: 15px; } }

.vision { padding: 45px 15px; background-image: url("../images/vision-head-sp.jpg"); background-repeat: no-repeat; background-size: cover; }

.vision picture img { margin-bottom: 15px; }

.vision .vision__desc { color: #fff; font-size: 18px; font-weight: 700; font-feature-settings: "palt"; line-height: 1.6; }

.vision .vision__desc br { display: none; }

.vision .vision__desc:last-child { margin: 0; }

@media screen and (min-width: 768px) { .vision { padding: 30px; background-image: url("../images/vision-head-pc.jpg"); background-position: center center; } .vision picture img { margin-bottom: 25px; } .vision .vision__desc { text-align: center; } .vision .vision__desc br { display: block; } }

@media screen and (min-width: 1025px) { .vision { padding: 60px; } .vision picture img { display: block; max-width: 1080px; margin: 0 auto 30px; } .vision .vision__desc { font-size: 25px; text-align: center; letter-spacing: 1px; } }

.profile { position: relative; padding: 0 0 45px; background-color: #F4F6F8; }

@media screen and (min-width: 768px) { .profile { padding: 0 0 60px; } }

@media screen and (min-width: 1025px) { .profile { padding: 0 0 100px; } }

.profile .profile__ttl { position: absolute; top: 50px; left: 15px; }

.profile .profile__ttl .en { margin-bottom: 3px; color: #004098; font-size: 13px; font-weight: 700; }

.profile .profile__ttl .profile__name { margin-bottom: 8px; color: #004098; font-size: 30px; font-weight: 700; }

.profile .profile__ttl .profile__txt { margin-bottom: 8px; line-height: 1.4; }

.profile .profile__ttl .profile__txt-b { display: inline-block; padding: 5px; border-radius: 5px; background-color: #004098; color: #fff; font-size: 16px; font-weight: 700; }

@media screen and (min-width: 768px) { .profile .profile__ttl { position: absolute; top: 70px; left: 70px; } .profile .profile__ttl .en { font-size: 15px; } .profile .profile__ttl .profile__name { margin-bottom: 10px; font-size: 38px; } .profile .profile__ttl .profile__txt-b { font-size: 20px; } }

@media screen and (min-width: 1025px) { .profile .profile__ttl { position: absolute; top: 10vw; left: 13vw; } .profile .profile__ttl .en { font-size: 18px; } .profile .profile__ttl .profile__name { margin-bottom: 20px; font-size: 70px; } .profile .profile__ttl .profile__txt { margin-bottom: 15px; font-size: 25px; line-height: 1.4; } .profile .profile__ttl .profile__txt-b { padding: 10px; font-size: 35px; } }

.profile .profile__detail { position: relative; z-index: 2; width: 92%; margin: -160px auto 0; padding: 15px; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 10px #8acbe963; }

@media screen and (min-width: 768px) { .profile .profile__detail { margin: -140px auto 0; padding: 20px; } }

@media screen and (min-width: 1025px) { .profile .profile__detail { max-width: 1080px; margin: -17vw auto 0; padding: 30px; } }

.profile .profile__detail .profile__label { display: inline-block; min-width: 80px; padding: 8px; margin-bottom: 10px; background-color: #004098; color: #fff; font-size: 18px; font-weight: 700; text-align: center; }

@media screen and (min-width: 768px) { .profile .profile__detail .profile__label { margin-bottom: 15px; } }

@media screen and (min-width: 1025px) { .profile .profile__detail .profile__label { margin-bottom: 20px; padding: 10px; font-size: 22px; } }

@media screen and (min-width: 768px) { .profile .profile__detail .flex-content { display: flex; justify-content: space-between; align-items: stretch; } }

@media screen and (min-width: 768px) { .profile .profile__detail .flex-content .profile__list { width: 50%; } }

.profile .profile__detail .flex-content .profile__list .profile__item { display: flex; align-items: start; margin-bottom: 5px; font-feature-settings: "palt"; font-size: 14px; line-height: 1.4; letter-spacing: 1px; }

.profile .profile__detail .flex-content .profile__list .profile__item span { background: linear-gradient(transparent 60%, #ffff05 60%); font-weight: 700; }

.profile .profile__detail .flex-content .profile__list .profile__item:last-child { margin-bottom: 0; }

.profile .profile__detail .flex-content .profile__list .profile__item:before { margin-right: 3px; color: #004098; font-family: 'Material Icons'; content: '\ef4a'; font-size: 16px; }

@media screen and (min-width: 1025px) { .profile .profile__detail .flex-content .profile__list .profile__item { margin-bottom: 10px; font-size: 18px; } .profile .profile__detail .flex-content .profile__list .profile__item:before { font-size: 20px; } }

.profile .profile__detail .profile-gallery__list { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-top: 15px; }

.profile .profile__detail .profile-gallery__list .profile-gallery__item { width: 49%; margin-bottom: 5px; }

@media screen and (min-width: 768px) { .profile .profile__detail .profile-gallery__list { margin-top: 20px; } .profile .profile__detail .profile-gallery__list .profile-gallery__item { width: 33%; } }

.sug-exe { position: relative; padding: 0 0 45px; background-color: #F4F6F8; }

@media screen and (min-width: 768px) { .sug-exe { padding: 0 0 60px; } }

@media screen and (min-width: 1025px) { .sug-exe { padding: 0 0 100px; } }

.sug-exe .sug-exe__ttl { position: absolute; top: 110px; right: 15px; }

.sug-exe .sug-exe__ttl .en { margin-bottom: 3px; color: #fff; font-size: 13px; font-weight: 700; }

.sug-exe .sug-exe__ttl .sug-exe__name { color: #fff; font-feature-settings: "palt"; font-size: 30px; font-weight: 700; }

@media screen and (min-width: 768px) { .sug-exe .sug-exe__ttl { top: 80px; right: 70px; } .sug-exe .sug-exe__ttl .en { font-size: 15px; } .sug-exe .sug-exe__ttl .sug-exe__name { font-size: 38px; } }

@media screen and (min-width: 1025px) { .sug-exe .sug-exe__ttl { top: 10vw; right: 13vw; } .sug-exe .sug-exe__ttl .en { font-size: 18px; } .sug-exe .sug-exe__ttl .sug-exe__name { font-size: 70px; } }

.sug-exe .sug-exe__detail { position: relative; z-index: 2; width: 92%; margin: -160px auto 0; padding: 15px; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 10px #8acbe963; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__label { display: inline-block; min-width: 80px; padding: 8px; margin-bottom: 10px; background-color: #004098; color: #fff; font-size: 18px; font-weight: 700; text-align: center; }

@media screen and (min-width: 1025px) { .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__label { margin-bottom: 20px; padding: 10px; font-size: 22px; } }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item { display: flex; align-items: start; margin-bottom: 5px; font-feature-settings: "palt"; font-size: 14px; line-height: 1.4; letter-spacing: 1px; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item span { background: linear-gradient(transparent 60%, #ffff05 60%); font-weight: 700; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item:last-child { margin-bottom: 0; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item:before { margin-right: 3px; color: #004098; font-family: 'Material Icons'; content: '\ef4a'; font-size: 16px; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__txt { margin-top: 20px; font-size: 18px; font-weight: 700; text-align: center; line-height: 1.4; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-r { margin-top: 10px; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-r figure { margin-bottom: 10px; }

.sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-r figure:last-child { margin: 0; }

@media screen and (min-width: 768px) { .sug-exe .sug-exe__detail { margin: -100px auto 0; padding: 20px; } .sug-exe .sug-exe__detail .sug-exe__inner { display: flex; justify-content: space-between; align-items: stretch; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l { width: 66%; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content { display: flex; justify-content: space-between; align-items: stretch; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list { width: 49%; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item { font-size: 13px; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__txt { margin-top: 10px; text-align: left; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__txt br { display: none; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-r { width: 33%; margin-top: 0; } }

@media screen and (min-width: 1025px) { .sug-exe .sug-exe__detail { max-width: 1080px; margin: -15vw auto 0; padding: 30px; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item { margin-bottom: 10px; font-size: 18px; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .flex-content .sug-exe__list .sug-exe__item:before { font-size: 20px; } .sug-exe .sug-exe__detail .sug-exe__inner .sug-exe__contents-l .sug-exe__txt { margin-top: 25px; font-size: 20px; } }

.media { padding: 0 0 45px; }

.media .media__txt { margin: 45px 15px 15px; font-size: 12px; }

.media .media-gallery__list { padding: 0 15px; }

.media .media-gallery__list .media-gallery__item { margin-bottom: 10px; height: 220px; }

.media .media-gallery__list .media-gallery__item img { height: 220px; object-fit: cover; }

@media screen and (min-width: 768px) { .media { padding: 0 0 60px; } .media .media__txt { margin: 30px 0 15px 30px; font-size: 12px; } .media .media-gallery__list { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; padding: 0 30px; } .media .media-gallery__list .media-gallery__item { width: 32%; height: auto; margin: 0 .5% 10px; } .media .media-gallery__list .media-gallery__item img { height: auto; object-fit: cover; } }

@media screen and (min-width: 1025px) { .media { padding: 0 0 100px; } .media .media__txt { max-width: 1080px; margin: 50px auto 15px; font-size: 14px; } .media .media-gallery__list { max-width: 1080px; margin: 0 auto; padding: 0; } .media .media-gallery__list .media-gallery__item { width: 32%; height: auto; margin: 0 .5% 10px; } .media .media-gallery__list .media-gallery__item img { height: auto; object-fit: cover; } }

.sns { padding: 15px 15px 45px; }

.sns .sns__ttl { margin-bottom: 20px; font-size: 28px; font-weight: 700; text-align: center; line-height: 1.4; }

.sns .sns__ttl span { color: #004098; }

.sns .sns__inner .sns__banner a { display: block; margin-bottom: 10px; }

.sns .sns__inner .fb iframe { width: 100% !important; height: 350px; margin: 0 auto; }

@media screen and (min-width: 768px) { .sns { padding: 15px 30px 60px; } .sns .sns__ttl { margin-bottom: 20px; font-size: 28px; } .sns .sns__ttl br { display: none; } .sns .sns__inner { display: flex; justify-content: center; align-items: stretch; } .sns .sns__inner .sns__banner { max-width: 375px; margin: 0 5px; } .sns .sns__inner .sns__banner a { display: block; margin-bottom: 10px; } .sns .sns__inner .fb { width: auto; margin: 0 5px; } .sns .sns__inner .fb iframe { width: 375px !important; height: 300px; } }

@media screen and (min-width: 1025px) { .sns { max-width: 980px; margin: 0 auto; padding: 30px 0 100px; } .sns .sns__ttl { font-size: 35px; } .sns .sns__inner .sns__banner a:hover { filter: brightness(1.3); transition: all .3s; } }

.contact { padding: 45px 15px; background-color: #004098; }

.contact .contact__ttl { margin-bottom: 25px; color: #fff; font-size: 25px; font-weight: 700; text-align: center; }

.contact .contact__ttl:before { display: block; content: 'Contact'; margin-bottom: 5px; font-size: 13px; }

@media screen and (min-width: 768px) { .contact { padding: 60px 30px; } }

@media screen and (min-width: 1025px) { .contact { padding: 100px 0; } .contact .contact__ttl { margin-bottom: 30px; font-size: 30px; } .contact .contact__ttl:before { margin-bottom: 8px; font-size: 14px; } }

.cta { padding: 45px 15px; background-image: url("../images/cta-bg.jpg"); background-repeat: no-repeat; background-size: cover; }

@media screen and (min-width: 768px) { .cta { padding: 60px 0; } }

@media screen and (min-width: 1025px) { .cta { background-position: center center; padding: 100px 0; } }

.cta .cta__inner { padding: 40px 20px; background-color: rgba(255, 255, 255, 0.8); }

.cta .cta__inner .cta___ttl { margin-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 1.4; text-align: center; }

.cta .cta__inner .cta__btn { position: relative; display: block; width: 90%; margin: 0 auto; padding: 20px; border-radius: 50px; background-color: #C42989; color: #fff; font-weight: 700; text-align: center; }

.cta .cta__inner .cta__btn:after { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); content: '\e5cc'; font-family: 'Material Icons'; font-size: 20px; }

@media screen and (min-width: 768px) { .cta .cta__inner { max-width: 500px; margin: 0 auto; } .cta .cta__inner .cta__btn { max-width: 320px; } }

@media screen and (min-width: 1025px) { .cta .cta__inner { max-width: 600px; margin: 0 auto; padding: 50px 0; } .cta .cta__inner .cta___ttl { font-size: 28px; } .cta .cta__inner .cta__btn { max-width: 320px; padding: 25px; } .cta .cta__inner .cta__btn:after { position: absolute; right: 15px; } .cta .cta__inner .cta__btn:hover { filter: brightness(1.3); transition: all .3s; } }

.footer-foot { padding: 30px 15px 20px; background-color: #F4F4F4; }

.footer-foot .footer__ttl { margin-bottom: 15px; font-size: 18px; font-weight: 700; }

.footer-foot p { margin-bottom: 8px; font-size: 14px; line-height: 1.4; }

.footer-foot .tel { font-size: 14px; }

.footer-foot .tel:before { margin-right: 5px; content: '\e0cd'; font-family: 'Material Icons'; vertical-align: middle; }

.footer-foot .mail { font-size: 14px; }

.footer-foot .mail:before { margin-right: 5px; content: '\e158'; font-family: 'Material Icons'; vertical-align: middle; }

@media screen and (min-width: 768px) { .footer-foot { padding: 45px 30px 25px; } }

@media screen and (min-width: 1025px) { .footer-foot { padding: 45px 30px 25px; } .footer-foot .footer-foot__inner { max-width: 1080px; margin: 0 auto; } .footer-foot .footer__ttl { font-size: 20px; } .footer-foot p { margin-bottom: 10px; font-size: 15px; } .footer-foot .tel { font-size: 15px; } .footer-foot .mail { font-size: 15px; } }

.copy { padding: 0 15px 60px; background-color: #F4F4F4; font-size: 11px!important; text-align: right; }

@media screen and (min-width: 768px) { .copy { padding: 0 30px 25px; } }

.c-form { padding: 30px 15px; border-radius: 10px; background-color: #fff; }

@media screen and (min-width: 768px) { .c-form { padding: 40px 30px; } }

@media screen and (min-width: 1025px) { .c-form { max-width: 980px; margin: 0 auto; padding: 50px 0; } }

.c-form .c-form__container { width: 100%; max-width: 800px; margin: 0 auto; }

.c-form .c-form__container .c-form__content:not(:last-child) { margin-bottom: 20px; }

.c-form .c-form__container .c-form__content .c-form__content-title { display: flex; align-items: center; margin-bottom: 12px; font-size: 15px; font-weight: 700; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__content-title { font-size: 15px; margin-bottom: 12px; } }

.c-form .c-form__container .c-form__content .c-form__content-title .c-form__require { margin-left: 3px; color: #bf3333; font-size: 13px; font-weight: 400; border-radius: 2px; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__content-title .c-form__require { font-size: 12px; } }

.c-form .c-form__container .c-form__content .c-form__content-note { margin-top: 4px; font-size: 14px; line-height: 1.5em; }

.c-form .c-form__container .c-form__content .c-form__content-note .c-form__content-note-item:not(:last-child) { margin-bottom: 3px; }

.c-form .c-form__container .c-form__content .c-form__input { display: block; width: 100%; padding: 12px; border: 1px solid #bcbcbc; border-radius: 4px; }

.c-form .c-form__container .c-form__content .c-form__add .c-form__add-title { margin-bottom: 4px; font-size: 14px; }

.c-form .c-form__container .c-form__content .c-form__add .c-form__add-content:not(:last-child) { margin-bottom: 8px; }

.c-form .c-form__container .c-form__content .c-form__add .c-form__add-2col { display: flex; justify-content: space-between; }

.c-form .c-form__container .c-form__content .c-form__add .c-form__add-2col .c-form__add-content { width: 48%; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field { display: block; margin-left: 0; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field:not(:last-child) { margin-bottom: 10px; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field label { display: flex; align-items: center; line-height: 1.5em; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field label input { position: relative; display: block; width: 20px; height: 20px; margin-right: 6px; border: 1px solid #bcbcbc; border-radius: 999px; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field label input:checked { border: 1px solid #004098; }

.c-form .c-form__container .c-form__content .c-form__radio .mwform-radio-field label input:checked::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 70%; height: 70%; border-radius: 999px; background-color: #004098; }

.c-form .c-form__container .c-form__content .c-form__radio--flex { display: flex; /* stylelint-disable-next-line no-descending-specificity */ }

.c-form .c-form__container .c-form__content .c-form__radio--flex .mwform-radio-field:not(:last-child) { margin-right: 14px; }

.c-form .c-form__container .c-form__content .c-form__select { position: relative; }

.c-form .c-form__container .c-form__content .c-form__select::after { position: absolute; top: 50%; right: 16px; transform: translate(0, -50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #bcbcbc transparent transparent transparent; }

.c-form .c-form__container .c-form__content .c-form__select select { display: block; width: 100%; padding: 12px; border: 1px solid #bcbcbc; border-radius: 4px; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field { display: block; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field:not(:last-child) { margin-bottom: 10px; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field label { display: flex; align-items: center; line-height: 1.5em; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field label input { position: relative; display: block; width: 20px; height: 20px; margin-right: 6px; border: 1px solid #bcbcbc; border-radius: 2px; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field label input:checked { background-color: #004098; border: 1px solid #004098; }

.c-form .c-form__container .c-form__content .c-form__checkbox .c-form__checkbox-content .mwform-checkbox-field label input:checked::after { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); content: ""; display: block; width: 12px; height: 7px; border-left-width: 2px; border-bottom-width: 2px; border-color: #fff; }

.c-form .c-form__container .c-form__content .c-form__textarea { display: block; width: 100%; padding: 12px; border: 1px solid #bcbcbc; border-radius: 4px; }

@media screen and (min-width: 1025px) { .c-form .c-form__container .c-form__content .c-form__textarea { height: 200px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container { width: 100%; height: 240px; border: 1px solid #bcbcbc; padding: 32px 40px; overflow-y: scroll; background-color: #fff; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container { padding: 24px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content:not(:last-child) { margin-bottom: 16px; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content:not(:last-child) { margin-bottom: 12px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-title { margin-bottom: 4px; font-weight: 600; line-height: 1.5em; }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-title::before { content: "◆"; margin-right: 4px; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-title { font-size: 15px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-body { font-size: 15px; line-height: 1.5em; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-body { font-size: 14px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list { margin-top: 12px; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list { margin-top: 8px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list:not(:last-child) { margin-bottom: 8px; }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list .c-form__privacy-policy-content-list-item { font-size: 15px; line-height: 1.5em; text-indent: -1em; padding-left: 1em; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list .c-form__privacy-policy-content-list-item { font-size: 14px; } }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-container .c-form__privacy-policy-content .c-form__privacy-policy-content-list .c-form__privacy-policy-content-list-item::before { content: "・"; }

.c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-check { margin-top: 32px; display: flex; align-items: center; justify-content: center; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__content .c-form__privacy-policy .c-form__privacy-policy-check { margin-top: 20px; } }

.c-form .c-form__container .c-form__content .c-form__file input { color: #000; }

.c-form .c-form__container .c-form__content .c-form__file .mwform-file-delete { visibility: hidden; }

.c-form .c-form__container .c-form__submit { text-align: center; }

.c-form .c-form__container .c-form__submit .c-form__submit-button { width: 90%; padding: 20px; background-color: #004098; color: #fff; font-weight: 700; border-radius: 10px; transition: 0.2s; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__submit .c-form__submit-button { width: 85vw; max-width: 360px; padding: 20px; } }

@media screen and (min-width: 1025px) { .c-form .c-form__container .c-form__submit .c-form__submit-button { max-width: 320px; padding: 25px; } }

.c-form .c-form__container .c-form__submit .c-form__submit-button:hover { filter: brightness(1.3); }

.c-form .c-form__container .c-form__submit .c-form__submit-button--back { width: 360px; margin-top: 20px; padding: 24px; background-color: #c2c2c2; color: #fff; font-weight: 600; border-radius: 999px; transition: 0.2s; }

@media screen and (min-width: 768px) { .c-form .c-form__container .c-form__submit .c-form__submit-button--back { width: 85vw; max-width: 360px; padding: 20px; } }

.c-form .error { margin-top: 4px; }

.mw_wp_form_confirm .c-form .c-form__container .c-form__content { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #d1d1d1; }

.mw_wp_form_confirm .c-form__confirm-none { display: none !important; }

.c-form .form-complete{
    font-size: 25px;
    text-align: center;
    line-height: 1.4;
}
.c-form .form-complete__txt{
    text-align: center;
    line-height: 1.8;
}

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