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

@import url('style.css');



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

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

/* SMART */

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

@media only screen and (max-width: 767px) {
	
	body {
		background: #F6D89C;
		background-size:auto 18px;
		text-align:center;
	}
	
	
	h1{
		text-indent:-9999px;
		width:380px;
		height:139px;
		margin:0 auto;
		background:url(images/main_visual.jpg) no-repeat 50% 0;
		background-size:360px 139px;
		
	}
	
	#head{
	width:380px;
	margin:0 auto;
	position:relative;
	}
	p.book_banner{
		position:absolute;
		right:15px;
		top:0px;
	}
	p.book_banner img{
		width:100px;
		height:auto;
	}
	
	
	#navi{
		width:360px;
		margin:0 auto;
		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:360px;
		margin:-5px auto 20px;
		overflow:hidden;
	}
	.sec01{
		height:auto;
		text-align:left;
		background:#FAF3E6 url(images/sec_bg_bottom.png) no-repeat 50% 100%;
		background-size:372px 20px;
		padding-bottom:10px;
	}

		
	.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{
		width:320px;
		height:auto;
	}
	
	.sec01 .outline{
		width:320px;
		margin:0 auto;
		background:url(images/sp/gaiyo_bg.png) no-repeat 0% 100%;
		background-size:320px auto;
	}
	.sec01 .outline h3{
		width:320px;
		height:27px;
		text-indent:-9999px;
		background:url(images/sp/gaiyo_title.png) no-repeat 0% 0%;
		background-size:320px auto;
	}
	
	.sec01 .outline dl{
		margin:20px 20px;
		padding-bottom:15px;
		border-bottom:2px solid #FAD2D2;
	}
	
	.sec01 .outline dl.no_border{
		padding-bottom:0;
		border-bottom:none;
	}
	
	.sec01 .outline dt{
		float:none;
	}
	.sec01 .outline dt img{
		width:140px;
		height:auto;
	}
	.sec01 .outline dd{
		width:auto;
		float:none;
		line-height:1.8em;
		margin-top:1em;
	}
	.sec01 .outline dd img{
		max-width:280px;
		height:auto;
	}
	.sec01 .outline dd img.bt_about{
		width:199px;
		height:auto;
		margin:0.5em 0 0!important;
	}
	
	
	.sec02{
		height:auto;
		text-align:left;
		background:#FAF3E6 url(images/sec_bg_bottom.png) no-repeat 50% 100%;
		background-size:372px 20px;
		padding-bottom:10px;
	}
	.sec02 .inner{
		background:url(images/sec_bg_top.png) no-repeat 50% 0%;
		background-size:372px 20px;
		padding:20px 0 0;
	}
	
		
	.sec02 img{
		max-width:280px;
		height:auto;
	}
	
	p.lead{
		padding:10px;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.6em;
	}
	
	#address{
		width:360px;
		height:90px;
		margin:30px auto 0;
		background:url(images/sp/sp_address.png) no-repeat;
		background-size:360px auto;
	}
	div#address img{
		display:none;
	}
	
	
	h2#outline{
		text-indent:-9999px;
		width:340px;
		margin:0 auto;
		height:35px;
		background:url(images/midashi1.png) no-repeat;
		background-size:contain;
	}
	
	p.img_pc{
		display:none!important;
	}
	p.img_sp{
		display:block!important;
	}
	p.img_sp img{
		width:300px;
		height:auto;
		margin:20px auto;
	}
	
	h2#interview{
		text-indent:-9999px;
		width:342px;
		margin:0 auto 1em;
		height:35px;
		background:url(images/midashi2.jpg) no-repeat;
		background-size:contain;
	}

	iframe{
		width:340px;
		height:191px;
		margin:10px auto;
	}

	div.youtube{
		width:340px;
		float:none;
		margin-left:10px;
		padding-top:10px;
	}

	p.interview{
		width:300px;
		float:none;
		margin:30px;
	}
	
}