/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	}
	
ol, ul, dl{
    list-style:none;
}

html{
	margin:0;
	padding:0;
}

body{
	font-size: 16px;
	color:#000;
	-webkit-font-smoothing: antialiased;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

a:link,a:visited {
    color: #fff;
	text-decoration: none;
	cursor:pointer;
}

/*全体*/
section{
	margin:0;
	padding:0;
}
.inner{
	width:100%;
	margin:0 auto;
	text-align:left;
}

/*ヘッダー--------------*/
.header {
	margin:0;
	padding:0;
}

.header img {
	float:left;
	width:100%;
}

.header ul li:first-child{
	position: absolute;
	top: 0;
	left: 0;
	width:15%;
}
.header ul li:last-child{
	position: absolute;
	top: 0;
	right: 0;
	width:15%;
}
.header ul li:last-child img{
	display:block;
	margin:0 0 0 auto;
}


/*理由--------------*/

.reason img {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}


/*特徴--------------*/
.tokucyo img {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

/*映像--------------*/

.movie img {
	width:100%;
}

/*解像度--------------*/
.kaizodo{
	position:relative;
}
.slide {
	position: relative;
	width:100%;
	height:56.25vw;
}
.slide li{
	font-size:0;
}
.slide li img{
	width:100%;
}

.fixedLayer{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}
.fixedLayer img{
	width:100%;
}
/*パターン--------------*/

.serne {
	position:relative;
	margine-top:56.25vw;
}

/*フッター写真--------------*/
#footerImg ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
} 
#footerImg ul li{
	width:calc(100% / 3);
	font-size:0;
}
#footerImg ul li img{
	width:100%;
}

/*フッター--------------*/
#footer{
	background:url(../img/footer_background.jpg) no-repeat;
	background-size:cover;
	color:#fff;
}
#footer .inner{
	text-align:center;
	font-size:22px;
}
#footer h2 { text-align:center; margin:40px 0; padding:40px 0 0 0; font-size:24px; }

.company{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto 55px;
}
.company li:first-child{
	width:50%;
	padding:5px 0 0 0;
	text-align:right;
}
.company li:first-child img{
	width:100%;
	max-width:234px;
}
.company li:last-child{
	width:48%;
	font-weight:600;
	font-size:26px;
	text-align:left;
	line-height:1.3;
	letter-spacing:-2px;
}
.company li:last-child span{
	font-weight:400;
	font-size:20px;
}

.footInquiry{
	margin:35px auto 0;
}
.footInquiry li{
	display:inline-block;
	padding:0 0 50px 135px;
	font-size:20px;
	letter-spacing:-1px;
}
.footInquiry li:first-child{
	margin:0 3% 0 0;
	background:url(../img/footer_tel.jpg) no-repeat;
	background-size:117px auto;
}
.footInquiry li:last-child{
	background:url(../img/footer_mail.jpg) no-repeat;
	background-size:117px auto;
}
.footInquiry li span{
	font-size:16px;
}
/*------------------------------*/
#copyright{
	position:relative;
	width:100%;
	padding:40px 0;
	font-size:9px;
	text-align:center;
	color:#000
	line-height:1;
}

.toiawase img { margin:20px auto 40px; }

@media screen and (max-width: 420px) {
	
	body{
		font-size: 14px;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	/*全体--------------*/
	.inner{
		width:90%;
	}
	a.inquiry{
		margin:25px auto;
		font-size:19px;
	}

	/*ヘッダー--------------*/

	.header ul li:first-child{
		width:34.6%;
	}
	.header ul li:last-child{
		width:55.4%;
	}
	.header ul li img{
		width:100%;
	}
	#head .inner ul{
		flex-wrap:wrap;
	}
	#head .inner ul li{
		width:29.8%;
	}
	
	/*理由--------------*/
	
	/*特徴--------------*/
	.tokucyo {
		background-image: url(../images/04_back_sp.jpg);
		background-repeat: no-repeat;
		background-size:100%;
		background-position: 0 100%; 
	}
	
	/*映像--------------*/
	
	/*解像度--------------*/
	.fixedLayer{
		position:relative;
	}
	
	.kaizodo .fixedLayer{
		margin:-80px 0 0;
	}
	/*パターン--------------*/
	.serne .fixedLayer{
		background:#fbbe01;
	}
	.serne .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
		position:relative;
		top:-125vw;
		height:50px;
		margin:0 auto;
		padding:0 0 15px 0;
		z-index:100;
		text-align:center;
	}
	.serne .bx-wrapper .bx-pager-item{
		display:inline-block;
		width:20px;
		height:20px;
		margin:0 10px;
		background:#fff;
		font-size:0;
	}
	.serne .bx-wrapper .bx-pager.bx-default-pager a.active, .serne .bx-wrapper .bx-pager.bx-default-pager a:focus, .serne .bx-wrapper .bx-pager.bx-default-pager a:hover{
		display:block;
		width:20px;
		height:20px;
		background:#000;
	}
	
	/*フッター写真--------------*/
	#footerImg ul{
		width:90%;
		margin:0 auto;
	}
	#footerImg ul li{
		width:100%;
	}
	/*フッター--------------*/
	#footer .inner{
		font-size:17px;
	}
	#footer h2 { text-align:center; margin:20px 0; padding:40px 0 0 0; font-size:18px; }
	
	.company{
		margin:0 auto 40px;
	}
	.company li:first-child{
		width:100%;
		text-align:center;
	}
	.company li:first-child img{
		width:42.2%;
	}
	.company li:last-child{
		width:100%;
		text-align:center;
		font-size:20px;
	}
	.company li:last-child span{
		font-size:15px;
	}
	.footInquiry{
		width:100%;
	}
	.footInquiry li{
		display:block;
		padding:0 0 25px 23%;
		text-align:left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.footInquiry li:first-child{
		width:100%;
		margin:0;
		background-size:21.1% auto;
		background-position:0 5px;
	}
	.footInquiry li:last-child{
		width:100%;
		background-size:21.1% auto;
		background-position:0 5px;
	}
	.footInquiry li span{
		display:block;
		font-size:13px;
	}
	
	#copyright{
		padding:30px 0;
	}
	
	.toiawase img { margin:20px auto 40px; width:90%; }
	
}