@charset "UTF-8";

/** *********************** **/

/*
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
font-family: 'Roboto', sans-serif;
	font-weight: 500;
font-family: 'Roboto', sans-serif;
	font-weight: 700;
*/

/** *********************** **/

.cnt_title_wrap {
	width: 100%;	
	background: #e8f6fd;	
}
.cnt_title {
	width: 100%;
	height: 53.33vw;
	padding-top: 9.33vw; 
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.cnt_title::after {
	content: "";
	width: 32.53vw;
	height: 40.53vw;
	background: url("../pc_img/office/cnt_title_img.png") no-repeat;
	background-size: 32.53vw auto;
	position: absolute;
	top: 29.33vw;
	left: 50%;
	margin-left: -16.262vw;
	z-index: 9;
}
.cnt_title h2 {
	font-size: 8.8vw;
	line-height: 1;
	font-weight: 700;
}
.cnt_title h2::after {
	content: "Office";
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 5.33vw;
	line-height: 1;
	color: #009edf;
	display: block;
	margin-top: 4vw;
}

/** *********************** **/

.office_list_wrap {
	width: 100%;
	padding: 24vw 0 13.33vw 0;
}
.office_list {
	width: 89.33vw;
	margin: 0 auto;
}
.office_list h3 {
	font-size: 6.66vw;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin-bottom: 14.66vw;
}
.office_list h3::after {
	content: "";
	width: 0.26vw;
	height: 5.33vw;
	background: #009edf;
	position: absolute;
	bottom: -10vw;
	left: 50%;
}
.office_list li {
	width: 89.33vw;
	background: #fff url("../pc_img/index/mv_icn_01.png") no-repeat top 6.66vw center;
	background-size: 18.66vw auto;
	border: 0.26vw solid #009edf;
	border-radius: 2.66vw;
	margin-bottom: 10.66vw;
	text-align: center;
}
.office_list li:nth-of-type(3) {
	margin-bottom: 0;
}
.office_list li dl {
	padding: 17.33vw 0 2.66vw 0;
}
.office_list li dt {
	font-size: 6.13vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 4vw;
}
.office_list li:nth-of-type(1) dd a {
	width: 74.66vw;
	border: 0.26vw solid #009edf;
	border-radius: 2.66vw;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 6.66vw;
	line-height: 1;
	background: url("../pc_img/index/mv_icn_02.png") no-repeat top 4.26vw left 7.2vw;
	background-size: 4.8vw auto;
	padding: 4vw 0 4vw 6.66vw;
	margin: 0 auto;
}
.office_list li:nth-of-type(2) dd a,
.office_list li:nth-of-type(3) dd a {
	width: 74.66vw;
	border: 0.26vw solid #009edf;
	border-radius: 2.66vw;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 6.66vw;
	line-height: 1;
	background: url("../pc_img/index/mv_icn_02.png") no-repeat top 4.26vw left 13.33vw;
	background-size: 4.8vw auto;
	padding: 4vw 0 4vw 6.66vw;
	margin: 0 auto;
}
.office_list li dd span {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 2.93vw;
	line-height: 1;
	vertical-align: middle;
}
.office_list li p {
	font-size: 3.46vw;
	line-height: 5.06vw;
	margin-bottom: 4vw;
}
.office_list li div {
	width: 89.33vw;
	height: 12.8vw;	
}
.office_list li div a {
	display: block;
	width: 89.33vw;
	height: 12.8vw;	
	font-size: 4.26vw;
	line-height: 12.8vw;
	font-weight: 700;
	color: #fff;
	background: #009edf url("../pc_img/index/mv_icn_03.png") no-repeat top 4.8vw right 4vw;
	background-size: 8vw auto;
	border-radius: 0 0 2.66vw 2.66vw;
}