@charset "utf-8";

#syoukaiSec h3,
#planSec h3,
#reasonSec h3,
#lessonSec h3,
#serviceSec h3 {
    text-align: center;
    font-size: 25px;
    color: #03444F;
}



.imgBorder {
    padding-bottom: 60px;
    background: url(../../../images/img_line01.png) no-repeat bottom;
    background-size: 735px 15px;
}

.mainSection .Details {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
    background: #02434E url(../../../images/btn_icon01.png) no-repeat center right 5px;
}
.mainSection .Details:hover {
    background-color: #2E626C;
}
.colorP {color: #ff7466;font-weight: 900;}
/*----------------------------------------------------------------------------
 ***                                                             pageTitle
----------------------------------------------------------------------------*/
#pageTitleWide{background:#fff0e2; background-size: cover; background: url(/biz/studyabroad/images/img_main_title01b.jpg); background-repeat: no-repeat; background-position: center center;background-size: cover;}
#pageTitleWide #pageTitleWideInner{width: 100%;max-width: 1200px; margin: 0 auto;height: 12em; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;box-sizing: border-box;}
#pageTitleWide .pageTitleBox{color: #084b5b; display: block; max-width: 630px; padding: 0.8em; margin: 0 1em; background: #ffffffcc; text-align: center;}
#pageTitleWide .pageTitleBoxInner{/*background: linear-gradient(to bottom, #F7931E 50%, #fceee1 50%) left / 10px 100% no-repeat, transparent; padding:0.5em 2em;*/padding-left: 90px;background: url(../../../images/img_main_icon.png) no-repeat center left;}
#pageTitleWide .pageTitle{font-size: 240%;}
#pageTitleWide .underPageTitleTxt{font-size: 105%; margin-top: 0;}
#pageTitleWide .pageTitle{font-size: 220%; width: 100%;text-align: left;padding: 0;color: #373781;}
#pageTitleWide h2 span{ font-size:70%; line-height:1.4em;}



/*----------------------------------------------------------------------------
***                                                                   ikuseiSec 
----------------------------------------------------------------------------*/
#ikuseiSec{background: #fffcf5; padding: 33px 33px 27px; box-sizing: border-box;}
#ikuseiSec .ttl {font-size: 182%;border-top: solid 3px #ffa350;width: 100%;margin: 0 auto;padding: 0.5em 0 0.5em;border-bottom: solid 3px #ffa350;}
#ikuseiSec .subttl {font-size: 140%;}
#ikuseiSec .sectionInner {margin-top: 1.3em; padding: 0;}
#ikuseiSec .listBox {margin-bottom: 2em;}
#ikuseiSec .listItem{padding: 0 1.5em;border-right:2px dashed #A9A9A9;}
#ikuseiSec .listItem:last-child{border-right: none;}
#ikuseiSec .listItem .listContents {height: 100%;}
#ikuseiSec .listItem .listContents .txt{margin: 1em auto auto;}
#ikuseiSec .listItem h4:before{content:"1";display:inline-block;width:1em;height:1em;background:#5E5E9E;color:#fff;padding:0.3em;line-height:1;margin-top: -0.1em;margin-right:0.3em;}
#ikuseiSec .listItem:nth-of-type(2) h4:before{content:"2";}
#ikuseiSec .listItem:nth-of-type(3) h4:before{content:"3";}
#ikuseiSec .listItem .img {margin-top:1em;}
#ikuseiSec .leftBox h4 {-ms-flex-align: center;line-height: 1.5;border-left: 12px solid #ffa350;padding-left: 8px;margin-bottom: 0.3em;}
#ikuseiSec .detailBoxInner {margin-bottom: 1.2em;}
#ikuseiSec .supportBoxInner .rightBoxInner p {line-height: 1.5;font-weight: 600;}

/*----------------------------------------------------------------------------
***                                                                   kenshuSec 
----------------------------------------------------------------------------*/
#kenshuSec {margin: 0;padding: 2.5em 0em;/* margin-bottom: 4em; *//*border-bottom: 2px dashed #B7B7B7;box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 40%);*/}
#kenshuSec .ttl {font-size: 200%;font-weight: 700;}
#kenshuSec .text01{font-size: 175%;color: #9C9CC6;}
#kenshuSec .subttl {font-size: 123%;}
#kenshuSec .sectionInner{margin-top:2em;}
#kenshuSec .listBox {padding: 0 3em;}
#kenshuSec .listItem {background: #F2F2F2;margin-bottom: 2em;padding: 1.5em 1.5em 1.5em 3.3em;}
#kenshuSec .listItem:last-child{margin-bottom:0;}
#kenshuSec .listItem .leftBox{padding: 0 1em 0 2em;}
#kenshuSec .listItem .listContents h4 {display: inline-block;margin-bottom: 0.8em;position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,9c9cc6+70,9c9cc6+100&0+0,0+70,1+71,1+100 */background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(156,156,198,0) 70%, rgba(156,156,198,1) 71%, rgba(156,156,198,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(156,156,198,0) 70%,rgba(156,156,198,1) 71%,rgba(156,156,198,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(156,156,198,0) 70%,rgba(156,156,198,1) 71%,rgba(156,156,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9c9cc6',GradientType=0 ); /* IE6-9 */}
#kenshuSec .listItem .listContents h4:before{content:"A"; display:block; position:absolute; top:0; right:102%; font-size:200%; color:#9C9CC6;}
#kenshuSec .listItem:nth-of-type(1) .listContents h4:before{content:"A";}
#kenshuSec .listItem:nth-of-type(2) .listContents h4:before{content:"B";}
#kenshuSec .listItem:nth-of-type(3) .listContents h4:before{content:"C";}
#kenshuSec .listItem:nth-of-type(4) .listContents h4:before{content:"D";}
#kenshuSec .listItem .listContents .txt {font-size: 85%;line-height: 2;margin-bottom: 1em;}


/*----------------------------------------------------------------------------
***                                                         Q&A
----------------------------------------------------------------------------*/
#qaSec .ttl {font-size: 150%;font-weight: 600;}
#qaSec .text01{color: #ffa350;font-size: 160%;padding: 0 0.15em;}
#qaSec .sectionInner{margin-top:2em; padding: 0;}
#qaSec .sectionInner .contentsBox dl{}
#qaSec .sectionInner .contentsBox dt{color: #464454;/* border: solid 1px #686868; */border-bottom: none;font-size: 172%;padding: 0.73em 1em 0.35em 2.8em;position:relative;border-bottom: 1px solid #a7a7a7;margin-left: 0.9em;z-index: 4;font-weight: 800;}
#qaSec .sectionInner .contentsBox dt img{margin-right: 10px;}
#qaSec .sectionInner .contentsBox dd{padding: 0.8em 1em 1.3em 2.1em;font-size: 110%;border-top: none;position:relative;line-height: 1.4em;}
#qaSec .sectionInner .contentsBox dd img{margin-right: 10px;margin-bottom: 5px;}
/*#qaSec .sectionInner .contentsBox dt:before{content:"Q.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#665E96;}
#qaSec .sectionInner .contentsBox dd:before{content: none;display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#FF64B5;}*/


/*----------------------------------------------------------------------------
 ***                                                             rightSection 
  ----------------------------------------------------------------------------*/
.rightSection{margin-top: 2em;}
.rightSection #contactSec{ border:4px solid #ccc; border-radius:5px; padding:0.75em; margin: 0 0 2em 0; box-sizing: border-box;}
.rightSection #contactSec .sectionInner{padding: 0.5em 0 0 0;}
.rightSection #contactSec h3{text-align:center;border-bottom:1px solid #000;margin-bottom:7px;padding: 0 0 0.5em 0;font-size: 115%;}
.rightSection #contactSec .btn{ margin-bottom:5px;}
.rightSection #relationSec h3{padding: 0; text-align: center;}
.rightSection #relationSec .sectionInner{padding: 0.5em 0;}
.rightSection #relationSec li{margin-bottom: 0.5em;}

#tempSec{ width:675px; border: 1px solid #005873; padding:15px; margin:0 auto 30px auto;}
#tempSec h3{ border-bottom:1px solid #000; margin-bottom: 10px; font-size: 14px; color:#FB0004;}
#tempSec p{ font-size: 12px; line-height:17px;}
#tempSec .floatL{ width: 260px;}
#tempSec li{ font-size: 12px; line-height:15px; margin-bottom: 2px;}
#tempSec .text{ border-bottom: 1px dotted #000; margin-bottom: 10px; padding-bottom: 5px;}
#tempSec .title{ font-weight: bold; margin-bottom: 5px;}

/*----------------------------------------------------------------------------
 ***                                                                  menuSec
----------------------------------------------------------------------------*/
#menuSec li {
    background-image: url(../../../common_images/icon05.png);
}





