@charset "UTF-8";
/* --------------------------------------------------
** default
** -------------------------------------------------- */
html { overflow-y: scroll }
body { -webkit-text-size-adjust: 100%; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, q, strong, dl, dt, dd, ol, ul, li, form, label, fieldset, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, figure {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
	outline: 0;
	border: none;
	background: none;
}
section, nav, article, aside, header, footer { display: block; }
body {
	font-family:YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	overflow-wrap: break-word;
	word-wrap:break-word;
}
* html body { font-size: x-small; }
*:first-child+html body { font-size: x-small; }
ol li, ul li { list-style: none; }
blockquote, q { quotes: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, img, fieldset { border: 0; }
img, input { vertical-align: middle; }
textarea:focus, input:focus { outline: 0;  /*safariの自動フォーカスを切る */ }
/* --------------------------------------------------
** typography
** -------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, pre, caption, address {
	font-size: 100%;
	color: #333;
	line-height: 2;
}
table { font-size: 100%; }
p input, p select, p textarea, li p, li li, li dt, li dd, li input, li select, li textarea, dd p, dd li, dd dt, dd dd, dd input, dd select, dd textarea, th p, th li, th dt, th dd, th input, th select, th textarea, td p, td li, td dt, td dd, td input, td select, td textarea { font-size: inherit; }
textarea {
	color: #333;
	line-height: 2;
}
input {
	padding: 0;
	margin: 0;
}
strong {
	font-weight: bold;
	color: #333;
}
em { }
a:link, a:visited, a:active, a:hover, a:link li, a:visited li, a:active li, a:hover li { color: #333; }
a {
	text-decoration: underline;
	/*word-break: break-all;*/
}
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; }
/* --------------------------------------------------
** column
** -------------------------------------------------- */
div.row { clear: both; }
.colL {
	float: left;
	zoom: 1;
}
.colR { float: right; }
/* -------------------------------------------------- 
** clearfix
** -------------------------------------------------- */
#content:after, .container:after, .row:after, .colL:after, .colR:after {
	content: "";
	display: block;
	clear: both;
}
#content, .container, .row, .colL, .colR { display: inline-table; }
* html #content, * html .container, * html .row, * html .colL, * html .colR { height: 1%; }
#content, .container, .row, .colL, .colR {
	zoom: 1;
	display: block;
}
/* CSS Document *//*----------------------
*【概要】共通スタイルの設定 
*PC・共通版
	-layout
	-font
	-clearfix
	-header
	-lead
	-infoList
	-contactBox
	-footer
----------------------*//* --------------------------------------------------
** layout
** -------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, pre, caption, address {
	font-size: 14px;
    line-height: 2.1;
	color: #333;
}
img { vertical-align: top; }
body {
    /*display: none;*/
	background-color: #FFF;
}
html, body {
	width: 100%;
	height: 100%;
}
#content { box-sizing: border-box; }



@media screen and (max-width: 768px) {
.service_icon {
		max-width:455px;
		margin:0 auto 50px auto;
		overflow:hidden;
		text-align:center;
	}
.service_icon li {
		margin-bottom:3%;
		display:inline-block;
		width:33.333%;
	}
.subkv {
		height:300px;
		width:100%;
		overflow:hidden;
	}
#message .subkv {
		background:url(../../images/img01.jpg) center center no-repeat;
		background-size:cover;
	}
#campany .subkv {
		background:url(../../images/img02.jpg) center center no-repeat;
		background-size:100% auto;
	}
#contact .subkv {
		background:url(../../images/img03.jpg) center center no-repeat;
		background-size:100% auto;
	}
section p {
		width:96%;
		margin:0 auto;
		padding-bottom:20px;
		font-size:14px;
		line-height:26px;
		color:#333333;
	}
#kv {
		margin-top:70px;
		position:relative;
		overflow:hidden;
		max-height:650px;
		width:100%;
	}
#kv .kv_bg {
		width:128%;
		height:auto;
	}
#kv .inner {
		position:absolute;
		top:29%;
		box-sizing:border-box;
		padding:0 6%;
		width:100%;
		z-index:999;
		text-align:center;
	}
#contact {
		margin:0 auto;
		width:100%;
	}
