@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: 5% 0;
}


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


/*menu
----------------------------------------------------*/
/*.box_menu ul{
	display: block;
}*/

.box_menu ul li{
	margin-bottom: 5%;
}


/*story
----------------------------------------------------*/
.story iframe{
	width: 100%;
	height:51vw;
}

/*下層
----------------------------------------------------*/
.ttl{
	margin-bottom: 6vw;
	font-size: 3.7rem;
}

.ttl span{
	font-size: 16vw;
}

.right{
	margin-bottom: 6vw;
}


}