@charset "utf-8";

@-ms-viewport {
  width: auto;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pc{display:block;}
.sp{display:none;}

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

	.photoBoxOne{
		width:100%;
	}

	.photoBoxTwo{
		width:100%;
	}

/*flexbox
----------------------------------------------------*/
	.flexbox{
		display:flex;
		flex-direction:column;
		width:100%;
		height:auto;
	}
	.box-item{
		width:100%;
		text-align:left;
		margin:0 auto 50px auto;
	}


/*Contents layout
----------------------------------------------------*/
	section{
		width:100%;
		display:block;
		clear:both;
	}

	.contents{
		position:relative;
		width:95%;
		margin:0 auto;
	}

	.contentsBox{
		width:95%;
		margin:0 auto;
	}
	.logoBox{
		width:20%;
		position:absolute;
		top:0;
		right:0;
	
	}
	.logoBox img{
		width:100%;
	}
	.pankuzu{
		width:95%;
		margin:0 auto;
		font-size:12px;
		font-weight:100;
	}
	.pankuzu dd{
		float:left;
		margin-right:5px;
		margin-left:5px;

	}
	.pankuzu dd.current{
		font-weight:900;
	}

/*header
----------------------------------------------------*/
	header{
		width:100%;
	}
	header .flexbox{
		position:relative;
		height:10px;
	}
	
	header .box-item{
		padding:10px 0 0 10px;
	}
	header .box-item img{
		width:20%;
	}

	
/*sec01
----------------------------------------------------*/
	#sec01{
		padding:0 0 10px 0;
		margin:0;
	}
	#sec01 .contents{
		width:100%;
		margin:0 auto;
	}

	
/*sec02
----------------------------------------------------*/
	#sec02{
		padding:0 0 10px 0;
	}
	#sec02 .contents{
		width:94%;
		margin:0 auto;
	}
	.gallery > ul {
		margin-bottom: 0;
	}
	.gallery > ul > li {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
		width: 95%;
	}
	.gallery > ul > li a {
		border: 3px solid #000;
		border-radius: 3px;
		display: block;
		overflow: hidden;
		position: relative;
		float: none;
	}
	
	
/*footer
----------------------------------------------------*/
	footer{
		padding: 0;
		background: #087642;
	}
	
	footer ul{
		margin:5px auto;
	}
	
	footer ul li{
		float:none;
		width:95%;
		margin-left:10px;
		font-size:12px;
		text-align:center;
	}
	
	footer ul li:first-child{
		margin-left:0;
	}
	
	footer ul li img{
		width:100%;
		height:auto;
	}
	
	footer .box_copyright{
		padding:10px 0;
		font-size:12px;
		color:#fff;
		text-align:left;
	}
}