@charset "utf-8";
/***************************************************************************************************
	page_culture.css
***************************************************************************************************/
#page_culture {
	position: relative;
	overflow: hidden;
}
/*
*/
#page_culture .blk_1 {
	padding: 0 0 40px 0;
}
#page_culture .blk_1_1_1 .blk_sty_1::before {
	background-image: url('../images/page_culture_img_1.jpg');
}
/*
*/
#page_culture .blk_2 {
	position: relative;
	width: 100%;
	max-width: 1400px;
	padding: 100px 0 60px 0;
	margin: auto;
}
#page_culture .blk_2::before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 70px;
	left:50%;
	top:0;
	background-color: #bfbfbf;
}
#page_culture .blk_2.psa_ready::before {
	height: 0;
}
#page_culture .blk_2.psa_show::before {
	height: 70px;
	transition: height .6s ease-out .6s;
}
/*
*/
#page_culture .blk_3 {
	position: relative;
	width: 100%;
	max-width: 1400px;
	padding: 100px 0 60px 0;
	margin: auto;
}
#page_culture .blk_3::before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 70px;
	left:50%;
	top:0;
	background-color: #bfbfbf;
}
#page_culture .blk_3.psa_ready::before {
	height: 0;
}
#page_culture .blk_3.psa_show::before {
	height: 70px;
	transition: height .6s ease-out 0s;
}
/*
*/
#page_culture .blk_4 {
	position: relative;
	padding: 60px 0 0 0;
}
/*  */
#page_culture .rep_1 {
	position: relative;
}
#page_culture .rep_1_1 {
	position: relative;
	text-align: center;
	padding: 0 0 30px 0;
}
#page_culture .rep_1_1 h3 {
	position: relative;
}
#page_culture .rep_1_1 h3 span {
	position: relative;
	display: block;
	width: auto;
	height: 30px;
}
#page_culture .rep_1_1 h3 span {
	position: relative;
	display: block;
	width: auto;
}
#page_culture .rep_1_1 h3 span:nth-of-type(1) img {
	height: 23px;
}
#page_culture .psa_ready .rep_1_1 h3 span:nth-of-type(1) img {
	opacity: 0;
}
#page_culture .psa_show .rep_1_1 h3 span:nth-of-type(1) img {
	opacity: 1;
	transition: opacity 1s ease-out 1s;
}
#page_culture .rep_1_1 h3 span:nth-of-type(2) img {
	height: 30px;
}
#page_culture .psa_ready .rep_1_1 h3 span:nth-of-type(2) img {
	opacity: 0;
	transform: translateY(20px);
}
#page_culture .psa_show .rep_1_1 h3 span:nth-of-type(2) img {
	opacity: 1;
	transform: translateY(0);
	transition: transform .6s ease-out .6s, opacity .6s ease-out .6s;
}
#page_culture .rep_1_2 {
	position: relative;
	padding: 0 0 30px 0;
	text-align: center;
	max-width: 900px;
	margin: auto;
}
#page_culture .psa_ready .rep_1_2 {
	opacity: 0;
	transform: translateY(20px);
}
#page_culture .psa_show .rep_1_2 {
	opacity: 1;
	transform: translateY(0);
	transition: transform .6s ease-out 1.2s, opacity .6s ease-out 1.2s;
}
#page_culture .rep_1_2 p {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 200%;
	text-align: left;
}
#page_culture .rep_1_3 {
	position: relative;
	padding: 0 100px;
}
#page_culture .rep_1_3_1 {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#page_culture .rep_1_3_1_1 {
	position: relative;
	width: 100%;
	left:0;
	display: flex;
	flex-wrap: wrap;
	transition: left .4s ease-out 0s;
	z-index: 2;
}
/*  */
#page_culture .rep_2 {
	display:block;
	width: 33.3%;
	vertical-align: top;
	text-align: center;
	padding: 0 0 30px 0;
	white-space:normal;
}
#page_culture .rep_2_1 {
	position: relative;
	width: 90%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #f5f5f5;
	padding: 0 0 80px 0;
	text-align: left;
	margin: auto;
}
#page_culture .rep_2_1::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: #ffffff;
	transform-origin: 100% 0;
	transform: scaleX(0);
}
#page_culture .psa_ready .rep_2_1::before {
	transform: scaleX(1);
}
#page_culture .psa_show .rep_2_1::before {
	transform: scaleX(0);
	transition: transform .6s cubic-bezier(0.215, 0.610, 0.355, 1.000) 2s;
}
#page_culture .rep_2_1 h4 {
	position: relative;
	order: 2;
	font-size: 19px;
	line-height: 125%;
	font-weight: 700;
	text-align: center;
	padding: 30px 10px 15px 10px;
}
#page_culture .psa_ready .rep_2_1 h4 {
	opacity: 0;
	transform: translateY(20px);
}
#page_culture .psa_show .rep_2_1 h4 {
	opacity: 1;
	transform: translateY(0);
	transition: transform .6s ease-out 2s, opacity .6s ease-out 2s;
}
#page_culture .rep_2_1 p:nth-of-type(1) {
	position: relative;
	order: 3;
	font-size: 15px;
	line-height: 200%;
	padding: 0 15%;
}
#page_culture .psa_ready .rep_2_1 p:nth-of-type(1) {
	opacity: 0;
	transform: translateY(20px);
}
#page_culture .psa_show .rep_2_1 p:nth-of-type(1) {
	opacity: 1;
	transform: translateY(0);
	transition: transform .6s ease-out 2.4s, opacity .6s ease-out 2.4s;
}
#page_culture .rep_2_1 p:nth-of-type(2) {
	position: relative;
	width: 100%;
	height: auto;
	padding: 61% 0 0 0;
	order:1;
	overflow: hidden;
}
#page_culture .rep_2_1 p:nth-of-type(2)::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: #ffffff;
	transform-origin: 100% 0;
}
#page_culture .psa_ready .rep_2_1 p:nth-of-type(2)::after {
	transform: scaleX(1);
}
#page_culture .psa_show .rep_2_1 p:nth-of-type(2)::after {
	transform: scaleX(0);
	transition: transform .6s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.4s;
}
#page_culture .rep_2_1 p:nth-of-type(2) img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	left:0;
	top:0;
}
#page_culture .psa_ready .rep_2_1 p:nth-of-type(2) img {
	opacity: 0;
}
#page_culture .psa_show .rep_2_1 p:nth-of-type(2) img {
	opacity: 1;
	transition: opacity .6s ease-out 1.4s;
}
/*  */
#page_culture .btns {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
}
#page_culture .psa_ready .btns {
	opacity: 0;
	pointer-events: none;
}
#page_culture .psa_show .btns {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 1s ease-out 2.2s;
}
#page_culture .btn_prev {
	position: absolute;
	left:40px;
	top:50%;
	width: 60px;
	height: 60px;
	transform: translateY(-50%) scaleX(-1);
	transition: opacity .4s ease-out 0s;
}
#page_culture .btn_prev.show {
	pointer-events: auto;
	opacity: 1;
}
#page_culture .btn_prev.hide {
	pointer-events: none;
	opacity: 0;
}
#page_culture .btn_prev .content {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#page_culture .btn_prev .content::before {
	position: absolute;
	display: block;
	content: 'PREV';
	width: 100%;
	height: auto;
	left:0;
	top:60px;
	font-size: 12px;
	line-height: 100%;
	transform: scaleX(-1);
	text-align: center;
	transition: color .2s ease-out 0s;
}
#page_culture .btn_prev.btn_over .content::before {
	color:#0C3388;
}
#page_culture .btn_next {
	position: absolute;
	left:100%;
	top:50%;
	width: 60px;
	height: 60px;
	transform: translate(-100px, -50%);
	transition: opacity .4s ease-out 0s;
}
#page_culture .btn_next.show {
	pointer-events: auto;
	opacity: 1;
}
#page_culture .btn_next.hide {
	pointer-events: none;
	opacity: 0;
}
#page_culture .btn_next .content {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#page_culture .btn_next .content::before {
	position: absolute;
	display: block;
	content: 'NEXT';
	width: 100%;
	height: auto;
	left:0;
	top:60px;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	transition: color .2s ease-out 0s;
}
#page_culture .btn_next.btn_over .content::before {
	color:#0C3388;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/
