@charset "UTF-8";

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

0x、ラストリゾートが選ばれる理由
/sp/service/

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

h2 span{
    background:#1ac0ff url(/sp/img/bg_service.png) no-repeat right bottom;
    background-size:auto 50%;
}

/*下層の共通部分*/
#service_detail{
	border-top:4px solid #79daff;/*薄い青*/
	border-bottom:4px solid #fa0128;/*薄い赤*/
	background:url(/sp/img/ptnA.png);
}
#service_detail h3{
	border-top:4px solid #1ac0ff;/*濃い青*/
	border-bottom:1px dashed #ccc;
	color:#06f;
	padding:20px 0;
	text-indent:2%;
	background:#fff;
	margin-bottom:10px;
}
/*アイコン付きh3タイトル*/
#service_detail h3.counseling{
	background:#fff url(/sp/img/marker_counseling.png) no-repeat 98% center;
	background-size:auto 90%;
}
#service_detail h3.support{
	background:#fff url(/sp/img/marker_support.png) no-repeat 98% center;
	background-size:auto 90%;
}
#service_detail h3.carrersupport{
	background:#fff url(/sp/img/marker_careersupport.png) no-repeat 98% center;
	background-size:auto 90%;
}
#service_detail h3.careerdesign{
	background:#fff url(/sp/img/marker_careerdesign.png) no-repeat 98% center;
	background-size:auto 90%;
}
#service_detail h3.ab_office{
	background:#fff url(/sp/img/marker_ab_office.png) no-repeat 98% center;
	background-size:auto 90%;
}

#service_detail dd p a,
#service_detail dd p a:link,
#service_detail dd p a:visited,
#service_detail dd li a,
#service_detail dd li a:link,
#service_detail dd li a:visited{
	color:#06f;
	text-decoration:underline;
}

img {
	margin-bottom:20px;	
}

h2 {
	border:none !important;	
}

.onestop img {
	width:96%;	
}

div.box  {
	text-align:center;
	margin-bottom:20px;	
}

div.box p {
	margin-bottom:15px;
}

div.box a {
	display:block;
	text-align:right;
	color:#00076C;
	font-weight:bold;
	width:96%;
}

div.box a.pagetop {
	color:#861c20;
}

div.box  dl {
	width:96%;
	margin:0 auto;
}

div.box  dt {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#f76300;
}

div.box  dt img {
	width:28px;
	margin:0 5px 10px 0;
}

div.box  dd {
	margin-bottom:10px;
}

.btnLink1 li img {
	margin-bottom:0;	
}


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

index

---------------------------------------------*/
#reason_list{
	border-bottom:4px solid #fa0128;
	padding:20px 0;
}

#reason_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);
}

#reason_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));
}
#reason_list li .ttl h3{
	display:table-cell;
	margin:0;
	padding:8px 5px;
	vertical-align:middle;
	color:#fff;
	line-height:1.2;
	width:58%;
	font-size:110%;
	font-weight:normal;
}

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


#reason_list li .exp{
	width:98%;
	padding:10px 0;
}
#reason_list li.counseling .exp{background:url(/sp/img/marker_counseling.png) no-repeat 2% center;background-size:17% auto;}
#reason_list li.support .exp{background:url(/sp/img/marker_support.png) no-repeat 2% center;background-size:17% auto;}
#reason_list li.careersupport .exp{background:url(/sp/img/marker_careersupport.png) no-repeat 2% center;background-size:17% auto;}
#reason_list li.careerdesign .exp{background:url(/sp/img/marker_careerdesign.png) no-repeat 2% center;background-size:17% auto;}
#reason_list li.ab_office .exp{background:url(/sp/img/marker_ab_office.png) no-repeat 2% center;background-size:17% auto;}


@media screen and (min-width:480px){
	#reason_list li.counseling .exp{background-size:auto 80%;}
	#reason_list li.support .exp{background-size:auto 80%;}
	#reason_list li.careersupport .exp{background-size:auto 80%;}
	#reason_list li.careerdesign .exp{background-size:auto 80%;}
	#reason_list li.ab_office .exp{background-size:auto 80%;}
}
@media screen and (min-width:361px){
	#reason_list li .exp{
		padding:30px 0;
	}
}

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



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

