@charset "utf-8";

/* -----------------------------------------------------------------
ENGLISH CSS
LAST UPDATE:
--------------------------------------------------------------------*/

/* 夏井追加 */
#contentsWrap .indexMainVisualEng{width: 100%; min-width:1020px; background: url(/biz/en/img/bg_h1_02_pc.jpg) no-repeat top center;}
#contentsWrap .indexMainVisualEng h1{background: no-repeat top center; padding: 25px 0 40px;}
#contentsWrap .indexMainVisualEng h1 img.pcOnly{display: inline-block;}
#contentsWrap .indexMainVisualEng h1 img.spOnly{display: none;}
#contentsWrap section{margin-top: 60px;}
#contentsWrap .indexMainVisualEng .resultBtn a{ padding: 15px 66px 15px 50px;}

@media screen and (max-width: 768px){
#contentsWrap .indexMainVisualEng{width: 100%; min-width:100%; background: none;}
#contentsWrap .indexMainVisualEng h1{background: none; padding: 0;}
#contentsWrap .indexMainVisualEng h1 img.pcOnly{display: none;}
#contentsWrap .indexMainVisualEng h1 img.spOnly{display: block; width: 100%; height: auto;}
#contentsWrap section{margin-top: 40px;}
}
/* 夏井追加終了 */


/*---------------------------------
 header
-----------------------------------*/
.english header .hTop .logo span {padding: 20px 26px;}
.english header .hInner nav #gNav li{vertical-align: middle;}
.english header .hInner nav #gNav li a {vertical-align: middle;}
.english header .hInner nav #gNav li a {padding: 0 25px; line-height: 1.4; height: 70px; display: table-cell; vertical-align:middle;}
.english header .hInner nav #gNav li a:hover:before {width: 50%; border-top: 5px solid #da205d;}
.english header .hInner nav #gNav li a:after {content: ''; width: 0; right: 50%; bottom: 0; transition: all 0.2s ease; border-top: 5px solid #da205d; position: absolute; display: block;}
.english header .hInner nav #gNav li a:hover:after {width: 50%; border-top: 5px solid #da205d;}

