@charset "UTF-8";
.flex{display: flex;flex-wrap: wrap;}

#topvisual{position: relative;background: url(../images/top/bg_topvisual.jpg) right top no-repeat;background-size: 100%;height: 26vw;}
#topvisual h2{color: #fff;font-weight: bold;position: absolute;top:4vw;left:6vw;line-height: 1;font-size:5.5vw;text-shadow: 2px 2px 6px rgba(0,0,0,0.5);letter-spacing: 2px;}
#topvisual h2 br{display:none;}
#topvisual ul{position: absolute;top:12vw;left: 10vw;}
#topvisual ul li{font-size:2vw;border-left: 1px #111 solid;border-bottom: 1px #111 solid;padding:9px 15px 7px;font-weight: bold;position: absolute;}
#topvisual ul li:first-of-type{width: 48vw;}
#topvisual ul li:last-of-type{top:6vw;left:0;width: 29vw;}

#bnrSlide{padding: 15px 0;}
#bnrSlide .slickSlide > li {display:none;}
#bnrSlide .slickSlide > li:first-child {display:block; text-align:center;}
#bnrSlide .slick-slide img { width: 96%; margin:0 2%; }

section{padding: 50px 0;}
#mainContent, #pickupArea, #revueArea, #trainingArea {background: #f0f0f0;}

#mainContent .secImg{position: relative;margin-bottom:30px;}
#mainContent .secImg h3{position:absolute;top: 50%;background: rgba(0,0,0,0.5);color: #fff;text-align: center;padding: 3vw;font-size:3rem;left: 0;right: 0;margin: 0 auto;width: 80%;line-height: 1.4;}
#mainContent h2{text-align: center;font-size: 2.7rem;font-weight: bold;margin-bottom: 30px;}
#mainContent .mainList{background: #fff;padding: 40px;}
#mainContent .mainList li{width: 100%;}
#mainContent .mainList li:not(:last-of-type){margin-bottom: 60px;}
#mainContent .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;}
#mainContent .mainList dd > div{position: relative;margin-bottom: 20px;height: 400px;}
#mainContent .mainList dd h4{width:65%;font-size:2.5rem;font-weight: bold;position: absolute;transform: translateY(-50%);-webkit- transform: translateY(-50%);top: 50%;line-height: 1.6;}
#mainContent .mainList dd .imgArea{position:absolute;width: 43%;right: 0;}
#mainContent .mainList dd .imgArea p{font-size: 10px;line-height: 1.2;}
#mainContent .mainList dd h4.wide8{width:80%;}
#mainContent .mainList dd h4.wide7{width:70%;}
#mainContent .mainList dd p{line-height: 1.9;font-size: 1.1rem;}
#mainContent .mainList dd p.txtRight{margin-top: 10px;}
#mainContent .mainList dd p.txtRight.txtS{font-size:0.8rem;}

