@charset "UTF-8";


#sn_main_visual{
	position:relative;
	height:180px;
	margin-top:101px;
	background:transparent url('../../common/images/bgi_page_title.png') repeat left top;
	overflow:hidden;
}

#sn_main_visual_slide{
	height:180px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	background-repeat:no-repeat;
	background-position:center top;
}

#sn_main_visual p,
#sn_main_visual h1{
	text-align:center;
}

#sn_catch_copy_wrap{
	position:absolute;
	left:50%;
	top:60px;
}
#sn_catch_copy{
	display:none;
	width:395px;
	height:60px;
	margin-left:100px;
	letter-spacing:1px;
	line-height:65px;
	color:#FFF;
	font-size:30px;
	font-family:century, san-serif;
	background:transparent url('../images/bgi_catch_copy.png') no-repeat left top;
}

.char_catch{
	position:relative;
}

#sn_main_visual img{
	max-width:1080px;
	width:100%;
	min-width:800px;
}

main{
	float:none;
	width:auto;
	margin:0;
}

main article{
	padding-top:30px !important;
}

.sn_top_info .sn_title_4{
	padding-left:20px !important;
	padding-right:20px !important;
}

/*** 3カラムの場合 ここから ***/
/*
.sn_top_info{
	width:32%;
}

#sn_news_area,
#sn_lesson_recent{
	float:left;
	padding-right:2%;
}

#sn_blog_recent{
	float:right;
}
*/
/*** 3カラムの場合 ここまで ***/

/*** 2カラムの場合 ここから ***/
/*
.sn_top_info{
	width:49%;
}

#sn_news_area{
	float:left;
	padding-right:2%;
}

#sn_lesson_recent{
	float:right;
}
*/
/*** 2カラムの場合 ここまで ***/

/*** 1カラムの場合 ここから ***/
.sn_top_info{
	width:100%;
}
/*
*/
/*** 1カラムの場合 ここまで ***/


.sn_top_info ul{
	margin:0;
	height:215px;
	overflow:auto;
	border-bottom:dotted 1px #DDD;
}

.sn_top_info li{
	margin:0px 0 0.7em 0;
	padding:0px 20px 0.7em 20px !important;
	border-bottom:dotted 1px #DDD;
	font-size:85.71%;
	line-height:1.5;
	list-style-type:none;
}

.sn_top_info li:last-child{
	border-bottom:none !important;
}

.sn_top_info li a{
	text-decoration:none;
	color:#333;
}

.sn_top_info .sn_align_r a:hover,
.sn_top_info li a:hover{
	text-decoration:underline;
	color:#4595e5;
}

.sn_top_info .sn_align_r{
	margin-top:7px;
}

.sn_top_info .sn_align_r a{
	font-size:85.71%;
	text-decoration:none;
	color:#333;
}

#sn_top_content_t{
	margin:-20px 4.62% -30px 4.62%;
}

#sn_top_content_t section{
	margin:0;
}

#sn_top_content_l{
	float:left;
	width:64.81%;
	margin:2.77% 0 2.77% 4.62%;
	letter-spacing:1px;
	text-align:justify;
}

#sn_top_intro_l{
	width:35%;
	float:left;
}

#sn_top_intro_l img{
	width:100%;
}

#sn_top_intro_r{
	width:61%;
	float:right;
}

#sn_top_intro_r p{
	margin-bottom:0;
}

#sn_top_intro_r h2{
	color:#ea7a00;
	font-size:128.57%;
	margin-bottom:10px;
}

.sn_to_other_school p{
	text-align:center;
	float:left;
	width:50%;
	margin-top:15px;
}

.sn_to_other_school span{
	display:block;
	padding:0 2%;
}

.sn_to_other_school img{
	margin:0 auto;
}

.sn_merit h3,
.sn_merit p{
	margin-bottom:0;
}

.sn_merit_img img{
	width:100%;
}

.sn_merit_body,
.sn_merit_title{
	position:relative;
	top:-2.0em;
}

.sn_merit_title{
	background-color:rgba(223,119,12,0.85);
	color:#FFF;
	font-weight:bold;
	height:2.0em;
	line-height:2.0;
	padding:0 5px 0 20px;
}

