@charset "UTF-8";


.list-object li{font-size:14px; display:inline-block; vertical-align:top; margin:0px 15px 0;}
.list-object li h3{color:#68b82d; font-size:16px;}
.list-object li .thumb{font-weight:bold; margin-bottom:10px;}
.list-object li .age{color:#68b82d;}
.list-object .smp-layout{background:#f6fbf3; border-radius:8px; width:90%; margin:10px auto; padding:20px; box-sizing:border-box;}

.list-object .smp-layout .thumb{width:30%; max-width:140px; margin-right:20px; text-align:center; float:left;}
.list-object .smp-layout .txt{text-align:left;}
.list-object .smp-layout .comment{clear:both; border-top:2px solid #c9e5b3; padding-top:10px;}

.comment-support{text-align:center; margin:20px auto; font-weight:bold;}
.comment-object{color:#2a9134; font-weight:bold; position:relative;}
.comment-object:before{
  background:url(../img/page/ico_ef-line01.png) no-repeat;
  background-size:100%;
  content:" ";
  width:10px;
  height:20px;
  display:inline-block;
  margin:0 5px -5px 0;
}
.comment-object:after{
  background:url(../img/page/ico_ef-line02.png) no-repeat;
  background-size:100%;
  content:" ";
  width:10px;
  height:20px;
  display:inline-block;
  margin:0 0 -5px 5px;
}
.comment-job:before{
  content:" ";
  display:block;
  width:14px;
  height:20px;
  border-left:3px solid #cccccc;
  border-right:3px solid #cccccc;
  margin:10px auto;
}
.comment-job b{font-size:22px; color:#68b82d;}


.support{background:url(../img/top/bg_top-subara.png) repeat; padding:20px 8%;}
.support-step{margin-top:40px;}
.support-step li{margin-bottom:20px; width:46%; display:inline-block;}
.support-step li:nth-child(2n){margin-left:4%;}
.step-head{overflow:hidden; margin-bottom:15px; text-align:center; font-weight:bold;}
.step-head .num{background:url(../img/page/bg_fuki.png) no-repeat center top; font-size:12px; color:#FFF; padding:7px 10px 15px;}
.step-head .tit{color:#68b82d;}
.step-cont .txt{font-size:14px;}
.step-cont .photo img{border-radius:8px;}

.btn-flow{text-align:center; margin:0px auto 20px;}

.skil{padding:8%;}
.shikaku{background:#f6fbf3; border-radius:8px; margin:40px 0px; padding:10px 0 ;}
.shikaku h3{background:#0c891e; border-radius:6px 6px 0px 0px; text-align:center; color:#FFF; font-size:18px; padding:10px 0px;}
.shikaku p{margin:20px; font-size:14px; line-height:28px;}
.shikaku ul{margin:20px; border-bottom:1px solid #d9edcb;}
.shikaku ul li{display:block; padding-left:35px; margin-bottom:15px; box-sizing:border-box; font-weight:bold; position:relative;}
.shikaku .menjo:before{
  content:" ";
  display:block;
  width:25px;
  height:30px;
  position:absolute;
  left:0;
  top:0;
  background:url(../img/page/ico_exp.svg) no-repeat left center; color:#68b82d;
}
 .shikaku .menjo{color: #68b82d}

.shikaku .taisho:before{
  content:" ";
  display:block;
  width:30px;
  height:34px;
  position:absolute;
  left:0;
  top:0;
  background:url(../img/page/ico_policy.svg) no-repeat left center; color:#1e91d6;
}
.shikaku .taisho{color:#1e91d6;}
.shikaku ul li small{font-size:10px;}

.menjo-program{background:url(../img/common/bg_top-info.png) repeat; padding:8%;}
.menjo-program .inner{padding:10px 0;}
.menjo-program h2{
  background:url(../img/common/line_txt-wavegreen.png) repeat-x bottom center;
  font-size:20px;
  margin:10px 5%;
  text-align:center;
  padding-bottom:5px;
}
.txt-shiken{margin:15px;}
.juken01{
  background:#FFF;
  border:2px solid #eeeeee;
  border-radius:8px;
  padding:0 0 20px;
  margin-bottom:30px;
}
.shiken-flow{background:#fbfbe7;  margin:0 15px; padding:1px 15px 20px; position:relative; border-radius:8px;}
.shiken-flow:after{
  content:"　";
  width: 0;
  display:block;
    height: 0;
    border: 40px solid transparent;
    border-left: 30px solid #fbfbe7;
    -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
    position:absolute;
    bottom:-70px;
    margin-left:-30px;
    left:50%;
}
.shiken-flow h4{font-size:18px; margin:30px auto 20px;}
.shiken-flow h4 .txt-s{font-size:16px; font-weight:normal;}
.shiken-flow ul{text-align:center; margin:0px 0 10px;}
.shiken-flow li{
  text-align:center;
  border-radius:8px;
  vertical-align:top;
  position:relative;
  margin:0 0px 30px 0px;
  background:#FFF;
  border-radius:8px;
}
.shiken-flow li:after{
  content:"　";
  width: 0;
  display:block;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #eded8c;
    position:absolute;
    top:100%;
    right:50%;
    margin:10px -15px 20px 0;
}
.shiken-flow li:nth-child(4){margin-bottom:10px;}
.shiken-flow li:nth-child(4):after{display:none;}
.step-num{
  color:#FFF;
  font-weight:bold;
  padding:5px 0;
  border-radius:4px 4px 0 0;
}
.step-num .txt-l{font-size:18px;}
.step-info{display:table; width:100%; padding:10px; box-sizing:border-box;}
.step-info .step-tit{display:table-cell; vertical-align:middle; width:50%;}
.step-tit{font-size:16px; font-weight:bold; line-height:1.2;}
.time-price{text-align:center;}
.step-time{font-weight:bold; font-size:14px;}
.step-time .bg_glay{background:#eeeeee; padding:2px 5px;}
.step-price{font-size:14px;}
.shiken-flow li:nth-child(1) .step-num{background:#68b82d;}
.shiken-flow li:nth-child(1) .step-tit{color:#68b82d;}
.shiken-flow li:nth-child(2) .step-num{background:#2a9134;}
.shiken-flow li:nth-child(2) .step-tit{color:#2a9134;}
.shiken-flow li:nth-child(3) .step-num{background:#1e91d6;}
.shiken-flow li:nth-child(3) .step-tit{color:#1e91d6;}
.shiken-flow li:nth-child(4) .step-num{background:#faa613;}
.shiken-flow li:nth-child(4) .step-tit{color:#faa613;}

.menjo-flow{margin-top:40px;}
.menjo-flow:after{display:none;}
.menjo-flow li{padding:0 0 10px 0;}
.menjo-flow li:nth-child(3){margin-right:0;}
.menjo-flow li:nth-child(3):after{display:none;}
.menjo-flow li:nth-child(1){border:3px solid #68b82d;}
.menjo-flow li:nth-child(2){border:3px solid #2a9134;}
.menjo-flow li:nth-child(3){border:3px solid #1e91d6; margin-bottom:0;}
.menjo-flow li .step-num{margin-bottom:10px;}
.program-flow{margin:15px; padding-bottom:1px;}
.program-flow table{border:1px solid #68b82d;}
.program-flow table th ,.program-flow table td{vertical-align:middle; border:1px solid #68b82d;}
.program-flow table th{padding:5px 10px; color:#68b82d; text-align:center;}
.program-flow table td{padding:10px; color:#000;}
.program-flow table .bg-brown{background:#68b82d; color:#FFF;}
.program-flow table .bg-lbrown{background:#f6fbf3; color:#68b82d;}
.tit-ad-flow{
  font-size:18px;
  text-align:center;
  margin:20px 0 30px;
  color:#68b82d;
}


@media (min-width: 768px) {
.list-object{margin-bottom:40px; text-align:center;}
.list-object li .thumb{margin-bottom:10px;}
.list-object li p{text-align:left;}
.list-object .smp-layout .thumb{width:24%;}
.list-object li{width:100%; font-size:14px; display:inline-block; vertical-align:top; margin:0px 14px 30px 0px;}
.list-object .smp-layout{overflow:hidden; position:relative;}
.list-object .smp-layout .thumb{text-align:center; float:left;}
.list-object .smp-layout .txt{float:right; width:74%;}
.list-object .smp-layout .txt .age{position:absolute; left:60px; top:150px;}

.skil{background:url(../img/top/bg_line.png); padding:0 0 40px; margin-top:60px;}
.skil .pc-inner{padding:15px 8%;}

.step-num .txt-l{font-size:18px;}
.step-tit{font-size:24px; font-weight:bold; line-height:1.2;}
.step-time{margin:5px 0; font-weight:bold;}
.step-price{font-size:14px;}
.time-price p{display:block;}

.support{padding:20px 2%;}
.support-step li{width:22.5%; margin:0 1% 20px 1%; display:inline-block; vertical-align:top;}
.support-step li:nth-child(2n) {margin-left:1%;}
.support-step li:nth-child(4){margin-right:0;}
.step-head .num, .step-head .tit{display:block;}
.step-head .num{text-align:center;}
.step-head .num::after {
    border: 18px solid transparent;
    border-left: 22px solid #fff200;
    right: -40px;
}
.step-head .tit{text-align:center; margin:10px auto 0;}
.step-cont .photo, .step-cont .txt{display:block;}
.step-cont .photo{width:100%;}
.step-cont .txt{width:100%; margin:10px 0 0 0;}

.juken01{margin:20px 2%;}
.menjo-program{padding:10px 8%;}
.menjo-program h2{max-width:300px; margin:20px auto 30px;}
.list-program{border:5px solid #48d1cc; padding:40px; background:#FFF; margin:40px 0;}
.list-program ul{background:#f5f5f5; padding:20px 30px 10px;}
.list-program ul li{
  display:inline-block;
  width:32.5%;
  margin-bottom:10px;
  background:url(../img/page/ico_fin-pro.png) no-repeat left center;
  padding-left:30px;
  box-sizing:border-box;
}

#skilup{position:relative; margin-top:200px;}
#skilup:before{
  content:url(../img/top/img_top03.png);
  position:absolute;
  top:-50px;
  right:-20px;
}

.shikaku{margin:40px 0 20px; padding-bottom:50px; position:relative; background:#f6fbf3;}
.shikaku:after{content:url(../img/top/img_top04.png); position:absolute; top:0; left:-100px; z-index:1;}
.shikaku h3{ position:relative; z-index:2; }
.shikaku p{padding:30px 40px 20px 40px; margin:0; font-size:16px; position:relative; z-index:2;}
.shikaku p img{vertical-align:middle;}
.shikaku ul{margin:20px 30px 0px 30px;  padding:20px;}
.shikaku ul li{display:inline-block; width:280px;}




}

@media (min-width: 940px) {
.list-object{text-align:left; padding-bottom:20px; margin-bottom:0;}
.list-object ul{width:1000px; margin:0 auto;}
.list-object li:nth-child(2n){margin-right:0;}
.list-object li h3{font-size:22px;}
.list-object li{width:490px;}
.list-object .smp-layout .txt{width:70%;}
.list-object .smp-layout .txt .age{left:40px; top:120px;}

.comment-object{font-size:26px;}
.comment-job b{font-size:32px;}
.comment-object:before{width:15px; height:28px; margin-right:20px;}
.comment-object:after{width:15px; height:28px; margin-left:20px;}
.comment-job:before{width:20px; height:30px; border-left-width:5px; border-right-width:5px;}

.support{padding:140px 0 80px;}
.support-step{width:1000px; padding:0; margin:0 auto;}
.support-step li{width:220px; margin:0 34px 20px 0;}
.support-step li:nth-child(2n){margin-left:0;}
.step-head .tit{font-size:22px;}

.btn-flow{ margin:30px auto 40px; width:36%; max-width:380px;}

.tit-ad-flow{font-size:30px; padding-bottom:20px; margin:60px 0 40px;}

.menjo-program{padding-bottom:40px;}
.menjo-program h2{font-size:26px; margin:20px auto 30px; width:36%; max-width:380px;}
.juken01{width:100%; max-width:1000px; margin:30px auto 50px; border:1px solid #eeeeee;}

.skil .pc-inner{padding:0;}
.shiken-flow{margin:0 40px;}
.shiken-flow h4{font-size:20px; text-align:center;}
.txt-shiken{width:1000px; margin:15px auto;}
.step-info , .step-info .step-tit , .step-info .time-price{display:block;}
.step-info .step-tit{width:100%;}
.step-num{border-radius:8px 8px 0 0; margin-bottom:10px;}
.shiken-flow li{
  width:180px;
  margin:20px 30px 20px 0;
  display:inline-block;
  border-radius:8px;
}
.shiken-flow li:after{
  content:"　";
  width: 0;
  display:block;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 15px solid #eded8c;
    -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
    position:absolute;
    top:50%;
    margin-top:-20px;
    right:-25px;
}
.shiken-flow li:nth-child(4){margin:20px 0px 20px 0;}

.menjo-flow{margin-top:70px;}
.menjo-flow:after{display:none;}
.menjo-flow li{border-radius:12px; width:220px;}
.menjo-flow li:nth-child(1){width:280px;}
.menjo-flow li:nth-child(2) .step-tit{margin-top:20px;}
.menjo-flow li:nth-child(3){margin-right:0;}
.menjo-flow li:nth-child(3):after{display:none;}
.menjo-flow li:nth-child(3) .step-tit{margin-top:50px;}
.menjo-flow li:after{right:-30px;}
.program-flow{width:1000px; margin:0 auto;}
.program-flow table{font-size:16px; line-height:30px;  margin:50px 40px 20px;}
.program-flow table .bg-glay{background:#eeeeee;}
}