@charset "UTF-8";
/* target */
.target-list li{box-sizing: border-box;}
.target-list-item .-ttl{color:#3893c6;}
.target-list-item .-imgbox{text-align:center;}
.target-list-item  .-cat{color:#3893c6; background:#FFF;  text-align:center;}
.target .container .-ttlb span{background:#3ea3db; color:#FFF;}
.target_message{background:#e3f1f9; position:relative;}
.target_message .-ttl{; position:relative; z-index:1;}
.target_message .-ttl b{color:#3893c6;}
@media (max-width: 768px) {
.target .sec-title{padding-top: 0;}
.target-list li{background:#f5f5f5; padding:5%; margin-bottom:10px;}
.target-list-item .-ttl{font-size:18px;  text-align:left;}
.target-list-item .-txt{font-size:12px; margin:0 0 10px 0;}
.target-list-item  .-cat{font-size:11px; padding:10px 0;}
.target-list-item .-imgbox{display:flex; width:100%; align-items:center;}
.target-list-item .-imgbox img{max-width:70px; margin:0 10px 10px 0;}
.target .container .-ttlb span{font-size:18px; width:116%; margin:40px -8% 0; padding:10px 0; display:block; text-align:center; box-sizing:border-box;}
.target_message{padding:5%; margin-top:-1px;}
.target_message::after{content:" "; display: block; position:absolute; bottom:0; left:0; background:#FFF; width:100%; height:30px;}
.target_message .-ttl{font-size:18px; padding: 10px 0 200px; text-align:center; background:url(../img/feature/bg_target_m_sp.png) no-repeat center bottom; background-size:300px;}
.target_message .-ttl b{font-size:28px;}
}
@media (min-width: 769px) {
.target .container{border: 5px solid #3ea3db; position:relative; z-index:2; background:#FFF; padding: 40px;}
.target-list{max-width:860px; margin: 0 auto 50px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.target-list li{background:linear-gradient(0deg,#f5f5f5 0%,#f5f5f5 80%,#FFF 80%,#FFF 100%);}
.target-list li{width: 48%; padding: 30px;}
.target-list-item .-ttl{text-align:center; font-size:24px; margin-top: 20px;}
.target-list-item .-txt{margin:20px 0; font-size:16px; line-height:2;}
.target-list-item  .-cat{font-size:14px; padding:10px 0;}
.target .container .-ttlb{text-align:center; margin: 0 0 -68px;}
.target .container .-ttlb span{font-size:32px; padding:10px 40px;}
.target_message{margin: -80px 0 0;}
.target_message::after{content:" "; display: block; position:absolute; bottom:0; left:0; background:#FFF; width:100%; height:15px;}
.target_message .-ttl{max-width: 1000px; margin: 0 auto; font-size:32px; padding: 200px 0 100px; background:url(../img/feature/bg_target_m.png) no-repeat right bottom;}
.target_message .-ttl b{font-size:40px;}
}

/* support */
.support { background:url(../img/common/bg_st2.png), url(../img/common/bg_wave01.png) no-repeat left 98%; }
.support-list {display:flex; justify-content:space-between; flex-wrap:wrap;}
.support-list-item .-subttl { position: relative; color: #3893c6; text-align: center; }
.support-list-item .-subttl:after{ content: ""; display: block; background:#ffe74c;}
.support-list-item .-image{position:relative; text-align:center;}
.support-list-item .-image span{background:linear-gradient(135deg,#3ec8db 0%,#2c9cdb 100%); color:#FFF; position:absolute; left:50%;}

@media (max-width: 768px) {
.support{padding: 0 0 80px; background-size:5% , 55%;}
.support-list {margin-top:40px;}
.support-list li {width:48%; margin-bottom:30px;}
.support-list-item .-subttl {font-size:16px; margin-top:10px;}
.support-list-item .-subttl:after{ width: 30px; height:2px; margin:10px auto;}
.support-list-item .-image span{ padding:2px 10px; font-size:14px; width:60px; top:-15px;  margin-left:-30px;}
.support-list-item .-txt{font-size:12px;}
}
@media (min-width: 769px) {
.support{padding: 0 0 100px;}
.support-box{padding: 80px 0;}
.support-list {margin-top:80px;}
.support-list li {width: 23%; font-size: medium; vertical-align: top; }
.support-list-item .-subttl {font-size: 24px;}
.support-list-item .-subttl:after{ width: 60px; height: 2px; margin: 20px auto;}
.support-list-item .-image{margin-bottom:20px; }
.support-list-item .-image span{padding:5px 20px; font-size:20px; width:100px; top:-20px;  margin-left:-50px;}
}

/* qual 目指せる資格 */
.qual { margin-bottom: 100px; }
.qual .sec-title { padding-top: 85px; }
.qual .sec-text { margin-bottom: 50px; }
.qual-box { max-width: 1000px; margin: 0 auto; background-color: #f5f5f5; padding: 50px; }
.qual-box .-txt { line-height: 1.875; margin-bottom: 35px; }
.qual-list-wrap { margin-bottom: 30px; }
.qual-list-wrap li { position: relative; margin-left: 1.5em; }
.qual-list-wrap li.-pp{color:#639c2e;}
.qual-list-wrap li.-pp:before, .qual-list-wrap li.-pg:before { position: absolute; content: ""; display: block; background: url(../img/feature/ico-pin-p.svg) no-repeat; background-size: contain; height: 16px; width: 18px; top: 14px; left: -1.5em; }
.qual-list-wrap li.-pg{color:#3893c6;}
.qual-list-wrap li.-pg::before { background: url(../img/feature/ico-pin-g.svg) no-repeat; background-size: contain; }
.qual-example {border-top:1px solid #dddddd; padding: 20px 0 0 0; }
.qual-example .-txt { display: inline-block; margin-bottom: 0; margin-right: 40px; }
.qual-example .-txt img { vertical-align: middle; }
@media (max-width: 768px) {
.qual { margin-bottom: 50px; }
.qual .sec-title { padding-top: 50px; }
.qual .sec-text { margin: 0 auto 30px; font-size:12px;}
.qual-box {margin: 0 auto;  padding: 30px; }
.qual-list-wrap { margin-bottom: 15px; display:flex; flex-wrap:wrap;}
.qual-list-wrap li{font-size:12px; margin-bottom:5px;}
.qual-list-wrap li .txt_s{font-size:10px;}
.qual-list-wrap li.-pp:before, .qual-list-wrap li.-pg:before{width: 13px; height: 13px; top:6px;}
.qual-example .-txt {margin-right: 0; font-size:12px;}
.qual-example .-txt img{width:13px; height:13px;}
.qual-example .-subttl { font-size: 12px; margin-bottom: 5px;}
}
@media (min-width: 769px) {
.qual-example {padding: 40px 0 0 0; }
.qual-list-wrap li{font-size:16px;}
.qual-list-wrap li .txt_s{font-size:14px;}
.qual-list-wrap .-list1, .qual-list-wrap .-list2, .qual-list-wrap .-list3 { vertical-align: top; display: inline-block;line-height: 2.5; }
.qual-list-wrap .-list1{width: 36%;}
.qual-list-wrap .-list2 {width: 33%;}
.qual-list-wrap .-list3 {width: 29%;}
.qual-example .-subttl { font-size: 16px;}
.qual-example .-txt{font-size:16px;}
}

/* program */
.program {padding-bottom: 100px; }
.program .sec-text { text-align: center; margin-bottom: 35px; }
.program-wrap { background-color: #ffffff; height: 100%; padding-top: 50px; }
.program-wrap .boxinner { max-width: 1065px; margin: 0 auto; }
.program-wrap .boxtitle {background:#e5f6fc; text-align: center; }
.program-wrap .-subttl {margin-bottom: 20px; text-align: center; color:#3893c6; font-size: 24px; font-weight: bold; }
.program-wrap .-subttl span { font-size: 16px; }
.program-wrap .step-box .-textb { font-weight: bold; border: 1px solid #FFF; display:inline-block;}
.program-wrap .step-box > p { text-align: center; }

@media (max-width: 768px) {
.program{background:linear-gradient(0deg,#99cfeb 0%,#e5f6fc 100%);  padding-bottom:25px; }
.program .container{padding:50px 0 0;}
.program-wrap {padding-top: 25px; margin: 0 auto; }
.program .sec-text { text-align: left; font-size: 12px; margin:0 auto 20px;}
.program-wrap .boxinner{width:90%;}
.program-wrap .boxtitle{font-size: 18px; margin-bottom: 15px; padding:4px 0;}
.program-wrap .-subttl{ font-size: 16px; }
.program-wrap .-subttl span { font-size: 12px; display: block;}
.program-wrap .step-box {padding-bottom:10px;}
.program-wrap .step-box .-textb { font-size:11px; padding: 2px 10px; margin-bottom:5px;}
.program-step {padding-bottom:65px; background:url(../img/feature/bg_line_sp.svg) no-repeat center 94%; background-size:100%;}
.program-step li{ display: block; width: 100%;  margin-bottom: 10px;}
.program-step.-second { padding-bottom:20px; background:none;}
.program-step.-second li { width: 100%; }
.program-step.-second li:nth-child(3) .-stepttl { padding-top: 0em; }
.program-step.-second .step-box { min-height: 1em; }
}
@media (min-width: 769px) {
.program {background:linear-gradient(90deg,#e5f6fc 0%,#99cfeb 100%);  padding: 80px 0; }
.program-wrap{padding:50px;}
.program-wrap .boxtitle{font-size:32px; padding:10px 0; margin-bottom:50px;}
.program-wrap .step-box .-textb{padding: 2px 10px; margin-bottom:10px; min-width:100px;}
.program-step{display:flex; justify-content:space-between; padding-bottom:65px; background:url(../img/feature/bg_line.svg) no-repeat center 94%; background-size:100%;}
.program-step li{width: 23%;}
.program-step.-first li:nth-child(4) .-stepttl{margin:30px 0;}
.program-step.-second { padding-bottom:0; background:none;}
.program-step.-second li:nth-child(1) { width: 49%; }
.program-step.-second li:nth-child(1) .-stepttl ,.program-step.-second li:nth-child(2) .-stepttl{margin:-20px 0 0;}
.program-step:nth-child(3){padding-bottom:65px; margin-bottom:40px; background:url(../img/feature/bg_line.svg) no-repeat bottom center;}
}

/*program2*/
.program2 .container{background:#FFF;}
.program2 .boxtitle {background:#e5f6fc; text-align: center; }
@media (max-width: 768px) {
.program2 { background:#99cfeb; padding: 0 0 1px; margin-bottom: 40px;}
.program2 .container{padding:5%; margin-bottom: 40px;}
.program2 .boxtitle{font-size: 18px; margin-bottom: 15px; padding:4px 0;}
}
@media (min-width: 769px) {
.program2 { background:linear-gradient(90deg,#e5f6fc 0%,#99cfeb 100%); padding: 0 0 100px 0;}
.program2 .container{padding:50px;}
.program2 .boxtitle{font-size:32px; padding:10px 0; margin-bottom:50px;}
}

/* g-table */
.g-table { margin: 0 auto;  text-align:center;}
.g-table th {  border: 1px solid #2c749c; }
.g-table td { border: 1px solid #2c749c; vertical-align: middle; }
.g-table td.-col {width: 12%; }
.g-table .d_blue{background:#3ea3db; color: #FFF;}
.g-table .s_blue{background:#eeeeee;}
.g-table .l_blue{background:#f0f5f8;}
@media (max-width: 768px) {
.g-table.pc{display: none;}
.g-table.sp{margin-bottom: 40px; display: block;}
.g-table th{padding: 5px 0; font-size: 14px;}
.g-table td{ font-size: 12px; padding: 8px;}
.g-table.sp td.-col{width: 24%; text-align:  center;}
}
@media (min-width: 769px) {
.g-table.sp{display:none;}
.g-table{font-size:16px; width:100%;}
.g-table th { padding: 10px; }
.g-table td { padding: 15px; }
}

/* step-box*/
.step-box{color:#FFF; text-align:center; position: relative;}
.program-step li:nth-child(1) .step-box{ background-color: #42bed6;}
.program-step li:nth-child(2) .step-box{ background-color: #4caacc;}
.program-step li:nth-child(3) .step-box{ background-color: #4c93cc;}
.program-step li:nth-child(4) .step-box{ background-color: #5b83b2;}
.program-step li:nth-child(1) .-ttlbar{ color: #42bed6;}
.program-step li:nth-child(2) .-ttlbar{ color: #4caacc;}
.program-step li:nth-child(3) .-ttlbar{ color: #4c93cc;}
.program-step li:nth-child(4) .-ttlbar{ color: #5b83b2;}
.step-box .-ttlbar {position:relative; font-family:Arial !important; text-align:left !important;  z-index: 2; }
.step-box:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left-color: #ffe74c !important; border-top-color: #ffe74c !important; top: 0; left: 0;  z-index: 1; }
.step-box .-stepttl {font-weight: bold; text-align: center;}
@media (max-width: 768px) {
.step-box{overflow:hidden;}
.step-box .-ttlbar{font-size:22px; padding: 0 0 0 10px;}
.step-box:after{border:30px solid transparent;}
.step-box .-stepttl { font-size:18px; margin:0;}
.-second .step-box .-stepttl {margin:-16px 0 10px 0;}
.step-box .-smp{display:table; width:90%; margin:-10px auto 10px;}
.step-box .-left{width:50%; display:table-cell; vertical-align:middle;}
.step-box .-right{width:50%; display:table-cell; vertical-align:middle; font-size:11px;}
}
@media (min-width: 769px) {
.step-box{padding:0 0 20px 0;}
.step-box .-ttlbar{font-size:30px; padding: 0 0 0 10px;}
.step-box:after{border:35px solid transparent;}
.step-box .-stepttl {font-size:30px; margin-bottom: .7em; line-height:1.5;}
}