/* CSS Document */ /*main{ font-feature-settings: "palt"; }*/ .contents p { font-size: 18px; line-height: 2.05; } img { max-width: 100%; } .wrap { max-width: 1000px; width: 88%; margin-left: auto; margin-right: auto; display: block; } .wrap2 { max-width: 900px; width: 88%; margin-left: auto; margin-right: auto; display: block; } .wrap3 { max-width: 1054px; width: 88%; margin-left: auto; margin-right: auto; display: block; } .position { position: relative; } .main-img img { width: 100%; height: auto; } .ttl-img { max-width: 690px; margin-left: auto; margin-right: auto; width: 100%; } .gr-bg { background: #8a9e93; } .gr-bg .yajirushi { width: 35%; max-width: 230px; margin-left: auto; margin-right: auto; } .btn-bg { background: url(../img/bg_01.png) no-repeat center top/cover; } .btn-bg.ptn2 { background: url(../img/bg_03.png) no-repeat center top/cover; } .btn-bg.ptn3 { background: #fff; } .btn-bg .link-btn { width: 88%; max-width: 700px; margin-left: auto; margin-right: auto; } .list-wrap .kensyottl-img { padding-bottom: 30px; width: 100%; max-width: 680px; margin-left: auto; margin-right: auto; } .list-wrap .exlist li { padding-top: 50px; padding-bottom: 47px; border-top: 2px dotted #fff; } .list-wrap .exlist li:last-child { border-bottom: 2px dotted #fff; } .list-wrap .exlist li .list-ttl { margin-bottom: 40px; color: #fff; font-weight: 900; font-size: 34px; text-align: center; line-height: 1; } .list-wrap .exlist li .list-img { margin-bottom: 34px; } .list-wrap .exlist li .tex-flex { max-width: 920px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; } .list-wrap .exlist li .tex-flex .tex { width: 47.8%; } .list-wrap .exlist li .tex2 { width: 47.8%; margin-left: auto; margin-right: auto; } .movie-bg { background: url(../img/bg_02.png) no-repeat center top/cover; } .movie-bg .movie-box { width: 88%; max-width: 650px; margin-left: auto; margin-right: auto; } .movie-bg .movie-box .youtube { position: relative; width: 100%; padding-top: 56.25%; } .movie-bg .movie-box .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .movie-bg .movie-ttl { text-align: center; margin-top: 25px; } .movie-bg .movie-ttl span { display: inline-block; padding: 10px 22px; background: #fff; line-height: 1; font-size: 30px; color: #000000; font-weight: 700; } .notes { font-size: 10px !important; color: #fff; line-height: 1.2; margin-top: 3px; } .notes.tar { text-align: right; } .fukidashi-img { max-width: 384px; margin-left: auto; margin-right: auto; width: 70%; } .ex-flex { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } .ex-flex .icon { width: 39.4%; } .ex-flex .text { width: 57.3%; } .ex-flex .text ul li { margin-bottom: 20px; padding: 26px 30px; border-radius: 10px; background: #e5edf5; color: #004898; font-size: 18px; line-height: 1.5; font-weight: 600; } .ex-flex .text ul li span { color: #f15800; font-weight: 900; } .ex-flex .text ul li:last-child { margin-bottom: 0; } .faq-bg { background: #004898; } .faq-bg dl { padding-bottom: 50px; } .faq-bg dl:last-child { padding-bottom: 0; } .faq-bg dl dt { display: flex; padding: 13px 18px; align-items: center; justify-content: space-between; background: #fff; } .faq-bg dl dt .img { width: 5%; } .faq-bg dl dt .text { width: 86%; font-size: 26px; line-height: 1.3; color: #004898; font-weight: 900; } .faq-bg dl dd { display: flex; padding: 14px 18px; justify-content: space-between; } .faq-bg dl dd .img { width: 5%; } .faq-bg dl dd .text { width: 86%; font-size: 26px; line-height: 1.5; color: #fff100; padding-top: 5px; font-weight: 700; } @media only screen and (max-width: 768px) { .wrap { width: 88%; margin-left: auto; margin-right: auto; } .flat-human::before { display: none; } .contents p { font-size: 4.1vw; } .list-wrap .kensyottl-img { padding-bottom: 3vw; width: 100%; max-width: none; margin-left: auto; margin-right: auto; } .list-wrap .exlist li { padding-top: 6vw; padding-bottom: 5.3vw; border-top: 2px dotted #fff; } .list-wrap .exlist li:last-child { border-bottom: 2px dotted #fff; } .list-wrap .exlist li .list-ttl { margin-bottom: 6vw; font-size: 5.33vw; line-height: 1.5; } .list-wrap .exlist li .list-img { margin-bottom: 6vwx; } .list-wrap .exlist li .tex-flex { max-width: none; margin-left: auto; margin-right: auto; display: block; } .list-wrap .exlist li .tex-flex .tex { width: 67%; margin-left: auto; margin-right: auto; } .list-wrap .exlist li .tex-flex .tex + .tex { margin-top: 3vw; } .list-wrap .exlist li .tex2 { width: 67%; margin-left: auto; margin-right: auto; } .btn-bg { background: url(../img/bg_01_sp.png) no-repeat center top/cover; } .btn-bg.ptn2 { background: url(../img/bg_03_sp.png) no-repeat center top/cover; } .btn-bg.ptn3 { background: #fff; } .btn-bg .link-btn { width: 88%; max-width: 700px; margin-left: auto; margin-right: auto; } .movie-bg { background: url(../img/bg_02_sp.png) no-repeat center top/cover; } .movie-bg .movie-box { width: 88%; max-width: none; margin-left: auto; margin-right: auto; } .movie-bg .movie-ttl { text-align: center; margin-top: 3.3vw; } .movie-bg .movie-ttl span { display: inline-block; padding: 2vw 3vw; font-size: 3.9vw; } .notes { font-size: 2.7vw !important; color: #fff; line-height: 1.1 !important; margin-top: 1vw; } .notes.tar { text-align: left; } .fukidashi-img { max-width: none; margin-left: auto; margin-right: auto; width: 70%; } .ex-flex { display: block; } .ex-flex .icon { width: 64%; margin-left: auto; margin-right: auto; margin-bottom: 5.3vw; } .ex-flex .text { width: 100%; } .ex-flex .text ul li { margin-bottom: 4vw; padding: 4vw 6vw; border-radius: 10px; font-size: 3.5vw; line-height: 1.5; font-weight: 900; } .ex-flex .text ul li:last-child { margin-bottom: 0; } .faq-bg dl { padding-bottom: 9vw; } .faq-bg dl:last-child { padding-bottom: 0; } .faq-bg dl dt { display: flex; padding: 3vw 3vw; align-items: center; justify-content: space-between; } .faq-bg dl dt .img { width: 14%; } .faq-bg dl dt .text { width: 80%; font-size: 4.1vw; line-height: 1.32; color: #004898; font-weight: 900; } .faq-bg dl dd { display: flex; padding: 3vw 3vw; justify-content: space-between; } .faq-bg dl dd .img { width: 14%; } .faq-bg dl dd .text { width: 80%; font-size: 4.1vw; line-height: 1.32; padding-top: 2vw; } footer { padding-bottom: 12vw; } }/*# sourceMappingURL=style.css.map */