@charset "UTF-8";

/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/

.sub-page .sec-inner {
	position: relative;
	width: 100%;
}
.sec-inner:before {
	content: "";
	display: block;
}
.sec-inner .img-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}
.sec-inner .img-wrap .cap {
	background: rgba(238,238,239,.8);
	z-index: 9;
}
.sec-inner .img-wrap .cap p {
	color: #546e7b;
}



/* fd-in */
.fd-in.move,
.dur-list.fd-in.move > * {
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
}


.contact-wrap:before {
	box-shadow: 0 20px 20px 10px rgb(255, 255, 255) inset;
	z-index: 1;
}


/**==============================================**/
/*
/*			SP
/*
/**==============================================**/

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

	.sub-page .sec-inner {
		width: 96%;
	}
	.sec .cap {
		background: rgba(238,238,239,.8);
		box-sizing: border-box;
		height: auto;
		margin: -2% auto 5%;
		padding: 5%;
		width: 90%;
	}
	.sec .cap p {
		color: #546e7b;
		font-size: 1.5rem;
		line-height: 1.6;
		width: 94%;
		margin: auto;
	}
	.sec .cap  p span {
		font-size: .87em;
	}
	.sec .img-wrap {
		position: absolute;
		top: 50%;
		left: 50%;
	}



	/* sec-01 */
	.sec-01 {}
	.sec-01 .sec-inner:before {
		padding-top: 59.4%;
	}
	.img-01 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -95%);
		-ms-transform: translate(-89.2%, -95%);
		transform: translate(-89.2%, -95%);
	}
	.img-02 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(49.2%, -54%);
		-ms-transform: translate(49.2%, -54%);
		transform: translate(49.2%, -54%);
	}
	.img-03 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-84.8%, 32%);
		-ms-transform: translate(-84.8%, 32%);
		transform: translate(-84.8%, 32%);
	}
	.sec-01 .cap {
		margin-right: 0;
	}



	/* sec-02 */
	.sec-02 {}
	.sec-02 .sec-inner {
		margin-top: 4.6%;
	}
	.sec-02 .sec-inner:before {
		padding-top: 62.1%;
	}
	.img-04 {
		width: 43.9%;
		max-width: 614px;
		-webkit-transform: translate(-114%, -104.6%);
		-ms-transform: translate(-114%, -104.6%);
		transform: translate(-114%, -104.6%);
	}
	.img-05 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(8%, -91.8%);
		-ms-transform: translate(8%, -91.8%);
		transform: translate(8%, -91.8%);
	}
	.img-06 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 19.2%);
		-ms-transform: translate(-100%, 19.2%);
		transform: translate(-100%, 19.2%);
	}
	.img-07 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14%, 47.8%);
		-ms-transform: translate(14%, 47.8%);
		transform: translate(14%, 47.8%);
	}



	/* sec-03 */
	.sec-03 {}
	.sec-03 .sec-inner {
		margin-top: 3.9%;
	}
	.sec-03 .sec-inner:before {
		content: none;
	}
	.sec-03 .sec-inner .img-wrap {
		top: auto;
		left: auto;
		position: relative;
	}
	.sec-03 .sec-inner .cap {
		width: 86vw;
	}
	.img-08 > div:not(.cap) {
		width: 55.5%;
		max-width: 776px;
		margin-right: auto;
		margin-left: 0;
	}
	.img-08 .cap {
		margin-left: 0;
	}
	.img-09 > div:not(.cap) {
		width: 59.43%;
		max-width: 832px;
		margin-right: 0;
		margin-left: auto;
	}
	.img-09 .cap {
		margin-right: 0;
	}



	/* sec-04 */
	.sec-04 {}
	.sec-04 .sec-inner {
		margin-top: 4.8%;
	}
	.sec-04 .sec-inner:before {
		padding-top: 61.4%;
	}
	.img-10 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -97.8%);
		-ms-transform: translate(-89.2%, -97.8%);
		transform: translate(-89.2%, -97.8%);
	}
	.img-11 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(61%, -146.2%);
		-ms-transform: translate(61%, -146.2%);
		transform: translate(61%, -146.2%);
	}
	.img-12 {
		width: 33.29%;
		max-width: 466px;
		-webkit-transform: translate(34.6%, -18.4%);
		-ms-transform: translate(34.6%, -18.4%);
		transform: translate(34.6%, -18.4%);

	}
	.img-13 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-113.2%, 37.6%);
		-ms-transform: translate(-113.2%, 37.6%);
		transform: translate(-113.2%, 37.6%);
	}



	/* sec-05 */
	.sec-05 {}
	.sec-05 .sec-inner {
		margin-top: -3.4%;
	}
	.sec-05 .sec-inner:before {
		padding-top: 71.4%;
	}

	.img-14 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(7.8%, -114%);
		-ms-transform: translate(7.8%, -114%);
		transform: translate(7.8%, -114%);
	}
	.img-15 {
		width: 46.43%;
		max-width: 650px;
		-webkit-transform: translate(-108%, -75.4%);
		-ms-transform: translate(-108%, -75.4%);
		transform: translate(-108%, -75.4%);
	}
	.img-16 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14.0%, 8.2%);
		-ms-transform: translate(14.0%, 8.2%);
		transform: translate(14.0%, 8.2%);
	}
	.img-17 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 59.8%);
		-ms-transform: translate(-100%, 59.8%);
		transform: translate(-100%, 59.8%);
	}



	.sub-page .contact-wrap {
		padding-top: 30%;
	}



}



