@charset "utf-8";
/* CSS Document */

#contents #infoBlock img{
			width:100%;
		height: auto;
}
#contents .left{
    float: left;
    width: 49%;
}
#contents .right{
    float: right;
    width: 49%;
}
#contents #infoBlock{
	margin-bottom:30px;
}

#contents #infoBlock .title01{
    margin-bottom:30px;
}
#contents #infoBlock>.right{
		margin-top:20px;
}

#contents #infoBlock>.right img{
}
#contents #infoBlock .btnArea {
	margin-bottom:20px;
}
#contents #infoBlock .btnArea .left{
}	
#contents #infoBlock .btnArea .left img{
}
#contents #infoBlock .btnArea .right{
}
#contents #infoBlock .btnArea .right img{
}


.section .title03{
  display: table;
  margin-bottom: 30px;
  padding-bottom: 18px;
  font-size: 30px;
  line-height: 1;
  border-bottom: 1px solid #999;
}

.section .supportLinks {
  margin: 48px 0;
}

.section .supportLinks li {
  padding: 1em .67em;
  border-bottom: 1px solid #bbb;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}

.section .supportLinks li:after {
  content: '→';
}

.section .supportLinks a:first-child li {
  border-top: 1px solid #bbb;
}


#accessBlock .inner{
	background-color:#FAFAFA;
	border-top:solid 1px #9A9A9A;
	padding: 30px 0 0;
}
.modWrap .mainVisual{
    position: relative;
		margin-top:20px;
		
    margin-bottom: 70px;
}
.modWrap .mainVisual .photo{
    margin-bottom: 40px;
}

.modWrap .mainVisual .photo img{
    max-width:960px;
	width:100%;
	height:auto;
}
.modWrap .mainVisual .btnJoin{
    position: absolute;
    top: 82.5%;
    left: 2.2%;
    /* margin-left: -459px; */
    width: 95.7%;
    background-color: #474747;
    text-align: center;
    padding: 5px 0 5px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    height: auto;
    /* font-size: 50%; */
}

.modWrap .mainVisual .btnJoin a{
    color:#fff;
	display:block;
    font-size: 1em;
}

#contents #accessBlock .titleArea{
    margin-bottom: 20px;
    text-align: center;
}
#contents #accessBlock .titleArea img{
		height: auto;
		margin: 15px auto 50px;
		/* width: 90%; */
}
#contents #accessBlock .titleArea .left{
    width: 24%;
}
#contents #accessBlock .titleArea .right{
    width: 57%;
    float: left;
    margin-left: 20px;
}
#contents #accessBlock .dispSP{
	display:none;
}

#contents #accessBlock .addressArea .left img{
    width: 100%;
    height: auto;
}
#contents #accessBlock .addressArea{
    margin-bottom: 40px;
}
#contents #accessBlock .addressArea .left{
    width: 19%;
}
#contents #accessBlock .addressArea .right{
    width: 78%;
}
#contents #accessBlock .addressArea .name{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}
#contents #accessBlock .addressArea span {
	width: 12%;
	display: block;
	float:left;
	line-height:2em;
}
#contents #accessBlock .addressArea li{
	padding: 12px 0;
	border-top:1px solid #ccc;
}
#contents #accessBlock .mapArea{
	margin-bottom:20px;
}
#contents #accessBlock .mapArea .mapBlock{
}
#contents #accessBlock .mapArea .left{
    width: 42%;
    padding-bottom: 20px;
}
#contents #accessBlock .mapArea .right{
    width: 55%;
}
#contents #accessBlock .mapArea .right iframe{
    width: 100%;
}

#contents #accessBlock .mapArea .left img{
	width: 100%;
	height: auto;
}


#footer .top {
	display:block;
}

@media screen and (max-width: 767px) {
	#contents #infoBlock>.left{
	float: none;
	width: 100%;
	}
	#contents #infoBlock>.right{
	float: none;
	width: 100%;
	}
	
	.modWrap .mainVisual .btnJoin{
    position: absolute;
    top: 105%;
    left: 60%;
    /* margin-left: -459px; */
    width: 40%;
    background-color: #474747;
    text-align: center;
    padding: 5px 0 5px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    height: auto;
    font-size: 1em;
}

.modWrap .mainVisual .photo{
    margin-bottom: 60px;
}


	#contents #accessBlock .titleArea{
		margin-left: 0px;
	}
	#contents #accessBlock .titleArea img{
		margin: 15px auto 14px;
		width: 95%;
}
	#contents #accessBlock .dispPC{
		display:none;
	}
	#contents #accessBlock .dispSP{
		display: block;
	}
	#contents #accessBlock .titleArea .left{
   float: none;
   width: 38%;
   margin-bottom: 10px;
}
	#contents #accessBlock .titleArea .right{
		float: none;
		width: 100%;
		margin-left: 0px;
	}
	#contents #accessBlock .addressArea .left{
    width: 100%;
		padding-bottom:10px;
	}
	#contents #accessBlock .addressArea .right{
			width: 100%;
	}
	#contents #accessBlock .addressArea span {
		width: 100%;
	}
	#contents #accessBlock .mapArea .left{
	float: none;
	width: 100%;
	}
	#contents #accessBlock .mapArea .right{
	float: none;
	width: 100%;
	}
	
	#footer .center .btnTel {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -22px 0 0;
	}

}