@charset "utf-8";

/*===============================================
事務所概要 CSS
===============================================*/

/* CSS Document */
/*===============================================
ロゴの赤　#cf000e

debt　/　債務整理　/　#704b3f
divorce　/　離婚問題　/　#eb4767
accident　/　交通事故　/　#409cc5
hepatitisb　/　B型肝炎　/　#7aaf40
criminal　/　刑事事件　/　#94000c
work_indi　/　労働問題 残業代請求　/　#5269aa
g_dismissal　/　不当解雇・退職勧奨　/　#5269aa
disaster　/　労働災害　/　#5269aa
g_other_work_indi　/　労働条件・ハラスメント　/　#5269aa
claim　/　債権回収　/　#14385e
bequest　/　遺産相続　/　#e65c00
legalprotect / 個人向け 顧問弁護士　/　#1c4e48

legalprotect / 法人 顧問弁護士　/　#1c4e48
realestate　/　不動産建物明渡し　/　#a16600
civil　/　民事再生・法人破産　/　#149393
china　/　中国進出支援　/　#e02000
overseas　/　海外進出支援　/　#818181
===============================================*/

/*===============================================
事務所概要　CSS
===============================================*/
.basic_info {
	margin: 30px 0 0;
}

/*
.basic_info .address {
	margin: 60px 0 0 0;
}
.basic_info .address li.address_logo {
	display: block;
	margin: 0;
	padding: 0;
}
.basic_info .address li.address_logo img {
	margin: 0;
	padding: 0;
	width: auto;
	height: 40px;
}
.basic_info .address li img {
	margin: 0;
	padding: 0;
}
.basic_info .address .address01 {
	margin: 1rem 0 0;
}
*/
.ggmap {
	height: 0;
	margin: 30px 0;
	overflow: hidden;
	position: relative;
	padding-top: 30px;
	padding-bottom: 56.25%;
}

.map {
	margin: 80px auto 0 auto;
}
.btns {
	margin: 16px 0 0 0;
	text-align: center;
}
.bigmap,
.print{
	display: block;
	margin: 0 auto 60px;
	text-align: center;
}
.bigmap {
	margin-right: 2em;
}
.traffic_guide {
	width: 100%;
	max-width: 780px;
	margin: 60px 0 0 0;
}
/* 道順案内の最初だけマージントップを0 */
.traffic_guide.first_root {
	margin-top: 0;
}
.traffic_guide h3 {
	border-bottom: 4px double hsla(0,0%,80%,1.00);
}
/**/
.traffic_guide_ttl {
	margin: 30px 0 0 0;
	padding: 8px 8px 5px 8px;
	background: #f1f1f1;
	font-weight: bold;
}
/**/
.traffic_guide .section_block {
	margin: 0;
	padding: 0 3%;
}
/**/
.traffic_guide_notice {
	margin: 8px 0 0 0;
	font-size: 0.88rem;
}
.traffic_guide_notice li {
	margin: 4px 0 0 0;
	padding: 0 0 0 1rem;
	text-indent: -0.9rem;
}
.traffic_guide_notice li::before {
	content: "※";
	left: -0.7rem;
}
ul.grid_cards {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -20px;
}
.grid_cards li {
	width: calc((100% - 60px) / 3);
	margin: 30px 0 0 19px;/* IE対策 */
}
.grid_cards figure.image {
	margin: 0 0 10px 0;
}
.grid_cards img {
	width: 100%;
}
.grid_cards .detail {
	font-size: 0.88rem;
}

.photo img {
	width: 100%;
	border: 1px solid #c3c3c3;
}
.kidsspace .images img {
	display: inline-block;
	margin-right: 4%;
	max-width: 374px;
	width: 48%;
}
.kidsspace .images img:nth-child(2n) {
	margin-right: 0;
}
.kidsspace .txt {
	line-height: 1.8;
	margin: 2em 0;
}
.kidsspace .txt p {
	margin-bottom: 2em;
}
.kidsspace .txt p.notice {
	padding: 0 0 0 1rem;
	font-size: .8rem;
	text-indent: -1rem;
}
/*=============================================================================================
タブレット　スマホ　780px以下
=============================================================================================*/
@media only screen and (max-width: 780px) {
	img {
		width: 100%;
	}
	.address .photo {
		margin: 30px auto 0 auto;
	}
	/*
	.basic_info .address {
		margin: 30px 0 0 0;
	}
*/
	.map {
		margin: 80px auto 0 auto;
	}
	.bigmap,
	.print{
		margin: 0 0 2em 0;
	}
	.around .photo,
	.around .address,
	.around .time,
	.around .tel,
	.around .fax,
	.around .way {
		float: none;
	}
	.around dl {
		margin: 30px auto;
		max-width: 400px;
		width: 100%;
	}
	/*===============================================
	近隣支店
	=================================================*/
	.neighborhood .photo {
		float: none;
	}
	.neighborhood .address .photo {
		float: none;
		margin: 30px auto 0 auto;
	}
	.neighborhood .address {
		float: none;
		margin-top: 30px;
		padding: 0;
	}
	
}/* レスポンシブ 780px */

/*=============================================================================================
タブレット　スマホ　600px以下
=============================================================================================*/
@media only screen and (max-width: 600px) {
	/*　道順案内　600px以下は写真2つ横並び　*/
	ul.grid_cards {
		margin: 0 0 0 -30px;
	}
	.grid_cards li {
		width: calc((100% - 60px) / 2);
		margin: 30px 0 0 30px;
	}
	
}/* レスポンシブ 600px */

/*=============================================================================================
スマホ　414px以下
=============================================================================================*/
@media only screen and (max-width: 414px) {
	/*　道順案内　600px以下は写真2つ横並び　*/
	ul.grid_cards {
		margin: 0;
	}
	.grid_cards li {
		width: 100%;
		max-width: 300px;
		margin: 30px auto 0 auto;
	}
	
}/* レスポンシブ 600px */


/*===============================================
仙台オフィス キッズスペース用　#20627
===============================================*/
.p-kidsspace {
	margin-top: 60px;
}

.p-kidsspace__wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.p-kidsspace__box {
	max-width: 380px;
}

.p-kidsspace__box__img {
	width: 100%;
}

@media only screen and (max-width: 780px) {
	.p-kidsspace__wrapper {
		justify-content: center;
		margin-bottom: 16px;
	}
}