@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( ( 67px - var(--t_vision) ) * 4 / 4);
	margin-bottom: calc( ( 140px - var(--b_vision) ) * 4 / 4);
}

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

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

/* ------------------------- .p-news_d ------------------------------ */

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

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

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




/* .t-cms_content_main */

.t-cms_content{
	--sub_w: 300px;
}

@media screen and (min-width: 1031px) {

	.t-cms_content_main_in{
		max-width: 83.5%;
	}

}

/* .t-cms_content_sub */

.t-cms_content_sub_control_block_text{
	background-color: transparent;
}

.t-cms_content_sub_control_block_img figure{
	height: 52px; 
	background-color: #1D8888;
}

/* .p-news_d_bottom */


.p-news_d_bottom{

}

.p-news_d_bottom .m-row{
	--row_x: 40px;
	--row_y: 0px;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 700px) {
	.p-news_d_bottom .m-row{
		--row_x: 20px;
	}
}

/* .p-news_d_bottom_arrow_obj */

.p-news_d_bottom_arrow_obj{
	--wk_tm: 1em;
	font-size: 18px;
	font-family: "Marcellus", serif;
	font-weight: 400;
}

.p-news_d_bottom_arrow_obj .m-flex_text{
	--data_x: var(--wk_tm);
}

a .p-news_d_bottom_arrow_obj .m-flex_text_img{
	width: 0.77em;
	color: #A7A7A7;
	transition: color 0.4s ease 0s;
}

.gc-normal a:hover .p-news_d_bottom_arrow_obj .m-flex_text_img{
	color: #1D8888;
}

@media screen and (max-width: 500px) {
	.p-news_d_bottom_arrow_obj{
		--wk_tm: 0.5em;
	}
}