@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
事務所一覧ページ
---------------------------------------------------------------------- */

.office__box section h3 {
	padding: 0.4em 0;
	background: #3E3A39;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin:0 auto;
}
.office__box section {
	width:80%;
	margin:0 auto;
	padding-top:50px;
}

.office__box section dl {
	margin:20px auto 50px auto;
	width:80%;
	border:2px solid #cccccc;
	padding:15px;
}
.office__box section dt {
	margin: 0;
	text-align:center;
	font-size:18px;
	color:#006934;
	line-height:1.7;
}
.office__box section dd {
	margin:0;
	line-height:2;
	text-align:center;
}
.office__box section dd .label_b,
.office__box2 section dd .label_b {
	background-color:#000000;
	color:#ffffff;
	padding:3px;
}
.office__box section dd .label_b {
	margin-right:5px;
}
.office__box section dd .label_b_box1 {
	margin-right:15px;
}
.office__box2 section dd .label_b {
	margin-right:5px;
}
.office__box2 section dd .label_b_box1 {
	margin-right:15px;
}

.office__box2 section {
	width:80%;
	margin:0 auto;
	padding-bottom:50px;
}
.office__box2 section h4 {
	padding: 0.4em 0;
	background: #3E3A39;
	border-radius: 30px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin:0 auto 5px;
}
.office__box2 section:after {
	display: block;
	clear: left;
	content: "";
}

.office__box2 section dl {
	width:49.5%;
	float:left;
	border:2px solid #cccccc;
	margin:15px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.office__box2 section dl:nth-of-type(odd) {
	margin-right:1%;
}
.office__box2 section dt {
	text-align:left;
	font-size:18px;
	color:#006934;
	position: relative;
	cursor:pointer;
	padding:15px;
}
.office__box2 section dt:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	position: absolute; 
	top: 7px;
	right: 10px;
	color:#009647;
	font-size:28px;
	content: "\f0d7";
}
.office__box2 section dd {
	margin:0;
	line-height:2;
	padding: 0 15px;
}
.office__box2 section dd:nth-of-type(2) {
	padding-bottom:15px;
}
.office__box2 section dd br {
	display:none;
}
.office__box2 section dd .toku85 {
	padding:0;
}

.office__box2 section dd .br85 {
	display:inline;
}
/* ---------
.office__box2 section .dl85{height:155px;}
------------ */

.zimu1, .zimu2, .zimu3, .zimu4, .zimu5, .zimu6, .zimu7, .zimu8, .zimu9, .zimu10,
.zimu11, .zimu12, .zimu13, .zimu14, .zimu15, .zimu16, .zimu17, .zimu18, .zimu19, .zimu20,
.zimu21, .zimu22, .zimu23, .zimu24, .zimu25, .zimu26, .zimu27, .zimu28, .zimu29, .zimu30,
.zimu31, .zimu32, .zimu33, .zimu34, .zimu35, .zimu36, .zimu37, .zimu38, .zimu39, .zimu40,
.zimu41, .zimu42, .zimu43, .zimu44, .zimu45, .zimu46, .zimu47, .zimu48, .zimu49, .zimu50,
.zimu51, .zimu52, .zimu53, .zimu54, .zimu55, .zimu56, .zimu57, .zimu58, .zimu59, .zimu60,
.zimu61, .zimu62, .zimu63, .zimu64, .zimu65, .zimu66, .zimu67, .zimu68, .zimu69, .zimu70,
.zimu71, .zimu72, .zimu73, .zimu74, .zimu75, .zimu76, .zimu77 {
	display:none;
}

.zimuon1, .zimuon2, .zimuon3, .zimuon4, .zimuon5, .zimuon6, .zimuon7, .zimuon8, .zimuon9, .zimuon10,
.zimuon11, .zimuon12, .zimuon13, .zimuon14, .zimuon15, .zimuon16, .zimuon17, .zimuon18, .zimuon19, .zimuon20,
.zimuon21, .zimuon22, .zimuon23, .zimuon24, .zimuon25, .zimuon26, .zimuon27, .zimuon28, .zimuon29, .zimuon30,
.zimuon31, .zimuon32, .zimuon33, .zimuon34, .zimuon35, .zimuon36, .zimuon37, .zimuon38, .zimuon39, .zimuon40,
.zimuon41, .zimuon42, .zimuon43, .zimuon44, .zimuon45, .zimuon46, .zimuon47, .zimuon48, .zimuon49, .zimuon50,
.zimuon51, .zimuon52, .zimuon53, .zimuon54, .zimuon55, .zimuon56, .zimuon57, .zimuon58, .zimuon59, .zimuon60,
.zimuon61, .zimuon62, .zimuon63, .zimuon64, .zimuon65, .zimuon66, .zimuon67, .zimuon68, .zimuon69, .zimuon70,
.zimuon71, .zimuon72, .zimuon73, .zimuon74, .zimuon75, .zimuon76, .zimuon77 {
	display:block;
}

.office__box2 section .zimuon:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	position: absolute; 
	top:4px;
	right: 10px;
	color:#009647;
	font-size:22px;
	content: "\f2d1";
}

