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

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

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

/* ------------------------- .p-flow ------------------------------ */

.p-flow{
	/*padding-top: calc(  80px * 4 / 4);*/
	padding-bottom: calc( 160px * 4 / 4);
}

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

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




/* .t-cms_content_sub_lis */

.t-cms_content_sub_list .t-cms_content_sub_list_text .m-flex_text{
	--data_x: 0px;
	font-family: "Zen Old Mincho", serif;
}

.t-cms_content_sub_list .t-cms_content_sub_list_text .m-flex_text .m-flex_text_lead:nth-child(1){
	width: 24px;
}

@media screen and (max-width: 700px) {
	.t-cms_content_sub_list .t-cms_content_sub_list_text .m-flex_text .m-flex_text_lead:nth-child(1){
		width: 18px;
	}
}

@media screen and (min-width: 1031px) {
	.t-cms_content_main_in{
		max-width: 86.5%;
	}
}

/* .p-flow_row_wrap */

.p-flow_row_wrap{
	margin: 0 0 calc( 200px * 4 / 4) 0;
}

@media screen and (max-width: 900px) {
	.p-flow_row_wrap{
		margin: 0 0 calc( 200px * 3 / 4) 0;
	}
}

@media screen and (max-width: 700px) {
	.p-flow_row_wrap{
		margin: 0 0 calc( 200px * 2 / 4) 0;
	}
}

.p-flow_row{
	display: flex;
	justify-content: space-between;
}

.p-flow_row_text{
	padding: 0 30px 0 0;
	white-space: nowrap;
}

.p-flow_row_title01{
	font-size: 32px;
	line-height: 1.75;
	font-family: "Zen Old Mincho", serif;
}

.p-flow_row_img{
	width: 51.05%;
}


@media screen and (max-width: 900px) {
	.p-flow_row_title01{
		font-size: 27px;
	}
}

@media screen and (max-width: 700px) {
	.p-flow_row_title01{
		font-size: 22px;
		margin: 0 0 30px 0;
	}

	.p-flow_row{
		text-align: center;
		flex-wrap: wrap;
	}

	.p-flow_row_text{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
	}

	.p-flow_row_img{
		width: 100%;

	}

}

/* .p-flow_block_wrap */

.p-flow_block_wrap{
	--block_m: 105px;
	margin: calc( -1 * var(--block_m) ) 0 0 0;
}

.p-flow_block{
	padding: var(--block_m) 0 0 0;
}

.p-flow_block_in{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr 16.2% 33.73%;
}

.p-flow_block_text{
	grid-row: 1 / 1;
	grid-column: 1 / 2;
}

.p-flow_block_head{
	grid-row: 1 / 1;
	grid-column: 2 / 3;
}

.p-flow_block_img{
	grid-row: 1 / 1;
	grid-column: 3 / 4;
}

@media screen and (max-width: 900px) {
	.p-flow_block_in{
		grid-template-rows: auto auto;
		grid-template-columns: 70px 1fr;
	}

	.p-flow_block_text{
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}

	.p-flow_block_head{
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}

	.p-flow_block_img{
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}

}

@media screen and (max-width: 700px) {
	.p-flow_block_in{
		grid-template-rows: auto auto;
		grid-template-columns: 60px 1fr;
	}
	.p-flow_block_text{
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}

	.p-flow_block_head{
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}

	.p-flow_block_img{
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}
}

.p-flow_block_in{
	margin: 0 0 8px 0;
}

.p-flow_block:last-child{
	margin-bottom: 0;
}

.p-flow_block:last-child .p-flow_block_head_bar{
	display: none;
}

.p-flow_block:last-child > *{
	padding-bottom: 0px;
}

/*
.p-flow_block_in > *{
	padding-bottom: var(--block_m);
}*/

.p-flow_block_head{
	order: 2;
	text-align: center;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	padding-bottom: 0 !important;
}

.p-flow_block_head_in{
	display: flex;
	flex-direction: column;
	min-width: 35px;
	max-width: 35px;
}

