html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body{
font-family: "メイリオ", "meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media print, screen and (min-width:769px) {
.c-mt00-pc {
margin-top: 0!important
}
.c-mt05-pc {
margin-top: 5px!important
}
.c-mt10-pc {
margin-top: 10px!important
}
.c-mt15-pc {
margin-top: 15px!important
}
.c-mt20-pc {
margin-top: 20px!important
}
.c-mt25-pc {
margin-top: 25px!important
}
.c-mt30-pc {
margin-top: 30px!important
}
.c-mt35-pc {
margin-top: 35px!important
}
.c-mt40-pc {
margin-top: 40px!important
}
.c-mt45-pc {
margin-top: 45px!important
}
.c-mt50-pc {
margin-top: 50px!important
}
.c-mt55-pc {
margin-top: 55px!important
}
.c-mt60-pc {
margin-top: 60px!important
}
.c-mt65-pc {
margin-top: 65px!important
}
.c-mt70-pc {
margin-top: 70px!important
}
.c-mt75-pc {
margin-top: 75px!important
}
.c-mt80-pc {
margin-top: 80px!important
}
.c-mt85-pc {
margin-top: 85px!important
}
.c-mt90-pc {
margin-top: 90px!important
}
.c-mt95-pc {
margin-top: 95px!important
}
.c-mt100-pc {
margin-top: 100px!important
}
.c-mb00-pc {
margin-bottom: 0!important
}
.c-mb05-pc {
margin-bottom: 5px!important
}
.c-mb10-pc {
margin-bottom: 10px!important
}
.c-mb15-pc {
margin-bottom: 15px!important
}
.c-mb20-pc {
margin-bottom: 20px!important
}
.c-mb25-pc {
margin-bottom: 25px!important
}
.c-mb30-pc {
margin-bottom: 30px!important
}
.c-mb35-pc {
margin-bottom: 35px!important
}
.c-mb40-pc {
margin-bottom: 40px!important
}
.c-mb45-pc {
margin-bottom: 45px!important
}
.c-mb50-pc {
margin-bottom: 50px!important
}
.c-mb55-pc {
margin-bottom: 55px!important
}
.c-mb60-pc {
margin-bottom: 60px!important
}
.c-mb65-pc {
margin-bottom: 65px!important
}
.c-mb70-pc {
margin-bottom: 70px!important
}
.c-mb75-pc {
margin-bottom: 75px!important
}
.c-mb80-pc {
margin-bottom: 80px!important
}
.c-mb85-pc {
margin-bottom: 85px!important
}
.c-mb90-pc {
margin-bottom: 90px!important
}
.c-mb95-pc {
margin-bottom: 95px!important
}
.c-mb100-pc {
margin-bottom: 100px!important
}
.c-mr00-pc {
margin-right: 0!important
}
.c-mr05-pc {
margin-right: 5px!important
}
.c-mr10-pc {
margin-right: 10px!important
}
.c-mr15-pc {
margin-right: 15px!important
}
.c-mr20-pc {
margin-right: 20px!important
}
.c-mr25-pc {
margin-right: 25px!important
}
.c-mr30-pc {
margin-right: 30px!important
}
.c-mr35-pc {
margin-right: 35px!important
}
.c-mr40-pc {
margin-right: 40px!important
}
.c-mr45-pc {
margin-right: 45px!important
}
.c-mr50-pc {
margin-right: 50px!important
}
.c-mr55-pc {
margin-right: 55px!important
}
.c-mr60-pc {
margin-right: 60px!important
}
.c-mr65-pc {
margin-right: 65px!important
}
.c-mr70-pc {
margin-right: 70px!important
}
.c-mr75-pc {
margin-right: 75px!important
}
.c-mr80-pc {
margin-right: 80px!important
}
.c-mr85-pc {
margin-right: 85px!important
}
.c-mr90-pc {
margin-right: 90px!important
}
.c-mr95-pc {
margin-right: 95px!important
}
.c-mr100-pc {
margin-right: 100px!important
}
.c-ml00-pc {
margin-left: 0!important
}
.c-ml05-pc {
margin-left: 5px!important
}
.c-ml10-pc {
margin-left: 10px!important
}
.c-ml15-pc {
margin-left: 15px!important
}
.c-ml20-pc {
margin-left: 20px!important
}
.c-ml25-pc {
margin-left: 25px!important
}
.c-ml30-pc {
margin-left: 30px!important
}
.c-ml35-pc {
margin-left: 35px!important
}
.c-ml40-pc {
margin-left: 40px!important
}
.c-ml45-pc {
margin-left: 45px!important
}
.c-ml50-pc {
margin-left: 50px!important
}
.c-ml55-pc {
margin-left: 55px!important
}
.c-ml60-pc {
margin-left: 60px!important
}
.c-ml65-pc {
margin-left: 65px!important
}
.c-ml70-pc {
margin-left: 70px!important
}
.c-ml75-pc {
margin-left: 75px!important
}
.c-ml80-pc {
margin-left: 80px!important
}
.c-ml85-pc {
margin-left: 85px!important
}
.c-ml90-pc {
margin-left: 90px!important
}
.c-ml95-pc {
margin-left: 95px!important
}
.c-ml100-pc {
margin-left: 100px!important
}
}
@media print, screen and (max-width:768px) {
.c-mt00-sp {
margin-top: 0!important
}
.c-mt05-sp {
margin-top: 1.33333333vw!important
}
.c-mt10-sp {
margin-top: 2.66666666vw!important
}
.c-mt15-sp {
margin-top: 4vw!important
}
.c-mt20-sp {
margin-top: 5.33333333vw!important
}
.c-mt25-sp {
margin-top: 6.66666666vw!important
}
.c-mt30-sp {
margin-top: 8vw!important
}
.c-mt35-sp {
margin-top: 9.33333333vw!important
}
.c-mt40-sp {
margin-top: 10.66666666vw!important
}
.c-mt45-sp {
margin-top: 12vw!important
}
.c-mt50-sp {
margin-top: 13.33333333vw!important
}
.c-mt55-sp {
margin-top: 14.66666666vw!important
}
.c-mt60-sp {
margin-top: 16vw!important
}
.c-mt65-sp {
margin-top: 17.33333333vw!important
}
.c-mt70-sp {
margin-top: 18.66666666vw!important
}
.c-mt75-sp {
margin-top: 20vw!important
}
.c-mt80-sp {
margin-top: 21.33333333vw!important
}
.c-mt85-sp {
margin-top: 22.66666666vw!important
}
.c-mt90-sp {
margin-top: 24vw!important
}
.c-mt95-sp {
margin-top: 25.33333333vw!important
}
.c-mt100-sp {
margin-top: 26.66666666vw!important
}
.c-mb00-sp {
margin-bottom: 0!important
}
.c-mb05-sp {
margin-bottom: 1.33333333vw!important
}
.c-mb10-sp {
margin-bottom: 2.66666666vw!important
}
.c-mb15-sp {
margin-bottom: 4vw!important
}
.c-mb20-sp {
margin-bottom: 5.33333333vw!important
}
.c-mb25-sp {
margin-bottom: 6.66666666vw!important
}
.c-mb30-sp {
margin-bottom: 8vw!important
}
.c-mb35-sp {
margin-bottom: 9.33333333vw!important
}
.c-mb40-sp {
margin-bottom: 10.66666666vw!important
}
.c-mb45-sp {
margin-bottom: 12vw!important
}
.c-mb50-sp {
margin-bottom: 13.33333333vw!important
}
.c-mb55-sp {
margin-bottom: 14.66666666vw!important
}
.c-mb60-sp {
margin-bottom: 16vw!important
}
.c-mb65-sp {
margin-bottom: 17.33333333vw!important
}
.c-mb70-sp {
margin-bottom: 18.66666666vw!important
}
.c-mb75-sp {
margin-bottom: 20vw!important
}
.c-mb80-sp {
margin-bottom: 21.33333333vw!important
}
.c-mb85-sp {
margin-bottom: 22.66666666vw!important
}
.c-mb90-sp {
margin-bottom: 24vw!important
}
.c-mb95-sp {
margin-bottom: 25.33333333vw!important
}
.c-mb100-sp {
margin-bottom: 26.66666666vw!important
}
.c-mr00-sp {
margin-right: 0!important
}
.c-mr05-sp {
margin-right: 1.33333333vw!important
}
.c-mr10-sp {
margin-right: 2.66666666vw!important
}
.c-mr15-sp {
margin-right: 4vw!important
}
.c-mr20-sp {
margin-right: 5.33333333vw!important
}
.c-mr25-sp {
margin-right: 6.66666666vw!important
}
.c-mr30-sp {
margin-right: 8vw!important
}
.c-mr35-sp {
margin-right: 9.33333333vw!important
}
.c-mr40-sp {
margin-right: 10.66666666vw!important
}
.c-mr45-sp {
margin-right: 12vw!important
}
.c-mr50-sp {
margin-right: 13.33333333vw!important
}
.c-mr55-sp {
margin-right: 14.66666666vw!important
}
.c-mr60-sp {
margin-right: 16vw!important
}
.c-mr65-sp {
margin-right: 17.33333333vw!important
}
.c-mr70-sp {
margin-right: 18.66666666vw!important
}
.c-mr75-sp {
margin-right: 20vw!important
}
.c-mr80-sp {
margin-right: 21.33333333vw!important
}
.c-mr85-sp {
margin-right: 22.66666666vw!important
}
.c-mr90-sp {
margin-right: 24vw!important
}
.c-mr95-sp {
margin-right: 25.33333333vw!important
}
.c-mr100-sp {
margin-right: 26.66666666vw!important
}
.c-ml00-sp {
margin-left: 0!important
}
.c-ml05-sp {
margin-left: 1.33333333vw!important
}
.c-ml10-sp {
margin-left: 2.66666666vw!important
}
.c-ml15-sp {
margin-left: 4vw!important
}
.c-ml20-sp {
margin-left: 5.33333333vw!important
}
.c-ml25-sp {
margin-left: 6.66666666vw!important
}
.c-ml30-sp {
margin-left: 8vw!important
}
.c-ml35-sp {
margin-left: 9.33333333vw!important
}
.c-ml40-sp {
margin-left: 10.66666666vw!important
}
.c-ml45-sp {
margin-left: 12vw!important
}
.c-ml50-sp {
margin-left: 13.33333333vw!important
}
.c-ml55-sp {
margin-left: 14.66666666vw!important
}
.c-ml60-sp {
margin-left: 16vw!important
}
.c-ml65-sp {
margin-left: 17.33333333vw!important
}
.c-ml70-sp {
margin-left: 18.66666666vw!important
}
.c-ml75-sp {
margin-left: 20vw!important
}
.c-ml80-sp {
margin-left: 21.33333333vw!important
}
.c-ml85-sp {
margin-left: 22.66666666vw!important
}
.c-ml90-sp {
margin-left: 24vw!important
}
.c-ml95-sp {
margin-left: 25.33333333vw!important
}
.c-ml100-sp {
margin-left: 26.66666666vw!important
}
}
@media print, screen and (min-width:769px) {
.c-pt00-pc {
padding-top: 0!important
}
.c-pt05-pc {
padding-top: 5px!important
}
.c-pt10-pc {
padding-top: 10px!important
}
.c-pt15-pc {
padding-top: 15px!important
}
.c-pt20-pc {
padding-top: 20px!important
}
.c-pt25-pc {
padding-top: 25px!important
}
.c-pt30-pc {
padding-top: 30px!important
}
.c-pt35-pc {
padding-top: 35px!important
}
.c-pt40-pc {
padding-top: 40px!important
}
.c-pt45-pc {
padding-top: 45px!important
}
.c-pt50-pc {
padding-top: 50px!important
}
.c-pt55-pc {
padding-top: 55px!important
}
.c-pt60-pc {
padding-top: 60px!important
}
.c-pt65-pc {
padding-top: 65px!important
}
.c-pt70-pc {
padding-top: 70px!important
}
.c-pt75-pc {
padding-top: 75px!important
}
.c-pt80-pc {
padding-top: 80px!important
}
.c-pt85-pc {
padding-top: 85px!important
}
.c-pt90-pc {
padding-top: 90px!important
}
.c-pt95-pc {
padding-top: 95px!important
}
.c-pt100-pc {
padding-top: 100px!important
}
.c-pb00-pc {
padding-bottom: 0!important
}
.c-pb05-pc {
padding-bottom: 5px!important
}
.c-pb10-pc {
padding-bottom: 10px!important
}
.c-pb15-pc {
padding-bottom: 15px!important
}
.c-pb20-pc {
padding-bottom: 20px!important
}
.c-pb25-pc {
padding-bottom: 25px!important
}
.c-pb30-pc {
padding-bottom: 30px!important
}
.c-pb35-pc {
padding-bottom: 35px!important
}
.c-pb40-pc {
padding-bottom: 40px!important
}
.c-pb45-pc {
padding-bottom: 45px!important
}
.c-pb50-pc {
padding-bottom: 50px!important
}
.c-pb55-pc {
padding-bottom: 55px!important
}
.c-pb60-pc {
padding-bottom: 60px!important
}
.c-pb65-pc {
padding-bottom: 65px!important
}
.c-pb70-pc {
padding-bottom: 70px!important
}
.c-pb75-pc {
padding-bottom: 75px!important
}
.c-pb80-pc {
padding-bottom: 80px!important
}
.c-pb85-pc {
padding-bottom: 85px!important
}
.c-pb90-pc {
padding-bottom: 90px!important
}
.c-pb95-pc {
padding-bottom: 95px!important
}
.c-pb100-pc {
padding-bottom: 100px!important
}
.c-pr00-pc {
padding-right: 0!important
}
.c-pr05-pc {
padding-right: 5px!important
}
.c-pr10-pc {
padding-right: 10px!important
}
.c-pr15-pc {
padding-right: 15px!important
}
.c-pr20-pc {
padding-right: 20px!important
}
.c-pr25-pc {
padding-right: 25px!important
}
.c-pr30-pc {
padding-right: 30px!important
}
.c-pr35-pc {
padding-right: 35px!important
}
.c-pr40-pc {
padding-right: 40px!important
}
.c-pr45-pc {
padding-right: 45px!important
}
.c-pr50-pc {
padding-right: 50px!important
}
.c-pr55-pc {
padding-right: 55px!important
}
.c-pr60-pc {
padding-right: 60px!important
}
.c-pr65-pc {
padding-right: 65px!important
}
.c-pr70-pc {
padding-right: 70px!important
}
.c-pr75-pc {
padding-right: 75px!important
}
.c-pr80-pc {
padding-right: 80px!important
}
.c-pr85-pc {
padding-right: 85px!important
}
.c-pr90-pc {
padding-right: 90px!important
}
.c-pr95-pc {
padding-right: 95px!important
}
.c-pr100-pc {
padding-right: 100px!important
}
.c-pl00-pc {
padding-left: 0!important
}
.c-pl05-pc {
padding-left: 5px!important
}
.c-pl10-pc {
padding-left: 10px!important
}
.c-pl15-pc {
padding-left: 15px!important
}
.c-pl20-pc {
padding-left: 20px!important
}
.c-pl25-pc {
padding-left: 25px!important
}
.c-pl30-pc {
padding-left: 30px!important
}
.c-pl35-pc {
padding-left: 35px!important
}
.c-pl40-pc {
padding-left: 40px!important
}
.c-pl45-pc {
padding-left: 45px!important
}
.c-pl50-pc {
padding-left: 50px!important
}
.c-pl55-pc {
padding-left: 55px!important
}
.c-pl60-pc {
padding-left: 60px!important
}
.c-pl65-pc {
padding-left: 65px!important
}
.c-pl70-pc {
padding-left: 70px!important
}
.c-pl75-pc {
padding-left: 75px!important
}
.c-pl80-pc {
padding-left: 80px!important
}
.c-pl85-pc {
padding-left: 85px!important
}
.c-pl90-pc {
padding-left: 90px!important
}
.c-pl95-pc {
padding-left: 95px!important
}
.c-pl100-pc {
padding-left: 100px!important
}
}
@media print, screen and (max-width:768px) {
.c-pt00-sp {
padding-top: 0!important
}
.c-pt05-sp {
padding-top: 1.33333333vw!important
}
.c-pt10-sp {
padding-top: 2.66666666vw!important
}
.c-pt15-sp {
padding-top: 4vw!important
}
.c-pt20-sp {
padding-top: 5.33333333vw!important
}
.c-pt25-sp {
padding-top: 6.66666666vw!important
}
.c-pt30-sp {
padding-top: 8vw!important
}
.c-pt35-sp {
padding-top: 9.33333333vw!important
}
.c-pt40-sp {
padding-top: 10.66666666vw!important
}
.c-pt45-sp {
padding-top: 12vw!important
}
.c-pt50-sp {
padding-top: 13.33333333vw!important
}
.c-pt55-sp {
padding-top: 14.66666666vw!important
}
.c-pt60-sp {
padding-top: 16vw!important
}
.c-pt65-sp {
padding-top: 17.33333333vw!important
}
.c-pt70-sp {
padding-top: 18.66666666vw!important
}
.c-pt75-sp {
padding-top: 20vw!important
}
.c-pt80-sp {
padding-top: 21.33333333vw!important
}
.c-pt85-sp {
padding-top: 22.66666666vw!important
}
.c-pt90-sp {
padding-top: 24vw!important
}
.c-pt95-sp {
padding-top: 25.33333333vw!important
}
.c-pt100-sp {
padding-top: 26.66666666vw!important
}
.c-pb00-sp {
padding-bottom: 0!important
}
.c-pb05-sp {
padding-bottom: 1.33333333vw!important
}
.c-pb10-sp {
padding-bottom: 2.66666666vw!important
}
.c-pb15-sp {
padding-bottom: 4vw!important
}
.c-pb20-sp {
padding-bottom: 5.33333333vw!important
}
.c-pb25-sp {
padding-bottom: 6.66666666vw!important
}
.c-pb30-sp {
padding-bottom: 8vw!important
}
.c-pb35-sp {
padding-bottom: 9.33333333vw!important
}
.c-pb40-sp {
padding-bottom: 10.66666666vw!important
}
.c-pb45-sp {
padding-bottom: 12vw!important
}
.c-pb50-sp {
padding-bottom: 13.33333333vw!important
}
.c-pb55-sp {
padding-bottom: 14.66666666vw!important
}
.c-pb60-sp {
padding-bottom: 16vw!important
}
.c-pb65-sp {
padding-bottom: 17.33333333vw!important
}
.c-pb70-sp {
padding-bottom: 18.66666666vw!important
}
.c-pb75-sp {
padding-bottom: 20vw!important
}
.c-pb80-sp {
padding-bottom: 21.33333333vw!important
}
.c-pb85-sp {
padding-bottom: 22.66666666vw!important
}
.c-pb90-sp {
padding-bottom: 24vw!important
}
.c-pb95-sp {
padding-bottom: 25.33333333vw!important
}
.c-pb100-sp {
padding-bottom: 26.66666666vw!important
}
.c-pr00-sp {
padding-right: 0!important
}
.c-pr05-sp {
padding-right: 1.33333333vw!important
}
.c-pr10-sp {
padding-right: 2.66666666vw!important
}
.c-pr15-sp {
padding-right: 4vw!important
}
.c-pr20-sp {
padding-right: 5.33333333vw!important
}
.c-pr25-sp {
padding-right: 6.66666666vw!important
}
.c-pr30-sp {
padding-right: 8vw!important
}
.c-pr35-sp {
padding-right: 9.33333333vw!important
}
.c-pr40-sp {
padding-right: 10.66666666vw!important
}
.c-pr45-sp {
padding-right: 12vw!important
}
.c-pr50-sp {
padding-right: 13.33333333vw!important
}
.c-pr55-sp {
padding-right: 14.66666666vw!important
}
.c-pr60-sp {
padding-right: 16vw!important
}
.c-pr65-sp {
padding-right: 17.33333333vw!important
}
.c-pr70-sp {
padding-right: 18.66666666vw!important
}
.c-pr75-sp {
padding-right: 20vw!important
}
.c-pr80-sp {
padding-right: 21.33333333vw!important
}
.c-pr85-sp {
padding-right: 22.66666666vw!important
}
.c-pr90-sp {
padding-right: 24vw!important
}
.c-pr95-sp {
padding-right: 25.33333333vw!important
}
.c-pr100-sp {
padding-right: 26.66666666vw!important
}
.c-pl00-sp {
padding-left: 0!important
}
.c-pl05-sp {
padding-left: 1.33333333vw!important
}
.c-pl10-sp {
padding-left: 2.66666666vw!important
}
.c-pl15-sp {
padding-left: 4vw!important
}
.c-pl20-sp {
padding-left: 5.33333333vw!important
}
.c-pl25-sp {
padding-left: 6.66666666vw!important
}
.c-pl30-sp {
padding-left: 8vw!important
}
.c-pl35-sp {
padding-left: 9.33333333vw!important
}
.c-pl40-sp {
padding-left: 10.66666666vw!important
}
.c-pl45-sp {
padding-left: 12vw!important
}
.c-pl50-sp {
padding-left: 13.33333333vw!important
}
.c-pl55-sp {
padding-left: 14.66666666vw!important
}
.c-pl60-sp {
padding-left: 16vw!important
}
.c-pl65-sp {
padding-left: 17.33333333vw!important
}
.c-pl70-sp {
padding-left: 18.66666666vw!important
}
.c-pl75-sp {
padding-left: 20vw!important
}
.c-pl80-sp {
padding-left: 21.33333333vw!important
}
.c-pl85-sp {
padding-left: 22.66666666vw!important
}
.c-pl90-sp {
padding-left: 24vw!important
}
.c-pl95-sp {
padding-left: 25.33333333vw!important
}
.c-pl100-sp {
padding-left: 26.66666666vw!important
}
}
/*# sourceMappingURL=../sourcemaps/reset.css.map */
.lp-fv-bottom--sho {
margin: 0 auto;
background: #55a7ed;
color: #ffffff;
max-width: 970px;
}
li{
list-style:none;
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.lp-fv-bottom__text {
line-height: 2;
}
.lp-h2__main {
display: block;
font-weight: bold;
color: #464646;
}
.lp-text-em, .lp-text-em.lp-text-em--sho {
color: #55a7ed;
}
.c-wrap--sho .lp-point__item {
border-color: #55a7ed;
}
.lp-point__item {
display: block;
border-color: #55a7ed;
border-style: solid;
text-decoration: none;
}
.lp-point__heading {
display: flex;
align-items: center;
color: #55a7ed;
font-weight: bold;
}
.lp-point__heading-label {
flex-shrink: 0;
line-height: 0;
}
.lp-point__text {
color: #333333;
font-weight: bold;
line-height: 1.57142857;
}
.c-btn--withimg {
display: flex;
justify-content: center;
align-items: center;
}
.lp-h3__main {
display: block;
font-weight: bold;
color: #464646;
line-height: 1.6;
}
/*====================
header
====================*/
/*===== PC・SP =====*/
#benesse-header {
width: 100%;
height: 60px;
line-height: 43px;
border-bottom: 1px solid #cdcdcd;
}
#benesse-header .benesse-header-inner {
max-width: 960px;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#benesse-header .benesse-header-inner .benesse-header-logo a {
background: url(/zemi/_share/img/logo_benesse.svg) no-repeat center center/contain;
display: block;
color: transparent;
}
/*===== PC =====*/
@media only screen and (min-width: 768px), print, tv {
#benesse-header .benesse-header-inner .benesse-header-logo a {
width: 100px;
height: 23px;
margin-top: 20px;
}
#benesse-header .benesse-header-inner .benesse-header-navigation ul {
display: flex;
}
#benesse-header .benesse-header-inner .benesse-header-navigation ul .list-header {
margin-right: 22px;
}
#benesse-header .benesse-header-inner .benesse-header-navigation ul .list-header:last-of-type {
margin-right: 0;
}
}
/*===== SP =====*/
@media only screen and (max-width: 767px) {
#benesse-header {
width: 100%;
line-height: 0;
height: 40px;
}
#benesse-header .benesse-header-inner {
padding: 10px;
}
#benesse-header .benesse-header-inner .benesse-header-logo a {
width: 26.26667vw;
height: 6.26667vw;
margin: 0 auto;
}
}
/*====================
footer
====================*/
/*===== PC・SP =====*/
#footer .footerInner .logo {
background: url(/zemi/_share/img/logo_benesse.svg) no-repeat center center/contain;
display: block;
color: transparent;
}
#footer .footerInner .logo img {
width: 100%;
height: 100%;
}
#footer .footerInner .footerNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .footerInner .footerNav .item + .item:before {
content: '｜';
}
#footer .footerInner .footerNav .item a {
color: #666666;
text-decoration: none;
}
#footer .footerInner .copyright {
display: block;
color: #666666;
line-height: 1;
}
/*===== PC =====*/
@media only screen and (min-width: 768px), print, tv {
#footer .footerInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 12px;
line-height: 14px;
width: 960px;
margin: 0 auto;
padding: 30px 0 45px;
}
#footer .footerInner .logo {
width: 143px;
height: 33px;
position: relative;
top: 5px;
margin-right: 40px;
}
#footer .footerInner .footerNav {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#footer .footerInner .copyright {
margin-right: auto;
}
}
/*===== SP =====*/
@media only screen and (max-width: 767px) {
#footer .footerInner {
padding: 8vw 2.66667vw;
text-align: center;
}
#footer .footerInner .logo {
width: 26.26667vw;
height: 6.26667vw;
margin: 0 auto;
}
#footer .footerInner .footerNav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 8vw;
font-size: 2.66667vw;
}
#footer .footerInner .copyright {
margin-top: 4vw;
font-size: 2.4vw;
}
}
@media print, screen and (max-width: 768px){
.lp-fv {
margin-bottom: 16vw;
}
ul.c-remark-list {
margin-top: 10px;
}
.c-body {
padding:0 8vw;
}
.lp-base02__item{
text-align: center;
margin-bottom: 20vw;
}
.c-h1-small--wrap {
padding: 5.33333333vw 0 2.66666666vw;
width: 95%;
margin: 0 auto;
}
.c-h1-small {
font-size: 2.66666666vw;
}
.lp-fv-bottom__inner {
padding: 10.66666667vw 6vw;
}
.lp-fv-bottom__head {
margin-bottom: 5.33333333vw;
}
.lp-fv-bottom__head {
text-align: center;
}
.lp-fv-bottom__head-text {
font-size: 8.53333333vw;
line-height: 1.625;
}
.lp-fv-bottom__head-text {
font-weight: bold;
}
.lp-fv-bottom__thumb {
margin-bottom: 3.2vw;
}
.lp-fv-bottom__thumb-cap {
border-radius: 1.33333333vw;
}
.lp-fv-bottom__text {
font-size: 4.26666667vw;
margin-bottom: 20px;
}
.lp-h2 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 10.66666vw;
margin-top: 120px;
}
.lp-h2__main {
text-align: center;
font-size: 8.33333vw;
line-height: 1.6;
}
.lp-point__item {
padding: 8vw 5.33333333vw;
border-radius: 1.33333333vw;
border-width: 2px;
}
.lp-point__heading {
margin-bottom: 5.33333333vw;
}
.lp-point__heading-label {
width: 10.13333333vw;
height: 8vw;
margin-right: 3.2vw;
font-size: 10.66666667vw;
}
.lp-point__heading-main {
font-size: 4.26666667vw;
line-height: 1.6;
}
.lp-point__img {
margin-bottom: 2.66666667vw;
}
.lp-point__thumb-cap {
border-radius: 1.33333333vw;
}
.lp-point__text {
font-size: 3.73333333vw;
}
.c-remark-list__item {
font-size: 2.66666666vw;
font-weight: 400;
color: #888;
text-align: left;
line-height: 1.5;
padding-left: 1.5em;
position: relative;
}
.c-remark-list__item::before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.lp-inner{
padding-left: 4vw;
padding-right: 4vw;
}
.lp-h3__main {
text-align: center;
font-size: 7.46667vw;
}
.lp-h3 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 8vw;
}
.lp-base02__h3 {
flex-direction: row;
margin-bottom: 8vw;
}
.component__section-list-item:not(:last-child) {
margin-bottom: 8vw;
}
.c-btn {
display: block;
border-radius: 1.33333333vw;
background-color: #55a7ed;
font-size: 4.26666666vw;
font-weight: 700;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 1;
padding: 3.2vw;
position: relative;
}
.c-btn--withimg {
display: flex;
justify-content: center;
align-items: center;
}
.c-btn--withimg {
padding: 2vw 10vw 2vw 6.667vw;
}
.c-btn--withimg__img {
margin-right: 2vw;
}
.c-wrap--sho .c-btn {
background-color: #55a7ed;
}
.c-btn::after {
content: "";
display: block;
background-image: url(../img/btn_icon_arrow_white.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 2.66666666vw;
height: 2.66666666vw;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 5.33333333vw;
}
.c-btn--out::after {
background-image: url(../img/btn_icon_arrow_white_double.svg);
width: 4.53333333vw;
height: 2.66666666vw;
}
span.eibun {
font-size: 7.99vw;
}
.component__section-body {
margin: 0 auto;
}
.breadcrumbarea {
margin-top: 3vw;
font-size: 2px;
margin-bottom: 2vw;
}
.lp-point__item:not(:first-of-type) {
margin-top: 30px;
}
.sp {
display: block;
}
.pc {
display: none;
}
}
@media print, screen and (min-width: 769px){
.lp-fv {
margin: 30px 0 60px;
}
.c-h1-small--wrap, .c-top__h1-small--wrap {
padding: 10px 0;
}
.c-h1-small {
font-size: 10px;
}
.lp-fv__inner {
width: 100%;
max-width: 970px;
margin: 0 auto;
}
.lp-fv__img-cap {
border-radius: 5px;
}
.lp-point__item:not(:nth-of-type(3n+1)) {
margin-left: 4%;
}
.lp-container {
max-width: 970px;
margin: 0 auto;
}
.lp-point {
display: flex;
}
.lp-base02__item:not(:first-of-type) {
margin-top: 60px;
}
.lp-base02__body::after {
content: "";
display: block;
clear: both;
}
.lp-fv-bottom__inner {
width: 90%;
max-width: 850px;
margin: 0 auto;
padding: 60px;
}
.lp-fv-bottom__head {
margin-bottom: 30px;
text-align: center;
}
.lp-fv-bottom__head-label {
width: 60px;
margin: 0 auto;
}
.lp-fv-bottom__head-text {
font-size: 38px;
line-height: 1.57894737;
font-weight: bold;
}
.lp-fv-bottom__body {
display: flex;
}
.lp-fv-bottom__thumb {
width: 46.35294118%;
}
.lp-fv-bottom__thumb-cap {
border-radius: 5px;
}
.lp-fv-bottom__content {
margin-left: 3.5%;
padding-top: 0px;
width: 50.11764705%;
}
.lp-fv-bottom__text {
font-size: 16px;
}
.lp-h2 {
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 200px;
}
.lp-h2__main {
flex: 1 1 1%;
text-align: center;
font-size: 38px;
line-height: 1.6;
}
.lp-point__item {
flex: 0 1 auto;
width: 30.66666666%;
padding: 30px 20px;
border-radius: 5px;
border-width: 2px;
}
.lp-point__heading {
margin-bottom: 20px;
}
.lp-point__heading-label {
width: 38px;
height: 30px;
margin-right: 12px;
font-size: 40px;
}
.lp-point__heading-main {
font-size: 16px;
}
.lp-point__img {
margin-bottom: 10px;
}
.lp-point__thumb-cap {
border-radius: 5px;
}
.lp-point__text {
font-size: 14px;
}
.lp-base02__thumb {
float: left;
width: 47.93814433%;
margin-right: 4%;
}
.lp-base02__body--img-large .lp-base02__thumb {
width: 59.79381443%;
}
.lp-base02__thumb-cap {
width: 100%;
border-radius: 5px;
}
.lp-base02__thumb-caption {
margin-top: 10px;
font-size: 12px;
}
.lp-point__item {
flex: 0 1 auto;
width: 30.66666666%;
padding: 30px 20px;
border-radius: 5px;
border-width: 2px;
}
.lp-point__heading {
margin-bottom: 20px;
}
.lp-point__heading-label {
width: 38px;
height: 30px;
margin-right: 12px;
font-size: 40px;
}
.lp-point__heading-main {
font-size: 16px;
}
.lp-point__img {
margin-bottom: 10px;
}
.lp-point__thumb-cap {
border-radius: 5px;
}
.lp-point__text {
font-size: 14px;
}
.c-remark-list__item {
font-size: 10px;
font-weight: 400;
color: #888;
text-align: left;
line-height: 1.5;
padding-left: 1.5em;
position: relative;
}
.c-remark-list__item::before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
ul.c-remark-list {
margin-top: 20px;
}
.c-img{
width: 270px;
}
.c-btn {
display: block;
border-radius: 5px;
background-color: #55a7ed;
font-size: 16px;
font-weight: 700;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 1;
padding: 18px 60px;
position: relative;
}
.component__section-list-item:not(:last-child){
margin-bottom: 12px;
}
.c-wrap--sho .c-btn {
background-color: #55a7ed;
}
.c-btn:hover {
opacity: .7;
}
.c-btn--withimg {
padding: 8px 60px;
margin: 0 auto;
}
.c-btn::after {
content: "";
display: block;
background-image: url(../img/btn_icon_arrow_white.svg);
background-repeat: no-repeat;
background-size: 100% auto;
width: 10px;
height: 10px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
}
.c-btn--out::after {
background-image: url(../img/btn_icon_arrow_white_double.svg);
width: 18px;
height: 11px;
}
.lp-h3__main {
text-align: left;
flex: 1 1 1%;
font-size: 28px;
}
.lp-h3 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.lp-base02__h3 {
float: right;
width: 47.93814433%;
margin-bottom: 30px;
padding-top: 20px;
}
.lp-base02__body--img-large .lp-base02__h3 {
width: 36.08247423%;
}
.breadcrumbarea {
margin-left: 240px;
margin-bottom: -20px;
margin-top: 10px;
}
.lp-base02__body--img-right .lp-base02__thumb {
float: right;
margin-right: 0;
margin-left: 4%;
}
.lp-base02__body--img-right .lp-base02__h3 {
float: left;
}
.lp-base02__body--img-right .lp-base02__content {
float: left;
}
.pc {
display: block;
}
.sp {
display: none;
}
}
@media only screen and (min-width: 768px), print, tv {
.sp-only {
display: none !important;
}
.sp {
display: none !important;
}
}
/*===== SP =====*/
@media only screen and (max-width: 767px) {
.pc-only {
display: none !important;
}
.pc {
display: none !important;
}
}
/*===== ここから =====*/
a {
text-decoration: none;
}
.ch-content--lbbg {
background-color: #EDF5FF;
}
.ch-content--dbbg {
background: linear-gradient(#0075CC, #0E94DC);
}
.ch-content__block {
position: relative;
}
.ch-content__title-sub {
color: #2886D9;
}
.ch-content__title-main {
color: #464646;
}
.ch-content__title-main--wt {
color: #fff;
}
.ch-content__title-sub--wt {
color: #fff;
}
.ch-content__title-main--bt {
color: #2886D9;
}
.ch-slider {
display: none;
}
.slick-initialized {
display: block;
}
.ch-offer {
margin-top: 10px;
}
.ch-content__block--fc .ch-content__col-item:hover {
opacity: 0.8;
}
.ch-offer__text--wt,.ch-offer__text--wt a {
color: #fff;
}
.ch-offer__text--wt::before {
color: #fff;
}
/*===== PC =====*/
@media only screen and (min-width: 768px), print, tv {
.ch-kv {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.ch-hidden-pc {
display: none;
}
.ch-kv__inner {
margin: auto;
max-width: 970px;
}
.ch-content {
padding-top: 100px;
}
.ch-content--lbbg {
padding: 100px 0;
}
.ch-content--dbbg {
padding: 60px 0;
}
.ch-content__inner {
width: 970px;
margin: auto;
}
.ch-content__title {
text-align: center;
margin-bottom: 20px;
}
.ch-content__title-sub {
font-size: 28px;
line-height: 1.6;
}
.ch-content__title-main {
font-size: 42px;
line-height: 1.6;
}
.ch-content__title--bgtr {
padding-bottom: 10px;
margin-bottom: 60px;
background:
linear-gradient(-45deg,transparent 25%,#2886D9 25%,#2886D9 50%,transparent 50%,transparent 75%, #2886D9 75%)left bottom/5px 5px repeat-x;
}
.title-bgtr-inner {
background-image: url(../img/h3_bg_01_pc.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.ch-content__flame--df,.ch-content__flame--nb {
margin: auto;
position: relative;
width: 478px;
}
.yt_player_api {
height: 0;
padding-top: 56%;
position: relative;
overflow: hidden;
}
.yt_player_api > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ch-content__flame--df::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 2px #2886D9 solid;
bottom: -8px;
right: -8px;
}
.ch-content__flame--df .ch-img {
position: relative;
z-index: 2;
}
.ch-content__flame--df .yt_player_api {
position: relative;
z-index: 999;
}
.ch-content__col-item--col3 {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ch-content__col-item--col3min {
width: 600px;
margin: auto;
}
.ch-content__col-item--col3min li {
width: 185px;
margin: 0 6px 15px;
}
.ch-content__col-item--col3min li:hover {
opacity: 0.8;
}
.ch-content__col-item--col2 {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.ch-content__col-item--end {
align-items: flex-end;
}
.ch-content__col-item--col2 .ch-item {
width: 48%;
}
.ch-content__col-item--col2 .ch-item--wide {
width: 100%;
}
.ch-item__title {
margin-bottom: 20px;
}
.ch-item__title__main {
font-size: 24px;
line-height: 1.4;
}
.ch-item__title__sub {
font-size: 14px;
line-height: 1.6;
}
.ch-img + .ch-caption {
margin-top: 10px;
}
.ch-caption {
font-size: 10px;
color: #707070;
}
.ch-item__title{
position: relative;
border-left: 4px solid #2886d9;
padding: 0vw 0vw 0vw 10px;
}
.ch-text--min {
font-size: 10px;
color: #707070;
line-height: 1.6;
}
.ch-offer__text {
font-size: 10px;
color: #707070;
position: relative;
padding-left: 1.2em;
line-height: 1.6;
}
.ch-offer__text::before {
content: "※";
position: absolute;
left: 0;
top: 0%;
}
.ch-content + .ch-content--lbbg {
margin-top: 100px;
}
.ch-content--lbbg + .ch-content--lbbg {
margin-top: 0;
}
.ch-content--pnone {
padding: 0;
}
.ch-content--pnone .ch-content__block {
padding: 50px 0;
}
.ch-content__title--balloon {
position: relative;
background: linear-gradient(#0075CC, #0E94DC);
text-align: center;
padding: 25px 0;
margin-bottom: 0;
}
.ch-content__title--balloon .ch-content__title-main {
font-size: 28px;
color: #fff;
}
.ch-content__title--balloon::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -20px;
width: 0;
height: 0;
margin: auto;
border-top: 20px solid #0E94DC;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
}
.ch-content__col-item--col2min {
width: 600px;
margin: auto;
}
.ch-item__btn {
position: relative;
display: block;
background-color: #fff;
padding: 10px 50px;
text-align: center;
}
.ch-item__btn--b {
background-color: #0179CF;
padding: 15px 50px;
color: #fff;
line-height: 1.6;
}
.ch-item__btn:hover {
opacity: 0.8;
}
.ch-item__btn::before {
content: "";
position: absolute;
top: 0;
right: 20px;
bottom: 0;
width: 0;
height: 0;
margin: auto;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #005BAC;
}
.ch-item__btn--b::before {
border-left: 10px solid #fff;
}
.ch-item__btn::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 2px #fff solid;
bottom: -6px;
right: -6px;
}
.ch-item__btn--b::after {
border: 2px #0179CF solid;
}
.ch-item__btn p {
font-size: 16px;
line-height: 1.6;
color: #005BAC;
margin-top: 5px;
}
.ch-content__block + .ch-content__block {
margin-top: 60px;
}
.c-modal__body-inner--youtube {
display: flex;
justify-content: center;
}
.ch-content__block--fc {
display: flex;
justify-content: center;
}
.ch-content__block--fc .ch-content__col-item {
margin: 0 15px;
width: 320px;
border-radius: 24px;
overflow: hidden;
}
.ch-content__col_card_text {
text-align: center;
position: relative;
padding: 15px;
color: #fff;
background-color: #2886D9;
font-size: 18px;
font-weight: bold;
line-height: 1.6;
}
.ch-content__col_card_text::before {
content: "";
position: absolute;
top: 0;
right: 20px;
bottom: 0;
width: 0;
height: 0;
margin: auto;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
}
.ch-item__n-text {
color: #464646;
font-size: 14px;
line-height: 1.6;
margin-top: 10px;
}
}
/*===== SP =====*/
@media only screen and (max-width: 767px) {
.ch-hidden-sp {
display: none;
}
.ch-kv__inner {
margin: auto;
width: 100%;
}
.ch-content {
padding-top: 100px;
}
.ch-content--lbbg {
padding: 12vw 0;
}
.ch-content--dbbg {
padding: 60px 0;
}
.ch-content__inner {
width: 100%;
margin: auto;
}
.ch-content__title {
text-align: center;
margin-bottom: 20px;
}
.ch-content__title-sub {
font-size: 5.33vw;
line-height: 1.6;
}
.ch-content__title-main {
font-size: 9.6vw;
line-height: 1.6;
}
.ch-content__title-main--fs30 {
font-size: 8vw;
}
.ch-content__title--bgtr {
padding-bottom: 0.5vw;
margin-bottom: 16vw;
background:
linear-gradient(-45deg,transparent 25%,#2886D9 25%,#2886D9 50%,transparent 50%,transparent 75%, #2886D9 75%)left bottom/5px 5px repeat-x;
}
.title-bgtr-inner {
padding: 6vw 0 4vw;
margin-bottom: 1vw;
background-image: url(../img/h3_bg_01_sp.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.title-bgtr-inner--l1 {
background-image: url(../img/h3_bg_02_sp.png);
}
.ch-content__flame--df,.ch-content__flame--nb {
margin: auto;
position: relative;
width: 92vw;
}
.yt_player_api {
height: 0;
padding-top: 56%;
position: relative;
overflow: hidden;
}
.yt_player_api > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ch-content__flame--df::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 2px #2886D9 solid;
bottom: -8px;
right: -8px;
}
.ch-img--youtube {
width: 100%;
height: 61.64vw;
}
.ch-content__flame--df .ch-img {
position: relative;
z-index: 2;
}
.ch-content__flame--df .yt_player_api {
position: relative;
z-index: 999;
}
.ch-content__col-item--col3 {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ch-content__col-item--col3min {
width: 100%;
margin: auto;
}
.ch-content__col-item--col3min li {
width: 46%;
margin: 0 6px 15px;
}
.ch-content__col-item--col3min li:hover {
opacity: 0.8;
}
.ch-item {
width: 92vw;
margin: 0 auto 16vw;
}
.ch-item:last-child {
margin-bottom: 0;
}
.ch-item--mn-sp {
margin-bottom: 4vw;
}
.ch-item__title {
margin-bottom: 20px;
}
.ch-item__title__main {
font-size: 6.4vw;
line-height: 1.4;
letter-spacing: -0.05em;
}
.ch-item__title__sub {
font-size: 3.73;
line-height: 1.6;
}
.ch-img + .ch-caption {
margin-top: 2.67vw;
}
.ch-caption {
font-size: 2.67vw;
color: #707070;
}
.ch-item__title{
position: relative;
border-left: 4px solid #2886d9;
padding: 0vw 0vw 0vw 10px;
}
.ch-text--min {
font-size: 10px;
color: #707070;
line-height: 1.6;
}
.ch-text + .ch-offer {
margin-top: 10px;
}
.ch-offer__text {
font-size: 10px;
color: #707070;
position: relative;
padding-left: 1.2em;
line-height: 1.6;
}
.ch-offer__text::before {
content: "※";
position: absolute;
left: 0;
top: 0%;
}
.ch-content + .ch-content--lbbg {
margin-top: 100px;
}
.ch-content--lbbg + .ch-content--lbbg {
margin-top: 0;
}
.ch-content--pnone {
padding: 0;
}
.ch-content--pnone .ch-content__block {
padding: 50px 0;
}
.ch-content__title--balloon {
position: relative;
background: linear-gradient(#0075CC, #0E94DC);
text-align: center;
padding: 25px 0;
margin-bottom: 0;
}
.ch-content__title--balloon .ch-content__title-main {
font-size: 5.33vw;
color: #fff;
}
.ch-content__title--balloon::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5vw;
width: 0;
height: 0;
margin: auto;
border-top: 5.33vw solid #0E94DC;
border-right: 3.73vw solid transparent;
border-left: 3.73vw solid transparent;
}
.ch-content__col-item--col2min {
width: 100%;
margin: auto;
}
.ch-item__btn {
position: relative;
display: block;
background-color: #fff;
padding: 2.67vw 13.3vw;
text-align: center;
font-weight: bold;
}
.ch-item__btn--b {
background-color: #0179CF;
padding: 3.75vw 13.3vw;
color: #fff;
line-height: 1.6;
}
.ch-item__btn:hover {
opacity: 0.8;
}
.ch-item__btn::before {
content: "";
position: absolute;
top: 0;
right: 20px;
bottom: 0;
width: 0;
height: 0;
margin: auto;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #005BAC;
}
.ch-item__btn--b::before {
border-left: 10px solid #fff;
}
.ch-item__btn::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 2px #fff solid;
bottom: -1.6vw;
right: -1.6vw;
}
.ch-item__btn--b::after {
border: 2px #0179CF solid;
}
.ch-item__btn p {
font-size: 4.27vw;
line-height: 1.6;
color: #005BAC;
margin-top: 1.33vw;
}
.ch-content__item {
width: 92vw;
margin: auto;
}
.ch-item--wide {
margin-bottom: 0;
}
.mb-sp-30 {
margin-bottom: 8vw;
}
.ch-content__block--fc {
width: 84vw;
margin: 0 8vw;
}
.ch-content__block--fc .ch-content__col-item {
width: 100%;
border-radius: 6.4vw;
overflow: hidden;
margin-bottom: 8vw;
}
.ch-content__col_card_text {
text-align: center;
position: relative;
padding: 4vw;
color: #fff;
background-color: #2886D9;
font-size: 4.8vw;
font-weight: bold;
line-height: 1.6;
}
.ch-content__col_card_text::before {
content: "";
position: absolute;
top: 0;
right: 20px;
bottom: 0;
width: 0;
height: 0;
margin: auto;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
}
.ch-item__n-text {
color: #464646;
font-size: 3.73vw;
line-height: 1.6;
margin-top: 10px;
}
}
@media print, screen and (min-width:769px) {
.ch-guard {
display: block;
position: relative;
pointer-events: none
}
.ch-guard::after {
content: "";
border: 0;
background-image: url(../img/recode_cover_img.png);
line-height: 0;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
pointer-events: none
}
}
@media print, screen and (max-width:768px) {
.ch-guard {
display: block;
position: relative;
pointer-events: none
}
.ch-guard::after {
content: "";
border: 0;
background-image: url(../img/recode_cover_img.png);
line-height: 0;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
pointer-events: none
}
}
/*===== slick =====*/
@media only screen and (min-width: 768px), print, tv {
.ch-slider .ch-item {
margin-right: 2%;
}
.ch-slider .ch-item:nth-child(2n) {
margin-left: 2%;
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.ch-slider {
width: 92vw;
margin: auto;
}
.ch-carousel__dot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5.333vw;
}
.ch-carousel__dot li {
margin: 0 0.667vw;
}
.ch-carousel__dot button {
display: block;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 0;
width: 10.6666vw;
height: 1.06666vw;
background-color: #e0e0e0;
border-radius: 0.53333vw;
}
.ch-carousel__dot .slick-active button {
background-color: #2886d9;
}
.ch-content__block + .ch-content__block {
margin-top: 16vw;
}
}
/*===== AnimateCC =====*/
.ch-item__img--animate {
position: relative;
padding-bottom: 67.17%;
height: 0;
overflow: hidden;
}
.ch-item__img--animate > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*modal*/
@media print, screen and (min-width:769px) {
.c-modal {
display: none;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 60px;
padding-bottom: 60px;
position: fixed;
top: 0;
left: 0;
z-index: 1000
}
.c-modal * {
-webkit-transform: translate3d(0, 0, 0)
}
.c-modal__bg {
background-color: rgba(183, 183, 183, .9);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.c-modal__body-wrap {
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center;
max-width: 800px;
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
position: relative
}
.c-modal__close {
color: #fff;
text-align: center;
margin-bottom: 10px;
cursor: pointer
}
.c-modal__close:hover {
opacity: .7
}
.c-modal__close-icon {
display: inline-block;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
width: 18px;
height: 12px
}
.c-modal__close-text {
font-size: 10px
}
.c-modal__body {
overflow: auto;
border-radius: 5px;
background-color: #fff;
width: 100%;
max-height: 100%;
pointer-events: auto
}
.c-modal__body-inner {
padding: 30px
}
.c-modal__img {
border-radius: 5px
}
.c-modal__recode {
display: flex
}
.c-modal__recode-head {
display: flex;
flex-direction: column-reverse;
border-radius: 5px;
background-color: #55a7ed;
width: 21%;
padding: 20px
}
.c-modal__recode-head-img {
flex-shrink: 0;
text-align: center;
pointer-events: none
}
.c-modal__recode-head-img-cap {
border-radius: 5px
}
.c-modal__recode-head-text {
font-size: 12px;
font-weight: 700;
color: #fff;
line-height: 1.7;
margin-top: 5px
}
.c-modal__recode-main {
width: 76%;
margin-left: 3%
}
.c-modal__recode-main-title {
font-size: 20px;
font-weight: 700;
color: #464646;
line-height: 1.5
}
.c-modal__recode-main-text {
font-size: 14px;
font-weight: 700;
color: #464646;
line-height: 1.5;
margin-top: 20px
}
.c-modal__member-h2 {
font-size: 20px;
font-weight: 700;
color: #464646;
text-align: left;
line-height: 1.5;
margin-bottom: 20px
}
.c-modal__member-content {
display: flex
}
.c-modal__member-item {
width: 48%;
border-radius: 5px;
background-color: #f6f6f6;
padding: 20px 30px
}
.c-modal__member-item+.c-modal__member-item {
margin-left: 4%
}
.c-modal__member-h3 {
font-size: 16px;
font-weight: 700;
color: #464646;
text-align: center;
line-height: 1.5;
margin-bottom: 20px
}
.c-modal__member .c-btn {
line-height: 1.6
}
.c-modal__member .c-btn::after {
right: 20px
}
.c-modal__member-appeal+.c-modal__member-content {
margin-top: 20px
}
.c-modal .c-contact__thumb {
width: 33%;
display: flex;
align-items: center
}
.c-modal .c-contact__content {
width: 67%
}
.c-modal .c-contact__tell {
font-size: 14px
}
.c-modal .c-contact__text {
margin-top: 15px
}
.c-modal .c-contact__thumb {
height: 170px
}
.c-modal .c-contact__content {
justify-content: center;
height: 170px
}
.c-contact-remark .c-remark-list {
margin-bottom: 0
}
}
@media print, screen and (max-width:768px) {
.c-modal {
display: none;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 8vw;
position: fixed;
top: 0;
left: 0;
z-index: 1000
}
.c-modal * {
-webkit-transform: translate3d(0, 0, 0)
}
.c-modal__bg {
background-color: rgba(183, 183, 183, .9);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.c-modal__body-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
pointer-events: none
}
.c-modal__close {
color: #fff;
text-align: center;
margin-bottom: 10px;
cursor: pointer
}
.c-modal__close-icon {
display: inline-block;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
width: 18px;
height: 12px
}
.c-modal__close-text {
font-size: 10px
}
.c-modal__body {
overflow: auto;
border-radius: 1.33333333vw;
background-color: #fff;
width: 100%;
max-height: 100%;
pointer-events: auto
}
.c-modal__body-inner {
padding: 5.33333333vw
}
.c-modal__img {
border-radius: 1.33333333vw
}
.c-modal__recode-head {
display: flex;
border-radius: 1.33333333vw;
background-color: #55a7ed;
padding: 5.33333333vw
}
.c-modal__recode-head-img {
text-align: center;
width: 43%;
margin-left: 7%;
pointer-events: none
}
.c-modal__recode-head-img-cap {
border-radius: 5px
}
.c-modal__recode-head-text {
font-size: 3.2vw;
font-weight: 700;
color: #fff;
line-height: 1.7;
width: 50%
}
.c-modal__recode-main {
margin-top: 5.33333333vw
}
.c-modal__recode-main-title {
font-size: 4.26666666vw;
font-weight: 700;
color: #464646;
line-height: 1.5
}
.c-modal__recode-main-text {
font-size: 3.73333333vw;
font-weight: 400;
color: #464646;
line-height: 1.5;
margin-top: 5.33333333vw
}
.c-modal__body__slider .c-carousel__arrow--prev {
left: -4vw
}
.c-modal__body__slider .c-carousel__arrow--next {
right: -4vw
}
.c-modal__member-h2 {
font-size: 4.26666666vw;
font-weight: 700;
color: #464646;
text-align: center;
line-height: 1.5;
margin-bottom: 5.33333333vw
}
.c-modal__member-item {
border-radius: 1.33333333vw;
background-color: #f6f6f6;
padding: 5.33333333vw
}
.c-modal__member-item+.c-modal__member-item {
margin-top: 5.33333333vw
}
.c-modal__member-h3 {
font-size: 3.73333333vw;
font-weight: 700;
color: #464646;
text-align: center;
line-height: 1.5;
margin-bottom: 5.33333333vw
}
.c-modal__member .c-btn:not(:last-child) {
margin-bottom: 2.66666666vw
}
.c-modal__member .c-btn {
font-size: 3.73333333vw;
line-height: 1.6
}
.c-modal__member .c-btn::after {
right: 2.66666666vw
}
.c-modal__member-appeal+.c-modal__member-content {
margin-top: 5.33333333vw
}
.c-modal__member-appeal-body {
display: flex;
padding: 2.4vw 4vw
}
.c-modal__member-appeal-item {
flex: 1 1
}
.c-modal__member-appeal-item:not(:first-child) {
margin-left: 2.66666666vw
}
.c-modal__member-appeal-item--apple {
flex-basis: 100px
}
.c-modal__member-appeal-item--google {
flex-basis: 125px
}
.c-modal .c-contact__thumb {
width: 33%;
display: flex;
align-items: center
}
.c-modal .c-contact__content {
width: 67%
}
.c-modal .c-contact__tell {
font-size: 3.73333333vw
}
.c-modal .c-contact__content {
justify-content: center
}
.c-contact-remark .c-remark-list {
margin-bottom: 0
}
}
@media print, screen and (min-width:769px) {
.ch-content--trig {
position: relative;
padding-top: 140px;
}
.ch-content--trig::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
width: 0;
height: 0;
margin: auto;
border-top: 80px solid #EDF5FF;
border-right: 50vw solid transparent;
border-left: 50vw solid transparent;
}
.ch-content__col-item--center {
margin-top: 30px;
display: flex;
justify-content: center;
}
.ch-content__col-item--center .ch-item {
width: 50%;
}
}
@media print, screen and (max-width:768px) {
.ch-content--trig {
position: relative;
padding-top: 34.67vw;
}
.ch-content--trig::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
width: 0;
height: 0;
margin: auto;
border-top: 18.67vw solid #EDF5FF;
border-right: 50vw solid transparent;
border-left: 50vw solid transparent;
}
.ch-content__col-item--center {
margin-top: 8vw;
display: flex;
justify-content: center;
}
.ch-content__title-main--fs26 {
font-size: 6.93vw;
}
}
@media print, screen and (min-width:769px) {
.js-acc-ch-item {
display: inline-block;
position: relative;
cursor: pointer;
font-size: 10px;
font-weight: 400;
color: #888;
line-height: 1.5;
padding-left: 1.5em;
margin-bottom: 0;
margin-top: 15px;
}
.js-acc-ch-item::before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.js-acc-ch-item::after {
content: "";
display: inline-block;
background-repeat: no-repeat;
width: 8px;
height: 8px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 5px;
bottom: 0;
right: -14px;
transform: rotateZ(90deg);
background-image: url(/zemi/2023/_assets/img/common_rn_acc_open.svg);
}
.js-acc-ch-item-open::after {
background-image: url(/zemi/2023/_assets/img/common_rn_acc_close.svg);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
top: 50%;
}
.acc-ch-body {
display: none;
}
.js-acc-ch-content {
font-size: 16px;
font-weight: 700;
text-align: left;
line-height: 1.5;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 45px;
position: relative;
cursor: pointer;
}
.js-acc-ch-content {
border-top: solid 1px #D0D0D0;
border-bottom: solid 1px #D0D0D0;
}
.js-acc-ch-content::after {
content: "";
display: block;
background-image: url(/zemi/2023/_assets/img/230411_45094_zemi_2023_icon_01.svg);
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
}
.js-acc-ch-content-open::after {
background-image: url(/zemi/2023/_assets/img/230411_45094_zemi_2023_icon_02.svg);
}
.acc-ch-content-body {
display: none;
}
.ch-content__title-sub-emp {
font-weight: bold;
font-size: 24px;
display: inline-block;
background-color: #fff;
padding: 10px 30px;
border-radius: 50px;
color: #2886D9;
margin-bottom: 10px;
}
}
@media print, screen and (max-width:768px) {
.js-acc-ch-item {
display: inline-block;
position: relative;
font-size: 2.66666666vw;
font-weight: 400;
color: #888;
line-height: 1.5;
padding-left: 1.5em;
margin-bottom: 0;
margin-top: 4vw;
}
.js-acc-ch-item::before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.js-acc-ch-item::after {
content: "";
display: inline-block;
background-repeat: no-repeat;
width: 2.13333333vw;
height: 2.13333333vw;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0.53333333vw;
bottom: 0;
right: -3.73333333vw;
transform: rotateZ(90deg);
background-image: url(/zemi/2023/_assets/img/common_rn_acc_open.svg);
}
.js-acc-ch-item-open::after {
background-image: url(/zemi/2023/_assets/img/common_rn_acc_close.svg);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
top: 50%;
}
.acc-ch-body {
display: none;
}
.ch-content__title-main--spfs {
font-size: 6.4vw;
}
.js-acc-ch-content {
font-size: calc((16/375) * 100vw);
font-weight: 700;
text-align: left;
line-height: 1.5;
padding-top: calc((20/375) * 100vw);
padding-bottom: calc((20/375) * 100vw);
padding-right: calc((60/375) * 100vw);
position: relative;
}
.js-acc-ch-content::after {
content: "";
display: block;
background-image: url(/zemi/2023/_assets/img/230411_45094_zemi_2023_icon_01.svg);
background-size: contain;
background-repeat: no-repeat;
width: calc((25/375) * 100vw);
height: calc((25/375) * 100vw);
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: calc((20/375) * 100vw);
right: calc((15/375) * 100vw);
}
.js-acc-ch-content {
border-top: solid 1px #D0D0D0;
border-bottom: solid 1px #D0D0D0;
}
.js-acc-ch-content-open::after {
background-image: url(/zemi/2023/_assets/img/230411_45094_zemi_2023_icon_02.svg);
}
.acc-ch-content-body {
display: none;
}
.ch-content__title-sub-emp {
font-weight: bold;
font-size: 4.8vw;
display: inline-block;
background-color: #fff;
padding: 2vw 4vw;
border-radius: 10vw;
color: #2886D9;
margin-bottom: 2vw;
}
}
.ch-content--pnbg {
background-color: #EDF5FF;
}
.ch-content--pnbg .ch-content__title--balloon {
background: linear-gradient(#0075CC, #0E94DC);
}
.ch-content--pnbg .ch-content__title--balloon::after {
content: none;
}
@media print, screen and (min-width:769px) {
.ch-content--pnbg .ch-content__title--balloon .ch-content__title-main {
font-size: 28px;
line-height: 1.4;
}
.ch-content--pnbg .ch-content__title--balloon .ch-content__title-sub {
font-size: 24px;
line-height: 1.4;
font-weight: bold;
color: #0075CC;
margin-bottom: 10px;
background-color: #fff;
padding: 10px 30px;
border-radius: 50px;
display: inline-block;
}
.ch-content--pnbg .js-acc-ch-content::after {
background-image: url(/zemi/2023/_assets/img/230420_46171_zemi_2023_icon_01.svg);
}
.ch-content--pnbg .js-acc-ch-content-open::after {
background-image: url(/zemi/2023/_assets/img/230420_46171_zemi_2023_icon_02.svg);
}
.ch-content--trig-pnk::before {
border-top: 80px solid #EDF5FF;
}
.ch-content--pnbg .js-acc-ch-content {
font-size: 28px;
font-weight: bold;
text-align: center;
color: #000D4A;
border-top: solid 2px #000D4A;
border-bottom: solid 2px #000D4A;
}
.ch-content--pnbg .js-acc-ch-content::after {
top: 0;
bottom: 0;
margin: auto;
}
.ch-content__acc-title-sub-emp {
color: #0075CC;
width: fit-content;
padding: 10px 30px;
text-align: center;
background-color: #fff;
border-radius: 6px;
font-size: 26px;
margin: 0 auto;
}
}
@media print, screen and (max-width:768px) {
.ch-content--pnbg .ch-content__title--balloon .ch-content__title-main {
font-size: 5.33vw;
line-height: 1.4;
}
.ch-content--pnbg .ch-content__title--balloon .ch-content__title-sub {
font-size: 5.33vw;
line-height: 1.4;
font-weight: bold;
color: #0075CC;
margin: 0 4vw 3.75vw;
background-color: #fff;
padding: 4vw 0;
border-radius: 20vw;
}
.ch-content--pnbg .js-acc-ch-content::after {
background-image: url(/zemi/2023/_assets/img/230420_46171_zemi_2023_icon_01.svg);
}
.ch-content--pnbg .js-acc-ch-content-open::after {
background-image: url(/zemi/2023/_assets/img/230420_46171_zemi_2023_icon_02.svg);
}
.ch-content--trig-pnk::before {
border-top: 18.67vw solid #EDF5FF;
}
.ch-content--pnbg .js-acc-ch-content {
font-size: 5.33vw;
font-weight: bold;
text-align: left;
color: #000D4A;
border-top: solid 2px #000D4A;
border-bottom: solid 2px #000D4A;
}
.ch-content--pnbg .js-acc-ch-content::after {
top: 0;
bottom: 0;
margin: auto;
}
.ch-content__acc-title-sub-emp {
color: #0075CC;
width: auto;
padding: 3.75vw;
text-align: center;
background-color: #fff;
border-radius: 6px;
font-size: 7.2vw;
}
}
@media print, screen and (min-width:769px) {
.ch-content__yt-b {
text-align: center;
line-height: 1.6;
display: flex;
justify-content: center;
color: #fff039;
background-color: #0075CC;
font-size: 34px;
font-weight: bold;
padding: 15px;
}
}
@media print, screen and (max-width:768px) {
.ch-content__yt-b {
text-align: center;
line-height: 1.6;
display: flex;
justify-content: center;
color: #fff039;
background-color: #0075CC;
font-size: 5.12vw;
font-weight: bold;
padding: 4vw;
margin:0 4vw;
}
}