/*
@media screen and (min-width:480px) and (max-width:639px) {}
@media screen and (min-width:640px) and (max-width:1069px) and (max-height: 639px) {}
*/

/**==============================================**/
/*
/*			sp-l ～ tab
/*
/**==============================================**/

@media screen and (min-width:640px) and (max-width:1069px) {

	.sec-inner {
		max-width: 1400px;
	}
	.sec-inner .img-wrap {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.img-wrap .cap {
		position: absolute;
		width: 200px;
		height: 200px;
		top: 50%;
		left: 50%;
	}
	.img-wrap .cap p {
		font-size: 15px;
		line-height: 1.6;
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.img-wrap .cap  p span {
		font-size: .87em;
	}



	/* sec-01 */
	.sec-01 {
		margin-top: -36px;
	}
	.sec-01 .sec-inner:before {
		padding-top: 59.4%;
	}
	.img-01 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -95%);
		-ms-transform: translate(-89.2%, -95%);
		transform: translate(-89.2%, -95%);
	}
	.img-02 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(49.2%, -54%);
		-ms-transform: translate(49.2%, -54%);
		transform: translate(49.2%, -54%);
	}
	.img-02 .cap {
		-webkit-transform: translate(-50%, -129%);
		-ms-transform: translate(-50%, -129%);
		transform: translate(-50%, -129%);
	}
	.img-03 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-84.8%, 32%);
		-ms-transform: translate(-84.8%, 32%);
		transform: translate(-84.8%, 32%);
	}



	/* sec-02 */
	.sec-02 {}
	.sec-02 .sec-inner {
		margin-top: 4.6%;
	}
	.sec-02 .sec-inner:before {
		padding-top: 62.1%;
	}
	.img-04 {
		width: 43.9%;
		max-width: 614px;
		-webkit-transform: translate(-114%, -104.6%);
		-ms-transform: translate(-114%, -104.6%);
		transform: translate(-114%, -104.6%);
	}
	.img-05 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(8%, -91.8%);
		-ms-transform: translate(8%, -91.8%);
		transform: translate(8%, -91.8%);
	}
	.img-06 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 19.2%);
		-ms-transform: translate(-100%, 19.2%);
		transform: translate(-100%, 19.2%);
	}
	.img-07 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14%, 47.8%);
		-ms-transform: translate(14%, 47.8%);
		transform: translate(14%, 47.8%);
	}



	/* sec-03 */
	.sec-03 {}
	.sec-03 .sec-inner {
		margin-top: 3.9%;
	}
	.sec-03 .sec-inner:before {
		padding-top: 91.1%;
	}
	.img-08 {
		width: 55.5%;
		max-width: 776px;
		-webkit-transform: translate(-69.6%, -121.4%);
		-ms-transform: translate(-69.6%, -121.4%);
		transform: translate(-69.6%, -121.4%);
	}
	.img-08 .cap {
		-webkit-transform: translateY(-44%);
		-ms-transform: translateY(-44%);
		transform: translateY(-44%);
		left: 97%;
	}
	.img-09 {
		width: 59.43%;
		max-width: 832px;
		-webkit-transform: translate(-16%, 13.4%);
		-ms-transform: translate(-16%, 13.4%);
		transform: translate(-16%, 13.4%);
	}
	.img-09 .cap {
		-webkit-transform: translateY(-34.2%);
		-ms-transform: translateY(-34.2%);
		transform: translateY(-34.2%);
		right: 98%;
		left: auto;
	}



	/* sec-04 */
	.sec-04 {}
	.sec-04 .sec-inner {
		margin-top: 4.8%;
	}
	.sec-04 .sec-inner:before {
		padding-top: 61.4%;
	}
	.img-10 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -97.8%);
		-ms-transform: translate(-89.2%, -97.8%);
		transform: translate(-89.2%, -97.8%);
	}
	.img-11 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(61%, -146.2%);
		-ms-transform: translate(61%, -146.2%);
		transform: translate(61%, -146.2%);
	}
	.img-12 {
		width: 33.29%;
		max-width: 466px;
		-webkit-transform: translate(34.6%, -18.4%);
		-ms-transform: translate(34.6%, -18.4%);
		transform: translate(34.6%, -18.4%);

	}
	.img-13 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-113.2%, 37.6%);
		-ms-transform: translate(-113.2%, 37.6%);
		transform: translate(-113.2%, 37.6%);
	}



	/* sec-05 */
	.sec-05 {}
	.sec-05 .sec-inner {
		margin-top: -3.4%;
	}
	.sec-05 .sec-inner:before {
		padding-top: 71.4%;
	}
	.img-14 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(7.8%, -114%);
		-ms-transform: translate(7.8%, -114%);
		transform: translate(7.8%, -114%);
	}
	.img-15 {
		width: 46.43%;
		max-width: 650px;
		-webkit-transform: translate(-108%, -75.4%);
		-ms-transform: translate(-108%, -75.4%);
		transform: translate(-108%, -75.4%);
	}
	.img-16 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14.0%, 8.2%);
		-ms-transform: translate(14.0%, 8.2%);
		transform: translate(14.0%, 8.2%);
	}
	.img-17 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 59.8%);
		-ms-transform: translate(-100%, 59.8%);
		transform: translate(-100%, 59.8%);
	}



	.sub-page .contact-wrap {
		padding-top: 298px;
	}



}



