@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@1,700&display=swap');


html {overflow-y:scroll;
	font-size: 62.5%;	
}

body {
	line-height:1.0;	
	font-family: dnp-shuei-mgothic-std,sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222;
	font-size: 14px;
}

a, a:link,
a:active,
a:visited {
	transition: all 0.2s ease-out;
	outline: none;
	text-decoration:none;
}



@media only screen and (max-width: 780px) {
	html {
	font-size: 50%;	
}
	
}

/*---------------------------------------------------------common*/

img{
	width:100%;
	height: auto;
}

.tac{
	text-align: center;	
}

.spnomi{display: none;}
.pcnomi{display: block;}
.w1000{
	max-width: 1000px;
	margin: 0 auto;
	width: calc(100% - 20px);
}

.w_pd01{
	padding: 100px 0 20px;
}

.w_pd02{
	padding: 80px 0 80px;
}
@media only screen and (max-width: 999px) {
	.spnomi{display: block;
	}
	.pcnomi{display: none;
	}
}


/*---------------------------------------------------------header*/
header{
	width: 100%;
	height: 85px;
	background-color: #f6f7e8;
	position: relative;
	z-index: 2;
	
}

@media only screen and (max-width: 999px) {
	header{
	height: 65px;
	
}
}
/*---------------------------------------------------------main*/

#main{
	padding: 0 0;
	clear: both;
	background: url("images/machi.png") no-repeat bottom /100% auto,url("images/sora.png") no-repeat top /100% auto;
	min-height: 80vh;
	border-radius: 0 0 90% 90% / 0 0 20% 20%;
	z-index: 1;
	position: relative;
	display: block;
	
}

#main h1{
	font-size: 3.6rem;
	line-height: 1.5;
	padding-top: 25vh;
	text-align: center;
	font-weight: bold;
	
}
@media only screen and (max-width: 999px) {
	
#main{
	background: url("images/machi.png") no-repeat bottom /1500px auto,url("images/sora.png") no-repeat top right /1200px auto;
	margin-top: -100px;
	
}
}

@media only screen and (max-width: 489px) {
	
#main{
	background: url("images/machi.png") no-repeat bottom /800px auto,url("images/sora.png") no-repeat top -50px right -100px /900px auto;
	margin-top: -30px;
	
}
}
/*---------------------------------------------------------middle*/

.middle{
	padding: 150px 2% 100px 2%;
    /*box-shadow: 0 -3px 5px rgba(0,0,0,0.07) inset;*/
	background:
		url("images/en_orange.png") no-repeat bottom 20% left 17%/ 200px auto,
		url("images/en_orange.png") no-repeat bottom 3% right 17%/ 12% auto,
		url("images/en_orange.png") no-repeat top 35% right 15%/ 200px auto,
		url("images/en_orange.png") no-repeat top 10% left 5%/ 21% auto,
		url("images/en_green.png") no-repeat bottom -20px left 7%/ 20% auto,
		url("images/en_green.png") no-repeat top 20px right 7%/ 20% auto,
		url("images/en_green.png") no-repeat top 75% right 10%/ 150px auto,
		#f6f7e8 url("images/en_green.png") no-repeat center left 10%/ 180px auto;
	
	margin-top: -100px;	
	position: relative;
	z-index: 0;
}

.head01{
	font-size: 3.4rem;
	padding: 0 0 18px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.5;
}

.head02{
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: 2px;
	color: #8cc63f;
	position: relative;
	padding-top: 20px;
	
}

.head02:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    display: inline-block;
    width: 3rem;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #c7b299;
}


.soudan{
	background: #fff url("images/soudan.png") no-repeat center right / 50% auto;
	box-shadow: 0 0 8px rgba(0,0,0,0.07);
	border: 1px #fff solid;
	border-radius: 20px;
	text-align: center;
}

.soudan h3{
	font-size: 3.6rem;
	text-align: left;
	margin-bottom: 50px;
	font-weight: 600;
	margin: 40px 0 0 6%;
}


.totel,.tomail{
	width: 42%;
	display: inline-block;
	vertical-align: top;
	margin: 40px 20% 40px;
	text-align: center;
	min-width: 350px;
	

}

.totel.under{
	margin: 40px 50px 40px 0;
}
.tomail{
	margin: 40px 0 40px;
}

.totel{
	margin: 40px 50px 40px 0;
	
}

.totel a,.tomail a{
	width: 100%;
	background: #e7f7cb url("images/telcolor.png") no-repeat left 10% center / 22px auto;
	height: 80px;
	padding: 12px 0 0 0;
	color: #39b54a;
	line-height: 1.2;
	display: block;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid 1px #B9DC8B;

}
.totel a:hover,.tomail a:hover{
	transform:scale(1.02,1.02);
}

