@charset "UTF-8";

/*==============================================================================

0x、目的から探すindex
/sp/purpose/

===============================================================================*/
h2 span{
    background:#1ac0ff url(/sp/img/bg_purpose.png) no-repeat right bottom;
    background-size:auto 50%;
}
.bnr{
	margin:0 auto;
	padding:20px 0;
	width:96%;
	text-align:center;
}


/*------------------------------------------

index

---------------------------------------------*/

#purpose_list{
	border-bottom:4px solid #fa0128;
	padding:20px 0;
}

#purpose_list>li{
	width:96%;
	border-radius:6px;
	border:solid 1px #1ac0ff;
	background:#fff;
	padding:0;
	margin:0 auto 20px auto;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}

#purpose_list li .ttl{
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	border-radius:6px 6px 0 0;
	background: -moz-linear-gradient(center top,#1ac0ff 0%,#1ac0ff 50%,#00aff2 50%,#00aff2 100%);
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #1ac0ff ),color-stop(0.5, #1ac0ff),color-stop(0.5, #00aff2),color-stop(1, #00aff2));
}
#purpose_list li .ttl h3,
#purpose_list li .ttl .spec{
	display:table-cell;
	margin:0;
	padding:8px 5px;
	vertical-align:middle;
	color:#fff;
	line-height:1.2;
}
#purpose_list li .ttl h3{
	width:58%;
	font-size:110%;
	font-weight:normal;
}
#purpose_list li .ttl .spec{
	padding:5px 0;
}

#purpose_list li .ttl h3 a,
#purpose_list li .ttl h3 a:link{
	color:#fff;
	text-decoration:underline;
}


#purpose_list li .ttl .spec ol{
	display:table;
	width:100%;
}
#purpose_list li .ttl .spec ol li{
	display:table-cell;
	width:40%;
	text-align:center;
}
#purpose_list li .ttl .spec ol li:nth-child(1),
#purpose_list li .ttl .spec ol li:nth-child(2){
	width:30%;
}
#purpose_list li .ttl .spec ol li span{
	display:blcok;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;
	padding:4px 5px;
	text-align:center;
	background:#ef8f00;
	border-radius:4px;
	font-size:80%;
}


#purpose_list li .exp{
	width:98%;
	padding:10px 0;
}
#purpose_list .exp.sa{background:url(/sp/img/btn_pps_sa.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.wh{background:url(/sp/img/btn_pps_wh.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.in{background:url(/sp/img/btn_pps_in.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.un{background:url(/sp/img/btn_pps_un.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.lp{background:url(/sp/img/btn_pps_lp.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.vo{background:url(/sp/img/btn_pps_vo.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.hs{background:url(/sp/img/btn_pps_hs.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.fs{background:url(/sp/img/btn_pps_fs.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.hsc{background:url(/sp/img/btn_pps_hsc.png) no-repeat 2% center;background-size:17% auto;}
#purpose_list .exp.saab{background:url(/sp/img/btn_pps_saab.png) no-repeat 2% center;background-size:17% auto;}

@media screen and (min-width:361px){
	#purpose_list li .exp{
		padding:30px 0;
	}
}
@media screen and (min-width:480px){
	#purpose_list .exp.sa{background-size:auto 80%;}
	#purpose_list .exp.wh{background-size:auto 80%;}
	#purpose_list .exp.in{background-size:auto 80%;}
	#purpose_list .exp.un{background-size:auto 80%;}
	#purpose_list .exp.lp{background-size:auto 80%;}
	#purpose_list .exp.vo{background-size:auto 80%;}
	#purpose_list .exp.hs{background-size:auto 80%;}
	#purpose_list .exp.fs{background-size:auto 80%;}
    #purpose_list .exp.hsc{background-size:auto 80%;}
    #purpose_list .exp.saab{background-size:auto 80%;}
}


#purpose_list li .exp p{
	margin:0 0 0 22%;
	line-height:1.4;
	width:auto;
}



/*------------------------------------------

下層共通

---------------------------------------------*/

h2.fig_ttl{
	text-align:center;
	border-top:none;
}

#purpose_detail{
	border-top:4px solid #1ac0ff;
	border-bottom:4px solid #fa0128;
	background:url(/sp/img/ptnA.png);
}

#purpose_detail h3{
	font-size:117%;
	width:100%;
	margin:0 auto;
	line-height:1.2;
	padding:5px 0;
	color:#06f;
	border-bottom:1px dashed #ccc;
	text-indent:2%;
	background:#fff;
}

#purpose_detail>div{
	padding:10px 0 15px 0;
}
#purpose_detail>div.close{
	display:none;
}
#purpose_detail dd p a,
#purpose_detail dd p a:link,
#purpose_detail dd p a:visited,
#purpose_detail div li a,
#purpose_detail div li a:link,
#purpose_detail div li a:visited{
	color:#06f;
	text-decoration:underline;
}

#purpose_detail div ul{
	width:96%;
	margin:0 auto;
}

#purpose_detail div ul li{
	line-height:1.2;
	margin:0 0 10px 0;
}





/*------------------------------------------

キャリアアップ留学のススメ
/sp/purpose/license_program/100412_career.html

---------------------------------------------*/

