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

body{
	font-size:15px;
	font: 14px/1.7 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;
	font-weight: bold; color:#4f3f3b; letter-spacing:0.5px; -webkit-text-size-adjust: 100%;
}

img{
	max-width:100%;
}

.header-top{
	background:url(../img/bg01.gif);
	color:#FFF;
	padding:5px 0;
}


.header-top ul li{
	float:left;
	overflow:hidden;
}

.header-top ul li img{
	margin:2px 5px 0 10px;
	display:block;
	float:left;
}

.contents_inner{
	overflow:hidden;
}

.header-bottom{
	background:url(../img/bg04.gif);
}



h1:hover{
	opacity:0.8;
}

.gnav{
	overflow:hidden;
	float:right;
	margin-top:5px;
}

.gnav li{
	float:left;
}

.gnav li:hover{
	background:#FFC;
}

.tel_sp{
	display:none;
}

.main_img img{
	width:100%;
	display:block;
}

#about{
	padding:5% 0 10%;
	background:url(../img/bg02.gif);
}

h3 img{
	display:block;
	margin:0 auto 3%; 
}

.about_inner{
	background:#FFF;
	padding:5%;
	border-radius:15px;
	overflow:hidden;
}

.swiper-container {
	border:5px solid #f3e7d7;
	border-radius:15px;
}

.swiper-container img{
	width:100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #535f69 !important;
}

#news{
	padding:5% 0;
	background:url(../img/bg03.gif);
}

#news h3{
	margin-top:-10%;
}

.news_inner{
	background:url(../img/bg01.gif);
	padding:5%;
	border-radius:15px;
	overflow:hidden;
	color:#FFF;
}

.news_inner a{
	color:#FF0;
	text-decoration:none;
}

.news_inner li{
	border-bottom:1px solid #FFF;
	padding:10px 0;
}

#catalog{
	padding:5% 0;
	background:url(../img/bg02.gif);
}

.catalog_innner{
	border:6px solid #ead9bb;
	padding:5% 3%;
	overflow:hidden;
}

.catalog_innner ul{
	overflow:hidden;
}

.catalog_dawn{
	margin-top:2%;
}

.catalog_dawn img:hover{
	opacity:0.9;
}

#contact{
	padding:5% 0;
	background:url(../img/bg05.gif);
}

#company{
	padding:5% 0;
	background:url(../img/bg03.gif);
}

.form_contents{
	overflow:hidden;
	margin-bottom:20px;
}

.form_contents .form_th{
	float:left;
}

.form_contents .form_td span{
	color:#9f1a19;
	margin-right:10px;
}

.form_contents .form_td input ,.form_contents .form_td textarea ,.submit{
	font-size:16px;
	font: 14px/1.7 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding:5px;
}

.form_contents .form_td textarea{
	vertical-align:top;
	resize: vertical;
}
.form_contents .form_td input::-webkit-input-placeholder ,.form_contents .form_td textarea::-webkit-input-placeholder{
	color:#CCC;
}

input[type=text] , textarea   {
font-size : 16px;
border : 1px solid #ccc;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}



.submit{
	margin:0 auto;
	display:block;
	background:url(../img/bg01.gif);
	color:#FFF;
	border:0;
	padding:2% 15%;
	margin-top:5%;
}

.submit:hover{
	opacity:0.9;
}

#footer{
	font-size:80%;
	background:url(../img/bg01.gif);
	color:#FFF;
	text-align:center;
	padding:5px 0;
}


/*PC用
-----------------------------------------------*/
@media screen and (min-width: 961px) {
	.contents_inner{
		width:980px;
		margin:0 auto;
	}
	
		
	.header-top h2{
		float:left;
	}
	
	
	.header-top ul{
		overflow:hidden;
		float:right;
	}	
	
	.header-bottom{
	padding:15px 0;
	}
	
	h1{
	float:left;
	}
	
	.main_sp{
		display:none !important;
	}
	
	.about_inner p{
		width:60%;
		float:left;

	}
	
	.swiper-container {
        width: 35%;
		float:right;
    }
	
	.catalog_left{
		width:30%;
		float:left;
	}
	
	.catalog_right{
		width:65%;
		float:right;
		padding:2% 0;
	}
	
	.catalog_right ul li{
		padding:1% 0;
	}
	
	.catalog_dawn_sp{
		display:none;
	}
	
	.company_left{
		width:50%;
		float:left;
		line-height:230%;
	}
	
	.company_right{
		width:50%;
		float:right;
		
	}
	
	.company_right iframe{
		width:100%;
		height:330px;
		
	}
	
	#contact .contents_inner{
		width:780px;
	}
	
	.form_contents .form_td{
	float:right;
	}
	
	.form_contents .form_td input ,.form_contents .form_td textarea{
		width:500px;
	}
}

/*タブレット用
-----------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.contents_inner{
		width:95%;
		margin:0 auto;
	}
	
	.header-top h2{
		float:left;
	}
	
	
	.header-top ul{
		overflow:hidden;
		float:right;
	}	
	
	.header-bottom{
	padding:15px 0;
	}
	
	h1{
		text-align:center;
	}
	
	.gnav{
		display:none;
	}
	
	.main_sp{
		display:none !important;
	}
	
	.about_inner p{
		width:60%;
		float:left;

	}
	
	.swiper-container {
        width: 35%;
		float:right;
    }
	
	.catalog_left{
		width:30%;
		float:left;
	}
	
	.catalog_right{
		width:65%;
		float:right;
		padding:2% 0;
	}
	
	.catalog_right ul li{
		padding:1% 0;
	}
	
	.catalog_dawn_sp{
		display:none;
	}
	
	.company_left{
		width:45%;
		float:left;
	}
	
	.company_right{
		width:50%;
		float:right;
		
	}
	
	.company_right iframe{
		width:100%;
		height:330px;
		
	}

	#contact .contents_inner{
		width:600px;
	}
	
	.form_contents .form_td{
	float:right;
	}
	
	.form_contents .form_td input ,.form_contents .form_td textarea{
		width:300px;
	}

	
}

/*スマートフォン用
-----------------------------------------------*/

@media screen and (max-width: 640px) {
	.contents_inner{
		width:95%;
		margin:0 auto;
	}
	
	.header-top h2{
		text-align:center;
	}
	
	.header-top ul{
		display:none;
	}
	
	h1{
		margin:0 auto;
		padding-left:2%;
		float:left;	
	}
	
	.gnav{
		display:none;
	}
	
	.tel_sp{
		display:block;
		float:right;
		margin-right:2%;
	}
	
	.header-bottom{
	padding:3% 0 2%;
	}
	
	.main_pc{
		display:none !important;
	}
	
	.about_inner p{
		margin-top:10%;
	}
	
	.catalog_left img{
		display:block;
		margin:0 auto 5%;
	}
	
	.catalog_right{
		width:95%;
		margin:0 auto;
	}
	
	.catalog_right ul li{
		padding:1% 0;
	}
	
	.catalog_dawn_pc{
		display:none;
	}
	
	
	.company_right iframe{
		width:100%;
		height:330px;
		margin-bottom:2%;
	}
	
	#contact .contents_inner{
		width:95%;
	}
	
	
	.form_contents .form_td input ,.form_contents .form_td textarea{
		width:95%
	}
	
	#news h3 ,#contact h3{
		width:70%;
		margin:0 auto;
	}


}