@charset "UTF-8";




.page_title,
.big_tit {
	text-align: center;
	border-radius: 238px;
	font-family: 'Noto-Black';
	letter-spacing: 0.01em;
}

.big_tit {font-size: 48px;}
.page_title {font-size: 38px;}

span.line {
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #fff;
	margin: 80px 0 30px 0;
}

.page_exp,
.big_tit_exp  {
	margin-top: 15px;
	font-size: 15px;
	font-family: 'Noto-demilight';
	line-height: 1.7em;
}

.culture_biz .sv_img {
	position: absolute;
	left: 50%;
	bottom: -95px;
	display: inline-block;
	width: 532px;
	margin-left: -266px;
}


.subVisual {
	position: relative;
	width: calc(100% - 196px);
	max-width: 1760px;
	height: 658px;
	padding-top: 110px;
	margin: 80px auto 0px auto;
	font-size: 18px;
	font-family: 'Noto-demilight';
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}

.subVisual.culture_biz {background-image: url(/img/bbs_type/bg_culture_biz.jpg); padding-top: 160px;}

.culture_biz .opsec {text-align: center; background-size: 100%; background-repeat: no-repeat;}
.culture_biz .biz_tit {padding-top: 104px; font-family: 'Noto-black'; font-size: 48px;}
.culture_biz .biz_tit_exp {font-family: 'Noto-demilight'; font-size: 15px; line-height: 1.8em;}

.culture_biz .sec01 {background-image: url(/img/bg/c_culture_bg01.jpg); padding-top: 156px; background-size: cover;}
.culture_biz .sec02 {background-image: url(/img/bg/c_culture_bg02.jpg);}
.culture_biz .sec03 {background-image: url(/img/bg/c_culture_bg03.jpg); background-position: 0 105%;}
.culture_biz .sec04 {background-image: url(/img/bg/c_culture_bg04.jpg); background-position: bottom;}

.culture_biz .img_box {position: relative; font-size: 0; font-family: 'Noto-demilight';}

