@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( ( 70px - 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( ( 70px - 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( ( 70px - var(--b_vision) ) * 2 / 4);
	}
}

/* ------------------------- .p-office ------------------------------ */

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

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

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

/* .p-office_btn */

.p-office_btn{
	padding: 0 0 calc( 95px * 4 / 4 ) 0;
	white-space: nowrap;
}

.p-office_btn > .m-row{
	--row_x: 16px;
	--row_y: 16px;
}

.p-office_btn > .m-row > .m-col{
	width: 50%;
}

@media screen and (max-width: 900px) {
	.p-office_btn{
		padding: 0 0 calc( 95px * 3 / 4 ) 0;
		white-space: nowrap;
	}
}

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

/* .p-office_btn .m-btn */

@media screen and (max-width: 1030px){
	.p-office_btn > .m-row > .m-col{
		width: 50%;
	}
	.p-office_btn .m-btn_wrap.type03 .m-btn{
		font-size: 16px;
	}
}

@media screen and (max-width: 700px){
	.p-office_btn{
		padding: 0 0 calc( 95px * 2 / 4 ) 0;
		white-space: nowrap;
	}
	.p-office_btn > .m-row > .m-col{
		width: 100%;
	}
	.p-office_btn .m-btn_wrap.type03 .m-btn{
		padding-left: 0;
		padding-right: 0;
	}
}

/* p-office_content_wrap */

.p-office_content_wrap{

}

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

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

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

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

.p-office_content_title01{
	font-size: 40px;
	font-family: "Marcellus", serif;
	font-weight: 400;
	color: #1D8888;
	line-height: 1.4;
	border-bottom: 1px solid #C3C3C3;
	padding: 0 0 10px 0;
	margin: 0 0 56px 0;
}

.p-office_content_title01 span{
	display: block;
	transform: translateY(0px);
}

@media screen and (max-width: 900px) {
	.p-office_content_title01{
		font-size: 32px;
		margin: 0 0 42px 0;
	}
}

@media screen and (max-width: 700px){
	.p-office_content_title01{
		font-size: 24px;
		margin: 0 0 42px 0;
	}
}

/* .p-office_row */

.p-office_row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -58px -58px 0;
}

.p-office_row > *{
	padding: 0 58px 58px 0;
}

.p-office_row_img{
	width: 50%;
}

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

.p-office_row_text{
	width: 50%;
}

@media screen and (max-width: 900px) {
	.p-office_row{
		margin: 0 -30px -30px 0;
	}

	.p-office_row > *{
		padding: 0 30px 30px 0;
	}
}

@media screen and (max-width: 700px) {
	.p-office_row_img{
		width: 100%;
	}

	.p-office_row_text{
		width: 100%;
	}
}

.p-office_row .m-lead_block{
	margin: 0 0 25px 0;
}

.p-office_row_info{
	font-size: 14px;
	line-height: 2;
	margin: 0 0 25px 0;
}

.p-office_region_wrap{
	margin: 0 0 38px 0;
}

.p-office_region{
	display: flex;
	align-items: center;
	margin: 0 -20px -20px 0;
}

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

.p-office_region_head{
	
}

.p-office_region_head_obj{
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	background-color: #EFEFEF;
	min-height: 32px;
	padding: 5px 15px;
	white-space: nowrap;
}

.p-office_region_text{
	flex-grow: 1;
	font-size: 14px;
}

@media screen and (max-width: 900px) {
	.p-office_region{
		flex-wrap: wrap;
	}
	.p-office_region > *{
		width: 100%;
	}
}

.p-office_row_btn{

}

.p-office_row_btn > .m-row{
	--row_x: 24px;
	--row_y: 24px;
}
.p-office_row_btn > .m-row > .m-col{
	width: auto;
}

/* .p-office_images */

.p-office_images{

}

.p-office_images > .m-row{
	--row_x: 28px;
	--row_y: 28px;
}

.p-office_images > .m-row > .m-col{
	width: 33.3%;
}

/* .p-office_btn .m-btn */

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

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

/* .p-office_map_area */

.p-office_map_area{
	display: flex;
	justify-content: center;
}

.p-office_map_wrap{
	max-width: 840px;
	width: 100%;
}

.p-office_map{
	position: relative;
	height: 470px;
}

.p-office_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-office_map_caption{
	font-size: 12px;
	display: flex;
	justify-content: flex-end;
	margin: 33px 0 0 0;
}