@charset "UTF-8";

:root{
}

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

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

}

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

}

.t-page_vision_img_area{
	margin-top: calc( ( 64px - var(--t_vision) ) * 4 / 4);
	margin-bottom: calc( ( 90px - var(--b_vision) ) * 4 / 4);
}

@media screen and (max-width: 900px) {
	.t-page_vision_img_area{
		margin-top: calc( ( 64px - var(--t_vision) ) * 3 / 4);
		margin-bottom: calc( ( 90px - var(--b_vision) ) * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.t-page_vision_img_area{
		margin-top: calc( ( 64px - var(--t_vision) ) * 2 / 4);
		margin-bottom: calc( ( 90px - var(--b_vision) ) * 2 / 4);
	}
}

/* ------------------------- .p-teganuma-life ------------------------------ */

.p-teganuma-life{
	padding-top: calc(  0px * 4 / 4);
	padding-bottom: calc( 180px * 4 / 4);
}

@media screen and (max-width: 900px) {
	.p-teganuma-life{
		padding-top: calc(  0px * 4 / 4);
		padding-bottom: calc( 180px * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life{
		padding-top: calc(  0px * 4 / 4);
		padding-bottom: calc( 180px * 2 / 4);
	}
}

.p-teganuma-life_row{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .p-teganuma-life_text */

.p-teganuma-life_text{
	width: 380px;
}

.p-teganuma-life_text_title01{
	font-size: 32px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	line-height: 1.75;
	margin: 0 0 85px 0;
	white-space: nowrap;
}

.p-teganuma-life_text_lead{
	line-height: 2;
}

@media screen and (max-width: 900px) {
	.p-teganuma-life_text_title01{
		font-size: 27px;
		margin: 0 0 60px 0;
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_text{
		width: 100%;
		text-align: center;
	}
	.p-teganuma-life_text_title01{
		font-size: 22px;
		margin: 0 0 40px 0;
	}
}

/* .p-teganuma-life_image */

.p-teganuma-life_image{
	width: calc(100% - 380px);
	flex-grow: 1;
	flex-shrink: 1;
	padding: 130px 0 130px 0;
	display: flex;
	justify-content: flex-end;
}


.p-teganuma-life_image_in{
	width: 100%;
	max-width: 77%;
}

@media screen and (max-width: 1030px) {
	.p-teganuma-life_image_in{
		max-width: 100%;
		padding: 0 0 0 30px;
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_image_in{
		padding: 0 0 0 0;
	}
}

.p-teganuma-life_image_vision_wrap{
	position: relative;
	padding-bottom: 123.2%;
}

.p-teganuma-life_image_vision{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.p-teganuma-life_image_list_zone{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	margin: 0 -5px 0 0;
}

.p-teganuma-life_image_list_area{
	padding: 0 5px 0 0;
}

.p-teganuma-life_image_list_area:nth-child(1){
	width: 66.1%;
	flex-grow: 1;
}

.p-teganuma-life_image_list_area:nth-child(2){
	width: 33.9%;
}

.p-teganuma-life_image_list_area:nth-child(1) .p-teganuma-life_image_list_wrap.gc-active{
	animation: up_animation 20.0s infinite linear;
}

.p-teganuma-life_image_list_area:nth-child(2) .p-teganuma-life_image_list_wrap.gc-active{
	animation: down_animation 20.0s infinite linear;
}

@keyframes up_animation{
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-50%);
	}
}

@keyframes down_animation{
	0%{
		transform: translateY(-50%);
	}
	100%{
		transform: translateY(0%);
	}
}

.p-teganuma-life_image_list{


}

.p-teganuma-life_image_list li{
	padding: 0 0 5px 0;
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_row{
		flex-wrap: wrap;
		margin: 0 -25px 0 -20px;
	}
	.p-teganuma-life_text{
		width: 100%;
		margin: 0 0 50px 0;
	}
	.p-teganuma-life_image{
		width: 100%;
		padding: 0;
	}
}

.p-teganuma-life_movie{
	margin-top: calc( 160px * 4 / 4);
}

@media screen and (max-width: 900px) {
	.p-teganuma-life_movie{
		margin-top: calc( 160px * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_movie{
		margin-top: calc( 160px * 2 / 4);
	}
}

.p-teganuma-life_movie .m-works_block_wrap{
	max-width: 840px;
	margin: 0 auto;
}

/* ------------------------- .p-teganuma-life_news ------------------------------ */

.p-teganuma-life_news{
	background-color: #EFEFEF;
	padding-top: calc(  200px * 4 / 4);
	padding-bottom: calc( 160px * 4 / 4);
}

@media screen and (max-width: 900px) {
	.p-teganuma-life_news{
		padding-top: calc( 200px * 3 / 4);
		padding-bottom: calc( 160px * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_news{
		padding-top: calc( 200px * 2 / 4);
		padding-bottom: calc( 160px * 2 / 4);
	}
}

/* .p-top_news_content_main_in */

.p-top_news_content_main_in{
	padding-top: 60px;
}

@media screen and (max-width: 900px) {
	.p-top_news_content_main_in{
		padding-top: 0px;
	}
}

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

/* ------------------------- .p-teganuma-life_archieve ------------------------------ */


.p-teganuma-life_archieve{
	padding-top: calc(  130px * 4 / 4);
	padding-bottom: calc( 300px * 4 / 4);
}

@media screen and (max-width: 900px) {
	.p-teganuma-life_archieve{
		padding-top: calc(  130px * 3 / 4);
		padding-bottom: calc( 300px * 3 / 4);
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_archieve{
		padding-top: calc(  130px * 2 / 4);
		padding-bottom: calc( 300px * 2 / 4);
	}
}

.p-teganuma-life_archieve_in{

}

/* .p-teganuma-life_archieve_btn */

.p-teganuma-life_archieve_btn{
	margin: 86px 0 60px 0;
}

.p-teganuma-life_archieve_btn > .m-row{
	--row_x: 18px;
	--row_y: 18px;
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_archieve_btn > .m-row{
		--row_x: 18px;
		--row_y: 18px;
	}
	.p-teganuma-life_archieve_btn > .m-row > .m-col {
		width: 100%;
	}

	.p-teganuma-life_archieve_btn{
		margin: 60px 0 60px 0;
	}

}


/* .p-teganuma-life_archieve_list */

.p-teganuma-life_archieve_list{
}

.p-teganuma-life_archieve_list .m-row{
	--row_x: 30px;
	--row_y: 70px;
}

.p-teganuma-life_archieve_list .m-row > .m-col{
	width: 25%;
}

.p-teganuma-life_archieve_list .m-works_block_title01{
	font-size: 15px;
	margin: 0 0 10px 0;
}

@media screen and (max-width: 900px) {
	.p-teganuma-life_archieve_list .m-row > .m-col{
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	.p-teganuma-life_archieve_list .m-row{
		--row_x: 0px;
		--row_y: 50px;
	}
	.p-teganuma-life_archieve_list .m-row > .m-col{
		width: 100%;
	}
}