@charset 'utf-8';

/* --------------------------------------------------------------------------------
	link
-------------------------------------------------------------------------------- */
h2{
	margin:0 0 5%;
	padding:0 20%;
	text-align:center;
	background:url(../images/common/t-bg.png) repeat-x 0 0;
	background-size:auto 100%;
}


/* --------------------------------------------------------------------------------
	PC
-------------------------------------------------------------------------------- */
@media screen and (min-width: 850px){
	
	/********** セクション1 **********/
	#office .section1{
		padding:3.1% 0;
		background:#edf7ff;
	}
	#office .section1 .section1-box{
		float:right;
		width:95%;
		padding:0;
	}
	#office .section1 .section1-box h4{
	}
	#office .section1 .section1-box p{
		margin:0 0 3%;
		font-size:1.15em;
	}
	#office .section1 img{
		float:right;
		width:26%;
		margin:0 8% 0 2%;
	}
	#office .section1 .txt1{
		float:left;
		width:60%;
		line-height:180%;
	}
	#office .section1 .txt2{
		float:left;
		width:60%;
		line-height:180%;
	}
	#office .section1 .txt3{
		float:right;
		width:34%;
		margin:0 0 0 5%;
		line-height:180%;
	}
	#office .section1 .txt h3{
		margin:0 0 4%;
		line-height:1.3;
		font-weight:bold;
		font-size:2.7em;
	}
	#office .section1 .txt h3 span{
		font-size:0.57em;
	}
	#office .section1 .txt p{
		font-size:1.15em;
	}
	#office .section1 .txt h4{
		font-size:1.4em;
		font-weight:bold;
	}
	#office .section1 .txt3 p{
		margin:0;
	}
	
	/********** セクション2 **********/
	#office .section2{
		padding:5%;
		background:#fff;
	}
	#office .section2 .box-t{
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#office .section2 .box-b{
		display: flex;
		justify-content: space-between;
	}
	#office .section2 .img{
		width:46%;
	}
	#office .section2 .txt{
		width:46%;
	}
	#office .section2 .txt h3{
		margin:0 0 3%;
		font-weight:bold;
		font-size:1.8em;
	}
	#office .section2 .txt p{
		font-size:1.15em;
	}
	/********** アクセスマップ **********/
	#office .map{
		padding:3.5% 5% 4%;
		background:#edf7ff;
	}
	#office .map h3{
		margin:0 0 2%;
		font-weight:bold;
		font-size:1.75em;
	}
	#office .map .map-box{
	}
	#office .map iframe{
		width:100%;
		height:35em;
	}
	
}





/* --------------------------------------------------------------------------------
	スマホ
-------------------------------------------------------------------------------- */
@media screen and (max-width: 849px){
	
	/********** セクション1 **********/
	#office .section1{
		padding:8.5% 0 0;
		background:#edf7ff;
	}
	#office .section1 .section1-box{
		padding:0 15% 5%;
	}
	#office .section1 .section1-box p{
		font-size:1.5em;
		padding:1% 0 0;
	}
	#office .section1 .txt{
		padding:0 0 5%;
		/*padding:0 8% 5%;*/
	}
	#office .section1 .txt h3{
		margin:2% 0 4%;
		line-height:1.3;
		font-weight:bold;
		font-size:2.7em;
	}
	#office .section1 .txt h3 span{
		font-size:0.57em;
	}
	#office .section1 .txt h4{
		font-size:1.8em;
		font-weight:bold;
	}
	#office .section1 .txt p{
		font-size:1.5em;
	}
	
	/********** セクション2 **********/
	#office .section2{
		padding:8.5% 0 0;
		background:#fff;
	}
	#office .section2 .img{
		padding:0 8% 5%;
	}
	#office .section2 .txt{
		padding:0 8% 5%;
	}
	#office .section2 .txt h3{
		margin:0 0 3%;
		font-weight:bold;
		font-size:1.75em;
	}
	#office .section2 .txt p{
		font-size:1.5em;
	}
	/********** アクセスマップ **********/
	#office .map{
		padding:8.5% 0;
		background:#edf7ff;
	}
	#office .map h3{
		margin:0 0 3%;
		padding:0 8%;
		font-weight:bold;
		font-size:1.75em;
	}
	#office .map .map-box{
		padding:0 8%;
	}
	#office .map iframe{
		width:100%;
		height:35em;
	}
	
}