@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; }
.col1of3 { width: 33.33%; }
.col2of3 { width: 66.66%; }
.col1of4,
.col1of4Box li { width: 25%; }
.col1of2Box li { width: 50%; }
.col1of5 { width: 20%; }
.col2of5 { width: 40%; }
.col3of5 { width: 60%; }
.col4of5 { width: 80%; }
.col2of4,
.col2of4Box li { width: 50%; }
.col3of4 { width: 75%; }
.colL,
.col1of3,
.col2of3,
.col1of4,
.col1of2Box li,
.col1of4Box li,
.col2of4,
.col2of4Box li,
.col3of4,
.col1of5,
.col2of5,
.col3of5,
.col4of5 {
	float: left;
	zoom: 1;
}
.colR,
.col1of3.rtl,
.col2of3.rtl,
.col1of4.rtl,
.col2of4.rtl,
.col3of4.rtl,
.col1of5.rtl,
.col2of5.rtl,
.col3of5.rtl,
.col4of5.rtl { float: right; }

.col1of2Box li:nth-child(2n+1){clear:both;}
/* --------------------------------------------------
** adjustment
** -------------------------------------------------- */
/* margin */
.mT0pc { margin-top: 0 !important; }
.mT5pc { margin-top: 5px !important; }
.mT10pc { margin-top: 10px !important; }
.mT20pc { margin-top: 20px !important; }
.mT30pc { margin-top: 30px !important; }
.mT40pc { margin-top: 40px !important; }
.mT50pc { margin-top: 50px !important; }
.mL0pc { margin-left: 0 !important; }
.mL5pc { margin-left: 5px !important; }
.mL10pc { margin-left: 10px !important; }
.mL20pc { margin-left: 20px !important; }
.mL30pc { margin-left: 30px !important; }
.mL40pc { margin-left: 40px !important; }
.mL50pc { margin-left: 50px !important; }
.mB0pc { margin-bottom: 0 !important; }
.mB5pc { margin-bottom: 5px !important; }
.mB10pc { margin-bottom: 10px !important; }
.mB20pc { margin-bottom: 20px !important; }
.mB30pc { margin-bottom: 30px !important; }
.mB40pc { margin-bottom: 40px !important; }
.mB50pc { margin-bottom: 50px !important; }
.mB110pc { margin-bottom: 110px !important; }
.mR0pc { margin-right: 0 !important; }
.mR5pc { margin-right: 5px !important; }
.mR10pc { margin-right: 10px !important; }
.mR20pc { margin-right: 20px !important; }
.mR30pc { margin-right: 30px !important; }
.mR40pc { margin-right: 40px !important; }
.mR50pc { margin-right: 50px !important; }
/* text-align */
.txtAL { text-align: left !important; }
.txtAC { text-align: center !important; }
.txtAR { text-align: right !important; }

/* -------------------------------------------------- 
** clearfix
** -------------------------------------------------- */
.headerNav:after,
#content:after,
.container:after,
.row:after,
.colL:after,
.colR:after {
	content: "";
	display: block;
	clear: both;
}
.headerNav,
#content,
.container,
.row,
.colL,
.colR { display: inline-table; }
* html #content,
* html .container,
* html .row,
* html .colL,
* html .colR { height: 1%; }
.headerNav,
#content,
.container,
.row,
.colL,
.colR {
	zoom: 1;
	display: block;
}

/* --------------------------------------------------
** PC:Hide
** -------------------------------------------------- */
.pcHide,
.pcHide.pcSHide,
.pcHide.spHide { display: none !important; }
.pcSHide,
.spHide,
.pcSHide.spHide,
#platform .txtALspBox p br { display: block !important; }
.spHide2 { display: inline-block !important; }



