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

/* <!-- 共通 --> */
body{
	margin: 0px;
	-webkit-text-size-adjust: 100%;

	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;

}

img {
    vertical-align: top;
}
img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}


.view-pc{    
    display: block !important;              /* フレックスボックスにする */
}
.view-mobile{
    display:none !important;
}
.wrapper{
	display:block;
	max-width:100%;
	width:100%;
	margin: 0 auto;
	overflow:hidden;
	height:auto;
	padding-bottom:0%;
	background-color: #679a01;
}


@media only screen and (max-width: 767px){ /* 767px以下 */
	
	.view-pc{    
		display:none !important;
	}
	.view-mobile{
		display: block !important;              /* フレックスボックスにする */
	}

	.non-youso{
		display:none !important;
	}

	.wrapper{
		display:block;
		max-width:100%;
		width:100%;
		margin: 0 auto;
		overflow:hidden;
		height:auto;
		padding-bottom:3%;
		background-color: #679a01;
	}

}




.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}