@charset "UTF-8";
/* BLUE
-----------------------*/
/* GRAY
-----------------------*/
/* 明朝
-----------------------*/
#tpl-contents .sec * {
	box-sizing: border-box;
}

#tpl-contents .sec .sec-inner {
	position: relative;
}

#tpl-contents .sec .sec-inner > * {
	position: absolute;
}

#tpl-contents .sec .sec-inner .sec-bg {
	background-color: #EBF1F6;
}

#tpl-contents .sec .sec-inner .sec-img {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

#tpl-contents .sec .sec-inner .sec-img img {
	width: 100%;
}

#tpl-contents .sec .sec-inner .sec-txt {
	perspective: 3000px;
	perspective-origin: left top;
}

#tpl-contents .sec .sec-inner .sec-txt .copy {
	color: #004986;
	font-size: 2.28571vw;
	line-height: 1.875;
	letter-spacing: 0.075em;
	margin-bottom: 2.85714vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .copy {
		font-size: 32px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .copy span {
	display: block;
}

#tpl-contents .sec .sec-inner .sec-txt .description {
	font-size: 1.14286vw;
	line-height: 2.625;
	letter-spacing: 0.05em;
	margin-bottom: 3.57143vw;
}

@media screen and (min-width: 1400px) {
	#tpl-contents .sec .sec-inner .sec-txt .description {
		font-size: 16px;
	}
}

#tpl-contents .sec .sec-inner .sec-txt .description span {
	display: block;
}

#tpl-contents .sec .sec-inner .sec-txt .tpl-btn {
	width: 28.57143vw;
	transition-property: opacity !important;
	transform: translate(0, 0) rotateX(0) rotateY(0) !important;
}

#tpl-contents .sec .sec-inner .sec-txt .fade-el {
	opacity: 0;
	transform-origin: left top;
	transform: rotateX(-20deg) rotateY(-20deg);
	transition-property: opacity, transform;
	transition-duration: 3s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#tpl-contents .sec .sec-inner .sec-txt .fade-el.show {
	opacity: 1;
	transform: rotateX(0) rotateY(0);
}

#tpl-contents .sec-01 {
	padding: 10.71429vw 0 0;
}

#tpl-contents .sec-01 .sec-inner {
	height: 60.71429vw;
}

#tpl-contents .sec-01 .sec-inner .sec-bg {
	width: 164.28571vw;
	height: 55vw;
	top: 5.71429vw;
	left: -89.28571vw;
}

#tpl-contents .sec-01 .sec-inner .sec-img {
	width: 42.85714vw;
	top: 0;
	left: 7.85714vw;
}

#tpl-contents .sec-01 .sec-inner .sec-txt {
	top: 16.42857vw;
	padding-left: 60vw;
}

#tpl-contents .sec-02 {
	padding: 8.57143vw 0 0;
}

#tpl-contents .sec-02 .sec-inner {
	height: 53.57143vw;
}

#tpl-contents .sec-02 .sec-inner .sec-bg {
	width: 68.57143vw;
	height: 46.42857vw;
	top: 7.42857vw;
	left: 24.28571vw;
}

#tpl-contents .sec-02 .sec-inner .sec-img {
	width: 53.57143vw;
	top: 0;
	left: 46.42857vw;
}

#tpl-contents .sec-02 .sec-inner .sec-txt {
	top: 1.07143vw;
	padding-left: 8.57143vw;
}

#tpl-contents .sec-03 {
	padding: 8.57143vw 0 0;
}

#tpl-contents .sec-03 .sec-inner {
	height: 61.42857vw;
}

#tpl-contents .sec-03 .sec-inner .sec-bg {
	width: 71.42857vw;
	height: 61.42857vw;
	top: 0;
	left: 5.71429vw;
}

#tpl-contents .sec-03 .sec-inner .sec-img {
	width: 53.57143vw;
	top: 10vw;
	left: 0;
}

#tpl-contents .sec-03 .sec-inner .sec-txt {
	top: 5.35714vw;
	padding-left: 61.42857vw;
}

#tpl-contents .sec-04 {
	padding: 8.57143vw 0 0;
}

#tpl-contents .sec-04 .sec-inner {
	height: 60.71429vw;
}

#tpl-contents .sec-04 .sec-inner .sec-bg {
	width: 164.28571vw;
	height: 55vw;
	top: 0;
	left: 45vw;
}

