@charset "utf-8";

.mainimg {
	background-image: url("../images/ws_mainimg_pc.jpg");
}
@media screen and (min-width:541px) and (max-width: 1024px) {
	
}
@media screen and (max-width: 540px) {
	.mainimg {
		background-image: url("../images/ws_mainimg_sp.jpg");
	}
}

.pb1 {
	padding-top: 200px;
}
.toplead {
	line-height: 2.0em;
	font-weight: 500;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 130px;
}

.office_wrap {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}
.office_wrap .officename {
	/*width: 530px;*/
	width: 47%;
	border-bottom: #008348 solid 5px;
	position: absolute;
	top: 0;
	z-index: 2;
}
.office_wrap .type1 {
	left: 0;
}
.office_wrap .type2 {
	right: 0;
	text-align: right;
}
.office_wrap .officename p {
	color: #008348;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.office_wrap .officename p span {
	background-image: url("../../common/images/icn_y_green.svg");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 11px auto;
	padding-right: 16px;
}
.office_wrap .officename h2 {
	font-size: 56px;
	font-weight: 500;
	padding-top: 20px;
	padding-bottom: 35px;
}
.office_wrap .inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	
	position: relative;
	z-index: 1;
}
.office_wrap .inner .lead {
	width: 35%;
	padding-top: 160px;
}
.office_wrap .inner .officeimg {
	width: 58%;
	display: flex;
	justify-content: space-between;
}
.office_wrap .inner .officeimg .imgsbox {
	width: 49.5%;
	line-height: 0;
}
.office_wrap .inner .officeimg .imgsbox img:nth-of-type(1) {
	margin-bottom: 2%;
}
.office_wrap .inner .officeimg .imgsbox-full {
	width: 100%;
	line-height: 0;
}
.office_wrap .inner .order1 {
	order:1;
}
.office_wrap .inner .order2 {
	order:2;
}

/* 地名PNG */
.office_nameimg_wrap {
	width: 100%;
	background-image: url("../images/bg.png");
	background-repeat: repeat-x;
	background-position: top;
	z-index: 0;
}
.osaka {
	background-size: auto 284px;
}
.kyoto {
	background-size: auto 295px;
	border-top: #fff solid 200px;
}
.tokyo {
	background-size: auto 300px;
	border-top: #fff solid 200px;
}
.office_nameimg {
	/*max-width: 1600px;*/
	width: 100%;
	margin-top: -90px;
	line-height: 0;
}
.tb {
	border-bottom: #fff solid 200px;
}

@media screen and (min-width:541px) and (max-width: 1024px) {
	
}
@media screen and (max-width: 540px) {
	.toplead {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.office_wrap {
		max-width: none;
	}
	.office_wrap .officename {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		border-bottom: #008348 solid 3px;
		position: relative;
	}
	.office_wrap .officename h2 {
		font-size: 36px;
		font-weight: 500;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.office_wrap .inner {
		width: 100%;
		display: block;
	}
	.office_wrap .inner .lead {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.office_wrap .inner .officeimg {
		width: 70%;
		display: block;
	}
	.kyotoimg .officeimg {
		margin-left: 30%;
	}
	.office_wrap .inner .officeimg .imgsbox {
		width: 100%;
	}
	.office_wrap .inner .officeimg .imgsbox img {
		margin-bottom: 0 !important;
		margin-top: 4px;
	}
	
	
	
	
	
	/* 地名PNG */
	.office_nameimg_wrap {
		width: 100%;
		background-image: none;
	}
	.office_nameimg {
		display: none;
	}
	.osaka {
		
	}
	.kyoto {
		border-top: #fff solid 80px;
	}
	.tokyo {
		border-top: #fff solid 80px;
	}
	
	/* SP */
	.osakaimg {
		width: 100%;
		background-image: url("../images/osake2.png");
		background-repeat: repeat-x;
		background-position: top right;
		background-size: cover;
	}
	.kyotoimg {
		width: 100%;
		background-image: url("../images/kobe2.png");
		background-repeat: repeat-x;
		background-position: top left;
		background-size: cover;
	}
	.tokyoimg {
		width: 100%;
		background-image: url("../images/tokyo2.png");
		background-repeat: repeat-x;
		background-position: top right;
		background-size: cover;
		border-bottom: #fff solid 100px;
	}
}