@charset "UTF-8";

section{padding: 2.5% 0;}

.main_h2{font-size: 3.2rem;text-align: center;margin-bottom: 1em;font-weight: bold;line-height: 1.5;padding-top: 0.5em;}
.small{font-size:75%;}
.syaroushi_kaitou-wrap p{margin-bottom: 15px;}

.syaroushi_kaitou-wrap{padding: 0 5.333vw;}
.syaroushi_kaitou-wrap h3{background: url(/resource/images/common/icon_check.svg) no-repeat left center / 20px auto;color: var(--color-orange);display: inline-block;font-size: 2.2rem;font-weight: var(--Bold);margin-left: auto;margin-right: auto;padding-left: 30px;}

/*
.kaitou-box { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 0 2%; }
.kaitou-box > * { width: 100%; }
.kaitou-box .jam_a { width: 49%; }
@media (max-width: 899px){
  .kaitou-box .jam_a { width: 100%; }
}
*/

.answer-set{margin-top:2%;border-bottom: 1px solid #bbb;border-left: 1px solid #bbb;border-right: none;}
.answer-set th{background-color:#F0F0F0;}
.box02 .answer-set th{width:10%;}
.box02 .answer-set th, .box02 .answer-set td{border-right:1px solid #bbb;}
.box02 dl{width:calc(100% / 10);border: 1px solid #bbb;border-right: none;text-align: center;margin-top:2%;}
.box02 dl:last-of-type{border-right:1px solid #bbb;}
.box02 dl dt, .box02 dl dd{height: 2.25em;padding: 0.25em;}
.box02 dl dt{background-color: #F0F0F0;border-bottom: 1px solid #bbb;}


.answer-set th, .answer-set td{padding: 0.25em;text-align: center;border-right: 1px solid #bbb;border-top: 1px solid #bbb;height: 2.5em;vertical-align: middle;}
.answer-set td.d {text-align: left;}
.line-ttl{margin-top: 5%;margin-bottom: 2.5%;}
.souhyo-box h3{margin-bottom:0.5em;}
.table01, .table02, .table03{margin:0 0 2.5%;border: 1px solid #bbb;border-right: none;}
.table01 th, .table01 td, .table02 th, .table02 td, .table03 th, .table03 td{padding: 0.25em;text-align: center;border-right: 1px solid #bbb;}
.table01 th, .table02 th, .table03 th{background-color:#F0F0F0;}
.table01 td, .table01 tbody th, .table02 td, .table02 tbody th, .table03 td, .table03 tbody th{border-top: 1px solid #bbb;}
.flex{display: flex;flex-flow: row wrap;}
.flex_between{justify-content: space-between;}
.souhyo_list li{margin-bottom:10px;}
.souhyo_list dl{}
.souhyo_list dt{background: #787878;color: #fff;width: 12em;display: flex;justify-content: center;align-items: center;}
.souhyo_list dd{width: calc(100% - 12em);padding: 0.75em 1.25em;margin-left: 0;line-height: 1.6;background: #F0F0F0;}
.kamokubetsu_list .list01{font-weight: bold;padding-left: 1em;margin-bottom: 1em;}
.kamokubetsu_list .list01 dt{width: 4em;}
.kamokubetsu_list .list01 dd{width: calc(100% - 4em);margin-left: 0;}
.kamokubetsu_list .list01 dt, .kamokubetsu_list .list01 dd{margin-bottom: 0.25em;font-weight: 600;}
.kamokubetsu_list .list01 dt:after {content: "…";margin-left: 0.25em;}
.kamokubetsu_list .bg_gr{background:#F0F0F0;padding: 1.5em;margin-bottom: 30px;}
.kamokubetsu_list .bg_gr h5{font-size: 20px;color: #d0121b;margin: 0 0 0.25em;font-weight: bold;}
.kamokubetsu_list .list02, .kamokubetsu_list .list03{margin-bottom: 30px;margin-top: 15px;}
.kamokubetsu_list .list02 dt{width: 5em;background: #787878;color: #fff;}
.kamokubetsu_list .list02 dd{width:calc(100% - 5em);background: #F0F0F0;padding: 0.25em 0.5em;}
.kamokubetsu_list .list02 dt, .kamokubetsu_list .list02 dd{padding: 0.25em 0.5em;margin-bottom: 10px;}
.kamokubetsu_list .list03{}
.kamokubetsu_list .list03 dt, .kamokubetsu_list .list03 dd{font-weight: bold;margin-bottom: 10px;}
.kamokubetsu_list .list03 dt{width:10.5em;text-align: right;}
.kamokubetsu_list .list03 dd{width: calc(100% - 11em);}
.kamokubetsu_list .list03 dt:after{content: "\02192";margin-left: 0.25em;}
.kamokubetsu_list .red{color: #d0121b;}
.t_ttl{display: none;}
.note{margin-bottom: 1em;}
.note li{padding-left: 1em;text-indent: -1em;line-height: 1.4;margin-bottom: 0.25em;}
.souhyo-box .list04 li{font-size: 18px;font-weight: bold;}
.souhyo-box .list04 li p{font-size:font-size: 75%;font-weight: normal;padding-left: 1em;}
.souhyo-box .instructors li{position: relative;padding-top: 1.5em;}
.souhyo-box .instructors .imgArea{width: 230px;position: absolute;left: 0;top: 0;}
.souhyo-box .instructors .txtArea{background:#F0F0F0;padding: 1.5em 2.5em;width: calc(100% - 220px);margin: 0 0 0 auto;}
.instructors .catchcopy{color: #d0121b;}
.instructors h5{font-size: 2rem;margin: 0 0 0.5em;line-height: 1.4;border-bottom: 1px solid #999;padding-bottom: 0.3em;}
.instructors h5, .instructors .catchcopy, .instructors dt{font-weight: bold;}


.point-box{background-color: var(--color-orange-thin);border: 1px solid var(--color-orange);border-radius: var(--border-radius);margin-top: 34px;padding: 47px 40px;}
.point-box .catch{font-size: 2.7rem;text-align: center;}
.point-box .catch span:before, .point-box .catch span:after {content: "";display: inline-block;width: 44px;height: 2px;background-color: #565656;transform: rotate(-60deg);vertical-align: middle;}
.point-box .catch span:before {transform: rotate(60deg);}
.point-box ul.flex{}
.point-box ul.flex li{width: 48%;}
.point-box ul.flex li:first-of-type{padding-right: 4%;border-right: 1px #ccc solid;}
.point-box ul li .nom {color: #fff;background:var(--color-orange);width: 30px;display: inline-block;text-align: center;margin-right: 0.5em;}
.point-box ul li dt{font-size: 22px;margin-bottom: 0.75em;}
.point-box ul li dd p{margin-bottom: 1em;}
.bold {font-weight: bold;}
.point-box ul li dd div{align-items: center;}
.point-box ul li dd div:first-of-type{margin-bottom: 20px;}
.point-box ul.flex li dd .imgArea, .point-box ul li dd .txtArea{width: 48%;}
.point-box ul li:first-of-type dd .imgArea {width: 25%;}
.point-box ul li:first-of-type dd .txtArea{width: 70%;}
.point-box ul li:first-of-type dd .txtArea p {color:var(--color-orange);font-weight: 600;line-height: 1.4;font-size: 17px;}
.point-box ul li:first-of-type dd .txtArea p:first-of-type {font-size: 120%;}
.txt_center{text-align: center;}
.point-box ul.hsj_list li dd .imgArea, .point-box ul.hsj_list li dd .txtArea{width: 100%;}
.point-box ul.hsj_list ul.flex li:first-of-type, .point-box .support ul.flex li:first-of-type, .point-box .instructors ul.flex li:first-of-type, .point-box .place ul.flex li:first-of-type, .point-box .lineup_area ul.flex li:first-of-type{padding-right: 0;border-right: none;}
.point-box .instructors .imgArea{margin-bottom: 10px;}
.point-box .instructors_list .imgArea{width: 220px;}
.instructors_list .txtArea{width: calc(100% - 220px - 30px);}
.instructors_list .txtArea dt{font-size: 16px;}
.instructors_list .txtArea dd{font-size: 14px;}
.instructors_list li{margin-bottom: 25px;}
.point-box ul li dd .txtArea p{margin-bottom: 0;}
.school-search{border: none;}
.lineup_area li{background: #fff;margin-bottom: 10px;padding:25px;}
.lineup_area .main_h2{background: var(--color-orange);color: #fff;padding: 0.25em;border-radius: 30px;position: relative;margin-bottom: 15px;}
.lineup_area .main_h2:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px; border: 15px solid transparent; border-top: 15px solid var(--color-orange);}
.syaroushi_kaitou-wrap .lineup_area h3{background: none;padding-left: 0;color: #333;}
.point-box .lineup_area ul li dt{color: var(--color-orange);font-size: 3.5rem;font-weight: bold;margin-bottom: 10px;line-height: 1.5;}
.lineup_area .lineup_set dd .icon_list{display: flex;flex-flow: row wrap;}
.lineup_area .lineup_set dd .icon_list li{width:70px;text-align: center;font-size: 12px;line-height: 1.4;background: #2f97d4;color: #fff;border-radius: 5px;height:70px;display: flex;align-items: center;justify-content: center;margin: 0.5em;padding: 0.15em;}
.lineup_set dd .img_area{width: 55%;margin:20px 0;}
.point-box .lineup_area ul.img_area li{width: 50%;margin: 0;padding: 0;}
.lineup_set dd .txtbox{width: 40%;line-height: 1.7;background: #e0f2fa;padding: 1.5em;border-radius: 15px;position: relative;margin-bottom: 0;}
.lineup_set dd .txtbox:before {content: "";position: absolute;top: 50%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #e0f2fa;}
.syaroushi_kaitou-wrap .lineup_set h3{background: no-repeat;text-align: center;padding-left: 0;display: block;}
.revueArea h5{font-size: 3.5rem;font-weight: bold;}
.revueArea > .flex{justify-content: center;align-items: center;}
.syaroushi_kaitou-wrap .schoolArea h3{display: block;text-align: center;padding-left: 0;background: none;}


.columnArea{background:url(/resource/images/common/pattern_bg_texture.png) repeat left top;margin-top: 50px;padding: 50px 0;}
.columnArea .inner{max-width: 1000px;margin: 0 auto;}
.columnArea .secttl{font-size: 3.5rem;}
.columnArea h3{font-size: 3.2rem;32px;text-align: center;margin-bottom: 1em;font-weight: bold;}
.columnArea ul{text-align: left;}
.columnArea li{margin-bottom: 1em;}
.columnArea .charm_list li{margin-bottom: 30px;}
.columnArea .charm_list dt {
    font-size:2.5rem;
    font-weight: 500;
    padding:1em 2em 1em 110px;
    background:var(--color-orange);
    color: #fff;
    border-radius: 15px 15px 0 0;
    position: relative;
}
.columnArea .charm_list dt .charm {
    background: #fff;
    color: #333;
    border-radius: 50%;
    font-size: 85%;
    font-weight: 600;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -0.5em;
    border: 3px var(--color-orange) solid;
    left: 0.5em;
    line-height: 85px;
    transform: rotate(-10deg);
    text-align: center;
}
.columnArea .charm_list dd {
    margin-left: 0;
    padding: 30px;
    background: #fff;
    border-radius: 0 0 15px 15px;
}

.introduction{position: relative;margin-bottom: 30px;}
.introduction h2{position: absolute;top: 20px;text-align: center;width: 100%;font-size: 3rem;}
.introduction h2 .txt_b{font-size: 120%;}
.supportBox{margin-bottom: 30px;}
.supportBox .ttl_box{margin-bottom:50px;background:#fae6ed;padding: 20px;position: relative;}
.supportBox .ttl_box:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -50px;border: 50px solid transparent;border-top: 30px solid #fae6ed;}
.supportBox .ttl_box h2{margin-bottom:5px;}
.supportBox .ttl_box h3{text-align: center;color: #d0121b;font-size: 1.7rem;font-weight: 600;}
.supportBox .imgArea{width: 35%;}
.supportBox .txtArea{width: 62%;}
.supportBox .txtArea dt{background: #d0121b;color: #fff;padding: 3px 10px;line-height: 1.5;font-size: 1.2rem;font-weight: 500;margin-bottom: 5px;}
.supportBox .txtArea dl{margin-top: 0;}
.supportBox .txtArea dd{margin-left: 0.5em;}
.ls_s{letter-spacing: -5px;}

.hsj .ttl_box, .place .ttl_box, .support .ttl_box, .revueArea .ttl_box, .schoolArea .ttl_box{margin-bottom:30px;background:#fae6ed;padding: 20px;border-bottom: 3px #d0121b solid;}
.hsj .ttl_box h2, .place .ttl_box h2, .support .ttl_box h2, .schoolArea .ttl_box h2{font-size: 1.6rem;margin-bottom: 5px;}
.hsj .ttl_box h3, .place .ttl_box h3, .support .ttl_box h3, .revueArea .ttl_box h3, .schoolArea .ttl_box h3{text-align: center;font-size: 2.1rem;font-weight: bold;color: #d0121b;}
.ttl_box h3 .txt_ll{font-size: 120%;}
.hsj h4{font-size: 2rem;font-weight: 600;}
.hsj h4 .txts{font-size: 80%;}
.hsj .hsj_list dd > .imgArea, .hsj .hsj_list dd > .txtArea, .hsj .hsj_list dd li, .place li, .support li{width:47%;}
.hsj .hsj_list dd .imgArea{margin-bottom: 10px;}
.hsj .hsj_list dt, .bg_or{text-align:center;margin-bottom: 30px;background:var(--color-orange);color: #fff;padding: 5px 15px;font-size: 2rem;line-height: 1.6;font-weight: 600;}
.f_large{margin-bottom: 30px;font-size: 2.5rem;line-height: 1.6;font-weight: 600;}
.hsj .hsj_list dt .hsjttl{color: #d0121b;background: #fff;padding: 0 10px;font-weight: bold;margin-right: 15px;}
.hsj .hsj_list dd{margin: 0 0 40px;}
.hsj .hsj_list dd h5{margin: 0;font-size: 1.2rem;}
.hsj .hsj_list dd ul{margin-bottom:0;}
.hsj .hsj_list .attack5 li{width: 29%;}
.hsj .hsj_list li .txtArea p{line-height: 1.7;}
.hsj .hsj_list li .arrow{position: relative;margin-bottom: 60px;padding-bottom: 15px;}
.hsj .hsj_list li .arrow:first-of-type:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -40px;border: 40px solid transparent;border-top: 40px solid #d0121b;}


.support h4{font-size: 1.5rem;text-align: center;margin-bottom: 20px;font-weight: bold;}
.support ul{}
.support .imgArea, .place .imgArea{margin-bottom: 10px;}
.support .career li{width:100%;align-items: center;border-bottom: 1px #ccc dotted;padding:15px 0;}
.support .career li .imgArea{width:150px;}
.support .career li dl{width:calc(100% - 150px - 30px);}
.support .career li dt{font-size: 1.4rem;font-weight: bold;}
.support .career li dd{font-size: 1rem;}
.support .career li .imgArea{margin-bottom:0;}

.revueArea h5{font-size:2.5rem;}
.revueArea h5 .txt_ll{font-size:150%;}
.revueArea > .flex .imgArea{max-width: 280px;}
.revueArea > .flex{margin: 0 auto 30px;}
.revueArea .secttl:after{content:inherit;}

.ttl{background: #d0121b;color: #fff;text-align: center;margin: 0 auto 30px;width:300px;padding: 5px;border-radius: 5px;font-size: 1.6rem;font-weight: bold;position: relative;}
.ttl:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #d0121b;}
.secImg{position: relative;margin-bottom:30px;}
.secImg .imgArea{max-width: 600px;margin: 0 auto 50px;}
.secImg h3{text-align: center;font-size: 2rem;line-height: 1.7;font-weight: bold;margin-bottom: 50px;}
.mainContentBox{background: #fff;padding: 40px;}
.mainList{}
.mainList li{margin-bottom: 30px;}
.mainList dt{background: rgba(203,6,75,0.10);text-align: center;border-bottom: 2px #CB064B solid;margin-bottom: 15px;font-size:1.7rem;padding:12px 0 10px;color: #676767;font-weight: 600;line-height: 1.8;}
.mainList dd{margin: 0;}
.mainList dd > div{position: relative;margin-bottom: 20px;}
.mainList dd h4{width:65%;font-size:2.8rem;font-weight: bold;position: absolute;transform: translateY(-50%);-webkit- transform: translateY(-50%);top: 50%;line-height: 1.6;}
.mainList dd > div{position: relative;height: 400px;}
.mainList dd .imgArea{position:absolute;width: 43%;right: 0;}
.mainList dd .imgArea p{font-size: 10px;line-height: 1.2;}
.mainList dd h4.wide8{width:80%;}
.mainList dd h4.wide7{width:70%;}
.mainList dd p{line-height: 1.9;font-size: 1.2rem;}
.mainList dd p.txtS{margin-top: 10px;font-size: 70%;}
.areattl{line-height: 2;background: #d0121b;color: #fff;text-align: center;margin:50px auto 20px;font-size: 2rem;font-weight: 500;}
.detailBox > li{margin-bottom: 30px;}

.secttl{text-align: center;font-size: 2.5rem;line-height: 1.6;margin-bottom:50px;font-weight: bold;position: relative;}
.secttl .txtS{font-size: 60%;font-weight: normal}
.secttl:after{content:"";background: #d0121b;height:5px;width: 80px;position: absolute;bottom: -15px;left: 0;right: 0;margin: 0 auto;}
.secImgArea{margin-bottom: 30px;}
.detailBox h3, .taikenArea h3, .instructorArea h3{text-align: center;font-size: 2rem;margin-bottom: 15px;font-weight: bold;color: #565656;line-height: 1.7;padding: 30px 0;}

.schoolArea {padding-top: 50px;}
.schoolArea .secImgArea{display: flex;width: 80%;margin: 0 auto;}
.pref-school{ margin: 0 0 .5em; }
.pref-school input[type=checkbox] { display:none; }
.pref-school .acToggle { cursor:pointer;font-weight: bold;}
.pref-school>li{ position: relative; padding:25px 2%; border-bottom: 1px solid #CB064B; }
.pref-school>li:after{ font-family: FontAwesome; content: "\f067"; font-weight: 900;position: absolute; right: .5em;top: 20px;width: 30px; height: 30px;font-size: 18px; color: #CB064B;/* background: #F2ECD9;*/ border-radius: 50%;line-height: 31px; text-align: center; pointer-events:none; }
.pref-school>li.on:after{ content: "\f068"; }
.pref-school .accordion-list-child{ max-height:0; overflow:hidden; transition:max-height .3s; }
.pref-school>li.on .accordion-list-child{ max-height:3000px; margin: 20px 0 0;border-top: 1px dotted #CB064B; }
.pref-school .accordion-list-child li{position: relative;background: #FAE6ED; border-bottom: 1px dotted #CB064B; }
.pref-school .accordion-list-child li::after { content:"＋";position:absolute; top:.75em; right:.75em; width:1.6em; text-align:center;/*background:#fff;*/ border-radius:50%; color:#cb064b; pointer-events:none; }
.pref-school .accordion-list-child input:checked + li::after { content:"－"; }
.pref-school label { display:block; position:relative; padding:15px 1em; cursor:pointer; }
.pref-school .pref_detail { transition:max-height .5s; max-height:0; overflow:hidden; margin:0 10px; }
.pref-school input:checked + li .pref_detail { max-height:400px; margin:0 10px 15px; }
.pref-school .pref_detail a { font-size:12px; display:inline-block;margin:5px; padding:.5em 0.75em; color:#fff; background:#CB064B; border-radius:10px; }
.pref-school .pref_detail a.toMap { background:#fff; color:#333; }
.pref-school .pref_detail a.teikei::after { content: "提携"; display: inline-block;
	font-size: 70%; line-height: 1; padding: 2px; color: #666; background: #fff;
	margin-left: 2px; vertical-align: middle; }

.detailList01 li, .detailList02 li, .taikenList li{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;}
.detailList01 li .imgArea, .detailList02 li .imgArea, .taikenList li .imgArea{width:300px; height: 180px;overflow: hidden;}
.detailList01 li p, .detailList02 li p, .taikenList li .txtArea{width:calc(100% - 350px);font-size: 1.5rem;line-height: 1.7;}

.revueArea .secImgArea{max-width: 600px;margin: 30px auto;border: 1px #ccc solid;}
.revueArea .revueList{background: #fff;padding: 30px;margin: 40px auto;}
.revueArea .revueList li{background: rgba(203,6,75,0.05);padding: 20px;}
.revueArea .revueList li:not(:last-of-type){margin-bottom: 20px;}
.revueArea .revueList li dt{margin-bottom: 10px;border-bottom: 1px #565656 solid;}
.revueArea .revueList li dd{font-size: 0.85rem;line-height: 1.85;}
.revueArea .acToggle{ cursor:pointer; position:relative; }
.revueArea .acToggle:after{font-family: FontAwesome;content: "\f0ab";font-weight: 900;position: absolute;right: 10px;}
.revueArea .acToggle.on:after{content:"\f0aa";}
.revueArea .accordion{ display:none; }
.evaluation{color: #aaa;}
.evaluation span{color: #f8b62b;}

.instructorList{overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.instructorList li{width: 80%;max-width: 300px;display: inline-block;margin-right:20px;vertical-align: top;}
.instructorList li .imgArea{margin-bottom: 10px;}
.career{font-size: 75%;}
.instructorList dt {margin-bottom: 10px;border-bottom: 1px #aaa dotted;padding-bottom: 3px;}
.instructorList dd { white-space:normal;margin: 0;line-height: 2;}

.trainingList{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 20px;background: #fff;padding: 5px;}
.trainingList li{width:200px;text-align: center;}
.taikenArea h3 .txtB{font-weight: bold;font-size: 140%;}


.btnArea{width: 300px;margin: 0 auto;}
.btnArea a{background: #d0121b;display: block;text-align: center;color: #fff;padding: 10px;}
.btnArea a span{font-size: 125%;}

.dib{display: inline-block;}
.txtRight{text-align:right;}
.txtS{font-size: 75%;}
ul.list-beige{background: #e7e7e7;}
ul.list-beige li a{font-weight: normal;}
.co01{background:linear-gradient(transparent 80%, #ffdc00 80%);}
.courseArea h3 .ls{letter-spacing: -0.4em;}

.mainList dd h4 .co01{background:linear-gradient(transparent 50%, #ffdc00 50%);}
.mainList dd h4 .txtS{font-size:80%;}
.mainList dd h4 .txtB{font-size:120%;}
.mainList li:nth-of-type(2) dd h4 .txtB{font-size:140%;}

.courseDetail .imgArea{text-align: center;margin-top: 30px;}
.courseTtl dl{background: #448aca;padding: 10px 15px; position: relative;}
.courseTtl dt{font-size: 1.3rem;color: #fff;font-weight: bold;}
.courseTtl dd{position: absolute;transform: translateY(-50%);-webkit- transform: translateY(-50%);top: 50%;margin: 0;right: 15px;}
.courseTtl dd ul{}
.courseTtl dd ul li{font-size: 14px;display: inline-block;background: #fff;line-height: 1;padding: 7px;border-radius: 5px; font-weight: 600;}.courseTtl dd ul li:not(:last-of-type){margin-right: 5px;}
.jobList{text-align: center;}
.jobList li{display: inline-block;border: 2px #448aca solid;border-radius: 5px;text-align: center;width: 140px;margin: 5px;color: #448aca;font-weight: bold;background: #FFFEDB;}
.courseInfo{margin-bottom: 30px;}
.courseInfo li dl{display: flex;background:rgba(208,18,27,0.5);align-items: center;margin-bottom: 5px;font-size: 1.1rem;padding: 2px;}
.courseInfo li dt{width: 150px;text-align: center;color: #fff;}
.courseInfo li dd{background: #fff;padding: 20px;font-size: 1.1rem;width: calc(100% - 150px);margin: 0;}
.courseInfo li dl li{font-size:1rem;line-height: 1.7;position: relative;padding-left: 1em;}
.courseInfo li dl li:not(:last-of-type){margin-bottom: 10px;}
.courseInfo li dl li:before{content: "";margin-right: 3px;position: absolute;left: 3px;width: 5px;height: 5px;border-radius: 50%;background: #565656;top:10px;}
.courseList h4{line-height: 1.8;font-size: 1.2rem;}

.reasonArea{}
.reasonArea .reason_box{display:flex;justify-content: space-between;margin-top: 40px;}
.reasonArea .reason_box .imgArea{width:55%;}
.reasonArea .reason_box .yt{position: relative; padding-bottom: 56.25%;}
.reasonArea .reason_box .yt iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.reasonArea .reason_box p{width:40%;}

.h3ttl{text-align: center;font-size: 2rem;font-weight: 600;margin-bottom: 30px;}

@media (max-width: 1199px){
	.taikenArea h3, .instructorArea h3{font-size: 1.5rem;margin-bottom:30px;}
	.secImgArea{margin-bottom:30px;}
	.courseTtl dd{ position: static;transform: inherit;}
	.courseTtl dd ul{padding: 1vw 0;}
	.detailBox h3, .taikenArea h3, .instructorArea h3{font-size:1.7rem;}
	.reasonArea .reason_box{display: inherit;}
	.reasonArea .reason_box .imgArea, .reasonArea .reason_box p{width:100%;}
	.reasonArea .reason_box .imgArea{max-width:560px;margin:0 auto 30px;}
	.catch{font-size: 3.5vw;line-height: 1.8;}
	.introduction h2{font-size: 5vw;top: 1.5vw;}

}


@media (max-width: 899px){
	.subNavi li a{padding: 5px 1%;}
	.secImg h3{font-size:4vw;margin-bottom: 30px;}
	.detailBox > li{margin-bottom: 20px;}
	.secttl{font-size: 1.8rem;line-height: 1.5;margin-bottom:35px;}
	h2{font-size:5vw;margin-bottom: 30px;}
	.instructorArea h3{font-size: 1.5rem;line-height: 1.5;padding: 20px 0;}
	.tab{max-width: inherit;}
	.tab li, .tab .imgArea{height: 36vw;}
	.mainList dt{font-size: 1.5rem;}
	.mainList li{margin-bottom: 40px;}
	.areattl{font-size:1.5rem;}
	.mainList dd h4{font-size: 4vw;}
	.mainList dd > div{height: 37vw;}
	.mainList dd p{font-size: 1.1rem;}
	.detailBox h3, .taikenArea h3, .instructorArea h3{padding:15px 0;font-size: 1.5rem;}
	.detailList01 li p, .detailList02 li p, .taikenList li .txtArea{font-size: 1.3rem;width: 55%;}
	.detailList01 li .imgArea, .detailList02 li .imgArea, .taikenList li .imgArea{width: 40%;height: auto;overflow: inherit;}
	.mainContentBox{padding: 20px;}
	.ttl_box h3{font-size: 3.5vw;}
	.souhyo_list dt{width: 8em;}
	.souhyo_list dd{width: calc(100% - 8em);}
	.souhyo-box .instructors .txtArea{width: 95%;padding: 1em;}
	.souhyo-box .instructors .imgArea{width: 23%;top: 0.5em;}
	.instructors .catchcopy{font-size: 20px;line-height: 1.4;display: block;}
	.instructors h5{font-size: 24px;margin-top: 0.5em;padding-bottom: 1em;}
	.souhyo-box .instructors h5, .souhyo-box .instructors .catchcopy{padding-left:20%;}
	.point-box ul li dd p{font-size: 16px;}
	.instructors dl{font-size: 16px;}
	.lineup_set dd .img_area{width: 35%;}
	.lineup_set dd .txtbox{width: 60%;padding: 3%;}
	.point-box ul.hsj_list li dd .imgArea{width:80%;margin: 0 auto 15px;}
	.point-box ul.flex li{width: 100%;margin-bottom: 1em;}
	.point-box .instructors ul.flex li{text-align: center;}
	.point-box .lineup_area ul.img_area li{width: 100%;}
	.point-box ul li dd div:first-of-type{margin-bottom: 0;}
	.bg_or{font-size: 4.25vw;}
	.point-box article > ul li:nth-of-type(2) dd > div:first-of-type{margin-bottom:1em;}
	.point-box ul.flex li:first-of-type{padding-right: 0;border-right: none;}
	.support .imgArea, .place .imgArea{text-align: center;}
	.columnArea .inner{padding: 0 5%;}
   }

@media (max-width: 699px){
	.main_h2{font-size: 2.4rem;line-height: 1.3;}
	.supportBox .imgArea, .supportBox .txtArea{width:100%;}
	.supportBox .imgArea{max-width: 400px;margin: 0 auto 20px;}
	.ttl_box h2{font-size: 3.5vw;}
	.ttl_box h3{font-size: 4.8vw;}
	.ttl_box{padding:2vw;margin-bottom: 1em;}
	.hsj h4{font-size: 4.5vw;}
	.hsj .hsj_list dd > .imgArea, .hsj .hsj_list dd > .txtArea, .hsj .hsj_list dd li, .place li, .support li{width: 100%;}
	.hsj .hsj_list dd li{margin-bottom: 1em;}
	.hsj .ttl_box h2, .place .ttl_box h2, .support .ttl_box h2{font-size: 5vw;}
	.hsj .ttl_box h3, .place .ttl_box h3, .support .ttl_box h3, .revueArea .ttl_box h3{font-size: 5.5vw;}
	.revueArea h5{font-size: 9vw;margin: 0;}
	.place ul li, .support ul li{margin-bottom: 20px;}
	
}

@media (max-width: 599px){
	.subNavi li{font-size: 3vw;}
	.secttl{font-size: 1.3rem;}
	.ttl{width: 200px;font-size: 1.2rem;}
	.secImg h3{font-size: 4.5vw; margin-bottom: 0;}
	.mainContentBox{padding:3vw;}
	.mainList dd > div{height: 36vw;position: relative;}
	.mainList{padding:20px 0 30px;}
	.secImg{margin-bottom: 15px;padding-top: 4vw;}
	.mainList dt{font-size:4vw;}
	.mainList dd h4{font-size: 4.8vw;}
	.areattl{font-size:1.3rem;padding: 3px;margin-top: 0;}
	.secImgArea{margin-bottom: 20px;}
	.pickupList .imgArea{display: flex;margin-bottom: 10px;}
	.pickupList .imgArea li:first-of-type{margin-right: 1%;}
	.pickupList > dt{padding: 5px 90px 5px 10px;}
	.pickupArea ul.pickupBox > li dt .ttl{width: calc(100% - 95px);}
	.pickupArea ul.pickupBox > li dt .icon{width: 35px;height:35px;line-height: 35px;font-size: 0.8rem;right:43px;}
	.pickupArea ul.pickupBox > li dl.pickupList > dt{line-height: 1.4;}
	.trainingList li{width:29%;margin: 2%;}
	.detailBox h3, .instructorArea h3, .taikenArea h3{font-size: 1rem;padding: 0;}
	.instructorArea h3{text-align: left;}
	.instructorArea h3 .dib{display: inline;}
	.courseInfo .imgArea{margin-top: 30px;}
	.courseInfo li dl{font-size: 0.8rem;}
	.courseInfo li dt{width: 80px;}
	.courseInfo li dd dl li{font-size: 0.8rem;padding-left: 1em;}
	.courseInfo li dd{padding: 10px;font-size: 1rem;width: calc(100% - 80px);}
	.revueArea .revueList{padding: 10px;margin: 20px auto;}
	.revueArea .revueList li{padding: 15px;}
	.mainList dd p{font-size: 1rem;}
	.detailList01 li p, .detailList02 li p, .taikenList li .txtArea{line-height: 1.4;width: 67%;font-size: inherit;}
	.detailList01 li .imgArea, .detailList02 li .imgArea, .taikenList li .imgArea{width: 30%;}
	.courseTtl dd ul li{font-size: 11px;padding: 5px;}
	.jobList li{ width: 30%;margin: 2px;padding: 2px;font-size: 3.8vw;}
	.courseTtl dt{line-height: 1.6;font-size: 1.1rem;}
	.courseInfo li dl li{font-size: 0.85rem;}
	.courseList h4{font-size: 1rem;}
	.courseTtl dd ul{padding: 2vw 0;}
	.secImg .imgArea{margin-bottom: 20px;}
	.tab li, .tab .imgArea{height: 45vw;}
	.tab li dt{font-size: 5.5vw;}
	.reasonArea .reason_box{margin: 25px auto 30px;}
	.catch{font-size: 4.8vw;line-height: 1.6;}
	.introduction{margin-bottom: 5vw;}
	.introduction h2{font-size:6vw;}
	.supportBox .ttl_box:before{margin-left: -30px;border: 30px solid transparent;border-top: 30px solid #fae6ed;}
	.ttl_box{padding: 2vw;}
	h2{font-size: 5.5vw;}
	.support .career li .imgArea{width: 120px;}
	.support .career li dl{width: calc(100% - 120px - 15px);}
	.support .career li dd{ margin-left: 0;}
	.support h4{font-size: 5vw;}
	.supportBox .ttl_box h3{font-size: 5vw;}
	.supportBox .ttl_box h2{font-size: 4.5vw;}
	.supportBox .ttl_box{padding: 10px}
	.support .career li dt{font-size: 1.15rem;line-height: 1.4;margin-bottom: 5px;}
	.souhyo-box .table02 tbody th, .souhyo-box .table02 tbody td{display: block;}
	.t_ttl{display: inline;border-right: 1px #ccc solid;background: #eee;}
	.souhyo-box .table02 tbody td span{padding: 0.5em;width: 50%;}
	.souhyo-box .table02 tbody th{width: 100%;background: #ddd;}
	.souhyo-box .table02 thead{display: none;}
	.souhyo-box .table02 tbody td{display: flex;padding: 0;}
	.souhyo-box .table02{border-top:none;}
	.syaroushi_kaitou-wrap h3{font-size:4.75vw;line-height: 1.3;}
	.kamokubetsu_list .bg_gr h5{font-size: 16px;}
	.answer-set th, .answer-set td{height: 2em;}
	.souhyo-box{margin-top: 5%;}
	.souhyo_list dt{width: 30%;padding: 0.75em;}
	.souhyo_list dd{width: 70%;padding: 0.75em;}
	.souhyo-box .scbox{overflow-x: scroll;width: 100%;}
	.souhyo-box .table03{width: 600px;white-space: nowrap;}
	.souhyo-box .table03 tr th:first-of-type{width: 7em;}
	.souhyo-box .table01, .souhyo-box .table02, .souhyo-box .table03{margin-bottom:5%;}
	.instructors_list .txtArea{width: 100%;}
	.point-box{padding: 5%;}
	.instructors h5{font-size: 17px;}
	.instructors .catchcopy{font-size: 14px;}
	.point-box ul li dd p{font-size: 15px;}
	.instructors dl{font-size: 14px;}
	.point-box .catch{font-size: 5vw;}
	.point-box .catch span:before, .point-box .catch span:after{width: 30px;}
	.main_h2{font-size: 5.25vw;}
	.point-box ul li dt{font-size: 5vw;}
	.point-box ul.flex li dd .imgArea{width: 35%;}
	.point-box ul li dd .txtArea{width: 62%;}
	.point-box ul li:first-of-type dd .imgArea{width: 25%;}
	.point-box ul.hsj_list li dd .imgArea{width: 80%;margin: 0 auto 1em;}
	.hsj .hsj_list .attack5 li{width: 100%;}
	.point-box ul.hsj_list li.attack5 dd .imgArea{width: 40%;}
	.point-box .hsj .hsj_list dt .hsjttl{display: block;margin-right: 0;line-height: 1.4;margin-bottom: 5px;}
	.hsj .hsj_list dt{padding: 5px;font-size:15px;}
	.hsj .hsj_list dt, .bg_or{text-align: left;}
	.point-box .instructors_list .imgArea{width: 50%;margin:0 auto 15px;}
	.instructors h5, .instructors .catchcopy{padding-left: 0;text-align: center;}
	.souhyo-box .instructors h5, .souhyo-box .instructors .catchcopy{text-align:left;}
	.point-box ul li dt{margin-bottom: 0;}
	.point-box .lineup_area ul li dt{font-size: 6.3vw;line-height: 1.4;}
	.lineup_area li{padding: 15px;}
	.columnArea{padding: 5%;}
	.columnArea .secttl{font-size: 6.5vw;}
	.columnArea h3{font-size: 4.5vw;}
	.columnArea .charm_list dt .charm{left: -10px;font-size: 90%;width: 65px;height: 65px;line-height: 65px;top: -1.15em;}
	.columnArea .charm_list dt{font-size: 4.75vw;padding:0.5em 0.5em 0.5em 70px;line-height: 1.4;}
	.columnArea .charm_list dd{padding: 15px;}
	.point-box ul.flex li:first-of-type{padding-right: 0;border-right: none;}
	.box02 dl dt, .box02 dl dd{height: 2em;padding: 0.2em;}

}
@media (max-width: 399px){
	.detailBox h3, .instructorArea h3, .taikenArea h3{font-size:0.9rem;}
	.courseTtl dl{padding: 10px;}
	.courseTtl dd ul li:not(:last-of-type){margin-right:0;}
	.support .career li .imgArea{width: 110px;}
	.support .career li dl{width: calc(100% - 110px - 10px);}
}
@media (max-width: 320px){
	.mainList dt{font-size:4.8vw;}
}


.campaign_bnr{text-align: center;width: 96%;margin:50px auto;}
@media (max-width:499px){
	.campaign_bnr{margin:30px auto;}
}