body .office__box2 .dl__shikoku .dl__shikoku2 {
	width:50%;
	float:none;
	margin:15px 25% 0;
	text-align:center;
}
body .office__box2 .dl__shikoku .dl__shikoku2 dt {
	text-align:center;
	padding-bottom:5px;
}
body .office__box2 .dl__shikoku .dl__shikoku2 dt:after {
	display:none;
}
body .office__box2 .dl__shikoku dl:nth-of-type(odd) {
	margin-right:0%;
}
body .office__box2 .dl__shikoku dl:nth-of-type(even) {
	margin-right:1%;
}


@media (min-width: 1500px) {
	.office__box section {
		width:1200px;
	}
	.office__box2 section {
		width:1200px;
	}
}
@media (max-width: 1390px) {
	/* ---------
	.office__box2 section .dl86 dd:nth-of-type(2){height:64px;}
	------------ */
	.office__box2 section dd .br86 {
		display:inline;
	}
}
@media (max-width: 1375px) {
	/* ---------
	.office__box2 section .dl87{height:155px;}
	------------ */
	.office__box2 section dd .br87 {
		display:inline;
	}
}
@media (max-width: 1310px) {
	.office__box section dl {
		width:75%;
	}
}
@media (max-width: 1280px) {
	/* ---------
	.office__box2 section .dl88{height:155px;}
	------------ */
	.office__box2 section dd .br88 {
		display:inline;
	}
}
@media (max-width: 1240px) {
	.office__box section dl {
		width:78%;
	}
	.office__box2 section dd:nth-of-type(1) br {
		display:inline;
	}
	.office__box2 section .dl__shikoku2 dd:nth-of-type(1) br {
		display:none;
	}
	.office__box2 section dd .br85 {
		display:none;
	}
	/* ---------
	.office__box2 section .dl85{height:187px;}
	------------ */
	.office__box2 section dd .br86 {
		display:none;
	}
	/* ---------
	.office__box2 section .dl86{height:187px;}
	------------ */
	.office__box2 section dd .br87 {
		display:none;
	}
	/* ---------
	.office__box2 section .dl87{height:187px;}
	------------ */
	.office__box2 section dd .br88 {
		display:none;
	}
	/* ---------
	.office__box2 section .dl88{height:187px;}
	------------ */
}
@media (max-width: 1200px) {
	.office__box section {
		width:90%;
	}
	.office__box2 section {
		width:90%;
	}
}
@media (max-width: 1100px) {
	.office__box section dl {
		width:80%;
	}
}
@media (max-width: 1020px) {
	.office__box section dl {
		width:85%;
	}
}
@media (max-width: 980px) {
	.office__box section {
		width:882px;
		margin:0;
		padding:50px 49px 0;
	}
	.office__box2 section {
		width:882px;
		margin:0;
		padding:0 49px 50px 49px;
	}
}
@media (max-width: 500px) {
	.office__box section {
		width:90%;
		margin:0 auto;
		padding:35px 0px 0;
	}
	.office__box2 section {
		width:90%;
		margin:0 auto;
		padding:0 0 50px;
	}
	.office__box2 section:last-of-type {
		padding:0 0 35px;
	}
	.office__box section h3 {
		border-radius: 0px;
	}
	.office__box2 section h4 {
		border-radius: 0px;
	}
	
	body .office__box2 .dl__shikoku .dl__shikoku2 {
		width: 100%;
		margin: 15px auto 0;
		text-align: center;
	}
		
	.office__box section dl {
		width: auto;
	}
		
	.office__box2 section dl:nth-of-type(odd) {
		margin-right: 0%;
	}
	.office__box2 section dl {
		width: 100%;
		float: none;
		margin: 15px 0 0 0;
	}
	.office__box2 section dt {
		font-size: 16px;
	}
	.office__box2 section .dl__shikoku2 dd:nth-of-type(1) br {
		display: inline;
	}
}
@media (max-width: 430px) {
	.office__box section dt {
		font-size:17px;
	}

	.office__box section dd .label_b_box1 {
		margin-right:0px;
	}
	.office__box section dd .label_b_box2 {
		display:block;
	}
	.office__box2 section dd .label_b_box1 {
		margin-right:0px;
	}
	.office__box2 section dd .label_b_box2 {
		display:block;
	}
		
	.office__box2 section dt {
		font-size: 15px;
		padding:10px;
	}
	.office__box2 section dt:after {
		font-size: 22px;
	}
	.office__box2 section dd {
		font-size: 15px;
		padding:0 10px;
	}
	.office__box2 section .zimuon:after {
		top: 4px;
		font-size: 18px;
	}
	.office__box2 section dd br {
		display: inline;
	}
}
@media (max-width: 400px) {
	.office__box section dt {
		font-size:16px;
	}
	.office__box section dd {
		font-size:15px;
	}
	.office__box2 section dt {
		font-size:14px;
	}
	.office__box2 section dd {
		font-size: 14px;
	}
}
@media (max-width: 372px) {
	.office__box2 section dt {
		font-size:13px;
	}
	.office__box2 section dd {
		font-size:13px;
	}
	.office__box2 section dt:after {
		top: 5px;
	}
	.office__box2 section .zimuon:after {
		top: 3px;
	}
}
@media (max-width: 349px) {
	.office__box2 section dt {
		font-size:12px;
	}
	.office__box2 section dd {
		font-size:12px;
	}
}
@media (max-width: 340px) {
	.office__box section dt {
		font-size:15px;
	}
	.office__box section dd {
		font-size:14px;
	}
}
@media (max-width: 330px) {
	#zimu52 {
		font-size:11px;
	}
}