.tomail a{
	background: #f7f2cb url("images/mailcolor.png") no-repeat left 10% center / 24px auto;
	color:#f7931e;
	border: solid 1px #F9B668;
}
.totel a .number02,.tomail a .number02{
	font-size: 2.2rem;
	font-weight: bold;
	margin: 10px 0 0;
	display: block;
	letter-spacing: 1.5px;
	line-height: 1.1;
	color: #754c24;
}

.btn_text03{
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

.kind{
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}

.j01,.j02{
	width: 47%;
	background: url("images/j01.jpg") no-repeat top center;
	background-size: 100% auto;
	font-size: 3.2rem;
	padding: 100px 0 20px;
	text-align: center;
	color: #009245;
	text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
	display: inline-block;
	vertical-align: top;
	border: 5px solid #8cc63f;
	border-radius: 15px;
	font-weight: bold;
	
	
}

.j02{
	background: url("images/j02.jpg") no-repeat top center;
	background-size: 100% auto;
	color: #f15a24;
	border: 5px solid #fbb03b;
}

.k01,.k02,.k03{
	width: 32%;
	
	background-size: auto 100%;
	font-size: 2.8rem;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 2px #000;
	display: inline-block;
	vertical-align: top;
	border-radius: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	
	
}


.kind a:hover{
	background-size: auto 110%;
	transition: all .5s ease-out;
	
}

.kind a.j01:hover,.kind a.j02:hover{
	background-size: 110% auto;
	
}

.k02{
	width: 32%;
	background: url("images/job02.jpg") no-repeat top center;
	background-size: auto 100%;
}

.k03{
	width: 32%;
	background: url("images/job03.jpg") no-repeat top center;
	background-size: auto 100%;
}


.j01 span,.j02 span{
	display: block;
	font-size: 16px;
	padding-top: 80px;
	margin-right: 20px;
	text-align: right;
	color: #42210b;
}







.totel_f a:hover,.tomail_f a:hover,.totop a:hover{
	transform:scale(1.02,1.02);
}

.f13{
	font-size: 13px;
}
.for_head{
	text-align: center;
	padding: 35px 0;
	
}

.cha01{
	color: #754C24;
}

.cha02{
	color: #42210B;
}

.text01{
	line-height: 1.8;
	text-align: center;
	padding: 0 10px;
	font-size: 16px;
}




.news_li{
	font-size: 14px;
	max-width: 900px;
	padding: 0 10px;
	margin: 30px auto 60px;
	overflow: hidden;
	
}

.news_li li {
	padding: 15px;
	
	line-height: 1.8;
	border-bottom: 1px dotted #c7b299;
}

.news_li li span{
	font-size: 10px;
	border-radius: 5px;
	padding: 2px 10px;
	border: 1px solid #009245;
	margin: 0 30px 0 10px;
}

.btn00{
	text-align: center;
}

.btn00 a{
	width: 100%;
	max-width: 480px;
	color: #fff;
	background: #8cc63f;
	padding: 15px 0;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	border-radius: 15px;
	
}
.btn00 a:hover{
	transform:scale(1.1,1.1);
	
}

.note{
	color: red;
	padding-left: 5px;
}

.f_contact_outer{
	background-color: #fff;
}

.f_contact{
	background: #fff ;
	padding: 50px 0 30px;
	text-align: center;
	position: relative;
}
.f_contact h1{
	font-size: 2.8rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}

.f_contact img{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 90%;
}


/*---------------------------------------------------------footer*/

footer{
	padding: 30px 0 100px;
	background: #8cc63f ;
	color: #603813;
	line-height: 1.5;
	/*box-shadow:inset 0 8px 4px -4px rgba(0,0,0,0.09);*/
}

.f_logo{
	width: 80%;
	max-width: 250px;
	margin-bottom: 10px;
	
}

.footer_left{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.footer_right{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	position:relative;
}

.footer_right h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.foot_nav>li{
	display: inline-block;
	margin: 0;
	vertical-align: top;
	width: 45%;
	position: relative;
	padding-left: 20px;
	line-height: 2;
}

.foot_nav>li:before{
	content: "・";
	position: absolute;
	bottom: 5px;
	left: 0;
	color: #39b54a;
	font-size: 20px;
	line-height: 1;
}


.foot_nav li a{
	color: #603813;
}

.copy{
	text-align: center;
	margin-top: 30px;
	color: #1A873B;
}

/*---------------------------------------------------------fix_content*/

.fix_content{
	background:#fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
	padding: 10px 0 ;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
	
}


.totel_f,.tomail_f{
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	text-align: center;


}

.totel_f a,.tomail_f a{
	width: 100%;
	background: #e7f7cb url("images/telcolor.png") no-repeat left 10% center / 22px auto;
	height: 70px;
	padding: 12px 0 0 40px;
	color: #39b54a;
	line-height: 1.2;
	display: block;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 20px;
	
}

.tomail_f a{
	background: #f7f2cb url("images/mailcolor.png") no-repeat left 10% center / 24px auto;
	color:#f7931e;
	
}
.totel_f a .number02,.tomail_f a .number02{
	font-size: 1.9rem;
	font-weight: bold;
	margin: 10px 0 0;
	display: block;
	letter-spacing: 1.5px;
	line-height: 1.1;
	color: #754c24;
}




.btn_text03{
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

.totel_f a:hover,.tomail_f a:hover,.totop a:hover{
	transform:scale(1.02,1.02);
}

.totop{
	position: fixed;
	bottom: 110px;
	right: 0;
	background-color: #F8C47C;
	border-radius: 20px 0 0 20px;
	padding: 10px 0 0 10px ;
	height: 45px;
	width: 65px;
	box-sizing: border-box;
	font-size: 11px;
	color: #754c24;
	font-weight: bold;
	letter-spacing: 1px;
	z-index: 0;
	text-align: center;
}

.totop a i{
	color: coral;
	margin-bottom: 5px;
	
}

@media only screen and (max-width: 999px) {	
	.fix_content .nav-mobile{
	width: 32%;
	background-color: #F4F9BF;
	display: inline-block;
	
	border-radius: 20px;
		position: relative;
		
}
	
	
	footer{
	padding: 30px 0 100px;
}
	
	
	
	.totel_f,.tomail_f{
	width: 32%;
	margin-right: 0.5%;
	text-align: center;


}
	
	#nav-toggle02{
		left: 50%;
		margin-left: -15px;
		
	}
	
}

@media only screen and (max-width: 780px) {
	
	.soudan{
	background: #fff url("images/soudan.png") no-repeat center right -50px / auto 100%;
}
	.soudan h3{
		text-align: center;
	}
	.tomail{
	margin: 10px auto 40px ;
}

.totel{
	
	margin: 90px auto 0;
}
	.totel,.tomail{
	
	min-width: 300px;
		width: 90%;
	

}
	.totel.under{
	margin: 40px 0 0 0;
}
	.footer_left{
	width: calc(100% - 20px);
	display: block;
	margin: 0 auto;
}

.footer_right{
	width: calc(100% - 20px);
	display: block;
	margin: 30px auto 0;
}
	

	
}

@media only screen and (max-width: 680px) {
	
	.fix_content .nav-mobile{
	height: 60px;
}
	
	
	.totel_f a{
	background: #e7f7cb url("images/telcolor.png") no-repeat  center center / 24px auto;
		height: 60px;
}

.tomail_f a{
	background: #f7f2cb url("images/mailcolor.png") no-repeat  center center / 26px auto;
	color:#f7931e;
	height: 60px;
	
}
	
	.totel_f a .number02,.tomail_f a .number02{
display: none;
}
	.totel_f a .btn_text,.tomail_f a .btn_text{
display: none;
}
	
	#nav-toggle02 {
  padding: 5px 35px 16px 0px;
	z-index: 100;
}
	.nav-mobile a:after{
		bottom: -12px;
	}


	.for_head{
	text-align: center;
	padding: 35px 0 20px;
	
}

	.text01{
		text-align: left;
	}
	
	
	

.kind{
	display: block;
	justify-content: space-between;
	
}
	.j01,.j02{
		display: block;
		width: 90%;
		margin: 10px auto;
		padding: 70px 0 10px;
		font-size: 25px;
		background: url("images/j01.jpg") no-repeat top -50px center /cover;
	}
	
	.j02{
		background: url("images/j02.jpg") no-repeat top -50px center /cover;
	}
	.j01 span,.j02 span{
	padding-top: 40px;
	
}
	
	.k01,.k02,.k03{
	width: 90%;
	margin: 10px auto;
		display: block;
}


	
	
	
	
}

@media only screen and (max-width: 480px) {
	.j01,.j02{
		background: url("images/j01.jpg") no-repeat top center /cover;
	}
	
	.j02{
		background: url("images/j02.jpg") no-repeat top center /cover;
	}
	
}