/**==============================================**/
/*
/*			sp tab 共通
/*
/**==============================================**/

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



}



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

	.sec-inner {
		max-width: 1400px;
	}
	.sec-inner .img-wrap {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.img-wrap .cap {
		position: absolute;
		width: 316px;
		height: 316px;
		top: 50%;
		left: 50%;
	}
	.img-wrap .cap p {
		width: 248px;
		line-height: 2;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.img-wrap .cap  p span {
		font-size: .87em;
	}



	/* sec-01 */
	.sec-01 {
		margin-top: -36px;
	}
	.sec-01 .sec-inner:before {
		padding-top: 59.4%;
	}
	.img-01 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -95%);
		-ms-transform: translate(-89.2%, -95%);
		transform: translate(-89.2%, -95%);
	}
	.img-02 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(49.2%, -54%);
		-ms-transform: translate(49.2%, -54%);
		transform: translate(49.2%, -54%);
	}
	.img-02 .cap {
		-webkit-transform: translate(-50%, -129%);
		-ms-transform: translate(-50%, -129%);
		transform: translate(-50%, -129%);
	}
	.img-03 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-84.8%, 32%);
		-ms-transform: translate(-84.8%, 32%);
		transform: translate(-84.8%, 32%);
	}



	/* sec-02 */
	.sec-02 {}
	.sec-02 .sec-inner {
		margin-top: 4.6%;
	}
	.sec-02 .sec-inner:before {
		padding-top: 62.1%;
	}
	.img-04 {
		width: 43.9%;
		max-width: 614px;
		-webkit-transform: translate(-114%, -104.6%);
		-ms-transform: translate(-114%, -104.6%);
		transform: translate(-114%, -104.6%);
	}
	.img-05 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(8%, -91.8%);
		-ms-transform: translate(8%, -91.8%);
		transform: translate(8%, -91.8%);
	}
	.img-06 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 19.2%);
		-ms-transform: translate(-100%, 19.2%);
		transform: translate(-100%, 19.2%);
	}
	.img-07 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14%, 47.8%);
		-ms-transform: translate(14%, 47.8%);
		transform: translate(14%, 47.8%);
	}



	/* sec-03 */
	.sec-03 {}
	.sec-03 .sec-inner {
		margin-top: 3.9%;
	}
	.sec-03 .sec-inner:before {
		padding-top: 91.1%;
	}
	.img-08 {
		width: 55.5%;
		max-width: 776px;
		-webkit-transform: translate(-69.6%, -121.4%);
		-ms-transform: translate(-69.6%, -121.4%);
		transform: translate(-69.6%, -121.4%);
	}
	.img-08 .cap {
		-webkit-transform: translateY(-44%);
		-ms-transform: translateY(-44%);
		transform: translateY(-44%);
		left: 97%;
	}
	.img-09 {
		width: 59.43%;
		max-width: 832px;
		-webkit-transform: translate(-16%, 13.4%);
		-ms-transform: translate(-16%, 13.4%);
		transform: translate(-16%, 13.4%);
	}
	.img-09 .cap {
		-webkit-transform: translateY(-34.2%);
		-ms-transform: translateY(-34.2%);
		transform: translateY(-34.2%);
		right: 98%;
		left: auto;
	}



	/* sec-04 */
	.sec-04 {}
	.sec-04 .sec-inner {
		margin-top: 4.8%;
	}
	.sec-04 .sec-inner:before {
		padding-top: 61.4%;
	}
	.img-10 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(-89.2%, -97.8%);
		-ms-transform: translate(-89.2%, -97.8%);
		transform: translate(-89.2%, -97.8%);
	}
	.img-11 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(61%, -146.2%);
		-ms-transform: translate(61%, -146.2%);
		transform: translate(61%, -146.2%);
	}
	.img-12 {
		width: 33.29%;
		max-width: 466px;
		-webkit-transform: translate(34.6%, -18.4%);
		-ms-transform: translate(34.6%, -18.4%);
		transform: translate(34.6%, -18.4%);

	}
	.img-13 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-113.2%, 37.6%);
		-ms-transform: translate(-113.2%, 37.6%);
		transform: translate(-113.2%, 37.6%);
	}



	/* sec-05 */
	.sec-05 {}
	.sec-05 .sec-inner {
		margin-top: -3.4%;
	}
	.sec-05 .sec-inner:before {
		padding-top: 71.4%;
	}
	.img-14 {
		width: 46.29%;
		max-width: 648px;
		-webkit-transform: translate(7.8%, -114%);
		-ms-transform: translate(7.8%, -114%);
		transform: translate(7.8%, -114%);
	}
	.img-15 {
		width: 46.43%;
		max-width: 650px;
		-webkit-transform: translate(-108%, -75.4%);
		-ms-transform: translate(-108%, -75.4%);
		transform: translate(-108%, -75.4%);
	}
	.img-16 {
		width: 31.1%;
		max-width: 434px;
		-webkit-transform: translate(14.0%, 8.2%);
		-ms-transform: translate(14.0%, 8.2%);
		transform: translate(14.0%, 8.2%);
	}
	.img-17 {
		width: 33.1%;
		max-width: 462px;
		-webkit-transform: translate(-100%, 59.8%);
		-ms-transform: translate(-100%, 59.8%);
		transform: translate(-100%, 59.8%);
	}



	.sub-page .contact-wrap {
		padding-top: 298px;
	}



}



/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {

	.sec-01 .img-wrap .cap.tab.pc {
		display: block !important;
	}

}