@media screen and (max-width: 1000px) {
#page_culture {
}
/*
*/
#page_culture .blk_1 {
	padding: 0 0 20px 0;
}
/*
*/
#page_culture .blk_2 {
	padding: 60px 0 20px 0;
}
#page_culture .blk_2::before {
	height: 45px;
	top:0px;
}
#page_culture .blk_2.psa_ready::before {
	height: 0;
}
#page_culture .blk_2.psa_show::before {
	height: 45px;
}
/*
*/
#page_culture .blk_3 {
	padding: 60px 0 0 0;
}
#page_culture .blk_3::before {
	height: 45px;
	top:0;
}
#page_culture .blk_3.psa_ready::before {
	height: 0;
}
#page_culture .blk_3.psa_show::before {
	height: 45px;
}
/*
*/
#page_culture .blk_4 {
	padding: 30px 0 0 0;
}
/*  */
#page_culture .rep_1 {
}
#page_culture .rep_1_1 {
	padding: 0 0 20px 0;
}
#page_culture .rep_1_1 h3 {
}
#page_culture .rep_1_1 h3 span {
	height: 25px;
}
#page_culture .rep_1_1 h3 span {
}
#page_culture .rep_1_1 h3 span:nth-of-type(1) img {
	height: 18px;
}
#page_culture .rep_1_1 h3 span:nth-of-type(2) img {
	height: 25px;
}
#page_culture .rep_1_2 {
	padding: 0 10% 30px 10%;
}
#page_culture .rep_1_2 p {
	font-size: 15px;
	line-height: 175%;
}
#page_culture .rep_1_3 {
	position: relative;
	padding: 0 10%;
}
#page_culture .rep_1_3_1 {
}
#page_culture .rep_1_3_1_1 {
	display: block;
	left:0 !important;
	width: 100% !important;
	transition:none;
}
/*  */
#page_culture .rep_2 {
	width: 100% !important;
	text-align: center;
	padding: 0 0 30px 0;
}
#page_culture .rep_2_1 {
	position: relative;
	width: 100% !important;
	padding: 0 0 30px 0;
}
#page_culture .rep_2_1 h4 {
	font-size: 18px;
	padding: 20px 10px 10px 10px;
}
#page_culture .rep_2_1 p:nth-of-type(1) {
	font-size: 13px;
	line-height: 175%;
}
#page_culture .rep_2_1 p:nth-of-type(2) {

}
#page_culture .rep_2_1 p:nth-of-type(2) img {
}
/*  */
#page_culture .btn_prev {
	display: none;
}
#page_culture .btn_prev.show {
}
#page_culture .btn_prev.hide {
}
#page_culture .btn_prev .content {
}
#page_culture .btn_prev .content::before {
}
#page_culture .btn_prev .content.btn_over::before {
}
#page_culture .btn_next {
	display: none;
}
#page_culture .btn_next.show {
}
#page_culture .btn_next.hide {
}
#page_culture .btn_next .content {
}
#page_culture .btn_next .content::before {
}
#page_culture .btn_next .content.btn_over::before {
}


}