/*ブロック内のオレンジ背景部分*/
dl.kado_blue dd.isBg{
	background:#fffbe8;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}
dl.kado_blue dd.isBg h4{
	margin:0 0 5px 3%;
	width:94%;
}
dl.kado_blue dd.isBg p{
	margin:0 0 10px 3%;
	width:94%;
}

/*common設定の上書き - オレンジブロック*/
dl.kado_orange dd.other{
	padding:10px 0;
}
dl.kado_orange dd.other>ul{
	margin:0 auto;
	width:100%;
}
dl.kado_orange dd.other>ul>li{
	border-top:1px dotted #ccc;
	padding:10px 3% 20px 3%;
}
dl.kado_orange dd.other>ul>li:first-child{
	border:none;
}
dl.kado_orange dd.other>ul li p img{
	float:right;
	max-width:45%;
	margin:5px 0 5px 5px;
}
dl.kado_orange dd.other>ul li>h5{
	font-size:110%;
	color:#1ac0ff;
}
dl.kado_orange dd.other>ul li>h6{
	clear:both;
	margin:0 0 5px 0;
	font-size:100%;
	color:#f60;
}




/*------------------------------------------

3つの入学基準
/sp/purpose/university/hurdle.html

---------------------------------------------*/

#purpose_detail h3.noborder{
	border:none;
	border-bottom:1px solid #ccc;
}

#hurdle_1,
#hurdle_2,
#hurdle_3{
	position:relative;
	border-bottom:1px solid #ccc;
	padding:15px 0 15px 0px;
	cursor:pointer;
	font-weight:bold;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background:url(/sp/img/icon_plus.png) no-repeat 98% center,-moz-linear-gradient(center top, #fefefe 0%, #e3e3e3 100%);
	background:url(/sp/img/icon_plus.png) no-repeat 98% center,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #e3e3e3));
	background-size:auto 30px,auto auto;
	line-height:1.2;
}
#hurdle_1.open,
#hurdle_2.open,
#hurdle_3.open{
	background:url(/sp/img/icon_minus.png) no-repeat 98% center,-moz-linear-gradient(center top, #fefefe 0%, #e3e3e3 100%);
	background:url(/sp/img/icon_minus.png) no-repeat 98% center,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #e3e3e3));
	background-size:auto 30px,auto auto;
}
#hurdle_1 span,
#hurdle_2 span,
#hurdle_3 span{
	padding:20px 0 10px 80px;
	display:block;
	line-height:1.2;
	font-size:115%;
}

#hurdle_1 span{
	background:url(/sp/img/marker_no1.png) no-repeat 2% bottom;
	background-size:auto 80%;
}
#hurdle_2 span{
	background:url(/sp/img/marker_no2.png) no-repeat 2% bottom;
	background-size:auto 80%;
}
#hurdle_3 span{
	background:url(/sp/img/marker_no3.png) no-repeat 2% bottom;
	background-size:auto 80%;
}

#purpose_detail div table{
	border-top:1px solid #ff6701;
	border-right:1px solid #ff6701;
	width:100%;
	margin-bottom:5px;
}
#purpose_detail div table tr th,
#purpose_detail div table tr td{
	border-bottom:1px solid #ff6701;
	border-left:1px solid #ff6701;
	padding:4px;
}
#purpose_detail div table tr th{
	background:#ffdba4;
}
#purpose_detail div table tr td:first-child{
	background:#f3f3f3;
	width:50%;
}

#purpose_detail div .caution{
	font-size:80%;
	text-indent:-1em;
	padding:0;
	line-height:1.3;
	margin:0 2% 5px 1em;
	width:96%;
}




/*------------------------------------------

ホームステイのここが違う
/sp/purpose/home_stay/hostfamily.html

---------------------------------------------*/
.f_ls1{
	letter-spacing:-0.1em;
}

/*マーカーとして国旗を使う汎用設定*/
.country_us{
	background-image:url(/sp/img/marker_country1.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_ca{
	background-image:url(/sp/img/marker_country2.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_au{
	background-image:url(/sp/img/marker_country3.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_nz{
	background-image:url(/sp/img/marker_country4.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_uk{
	background-image:url(/sp/img/marker_country5.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_ie{
	background-image:url(/sp/img/marker_country6.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_de{
	background-image:url(/sp/img/marker_country7.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_fr{
	background-image:url(/sp/img/marker_country8.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_mt{
	background-image:url(/sp/img/marker_country9.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_kr{
	background-image:url(/sp/img/marker_country10.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_tw{
	background-image:url(/sp/img/marker_country11.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}
.country_cn{
	background-image:url(/sp/img/marker_country12.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:40px auto;
	padding:10px 2% 10px 60px !important;
}

/*------------------------------------------

キャリアアップ留学のススメ
ホームステイのここが違う

---------------------------------------------*/
/*横並びリスト*/
#purpose_detail dl dd ul.s_list li{
	display:inline-block;
	margin-right:5px;
	font-size:90%;
}
#purpose_detail dl dd ul.n_list li{
	text-indent:-1em;
	padding-left:1em;
}




/*------------------------------------------

ボランティア
/sp/purpose/volunteer/

---------------------------------------------*/

.lead table{
	margin-top:10px;
}
.lead table caption{
	text-align:left;
	margin-bottom:4px;
}