#contact dl {
		width:96%;
		font-size:14px;
		line-height:21px;
		overflow:hidden;
		margin:0 auto 6% auto;
	}
#contact dt span {
		font-size:12px;
		color:#dd2828;
	}
#contact dt {
		font-size:14px;
		line-height:21px;
		width:100%;
		font-weight:bold;
		float:none;
	}
#contact dd {
		font-size:14px;
		line-height:21px;
		float:none;
		width:100%;
	}
#contact input[type="text"] {
		width:100%;
		padding:0.7%;
		box-sizing:border-box;
		border:1px solid #ccc;
	}
#contact dd label {
		margin-right:16px;
		display:block;
	}
#contact input[type="checkbox"] {
		margin-right:3px;
		vertical-align:-2px;
	}
#contact input[type="radio"] {
		margin-right:3px;
		vertical-align:-2px;
	}
#contact .input_dw input[type="text"] {
		width:40%!important;
		padding:0.7%;
		box-sizing:border-box;
		margin-right:2%;
	}
#contact textarea {
		width:100%;
		height:200px;
		padding:0.7%;
		box-sizing:border-box;
		border:1px solid #ccc;
	}
#contact h3 {
		font-size:14px;
		line-height:21px;
		font-weight:bold;
		margin-bottom:5px;
		padding-top:20px;
	}
.formbtn input[type="checkbox"] {
		margin-right:4px;
	}
.formbtn input[type="submit"] {
		font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border:none;
		cursor:pointer;
		box-sizing:border-box;
		margin-top:40px;
		padding:3% 10%;
		background:#de790c;
		color:#fff;
		font-size:17px;
		text-align:center;
		
	}
section h2 {
		width: 40%;
		margin:0 auto 0 auto;
		padding:15% 0 8% 0;
		text-align:center;
	}
.infobox {
		margin:0 auto;
		overflow:hidden;
		width:96%;

	}
.infobox .left {
		float:none!important;
	}
.infobox .right {
		float:none!important;
	}
.infobox dl {
		overflow:hidden;
		margin-bottom:25px;
	}
.infobox dl dt {
		font-size:14px;
		line-height:21px;
		font-weight:bold;
		width:25%;
		float:left;
	}
.infobox dl dd {
		font-size:14px;
		line-height:21px;
		float:right;
		width:70%;
	}
.infobox dl img {
		margin-top:2%;
	}
html { overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }
h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, pre, caption, address {
		font-size: 14px;
	    line-height: 2;
	}
img {
		width: 100%;
		height: auto;
	}
#content { min-height: auto; }
div.container {
	/*	position: inherit; */
		width: 100%;
	}
}
.fixed #js-menu-sp {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	margin-top:1px!important;
	height:38px;
}
nav {
	position:relative;
}
#js-menu-sp {
	margin-top:8px;
	width: 100%;
	position:relative;
	text-align:right;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#js-menu-sp li {
	display:inline-block;
	margin-left:20px;
}
#js-menu-sp {
    position: relative;
}


@media screen and (max-width: 768px){
section h2 img {
		width:100%!important;
		height:auto!important;
	}
#js-menu-sp {display:none;}
section {
		padding-bottom:15%;
	}
.main h3 {
		font-size:16px;
		line-height:33px;
		text-align:center;
		font-weight:bold;
		margin-bottom:50px;
	}
.main #service .sep .right img {
		max-width:432px;
		margin:0 auto;
		display:block;
	}
.main #service .sep .right {
		padding-bottom:10%;
	}
#service .contents {
		width: 96%;
		margin: 0 auto;
		box-sizing:border-box;
	}
.gNav.fixed {
		padding: 7px 0px 7px 0px!important;
	}
.example {
		overflow:hidden;
		margin:0 auto;
	}
.example h4 {
		text-align:center;
		margin-top:80px;
		font-size:21px;
		font-weight:800;
		color:#d33332;
		border-bottom:1px solid #d33332;
	}
.exbox {
		overflow:hidden;
		width:95%;
		max-width:500px;
		margin:0 auto;
	}
.exbox h5 br {display:none;}
.exbox h5 {
		font-size:15px;
		line-height:22px;
		color:#da7137;
		font-weight:800;
		padding:12% 0 15px 0;
		text-align:center;
	}
