@charset "UTF-8";


/************* PC *************/
@media screen and (min-width: 737px) {

.main-area {
	position: relative;
	background: url("../images/img_main.jpg") no-repeat top center;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	height: 1013px;
}
.main-ttl {
	position: absolute;
	top: 40%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	font-size: 47px;
	color: #fff;
	width: 100%;
}
.main-ttl br { display: none; }


.cont-service .txt-wrap {
	margin: 0 0 50px;
	font-size: 24px;
}
.cont-service .serv-clm {
	margin: 0 auto 120px;
}
.cont-service .serv-clm .upper {
	margin: 0 auto 20px;
	width: 720px;
}
.serv-clm .upper .thumbnail {
	float: left;
	width: 396px;
}
.serv-clm .upper .thumbnail img {
	width: 100%;
}
.serv-clm .upper .txt-wrap {
	float: right;
	margin: 60px 0 0;
	font-size: 17px;
	width: 300px;
}
.serv-clm .serv-list {
	margin: 0 0 0 280px;
	list-style-type: disc;
	font-size: 17px;
}
.serv-flow { font-size: 42px; }


.cont-work,.cont-contact { background: #FFF8EA; }
.work-list {
	margin: 0 auto;
	width: 600px;
}


.cont-company { background: #F1FAFE; }
.company-inner {
	margin: 0 auto;
}
.company-article {
	margin: 0 0 0 210px;
	width: 100%;
}
.gmap-wrap { line-height: 0; }
.gmap-wrap iframe {
	width: 100%;
	height: 1000px;
}


.contact-form-wrap {
	margin: 0 auto;
	width: 680px;
}
.contact-form {
	margin: 0 0 20px;
	width: 100%;
}
.contact-form tr td {
	vertical-align: top;
	padding: 0 0 20px;
	width: 424px;
}
.contact-form tr td .form-txt {
	padding: 0 0 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 24px;
	border: 1px solid #ccc;
	width: 100%;
	height: 49px;
}
.contact-form tr td .form-txtarea {
	border: 1px solid #ccc;
	width: 418px;
}
.contact-form-wrap .btn-wrap {
	margin: 0 auto;
	width: 520px;
}
.contact-form-wrap .btn-wrap .btn-base {
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 250px;
	height: 50px;
}
.contact-form-wrap .btn-wrap .btn-base:hover { opacity: 0.9; }
.contact-form-wrap .btn-wrap .btn-reset {
	margin: 0 20px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #002FB8), color-stop(0.00, #06C));
	background: -webkit-linear-gradient(#06C, #002FB8);
	background: -moz-linear-gradient(#06C, #002FB8);
	background: -ms-linear-gradient(#06C, #002FB8);
	background: linear-gradient(#06C, #002FB8);
	border: 1px solid #001E7B;
}
.contact-form-wrap .btn-wrap .btn-submit {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #47901E), color-stop(0.00, #65D028));
	background: -webkit-linear-gradient(#65D028, #47901E);
	background: -moz-linear-gradient(#65D028, #47901E);
	background: -ms-linear-gradient(#65D028, #47901E);
	background: linear-gradient(#65D028, #47901E);
	border: 1px solid #349D1A;
}




}/************* min-width: 737px PC end *************/

































/************* SP *************/
@media screen and (max-width: 736px) {

.main-area {
	background: url("../images/img_main.jpg") no-repeat top center;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
.main-ttl {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 40% 0 18%;
	text-align: center;
	line-height: 166%;
	font-size: 240%;
	color: #fff;
	width: 100%;
}


.cont-service .txt-wrap {
	margin: 0 0 50px;
}
.cont-service .serv-clm {
	margin: 0 auto 50px;
}
.cont-service .serv-clm .upper {
	margin: 0 auto 20px;
}
.serv-clm .upper .thumbnail {
	width: 100%;
}
.serv-clm .upper .thumbnail img {
	width: 100%;
}
.serv-clm .upper .txt-wrap {
	margin: 20px 0 0;
}
.serv-clm .serv-list {
	margin: 0 0 0 20px;
	list-style-type: disc;
}
.serv-flow {
	text-align: center;
	font-size: 18px;
}


.cont-work,.cont-contact { background: #FFF8EA; }
.work-list {
	margin: 0 auto;
	line-height: 2;
}


.cont-company { background: #F1FAFE; }
.company-inner {
	margin: 0 auto;
}
.company-article {
	line-height: 2;
	width: 100%;
}
.company-article tr th { width: 110px; }
.gmap-wrap { line-height: 0; }
.gmap-wrap iframe {
	width: 100%;
	height: 300px;
}


.contact-form-wrap {
	margin: 0 auto;
}
.contact-form {
	margin: 0 0 20px;
	width: 100%;
}
.contact-form tbody,
.contact-form tr,
.contact-form tr th,
.contact-form tr td {
	display: block;
}
.contact-form tr th {
	margin: 0 0 10px;
	text-align: center;
}
.contact-form tr td {
	padding: 0 0 20px;
}
.contact-form tr td .form-txt {
	padding: 0 0 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 24px;
	border: 1px solid #ccc;
	width: 100%;
	height: 49px;
}
.contact-form tr td textarea {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #ccc;
	width: 100%;
	height: 100px;
}
.contact-form-wrap .btn-wrap {
	margin: 0 auto;
	width: 100%;
}
.contact-form-wrap .btn-wrap .btn-base {
	display: block;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100%;
	height: 50px;
}
.contact-form-wrap .btn-wrap .btn-base:hover { opacity: 0.9; }
.contact-form-wrap .btn-wrap .btn-reset {
	margin: 0 0 10px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #002FB8), color-stop(0.00, #06C));
	background: -webkit-linear-gradient(#06C, #002FB8);
	background: -moz-linear-gradient(#06C, #002FB8);
	background: -ms-linear-gradient(#06C, #002FB8);
	background: linear-gradient(#06C, #002FB8);
	border: 1px solid #001E7B;
}
.contact-form-wrap .btn-wrap .btn-submit {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #47901E), color-stop(0.00, #65D028));
	background: -webkit-linear-gradient(#65D028, #47901E);
	background: -moz-linear-gradient(#65D028, #47901E);
	background: -ms-linear-gradient(#65D028, #47901E);
	background: linear-gradient(#65D028, #47901E);
	border: 1px solid #349D1A;
}


}/************* max-width: 736px SP end *************/




@media screen and (max-width: 375px) {
	.main-ttl { font-size: 220%; }
}/************* max-width: 375px SP end *************/
@media screen and (max-width: 320px) {
	.main-ttl { font-size: 180%; }
}/************* max-width: 320px SP end *************/