@charset "utf-8";

/* 代表プロフィール */
.name > *{text-align: center;}
.name > p{
	font-size: 24px;
	margin-bottom: 10px;
}
.name > span{
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #9FBBC9;
	font-size: 18px;
}

/* 事務所概要・アクセス */
.about_wrap > div{padding: 20px 0;}
.about_wrap dl{width: 100%;}
.about_wrap dl > div{
	padding-bottom: 35px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.about_wrap dl > div:not(:last-child){margin-bottom: 40px;}
.about_wrap dl > div::after{
	content: "";
	width: 100%;
	height: 1px;
	background: linear-gradient(to right,#9FBBC9 140px, #fff 140px);
	position: absolute;
	left: 0;
	bottom: 0;
}
.about_wrap dt,.about_wrap dd{font-size: 20px;}
.about_wrap dt{width: 140px;}
.about_wrap dd{
	width: calc(100% - 140px);
}
.about_wrap iframe{
	width: 100%;
	height: 100%;
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){

	/* 代表プロフィール */
	.name > p{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.name > span{font-size: 14px;}
	
	/* 事務所概要・アクセス */
	.about_wrap > div{padding: 15px 0;}
	.about_wrap dl > div{padding-bottom: 25px;}
	.about_wrap dl > div:not(:last-child){margin-bottom: 30px;}
	.about_wrap dl > div::after{background: linear-gradient(to right,#9FBBC9 100px, #fff 100px);}
	.about_wrap dt,.about_wrap dd{font-size: 16px;}
	.about_wrap dt{width: 100px;}
	.about_wrap dd{width: calc(100% - 100px);}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 事務所概要・アクセス */
	.about_wrap > p{height: 300px;}
}