@charset "UTF-8";
.second-text img{width:100%;}
em{font-weight: bold;background: linear-gradient(transparent 60%, #e2ff21 60%);}

.support .itemsbox > li{margin-bottom: 6%;padding-bottom: 12%;position:relative;}
.support .itemsbox > li:after{ content:"";width:100%;height:5vw;background: url(../images/features/arrow.png) top center no-repeat;background-size: 150%;position:absolute;bottom: 0;}
.support .itemsbox > li:nth-last-child(1):after{content:none;}
.support img{width:80%;margin: 0 auto 4%;}
.support .textbox {position:relative;}
.support .textbox .tit{color:#b30003;font-family:var(--mincho);font-weight:bold;font-size:6vw;line-height:1.6;}
.support .textbox p{position:relative;}
.support .textbox span{font-family: "Lato";font-weight: 700;font-size: 20vw;color: #f0f0f6;top:0;right:0;position:absolute;line-height:1;z-index:-1;}
.support .attbox{background:#eaf3ff;padding: 6%;}
.support .attbox .tit{font-weight:bold;font-size: 5vw;color: #101f74;text-align: center;line-height: 1.5;position: relative;margin-bottom:10vw;}
.support .attbox .tit:before{content:"";width:20%;height:2px;position:absolute;background:#101f73;left:40%;bottom:-5vw;}
.support .attbox .sub{font-weight:bold;background:#101f73;color:#fff;font-size:120%;line-height: 1.3;padding: 3% 0;text-align:center;border-radius:100px;position:relative;}
.support .attbox .sub:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 8px solid #101f74;}
.support .attbox .sub b{color:#e2ff21;}
.support .attbox li{position:relative;background:#fff;color:#101f73;font-weight: bold;border-radius:50px;padding: 1% 4%;margin-bottom:3%;}
.support .attbox li:before{content: '\f058';color: #00da4d;font-family: 'icon';margin-right:1vw;}
.support .attbox .ast{font-size: 60%;}
.support .back{background: url(../images/bg01.jpg) repeat top center;background-size: 4vw;padding-bottom: 6%;}
.support .back .tit{background:#df600f;color:#fff;padding:2%;font-weight:bold;font-size:4.5vw;line-height:1.4;text-align:center;}
.support .back ul{width:90%; margin:0 auto;}
.support .back li{background:#fff;margin-bottom:2%;padding: 3% 3%;/* text-align:center; */font-weight:bold;font-size: 5vw;}
.support .back li span{background:#ccc;display: inline-block;padding: 0.5% 6%;margin:0 auto;border-radius: 60px;font-size: 3.6vw;position: relative;top: -2px;}
.support .back li:nth-child(1) {color:#101f73;}
.support .back li:nth-child(1) span{background:#101f73;color:#fff;}
.support .back li:nth-child(2) {color:#b30003;}
.support .back li:nth-child(2) span{background:#b30003;color:#fff;}
.support .back li:nth-child(3) {color:#e2ff21;background:#101f74;}
.support .back li:nth-child(3) span{background:#fff;color:#101f74;}
.support .back .txt{width:90%;margin:0 auto;}

.course{background:#101f74;padding:10vw 0;}
.course .items >li{background: url(../images/features/note.jpg) repeat-x top 3vw center, #ffffff;background-size: 105%;padding: 12% 5% 5% 5%;margin-bottom: 6%;}
.course .items >li >img{margin-bottom:5%;}
.course .items .title{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;padding-bottom: 5%;margin-bottom: 5%;border-bottom: 2px solid #ccc;position: relative;margin-bottom: 16px;padding-bottom: 10px;}
.course .items .title:before{content:"";background:#101f74;height:2px;width:20%;position:absolute;bottom:-2px;}
.course .items .title img{width: 16%;}
.course .items .title p{width: 79%;font-weight:bold;font-size: 5.4vw;margin-bottom: 0;line-height: 1.4;}
.course .items .title span{display:block;font-family: "Lato";font-weight: 700;font-size: 64%;color:#7385eb;}
.course .items .check{font-weight:bold;}
.course .items .check li{background:#eaffed;padding:1% 4%;border-radius:30px;margin-bottom:2%;color: #101f75;}
.course .items .check li:before{content: '\f058';color: #00da4d;font-family: 'icon';margin-right:1vw;}
.course .items .mb0{margin-bottom:0;}
.course .items .point{margin:4vw auto 0;border:1px solid #101f74;}
.course .items .tit{background:#101f74;color:#fff;font-weight:bold;font-size:4vw;text-align:center;margin-bottom:0;}
.course .items dl{border-bottom:1px solid #ccc;}
.course .items dl:nth-last-child(1){border:none;}
.course .items dt,.course .items dd{padding: 2% 0;text-align:center;font-weight:bold;color:#101f73;}
.course .items dt{background:#eaf3ff;position:relative;}
.course .items dt:before{content: '';width: 0;height: 0;border-style: solid;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #101f75;border-right: 0;position: absolute;transform: rotate(90deg);left: 49%;bottom: -2vw;}

.schedule{background:url(../images/features/bg.png) center bottom no-repeat,#8cdbff;background-size: 290%;padding:15% 0;margin-bottom:15vw;}
.schedule .midashi02{color:#101f73;}
.schedule .inner{position:relative;}
.schedule img{position:absolute;width: 44vw;right: -5vw;bottom: -24vw;}
.schedule li{background:#fff;margin-bottom:6vw;padding-bottom: 3vw;position:relative;}
.schedule li:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 8px solid #ffffff;}
.schedule li:nth-last-child(1):before {content: none;}
.schedule li p{margin-bottom:0;padding:0 5%;font-weight:bold;text-align:center;color:#101f73;}
.schedule li .tit{background:#101f73;color:#fff;text-align:center;font-size:120%;margin-bottom:2%;}

.flow.inner{margin-bottom:15vw;}
.flow .midashi02{color:#101f73;}
.flow ul{position:relative;}
.flow ul:before{content:"";width:3vw;height:100%;background:#91ccff;position:absolute;z-index:-1;left:5%;}
.flow li{background:#eaf3ff;padding: 6%;margin-bottom:5%;}
.flow li p{margin-bottom:0;}
.flow li .tit{font-weight:bold;font-size:5vw;color:#101f73;position:relative;padding: 0 0 0 12%;line-height: 1.4;margin-bottom: 3%;}
.flow li .tit span{width: 7vw;height: 7vw;background:#1b7cff;color:#fff;position:absolute;display:block;border-radius: 50%;text-align: center;line-height: 1;padding-top: 1vw;font-family: "Lato";font-weight: 700;left: 0;top: 0;}

.qabox .midashi02{color:#101f73;}
.qabox{background: url(../images/features/bg02.jpg);background-size:15%;border-top:2px solid #ccc;padding: 10% 0;}
.qabox dl{margin-bottom: 3vw;}
.qabox dt{background:#101f73;padding: 3% 5% 3% 12%;font-size:120%;position:relative;line-height: 1.2;margin-bottom: 2vw;font-weight: bold;color:#fff}
.qabox dt:before{content:"Q.";position:absolute;left: 3%;top: 9%;text-align: center;padding-top: 3px;font-family: "Lato";font-weight: 700;font-size: 5vw;}
.qabox dt:after{content: "\f107";font-family: 'icon';position: absolute;right: 5%;top: 25%;}
.qabox dt.open:after{transform: rotate(-180deg);}
.qabox dl p{line-height: 1.8;}
.qabox dl:nth-child(2) dd{display:block;}
.qabox dd{display:none;}
.qabox dd a{display:inline-block;font-weight:bold;color:#b30101;text-decoration:underline;}
.qabox dd ul{margin-bottom:4vw;}
.qabox dd li{padding-left:1em;text-indent:-1em;line-height:1.4;margin-bottom:6px;font-weight: bold;}
.qabox dd li.tit{color:#101f73;font-weight:bold;padding:2% 0% 2% 4%;position:relative;text-indent:inherit;font-size:110%;}
.qabox dd li.tit:before{content:"";width:3px;height:60%;top:20%;left:0;background:#5f78ff;position:absolute;}
.qabox dd .disabled-link{pointer-events:none;color:gray;}


/* =======pc=======*/
@media screen and (min-width: 736px) {
.support .itemsbox > li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;padding-bottom: 80px;margin-bottom: 60px;}
.support .itemsbox > li:after{height: 27px;background: url(../images/features/arrow.png) top center no-repeat;background-size: 100%;}
.support img{width:420px;margin: 0;}
.support .textbox{width: 480px;}
.support .textbox .tit{font-size:32px;}
.support .textbox span{font-size:150px;top: -20px;}
.support .attbox{padding:40px;margin: 20px auto 0;width: 100%;}
.support .attbox .tit{font-size:25px;margin-bottom: 50px;}
.support .attbox .tit:before{width:6%;bottom: -26px;left:47%;}
.support .attbox .sub{font-size:30px;width: 79%;margin: 0 auto 30px;}
.support .attbox ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: start;}
.support .attbox li{padding: 5px 20px;margin: 0 5px 15px 5px;}
.support .attbox li:before{margin-right:5px;}
.support .attbox p{text-align:center;}
.support .back{width:100%;order:3;background: url(../images/bg01.jpg) repeat top center;background-size: 10px;padding-bottom: 40px;margin-top: 30px;}
.support .back .tit{font-size:20px;padding:10px;}
.support .back ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;margin-bottom: 20px;}
.support .back li{width: 220px;margin: 0 4px;padding: 20px 0 10px 0;font-size: 25px;text-align: center;}
.support .back p{text-align:center;}
.support .back .txt{width:100%;margin-bottom:0;}
.support li:nth-child(even) img{order:2;}
.support .back li span{font-size:16px;display: table;}

.course{padding:120px 0;}
.course .items >li{background: url(../images/features/note.jpg) repeat-x top 20px center, #ffffff;background-size: 500px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;padding: 60px 30px 30px 30px;margin-bottom: 30px;}
.course .items >li >img{width:420px;}
.course .items .textbox{width: 450px;}
.course .items .title p{font-size:25px;}
.course .items .title img{width:65px;}
.course .items .mb0{margin-bottom:10px;}
.course .items .check{text-align:left;}
.course .items .check li{display:inline-block;padding: 2px 10px;}
.course .items .check li:before{margin-right:5px;}
.course .items .point{width:100%;margin: -20px auto 0;}
.course .items .tit{font-size:20px;}
.course .items dl{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;background: #ebf3ff;}
.course .items dt, .course .items dd{width:50%;padding: 10px 20px;line-height: 1.4;text-align: left;}
.course .items dt:before{transform: rotate(0deg);top: 42%;left: inherit;right: -3px;}
.course .items dd{background:#fff;}

.schedule{padding: 90px 0;margin-bottom: 150px;background: url(../images/features/bg.png) center bottom no-repeat, #8cdbff;background-size: 100%;}
.schedule ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.schedule li{width: 126px;height: 100px;margin: 0;}
.schedule li:before{transform: rotate(-90deg);left: inherit;right: -26px;top: 55px;}
.schedule li .tit{padding:4px;}
.schedule li p{padding:0;font-size: 15px;line-height: 1.4;}
.schedule li p:nth-last-child(1){height: 55px;display: inline-grid;align-items: center;width: 127px;text-align: center;}
.schedule img{width:290px;bottom: -120px;right: -180px;}

.flow.inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 150px;}
.flow ul{width: 720px;}
.flow ul:before{width:20px;left:20px;height: 95%;}
.flow li{padding: 27px;margin-bottom:20px;}
.flow li .tit{font-size:25px;padding: 0 0 0 45px;margin-bottom: 10px;}
.flow li .tit span{width: 35px;height: 35px;padding-top: 5px;}

.qabox{background: url(../images/features/bg02.jpg);background-size: 60px;border-top: 4px solid #ebebeb;padding: 90px 0;}
.qabox dl{margin-bottom:15px;}
.qabox dt{font-size:20px;padding: 16px 10px 16px 57px;margin-bottom: 12px;}
.qabox dt:before{font-size: 26px;left: 18px;top: 7px;}
.qabox dt:after{right:20px;}
.qabox dd ul{margin-bottom:24px;}
.qabox dd li{line-height:1.6;}
.qabox dd li.tit{padding:12px 0 12px 18px;}
.qabox dd li.tit:before{width:5px;left:0;}

}





/* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.support .itemsbox > li:after{background: url(../images/features/arrow@2x.png) top center no-repeat;background-size: 100%;}
.schedule{background: url(../images/features/bg@2x.png) center bottom no-repeat, #8cdbff;background-size: 100%;}
}