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

@import url('style.css');



/*****************************************************************************
/* レスポンシブ
**************************************************************************** */

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

/* SMART */

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

@media only screen and (max-width: 767px) {
	
	body {
		background: #EDEAE1 url(images/star_bg.png) repeat-x 50% 0;
		background-size:auto 18px;
		text-align:center;
	}
	
	
	
	iframe{
		width:340px;
		height:191px;
		margin:10px auto;
	}

	
	h1{
		text-indent:-9999px;
		width:380px;
		height:187px;
		margin:17px auto 0 auto;
		background:url(images/sp/top_img.png) no-repeat 50% 0;
		background-size:360px 187px;
		
	}
	
	
	#navi{
		height:27px;
		background:url(images/navi_bg.png) repeat-x;
		background-size:auto 27px;
		width:100%;
	}
	
	#navi ul{
		width:360px;
		margin:0 auto;
		padding:0;
	}
	#navi ul li a{
		text-indent:-9999px;
		width:180px;
		height:25px;
		display:block
	}
	#navi ul li.outline a{
		background:url(images/sp/navi.png) no-repeat;
		background-size:360px 25px;
	}
	#navi ul li.interview a{
		background:url(images/sp/navi.png) no-repeat -180px;
		background-size:360px 25px;
	}
	
	#cont_body{
		min-width:380px;
		background:none;
		height:auto!important;
		margin:0 auto;
	}
	.body_inner{
		width:372px;
		margin:10px auto;
		overflow:hidden;
	}
	.sec01{
		height:auto;
		text-align:left;
		background:url(images/sp/sp_body_bottom_bg.png) no-repeat 0% 100%;
		background-size:372px 20px;
		padding-bottom:10px;
	}
	.sec01 .inner{
		background:url(images/sp/sp_body_bg.png) repeat-y;
		background-size:372px 10px;
		padding-bottom:20px;
	}
		
	.sec01 .txt_area{
		width:340px;
		padding:10px 16px;
		float:none;
		margin:0;
	}
	.sec01 .img_area{
		width:340px;
		padding:10px 16px;
		float:none;
		margin-right:0;
	}
	.sec01 .img_area img{
		display:none;
	}
	.sec01 .img_area p.site_link{
		margin:0 auto;
		width:300px;
	}
	.sec01 .img_area p.site_link img{
		display:block;
		width:300px;
		height:auto;
	}
	
	.sec02{
		background:url(images/sp/sp_body_bottom_bg.png) no-repeat 0% 100%;
		background-size:372px 20px;
	}
	.sec02 .inner{
		background:url(images/sp/sp_body_bg.png) repeat-y;
		background-size:372px 10px;
		padding-bottom:20px;
	}
		
	.sec02 .txt_area{
		width:322px;
		padding:10px 25px;
		float:none;
		margin:20px 0;
	}
	.sec02 .img_area{
		width:330px;
		padding:10px 21px;
		float:none;
		margin:20px 0 0;
		text-align:center;
	}
	
	.sec02 h3{
		text-indent:-9999px;
	}
	
	.sec02 h3.int_01{
		width:372px;
		height:111px;
		background:url(images/sp/sp_h3_01.png) no-repeat 0 20px;
		background-size:contain;
		margin:0!important;
		padding-top:20px!important;
	}
	
	.sec02 h3.int_02{
		width:372px;
		height:156px;
		background:url(images/sp/sp_h3_02.png) no-repeat 0 20px;
		background-size:contain;
		margin:0!important;
		padding-top:20px!important;
	}
	.sec02 h3.int_03{
		width:372px;
		height:134px;
		background:url(images/sp/sp_h3_03.png) no-repeat 0 20px;
		background-size:contain;
		margin:0!important;
		padding-top:20px!important;
	}
	.sec02 h3.int_04{
		width:372px;
		height:161px;
		background:url(images/sp/sp_h3_04.png) no-repeat 0 20px;
		background-size:contain;
		margin:0!important;
		padding-top:20px!important;
	}
	
	
	.img_area img{
		max-width:280px;
		height:auto;
	}
	
	p.lead{
		padding:10px;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.6em;
	}
	
	
	
	#address{
		margin:30px 0 0;
		height:100px;
		background: #EDEAE1 url(images/star_bg.png) repeat-x 50% 100%;
		background-size:auto 18px;
	}
	div#address img{
		width:370px!important;
		height:auto;
	}
	
	
	h2#outline{
		text-indent:-9999px;
		width:372px;
		height:42px;
		background:url(images/sp/sp_h2_outline.png) no-repeat;
		background-size:contain;
	}
	h2#interview{
		text-indent:-9999px;
		width:372px;
		height:42px;
		background:url(images/sp/sp_h2_interview.png) no-repeat;
		background-size:contain;
	}
	
}