@charset "utf-8";

/*sec01*/

.sec01 {
max-width: 1540px;
padding: 170px 20px 0;
margin: 0 auto 150px;
color:#fff;
background:transparent;
}
.sec01 .pano_araa{
}
.sec01 .note{
text-align:right
}

/*sec01*/
/*sec02*/

.sec02 {
background-image:url(../images/location/sec02_bgl.png),url(../images/location/sec02_bgr.png);
background-size:auto 100%,auto 100%;
background-position:top left,top right;
background-repeat:no-repeat,no-repeat;
padding:80px 20px 150px;
margin-bottom:170px;
}

.sec02 .inner {
/*padding:80px 20px 150px;*/
margin: 0 auto;
/*max-width: 1540px;*/
max-width: 790px;
text-align:center;
}
.sec02 .inner h4{
margin-bottom:50px;
}
.sec02 .inner p{
color:#fff;
text-align:center;
line-height:3em;
font-size:17px;
font-feature-settings:"palt";
}

/*sec02*/
/*sec03*/

.sec03 {
max-width: 1500px;
padding:0 20px;
margin: 0 auto 170px;
display:flex;
}
.sec03 .inner{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
color:#fff;
}
.sec03 .txt{
width:70%;
}
.sec03 .txt dt{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
border-bottom:1px solid;
font-size:30px;
margin-bottom:50px;
}
.sec03 .txt dd{
line-height:3em;
}
.sec03 .om{
width:25%;
}

/*sec03*/
/*sec04*/

.sec04 {
max-width: 1500px;
padding: 20px 0 0;
margin: 0 auto 170px;
color:#fff;
}
.sec04 dt{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
border-bottom:1px solid;
font-size:30px;
margin-bottom:50px;
}
.sec04 dd{
line-height:3em;
}

/*sec04*/
/*sec05*/

.sec05 {
max-width: 1500px;
padding:0 20px 0;
margin: 0 auto 150px;
color:#fff;
}
.sec05 dl{
margin-bottom:70px;
}
.sec05 dt{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
border-bottom:1px solid;
font-size:30px;
margin-bottom:50px;
}
.sec05 dd{
line-height:3em;
}
.sec05 ul{
display:flex;
justify-content:space-between;
}

/*sec05*/
/*sec06*/

.sec06 {
max-width: 1500px;
padding:0 20px 150px;
margin: 0 auto;
display:flex;
}
.sec06 .inner{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
color:#fff;
}
.sec06 .txt{
width:58%;
}
.sec06 .txt dt{
border-bottom:1px solid;
font-size:30px;
margin-bottom:50px;
}
.sec06 .txt dt span{
display:block;
}
.sec06 .txt dd{
line-height:3em;
}
.sec06 .am{
width:37%;
}

/*sec06*/
/*sec07*/

.sec07 {
max-width: 1500px;
padding:0 20px 0;
margin: 0 auto 150px;
color:#fff;
}
.sec07 dl{
margin-bottom:70px;
}
.sec07 dt{
display:flex;
justify-content:space-between;
flex-direction :row-reverse;
border-bottom:1px solid;
font-size:30px;
margin-bottom:50px;
}
.sec07 dd{
line-height:3em;
}
.sec07 div.loca_box{
display:flex;
justify-content:space-between;
margin-bottom:80px;
}
.sec07 div.loca_box li p{
font-size:11px;
margin-top:5px;
margin-bottom:14px;
}
.sec07 div.loca_box .first{
width:38%;
}
.sec07 div.loca_box .first ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec07 div.loca_box .first ul li:nth-child(2),.sec07 div.loca_box .first ul li:nth-child(3),.sec07 div.loca_box .first ul li:nth-child(4),.sec07 div.loca_box .first ul li:nth-child(5){
width:46.3%;
}

.sec07 div.loca_box .second{
width:38%;
}
.sec07 div.loca_box .second ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec07 div.loca_box .second ul li{
width:46.3%;
}

.sec07 div.loca_box .second ul ul li{
width:100%;
}
.sec07 div.loca_box .second div{

}

