@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}

a:visited{ text-decoration:none; color:#232222;}
a:link{ text-decoration:none; color:#232222;}
a:hover{ text-decoration:none; color:#999999;}
a:active{ text-decoration:none; color:#232222;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner {}
#headerAreaLogo {}
#headerTxt{}


/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox{ position:relative; background:none; height:14.5em; overflow:hidden;}
#mainImgBoxInner{}
#mainImgBox h2{ font-size:320%; line-height:1.0em; padding-top:12%; padding-left:2.5%; position:relative; z-index:5;}
#mainImgBox h2:before{
	content: "";
	position: absolute;
	left:5px;
	bottom:34px;
	height:15px;
	width:137px;
	z-index:-10;
	background-color:rgba(198,149,223,0.5);
}
#mainImgBox h2 span{ font-size:60%; color:#FF7B8E; font-weight:normal;}
#titleTextBox{}
#titleTextBox h3{}
#titleTextBox p{}
#posi_abu_mainImg{ padding:0; margin:0; position:absolute; top:0; right:0; width:60%;}




/*----------------------------------------------------------------------------
 ***                                                       introBox
----------------------------------------------------------------------------*/
#introBox{ background-color:#7AB143}
#introBox .sectionInner{ padding:3% 2.5%; position:relative;}
#introBox h3,
#introBox p{ color:#FFF;}
#introBox h3{ font-size:170%; line-height:1.2em; margin-bottom:2%; letter-spacing:-0.09em;}
#introBox p{ width:72%;}
#introBox #posi_abu_las{ width:26%; position:absolute; right:2%; bottom:8%; margin:0; padding:0;}



/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{}
#gNavi ul{}
#gNavi li{ float:left; border-right:1px dotted #C2C2C2;}
#gNavi li:first-child{ border:none;}
#gNavi li img{}



/*----------------------------------------------------------------------------
 ***                                                       pageLink
----------------------------------------------------------------------------*/
#pageLink{ width:97%; margin:1.5% auto;}
#pageLink ul{}
#pageLink li{ float:left; width:50%; box-sizing:border-box; margin-bottom:2%; padding-bottom:2%; border-bottom:1px dotted #CCC;}
#pageLink li img{ padding-left:2%; border-right:1px dotted #CCC;}
#pageLink li:nth-child(2n) img{ border-right:none;}
#pageLink li:nth-child(5),
#pageLink li:nth-child(6){ border-bottom:none;}



/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}



/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                           contentsSec
----------------------------------------------------------------------------*/
.contentsSec{ width:95%; margin:0 auto 10%; border:1px solid #000;}
.contentsSec h3{ font-size:260%; font-weight:normal; line-height:1em; color:#FFF; background-color:#000; padding:0% 0 2% 2.5%; border:none; height:auto;}
.contentsSec h3 span{ font-size:50%;}
.mainSection .contentsSec .sectionInner{ padding:3% 2.5%; border-bottom:1px dotted #CCC;}



/*----------------------------------------------------------------------------
 ***                                                         merit
----------------------------------------------------------------------------*/
#merit{}
#merit h3{}
#merit h3 span{}
#merit .sectionInner{ padding:5% 4% 0;}
#merit dl{ float:left; width:48%; margin-right:4%; margin-bottom:5%;}
#merit dl:nth-child(2n){ margin-right:0;}
#merit dt,
#merit dd{ text-align:center;}
#merit dt{ width:70%; margin:0 auto 4%;}
#merit dd{}



/*----------------------------------------------------------------------------
 ***                                                         canDo
----------------------------------------------------------------------------*/
#canDo{}
#canDo h3{}
#canDo h3 span{}
#canDo .sectionInner{ padding:4% 4% 1%;}
.firstText{ margin-bottom:5%;}
#canDo dl{}
#canDo dt{}
#canDo dd{}

.canDoBox{ position:relative; margin-bottom:5%;}
.canDoBox .floatL{ width:33%; padding-right:3%;}
.canDoBox dl{ float:right; width:67%;}
.canDoBox dt{ font-size:130%; font-weight:bold; padding-bottom:1%; margin-bottom:1%; border-bottom:1px solid #AAA;}
.canDoBox dd{}
.posi_abu_detail{ width:30%; position:absolute; right:0; bottom:0;}

.canDoBox ul{ width:54%; position:absolute; right:0; bottom:0;}
.canDoBox li{ float:left; width:48%;}
.canDoBox li:first-child{ margin-right:4%;}

#study{}
#test{}
#skill{}
#business{}
#expert{}
#intern{}
#go{}




/*----------------------------------------------------------------------------
 ***                                                         country
----------------------------------------------------------------------------*/
#country{}
#country h3{}
#country h3 span{}
#country p{ line-height:1.5em;}
.titleText{ border-bottom:1px dotted #CCC; padding:0 2.5% 2%;}

.rankingBox{}
.rankingBox h4{ font-size:240%; padding:3% 0 3% 18%; margin:2% 0 3%; border-bottom:1px solid #CCC; background-position:left 50%; background-repeat:no-repeat; background-size:16% auto;}
.rankingBox h4 img{ width:15%; padding-left:2%;  vertical-align:0;}
.rankingBox h4 span{ float:right; padding-top:12px;}
.rankingBox h5{ font-size:160%; padding-top:10px; line-height:1.3em; padding-left:28%; margin-bottom:5px; position:relative;}
.rankingBox h5 span{ font-size:60%; color:#FF891E;}
.rankingBox ul{ margin-bottom:5%;}
.rankingBox li{ font-size:140%; font-weight:bold; color:#399D4A; line-height:1.4em; margin-bottom:2%;}
.posui_abu_counselor{ width:26%; position:absolute; left:0; top:0; z-index:10;}

.leftBox{ width:62%; float:left;}
.leftBox p{}
.leftBox .tac{ width:65%; margin:8% auto 8%;}

.schoolBox{}
.schoolBoxInner{ background-color:#C6D7AF; padding:10% 3% 3% 3%; position:relative;}
.schoolBox dl{ margin-bottom:5px;}
.schoolBox dt{ font-weight:normal; line-height:1.2em; padding:1% 0 1.5% 10%; margin-bottom:1%; background-size:9% auto;}
.schoolBox dd{ font-size:140%; font-weight:bold; line-height:1.2em;}
.schoolBox .floatL{ width:35%; padding-right:3%;}
.posi_abu_detailSchool{ width:40%; position:absolute; right:3%; top:4%;}
.rightImg{ float:right; width:35%; margin-bottom:3%;}
.tac2{ width:50%; margin:0 auto 5%;}


.schoolbox_double{ margin-bottom:4%;}
.schoolbox_double dl{}
.schoolbox_double dt{}
.schoolbox_double dd{}
.schoolbox_double .floatL{}
.schoolbox_double .rightText{ float:right; width:65%;}
.schoolbox_double .rightText p{}
.schoolbox_double .rightText .tac{ width:70%; margin:0 auto;}

#left_schoolbox{ border-bottom:1px dotted #FFF; padding-bottom:3%;}

#firstBox{ background:url(../long_study/images/back_border.png) left bottom repeat-x; padding-bottom:12%;}
#firstBox h4{ background-image:url(../long_study/images/img_contents13.jpg);}
#secondBox{ background:url(../long_study/images/back_border.png) left bottom repeat-x; padding-bottom:12%;}
#secondBox h4{ background-image:url(../long_study/images/img_contents14.jpg);}
#thirdBox{}
#thirdBox h4{ background-image:url(../long_study/images/img_contents15.jpg);}

.canSchool{ background:url(../long_study/images/icon_can_small.jpg) left top no-repeat;}
.usaSchool{ background:url(../long_study/images/icon_usa_small.jpg) left top no-repeat;}
.gbrSchool{ background:url(../long_study/images/icon_gbr_small.jpg) left top no-repeat;}


#cost{}
#support{}
#exp{}
#cost .tac img,
#support .tac img,
#exp .tac img{ width:40%; margin:5% 0;}


/*----------------------------------------------------------------------------
 ***                                                              naviBox
----------------------------------------------------------------------------*/
.naviBox{ width:95%; display:flex; justify-content:center; margin:5% auto;}
.naviBox li{ float:left; width:48%;}
.naviBox li:first-child{ margin-right:2%;}
.naviBox li img{}


.naviBox_short{ margin:5% auto;}
.naviBox_short li{ text-align:center; width:70%; margin:4% auto;}
.naviBox_short li img{}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}
#footerAreaLink{}
#footerAreaTxt{}
#footerAreaLogo {}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}