/*
 * STYLE #E79300  #4AB6D0
 */

/* 共通 */
body{}
.bg-gra{color:#f5f5f5f;}

.selfimg{
	width:auto;
	max-width:100%;
}
.h1box{
	color:#fff;
	background-color: #4AB6D0; 
}
.headh1 h1{
	margin:2px 0 2px 0;
	font-size:12px;
	text-align:right;
}
.headerbox{}
.logoimg{
	padding-top:15px;
	padding-bottom:15px;
}
.topimgbox{
	background: url(../img/mainimg.jpg) no-repeat;
	background-position: top center;
	background-size:cover;
	padding:385px 0px 0px 0px;
	text-align:center;
	height:540px;
}
h2{
	color:#333;
	font-size:28px;
	margin-top:25px;
	padding-bottom:8px;
	margin-bottom:25px;
	border-bottom:1px #4AB6D0 solid;
	text-align:left;
}
h3 {
	font-size:24px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.footbox{
	color:#fff;
	background:#333;
}
.footbox h2{
	color:#fff;
	margin-top: 25px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom:none;
}
.footbox table{
	border-bottom:1px solid #dddddd;
	margin-bottom: 35px;
}
.mades {
	font-size:20px;
}

/* スマホ */
@media (max-width: 768px) {
	.headh1 h1{
		margin:0;
		font-size:11px;
		text-align:left;
	}
	.topimgbox{
		background: url(../img/mainimg.jpg) no-repeat;
		background-position: top center;
		background-size:cover;
		padding:80px 0px 0px 0px;
		text-align:left;
		height:180px;
	}
	.cp{
		font-weight:bold;
		text-align:left;
		font-size:20px;
		color:#fff;
		text-align:left;
	}
	h2{
		font-size:22px;
	}
	h3 {
		font-size:18px;
	}
	img.pimg{width:50%;}
	.mades {
		font-size:14px;
	}
	.ftcompany th{width:30%;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:3px;}

}
/* PC */
@media (min-width: 768px) {
	.mainimg{
		position: relative;
		text-align:right;
	}
	.cp{
		background:rgba(0, 0, 0,0.6);
		font-weight:bold;
		text-align:left;
		font-size:27px;
		color:#fff;
		position: absolute;
		top:50%;
		left:0;
		padding:2px 7px;
	}
}