.sec07 div.loca_box .third{
width:17.6%;
}
.sec07 div.loca_box .third ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.sec07 div.map_box{
display:flex;
justify-content:space-between;
margin-bottom:60px;
}
.sec07 div.txt_loca{
width:45%;
}
.sec07 div.txt_loca p{
color:#bc9c7e;
font-size:20px;
letter-spacing:10px;
margin-top:9px;
}
.sec07 div.txt_loca p:first-child{
margin-top:0;
}
.sec07 div.txt_loca li{
line-height:1.4em;
}
.sec07 div.txt_loca span{
float:right;
}

.sec07 div.map{
margin-bottom:20px;
}

.sec07 .youtube{
/*width:63%;*/
text-align: center;
margin: 40px auto 0;
display:flex;
justify-content:space-between;
}
.sec07 .youtube li{
width:48%;
}
.sec07 .youtube li iframe{
margin-top:5px;
width:100%;
height:400px;
}


.sec07 p.note{
color:#fff;
font-size:12px;
text-align:right;
font-feature-settings:"palt";
}
.sec07 .g_map iframe{
height:950px;
margin:130px auto 0;
}
/*sec07*/
/*btn_area*/
.btn_area {
max-width: 1080px;
padding:0 20px 0;
margin: 0 auto 150px;
color:#fff;
}
.btn_area ul{
display:flex;
justify-content:space-between;
}
.btn_area ul li{
width:49%;
}
/*btn_area*/
/*===============//max-width: 2000px===============*/

@media screen and (max-width: 2000px) {}


/*===============//max-width: 2000px===============*/


/*===============//max-width: 1540px===============*/

@media screen and (max-width: 1540px) {
.sec01 {
max-width: 90%;
}
.sec02 {
/*width: 90%;*/
margin:0 auto 10%;
}
.sec03 {
width: 90%;
margin:0 auto 10%;
padding:0;
}
.sec04 {
width: 90%;
margin:0 auto 10%;
padding:0;
}
.sec05 {
width: 90%;
margin:0 auto 10%;
padding:0;
}
.sec06 {
width: 90%;
margin:0 auto 10%;
padding:0;
}
.sec07 {
width: 90%;
margin:0 auto 10%;
padding:0;
}
.sec07 p.note{
font-size:10px;
}
.btn_area {
width: 90%;
margin:0 auto 10%;
padding:0;
}
}


/*===============//max-width: 1540px===============*/


/*===============//max-width: 1400px===============*/

@media screen and (max-width: 1400px) {}


/*===============//max-width: 1400px===============*/


/*===============//max-width: 1380px===============*/

@media screen and (max-width: 1380px) {
	.sec01 .section {
		padding: 90px 20px 80px;
	}
	.sec01 .box {
		margin-bottom: 80px;
	}
}


/*===============//max-width: 1380px===============*/


/*===============//max-width: 1300px===============*/

@media screen and (max-width: 1300px) {
	.sec02 .ttl {
		font-size: 26px;
		margin-bottom: 60px;
	}
	.sec02 li .sol {
		font-size: 24px;
	}
	.sec02 li .hol {
		font-size: 40px;
		letter-spacing: 0.1em;
	}
}


/*===============//max-width: 1300px===============*/


/*===============//max-width: 1280px===============*/

@media screen and (max-width: 1280px) {


}


/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/

@media screen and (max-width: 1200px) {}


/*===============//max-width: 1200px===============*/


/*===============//max-width: 1100px===============*/

@media screen and (max-width: 1100px) {}


/*===============//max-width: 1100px===============*/


/*===============//max-width: 1080px===============*/

@media screen and (max-width: 1080px) {}


/*===============//max-width: 1080px===============*/


/*===============//max-width: 1030px===============*/

@media screen and (max-width: 1030px) {}


/*===============//max-width: 1030px===============*/


/*===============//max-width: 1000px===============*/

@media screen and (max-width: 1000px) {}


/*===============//max-width: 1000px===============*/


/*===============//max-width: 960px===============*/

@media screen and (max-width: 960px) {
	.sec01 .left {
		float: none;
		width: 100%;
		margin: 0 auto 40px;
		max-width: 580px;
	}
	.sec01 .right {
		margin: 0 auto;
		width: 100%;
		float: none;
		max-width: 637px;
	}
	.sec02 .ttl {
		font-size: 22px;
		margin-bottom: 40px;
	}
	.sec02 ul {
		left: 20px;
		right: 20px;
		bottom: 20px;
		width: auto;
	}
	.sec02 li {
		padding: 20px;
	}
	.sec02 .section {
		padding: 0 20px 70px;
	}
}


