@charset "UTF-8";
/* CSS Document */
@media(min-width:999px){
	.menu{
		display: none;
	}
	.button{
		display: none;
	}

}
@media(max-width:999px){
/*-------ハンバーガー--------*/
		.button{
		background-color: #93d600;
		max-width:45px;
		width: 100%;
		height: 45px;
		right: 10px;
		position: relative;
			margin-left: 30px;
			z-index: 999;
	}
	.button span{
		background-color: #FFFFFF;
		width: 25px;
		height: 2px;
		display: inline-block;
		transition: all.4s;
		position: absolute;
		transform: translateX(35%);
	}
	.button span:nth-of-type(1){
		top: 13px;
	}
	.button span:nth-of-type(2){
		top: 21px;
	}
	.button span:nth-of-type(3){
		top: 29px;
	}
	  .button.active span:nth-of-type(1) {
    top: 15px;
    left: 16px;
    width: 31%;
    transform: translateY(6px)rotate(-45deg);
  }
  .button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .button.active span:nth-of-type(3) {
    top: 27px;
    left: 16px;
    width: 31%;
    transform: translateY(-6px)rotate(45deg);
  }
/*-------ハンバーガー--------*/
		.button{
		background-color: #055A85;
		max-width:45px;
		width: 100%;
		height: 45px;
		right: 15px;
		position: relative;
			margin-left: 30px;
			z-index: 999;
			
	}
	.button span{
		background-color: #FFFFFF;
		width: 25px;
		height: 2px;
		display: inline-block;
		transition: all.4s;
		position: absolute;
		transform: translateX(35%);
	}
	.button span:nth-of-type(1){
		top: 13px;
	}
	.button span:nth-of-type(2){
		top: 21px;
	}
	.button span:nth-of-type(3){
		top: 29px;
	}
	  .button.active span:nth-of-type(1) {
    top: 15px;
    left: 16px;
    width: 31%;
    transform: translateY(6px)rotate(-45deg);
  }
  .button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .button.active span:nth-of-type(3) {
    top: 27px;
    left: 16px;
    width: 31%;
    transform: translateY(-6px)rotate(45deg);
  }
  .g-nav {
    position: fixed;
    z-index: 999;
    height: 100%;
    transition: all.5s;
    width: 90%;
    max-width: 270px;
    background-size: cover;
    left: -100%;
    padding-top: 30px;
	 padding-top: 40px;
  }
    .bg-50.panelactive {
    background-color: rgba(0, 0, 0, 0.50);
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    z-index: 99;
  }
  .g-nav.panelactive {
    left: 0;
    overflow: scroll;
	      background: #fff;
  }
	.menu nav {
	    border: solid #A56154 1px;
    position: absolute;	
	}
	.list{
		    background-color: #FFFFFF;
    border-bottom: solid #A56154 1px;
    position: relative;
	}
	.list:hover{
		background-color: rgba(165,97,84,.4);
		
	}
	 .g-nav a {
    color: #055A85;
    font-weight: bold;
    padding: 20px ;
    width: 240px;
		display: block;
		 padding-left: 25px;
	}
	.sp_flex{
		display: flex;
		align-items: center;
	}
	nav ul li a::before{
	    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #055A85;
		
	}
	.btn{
	display: none;
	}
	.sen_1{
	background-image: url("../img/sen_1.jpg");
	background-repeat: repeat;
	height: 100px;
}

/*	メニュー*/
	.gnavi{
		display: none;
	}
/*メイン*/
	.test{
		padding-top: 70px;
	}
	.news{
		margin: 0 40px 0 40px;
	}
	.box{
		padding: 0 10px;
		max-width: 100%;
	}
	.txt_img_1,.txt_img_2{
		margin-bottom: 20px;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.txt_img_3{
		display: block;
		margin: 0 auto;
		width: 100%;
		margin-top: 20px;
	}
	.flex_center_whats{
		justify-content:flex-start;
	}

/*フッター*/
	.footer{
		min-height: 270px;
		height: 100%;
	}
		}
	@media(max-width:889px){
	
		.whats{
			margin-top: -20px;
		}
		.size31{
			font-size: 22px;
		line-height: 1.4;
		}
		.size21{
			    text-align: left;
			margin-left: 0;
    display: block;
		}
		.size21,.mg210{
			font-size:16px;
		}
		.mg210{
/*			margin-left: 150px;*/
			    line-height: 1.6;
			display: block;
			margin-top: -25px;
			margin-left: 0;
		}
		.flex_center{
			margin: 0 40px;
		}
}
	@media(max-width:760px){
		.header_img_1{
			max-width: 265px;
		}
		.main-bg_2{
			padding-bottom: 110px;
		}
		.test{
			    padding: 40px 0 0 0;
		}
		.whats{
			font-size: 24px;
			height: 30px;
		}
		.flex_betu,.flex_footer{
			display: block;
		}
		
		.ma_left{
			margin-bottom: 10px;
		}
		.flex_betu{
			padding-bottom: 22px;
		}
		.flex_footer{
			padding-bottom: 32px;
		}
		.none{
			display: block;
		}
}
@media(max-width:595px){
	.flex_center_whats{
		display:block;
		text-align: left;
	}
	.box{
		height: 209px;
	}
}
@media(max-width:539px){
	.flex_center_whats{
		display:block;
		text-align: left;
	}
}
@media(max-width:375px){
	.header{
		height: 70px;
	}
	.header_midasi{
		height:  70px;
	}
	
	.test {
    padding: 40px 0px 0 0px;
}
.flex_betu {
    padding-bottom: 5px;
}
.flex_footer {
    padding-bottom: 20px;
}
	.whats {
    font-size: 16px;
    height: 25px;
}
	.test {
    padding: 20px 0 0 0;
}
.header_img_1 {
    max-width: 185px;
}
.size31 {
    font-size: 18px;
}
	.mg210{
		font-size: 13px;
		margin-left: 0px;
	}
	.box{
		height: 210px;
	}
	.wrap_img_1{
		top: 20%;
	}
	.size21{
		font-size: 14px;
	}
}