@charset "utf-8";

 /*
body, html{ 
    height: 100%;
}*/

p.indent{
	text-indent: -1em;
	padding-left: 1em;
}

.indent li{
	text-indent: -1em;
	padding-left: 1em;
}



/* #key
------------------------------------*/

#key h1{
	color: #fff;
	text-align: center;
	background: rgba(187,0,0,0.8);
	padding: 16px 38px;
	font-weight: 700;
	letter-spacing: 0.6px;
}



/* #bread
------------------------------------*/

#bread{
	background: #fff;
	padding: 8px 0;
}



/* #contents
------------------------------------*/

#contents h2:first-child{ margin-top: 0!important;}
#contents h2{
	background: #f4f4f4;
	padding: 30px 0 20px;
	text-align: center;
	font-size: 200%;
	letter-spacing: 4px;
	font-weight: 700;
	margin: 0 0 26px;
}

#contents h2 span.subeng{
	font-size: 42%;
	display: block;
	margin-top: 8px;
}

.officebox > ul > li{ margin-bottom: 80px; }
.officebox iframe{
	width: 100%;
	height: 250px;
	margin-bottom: 25px;	
}

.officebox li h3.office{
	color: #bb0000;
	font-weight: 700;
	font-size: 140%;
	border-bottom: 2px solid #bb0000;
	padding: 0 0 8px;
	letter-spacing: 2.4px;
	margin: 0 0 20px;
}

.officebox li .traffic{
	background: #f6f6f6;
	padding: 16px 20px 26px;
	margin-top: 15px;
}

.officebox li .traffic h4{
	font-size: 110%;
	background: url(../../img/access/icon_tone.png) no-repeat left center;
	padding: 6px 0 10px 28px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}






/* ■02.横幅960px以上（PC用）
--------------------------------------------------- */
@media screen and (min-width:1000px) {
/* ▼PC用================================================================== */


.roundwrap{
	width: 1000px;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/access/img_key.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 300px;
}

#key h1{
	width: 420px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -210px;
	font-size: 180%;
	line-height: 130%;
}

#key h1 span{
	display: block;
	font-size: 60%;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 1000px;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/icon_arw.png) no-repeat right center;
}





/* #contents
------------------------------------*/

.officebox .photo{
	width: 36%;
	float: left;
}

.officebox .photo img{ width: 100%; }

.officebox .txt{
	width: 58%;
	float: right;
}

.officebox .spa{
	margin-left: 0.5em;	
}

.officebox .spa::before{
	content: "/";
	margin-right: 0.5em;
}




/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、999px以下（Tab用）
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:999px) {
/* ▼Tab用================================================================= */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/access/img_key.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 300px;
}

#key h1{
	width: 420px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -210px;
	font-size: 180%;
	line-height: 130%;
}

#key h1 span{
	display: block;
	font-size: 60%;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/icon_arw.png) no-repeat right center;
}





/* #contents
------------------------------------*/

.officebox .photo{
	width: 36%;
	float: left;
}

.officebox .txt{
	width: 58%;
	float: right;
}

.officebox .spa{
	margin-left: 0.5em;	
}

.officebox .spa::before{
	content: "/";
	margin-right: 0.5em;
}




/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/access/img_key.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 240px;
}

#key .wrap{ padding-top: 110px; }
#key h1{
	width: 60%;
	margin: 0 auto;
	font-size: 180%;
}

#key h1 span{
	display: block;
	font-size: 60%;
	margin-top: 6px;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/icon_arw.png) no-repeat right center;
}


/* #contents
------------------------------------*/

.officebox .photo{
	width: 36%;
	float: left;
}

.officebox .txt{
	width: 58%;
	float: right;
}

.officebox .spa{
	margin-left: 0.5em;	
}

.officebox .spa::before{
	content: "/";
	margin-right: 0.5em;
}




/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用================================================================ */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/access/img_key.jpg) no-repeat left -80px top;
	background-size: cover;
	position: relative;
	height: 260px;
}

#key .wrap{ padding-top: 110px; }
#key h1{
	width: 60%;
	margin: 0 auto;
	font-size: 180%;
}

#key h1 span{
	display: block;
	font-size: 60%;
	margin-top: 6px;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/icon_arw.png) no-repeat right center;
}




/* #contents
------------------------------------*/

.officebox .photo{
	width: 80%;
	margin: 0 auto 26px;
}

.officebox .spa{
	margin-left: 0.5em;	
}

.officebox .spa::before{
	content: "/";
	margin-right: 0.5em;
}




/* ▲SP縦用================================================================ */
}