/* 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,
#platform {
	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%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.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 .label_block label{
		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;
	}

	.privacy{
		height:200px;
		overflow-y:scroll;
		padding:1.5%;
		box-sizing:border-box;
		border:1px solid #ccc;
		background:#fff;
	}

	.formbtn{
		width:100%;
		margin:5% auto;
		text-align:center;

	}

	.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;
		
	}

	.privacybox{
		width:96%;
		margin:0 auto;
	}

	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%;
	}

	/*----------------------
	【概要】共通スタイルの設定 
	*SP版
		-レイアウト
		-clearfix
		-ヘッダー
		-フッター
	----------------------*/

	/* --------------------------------------------------
	** SP:layout
	** -------------------------------------------------- */
	.col1of4Box_sp li { width: 50%!important; }
	.col1of4Box_sp li:nth-child(2n+1){clear:both!important;}

	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;
	}

	.corplink{
		text-align:left;
	}
	.corplink img{
		width:auto!important;
		max-width:300px;
	}

	#platform {
	/*	position: absolute;
		top: 0;
		left: 0;*/
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		z-index: 1;
		overflow: hidden;
	}
	#platform {
		position: static\9; /* IE8 */
	}
	.col1of3,
	.col2of3,
	.col1of4,
	.col2of4,
	.col3of4,
	.col1of5,
	.col2of5,
	.col3of5,
	.col4of5 {
		float: none;
		width: 100%;
	}
	.spCol1of3 { width: 33.33%; }
	.spCol2of3 { width: 66.66%; }
	.spCol1of4 { width: 25%; }
	.spCol1of5 { width: 20%; }
	.spCol2of5 { width: 40%; }
	.spCol3of5 { width: 60%; }
	.spCol4of5 { width: 80%; }
	.spCol2of4 { width: 50%; }
	.spCol3of4 { width: 75%; }
	.spCol1of3,
	.spCol2of3,
	.spCol1of4,
	.spCol2of4,
	.spCol3of4,
	.spCol1of5,
	.spCol2of5,
	.spCol3of5,
	.spCol4of5 {
		float: left;
		zoom: 1;
	}
	#content { min-height: auto; }
	div.container {
	/*	position: inherit; */
		width: 100%;
	}


	/* --------------------------------------------------
	** SP:Hide
	** -------------------------------------------------- */
	.spHide,
	.spHide.spHide,
	.pcSHide.spHide,
	.spHide2,
	#platform .txtALspBox p br { display: none !important; }
	.pcHide,
	.pcSHide,
	.pcHide.pcSHide { display: block !important; }



	/* --------------------------------------------------
	** adjustment
	** -------------------------------------------------- */
	/* margin */
	#platform .mT0sp { margin-top: 0 !important; }
	#platform .mT5sp { margin-top: 5px !important; }
	#platform .mT10sp { margin-top: 10px !important; }
	#platform .mT20sp { margin-top: 20px !important; }
	#platform .mT30sp { margin-top: 30px !important; }
	#platform .mT40sp { margin-top: 40px !important; }
	#platform .mT50sp { margin-top: 50px !important; }
	#platform .mL0sp { margin-left: 0 !important; }
	#platform .mL5sp { margin-left: 5px !important; }
	#platform .mL10sp { margin-left: 10px !important; }
	#platform .mL20sp { margin-left: 20px !important; }
	#platform .mL30sp { margin-left: 30px !important; }
	#platform .mL40sp { margin-left: 40px !important; }
	#platform .mL50sp { margin-left: 50px !important; }
	#platform .mB0sp { margin-bottom: 0 !important; }
	#platform .mB5sp { margin-bottom: 5px !important; }
	#platform .mB10sp { margin-bottom: 10px !important; }
	#platform .mB20sp { margin-bottom: 20px !important; }
	#platform .mB30sp { margin-bottom: 30px !important; }
	#platform .mB40sp { margin-bottom: 40px !important; }
	#platform .mB50sp { margin-bottom: 50px !important; }
	#platform .mR0sp { margin-right: 0 !important; }
	#platform .mR5sp { margin-right: 5px !important; }
	#platform .mR10sp { margin-right: 10px !important; }
	#platform .mR20sp { margin-right: 20px !important; }
	#platform .mR30sp { margin-right: 30px !important; }
	#platform .mR40sp { margin-right: 40px !important; }
	#platform .mR50sp { margin-right: 50px !important; }

	/* text-align */
	#platform .txtALsp { text-align: left !important; }
	#platform .txtACsp { text-align: center !important; }
	#platform .txtARsp { text-align: right !important; }

}

.corplink div{padding-top:10px;padding-bottom:40px;}
.corplink div span{padding-right:14px;}

.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;
}
#btn-bd {
	top: 35px;
	position: absolute;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.fixed #btn-bd{
	top: 30px;
	position: absolute;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	z-index:9999;
}

@media screen and (max-width: 768px){
	.h3ttl{
		width:96%;
		font-size:1.2rem;
		margin:15px auto;
		line-height:140%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: bold;
	}
	.spno{display:none;}
	.pcno{display:block;}
	.m_spno{display:none!important;}
	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;
	}
	.jumpbtn a{
		display:block;
		background:#de790c;
		padding:20px 55px;
		color:#fff;
		margin:0 auto;
		text-align:center;
	}

	.jumpbtn a{text-decoration:none;}

	.jumpbtn img{max-width:238px;height:auto;}

	.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;
	}

	.jumpbtn a{
		display:block;
		background:#de790c;
		width:256px;
		padding:20px 55px;
		color:#fff;
		margin:0 auto;
		text-align:center;
	}

	.jumpbtn a{text-decoration:none;}

	.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%;
	}

	.h3ttl{
		font-size:1.5rem;
		margin-top: 15px;
		margin-bottom: 15px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: bold;
	}
	.pc{
		display:block!important;
	}
	.sp{
		display:none!important;
	}
	.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 .label_block label{
		display: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;
	}

	.privacy{
		height:200px;
		overflow-y:scroll;
		padding:1.5%;
		box-sizing:border-box;
		border:1px solid #ccc;
		background:#fff;
	}

	.formbtn{
		width:970px;
		margin:0 auto;
		text-align:center;
		line-height:400%;
	}

	.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;
		
	}

	.privacybox{
		width:970px;
		margin:0 auto;
	}
	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%;
	}
	.spno{display:block;}
	.pcno{display:none;}
	.m_pcno{display:none!important;}
}



@media screen and (max-width: 768px){
	.slicknav_nav li img{
		display:none!important;
	}
}

#nav_trigger{
	display:block;
}

#megamenu{
	display:none;
	position:absolute;
	top:30px;
	right:0px;
	width:731px;
	z-index:99999;
	background: rgba(255,255,255,0.9);
}

.fixed .sNav{
	padding:2px 0px 22px 24px;
}

.sNav{
	float:left;
	padding:45px 0px 12px 24px;
	width:30%;
	color:#000!important;
	font-size:13px;
	z-index:99999;
}

.sNav li{
	padding:3px 8px 3px 0px;
	margin:0!important;
	width:210px!important;
	text-align:left;
	display:block!important;
}

.sNav li:nth-child(6){
}

.sNav li a{
	display:block;
	padding-left:10px;
	text-decoration:none;
}

.sNav li a:hover{
	background:#115991;
	color:#fff!important;
}

#js-menu-sp span.spdata{
	display:block;
	width:107px;
	font-family:"リュウミン R-KL","Ryumin Regular KL",Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	font-size:16px;
}

#js-menu-sp a{
	text-decoration:none;
}

.tbl_ptn02 tr.head th{
	width:20%!important;
}

.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;
    }
 
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
 
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

.fadein01,.fadein02{
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity: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;
}