/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/

@media screen and (max-width: 900px) {}


/*===============//max-width: 900px===============*/


/*===============//max-width: 860px===============*/

@media screen and (max-width: 860px) {
	.sec01 .box02 ul {
		max-width: 600px;
		margin: 0 auto;
		width: 100%;
	}
	.sec01 .box02 ul li {
		float: none;
		width: 100%;
		letter-spacing: -0.40em;
		margin-bottom: 40px;
	}
	.sec01 .box02 ul li:last-child {
		margin-bottom: 0;
	}
	.sec01 .box02 ul li .img {
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
		width: 45%;
		margin-bottom: 0;
	}
	.sec01 .box02 ul li figcaption {
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
		width: 50%;
		margin-left: 5%;
	}
}


/*===============//max-width: 860px===============*/


/*===============//max-width: 800px===============*/

@media screen and (max-width: 800px) {}


/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/

@media screen and (max-width: 767px) {
/*sec01*/

.sec01 {
width: 100%;
padding: 20% 0 0;
margin: 0 auto 20%;
}
.sec01 .pano_araa{

}


/*sec01*/
/*sec02*/

.sec02 {
width: 100%;
background-image:url(../images/location/sec02_bgl.png);
background-position:center center;
background-size:cover;
padding:20% 0;
margin-bottom:170px;
}

.sec02 .inner {
margin: 0 auto;
max-width: 80%;
}
.sec02 .inner h4{
margin-bottom:10%;
}
.sec02 .inner p{
font-size:12px;
text-shadow: 
black 1px 1px 0, black -1px -1px 0,/*右下、左上*/
black -1px 1px 0, black 1px -1px 0,/*右上、左下*/
black 0px 1px 0, black  0-1px 0,/*右、左*/
black -1px 0 0, black 1px 0 0;/*上、下*/
}

/*sec02*/
/*sec03*/

.sec03 {
width: 100%;
padding:0;
margin: 0 auto 20%;
display:flex;
}
.sec03 .inner{
display:block;
}
.sec03 .txt{
width:100%;
}
.sec03 .txt dt{
display:block;
font-size:28px;
margin-bottom:5%;
padding:0 5%;
}
.sec03 .txt dt span{
display:block;
}
.sec03 .txt dd{
padding:0 5%;
}
.sec03 .om{
width:80%;
margin:0 auto;
}
.sec03 .om img{
width:100%;
}

/*sec03*/
/*sec04*/

.sec04 {
width: 100%;
padding:0;
margin: 0 auto 20%;
}
.sec04 dt{
display:block;
font-size:28px;
margin-bottom:5%;
padding:0 5%;
}
.sec04 dt span{
display:block;
}
.sec04 dd{
padding:0 5%;
}
.sec04 .tableland{
padding:0 5%;
}
/*sec04*/
/*sec05*/

.sec05 {
width: 100%;
padding:0;
margin: 0 auto 20%;
}
.sec05 dl{
margin-bottom:5%;
}
.sec05 dt{
display:block;
font-size:28px;
margin-bottom:5%;
padding:0 5%;
}
.sec05 dt span{
display:block;
}
.sec05 dd{
padding:0 5%;
}
.sec05 ul{
flex-wrap:wrap;
padding:0 5%;
font-size:10px
}
.sec05 ul li{
width:48%
}

/*sec05*/
/*sec06*/

.sec06 {
width: 100%;
padding:0 0 20%;
margin: 0 auto;
display:block;
}
.sec06 .inner{
display:block;
}
.sec06 .txt{
width:100%;
}
.sec06 .txt dt{
border-bottom:1px solid;
font-size:28px;
margin-bottom:5%;
padding:0 5%;
}
.sec06 .txt dt span{
display:block;
}
.sec06 .txt dd{
padding:0 5%;
}
.sec06 .am{
width:90%;
margin:0 auto;
}
.sec06 .am img{
width:100%;
}

/*sec06*/
/*sec07*/

.sec07 {
width: 100%;
padding:0;
margin: 0 auto 20%;
}
.sec07 dl{
margin-bottom:5%;
}
.sec07 dt{
display:block;
font-size:28px;
margin-bottom:5%;
padding:0 5%;
}
.sec07 dt span{
display:block;
}
.sec07 dd{
padding:0 5%;
}
.sec07 div.loca_box{
display:block;
justify-content:space-between;
margin-bottom:5%;
}
.sec07 div.loca_box img{
width:100%;
}
.sec07 div.loca_box li p{
font-size:11px;
margin-top:5px;
margin-bottom:14px;
}
.sec07 div.loca_box .first{
width:90%;
margin:0 auto;
}
.sec07 div.loca_box .first ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec07 div.loca_box .first ul li:nth-child(1){
width:100%;
}
.sec07 div.loca_box .first ul li:nth-child(2),.sec07 div.loca_box .first ul li:nth-child(3){
width:48%;
}
.sec07 div.loca_box .second{
width:90%;
margin:0 auto;
}
.sec07 div.loca_box .second ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec07 div.loca_box .second ul li{
width:48%;
}
.sec07 div.loca_box .second ul ul li{
width:100%;
}
.sec07 div.loca_box .second div{

}
.sec07 div.loca_box .third{
width:90%;
margin:0 auto;
}
.sec07 div.loca_box .third ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec07 div.loca_box .third ul li{
width:48%;
}

.sec07 div.txt_loca{
display:block;
}
.sec07 div.txt_loca div{
width:100%
}

.sec07 .youtube{
/*width:63%;*/
text-align: center;
width:90%;
margin: 5% auto 0;
display:block;
justify-content:space-between;
}
.sec07 .youtube li{
width:100%;
margin: 5% auto 0;
}
.sec07 .youtube li img{
width:auto;
}
.sec07 .youtube li iframe{
margin-top:5px;
width:100%;
height:200px;
}

.sec07 p.note{
font-size:10px;
text-align:left;
width:90%;
margin:5% auto 0;
}
.sec07 .g_map iframe{
width:90%;
height:500px;
margin:5% 5% 0;
}
/*sec07*/
/*btn_area*/

.btn_area {
width: 100%;
padding:0;
margin: 0 auto 20%;
}
.btn_area ul{
display:block;
width:90%;
margin:5% auto 0;
}
.btn_area ul li{
width:100%;
}
.btn_area ul li img{
width:100%;
}
.btn_area ul li:first-child{
margin-bottom:5%;
}

/*btn_area*/
}