/* 2018.02.13 */
#syoukaiSec{}
#syoukaiSec h4{}
#syoukaiSec .sectionInner{/* border-top: 1px solid #000; */padding: 0px 40px 0 40px;}
#syoukaiSec #planlist{}
#syoukaiSec #planlist li{ padding:18px 0; margin-top:7px; border-bottom:1px dotted #AEAFAF;}
#syoukaiSec #planlist li:first-child{ margin-top:0;}
#syoukaiSec #planlist dl{}
#syoukaiSec #planlist dt{float:right;font-size: 17px;text-align:center;width: 260px;border:2px solid #000;margin-right: 0px;margin-top: -8px;}
#syoukaiSec #planlist dt a{ display:inline-block; width:100%; padding:9px 0 8px; box-sizing:border-box; text-decoration:none; position:relative;}
#syoukaiSec #planlist dt a:hover{ opacity:0.7;}
#syoukaiSec #planlist dt a:after{content:">";position:absolute;top:50%;right: 5px;transform:translate(0, -50%);}
#syoukaiSec #planlist dd{float:left;padding-left: 65px;}
#syoukaiSec #businessPlan{ background:url(../../../lesson/haken/images/icon14.png) left 3px no-repeat; margin-top:0;}
#syoukaiSec #businessPlan dt{ border-color:#00968A;}
#syoukaiSec #businessPlan dt a{ color:#00968A;}
#syoukaiSec #businessPlan dd{}
#syoukaiSec #customersPlan{ background:url(../../../lesson/haken/images/icon15.png) left 3px no-repeat;}
#syoukaiSec #customersPlan dt{ border-color:#EE8168;}
#syoukaiSec #customersPlan dt a{ color:#EE8168;}
#syoukaiSec #customersPlan dd{}
#syoukaiSec #guidePlan{ background:url(../../../lesson/haken/images/icon16.png) left 3px no-repeat;}
#syoukaiSec #guidePlan dt{ border-color:#92C766;}
#syoukaiSec #guidePlan dt a{ color:#92C766;}
#syoukaiSec #guidePlan dd{}
#syoukaiSec #morningPlan{ background:url(../../../lesson/haken/images/icon17.png) left 3px no-repeat;}
#syoukaiSec #morningPlan dt{ border-color:#CC87B7;}
#syoukaiSec #morningPlan dt a{ color:#CC87B7;}
#syoukaiSec #morningPlan dd{}
/* 2018.02.13 */