.exbox dl {
		border:2px solid #de790c;
		padding:17px;
		box-sizing:border-box;
		background:#fff;
	}
.exbox dl dt .left {
		float:left;
		width:74px;
	}
.exbox dl dt .right {
		float:left;
		width:178px;
		margin-left:20px;
		padding-top:4px;
	}
.exbox dl dt .right li {
		line-height:21px;
		color:#de790c;
		font-weight:800;
	}
.exbox dl dt {
		text-align:left;
		width:100%;
		overflow:hidden;
		font-size:14px;
	}
.exbox dl dd {
		text-align:left;
		font-size:13px;
		margin-top:13px;
		overflow:hidden;
	}
.exbox dl dd li {
		line-height:18px;
		list-style:circle!important;
		margin-left:24px;
		margin-top:4px;
	}
#message p {
		text-align:center;
	}
}

@media screen and (min-width: 769px){
.example {
		width:980px;
		overflow:hidden;
		margin:0 auto;
	}
.example h4 {
		margin-top:80px;
		font-size:21px;
		font-weight:800;
		color:#d33332;
		border-bottom:1px solid #d33332;
	}
.exbox {
		overflow:hidden;
		width:311px;
		float:left;
	}
.exbox:nth-child(2) {
		margin-right:23px!important;
	}
.exbox:last-child {
		float:right;
		margin-right:0px!important;
	}
.exbox h5 {
		font-size:15px;
		line-height:22px;
		color:#da7137;
		font-weight:800;
		padding:30px 0 15px 0;
	}
.exbox dl {
		border:2px solid #de790c;
		padding:17px;
		box-sizing:border-box;
		background:#fff;
	}
.exbox dl dt .left {
		float:left;
		width:74px;
	}
.exbox dl dt .right {
		float:right;
		width:178px;
		padding-top:4px;
	}
.exbox dl dt .right li {
		line-height:21px;
		color:#de790c;
		font-weight:800;
	}
.exbox dl dt {
		text-align:left;
		width:100%;
		overflow:hidden;
		font-size:14px;
	}
.exbox dl dd {
		text-align:left;
		font-size:13px;
		margin-top:13px;
		overflow:hidden;
	}
.exbox dl dd li {
		line-height:18px;
		list-style:circle!important;
		margin-left:24px;
		margin-top:4px;
	}
.main h3 {
		font-size:21px;
		line-height:33px;
		font-weight:bold;
		margin-bottom:50px;
	}
.main #service {
		margin:0 auto;
		text-align:center;
	}
.main #service .sep {
		overflow:hidden;
		padding-bottom:65px;
	}
.main #service .sep .left {
		margin-top:20px;
		float:left;
		width:458px;
		text-align:left;
	}
.main #service .sep .right {
		float:right;
		width:432px;
	}
.service_icon {
		margin:0 auto 80px auto;
		overflow:hidden;
		text-align:center;
	}
.service_icon li {
		display:inline-block;
		padding:0 1.2%;
	}
.subkv {
		height:320px;
		width:100%;
		overflow:hidden;
	}
#message .subkv {
		background:url(../../images/img01.jpg) center top no-repeat fixed;
		background-size:cover;
	}
#message p {
		text-align:center;
	}
#campany .subkv {
		background:url(../../images/img02.jpg) center top no-repeat fixed;
		background-size:cover;
	}
#contact .subkv {
		background:url(../../images/img03.jpg) center top no-repeat fixed;
		background-size:cover;
	}
section p {
		width:100%;
		margin:0 auto;
		padding-bottom:32px;
		font-size:16px;
		line-height:29px;
		color:#333333;
	}
.fixed #js-menu-sp a {
		padding-bottom:16px!important;
	}
#js-menu-sp a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		padding-bottom:20px;
	}
#js-menu-sp a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		background-color: #de790c;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
#js-menu-sp a:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}
#kv {
		min-width:1100px;
		margin-top:68px;
		position:relative;
		overflow:hidden;
		max-height:650px;
		width:100%;
	}
#kv .kv_bg {
		width:100%;
		height:auto;
	}