.sn_merit_body{
	background-color:#fafafa;
	padding:6px 20px 3em 20px;
	border-bottom:solid 1px #E5E5E5;
	box-shadow:0px 1px 2px 0 rgba(0,0,0,0.05);
	text-align:justify;
}

.sn_merit_body p{
	font-size:85.71%;
	line-height:1.8;
}

.sn_merit_body .sn_allow_link_r{
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:100%;
}

#sn_merit_1 .sn_merit_body .sn_allow_link_r,
#sn_merit_2 .sn_merit_body .sn_allow_link_r{
	right:20px;
}

.sn_merit{
	float:left;
}

#sn_merit_1{
	float:left;
	width:48%;
}

#sn_merit_2{
	float:right;
	width:48%;
}

#sn_merit_3,
#sn_merit_4,
#sn_merit_5{
	width:31.428%;
}

#sn_merit_3,
#sn_merit_4{
	margin-right:2.857%;
}

#sn_merit_5{
	float:right;
}

#sn_merit_3 .sn_merit_title,
#sn_merit_3 .sn_merit_body,
#sn_merit_4 .sn_merit_title,
#sn_merit_4 .sn_merit_body,
#sn_merit_5 .sn_merit_title,
#sn_merit_5 .sn_merit_body{
	padding-left:10px;
	padding-right:5px;
}

#sn_merit_3 .sn_merit_title,
#sn_merit_4 .sn_merit_title,
#sn_merit_5 .sn_merit_title{
	font-size:85.71%;
}

#sn_merit_3 .sn_merit_body,
#sn_merit_4 .sn_merit_body,
#sn_merit_5 .sn_merit_body{
	min-height:21em;
}

.sn_allow_link_r{
	text-align:right;
	margin-top:7px;
}

.sn_allow_link_r a{
	text-decoration:none;
}

#sn_banner_area p{
	margin-top:0px;
	margin-bottom:10px;
}

#sn_link_button_area{
	width:100%;
	overflow:hidden;
}

#sn_link_button_area_in{
	margin:0 -3% 0 0; /* 3%の右ネガティブマージンを設定する（右に3%広がる） */
}

.sn_link_button{
	float:left;
	width:30.42%;	/* 1 / 1.03 - ( 0.0291 + 0.0291 ) / 3 */
	margin-right:2.91%;	/* 1 / 1.03 * 0.03 */
	margin-bottom:1.5em;
}

.sn_link_button p{
	margin:0;
	border:solid 1px #FFF;
	border-radius:5px;
	box-shadow:0px 1px 2px 0 rgba(0,0,0,0.2);
	background:#FAFAFA no-repeat right center;
}

.sn_link_button a{
	display:block;
	width:100%;
	height:5em;		/* IE7 bug */
	background:transparent no-repeat right center;
	color:#333;
	text-decoration:none;
}

.sn_link_button a:hover{
	color:#4595e5;
}

.sn_link_button span{
	display:table-cell;
	height:5em;
	vertical-align:middle;
	padding:0 0 0 20px;
	text-decoration:none;
	text-shadow:1px 1px 0 #FFFFFF, -1px -1px 1px #DDD;
	font-weight:bold;
	line-height:1.4;
	padding-right:10px;
}

#sn_ico_1 a{ background-image:url('../../common/images/ico_qa.png'); }
#sn_ico_2 a{ background-image:url('../../common/images/ico_company.png'); }
#sn_ico_3 a{ background-image:url('../../common/images/ico_outsourcing.png'); }
#sn_ico_4 a{ background-image:url('../../common/images/ico_host_family.png'); }
#sn_ico_5 a{ background-image:url('../../common/images/ico_recruit.png'); }

/*** chromeで他ページから戻ってきた場合に表示崩れとなる対処 ***/
.fb-like-box{
	min-height:500px;
}

@media screen and (max-width:1080px){

#sn_top_content_t{
	margin:1px 2% 2.77% 2%;
}

#sn_top_content_l{
	width:68%;
	margin:2.77% 0 2.77% 2%;
}

#sn_merit_1,
#sn_merit_3,
#sn_merit_5{
	clear:both;
	float:left;
	width:48%;
	margin-right:0;
}

