@charset "utf-8";

/* YUI Reset CSS */

body,/*div,*/dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	zoom:1;
	-webkit-text-size-adjust: 100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

#wrapper {
	-webkit-text-size-adjust: 100%;
	font-family:"YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3;
}
#wrapper img {
  max-width: 100%;
  vertical-align: bottom;
}



/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}
.child { opacity: 0;}
.slideWrap {
	position: relative;
	overflow: hidden;
}
.h1_ttl01 { position: absolute;}
.main {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.0;
	-webkit-transition: opacity 4200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	-moz-transition: opacity 4200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	-ms-transition: opacity 4200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	-o-transition: opacity 4200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	transition: opacity 4200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
}
.main.slideActive {
	opacity: 1;
}
#wrapper .main img {
	position: absolute;
}
.leadWrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,0.75);
}
.h3_ttl02 img {
	border-top: solid 2px #000;
	border-bottom: dotted 1px #000;
}
.companyCaution01 {
	display: inline;
	padding: 4px 10px;
	color: #959595;
	border: solid 1px #959595;
}
/* PCで表示する項目 */
@media only print,screen and (min-width: 737px) {
	.spshow { display:none;}
	.switch { visibility: hidden;}
	html,body,#wrapper,.slideWrap { height: 100%;}
	#wrapper {
		position: relative;
		width: 100%;
		min-width: 960px;
	}
	.h1_ttl01 {
		box-sizing: border-box;
		top: 18.1525%;
		width: 50%;
		height: 235px;
		padding: 92px 60px 0 0;
		text-align: right;
		background-color: rgba(38,38,38,0.9);
		z-index: 100;
	}
	.mainWrap { height: 100%;}
	.main {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	.ico_scroll {
		position: absolute;
		bottom: 164px;
		left: 50%;
		margin-left: -12px;
		z-index: 2000;
	}
	.leadWrap {
		height: 153px;
		z-index: 100;
	}
	.leadInnter {
		width: 960px;
		margin: 0 auto;
	}
	.leadTtl01 {
		float: left;
		width: 270px;
		padding-top: 67px;
		margin-right: 45px;
		text-align: right;
	}
	.leadTxt01 {
		padding-top: 50px;
		font-size: 14px;
		line-height: 2.14285;
	}
	#wrapper .main img {
		max-width: none;
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
		z-index: 10;
	}
	#wrapper .main img.is-fade{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		-o-transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
		transform: scale(1.2, 1.2);
		-webkit-transition  : -webkit-transform 8800ms cubic-bezier(0, 0, 1, 1);
		-moz-transition     : -moz-transform 8800ms cubic-bezier(0, 0, 1, 1);
		-ms-transition      : -ms-transform 8800ms cubic-bezier(0, 0, 1, 1);
		-o-transition       : -o-transform 8800ms cubic-bezier(0, 0, 1, 1);
		transition          : transform 8800ms cubic-bezier(0, 0, 1, 1);
	}
	#wrapper .main.slideActive img {
		z-index: 20;
	}
	.gNaviWrap { background-color: #2d2d2d;}
	.gNavi {
		width: 642px;
		margin: 0 auto;
	}
	.gNavi li { float: left;}
	.gNavi a {
		display: block;
		width: 214px;
		height: 75px;
		overflow: hidden;
		-moz-perspective: 500px;
		-webkit-perspective: 500;
		-o-perspective: 500;
		-ms-perspective: 500;
		perspective: 500;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.gNavi a div { text-align: center;}
	.nav_def {
		position: relative;
		width: 214px;
		height: 50px;
		padding-top: 25px;
		-webkit-transition-property: -webkit-transform, margin-top;
		-webkit-transition-function: ease-out;
		-webkit-transition-duration: 300ms;
		-moz-transition-property: -moz-transform, margin-top;
		-moz-transition-function: ease-out;
		-moz-transition-duration: 300ms;
		-o-transition-property: -o-transform, margin-top;
		-o-transition-function: ease-out;
		-o-transition-duration: 300ms;
		-ms-transition-property: -ms-transform, margin-top;
		-ms-transition-function: ease-out;
		-ms-transition-duration: 300ms;
		transition-property: transform, margin-top;
		-webkit-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		-o-transform-origin: center bottom;
		transform-origin: center bottom;
		z-index: 2;
		overflow: hidden;
		background: #2d2d2d;
		color: #fff;
	}
	.nav_ov {
		position: relative;
		overflow: hidden;
		width: 214px;
		height: 50px;
		padding-top: 25px;
		background: #fff;
		-webkit-transition-property: -webkit-transform, margin-top;
		-webkit-transition-function: ease-out;
		-webkit-transition-duration: 300ms;
		-moz-transition-property: -moz-transform, margin-top;
		-moz-transition-function: ease-out;
		-moz-transition-duration: 300ms;
		-o-transition-property: -o-transform, margin-top;
		-o-transition-function: ease-out;
		-o-transition-duration: 300ms;
		-ms-transition-property: -ms-transform, margin-top;
		-ms-transition-function: ease-out;
		-ms-transition-duration: 300ms;
		transition-property: transform, margin-top;
		-webkit-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		-o-transform-origin: center top;
		transform-origin: center top;
		z-index: 1;
	}
	.gNavi a:hover .nav_def {
		-webkit-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		-o-transform: rotateX(90deg);
		transform: rotateX(90deg);
		margin-top: -75px;
		z-index: 1;
	}
	.gNavi a:hover .nav_ov {
		-webkit-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 2;
	}

	/* cont */
	.cont {
		padding-top: 120px;
	}
	.ttl01 {
		text-align: center;
		margin-bottom: 60px;
	}
	.ttl01 img { height: 112px;}
	.sceneWrap {
		width: 960px;
		margin: 0 auto 50px;
	}
	.sceneWrap:nth-child(6) { margin-bottom: 100px;}
	.sceneImg { margin-bottom: 10px;}
	.sceneInner {
		width: 960px;
		height: 256px;
		margin: 0 auto;
		background: url(../img/bg_scene01.gif) 0 0 repeat-y;
	}
	.sceneInner.bg02 { background: url(../img/bg_scene02.gif) 0 0 repeat-y;}
	.sceneLeft {
		float: left;
		width: 630px;
		padding: 50px 0px 0px 60px;
	}
	.sceneLeft h3 {
		padding-bottom: 15px;
		border-bottom: solid 1px #dddad3;
	}
	.sceneTxt {
		padding-top: 30px;
		font-size: 16px;
		line-height: 2.0;
	}
	.sceneRight {
		float: right;
		width: 238px;
	}
	.sceneMore {
		height: 300px;
		background: url(../img/bg_scene_more_pc.jpg) center top no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.txtSceneMore01 {
		padding-top: 80px;
		text-align: center;
		margin-bottom: 30px;
	}
	.btnSceneMore01 {
		display: block;
		width: 288px;
		height: 60px;
		margin: 0 auto 22px;
	}
	.btnSceneMore01 { background: url(../img/btn_scene_more_pc_on.gif) 0 0 no-repeat;}
	.btnSceneMore01 img {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-moz-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-ms-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-o-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	}
	.btnSceneMore01:hover img {
		opacity: 0;
		-webkit-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-moz-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-ms-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-o-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	}
	.txtSceneMore02 {
		text-align: center;
	}

	/* #about */
	#about {
		background: url(../img/bg_about_pc.gif) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 140px;
	}
	.aboutWrap {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
	.aboutInner {
		width: 480px;
		height: 570px;
		padding-top: 30px;
		background-color: #fff;
	}
	.aboutInner.flR { float: right;}
	.imgLeft {
		position: absolute;
		top: 0;
		left: 0;
	}
	.imgRight {
		position: absolute;
		top: 0;
		right: 0;
	}
	.h3_ttl01 {
		text-align: center;
		margin-bottom: 45px;
	}
	.txtAbout {
		width: 408px;
		font-size: 16px;
		line-height: 2.0;
		margin: 0 auto;
	}
	.aboutMore {
		width: 960px;
		height: 515px;
		padding-top: 65px;
		margin: 65px auto 0;
		background: url(../img/bg_about02_pc.png) 0 0 no-repeat;
	}
	.h3_ttl02 {
		text-align: center;
		margin-bottom: 35px;
	}
	.aboutTxt {
		width: 480px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 2.0;
	}
	/* #advantage */
	#advantage { padding-bottom: 160px;}
	.txtAdvantage01 {
		width: 960px;
		margin: 0 auto 50px;
		border-bottom: solid 10px #d5b87e;
	}
	.imgAdvantage01 {
		width: 960px;
		margin: 0 auto 100px;
	}
	.txtAdvantage02 {
		text-align: center;
		padding-bottom: 65px;
		margin-bottom: 33px;
		background: url(../img/ico_arrow01.png) center bottom no-repeat;
	}
	.advantageList {
		box-sizing: border-box;
		width: 960px;
		height: 310px;
		padding: 54px 0 0 340px;
		margin: 0 auto;
		background: url(../img/bg_advantage01_pc.gif) 0 0 no-repeat;
	}
	.advantageList li {
		font-size: 18px;
		line-height: 2.7777;
	}
	.advantageList span {
		color: #d5b87e;
		margin-right: 10px;
	}
	.advantageList em {
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fff 0%);
	}
	/* #inquiry */
	.txtInqurery01 {
		height: 290px;
		padding-top: 265px;
		background: url(../img/bg_inquiry01_pc.png) center top no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.txtInqurery01 p {
		width: 960px;
		margin: 0 auto;
	}
	.inquiryWrap {
		position: relative;
		display: table;
		width: 100%;
		height: 100px;
		background-color: #373737;
	}
	.inquiryWrap.is-fixed {
		min-width: 960px;
		width: 100%;
		height: 100px;
		position: fixed;
		bottom: 0;
		background-color: rgba(51,51,51,0.85);
	}
	.inquiryInner {
		display: table;
		width: 960px;
		margin: 0 auto;
	}
	.inquiryLeft01 {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
		max-width: 50%;
	}
	.inquiryLeft01 p {
		float: right;
		display: inline;
		width: auto;
		color: #fff;
		font-size: 16px;
		line-height: 1.875;
	}
	.inquiryRight01 {
		display: table-cell;
		min-width: 480px;
		vertical-align: middle;
		text-align: center;
	}
	.inquiryBtn01 a {
		min-width: 480px;
		display: inline-block;
		height: 80px;
		background: url(../img/btn_inquiry01_pc_on.gif) 0 0 no-repeat;
	}
	.inquiryBtn01 a img {
		opacity: 1;
		-webkit-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-moz-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-ms-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-o-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	}
	.inquiryBtn01 a:hover img {
		opacity: 0;
		-webkit-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-moz-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-ms-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		-o-transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
		transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	}
	.inquiryBtn02 {
		display: table-cell;
		text-align: right;
	}
	.inquiryBtn03 {
		float: left;
		width: 50%;
		height: 190px;
		padding-top: 110px;
		background-color: #f1e4ca;
		text-align: center;
	}
	.inquiryBtn04 {
		float: right;
		width: 50%;
		height: 190px;
		padding-top: 110px;
		background-color: #d7d7d9;
		text-align: center;
	}
	/* #footer */
	#footer {
		padding-top: 58px;
	}
	.company {
		width: 560px;
		padding-bottom: 50px;
		margin: 0 auto;
	}
	.imgCompany {
		float: left;
		padding-top: 12px;
		margin-right: 15px;

	}
	.companyRight {
		float: left;
		font-size: 14px;
		line-height: 1.71428;
	}
	.companyCaution01 {
		display: inline;
		font-size: 12px;
		padding: 4px 10px;
		color: #959595;
		border: solid 1px #959595;
	}
	.companyTxt01 {
		margin-top: 7px;
		font-size: 14px;
		line-height: 1.71428;
	}
	.copyright {
		height: 56px;
		background: url(../img/bg_footer01_pc.png) top center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		text-align: center;
		line-height: 56px;
		font-size: 14px;
		color: #fff;
	}
}

/* SPで表示する項目 */
@media only print,screen and (max-width: 736px) {
	.pcshow { display:none;}
	#wrapper img { width: 100%;}
	.global-menu-btn {
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 6000;
	}
	.global-menu-btn a {
		display: block;
		width: 30px;
		height: 30px;
		padding: 10px;
		position: relative;
	}
	.global-menu-btn a span {
		display: block;
		width: 30px;
		height: 3px;
		background-color: #fff;
		position: absolute;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 30px;
	}
	.global-menu-btn a span.is-color {
		background-color: #c4b79c;
	}
	.global-menu-btn a.active span.is-color {
		background-color: #fff;
	}
	.global-menu-btn a span:nth-child(1) {
		left: 10px;
		top: 15px;
	}
	.global-menu-btn a span:nth-child(2) {
		left: 10px;
		top: 25px;
	}
	.global-menu-btn a span:nth-child(3) {
		right: 10px;
		top: 35px;
	}

	.global-menu-btn a.active span:nth-child(1) {
		-moz-transform: translate(0, 10px) rotate(45deg);
		-ms-transform: translate(0, 10px) rotate(45deg);
		-webkit-transform: translate(0, 10px) rotate(45deg);
		transform: translate(0, 10px) rotate(45deg);
	}
	.global-menu-btn a.active span:nth-child(2) {
		opacity: 0;
	}
	.global-menu-btn a.active span:nth-child(3) {
		-moz-transform: translate(0, -10px) rotate(-45deg);
		-ms-transform: translate(0, -10px) rotate(-45deg);
		-webkit-transform: translate(0, -10px) rotate(-45deg);
		transform: translate(0, -10px) rotate(-45deg);
	}
	.gNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 32.8125% 0;
		background-color: #c4b79c;
		overflow-y: scroll;
		z-index: 5000;
		opacity: 0;
	}
	.gNavi.close {
		display: block;
		opacity: 0;
		animation-duration: 0.5s;
		animation-name: fade-out;
		-moz-animation-duration: 0.5s;
		-moz-animation-name: fade-out;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-name: fade-out;
	}
	.gNavi.active {
		display: block;
		opacity: 1;
		animation-duration: 0.5s;
		animation-name: fade-in;
		-moz-animation-duration: 0.5s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-name: fade-in;
	}
	.gNavi li {
		padding-bottom: 10.3125%;
		padding-top: 10.3125%;
		margin: 0 auto;
		background: url(../img/bg_gnavi_sp.gif) center bottom no-repeat;
	}
	.gNavi li:nth-child(1) {
		padding-top: 0;
	}
	.nav_def { margin: 0 auto;}
	.gNavi li:nth-child(1) .nav_def {
		width: 18.75%;
	}
	.gNavi li:nth-child(2) .nav_def {
		width: 20%;
	}
	.gNavi li:nth-child(3) .nav_def {
		width: 34.375%;
	}
	.gNavi li:nth-child(4) {
		width: 67.5%;
		background: none;
		padding-bottom: 0;
	}
	.mainWrap {
		height: 0;
		padding-top: 162.5%;
	}
	.h1_ttl01 {
		top: 0;
		left: 0;
		z-index: 500;
		width: 67.96875%;
		padding: 16.5625% 10.46875% 12.5% 11.875%;
		margin-top: 26.5625%;
		background-color: rgba(38,38,38,0.9);
	}
	.main {
		width: 100%;
		height: 100%;
	}
	#wrapper .main img {
		position: static;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	.leadWrap {
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 500;
		padding: 6.875% 10.3125% 8.125%;
	}
	.leadTtl01 {
		width: 31.25%;
		margin: 0 auto 5%;
	}
	.leadTxt01 {
		font-size: 12px;
		line-height: 1.6666;
	}
	.cont {
		padding-top: 15.625%;
	}
	.ttl01 { margin: 0 auto 11.25%;}
	#scene .ttl01 {
		width: 69.0625%;
	}
	.sceneWrap { margin-bottom: 15.625%;}
	.sceneImg { margin-bottom: 3.125%;}
	.sceneInner {
		padding: 7.5% 0 4.21875% 9.375%;
		background: url(../img/bg_scene01_sp.gif) 0 0 repeat-y;
		-webkit-background-size: 4.21875%;
		background-size: 4.21875%;
	}
	.sceneLeft h3 {
		padding-bottom: 4.8275%;
		border-bottom: 1px solid #dddad3;
		margin-bottom: 6.896%;
	}
	#wrapper .sceneLeft h3 img { width: 75.862%;}
	.sceneTxt {
		width: 87.931%;
		margin-bottom: 6.896%;
		font-size: 14px;
		line-height: 1.71428;
	}
	.sceneRight {
		width: 93.6206%;
	}
	.sceneMore {
		padding: 18.28125% 0 21.25%;
		background: url(../img/bg_scene_more_sp.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.txtSceneMore01 {
		width: 82.96875%;
		margin: 0 auto 9.375%;
	}
	.btnSceneMore01 {
		display: block;
		width: 67.65625%;
		margin: 0 auto 5%;
	}
	.txtSceneMore02 {
		width: 42.96875%;
		margin: 0 auto;
	}

	#about {
		background: url(../img/bg_about_sp.gif) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 23.4375%;
	}
	#about .ttl01 {
		width: 79.53125%;
		margin: 0 auto 14.625%;
	}
	.aboutInner {
		width: 90%;
		padding: 7.8125% 0 15.625%;
		margin: 0 auto 18.75%;
		background-color: #fff;
	}
	.h3_ttl01 {
		width: 88.5416%;
		margin: 0 auto 8.68055%;
	}
	#wrapper .imgLeft,#wrapper .imgRight {
		display: block;
		width: 88.5416%;
		margin: 0 auto 8.68055%;
	}
	.txtAbout {
		width: 78.125%;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1.71428;
	}
	.aboutMore {
		width: 90%;
		padding: 35% 0;
		margin: 0 auto;
		background-image: url(../img/bg_about02_sp_01.png),url(../img/bg_about02_sp_03.png),url(../img/bg_about02_sp_02.png);
		-webkit-background-size: contain,contain,contain;
		background-size: contain,contain,contain;
		background-repeat: no-repeat,no-repeat,repeat-y;
		background-position: center top, center bottom, left top;
	}
	.h3_ttl02 {
		width: 88.888%;
		margin: 0 auto 7.03125%;
	}
	.aboutTxt {
		width: 77.95138%;
		margin: 0 auto;
		font-size: 12px;
		line-height: 2.0;
	}

	#advantage .ttl01 {
		width: 88.75%;
		margin: 0 auto 14.0625%;
	}
	.txtAdvantage01 {
		width: 90%;
		border-bottom: solid 8px #d5b87e;
		margin: 0 auto 12.5%;
	}
	.imgAdvantage01 {
		width: 90%;
		margin: 0 auto 17.8125%;
	}
	.txtAdvantage02 {
		width: 76.25%;
		padding-bottom: 14.0625%;
		margin: 0 auto 7.8125%;
		background: url(../img/ico_arrow01_sp.gif) center bottom no-repeat;
		-webkit-background-size: 5.9375% auto;
		background-size: 5.9375% auto;
	}
	.advantageList {
		width: 90%;
		padding: 74.375% 0 17.8125%;
		margin: 0 auto 23.4375%;
		background-image: url(../img/bg_advantage01_sp_01.gif),url(../img/bg_advantage01_sp_03.gif),url(../img/bg_advantage01_sp_02.gif);
		-webkit-background-size: contain,contain,contain;
		background-size: contain,contain,contain;
		background-repeat: no-repeat,no-repeat,repeat-y;
		background-position: center top, center bottom, left top;
	}
	.advantageList li {
		width: 78.125%;
		margin: 0 auto 6.9444%;
		text-indent: -1.5em;
		padding-left: 1.5em;
		font-size: 14px;
		line-height: 1.42857;
	}
	.advantageList li:last-child { margin-bottom: 0;}
	.advantageList li span {
		color: #d5b87e;
		margin-right: 0.5em;
	}
	.advantageList em {
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fff 0%);
	}

	.inquiryWrap {
		padding: 10.3125% 0 12.5%;
		background-color: #373737;
	}
	.inquiryLeft01 {
		font-size: 12px;
		text-align: center;
		color: #fff;
		line-height: 1.875;
		margin-bottom: 7%;
	}
	.inquiryRight01 {
		width: 90%;
		margin: 0 auto;
	}
	.inquiryBtn03 {
		float: left;
		width: 50%;
	}
	.inquiryBtn04 {
		float: left;
		width: 50%;
	}

	#footer {
		padding-top: 10.9375%;
	}
	.imgCompany {
		width: 32.8125%;
		margin: 0 auto 5.3125%;
	}
	.companyRight {
		text-align: center;
		padding-bottom: 10.15625%;
	}
	.companyCaution01 {
		display: inline-block;
		text-align: center;
		margin: 0 auto 3.90625%;
		font-size: 9px;
	}
	.companyTxt01 {
		font-size: 10px;
		line-height: 1.8;
	}
	.copyright {
		font-size: 10px;
		color: #fff;
		text-align: center;
		padding: 6.71875% 0 4.6875%;
		background: url(../img/bg_footer01_sp.png) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.copyright span {
		font-family: Verdana,"Droid Sans";
	}
	.contactBtn {
		display: none;
		position: fixed;
		bottom: 0;
		right: 0;
		width: 18.75%;
	}
	.contactBtn.is-active {
		display: block;
	}
}

@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}






@keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}

@-moz-keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}

@-webkit-keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}