#tpl-contents .sec-04 .sec-inner .sec-img {
	width: 42.85714vw;
	top: 0;
	left: 47.5vw;
}

#tpl-contents .sec-04 .sec-inner .sec-txt {
	top: 11.42857vw;
	padding-left: 8.57143vw;
}

#tpl-contents .sec-05 {
	padding: 11.42857vw 0 13.57143vw;
}

#tpl-contents .sec-05 .sec-inner {
	height: 90vw;
}

#tpl-contents .sec-05 .sec-inner .sec-bg {
	width: 142.85714vw;
	height: 48.71429vw;
	top: 27.14286vw;
	left: -107.14286vw;
}

#tpl-contents .sec-05 .sec-inner .sec-img {
	width: 85.71429vw;
	top: -4.28571vw;
	left: 40.71429vw;
}

#tpl-contents .sec-05 .sec-inner .sec-txt {
	top: 55vw;
	padding-left: 25vw;
}

@media screen and (max-width: 740px) {
	#tpl-contents .sec .sec-inner .sec-txt {
		padding-left: 8vw;
		padding-right: 8vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .copy {
		font-size: 4.53333vw;
		margin-bottom: 5.33333vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .description {
		font-size: 3.2vw;
		margin-bottom: 6.66667vw;
	}
	#tpl-contents .sec .sec-inner .sec-txt .tpl-btn {
		width: 76vw;
	}
	#tpl-contents .sec .sec-inner .parallax-el {
		transform: translate3d(0px, 0px, 0px) !important;
	}
	#tpl-contents .sec-01 {
		padding: 20vw 0 0;
	}
	#tpl-contents .sec-01 .sec-inner {
		height: 189.33333vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-bg {
		width: 74.66667vw;
		height: 88.93333vw;
		top: 70.66667vw;
		left: 25.33333vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-img {
		width: 72vw;
		top: 0;
		left: 6.66667vw;
	}
	#tpl-contents .sec-01 .sec-inner .sec-txt {
		top: 101.33333vw;
	}
	#tpl-contents .sec-02 {
		padding: 21.33333vw 0 0;
	}
	#tpl-contents .sec-02 .sec-inner {
		height: 196vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-bg {
		width: 74.66667vw;
		height: 104.4vw;
		top: 28vw;
		left: 0vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-img {
		width: 90.26667vw;
		top: 0;
		left: 9.73333vw;
	}
	#tpl-contents .sec-02 .sec-inner .sec-txt {
		top: 82.66667vw;
	}
	#tpl-contents .sec-03 {
		padding: 26.66667vw 0 0;
	}
	#tpl-contents .sec-03 .sec-inner {
		height: 220.66667vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-bg {
		width: 74.66667vw;
		height: 89.73333vw;
		top: 49.33333vw;
		left: 25.33333vw;
	}
	#tpl-contents .sec-03 .sec-inner .sec-img {
		width: 90.26667vw;
		top: 0;
		left: 0;
	}
	#tpl-contents .sec-03 .sec-inner .sec-txt {
		top: 82.66667vw;
	}
	#tpl-contents .sec-04 {
		padding: 17.33333vw 0 0;
	}
	#tpl-contents .sec-04 .sec-inner {
		height: 240vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-bg {
		width: 74.13333vw;
		height: 100.4vw;
		top: 72.53333vw;
		left: 0vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-img {
		width: 72vw;
		top: 0;
		left: 21.33333vw;
	}
	#tpl-contents .sec-04 .sec-inner .sec-txt {
		top: 101.33333vw;
	}
	#tpl-contents .sec-05 {
		padding: 13.33333vw 0 17.33333vw;
	}
	#tpl-contents .sec-05 .sec-inner {
		height: 230.66667vw;
	}
	#tpl-contents .sec-05 .sec-inner .sec-bg {
		width: 74.66667vw;
		height: 110.8vw;
		top: 46.66667vw;
		left: 25.33333vw;
	}
	#tpl-contents .sec-05 .sec-inner .sec-img {
		width: 100vw;
		top: 0;
		left: 0;
	}
	#tpl-contents .sec-05 .sec-inner .sec-txt {
		top: 60vw;
	}
}

.tpl-contents-box-list ul li .white-box .img-wrap img {
	width: 108px;
}

@media screen and (max-width: 740px) {
	.tpl-contents-box-list ul li .white-box .img-wrap img {
		width: 81px;
	}
}

#tpl-topicpath {
	margin-top: 0;
}