#sn_merit_2,
#sn_merit_4{
	float:right;
	width:48%;
	margin-right:0;
}

.sn_merit_title{
	padding-left:15px !important;
	padding-right:5px !important;
}

.sn_merit_body{
	padding-left:15px !important;
	padding-right:15px !important;
}

#sn_merit_3 .sn_merit_title,
#sn_merit_4 .sn_merit_title,
#sn_merit_5 .sn_merit_title{
	font-size:100%;
}

#sn_merit_3 .sn_merit_body,
#sn_merit_4 .sn_merit_body,
#sn_merit_5 .sn_merit_body{
	min-height:0;
}

.sn_merit_body .sn_allow_link_r{
	right:15px !important;
}


#sn_catch_copy_wrap{
	left:57%;
}

#sn_catch_copy{
	margin-left:0;
	font-size:28px;
}

}/*** @media screen and (max-width:1080px)の設定 ここまで ***/


@media screen and (max-width:768px){

.sn_link_button{
	float:left;
	width:47%;	/* 1 / 1.03 - ( 0.03 ) / 2 */
}



#sn_top_content_l{
	letter-spacing:0px;
}

}/*** @media screen and (max-width:768px)の設定 ここまで ***/


@media screen and (max-width:639px){
main article{
	padding-top:0px !important;
}

#sn_main_visual{
	height:140px !important;
}

#sn_main_visual img{
	position:absolute;
	left:0px;
	top:0;
	width:810px !important;
	max-width:810px !important;
	min-width:0;
	height:188px !important;
}

#sn_top_content_t{
	width:96%;
	margin:0 2% 50px 2%;
	padding-top:2.77%;
}

#sn_top_content_l{
	float:none;
	width:96%;
	margin:0 2% 50px 2%;
	padding-top:2.77%;
}

.sn_top_info{
	padding:0 !important;
	width:100% !important;
}

.sn_top_info ul{
	height:auto;
}

#sn_news_area,
#sn_lesson_recent{
	float:none;
}

}/*** @media screen and (max-width:639px)の設定 ここまで ***/


@media screen and (max-width:520px){
#sn_top_content_t,
#sn_top_content_l,
aside{
	width:100%;
	padding:10px 0;
	margin:0;
}

#sn_top_content_t{
	padding-top:0;
}

#sn_main_visual{
	margin-top:60px;
	height:110px !important;
}

#sn_main_visual img{
	left:-15px;
	width:648px !important;
	max-width:648px !important;
	height:150px !important;
}

.sn_top_info .sn_title_4{
	padding-left:10px !important;
	padding-right:10px !important;
}

.sn_top_info li{
	padding-left:10px !important;
	padding-right:10px !important;
}


#sn_top_intro_l{
	display:inline;
	width:40%;
}

#sn_top_intro_l p{
	margin:0 10px 10px 0;
}

#sn_top_intro_r{
	width:auto;
	float:none;
}

#sn_top_intro_r h2{
	font-size:114.29%;
}

#sn_merit_1,
#sn_merit_2,
#sn_merit_3,
#sn_merit_4,
#sn_merit_5{
	float:none;
	width:100%;
}

.sn_merit_title{
	padding-left:10px !important;
	padding-right:5px !important;
}

.sn_merit_body{
	padding-left:10px !important;
	padding-right:10px !important;
}

.sn_merit_body .sn_allow_link_r{
	right:10px !important;
}

#sn_banner_area p{
	margin-top:0px;
	margin-bottom:0px;
}

#sn_link_button_area_in{
	margin:0;
}

.sn_link_button{
	float:none;
	width:100%;
	margin-right:0;
}

}/*** @media screen and (max-width:520px)の設定 ここまで ***/


@media screen and (max-width:340px){
#sn_main_visual img{
	left:-25px;
}
}/*** @media screen and (max-width:340px)の設定 ここまで ***/


@media screen and (max-height:355px){

#sn_main_visual{
	margin-top:0px;
}

}/*** @media screen and (max-height:355px) ここまで ***/


/*** Print styles ***/
@media print{
#sn_main_visual{
	float:none;
	padding:0;
	width:100%;
	margin:0;
}

}