/*===============//max-width: 767px===============*/


/*===============//max-width: 600px===============*/

@media screen and (max-width: 600px) {
	.sec01 .section {
		padding: 50px 20px 50px;
	}
	.sec01 .left .text16 {
		line-height: 2;
	}
	.sec01 .box02 ul li .mini {
		font-size: 12px;
	}
	.sec01 .box02 ul li .normal {

		font-size: 22px;
	}
	.sec01 .box02 ul li .mini_cap {
		font-size: 8px;
	}
	.sec01 .box02 ul li .normal2 {
		font-size: 20px;
	}
	.sec01 .box02 .caption {
		text-align: left;
	}
	.sec02 .bg {
		margin-bottom: 20px;
	}
	.sec02 ul {
		position: static;
	}
	.sec02 li {
		width: 49.5%;
		border: solid #fff 1px;
	}
}


/*===============//max-width: 600px===============*/


/*===============//max-width: 580px===============*/

@media screen and (max-width: 580px) {}


/*===============//max-width: 580px===============*/


/*===============//max-width: 480px===============*/

@media screen and (max-width: 480px) {}


/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/

@media screen and (max-width: 375px) {
	.sec01 .box02 ul li {
		text-align: center;
	}
	.sec01 .box02 ul li .img {
		max-width: 300px;
		margin: 0 auto 20px;
		display: block;
		width: 100%;
	}
	.sec01 .box02 ul li figcaption {
		margin: 0 auto;
		width: inherit;
		text-align: left;
	}
	.sec02 .ttl {
		font-size: 18px;
	}
	.sec02 li:first-child {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.sec02 li:last-child {
		float: none;
		width: 100%;
	}
}


/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/

@media screen and (max-width: 374px) {}


/*===============//max-width: 374px===============*/


/*===============//max-width: 360px===============*/

@media screen and (max-width: 360px) {}


/*===============//max-width: 360px===============*/


/*===============//max-width: 320px===============*/

@media screen and (max-width: 320px) {}


/*===============//max-width: 320px===============*/


/*===============//print===============*/

@media print {}


/*===============//print===============*/