/*  */
.culture_biz .opsec .img_box>div>p {font-size: 26px;}
.culture_biz .opsec .img_box>div>p>span {font-size: 42px;}
.culture_biz .opsec .img_box>div>div {font-size: 16px;color: #999;}
.culture_biz .opsec .img_box>div>img {margin: 19px 0 23px 0;}
/*  */

.culture_biz .img_box.bx01 {text-align: left; padding-bottom: 70px;}
.culture_biz .img_box.bx01>div {width: auto; height: auto; margin-top: -295px; margin-left: 926px; float: left; position: relative; z-index: 1;}
.culture_biz .opsec .bx01>div>p,
.culture_biz .opsec .bx01>div>div {padding-left: 140px;}
.culture_biz .img_box.bx01>div>img {margin: 19px 0 23px 0;}
.sec01 .secImg112 {position: relative; top: 70px; left: -70px;}




.culture_biz .img_box.bx02 {padding-bottom: 70px;}
.culture_biz .img_box.bx02>div {position: relative; top: 190px; float: left; text-align: left; z-index: 1;}
.sec01 .secImg121 {position: relative; top: 70px; right: 190px;}
.sec01 .secImg122 {position: absolute; top: 0px; right: 40px;}




.culture_biz .img_box.bx03 {padding-bottom: 364px; margin-top: 70px;}
.culture_biz .img_box.bx03>div {position: absolute; top: 21px; left: 41%; float: left; text-align: left; z-index: 1;}
.culture_biz .opsec .bx03>div>p,
.culture_biz .opsec .bx03>div>div {padding-left: 155px;}

.sec01 .secImg131 {position: relative; top: 70px; left: 0px; float: left;}
.sec01 .secImg132 {position: absolute; top: 0px; left: 366px;}


.culture_biz .img_box.bx04 {margin-top: -835px; padding-bottom: 150px;}
.culture_biz .img_box.bx04>div {position: relative; top: 463px; right: -90px; float: right; text-align: left; z-index: 1;}
.sec01 .secImg141 {position: absolute; top: 70px; right: 247px; z-index: 1;}
.sec01 .secImg142 {position: relative; top: 0px; right: 0px; float: right;}



.culture_biz .img_box.bx05 {text-align: left; padding-bottom: 70px; margin-top: 50px;}
.culture_biz .img_box.bx05>div {width: 584px; height: auto; margin-top: -235px; float: right; position: relative; left: 10px; z-index: 1;}
.culture_biz .opsec .bx05>div>p,
.culture_biz .opsec .bx05>div>div {padding-left: 140px;}
.sec02 .secImg212 {position: relative; top: 70px; left: -70px;}

.culture_biz .img_box.bx06 {padding-bottom: 70px;}
.culture_biz .img_box.bx06>div {position: relative; top: 190px; left: 40px; float: left; text-align: left; z-index: 1;}
.sec02 .secImg221 {position: absolute; top: 70px; right: 333px;}
.sec02 .secImg222 {position: relative; float: right; margin-right: 40px;}

.culture_biz .img_box.bx07 {display: block; margin-left: 421px; margin-top: 70px;}
.sec02 .secImg231 {float: left;}
.culture_biz .img_box.bx07>div {width: auto; height: auto; float:left; position: relative; top: 117px; left: -128px; z-index: 1;}
.culture_biz .opsec .bx07>div>p,
.culture_biz .opsec .bx07>div>div {padding-left: 155px;}


.culture_biz .img_box.bx08 {text-align: left; padding-bottom: 70px; margin-top: 50px;}
.culture_biz .img_box.bx08>div.txt01 {width: 584px; height: auto; margin-top: -282px; margin-right: -10px; float: right; position: relative; z-index: 1;}
.culture_biz .opsec .bx08>div.txt01>p,
.culture_biz .opsec .bx08>div.txt01>div {padding-left: 140px;}
.sec03 .secImg312 {position: relative; top: 70px; left: -70px;}
.culture_biz .opsec .bx08>div.txt02 {position: absolute; top: 320px; left: 70px;}
.culture_biz .opsec .bx08>div.txt02 img {float: left; margin: 0px;}
.culture_biz .opsec .bx08>div.txt02>p,
.culture_biz .opsec .bx08>div.txt02>div {padding-left: 27px; vertical-align: bottom;	}
.culture_biz .opsec .bx08>div.txt02>p {padding-top: 150px;}


.culture_biz .img_box.bx09 {padding-bottom: 155px;}
.culture_biz .img_box.bx09>div {position: relative; top: 170px; left: 385px; float: left; text-align: left; z-index: 1;}
.sec03 .secImg321 {position: relative; float: right; margin-top: 70px;}


.culture_biz .img_box.bx10 {padding-bottom: 527px;}
.sec04 .secImg411 {float: left;}
.sec04 .secImg412 {position: absolute; top: 70px; left: 371px;}
.sec04 .secImg421 {float: right;}

.sec04 .secImg411,
.sec04 .secImg421 {margin-top: 40px;}

footer {position: absolute; bottom: 136px; padding-bottom: 0;}


/*  */

.culture_biz .img_box.bx02>img.pcOnly,
.culture_biz .img_box.bx03>img.pcOnly,
.culture_biz .img_box.bx04>img.pcOnly,
.culture_biz .img_box.bx05>img.pcOnly,
.culture_biz .img_box.bx06>img.pcOnly,
.culture_biz .img_box.bx07>img.pcOnly,
.culture_biz .img_box.bx08>img.pcOnly,
.culture_biz .img_box.bx09>img.pcOnly,
.culture_biz .img_box.bx10>img.pcOnly {opacity: 0;}


.culture_biz .img_box.bx02.act img.secImg121 {animation-name: fadeACT; animation-duration: 0.8s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx02.act img.secImg122 {animation-name: fadeACT; animation-delay: 0.3s; animation-duration: 1.2s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx03.act img.secImg131 {animation-name: fadeACT; animation-duration: 1s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx03.act img.secImg132 {animation-name: fadeACT; animation-duration: 1.5s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx04.act img.secImg141,
.culture_biz .img_box.bx04.act img.secImg142 {animation-name: fadeACT; animation-duration: 1.2s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx05.act img.secImg211 {position: relative; animation-name: fadeMoveACT; animation-duration: 1s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx05.act img.secImg212 {animation-name: fadeACT; animation-delay: 0.3s; animation-duration: 0.8s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx06.act img.secImg221 {animation-name: fadeACT; animation-duration: 1.5s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx06.act img.secImg222 {animation-name: fadeMoveACT; animation-delay: 0.3s; animation-duration: 1.2s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx07.act img.secImg231 {animation-name: fadeACT; animation-duration: 0.3s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx08.act img.secImg311 {position: relative; animation-name: fadeMoveACT; animation-duration: 1.2s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx08.act img.secImg312 {position: relative; animation-name: fadeACT; animation-delay: 0.3s; animation-duration: 1.5s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx09.act img.secImg321 {animation-name: fadeACT; animation-duration: 0.3s; animation-fill-mode: forwards;}

.culture_biz .img_box.bx10.act img.secImg411 {animation-name: fadeMoveACT_left; animation-duration: 1s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx10.act img.secImg412 {animation-name: fadeMoveACT1; animation-delay: 0.3s; animation-duration: 1.2s; animation-fill-mode: forwards;}
.culture_biz .img_box.bx10.act img.secImg421 {animation-name: fadeMoveACT_left; animation-delay: 0.6s; animation-duration: 1.7s; animation-fill-mode: forwards;}



@keyframes fadeACT {
	0% {opacity: 0}
	100% {opacity: 1}
}

@keyframes fadeMoveACT {
	0% {opacity: 0; top: -90px;}
	100% {opacity: 1; top: 0px;}
}

@keyframes fadeMoveACT1 {
	0% {opacity: 0; top: -90px;}
	100% {opacity: 1; top: 70px;}
}

@keyframes fadeMoveACT_left {
	0% {opacity: 0; left: -90px;}
	100% {opacity: 1; left:  0px;}
}


@media screen and (max-width: 1615px) {
	.safeBox {width: calc(100% - 196px);}
	.resp_tb {display: none;}

	.culture_biz .img_box {font-size: 10px;}
	.culture_biz .img_box.bx01>div {margin-left: 62.5%;}
	.sec01 .secImg111 {width: 51.6%;}
	.sec01 .secImg112 {width: 25.1%;}

	.culture_biz .img_box.bx02>div {top: 7rem}
	.sec01 .secImg121 {width: 50%; right: 12%;}
	.sec01 .secImg122 {width: 21.6%; right: 0px;}

	.culture_biz .img_box.bx03>div {left: 57%;}
	.culture_biz .img_box.bx04 {margin-top: -30%;}

	.culture_biz .img_box.bx05>div {width: auto; margin-right: 3%; left: 0;}
	.sec02 .secImg211 {width: 51.6%;}
	.sec02 .secImg212 {width: 25.1%;}
	
	.culture_biz .img_box.bx06 {padding-bottom: 14%;}
	.culture_biz .img_box.bx06>div {left: 0px;}
	.sec02 .secImg221 {width: 54%; right: 13%;}
	.sec02 .secImg222	{width: 21.6%; margin-right: 0px;}

	.culture_biz .img_box.bx07 {margin-left: 27%;}
	.culture_biz .img_box.bx07>div {top: 6em; }
	.sec02 .secImg231 {width: 45%;}
	
	.culture_biz .img_box.bx08>div.txt01 {width: auto; margin-top: -20%; margin-left: 62%; float: left;}
	.sec03 .secImg311 {width: 50%;}
	.culture_biz .img_box.bx08>div.txt02 {top: 55%;}
	.sec03 .secImg312 {width: 25%;}
	
	.culture_biz .img_box.bx09 {padding-bottom: 10%;}
	.culture_biz .img_box.bx09>div {left: 21%;}
	.sec03 .secImg321 {width: 50%;}
	
	.culture_biz .img_box.bx10 {padding-bottom: 40%;}
	.culture_biz .sec04 {background-position: bottom;}
	.sec04 .secImg411 {width: 45%;}
	.sec04 .secImg412 {width: 25%;}
	.sec04 .secImg421 {width: 45%;}
}



img.pcOnly {display: inline-block;}
.moOnly {display: none;}
@media screen and (max-width: 1347px) {	
	img.pcOnly {display: none;}
	.moOnly {display: block;}
	
	.safeBox {width: calc(100% - 64px); margin: 0 0 0 49px;}

	.subVisual.culture_biz {width: calc(100% - 64px); height: 485px; padding-top: 60px; margin-left: 49px;}
	
	/* .culture_biz .opsec {background-size: contain;} */
	.culture_biz .sec01 {background-image: url(/img/bg/c_culture_bg01_mo.jpg); background-position: 0 80px; padding-top: 80px;}
	.culture_biz .sec02 {background-image: url(/img/bg/c_culture_bg02_mo.jpg); background-position: bottom;}
	.culture_biz .sec03 {background-image: url(/img/bg/c_culture_bg03_mo.jpg);}
	.culture_biz .sec04 {background-image: url(/img/bg/c_culture_bg04_mo.jpg); background-repeat: no-repeat; padding-bottom: 70px;}
	
	.page_title {font-size: 20px;}
	.big_tit {font-size: 33px;}

	span.line {margin: 50px 0 30px;}

	.page_exp,
	.big_tit_exp {font-size: 12px;}

	.culture_biz .sv_img {width: 70%;}
	
	.culture_biz .opsec .img_box {margin: 0; padding: 0px;}
	.culture_biz .opsec .img_box>div {margin: 0 auto; padding-bottom: 0; text-align: center; float: none; top: 0; left: 0; position: relative;}
	.culture_biz .opsec .img_box>div>p {font-size: 17px;}
	.culture_biz .opsec .img_box>div>p>span {font-size: 25px;}
	.culture_biz .opsec .img_box>div>div {font-size: 12px;}
	.culture_biz .opsec .img_box>img {width: 100%; margin-top: 30px;}

	.culture_biz .biz_tit {padding-top: 50px; font-size: 38px;}
	.culture_biz .biz_tit_exp {font-size: 12px; margin-top: 10px; margin-bottom: 50px; letter-spacing: -0.05em;}


	.culture_biz .opsec .bx01>div>p, 
	.culture_biz .opsec .bx01>div>div {padding: 0;}	

	.culture_biz .img_box.bx02,
	.culture_biz .img_box.bx03,
	.culture_biz .img_box.bx04,
	.culture_biz .img_box.bx06,
	.culture_biz .img_box.bx07,
	.culture_biz .img_box.bx08,
	.culture_biz .img_box.bx09 {margin-top: 70px;}
	
	.culture_biz .img_box.bx07 {padding-bottom: 75px;}

	.culture_biz .img_box>div, 
	.culture_biz .opsec .bx03>div>p,
	.culture_biz .opsec .bx03>div>div {left: 0; padding: 0;}

	.culture_biz .img_box.bx04>div {top: 0; left: 0;}
	.culture_biz .img_box.bx04>img {padding-bottom: 60px;}


	.culture_biz .opsec .bx05>div>p,
	.culture_biz .opsec .bx05>div>div {left: 0; padding: 0;}

	.culture_biz .opsec .bx07>div>p,
	.culture_biz .opsec .bx07>div>div {left: 0; padding: 0;}
	
	.culture_biz .opsec .bx08>div.txt01 {float: none;}	
	.culture_biz .opsec .bx08>div.txt01>p, 
	.culture_biz .opsec .bx08>div.txt01>div {padding: 0}

	.culture_biz .opsec .bx08>div.txt02 {float: none; top: 0; left: 0; position: relative; margin-top: 70px;}
	.culture_biz .opsec .bx08>div.txt02>p, 
	.culture_biz .opsec .bx08>div.txt02>div {padding: 0}

	.culture_biz .img_box.bx08>div.txt01 {margin: 0;}


	footer {position: relative; bottom: 0%; font-size: 12px; margin-top: 0; margin-bottom: 60px; width: calc(100% - 64px); margin-left: 49px;} 
	
}

@media screen and (max-width: 425px) {
	.big_tit {font-size: 27px;}
	.culture_biz .sv_img {width: 70%; margin-left: -35%; top: 91%;}
}

@media screen and (max-width: 360px) {
	.culture_biz .sv_img {top: 93%;}
}

@media screen and (max-width: 320px) {
	.culture_biz .sv_img {top: 94%;}
}