@charset "utf-8";

/**********************************

 general

***********************************/
html {
	font-size: 13.3333333px;
	/*font-size: 10px;*/
}

@media screen and (max-width:1086px){
	html {
		font-size: 1.335vw;
	}
}

@media screen and (max-width:767px){
	html {
		font-size: 1.33333333vw;
	}
}

/**********************************

 parts

***********************************/
.define_inner {
	width: 75rem;
}

@media screen and (max-width:1499px){
	.define_wrap {
		padding-left: 8%;
		padding-right: 8%;
	}
}

/**********************************

 .l-wrap

***********************************/
.l-wrap {
	background: #fff;
}

.l-main {
}


/**********************************

 l-header

***********************************/
.l-header {

}

.l-header__inner {
	/*height: 163px;*/
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

}

/**********************************

 l-footer

***********************************/
.l-footer .define_inner {
	width: 930px;
}

@media screen and (max-width:767px){

	/*.l-footer__bottom {*/
		/*padding-bottom: 25px;*/
	/*}*/
}


/**********************************

 p-comingsoon

***********************************/
.p-comingsoon {

}

.p-comingsoon__inner {
	padding: 8rem 0;
}

.p-comingsoon__box {
	padding: 5rem 3rem;
	background: #ddd;
}

.p-comingsoon__txt01 {
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
}

.p-comingsoon__txt01 .inline-block {
	display: inline-block;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

}


/**********************************

 xxx

***********************************/


@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

}