@charset "UTF-8";

.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { font-size:18px;}
.page-what .content-wrap-02 .items-area-02 .item-01 { font-size:20px;}
.page-what .content-wrap-01 .exp-01 { font-size:20px;}
.page-what .content-wrap-02 .items-area-01 .exp-01 { font-size:24px;}
.page-what .content-wrap-02 .items-area-02 .ttl-05 { font-size:26px;}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { font-size:32px;}
.page-what .content-wrap-02 .title-block-01 { font-size:34px;}
.page-what .content-wrap-01 .card-body { font-size:30px;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 { font-size:34px;}
.page-what .content-wrap-02 .items-area-01 .en-01 { font-size:40px;}
.page-what .content-wrap-01 .ttl-01,
.page-what .content-wrap-02 .ttl-01,
.page-what .content-wrap-02 .items-area-01 .en-01,
.page-what .content-wrap-02 .items-area-01 .en-01 span,
.page-what .content-wrap-02 .items-area-01 .ttl-03,
.page-what .content-wrap-02 .items-area-01 .ttl-03 span,
.page-what .content-wrap-02 .items-area-02 .ttl-04,
.page-what .content-wrap-02 .items-area-02 .ttl-05 { font-weight:700; font-family:"Zen Maru Gothic","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",
sans-serif,
serif;}
.page-what { width:100%;}
.page-what .content-wrap-01 { padding-top:140px; width:100%;}
.page-what .content-wrap-01 .card-area { max-width:1728px; width:85%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.page-what .content-wrap-01 .card-01 { display:flex; justify-content:space-between; width:47.6852%;}
.page-what .content-wrap-01 .card-body { width:64.199%; padding-top:1.3em;}
.page-what .content-wrap-01 .ttl-01 { width:calc(100% + 1em); line-height:1.5; letter-spacing:.08em;}
.page-what .content-wrap-01 .exp-01 { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.8; letter-spacing:.03em; margin-top:.7em;}
.page-what .content-wrap-01 figure { width:31.5534%; overflow:hidden;}
.page-what .content-wrap-01 figure img { width:100%; height:auto; float:left;}
.page-what .content-wrap-02 { width:100%; padding-top:115px; position:relative;}
.page-what .content-wrap-02 .content-bg-01 { width:100%; height:100%; padding-top:419px; position:absolute; top:0; left:0; display:flex; flex-direction:column;}
.page-what .content-wrap-02 .content-bg-01 p { width:100%; padding-top:339px; position:relative; background:#fffeeb;}
.page-what .content-wrap-02 .content-bg-01 p::before { width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%);}
.page-what .content-wrap-02 .ttl-01,
.page-what .content-wrap-02 .ttl-02 { width:90%; margin-right:auto; margin-left:auto; position:relative; z-index:1;}
.page-what .content-wrap-02 .ttl-01 { text-align:center; color:#5fad8d; line-height:1.7; letter-spacing:.08em;}
.page-what .content-wrap-02 .ttl-02 { padding-top:120px;}
.page-what .content-wrap-02 .ttl-02+.item-01,
.page-what .content-wrap-02 .ttl-02+.item-02 { padding-top:120px;}
.page-what .content-wrap-02 .title-block-01 { width:100%; min-height:339px; content:""; display:block; background-position:center bottom; background-repeat:no-repeat; background-size:100% 100%; background-image:url("../images/others/what-content-bg-01.svg");}
.page-what .content-wrap-02 .items-area-01 { background:#fffeeb; width:100%; padding-bottom:165px; position:relative;}
.page-what .content-wrap-02 .items-area-01 .item-body { width:70.8333%;}
.page-what .content-wrap-02 .items-area-01 .en-01 { color:#5fad8d; display:flex; align-items:center; line-height:1.3;}
.page-what .content-wrap-02 .items-area-01 .en-01 span { display:block; padding-bottom:.17em; color:#5fad8d; line-height:0; margin-left:.3em; font-size:1.2em;}
.page-what .content-wrap-02 .items-area-01 .en-01::after { border-radius:1em; content:""; display:block; background-color:#5fad8d; flex-grow:1; padding-top:.4375%; margin-left:.8em;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 { width:100%; line-height:1.6; letter-spacing:.08em; margin-top:.45em;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 span { font-size:1.2em; line-height:1.6; letter-spacing:.08em; line-height:1.3333; vertical-align:-0.04em;}
.page-what .content-wrap-02 .items-area-01 .exp-01 { width:100%; margin-top:.7em; line-height:1.8; letter-spacing:.03em;}
.page-what .content-wrap-02 .items-area-01 .item-01,
.page-what .content-wrap-02 .items-area-01 .item-02 { display:flex; justify-content:space-between; align-items:center; max-width:1200px; width:85%; margin-left:auto; margin-right:auto; padding-top:115px;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure,
.page-what .content-wrap-02 .items-area-01 .item-02 figure { width:25%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure img { display:block; margin-right:auto; margin-left:auto; width:100%; height:auto;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-01 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-01 img { width:73%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-02 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-02 img { width:92%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-03 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-03 img { width:92%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-04 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-04 img { width:87%;}
.page-what .content-wrap-02 .items-area-01 .item-02 .item-body { order:2;}
.page-what .content-wrap-02 .items-area-01 .item-02 figure { order:1;}
.page-what .content-wrap-02 .items-area-02 { max-width:1600px; width:90%; margin-left:auto; margin-right:auto; padding-top:150px; padding-bottom:65px; position:relative;}
.page-what .content-wrap-02 .items-area-02 .ttl-03 { padding-bottom:75px;}
.page-what .content-wrap-02 .items-area-02 .items-block-01 { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; padding-top:58px; padding-bottom:58px;}
.page-what .content-wrap-02 .items-area-02 .items-block-01::after,
.page-what .content-wrap-02 .items-area-02 .items-block-01::before { position:absolute; content:""; display:block; width:100%; height:100%;}
.page-what .content-wrap-02 .items-area-02 .items-block-01::after { border-radius:.4rem; border-width:.04rem; border-color:#5fad8d; border-style:solid; left:0; top:0;}
.page-what .content-wrap-02 .items-area-02 .items-block-01::before { left:.15rem; top:.15rem; background:#e3f0ea; border-radius:.27rem .4rem .51rem .4rem;}
.page-what .content-wrap-02 .items-area-02 .block-01,
.page-what .content-wrap-02 .items-area-02 .block-02,
.page-what .content-wrap-02 .items-area-02 .block-03 { position:relative; z-index:1;}
.page-what .content-wrap-02 .items-area-02 .block-01 { width:21.875%; margin-left:3.625%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.page-what .content-wrap-02 .items-area-02 .block-01 figure { max-width:160px; width:55%;}
.page-what .content-wrap-02 .items-area-02 .block-01 figure img { width:100%; height:auto; float:left;}
.page-what .content-wrap-02 .items-area-02 .block-02 { width:68.125%; margin-right:3.625%;}
.page-what .content-wrap-02 .items-area-02 .block-03 { width:92.75%; padding-top:5%; padding-bottom:1.5625%; margin-right:auto; margin-left:auto;}
.page-what .content-wrap-02 .items-area-02 .item-01 { display:flex; flex-direction:column; align-items:center; padding-top:1.6em; padding-bottom:2.2em;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body { line-height:0;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body strong { margin-top:.7em; display:block; line-height:1.5;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body strong:nth-child(1) { margin-top:0;}
.page-what .content-wrap-02 .items-area-02 .item-02 { width:100%;}
.page-what .content-wrap-02 .items-area-02 .item-02+.item-02 { padding-top:4.1284%;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner { position:relative; width:100%; display:flex; justify-content:space-between; align-items:center; padding-top:2.2936%; padding-bottom:2.2936%; min-height:2.6rem;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner::after,
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner::before { position:absolute; content:""; display:block; width:100%; height:100%;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner::after { border-radius:.3rem; border-width:.04rem; border-color:#5fad8d; border-style:solid; left:0; top:0;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner::before { left:.15rem; top:.15rem; background:#fff; border-radius:.2025rem .3rem .3825rem .3rem;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner figure { position:relative; z-index:1; width:12.3853%; margin-left:5.0459%; overflow:hidden;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner figure img { width:100%; height:auto; float:left;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { position:relative; z-index:1; width:75.6881%; margin-right:3.211%;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body>p { line-height:1.7; margin-top:.5em;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body>p strong { display:inline-block; line-height:1.5;}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { display:flex; justify-content:center; align-items:center; text-align:center; letter-spacing:.05em; line-height:1.5; position:relative; padding-top:.8em; padding-bottom:.8em; width:100%;}
.page-what .content-wrap-02 .items-area-02 .ttl-04::before,
.page-what .content-wrap-02 .items-area-02 .ttl-04::after { content:""; border-color:#5fad8d; border-style:solid; position:absolute; position:absolute; width:2em; height:1.4em;}
.page-what .content-wrap-02 .items-area-02 .ttl-04::before { left:0; top:0; border-width:.04rem 0 0 .04rem; border-radius:.5em 0 0 0;}
.page-what .content-wrap-02 .items-area-02 .ttl-04::after { right:0; bottom:0; border-width:0 .04rem .04rem 0; border-radius:0 0 .5em 0;}
.page-what .content-wrap-02 .items-area-02 .ttl-05 { letter-spacing:.05em; line-height:1.5;}

@media (max-width:1920px) {
.page-what .content-wrap-01 { padding-top:7.2917%;}
.page-what .content-wrap-02 { padding-top:5.9896%;}
.page-what .content-wrap-02 .content-bg-01 { padding-top:21.8229%;}
.page-what .content-wrap-02 .content-bg-01 p::before { background-size:auto 1920px;}
.page-what .content-wrap-02 .ttl-02 { padding-top:6.25%;}
.page-what .content-wrap-02 .ttl-02+.item-01,
.page-what .content-wrap-02 .ttl-02+.item-02 { padding-top:6.25%;}
.page-what .content-wrap-02 .title-block-01 { background-size:1920px 100%; min-height:3.39rem;}
.page-what .content-wrap-02 .items-area-01 { padding-bottom:8.8542%;}
.page-what .content-wrap-02 .items-area-01 .item-01,
.page-what .content-wrap-02 .items-area-01 .item-02 { padding-top:5.9896%;}
.page-what .content-wrap-02 .items-area-02 { padding-top:7.8125%; padding-bottom:3.3854%;}
.page-what .content-wrap-02 .items-area-02 .ttl-03 { padding-bottom:4.6875%;}
.page-what .content-wrap-02 .items-area-02 .items-block-01 { padding-top:3.625%; padding-bottom:3.625%;}
}

@media (max-width:1750px) {
.page-what .content-wrap-01 .card-area { display:block;}
.page-what .content-wrap-01 .card-01 { align-items:center; max-width:1200px; width:100%; margin-left:auto; margin-right:auto;}
.page-what .content-wrap-01 .ttl-01 { position:relative; padding-bottom:.4em;}
.page-what .content-wrap-01 .ttl-01::after { content:""; display:block; background-color:#4d4945; width:calc(100% + .3em); height:2px; position:absolute; left:-0.3em; bottom:0;}
.page-what .content-wrap-01 .exp-01 { margin-top:0; padding-top:1em;}
}

@media (max-width:768px) {
.page-what .content-wrap-01 { padding-top:9.1146%;}
.page-what .content-wrap-01 .card-body { padding-top:0;}
.page-what .content-wrap-01 .ttl-01 { letter-spacing:.05em; padding-bottom:.33em;}
.page-what .content-wrap-01 .ttl-01::after { height:1.4px;}
.page-what .content-wrap-01 .exp-01 { line-height:1.7;}
.page-what .content-wrap-02 { padding-top:9.7656%;}
.page-what .content-wrap-02 .title-block-01 { background-size:1250px 100%; min-height:2.3rem;}
.page-what .content-wrap-02 .items-area-01 { padding-bottom:11.7188%;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 { line-height:1.5;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 span { line-height:1.2499;}
.page-what .content-wrap-02 .items-area-01 .exp-01 { margin-top:.85em; line-height:1.7;}
.page-what .content-wrap-02 .items-area-02 { padding-top:9.7656%; padding-bottom:.15rem;}
.page-what .content-wrap-02 .items-area-02 .ttl-03 { padding-bottom:6.5104%;}
.page-what .content-wrap-02 .items-area-02 .items-block-01 { display:block; padding-top:10.1273%; padding-bottom:10.8507%;}
.page-what .content-wrap-02 .items-area-02 .block-01 { width:90%; margin-right:auto; margin-left:auto; justify-content:flex-start;}
.page-what .content-wrap-02 .items-area-02 .block-01 figure { width:30%; max-width:150px; order:2; padding-top:2.7328%;}
.page-what .content-wrap-02 .items-area-02 .block-02 { width:87%; margin-right:auto; margin-left:auto;}
.page-what .content-wrap-02 .items-area-02 .block-03 { width:87%; padding-top:8.6806%; padding-bottom:0;}
.page-what .content-wrap-02 .items-area-02 .item-01 { padding-top:1.1em; padding-bottom:2.7em; width:100%; text-align:center; order:3;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body { width:100%;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body strong { display:inline-block; overflow:hidden; margin-top:0; margin-bottom:.3em; margin-left:1em;}
.page-what .content-wrap-02 .items-area-02 .item-01 .item-body strong:nth-child(1) { margin-left:0;}
.page-what .content-wrap-02 .items-area-02 .item-02+.item-02 { padding-top:12.8601%;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner { padding-top:11.4583%; padding-bottom:7.8125%; display:block;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-inner figure { width:16.5%; margin-left:0; position:absolute; left:50%; top:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { width:85%; margin-right:auto; margin-left:auto; text-align:center;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body>p { margin-top:.6em;}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { max-width:13em; width:100%; margin-left:auto; margin-right:auto; order:1;}
}

@media (max-width:600px) {
.page-what .content-wrap-01 .card-area { width:87.2%; margin-left:7.5%;}
.page-what .content-wrap-01 .card-01+.card-01 { padding-top:1.9113%;}
.page-what .content-wrap-02 .title-block-01 { background-size:1000px 100%;}
}

@media (max-width:500px) {
.page-what .content-wrap-02 .items-area-01 .en-01 span { padding-bottom:.15em;}
.page-what .content-wrap-02 .items-area-01 .exp-01 { margin-top:.55em;}
}

@media (max-width:460px) {
.page-what .content-wrap-01 .card-01+.card-01 { padding-top:5.0968%;}
}

@media (max-width:450px) {
.page-what .content-wrap-01 { padding-top:11.7778%;}
.page-what .content-wrap-01 .ttl-01 { letter-spacing:.03em; padding-bottom:.45em; line-height:1.4;}
.page-what .content-wrap-01 .exp-01 { padding-top:.8em;}
.page-what .content-wrap-02 .items-area-01 .en-01 span { padding-bottom:1.4px;}
.page-what .content-wrap-02 .items-area-01 .ttl-03 { letter-spacing:.05em;}
}

@media (max-width:400px) {
.page-what .content-wrap-01 .exp-01,
.page-what .content-wrap-02 .items-area-01 .exp-01 { font-size:11px;}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { font-size:11px;}
.page-what .content-wrap-01 .card-body,
.page-what .content-wrap-02 .items-area-01 .ttl-03 { font-size:15px;}
.page-what .content-wrap-02 .title-block-01,
.page-what .content-wrap-02 .items-area-02 .item-01 { font-size:13px;}
.page-what .content-wrap-02 .items-area-02 .ttl-05 { font-size:16px;}
.page-what .content-wrap-02 .items-area-01 .en-01 { font-size:17px;}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { font-size:19px;}
.page-what .content-wrap-01 .card-area { width:85%; margin-left:auto;}
.page-what .content-wrap-01 .card-01 { display:block;}
.page-what .content-wrap-01 .card-body { width:100%;}
.page-what .content-wrap-01 .ttl-01 { width:100%;}
.page-what .content-wrap-01 .ttl-01::after { width:calc(100% + .6em);}
.page-what .content-wrap-01 figure { padding-top:.8823529412%; width:55.8824%; margin-right:auto; margin-left:auto;}
.page-what .content-wrap-02 .items-area-01 .item-body { width:100%;}
.page-what .content-wrap-02 .items-area-01 .item-01,
.page-what .content-wrap-02 .items-area-01 .item-02 { display:block;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure,
.page-what .content-wrap-02 .items-area-01 .item-02 figure { width:100%; padding-top:4.1176%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-01 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-01 img { width:29.93%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-02 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-02 img { width:37.72%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-03 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-03 img { width:37.72%;}
.page-what .content-wrap-02 .items-area-01 .item-01 figure.illust-04 img,
.page-what .content-wrap-02 .items-area-01 .item-02 figure.illust-04 img { width:35.67%;}
}

@media (min-width:768.1px) and (max-width:1920px) {
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { font-size:calc(11px + (1vw - 7.68px) * .6076);}
.page-what .content-wrap-02 .items-area-02 .item-01 { font-size:calc(11px + (1vw - 7.68px) * .7813);}
.page-what .content-wrap-01 .exp-01 { font-size:calc(14px + (1vw - 7.68px) * .5208);}
.page-what .content-wrap-02 .items-area-01 .exp-01 { font-size:calc(14px + (1vw - 7.68px) * .8681);}
.page-what .content-wrap-02 .items-area-02 .ttl-05 { font-size:calc(14px + (1vw - 7.68px) * 1.0417);}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { font-size:calc(16px + (1vw - 7.68px) * 1.3889);}
.page-what .content-wrap-02 .title-block-01 { font-size:calc(20px + (1vw - 7.68px) * 1.2153);}
.page-what .content-wrap-01 .card-body { font-size:calc(22px + (1vw - 7.68px) * .6944);}
.page-what .content-wrap-02 .items-area-01 .ttl-03 { font-size:calc(22px + (1vw - 7.68px) * 1.0417);}
.page-what .content-wrap-02 .items-area-01 .en-01 { font-size:calc(28px + (1vw - 7.68px) * 1.0417);}
}

@media (min-width:400.1px) and (max-width:768px) {
.page-what .content-wrap-01 .exp-01,
.page-what .content-wrap-02 .items-area-01 .exp-01 { font-size:calc(11px + (1vw - 4px) * .8152);}
.page-what .content-wrap-02 .items-area-02 .item-02 .item-body { font-size:calc(11px + (1vw - 4px) * 1.9022);}
.page-what .content-wrap-01 .card-body,
.page-what .content-wrap-02 .items-area-01 .ttl-03 { font-size:calc(15px + (1vw - 4px) * 2.4457);}
.page-what .content-wrap-02 .title-block-01,
.page-what .content-wrap-02 .items-area-02 .item-01 { font-size:calc(13px + (1vw - 4px) * 2.9891);}
.page-what .content-wrap-02 .items-area-02 .ttl-05 { font-size:calc(16px + (1vw - 4px) * 3.8043);}
.page-what .content-wrap-02 .items-area-01 .en-01 { font-size:calc(17px + (1vw - 4px) * 4.0761);}
.page-what .content-wrap-02 .items-area-02 .ttl-04 { font-size:calc(19px + (1vw - 4px) * 4.6196);}
}