@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }
	#header {
		background: #015533;
	}
	#header h1.title {
		width: 50px;
		height: 50px;
	}
	#header h1.title img {
		max-height: 35px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#page_title .sub {
		height: 150px;
	}
	#page_title .sub span {
		font-size: 25px;
		padding: 0 20px;
	}
	#container {
		padding-top: 50px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 20px;
	}
	#container h3.info {
		margin: 0 auto 30px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt img {
		max-width: 250px;
	}
	#footer .box dd.btn_box {
		width: 100%;
		display: block;
		margin: 0 auto 15px;
	}
	#footer .box dd.btn_box a {
		margin: 0 auto 15px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_msg::before {
		display: none;
	}
	#top_msg .txt {
		width: 100%;
	}
	#top_contents .contents_box .box {
		width: 100%;
		margin-bottom: 50px;
	}
	#top_info {
		padding-bottom: 60px;
	}
	#top_info::before {
		width: 150px;
		height: 160px;
	}
	#top_info .info_main {
		width: 100%;
	}
	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	#service .box {
		display: block;
	}
	#service .box .img {
		width: 100%;
	}
	#service .box .img img {
		height: 270px;
	}
	#service .box .info {
		width: 100%;
		padding: 15px;
	}
	#service .box .info h3 {
		font-size: 20px;
	}
	#service #purchase {
		margin-top: 30px;
	}
	#service #purchase .bana {
		width: auto;
	}
	#service #purchase .bana .photo {
		width: 100%;
		margin-bottom: 0;
	}
	#service #purchase .bana .txt {
		width: 100%;
		font-size: 14px;
		padding: 15px;
	}
	#service #purchase .bana .ttl {
		color: #b6d0e6;
		font-weight: bold;
		font-size: 29px;
	}

	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	#company .tbl {
		margin-bottom: 30px;
	}
	#company iframe {
		height: 300px;
	}
	#company #origin .box {
		padding: 20px;
	}
	#company #origin .box .photo {
		margin: 10px auto 0;
	}
	#company #origin .box .txt {
		width: auto;
	}
	/*--------------------------------------------------
		サブページ
	--------------------------------------------------*/
	
/*------------------------------------------------*/
}