.pointBoxInner {background: #f9f9f9;}
.numberDet li span {background: #c1c1c1;padding: 0.6em;display: inline-block;color: #fff;font-weight: bold;font-size: 1.2em;margin-right: 0.5em;}
.detailBoxInner .leftBox p {line-height: 1.6;font-size: 0.98em;}
.leftBoxInner {padding: 0 1.4em 0 1.3em;}
#ikuseiSec .subttl span {font-size: 85%;color: #898989;}
.supportBoxInner {border: dotted 3px #dbdbdb;background: #fff;/* height: 105px; */align-items: center;margin-bottom: 1.5em;padding: 0.3em 0;}
.supportBoxInner h4 {color: #ffa350;font-size: 155%;margin-bottom: 0.2em;}

#ikuseiSec .ttl img {vertical-align: middle;}
#ikuseiSec .ttl span .text02 {vertical-align: bottom;font-size: 80%;}
.kenshuSecInner {border: 3px solid #c1c1c1;border-radius: 5px;margin-bottom: 2.3em;}
.topBox {background: #f4f4f4;padding: 1.8em 2.1em;margin-bottom: 1.5em;}
.bottomBoxInner {padding: 1.3em 2em 1.8em;}
.numberDet li:not(:last-child) {border-bottom: 2px dotted #c1c1c1;padding-bottom: 0.5em;}
#ikuseiSec .ttl .text01 {font-size: 130%;font-weight: 700;vertical-align: middle;margin-left: 0.3em;}
#ikuseiSec .ttl .text02 {vertical-align: sub;font-size: 90%;margin-left: 0.1em;}
#kenshuSec h4 {font-size: 142%;color: #905c5a;}
#kenshuSec .txt {line-height: 1.6em;font-size: 105%;}
#kenshuSec .topBoxInner ul li:not(:last-child) {margin-bottom: 1em;}

.numberDet li {padding-top: 0.5em;}

#kenshuSec .bottomBox ul.imgIcon > li:not(:last-child):after {content: "";width: 0;height: 0;margin: auto;position: absolute;left: 0;right: -148px;bottom: 4.5em;border-style: solid;border-color: #ffd1cc transparent transparent transparent;border-width: 23px 23px 0 23px;transform: rotate(-90deg);}
#kenshuSec .bottomBox ul.imgIcon > li {position: relative;}

#kenshuSec .bottomBoxInner .numberDet {margin-top: 0.8em;}
#qaSec {margin: 0 0 4em 0;}
#qaSec .pointBox.sec1:before {content: '';background: url(/biz/studyabroad/images/img_num01.png) no-repeat;width: 63px;height: 56px;display: inline-block;position: absolute;top: 0;left: 1.1em;background-size: contain;z-index: 10;}
#qaSec .pointBox.sec2:before {content: '';background: url(/biz/studyabroad/images/img_num02.png) no-repeat;width: 63px;height: 56px;display: inline-block;position: absolute;top: 0;left: 1.1em;background-size: contain;z-index: 10;}
#qaSec .pointBox.sec3:before {content: '';background: url(/biz/studyabroad/images/img_num03.png) no-repeat;width: 63px;height: 56px;display: inline-block;position: absolute;top: 0;left: 1.1em;background-size: contain;z-index: 10;}
#qaSec .pointBox.sec4:before {content: '';background: url(/biz/studyabroad/images/img_num04.png) no-repeat;width: 63px;height: 56px;display: inline-block;position: absolute;top: 0;left: 1.1em;background-size: contain;z-index: 10;}
#qaSec .contentsBox li{position:relative;}
.rightox {padding: 1.5em 2.3em 1.5em 1em;}
#qaSec .contentsBoxInner li:not(:last-of-type) {margin-bottom: 1.8em;}
#qaSec .sectionInner .contentsBox dt .smallTxt {font-size: 76%;margin-right: 0.1em;font-weight: 600;}