@charset "utf-8";
/* ------------------------------------------------------------ common */

#container			{ padding: 30px 30px 0; }

/* ------------------------------------------------------------ firstview */

#firstview			{ padding: 0 0 720px; position: relative; }
#top_wrapper		{ position: relative; }
#top_wrapper div	{ position: absolute; padding: 720px 0 0; width: 100%; background-size: cover !important; }
#top_wrapper .f1 	{ background: url(../images/header/fv-1.jpg?var=180725) no-repeat center bottom #000; display: block; }
#top_wrapper .f2 	{ background: url(../images/header/fv-2.jpg?var=180725) no-repeat center bottom #000; display: none; }
#top_wrapper .f3 	{ background: url(../images/header/fv-3.jpg?var=180725) no-repeat center bottom #000; display: none; }
#fv_inner .fv-logo 	{ text-align: center; float: none; padding: 165px 0 0; }
#fv_inner .fv-logo p 	{ color: #fff; text-align: center; font-size: 22px; padding: 15px 0; }

/* ------------------------------------------------------------ news */

#news		{ background: url(../images/index/news-bg.jpg?var=180725) no-repeat center bottom; background-size: cover; padding: 45px 0 75px; color: #fff; margin-bottom: 30px; }
#news div 	{ padding: 45px 0 0; }
#news dl dt	{ float: left; padding: 22px 25px; color: #1a76ba; }
#news dl dd { padding: 22px 0 22px 130px; background: url(../images/index/pattern.png) repeat center center; margin-bottom: 2px; }

/* ------------------------------------------------------------ about */

#about		{ background: url(../images/index/about-bg.jpg?var=180725) no-repeat center bottom; background-size: cover; padding: 100px 0 145px; color: #fff; margin-bottom: 30px; }
#about p 	{ padding: 25px 0 0; line-height: 280%; letter-spacing: 0.5px; text-align: center; }

/* ------------------------------------------------------------ service */

#service 			{ background: #f0f0f0; text-align: center; padding: 100px 0 90px; margin-bottom: 30px; }
#service p.caption	{ padding: 20px 0; line-height: 230%; }
#service ul 		{ padding: 20px 0 0; margin-left: -20px; }
#service ul li 		{ float: left; width: 320px; margin: 0 0 35px 20px; }
#service ul li p 	{ padding: 10px 0; }

/* ------------------------------------------------------------ stock */

