/* main visual
==========================================*/
#access .mainVisualWrap > div:nth-of-type(3) {
	background-image: url(/img/access/img01.jpg););
}
.modeSP .wrapper{
	padding-bottom: 0;
}

/* box01
==========================================*/
.box01 {
	width: 100%;
}
.modePC .box01 {
	margin: 150px auto 0;
	width: 960px;
}
.modeSP .box01 {
	margin: 140px auto 0;
}

.modePC .box01 .img {
	width: 960px;
	margin: 0 auto;
}
.modeSP .box01 .img {
	width: 690px;
	margin: 0 auto;
}

.box01 img { text-align: center; }
.modePC .box01 img { width: 868px; }
.modeSP .box01 img { width: 100%; }

.googleMap {
	width: 100%;
	margin: 0;
}
.modePC .googleMap { height: 545px; }
.modeSP .googleMap { height: 600px; }


/* box02
==========================================*/
.box02 { width: 100%; }
.modePC .box02 { margin: 50px auto 0; }
.modeSP .box02 { margin: 50px auto 0; }

.box02 p{
	text-align: center;
	line-height: 2;
	font-weight: bold;
}
.modePC .box02 p{
	font-size: 15px;
	margin-bottom: 40px;
}
.modeSP .box02 p{
	font-size: 22px;
	margin-bottom: 60px;
}

.modeSP .box02 p:nth-of-type(1){
	font-weight: bold;
}

.modeSP .box02 p:nth-of-type(2){
	margin-top: 100px;
}

/* box03
==========================================*/
.box03 { width: 100%; }
.modePC .box03 {
	width: 960px;
	margin: 200px auto 0;
}
.modeSP .box03 {
	width: 580px;
	margin: 160px auto 0;
}

.box03 ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	    flex-flow: wrap;
	-ms-flex-flow: wrap;
	 -webkit-flow: wrap;
	justify-content: space-between;
	align-items: top;
}
.modePC .box03 ul{}
.modeSP .box03 ul{
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.box03 li{}
.modePC .box03 li{
	width: 33%;
}
.modeSP .box03 li{
	width: 100%;
	margin-bottom: 100px;
}

.box03 li h3{
	font-weight: bold;
	position: relative;
}
.modePC .box03 li h3{
	font-size: 16px;
	height: 60px;
	margin-bottom: 20px;
}
.modeSP .box03 li h3{
	font-size: 36px;
	line-height: 1.4;
	margin-bottom: 60px;
}

.modePC .box03 li h3:after {
	content: "";
	display: block;
	width: 37px;
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}

.modeSP .box03 li h3:after {
	content: "";
	display: block;
	width: 70px;
	height: 4px;
	background-color: #000;
	position: absolute;
	bottom: -20px;
	left: 0;
}

.box03 li p{
	line-height: 1.9;
	}

.box03 li p:nth-of-type(1){}
.modePC .box03 li p:nth-of-type(1){
	margin-bottom: 20px;
}
.modeSP .box03 li p:nth-of-type(1){
	margin-bottom: 40px;
}

.box03 li p:nth-of-type(2){}
.modePC .box03 li p:nth-of-type(2){}
.modeSP .box03 li p:nth-of-type(2){}




.modeSP .box03 ul .access01{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}
.modeSP .box03 ul .access02{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}
.modeSP .box03 ul .access03{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
}