@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
	
.pc{display:none!important;}
.sp{display:block!important;}	


/*common
----------------------------------------------------*/
body {
	font-size:3.4vw;
}

.contents{
	width:90%;
	padding:12vw 0;
}


/*header
----------------------------------------------------*/
header{
	height:55vw;
	background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .0));
}

header .header{
	height:66px;
	padding:20px 3%;
}

header h1{
	height:26px;
}

header h1 img{
	height:20px;
}

header h2{
	font-size:5vw;
}

.video{
  height: 55vw;
}


/*sp button
-------------------------------------------------*/
#triggerBox{
    right: 10px;
}


/*navigation
-------------------------------------------------*/
header #headIn nav ul{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:96vw;
}

header #headIn nav ul li a{
    font-size: 5.4vw;
}

#headIn nav ul li a span{
	font-size:3.0vw;
}


/*navigation PC
-------------------------------------------------*/
.nav_pc{
	display:none;
}



/*common
----------------------------------------------------*/
h2{
	margin-bottom:6vw;
	font-size:8vw;
}

h2 span{
	font-size:4vw;
}


/*sec01
----------------------------------------------------*/
.sec01 h2{
	font-size:6vw;
}

.box_4col{
	display: block;
}

.box_4col dl{
	margin: 8vw 0 0 0;
	grid-template-columns: 0.7fr 1fr;
}

.box_4col dl dd h3{
	margin-bottom: 2vw;
	padding-bottom: 2vw;
}


/*sec05
----------------------------------------------------*/
#map{
	height:80vw;
}


/*sec06
----------------------------------------------------*/
.sec06 h2{
	font-size:6vw;
}

.sec06{
	margin-top: 0;
	padding: 15vw 0;
}

.sec06 .contents{
	width: 100%;
	margin: 0;
	padding: 6vw;
}

.sec06 h2{
	margin-bottom: 4vw;
	line-height: 1.4;
}

.sec06 table{
	width:100%;
}

.sec06 table th,
.sec06 table td{
	display: block;
}

.sec06 table td{
	width:100%;
}

.sec06 input{
	padding:3vw 8px;
}

.sec06 textarea{
	padding:3vw 8px;
}

.sec06 .kakomi{
	font-size:3.0vw;
}


/*sec07
----------------------------------------------------*/
.sec07 h2{
	font-size:6vw;
}


/*sec08（バナー）
----------------------------------------------------*/
.sec08 img{
	width: 100%;
}


/*footer
----------------------------------------------------*/
footer .contents{
	padding-bottom:18vw;
}

footer h2,
footer .center h2{
	width:60%;
	margin:0 auto 3vw auto;
}

footer .center h2.w20per{
	width:30%!important;
}

footer .copyright{
	font-size:2.8vw;
}


/*page top
----------------------------------------------------*/
#page-top a{
	width:40px;
	height:40px;
}

}