/*====================================================
////id title
====================================================*/
#title .headBox {
	opacity: 1;
}
#title .headBox:before,
#title .headBox:after {
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		left: 0;
	width: 100vw;
	height: 100%;
	z-index: 10;
}
#title .headBox:before {
	background: #888;
	transition: .8s ease-in-out;
	transition-delay: .4s;
}
#title .headBox:after {
	background: #fff;
	height: 102%;
	top: -1%;
	transition: .6s ease-in-out;
}
#title .headBox.show:before,
#title .headBox.show:after {
	left: calc(100% + 5vw);
}

#title h1:after {
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#title .innerBox {
		padding: 10px 0 0;
	}
	#title .headBox:before {
		background: #fac9b3;
	}
	#title h1 {
		background: #F5DBCF;
		padding: 20px;
	}
	#title h1:after {
		background: #F5DBCF;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#title h1 {
		align-items: center;
		background: #333;
		color: #fff;
		justify-content: flex-start;
		padding: 30px 70px;
	}
	#title h1:after {
		background: #333;
	}
	#title h1 .f-en {
		margin-bottom: 0;
	}
	#title h1 .jp {
		padding-top: .2em;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
	#title .headBox.show:before,
	#title .headBox.show:after {
		left: calc(100% + (50vw - 400px));
	}
}


/*====================================================
////id detail
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	table td:first-child {
		width: 320px;
	}
	table td:last-child {
		width: calc(100% - 320px);
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	table td:first-child {
		width: 240px;
	}
	table td:last-child {
		width: calc(100% - 240px);
	}
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}