.p-flow_block_head_number{
	font-size: 24px;
	font-family: "Marcellus", serif;
	line-height: 1;
	color: #1D8888;
	padding: 12px 0 18px 0;
}

.p-flow_block_head_bar{
	flex-grow: 1;
	position: relative;
	display: flex;
	justify-content: center;
}

.p-flow_block_head_bar::after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: calc( 100% + var(--block_m) ) ;
	background-color: #818181;
	margin: 0 0 0 -0.5px;
}

.p-flow_block_text{
	order: 1;
	flex-grow: 1;
}

.p-flow_block_title01{
	font-size: 28px;
	line-height: 1.75;
	font-family: "Zen Old Mincho", serif;
	margin: -6px 0 26px 0;
}

.p-flow_block_lead{
	line-height: 2;
}

.p-flow_block_img{
	order: 3;
}

.p-flow_block_img_in{

}

.p-flow_block_img .m-img_thumb{
	padding-bottom: 74.2%;
	border-radius: 6px;
}

@media screen and (max-width: 900px) {
	.p-flow_block_wrap{
		--block_m: 60px;
	}
	.p-flow_block_head{
		justify-content: flex-start;
	}
	.p-flow_block_head_number{
		padding-top: 0;
	}
	.p-flow_block_title01{
		font-size: 25px;
		margin: 0 0 18px 0;
	}
	.p-flow_block_img{
		padding-bottom: 0px;
		margin-bottom: 30px;
	}
	.p-flow_block_img_in{
		max-width: 280px;
	}
}

@media screen and (max-width: 700px) {
	.p-flow_block_title01{
		font-size: 22px;
		margin: 0 0 12px 0;
	}
}

/* .p-flow_info */

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

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

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

.p-flow_info_block{
	background-color: #EFEFEF;
	border-radius: 6px;
	padding: 60px 50px;
}

.p-flow_info_block_in{
	margin: 0 0 0 0;
}

.p-flow_info_title01{
	font-size: 24px;
	line-height: 1.75;
	font-family: "Zen Old Mincho", serif;
	color: #1D8888;
	margin: 0 0 28px 0;
}

.p-flow_info_lead{

}

.p-flow_info_bottom{
	font-size: 12px;
	line-height: 2;
	margin: 52px 0 0 0;
}

@media screen and (max-width: 900px) {
	.p-flow_info_block{
		padding: 50px 30px;
	}
	.p-flow_info_title01{
		font-size: 23px;
		margin: 0 0 20px 0;
	}
	.p-flow_info_bottom{
		margin: 40px 0 0 0;
	}
}

@media screen and (max-width: 700px) {
	.p-flow_info_block{
		padding: 30px 20px;
	}
	.p-flow_info_title01{
		font-size: 22px;
		margin: 0 0 16px 0;
	}
	.p-flow_info_bottom{
		margin: 35px 0 0 0;
	}
}

/* .p-flow_04_row */

.p-flow_04_row{
	margin: 30px 0 0 0;
}

.p-flow_04_row > .m-row{
	--row_x: 14px;
	--row_y: 30px;
	align-items: center;
}

.p-flow_04_block{
	background-color: #FAFAFA;
	padding: 10px 0;
	box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.16);
}

.p-flow_04_block_in{
	display: flex;
}

.p-flow_04_block_in > *{
	padding: 0 20px;
}

.p-flow_04_block_head{
	white-space: nowrap;
	font-size: 18px;
	font-family: "Marcellus", serif;
	line-height: 1;
	color: #1D8888;
	display: flex;
	align-items: center;
}

.p-flow_04_block_text{
	flex-grow: 1;
	font-size: 12px;
	line-height: 1.66;
	border-left: 1px solid #C3C3C3;
}

.p-flow_04_row .m-btn_wrap.type01 .m-btn{
	min-height: 34px;
}

.p-flow_04_row .m-btn_wrap.type01 .m-btn .m-flex_text{
	--data_x: 11px;
}