.english header .hInner nav #gNav li a.cur { padding-top: 5px;}
.english header .hInner nav #gNav li a.cur:hover:before { display: none; border-top: 0;}
.english header .hInner nav #gNav li a.cur:hover:after { display: none; border-top: 0;}
/*---------------------------------
 TOP
-----------------------------------*/
.english .pickupSec .colWrap dl dt span {font-size: 1.9rem;}
.english .pickupTtl{ padding: 56px 20px 22px;}
.english .pickupTtl .label{ top: -24px; width: 720px;}
.english .pickupTtl h2{ font-size: 2.8rem;}
.english .pickupTtl p{ line-height: 1.7;}
.english .pickupSec .colWrap .pickupWrap { height: 760px;}
.english .pickupSec .colWrap .pickup01 .ttl1{ line-height: 1.6;}
.english .pickupSec .colWrap .pickup01 .ttl2{ width: 220px;}
.english .pickupSec .colWrap .pickup01 .lead{ margin: 20px 0 10px; line-height: 1.7;}
.english .pickupSec .colWrap .plus img { margin: 390px auto 0;}
.english .pickupSec .colWrap .pickup02 .ttl1 span{ margin: 10px 0 0; font-size: 1.8rem; line-height: 1.6; width: 540px; display: block;}
.english .pickupSec .colWrap .pickup02 img { width: 299px;}
.english .pickupSec .colWrap .pickup02 .ttl1 img { width: 130px;}
.english .pickupSec .colWrap .pickup02 .ttl1 img.communication { width: 116px;}
.english .pickupSec .colWrap .pickup02 .checkList01 li{ font-size: 1.4rem;}
.english .boxText01{margin: 15px 0 20px; text-align: left;}
.english .dataTable01 td:last-child ul li{ line-height: 1.6; margin:7px 0;}
.english .entryBtnL a{display: table; margin: 0 auto;background: url(/biz/common/img/icon_blank_btn_01.png) no-repeat right center #da205d; border-radius: 6px; color: #fff; font-size:1.8rem; padding: 20px 0;}
.english .entryBtnL a span:first-child {padding: 0 85px;}
.english .entryBtnL a span em { display: inline-block; margin-bottom: 10px;}
/*checkList03*/
.english .checkList03 li{line-height: 1.7;margin-top: 8px; background: url(/biz/common/img/icon_check_01.png) no-repeat 0 0.2em ; background-size: 18px auto;padding-left: 26px;}
.english .checkList03 li:first-child{margin-top: 0;}
.english .movieSec section .colL{width: 420px;}
.english .movieSec section .colL h2{font-size: 2.3rem;}
@media screen and (max-width: 768px){
.english .pickupSec .colWrap dl dt span {font-size: 1.3rem; padding: 8px 20px; line-height: 1.3;}
.english .pickupSec .colWrap dl:nth-child(1) {height: auto;}
.english .pickupTtl{ padding: 45px 20px 16px;}
.english .pickupTtl .label{ top: -30px; width: 95%;}
.english .pickupTtl h2{ font-size: 2.2rem;}
.english .pickupSec .colWrap .pickupWrap { height: auto;}
.english .pickupSec .colWrap .pickup01 .ttl2{ width: 192px;}
.english .pickupSec .colWrap .pickup01 .lead{ margin: 10px; font-size: 1.4rem;}
.english .pickupSec .colWrap .plus img { margin: 7px auto;}
.english .pickupSec .colWrap .pickup02 .ttl1 span{ margin: 10px 0 0; font-size: 1.8rem; line-height: 1.6; width: 100%;}
.english .pickupSec .colWrap .pickup02 img { width: 80%;}
.english .pickupSec .colWrap .pickup02 .ttl1 img { width: 30%;}
.english .pickupSec .colWrap .pickup02 .ttl1 img.communication { width: 30%;}
.english .pickupSec .colWrap .pickup02 .checkList01 li{ font-size: 1.4rem;}
.english .pickupSec .colWrap dl dt { border-radius: 2em; line-height: 1.4; font-size: 1.7rem;}
.english .checkList01 li { margin-top: 10px;}
.english .movieSec section .colL{width: 100%;}
.english .movieSec section .colL h2 { font-size: 1.6rem;}
.english .boxText01{margin: 10px 0;}
.english .entryBtnL a {padding: 15px 0;}
.english .entryBtnL a span:first-child {padding: 0 55px;}
.english .entryBtnL a span em { display: inline-block; margin-bottom: 5px;}
}

/*---------------------------------
 Evaluation Criteria
-----------------------------------*/
.english .numPoint dl.point1 dd.pointText{ padding-top: 34px;}
.english .numPoint dl.point2 dd.pointText{ padding-top: 23px;}
.english .numPoint dl.point3 dd.pointText{ padding-top: 23px;}
.english .numPoint dl.point4 dd.pointText{ padding-top: 11px;}


/*---------------------------------
 Structure
-----------------------------------*/
.english .outTtlBox01 .ttl span { padding: 10px 25px;}
.english .testDetail01{ width: 760px;}

@media screen and (max-width: 768px){
.english .testDetail01{ width: 100%;}
}


/*---------------------------------
 Support
-----------------------------------*/
.english .colBtn03{width: 100%; overflow: hidden;margin: 40px 0 0 0;text-align: center;}
.english .colBtn03 li{width: 580px;display: inline-block;}
.english .colBtn03 li a{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.english .colBtn03 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto ;}
.english .colBtn03 li a[target="_blank"]{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_blank_thum_pict_list_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.english .colBtn03 li a[target="_blank"]:hover{background: url(/biz/common/img/icon_blank_thum_pict_list_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto ;}
.english .thumbLinkBox01 li.wideCol a dl dt {width: 280px;}
.lineText01{ text-decoration: underline; font-weight: bold;}

@media screen and (max-width: 768px){
.english .colBtn03 li {width: 100%;}
}



/*---------------------------------
 Exam Procedures
-----------------------------------*/

.english .notice02 {
	font-size: 1.2rem !important;
    color: #747474;
    text-indent: -1em;
    margin-left: 1em;
	width: 200px;
}

.english .col3Btn01 li:last-child a { padding: 25px 15px 25px 20px;}

/*---------------------------------
 Standard
-----------------------------------*/
.english .numPoint dl dd.pointText {font-size: 1.5rem;}



/*---------------------------------
 resultNew
-----------------------------------*/
.english #resultNew .resultTtl .lead li{ font-size: 1.8rem; font-weight: bold; color: #da205d; line-height: 1.6;}
.english #resultNew .resultBefore{ width: 700px; padding-left: 100px;}
.english #resultNew .resultAfter .resultPoint{ padding: 24px 0 50px 40px;}
.english #resultNew .resultAfter .checkList02{ margin: 0 30px 30px 0;}

@media screen and (max-width: 768px){
.english #resultNew .resultTtl h1{ font-size: 1.9rem;}
.english #resultNew .resultTtl .lead{ list-style-type: inherit; text-align: left; padding: 0 10px 0 17px;}
.english #resultNew .resultTtl .lead li{ font-size: 1.5rem; margin-top: 10px; line-height: 1.4;}
.english #resultNew .resultBefore{ width: 100%; padding-left: 0;}
.english #resultNew .resultBefore img{ margin-left: 12px;}
.english #resultNew .resultBefore ul{ width: 310px;}
.english #resultNew .resultBefore ul li.txtIndent{ padding-left: 5.5em;}
.english #resultNew .resultAfter .resultPoint{ padding: 20px 14px 30px 16px;}
.english #resultNew .resultAfter .checkList02{ margin: 0 30px 30px 0;}
}