#stock						{ background: #000; margin-bottom: 30px; }
#stock img					{ width: 31%; height: auto; float: right; } 
#stock img:first-child		{ float: left; } 
.stock-inner				{ width: 38%; float: left; color: #fff; padding: 31% 0 0; text-align: center; position: relative; }
.stock-inner div			{ padding: 45px 3% 0;  position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: 290px; }
.stock-inner div p.caption	{ padding: 30px 0; }

/* ------------------------------------------------------------ company */

#company			{ background: #004983; padding: 80px 0 170px; margin-bottom: 30px; color: #fff; text-align: center; }
#company h3 span	{ line-height: 160%; }
#company .color 	{ background: #336d9c; }
#company dl 		{ padding: 50px 0 0; }
#company dl dt,
#company dl dd		{ text-align: left; font-size: 14px; }
#company dl dt 		{ float: left; padding: 20px 18px 16px; }
#company dl dd 		{ padding: 20px 18px 16px 174px; }

/* ------------------------------------------------------------ access */

#access 			{ padding: 80px 0 120px; text-align: center; } 
#access iframe		{ width: 100%;  margin: 40px 0 20px;  }
#access p.gmap		{ font-family: "ヒラギノ明朝 Pro","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; font-size: 14px; text-decoration: underline;  }
#access p.gmap img	{ margin-right: 8px; }

/* ------------------------------------------------------------ contact */

#contact 				{ text-align: center; background: url(../images/index/contact-bg.jpg?var=180725) no-repeat center center; background-size: cover; padding: 60px 0; color: #fff; font-family: "ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#contact .form span 	{ color: #ff0000; }
#contact .form 			{ padding: 64px 80px; width: 690px; margin:  40px auto 0; background: #fff; color: #000; }
#contact p.notice 		{ border: 5px solid #e9e3da; font-size: 14px; padding: 25px; font-weight: bold;  }
#contact .form table 	{ width: 100%; margin: 30px 0 0; }
#contact .form table th,
#contact .form table td { text-align: left; font-size: 14px; }
#contact .form table th { width: 30%; font-weight: bold; padding: 16px 0 6px; vertical-align: top; }
#contact .form table td { width: 70%; padding: 12px 0; }
#contact input[type="text"] 		{ border: none; background: #f3f3f3; width: 96%; padding: 8px 2%; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
#contact .btn input[type="submit"] 	{ background: #dd0016; color: #fff; font-size: 16px; width: 260px; height: 50px; color: #fff;
	border-radius: 3px; 
 	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
#contact .btn 					{ padding: 50px 0 0; }
#contact .btn a					{ display: inline-block; *display: inline; *zoom: 1; background: #000; width: 260px; height: 50px; color: #fff; line-height: 50px; vertical-align: top; margin-bottom: 10px;
	border-radius: 3px; 
 	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
#contact textarea 				{ border: none; background: #f3f3f3; width: 96%; padding: 8px 2%; resize: vertical; min-height: 100px; }
#contact .note span				{ display: block; }
#contact .note h4				{ font-size: 30px; padding: 30px 0; font-weight: bold; color: #1a76ba; }
#contact .note p.caution		{ padding: 0 0 20px; }
#contact .note p.caution span	{ display: inline-block; *display: inline; *zoom: 1; color: #000; }
#contact .note table tr 		{ border-bottom: 1px solid #e9e3da; }
#contact .thanks span			{ display: block; }
#contact .thanks h4				{ font-size: 30px; padding: 30px 0; font-weight: bold; color: #1a76ba; }
#contact .thanks p.caution		{ padding: 20px 0; background: #eaeaea; }
#contact .thanks p.alert	 	{ font-size: 12px; padding: 50px 0 0; } 



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ common */

#container			{ padding: 3% 3% 0; }

/* ------------------------------------------------------------ firstview */

#firstview			{ padding: 0 0 350px; position: relative; }
#top_wrapper div	{ padding: 350px 0 0; width: 100%; }
#fv_inner .fv-logo 		{ width: 100%; padding: 88px 0 0; text-align: center; }
#fv_inner .fv-logo img	{ width: 220px; height: auto; }
#fv_inner .fv-logo p 		{ font-size: 14px; }
#fv-tel 			{ text-align: center; padding: 0 0 5%; }
#fv-tel p.tel		{ line-height: 100%; }
#fv-tel p.tel span	{ display: block; font-size: 27px; font-family: Arial; line-height: 100%; }

/* ------------------------------------------------------------ news */

#news		{ background: url(../images/header/fv-1-sp.jpg?var=180725) no-repeat center bottom; background-size: cover; padding: 30px 0; color: #fff; margin-bottom: 3%; }
#news div 	{ padding: 25px 0 0; font-size: 14px; }
#news dl dt	{ float: none; padding: 10px 6% 0; color: #1a76ba; background: url(../images/index/pattern.png) repeat center center;}
#news dl dd { padding: 0 6% 10px 6%;  margin-bottom: 2px; }

/* ------------------------------------------------------------ about */

#about		{ padding: 50px 6%; margin-bottom: 3%; }
#about p 	{ padding: 15px 0 0; line-height: 200%; letter-spacing: 0; font-size: 14px;  text-align: left; }

/* ------------------------------------------------------------ service */

#service 			{ padding: 30px 0; margin-bottom: 3%; }
#service p.caption	{ padding: 20px 6%; line-height: 230%; font-size: 14px; text-align: left; }
#service ul 		{ padding: 20px 0 0; margin-left: -3%; }
#service ul li 		{ width: 47%; margin: 0 0 3% 3%; }
#service ul li img	{ width: 100%; height: auto; }
#service ul li p 	{ padding: 8px 0; font-size: 14px; }

/* ------------------------------------------------------------ stock */

#stock						{ background: #000; margin-bottom: 3%; }
#stock img					{ width: 50%; height: auto; float: left; } 
.stock-inner				{ width: 100%; float: none; padding: 0; position: static;  }
.stock-inner div			{ padding: 54% 3% 20px;  position: static; height: auto; }
.stock-inner div p.caption	{ padding: 20px 0; font-size: 14px; }

/* ------------------------------------------------------------ company */

#company 		{ padding: 30px 0; margin-bottom: 3%; }
#company .color { background: none; }
#company dl 	{ padding: 25px 0 0; }
#company dl dt 	{ background: #336d9c; width: 94%; float: none; padding: 3%; }
#company dl dd 	{ width: 94%; padding: 3%; }

/* ------------------------------------------------------------ access */

#access 		{ padding: 30px 0; }
#access iframe 	{ margin: 20px 0; }
#access p.gmap 	{ padding: 10px 0; }

/* ------------------------------------------------------------ contact */

#contact					{ padding: 30px 0; }
#contact .form 				{ width: 88%; padding: 6%; }
#contact p.notice			{ padding: 6%; }
#contact .form table		{ margin: 10px 0 0; }
#contact .form table th,
#contact .form table td		{ width: 100%; display: block; }
#contact .form table th		{ padding: 10px 0 6; }
#contact .form table td		{ padding: 0 0 8px; }
#contact .form .note span		{ font-size: 14px; }
#contact .form .note h4			{ font-size: 24px; padding: 20px 0; }
#contact .note p.caution		{ font-size: 14px; }
#contact .form .note table		{ margin: 20px 0 0; }
#contact .form .note table tr 	{ border-bottom: none; }
#contact .form .note table th 	{ background: #e9e3da; }
#contact .form .note table th,
#contact .form .note table td 	{ padding: 10px 3%; width: 94%; }

}