#kv .inner {
		position:absolute;
		top:34%;
		width:100%;
		z-index:999;
		text-align:center;
	}
body {
		background:url(../../common/images/bg.png) left top repeat;
	}
.main #service {
		margin:0 auto;
		text-align:center;
	}
.main #service .sep {
		overflow:hidden;
		width:900px;
		margin:0 auto;
	}
.main #service .sep .left {
		margin-top:20px;
		float:left;
		width:458px;
		text-align:left;
	}
.main #service .sep .right {
		float:right;
		width:432px;
	}
#contact {
		margin:0 auto;
	}
#contact dl {
		width:980px;
		font-size:14px;
		line-height:21px;
		overflow:hidden;
		margin:0 auto 14px auto;
	}
#contact dt span {
		font-size:12px;
		color:#dd2828;
	}
#contact dt {
		font-size:13px;
		line-height:21px;
		width:230px;
		font-weight:bold;
		float:left;
	}
#contact dd {
		font-size:13px;
		line-height:23px;
		float:right;
		width:725px;
	}
#contact dd label {
		margin-right:16px;
		display:inline-block;
	}
#contact input[type="checkbox"] {
		margin-right:3px;
		vertical-align:-2px;
	}
#contact input[type="radio"] {
		margin-right:3px;
		vertical-align:-2px;
	}
#contact input[type="text"] {
		width:467px;
		padding:0.7%;
		box-sizing:border-box;
		border:1px solid #ccc;
	}
#contact .input_dw input[type="text"] {
		width:193px!important;
		padding:0.7%;
		box-sizing:border-box;
		margin-right:1.5%;
	}
#contact textarea {
		width:100%;
		height:200px;
		padding:0.7%;
		box-sizing:border-box;
		border:1px solid #ccc;
	}
#contact h3 {
		font-size:14px;
		line-height:21px;
		font-weight:bold;
		margin-bottom:5px;
		padding-top:20px;
	}
.formbtn input[type="checkbox"] {
		margin-right:4px;
	}
.formbtn input[type="submit"] {
		font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border:none;
		cursor:pointer;
		margin-top:40px;
		padding:22px 80px;
		background:#de790c;
		color:#fff;
		font-size:17px;
		text-align:center;
		
	}
section {
		min-width:1100px;
		padding-bottom:130px;
	}
section h2 {
		padding-top:100px;
		margin-top:-100px;
		margin:0 auto 0 auto;
		padding:75px 0 60px 0;
		text-align:center;
	}
.w950 {
		width:950px;
		margin:0 auto;
	}
.infobox {
		margin:0 auto;
		overflow:hidden;
		width:1100px;
		padding-bottom:80px;
	}
.infobox .left {
		float:left;
		width:520px;
	}
.infobox .right {
		float:right;
		width:520px;
	}
.infobox dl {
		overflow:hidden;
		margin-bottom:25px;
	}
.infobox dl dt {
		font-size:13px;
		line-height:19.8px;
		font-weight:bold;
		width:130px;
		float:left;
	}
.infobox dl dd {
		font-size:13px;
		line-height:19.8px;
		float:right;
		width:390px;
	}
.infobox dl img {
		margin-top:2%;
	}
}
#js-menu-sp a {
	text-decoration:none;
}
.main {
	background:url(../../common/images/bg.png) left top repeat;
}
.main #service {
	margin:0 auto;
}
footer {
	font-size:13px;
	background:#666;
	color:#fff;
	padding:16px 0;
	text-align:center;
}
.gNav {
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
}
.main #message {
	margin:0 auto;
}
#campany iframe {
	pointer-events: none;
	width:100%!important;
}
.inviewfadeIn {
        opacity: 0;
        transition: 1.0s;
    }
.fadeIn {
        opacity: 1.0;
    }
.formbtn input[type="submit"]:hover {
	opacity:0.7;
}
:placeholder-shown {
	color:#c8c8c8;
}
::-webkit-input-placeholder {
	color:#c8c8c8;
}
:-moz-placeholder {
	color:#c8c8c8;
	opacity:1;
	}
::-moz-placeholder {
	color:#c8c8c8;
	opacity: 1;
}
:-ms-input-placeholder {
    color:#c8c8c8;
}