.secttl{text-align: center;font-size:2.5rem;line-height: 1.5;margin-bottom:50px;font-weight: bold;position: relative;}
.secttl .txtS{font-size: 60%;font-weight: normal}
.secttl:after{content:"";background: #CB064B;height:5px;width: 80px;position: absolute;bottom: -15px;left: 0;right: 0;margin: 0 auto;}
.secImgArea{max-width: 600px;margin: 0 auto 50px;}
.courseList dt.cateName{padding:27px 35px 27px 10px;background: #CB064B;color: #fff;position: relative;border-bottom:1px solid #fff;}
.courseList dt.cateName, .subCate, .courseList .inrList.inbox li li, #pickupArea ul.pickupBox > li dl.pickupList > dt{font-size: 1.2rem;}
.courseList .course_memo{margin-left:10px; font-size:85%;}
.courseList dt:after{font-family: FontAwesome;content: "\f0ab";font-weight: 900;position: absolute;right: 10px; top: 50%; transform: translateY(-50%);-webkit- transform: translateY(-50%);}
.courseList .on dt:after{content:"\f0aa";}
.courseList .inrList dt:after{content: "\f0ab";}
.courseList .inrList .on dt:after{content:"\f0aa";}
.courseList .acToggle{cursor:pointer;padding: 25px 0;}
.courseList dd a{display:block;}
.courseList dd{max-height:0;overflow:hidden;transition:.5s;}
.courseList .on dd{max-height:1000px;}
.courseList .inrList dd{max-height:0;padding:0;}
.courseList .inrList .on dd{max-height:1000px;padding:0 5px 15px 0;}
.courseList .inrList li{background: rgba(203,6,75,0.10);padding:25px 25px 25px 10px;border-bottom: 1px #fff solid;position: relative;}
.courseList .inrList li:after, .courseList .inrList.inbox li li:after{font-family: FontAwesome;content:"\f105";font-weight: 900;position: absolute;right: 10px; top: 50%; transform: translateY(-50%);-webkit- transform: translateY(-50%);color: #CB064B;}
.courseList .inrList.inbox li li:after{right: 5px;}
.courseList .inrList.inbox li{padding: 0 0 0 10px;}
.courseList .inrList.inbox li:after{content:inherit;}
.courseList .inrList.inbox li li{background: #fff;border-bottom: 1px #CB064B solid;padding: 25px 0 25px 10px;}
#courseArea h3, #taikenArea h3, #instructorArea h3{text-align: center;font-size: 2rem;margin-bottom: 50px;font-weight: bold;color: #565656;}
.course_memo{font-size: 14px;}

.pickupList .imgArea{}
.pickupList > dt{background: #fff;padding:5px 120px 5px 10px;}
#pickupArea ul.pickupBox > li{margin-bottom:5px;}
#pickupArea ul.pickupBox > li dl.pickupList > dt{position: relative;height: 80px;border-top: 2px #CB064B solid;font-weight: bold;}
#pickupArea ul.pickupBox > li dt .ttl, #pickupArea ul > li dt .icon{position: absolute;transform: translateY(-50%);-webkit- transform: translateY(-50%);top: 50%; }
#pickupArea ul.pickupBox > li dt .icon{font-weight: normal;right:60px;background: #ccc;color: #fff;width:50px;text-align: center;border-radius: 50px;height:50px;line-height:50px;}
#pickupArea ul.pickupBox > li dt .icon:last-of-type{right:5px;}
#pickupArea .acToggle { cursor:pointer; position:relative; }
/*
#pickupArea .acToggle:after{ font-family: FontAwesome;content: "\f0ab";font-weight: 900;
  position: absolute;left: 0; top:50%; transform:translateY(-50%); }
#pickupArea .on .acToggle:after{content:"\f0aa";}
*/
#pickupArea .acToggle:after{ font-family: FontAwesome;content: "\f107";font-weight: 900;
  position: absolute;bottom: -7px; left:50%; transform:translateX(-50%); }
#pickupArea .on .acToggle:after{content:"\f106";}
#pickupArea .acTarget { max-height:0; overflow:hidden; transition:.5s; }
#pickupArea .on .acTarget { max-height:1000px;background: #fff;padding: 20px;border-top: 1px #ddd solid;}
#pickupArea ul.pickupBox > li dd dl{display: flex;background: #565656;align-items: center;margin-bottom: 5px;font-size: 1rem;}
#pickupArea ul.pickupBox > li dd dl:first-of-type{margin-bottom:10px;}
#pickupArea ul.pickupBox > li dd dt{width:100px;text-align: center;color: #fff;}
#pickupArea ul.pickupBox > li dd dd{background: #fff;padding: 10px;width: calc(100% - 100px);}
#pickupArea ul.pickupBox > li dd dl li{font-size: 1rem;line-height: 1.7;position: relative;padding-left: 1em;}
#pickupArea ul.pickupBox > li dd dl li:not(:last-of-type){margin-bottom: 10px;}
#pickupArea ul.pickupBox > li dd dl li:before{content: "";font-size: 50%;margin-right: 3px;position: absolute;left: 3px;width: 5px;height: 5px;border-radius: 50%;background: #565656;top:8px;}
.pickupList .imgArea{margin-bottom:20px;display: flex;justify-content: center;}
.pickupList .imgArea li:first-of-type{margin-right:3%;}
#pickupArea ul.pickupBox > li dt .icon.iconTanki{background: #f5a210;}
#pickupArea ul.pickupBox > li dt .icon.iconShikaku{background: #7ecef4;}
#pickupArea ul.pickupBox > li dt .icon.iconJisen{background: #89c997;}
#pickupArea ul.pickupBox > li dt .icon.iconPopular{background: #ff6e4d;}
#pickupArea ul.pickupBox > li dt .icon.iconSenmon{background: #84ccc9;}
#pickupArea ul.pickupBox > li dt .icon.iconShushoku{background: #ff9fb8;}
#pickupArea ul.pickupBox li a:after{ font-family: FontAwesome;content: "\f107";font-weight: 900;position: absolute;bottom: -3px;left: 0;right: 0;text-align: center;width:100%;margin: 0 auto;}
#pickupArea ul.pickupBox li a{position: relative;}

#schoolArea .secImgArea{display: flex;}
.pref-school{ margin: 0 0 .5em; }
.pref-school input[type=checkbox] { display:none; }
.pref-school .acToggle { cursor:pointer; }
.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: 20px; 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:1.25em; 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:18px 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 5px; }
.pref-school .pref_detail a { font-size:12px; display:inline-block;margin:5px; padding:.5em 1em; color:#fff; background:#CB064B; border-radius:10px; }
.pref-school .pref_detail a.toMap { background:#fff; color:#333; }
.pref-school .pref_detail a.toOnline {background:#00aca0;}

.taikenList li{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;}
.taikenList li .imgArea{width:40%;}
.taikenList li .txtArea{width:55%;}

#revueArea .revueList{background: #fff;padding: 10px;margin: 20px auto;}
#revueArea .revueList li{margin-bottom: 20px;background: rgba(203,6,75,0.05);padding: 15px;}
#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;}
#revueArea .voiceList{overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;display: flex;flex-wrap: nowrap;max-width: 95%;margin: 30px auto 0;padding-bottom: 20px;}
#revueArea .voiceList li{white-space: normal;text-align: left;flex-shrink: 0;max-width: calc( 33% - 2em );width: 400px;display: block;background: #fff;padding: 1.5em;margin-right: 2em;vertical-align: top;padding-bottom: 1em;}
#revueArea .voiceList .img_box{text-align: center;margin-bottom: 1em;}
#revueArea .voiceList .course{padding-bottom: 0.5em;border-bottom: dotted 1px currentColor;margin-bottom: 0.8em;}
#revueArea .voiceList h4{font-weight: bold;color: #cb064b;margin-bottom: 0.5em;}
.right{text-align: right;}
#revueArea .voiceList .c_mrk{background: linear-gradient(transparent 70%, yellow 0%);}

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

.trainingList{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 20px;background: #fff;padding: 5px;padding: 20px;}
.taikenList li .imgArea{width:300px; height: 180px;overflow: hidden;}
.taikenList li .txtArea{width:calc(100% - 350px);font-size: 1.5rem;line-height: 1.7;}
.trainingList li{width:20%;text-align: center; margin: 2%;}
#taikenArea h3 .txtB{font-weight: bold;font-size: 140%;}

.newsList {}
.newsList li{display: flex;justify-content: space-between;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px #aaa dotted;}
.newsList li .imgArea{width:200px;width: 200px;height: 150px;overflow: hidden;}
.newsList li .txtArea{width:calc(100% - 220px);}
.newsList li .txtArea dd{font-size: 0.85rem;line-height: 1.7;}


.btnArea{width: 220px;margin:30px auto 0;}
.btnArea a{background: #CB064B;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;}
#footer > section:first-of-type{display: none;}
#footer > section:last-of-type{padding:0;}
ul.list-beige li a{font-weight: normal;}
.co01{background:linear-gradient(transparent 80%, #ffdc00 80%);}
#courseArea h3 .ls{letter-spacing: -0.4em;}

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


@media (max-width: 1099px){
	#courseArea h3, #taikenArea h3, #instructorArea h3{font-size: 1.5rem;margin-bottom:30px;}
	.secImgArea{margin-bottom:30px;}
	#revueArea .voiceList li{max-width: 300px;width: 80%;}
}
@media (max-width: 899px){
	#topvisual h2{top: 3vw;left: 2vw}
	#topvisual ul{top: 11vw;eft: 2vw}
	#topvisual ul li{padding: 6px 15px;}
	#topvisual ul li:first-of-type{width: 50vw;}
	#mainContent .secImg h3{width: 85vw;font-size: 5.5vw;}
	.secttl{font-size: 1.8rem;line-height: 1.4;margin-bottom:35px;}
	#mainContent .mainList dd > div{height: 37vw;}
	#mainContent .mainList dd h4{font-size: 4vw;}
	.taikenList li .txtArea{font-size: 1.3rem; width: 55%;}
	.taikenList li .imgArea{width: 40%;height: auto;overflow: inherit;}
	#instructorArea h3.secsubttl{font-size: 1.8rem;}
}
@media (max-width: 599px){
	.subNavi li{font-size: 3vw;}
	#topvisual{background: url(../images/top/bg_topvisual_smt.jpg) center top no-repeat;background-size: 100%;height: 78vw;}
	#topvisual h2{font-size: 10vw;top: 8vw;left:4vw;background: none;text-align: left;line-height: 1.3;left: 3vw;width: cacl(100% - 4vw);    padding: 0;}
	#topvisual h2 br{display:inherit;}
	#topvisual ul{bottom:2vw;width: 95%;margin: 0 auto;left: 0;right: 0;top: inherit;}
	#topvisual ul li{padding: 2vw;font-size: 3.8vw;background: rgba(255,255,255,0.7);border: 1px #fff solid;}
	#topvisual ul li:first-of-type{margin-bottom:2vw;}
	#topvisual ul li:first-of-type, #topvisual ul li:last-of-type{position: static;width: 100%;}
	section{padding: 30px 0;}
	.secttl{font-size: 1.3rem;}
	#mainContent h2{font-size: 1.4rem;margin-bottom: 15px;}
	#mainContent .mainList{padding: 20px 3vw;}
	#mainContent .mainList dt{font-size: 0.95rem;}
	#mainContent .mainList dd > div{height: 36vw;position: relative;}
	#mainContent .secImg{margin-bottom: 15px;}
	#mainContent .mainList{padding:20px 3vw 30px;}
	#mainContent .mainList dt{font-size:4.5vw;}
	#mainContent .mainList dd h4{font-size: 4.6vw;}
	#mainContent .mainList dd p{font-size: inherit;}
	.secImgArea{margin-bottom: 20px;}
	.pickupList .imgArea{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:28%;margin: 2%;}
	.newsList li .imgArea{width:100px;height: 80px;}
	.newsList li .txtArea{width:calc(100% - 115px);}
	#courseArea h3, #taikenArea h3, #instructorArea h3{margin-bottom: 15px;font-size: 1rem;}
	.courseList dt.cateName, .subCate, .courseList .inrList.inbox li li, #pickupArea ul.pickupBox > li dl.pickupList > dt{font-size: inherit;}
	.course_memo{font-size: 12px;}
	.taikenList li .txtArea{line-height: 1.4;width: 67%;font-size: inherit;}
	.taikenList li .imgArea{width: 30%;}
	#pickupArea .on .acTarget{padding: 10px;}
	#pickupArea ul.pickupBox > li dd dl, #pickupArea ul.pickupBox > li dd dl li{font-size: 0.8rem;}
	#pickupArea ul.pickupBox > li dd dt{width: 80px;}
	#pickupArea ul.pickupBox > li dd dd{padding: 10px;width: calc(100% - 80px);}
	.trainingList{padding: 5px;}
	#instructorArea h3.secsubttl{font-size:1.5rem;margin-bottom: 0.75em;}
}
@media (max-width: 399px){
	#topvisual ul li{font-size: 4vw;}
}
@media (max-width: 320px){
	#mainContent .mainList dt{font-size:4.8vw;}
}




/* 2列レイアウト */
.courseList .course_memo{display: inline-block;font-size: 75%;}
.courseList .inrList .on dt:after{top: 35px;}
.open .courseList .subCate.acToggle{padding: 22px 0 26px;line-height: 1;}
.courseList .inrList.inbox li li{padding: 20px 0 20px 10px;}

@media (min-width: 960px){
	#mainContent .mainList.flex{justify-content: space-between;}
	#mainContent .mainList.flex li{width: 47%;}
	#mainContent .mainList.flex li:first-of-type{width: 100%;}
	#mainContent .mainList.flex li:first-of-type .imgArea{text-align: right;}
	#mainContent .mainList.flex li:first-of-type .imgArea img{max-width: 320px;width: 100%;}
	#mainContent .mainList.flex li:first-of-type  dd > div{height: 350px;}
	#mainContent .mainList.flex dt{font-size: 1.5rem;}
	#mainContent .mainList.flex li:not(:first-of-type) dd h4{font-size: 1.3rem;}
	#mainContent .mainList.flex dd h4{font-size: 2.2rem;width: 60%;}
	#mainContent .mainList.flex li:not(:first-of-type) dd > div{height: 200px;}
	#mainContent .mainList.flex dd h4.wide8{width: 80%;}
	#courseArea.open .courseList, .open .courseList .inrList.inbox ul{display: flex;flex-wrap: wrap;}
	#courseArea.open .courseList{justify-content: space-between;}
	#courseArea.open .courseList > li{width: 49%;margin-bottom:1.5vw;background: rgba(203,6,75,0.10);}
	#courseArea.open .courseList > li:last-of-type{width: 100%;}
	#courseArea.open .courseList .acToggle{font-size: 1.1rem;pointer-events: none;}
	#courseArea.open .courseList .inrList .on dd{padding:0;}

	#pickupArea ul.pickupBox.flex{justify-content: space-between;}
	#pickupArea ul.pickupBox.flex > li{width: 49%;margin-bottom:1.5vw;background: #fff;}
	#pickupArea ul.pickupBox.flex > li dt .ttl{width: calc(100% - 130px);}
	#pickupArea .flex .on .acToggle:after{content: "";}
	.open .courseList .on dt, .open .courseList .on dt:after{content:"";}
	.open .courseList dt.cateName{padding: 17px 35px 17px 10px;}
	.open .courseList .inrList li{padding: 15px 25px 15px 10px;}
	.open .courseList .on dt.subCate {padding-top: 0;}
	.open .courseList .inrList.inbox li{padding: 15px 10px;}
	.open .courseList .inrList.inbox li li{padding: 15px 18px 15px 10px;width: 31.5%;font-size: 1rem;margin:0 1vw 1vw 0;}
}
@media (max-width: 959px){
	#mainContent .mainList.flex li, #courseArea.open .courseList > li, #pickupArea ul.pickupBox.flex > li, .open .courseList .inrList.inbox li li{width: 100%;}
	#mainContent .mainList.flex li:not(:first-of-type) dd > div, #mainContent .mainList.flex li:first-of-type  dd > div{height: 35vw;}
	.open .courseList .inrList dd{padding-right: 10px;}
	.open .courseList .inrList li.on .subCate.acToggle{padding-bottom: 15px;}
}
@media (max-width:799px){
	#mainContent .mainList.flex li .imgArea{text-align: right;width: 43%;}

}
@media (max-width: 599px){
	#mainContent .mainList.flex li:not(:first-of-type) dd h4, #mainContent .mainList.flex dd h4{font-size:4.5vw;}
	#mainContent .mainList.flex li:not(:first-of-type) dd h4.wide7, #mainContent .mainList.flex li:not(:first-of-type) dd h4.wide7{width: 70%;}
	#mainContent .mainList.flex dt{font-size: 4.8vw;}
	#pickupArea ul.pickupBox.flex > li dt .ttl{width: calc(100% - 120px);}
	.open .courseList .subCate .course_memo{display:block;}
}


/* キャリアカウンセラー */
.instructorList .slick-dots li{width: 15px;}
.instructorList .slick-dots{margin-top: 20px;}


/* メインコンテンツ */
#mainContent .inner > h2:first-of-type{margin-bottom:10px;}
@media (min-width:800px){
	/*#mainContent .secImg .imgArea{width:55%;}
	#mainContent .secImg h3{background: no-repeat;color: #111;text-align: right;transform: translateY(-50%);-webkit- transform: translateY(-50%);right: 0;width: 100%;font-size:4vw;}*/
	#mainContent .secImg h3{display: none;}
}
@media (min-width: 1100px){
	/*#mainContent .secImg h3{font-size: 2.8rem;}*/
}


.bnrOnline{text-align: center;margin-bottom: 20px;padding: 1%;}
.bnrOnline dd ul, .contctarea{display: flex;justify-content: center;}
.bnrOnline dd ul li{padding:1%;}

.bnrArea{max-width: 890px;margin: 0 auto 70px;width: 96%;}

.contctarea{
    margin-top: 40px;
}
.contctarea li{
	width: 250px;
    margin: 0 15px;
    
}
.contctarea li a{
	color: #fff;
    display: block;
    text-align:left;
    background: #CB064B;
    padding:15px 20px 10px;
    border-radius:10px;
    font-size: 20px;
    text-shadow: 0px 3px 1px #ab0022;
    box-shadow: 0px 5px 0px 0px #980010;
    position: relative;
}
.contctarea li a:after{
	font-family: FontAwesome;content: "\f105";font-weight: 900;position: absolute;right: 10px; top: 50%; transform: translateY(-50%);-webkit- transform: translateY(-50%);
}

.topbnrArea{text-align:center;padding:3% 0;}

@media (max-width: 1019px){
	.topbnrArea{padding:3%;}
}

@media (min-width: 999px){
	.contctarea li a:hover{background: #e10047;}
}

@media (max-width: 599px){
	.bnrArea{margin: 0 auto 30px;}
	.contctarea{margin: 25px auto;}
	.contctarea li{margin: 0 2vw 15px;}
	.contctarea li a{font-size: 16px;padding: 10px 15px 6px;}
}


/* メインビジュアル盆休み */
#topvisual h2, #topvisual ul{left:2vw;}
#topvisual .infobox{background: #cb064b;color: #fff;width: 240px;height: 180px;text-align: center;border-radius: 50%;position: absolute;left: 55vw;top: 1vw;font-size: 22px;}
#topvisual .infobox span{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;right: 0;}


@media (max-width: 1499px){
	#topvisual .infobox{width: 210px;height: 140px;font-size: 18px;}
}

@media (max-width: 1199px){
	#topvisual h2, #topvisual ul{left:1.5vw;}
	#topvisual .infobox{left: 53vw;}
}
@media (max-width:999px){
	#topvisual{background: url(../images/top/bg_topvisual.jpg) center top no-repeat;background-size: 110%;}
	#topvisual .infobox{width:170px;height: 110px;font-size: 16px;line-height: 1.3;left: 54vw;}
}
@media (max-width: 699px){
	#topvisual{background: url(../images/top/bg_topvisual_smt.jpg) center top no-repeat;background-size: 100%;height: 78vw;}
	#topvisual h2{font-size: 10vw;top:2vw;left:4vw;background: none;text-align: left;line-height: 1.3;left: 3vw;width: cacl(100% - 4vw);    padding: 0;}
	#topvisual h2 br{display:inherit;}
	#topvisual ul{bottom:2vw;width: 95%;margin: 0 auto;left: 0;right: 0;top: inherit;}
	#topvisual ul li{padding: 2vw;font-size: 3.8vw;background: rgba(255,255,255,0.7);border: 1px #fff solid;}
	#topvisual ul li:first-of-type{margin-bottom:2vw;}
	#topvisual ul li:first-of-type, #topvisual ul li:last-of-type{position: static;width: 100%;}
	#topvisual .infobox{left: 4vw;top: 27vw;width: 36vw;height: 23vw;font-size: 3.3vw;}
}



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



#columnArea{padding: 0 0 50px;}
#columnArea h3{text-align: center;font-size: 2rem;margin-bottom: 15px;font-weight: bold;color: #565656;line-height: 1.7;padding: 20px 0;}
#columnArea .co01{font-weight: bold;}
.special_ttl{background: #565656;color: #fff;text-align: center;font-size: 1.4rem;margin-bottom:40px;padding: 0.25em;}
.special_ttl span{font-size:70%;margin-left: 0.5em;display:inline-block;}
#columnArea .inner{margin-bottom: 60px;}
#columnArea .sh3{padding: 0.25em 1em;background: #CB064B;color: #fff;text-align: left;font-size: 1.6rem;font-weight: 500;    margin-bottom: 1em;}
#columnArea .lead_txt{font-size: 1.1rem;margin-bottom: 0.75em;}
#columnArea .test_list li:not(:last-of-type){margin-bottom: 25px;}
#columnArea .test_list dl{margin: 0;}
#columnArea .test_list dt{font-size: 1.4rem;font-weight: bold;line-height: 2;position: relative;padding-left: 1em;line-height: 1.6;margin-bottom: 0.5em;}
#columnArea .test_list dt:before {position: absolute;left: 0.25em;width: 6px;height: 100%;content:"";border-radius: 3px;background: #5f7276;}
#columnArea .test_list dd{background: #f0f0f0;margin-left: 0;padding: 30px;border: 1px #aaa dotted;}
#columnArea .test_list dd p{line-height: 2;}
#columnArea .test_list:not(:last-of-type){margin-bottom:50px;}
#columnArea .inner:last-of-type{margin-bottom:20px;}
#columnArea .test_list dt .txt_s{font-size: 80%;font-weight: normal;}
@media (max-width: 899px){
	#columnArea h3{padding: 10px 0;font-size: 1.5rem;}
}
@media (max-width: 599px){
	#columnArea h3{padding:0;font-size: 1rem;}
	.special_ttl{font-size: 1.2rem;margin-bottom: 20px;}
	#columnArea .lead_txt{font-size: 1rem;}
	#columnArea{padding-bottom: 10px;}
	#columnArea .sh3{font-size: 1.05rem;padding: 0.25em 0.5em;}
	#columnArea .test_list dt{font-size: 1.15rem;line-height: 1.4;}
	#columnArea .test_list dd p{line-height: 2;}
	#columnArea .inner .test_list dd{padding: 1em;}
}


.campaign_bnr .bnr{
    text-align: center;
    width: 96%;
    margin:50px auto;
    max-width: 1000px;
}
@media (max-width: 599px){
	.campaign_bnr .bnr{padding-top:25px;}

}

/* ＝＝＝＝＝＝＝＝＝＝＝メインビジュアル別パターン＝＝＝＝＝＝＝＝＝＝ */
#topvisual.differ.p_a{background: url(/resource/images/top/bg_topvisual_a.jpg) right top no-repeat;background-size: 100%;}
#topvisual.differ.p_c{background: url(/resource/images/top/bg_topvisual_c.jpg) right top no-repeat;background-size: 100%;}
#topvisual.differ h2{top: 2vw;font-size: 3.5vw;}
#topvisual.differ h2 .txt_b{font-size: 140%;display: block;margin-top: 0.2em;}
#topvisual.differ ul li:last-of-type, #topvisual.differ ul li:first-of-type{width: 38vw;}
#topvisual.differ ul{top: 15.5vw;}
#topvisual.differ ul li{position: static;padding:0.35em 0.5em 0.15em;line-height: 1.3;}
#topvisual.differ ul li:first-of-type{margin-bottom: 0.5em;}
#topvisual.differ h2 rt{font-size: 30%;}
#topvisual.differ.p_c h2{text-shadow: none;color: #111;}
#topvisual.differ.p_c h2 .txt_b{color: #CB064B;}
#topvisual.differ.p_c h2, #topvisual.differ.p_c ul{left: 6vw;}

@media (max-width: 699px){
#topvisual.differ{height:90vw;}
#topvisual.differ.p_a{background: url(/resource/images/top/bg_topvisual_smt_a.jpg) right top no-repeat;background-size: 100%;}
#topvisual.differ.p_c{background: url(/resource/images/top/bg_topvisual_smt_c.jpg) right top no-repeat;background-size: 100%;}
#topvisual.differ::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background-image:linear-gradient(rgba(0,0,0,0) 35%,rgba(0,0,0,0.5) 100%);
}
#topvisual.differ.p_a::after {background-image:linear-gradient(rgba(0,0,0,0) 35%,rgba(0,0,0,0.6) 100%);}
#topvisual.differ h2, #topvisual.differ ul{z-index: 1;}
#topvisual.differ ul{top: inherit;}
#topvisual.differ ul li{font-size: 4.5vw;line-height: 1.3;padding: 0.25em 0.5em;}
#topvisual.differ ul li:last-of-type, #topvisual.differ ul li:first-of-type{width: 100%;}
#topvisual.differ h2{top:45vw;font-size: 6.5vw;}
#topvisual.differ h2 .txt_b{margin-top: 0;}
#topvisual.differ.p_c h2{text-shadow: 2px 2px 6px rgb(0 0 0 / 70%);color: #fff;}
#topvisual.differ.p_c h2 .txt_b{color: #fff;}
#topvisual.differ.p_c h2{left:2vw;}
#topvisual.differ.p_c ul{left:0;}
}

/* ＝＝＝＝＝＝＝＝＝＝＝メインビジュアル別パターンここまで＝＝＝＝＝＝＝＝＝＝ */



.sl_sp{display: none!important;}
@media (max-width: 599px){
.sl_sp{display: block!important;}
.sl_pc{display: none!important;}
}



/* ＝＝＝＝＝＝＝＝＝＝＝230908　給付金セクション追加など＝＝＝＝＝＝＝＝＝＝ */
.bold{
    font-weight: bold;
}
.fs200{
	font-size: 200%;
}
.fs170{
	font-size: 170%;
}
.fs150{
	font-size: 150%;
}
.fs130{
	font-size: 130%;
}
.c_red{
    color: #CB064B;
}
.secBox{
    margin-bottom:30px;
}
.secBox h3{
	text-align: center;
    font-size: 1.8rem;
    border-bottom: 2px #CB064B solid;
    background: rgba(203,6,75,0.10);
    padding: 5px 0 3px;
    margin-bottom: 20px;
}
.subttl{
	text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
}
.secBox.flex, .targetList.flex, .benefitsCList.flex{
	justify-content: space-between;
}
.secBox.box01.flex{
    align-items: center;
    flex-direction: row-reverse;
    max-width: 950px;
    margin: 0 auto 30px;
}
.secBox.box01 .imgBox{
    max-width: 300px;
}
.secBox.box01 .txtBox{
    width: 100%;
}
.txt_ind li{
    padding-left: 1em;
    text-indent: -1em;
	margin-bottom: 0.25em;
}
.secBox.box01 .txt_ind li{
	font-size: 90%;
}
.secBox.box01 .txtBox .fs170{
    margin-bottom: 0.75em;
}
.targetList.flex > li, .benefitsCList.flex > li{
	width: 49%;
    padding: 1.5em;
}
.targetList.flex > li{
    background: #FDF5E6;
}
.targetList dt{
    text-align: center;
    font-size: 1.4rem;
    background: #CB064B;
    color: #fff;
    margin-bottom: 1em;
    line-height: 1.7;
}
.targetList dd{
	position: relative;
}
.targetList dd .imgBox{
    width: 60%;

}
.targetList dd .qaBox{
    position: absolute;
	top: 5%;
    right: 0;
    width: 100%;
}
.targetList dd .qaBox li{
	position: relative;
    width: 60%;
    margin: 0 0 1em auto;
}
.targetList .question, .targetList .answer{
    right: -3%;
    background: rgba(255,255,255,0.8);
    padding:0.75em;
}
.targetList .question{
    right: 3%;
    border: 2px #12ccbd solid;
}
.targetList .answer{
    right: 0;
    border: 2px #CB064B solid;
}
.targetList .question span, .targetList .answer span{
	position: absolute;
    left: -0.75em;
    top: -0.75em;
    background: #CB064B;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-weight: bold;
    color:#fff;
}
.targetList .question span{
    background: #12ccbd;
}
.benefitsCList.flex > li{
	margin-bottom: 2%;
}
.benefitsCList dt{
	text-align: center;
    font-size: 1.4rem;
    background: #f8b500;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 0.25em;
}
.benefitsCList dd{
	justify-content: space-between;
}
.benefitsCList dd .imgBox{
    width: 150px;
}
.benefitsCList dd .txtBox{
    width:calc(100% - 150px - 3%);
}
.benefitsCList.flex > li{
	background: #F0F0F0;
    padding: 1.5em;
    margin-bottom: 2%;
}


@media (max-width:999px){
	.targetList.flex > li, .benefitsCList.flex li{padding: 1em;}
	.targetList .question span, .targetList .answer span{width: 25px;height: 25px;line-height: 25px;}
	.benefitsCList dd .imgBox{width: 35%;}
	.benefitsCList dd .txtBox{width: 62%;}
}
@media (max-width:899px){
	.subttl{font-size: 3.2vw;margin-bottom: 15px;}
	.secBox.box01 .txtBox .fs170{font-size:150%;}
	.secBox.box01 .imgBox{width: 40%;}
	.secBox.box01 .txtBox{width: 100%;}
	.targetList dd .qaBox li{width: 70%;}
	.targetList dd .imgBox{width: 50%;}
	.targetList.flex > li{padding-bottom: 4%;}
	.benefitsCList dd .imgBox{float: left;margin: 0 1em 1em 0;}
	.benefitsCList dd .txtBox{width: 100%;}
	.benefitsCList dd{display: block;}
	.benefitsCList dt{font-size: 1.1rem;}
	.benefitsCList dd:after{content: "";clear: both;display: block;}
}


@media (max-width:849px){
	.targetList.flex > li{padding-bottom: 7%;}
}
@media (max-width:799px){
	.targetList.flex > li{padding-bottom: 9%;}
}
@media (max-width:699px){
	.subttl{font-size:6vw;}
	.secBox.box01 .imgBox{width:70%;margin: 0 auto 1em;}
	.secBox.box01 .txtBox{width:100%;}
	.secBox.box01 .txtBox .fs170{font-size:140%;}
	.secBox h3{font-size: 1.3rem;}
	.targetList.flex > li{width: 100%;margin-bottom: 1em;}
	.targetList dd .qaBox li{width: 60%;}
	.targetList dd .qaBox{top: 15%;}
	.benefitsCList.flex > li{width: 100%;}
	.benefitsCList dd .imgBox{max-width: 150px;}
}
@media (max-width:499px){
	.targetList dd .imgBox{width: 40%;}
	.targetList dd .qaBox li{width: 73%;}
	.targetList dd .qaBox{top: 5%;}
}
@media (max-width:399px){
	.targetList.flex > li:first-of-type{padding-bottom: 12%;}
}
@media (max-width:390px){
	.targetList.flex > li:last-of-type{padding-bottom: 25%;}
}
@media (max-width:375px){
	.targetList.flex > li:first-of-type{padding-bottom: 20%;}
}
@media (max-width:360px){
	.targetList.flex > li:last-of-type{padding-bottom: 28%;}
}
@media (max-width:320px){
	.targetList.flex > li:first-of-type{padding-bottom:29%;}
	.targetList.flex > li:last-of-type{padding-bottom:36%;}
}


#topvisual.new{
	background: url(../images/top/bg_topvisual_230908.jpg) right top no-repeat;
	background-size: cover;
}
#topvisual.new h2{
	max-width: 65vw;
	font-size: 2.5vw;
	line-height: 1.2;
	top: 1vw;
	color: #000;
	text-shadow: inherit;
	letter-spacing: 0;
}

#topvisual.new h2 .f_large{
	font-size: 130%;
}

#topvisual.new ul {
	top: 15vw;
}

#topvisual.new ul li{
    color: #fff;
    background: #cb064b;
    border:none;
}

#topvisual.new ul li:last-of-type{
    top: 5.5vw;
}
#topvisual.new h2 br{
    display: block;
}
.campaign_bnr.new h3 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
    color: #565656;
}
.campaign_bnr.new ul.button-area-two{
	max-width: 430px;
	margin: 30px auto auto;
}

@media (max-width:699px){
	#topvisual.new{background:url(../images/top/bg_topvisual_smt_230908.jpg) center top no-repeat;background-size: 100%;}
	#topvisual.new h2{font-size: 5vw;top: 12vw;letter-spacing: 0;}
	#topvisual.new ul{top: inherit;}
	.campaign_bnr.new h3 {margin-bottom: 0;font-size: 1.4rem;}
	.campaign_bnr.new ul.button-area-two{margin: 15px auto auto;}
}
@media (max-width:599px){
	.campaign_bnr .bnr{margin:0 auto;}
}



.pickupBtn{
	width: 220px;
    margin: 20px auto 0;
}
.pickupBtn a{
    background: #CB064B;
    display: block;
    color: #fff;
    padding: 5px 15px;
    letter-spacing: 1px;
    border-radius: 20px;
}
#pickupArea ul.pickupBox li .pickupBtn a{
    position: relative;
}
#pickupArea ul.pickupBox li .pickupBtn a:after {
    font-family: FontAwesome;
    content: "\f0a9";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: inherit;
    bottom: inherit;
    width: 1em;
}