カウンセリング力
/sp/service/counseling/

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

ol.steps li{
	padding:10px 0 15px 0;
	border-bottom:1px dotted #ccc;
	zoom:1;
}
ol.steps li:last-child{
	padding:10px 0 0 0;
	border-bottom:none;
}
ol.steps li div{
	display:table;
	width:100%;
	text-indent:0;
	padding:0;
}

ol.steps li div.step{
	margin:0 0 10px 0;
}
ol.steps li div.step em{
	display:table-cell;
	font-weight:normal;
	font-style:normal;
}
ol.steps li div.step em span{
	height:1.5em;
	text-align:center;
	padding:0.5em 5px 0.5em 5px;
	background:#f90;
	position:relative;
	font-weight:bold;
	color:#fff;
	margin:0px 10px 10px 0;
	font-size:80%;
}
ol.steps li div.step em span:after{
	content:"　";
	position:absolute;
	width:0;
	height:0;
	border:0.5em solid transparent;
	border-top-color:#f90;
	top:100%;
	left:50%;
	margin-left:-0.3em;
}

ol.steps li div.step p{
	display:table-cell;
}
ol.steps li div.step p img{
	float:right;
	text-align:right;
	margin:0 0 0 5px;
	max-width:35%;
}

ol.steps li>p{
	padding-top:10px;
}

.f_fs1{
	font-size:80% !important;
	font-weight:normal !important;
}


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

安心のサポート体制
/sp/service/support/

---------------------------------------------*/
ol.crown li{
	border-bottom:1px dotted #ccc;
	margin:0 0 20px 0;
}
ol.crown li:nth-child(3){
	border-bottom:none;
}

ol.crown li h4{
	color:#555;
	padding:10px 0 10px 50px;
}
ol.crown li h4 span{
	float:right;
	background-color:#f60;
	color:#fff;
	width:5em;
	text-align:center;
	margin:5px 0 10px 1em;
	padding:2px 0;
}

ol.crown li:nth-child(1) h4{
	background:url(/sp/img/marker_crown1.png) no-repeat left center;
	background-size:auto 35px;
}
ol.crown li:nth-child(2) h4{
	background:url(/sp/img/marker_crown2.png) no-repeat left center;
	background-size:auto 35px;
}
ol.crown li:nth-child(3) h4{
	background:url(/sp/img/marker_crown3.png) no-repeat left center;
	background-size:auto 35px;
}

ol.crown li h5{
	clear:both;
	color:#f60;
	font-size:100%;
}
ol.crown li h5 img{
	float:left;
	width:45%;
	margin:-5px 5px 10px 0;
}

ol.crown li p{
	clear:both;
}



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

出発前サポート
/sp/service/support/before.html

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

/*common設定の上書き*/
#service_detail dl.presup dd{
	border-bottom:1px dotted #ccc;
}

/*タイトルと写真とテキストがセットのパターン*/
#service_detail dl dd p.ph{
	text-align:center;
	width:100%;
}
#service_detail dl dd p.ph img{
	max-width:60%;
	margin:10px 0;
}

/*個人プロフィール。体験談詳細と類似*/
#service_detail dd.prof .ph{
	float:left;
	width:50%;
	text-align:left;
}
#service_detail dd.prof .ph img{
	max-width:90%;
	margin:-4px 5px 10px 0;
}
#service_detail dd.prof .name{
	font-size:100%;
}
#service_detail dd.prof .name span{
	color:#999;
	font-size:70%;
	display:block;
}
#service_detail dd.prof .course a,
#service_detail dd.prof .course a:link{
	text-decoration:underline;
	color:#1ac0ff;
}
#service_detail dd.prof .course span{
	font-size:80%;
	display:block;
}

#service_detail dd.prof .term{
	font-size:90%;
}



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

滞在中サポート
/sp/service/support/stay.html

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

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

就職サポート
/sp/service/careersupport/

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

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

グローバルキャリアデザイン
/sp/service/careerdesign/

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