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

/* ------------------------------------------  
COMMON
------------------------------------------ */
*{
	margin:0;
	padding:0;
	font-style:normal;
	border:0;
	zoom:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	word-break: break-all;
	}
	
html{height:100%;}

html>/**/body{overflow:-moz-scrollbars-vertical;}

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
	}
		
body{
	font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	margin:0;
	padding:0;
	border:0;
	/* color: #4a3c33; */
	background-color:#f8f4f1;
	font-size: medium;
	-webkit-text-size-adjust: 100%;
	text-align:left;
	line-height: 1.8em;
	}

a{
	outline: none;
	color: #a1623b;
	text-decoration: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	}

a:visited	{color: #a1623b;}

a:hover		{/*color: #586993;*/
			opacity: 0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
			-webkit-transition:0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
			}

a.arrow:before {
	font-family:"Font Awesome 5 Free";
	content: "\f105";
	padding-right: 0.3em;
	text-decoration: none;
	display: inline-block;
	font-size: 108%;
	font-weight:900;
}

p a{
	outline: none;
	color: #a1623b;
	text-decoration: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	text-decoration: underline;
	}
	/*p a:hover{color: #778700;}*/

ul.ul_arrow li:before,.arrow:before {
	font-family:  "Font Awesome 5 Free";
	content: "\f0da";
	padding-right: 0.3em;
	text-decoration: none;
	display: inline-block;
	font-size: 108%;
	}
	
ul.ul_arrow li{
	text-align:left;	
}

ul.ul_nav {
	text-align: center;
    margin: 0 0 30px;	
}
    

	ul.ul_nav li{
		display:inline-block;
		font-size:95%;
		margin-left:0;
		text-indent:0;
		margin:0 7px;
		list-style:none;
		padding-left:0;
	}
	
	ul.ul_nav li a{
		width:auto;
		padding: 15px 1.3em;
		margin:0 0 8px 0;
		color: #ffffff;
		display:inline-block;
		background-color: #778700;
		border-radius:3px;
		font-weight:500;
		}
	
	ul.ul_nav li a:hover{background-color: #b3b87b;}

	ul.ul_nav li a:before{
		padding-right:5px;
		font-family:"Font Awesome 5 Free";
		content:"\f105";
		font-size:110%;
		font-weight:900;
	}


img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	/* margin: 0 1% 10px; */
	margin: 0 0 10px;
	border-radius:3px;
	}

a img:hover	{
	opacity: 0.7;
	}

img.w80 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

p{
	text-align: left;
	line-height:1.7em;
	font-size: 110%;
	margin: 0 1% 20px;
	color: #4e4037;
	}

p.w80{
	text-align: left;
	margin: 0 auto 30px;
	width: 80%;
	}

p.caption {
    font-size: 90%;
    text-align: left;
    line-height: 1.5em;
    margin: 10px 1% 20px;
}
p.em{color: #ff5039;
	font-style: normal;
	font-weight:500;
	font-size:100%;
	margin-bottom:30px;}

em{
	color: #ff5039;
	font-style: normal;
	font-weight:500;
	}

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

hr{
	clear:both;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px 0 0;
	display:block;
	height:1px;
	margin: 30px 0 30px;
}
.center{text-align:center;}
.left{text-align:left;}

/* ------------------------------------------  
HEADER
------------------------------------------ */
header {
    width: 100%;
    margin: 0 auto;
	background-image:url("img/bg.jpg");
 }

#header-inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/*#header-inner p.copy {
    margin: 20px 0 0px;
	color: #5a5a5a;
}*/
	
	#header-top {
		max-width: 320px;
		width:32%;
		/* margin-top:0; */
		height: 120px;
		float:left;
		background-image:url("img/h1.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position: left bottom 23px;
		text-indent: -9999px;
		/*position:relative;*/
		z-index:100;
		cursor: pointer;
		}

	#header-top a {
		display: block;
		width: 100%;
		height: 100%;
	}


	#header-top:hover{
		opacity:.7;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		-ms-transition: .3s;
		transition: .3s;}

		#header-top img{margin-bottom:0;}	

/* nav */

	#menubox{
		display: block;
		float: right;
		width: 65%;
		position:relative;
		z-index:10;
		text-align: right;
}
.remodal p.menu_phone{width:100%;}
#menubox p, 
.remodal p.menu_phone {
    display: inline-block;
    text-align:center;
    line-height:25px;
    font-size: 200%;
    font-weight: bold;
    color: #778700;
    margin-top: 22px;
}

#menubox p a{color: #778700;}

	#menubox p span,
	.remodal p.menu_phone span{color:#4a3c33; font-size:50%;}

		#toggle { display: none;}

	ul.menu01,ul.menu02 {
		text-align: right;
		display: inline-block;
		width: auto;
	}

	ul.menu01 li,ul.menu02 li{
		display: inline-block;
		padding: 2px 12px;			
}

	ul.menu01 {
		/*position: absolute;
		top: 46px;
		right: 220px;
		letter-spacing:0.1em;
		font-size:90%;*/
	}

	ul.menu02 {
		/*position: absolute;
		top: 77px;
		right: 220px;
		width:100%;*/
		position: absolute;
		bottom: 10px;
		right: 250px;
		padding: 20px 20px 0;
	}

	ul.menu01 li:first-of-type:after {
		content:"/";
		color:#525252;
		padding-left: 0.5em;
		cursor: default;
	}
	
	ul.menu01 li a{
		color:#525252;
}


	ul.menu02 li a{
		color: #a1623b;
}
	ul.menu02 li a:hover{
		color: #778700;
}
	ul.menu01 li a:hover,ul.menu02 li a:hover{
		background-position: 0% 100%;}
		
	.menu03{
		display: block;
		width: 93px;
		height:130px;
		position: absolute;
		top: 0;
		right: 100px;
		padding: 48px 20px 0;
		max-height: 130px;
		/* background-color: #384566; */
		color: #778700;
		z-index: 1000;
		font-size: 75%;
		line-height:2;
		letter-spacing:0.08em;
}

		.menu03:hover {
			border:none;
			color:#fff;
		}
		
		.menu03:visited {
			color: #778700;
		}

		.menu03 i{
			font-size: 53px;
			display:block;
		}

#sp_menu{display: none;}

.remodal img{
	width: 50%;
	margin:40px auto 20px;
}
.remodal p.menu_phone{margin-top: 0px;}
.remodal p.menu_phone a{color: #778700;text-decoration:none;}

/* nav */
nav{background: #f8f4f1;color: #FFF;}

nav ul{color: #FFF;padding-left: 0;}
	
	#gnav {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		}

	#gnav li {
		float: left;
		width: 25%;
		list-style: none;
		text-align: center;
		letter-spacing: 0.06em;
		font-size: 100%;
		font-weight: 500;
		margin: 0;
		padding-bottom:0;
		border-left: 1px dashed #cda287;
		}
		#gnav li:last-child{border-right:1px dashed #cda287;}


	#gnav li a{
		display: block;
		line-height: 60px;
		color: #4a3c33;	
		position: relative;
				
		}
		#gnav li a:hover:after{
			content:"･･･････････";
			color:#778700;
			position: absolute;
	        top: 24%;
	        left: 30%;	        
		}

		#gnav li a:visited {/*color: #221f1e;*/}
		
		#gnav li a:hover {
			background-color: rgba(224, 150, 1, 0.2);
			opacity: 1;
			position: relative;	
					
			}


#eyecatch{
	clear:both;
	width:100%;
	margin: 0;
	position: relative;
	}

.ct_catch {
	clear:both;
	max-width:100%;
	width:100%;
	margin: 0 auto;
	padding-bottom: 30%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	vertical-align:middle;
	position: relative;
}

#eyecatch ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.ct_catch h2{
	position: absolute;
	top: 50%;
	left: 49%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	color: #fff;
	padding:0;
	letter-spacing:0.03em;
	width: 100%;

}

.ct_catch#about{background-image:url("img/eye_about.jpg");}
.ct_catch#album{background-image:url("img/eye_album.jpg");}
.ct_catch#corporation{background-image:url("img/eye_corporation.jpg");}
.ct_catch#recruit{background-image: url("img/eye_recruit_02.jpg");}
.ct_catch#privacy{background-image:url("img/eye_privacy.jpg");}
.ct_catch#contact_recruit{background-image: url("img/eye_contact_recruit.jpg");}
.ct_catch#contact_process{background-image:url("img/eye_contact.jpg");}

/* breadcrumbs */
.breadcrumbs {
    width: 100%;
    min-height: 1.3em;
    line-height: 1.3em;
    padding: 1.7em 3%;
    font-size: 80%;
    margin: 0 auto;

}
	
	.breadcrumbs p{
		margin-bottom:0;
		width:96%;
		max-width: 1000px;
		margin: 0 auto;
		color: #4a3c33;
		text-align: center;
	}

	.breadcrumbs a,
	.breadcrumbs a:visited,
	.breadcrumbs a:hover:after{color:#a1623b;text-decoration: none;}
	
	/*.breadcrumbs a:hover{color: #7088c4;}*/
	
	.breadcrumbs a:after{
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 100%;
		color:#4a3c33;
		margin: 10px;
	}

/* ------------------------------------------  
BASE
------------------------------------------ */
#wrapper{
	margin: 0 auto;
	position: relative;
	
	}

.inner{
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    padding:5% 0 3%;
 }
	
.inner.top{padding-top:0;}
.wrap_yellow,.wrap_green{
    width: 100%;
    /* margin: 0 auto 30px; */
    padding: 20px 0;
 }
	
.wrap_yellow{ background-color:#f5e7cd;}
.wrap_green{background-color:#e2e4d1;}
.wrap_gray{background-color: #e9e5e0;}

/*---------------------------------------------------------------------------------
FOOT
---------------------------------------------------------------------------------*/
footer{
	width: 100%;
	margin: 0;
	padding: 5% 0;
	text-align: center;
	background-image:url("img/bg.jpg");
	clear: both;
	color: #000;
	font-size: 90%;
	line-height: 1.6em;
}

.footer-inner {
    margin: 0 auto;
    max-width: 1000px;
	width:94%;
}

	footer a{
		color: #000;}

	footer a:hover{
		text-decoration:none;
		opacity:0.7;}

#f_nav{
	margin:0;
	padding:0;
	text-align:left;
	width: 600px;
	float:right;
	font-size: 110%;
	font-weight:500;
	width:calc(100% - 450px);
	}

	#f_nav a,#f_nav a:visited{color:#4a3c33;}

footer ul{
	min-width:170px;
	padding:5px 0;
	margin:0 10px 0 -10px;
	line-height:1.8em;
	float:left;
	display:block;
	color:#4a3c33;
	width:48%;
}

	footer ul li{padding-left:10px;white-space:nowrap;list-style: none;clear: both;}
	footer ul li a{clear: both;}

	footer ul li ul{
		width:220px;
		float:left;
		padding:5px 0;
		margin:0 20px 0 1em;
		border-left: none;
	}

		footer ul li ul li{
		margin:0;
		padding:0;
		color:#4a3c33;
		list-style:none;
		}
	
	footer ul li{
		list-style:circle inside;
		display: list-item;
		margin:0;
		padding:0;
		white-space:nowrap;
		list-style: disc inside;
	}

footer ul li{
	list-style-type: none;
}
	
	#f_nav > ul > li:before{
		content: '●';
		margin:0;
		padding:0 0.4em 0 0;
		white-space:nowrap;
		font-size: 50%;
	}
	footer ul.list_bd {width:100%;}
	footer ul.list_bd li:before{
		content: '〇';
		margin:0;
		padding:0 0.4em 0 0;
		white-space:nowrap;
		font-size: 50%;
	}

	#f_nav > ul > li.no_style:before{content:none;}

.f_title {
	width: 40%;
	float: left;
	/* padding-right: 15%; */
}

	.footer_logo{
		width: 80%;
		display: block;
		float: left;
		margin: 0 10%;
	}

	.farm_ad{
		display: block;
		width: 100%;
	}
	.ad_title{
		font-size: 160%;	
	}

	.ad_title span{
		font-weight: 900;
	}

#copy{
	padding:10px 0 0;
	clear:both;
	margin:0;
	text-align: center;
}
#copy a{color:#778700;text-decoration:none;}

#foot_contact{
	background:#223155;
	color: #FFF !important;

}

#foot_contact p,#foot_contact p.tel{
	color: #FFF;


}

#foot_contact p.tel{
	font-size:200%;
    text-align: center;
}

#foot_contact .button a{
	color: #FFF;
    border: 2px #FFF solid;		
}

div#twitter {
    width: 50%;
    margin: 0 auto;
}


/* ------------------------------------------  
pagemove
------------------------------------------ */
#pagemove{
	position: fixed;
	bottom: 20px;
	right: 0;
	font-size: 25px;
	z-index:200;
}


#pagemove a {


	padding:12px;
	color:#ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-align: center;
	background: rgba(119, 135, 0, 0.39);
	display: block;
	border-radius:4px 0 0 4px;
}


#pagemove a:hover {
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

/* ------------------------------------------  
TITLE
------------------------------------------ */
h2,h3,h4,h5{
	font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ　Ｐ明朝","MS PMincho","Sawarabi Mincho",serif;
	clear:both;
	font-weight:500;
	}

h2 {
    line-height: 1.5em;
    line-height: 1.2em;
    padding: 0.1em 0.5em;
    margin: 0 1% 40px;
    font-size: 205%;
    text-align: center;
    font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ　Ｐ明朝","MS PMincho","Sawarabi Mincho",serif;
    color: #5a3e2a;
 }


	.t_border {
		display: flex;
		align-items: center;
		text-align: center;
		margin: 0 auto;
		background: none;
		border: none;
		max-width:1000px;
		width:100%;
		padding:6% 0 0;
	}

	.t_border h2{
		line-height:1.2em;
		margin:0;}


	.t_border:before {
		border-top: 2px solid #e4e4e4;
		content: "";
		display: inline; /* for IE */
		flex-grow: 1;
		margin-right: 1em;
	}

	.t_border:after {
		border-top: 2px solid #e4e4e4;
		content: "";
		display: inline;
		flex-grow: 1;
		margin-left: 1em;
	}

h3 {
	font-size: 180%;
	text-align: center;
	display:block;
	color: #5a3e2a;
	line-height:1.5em;
	margin:0em auto 20px;
	padding:0;
}
h3.about{
	color:#778700;
	font-size:160%;}
h3.recruit{color: #e09601;}


h4{
	padding:10px 0.5em;
	margin:0 0 20px;
	line-height:1.5em;
	font-size: 160%;
	color:#ffffff;
	background-image:url(img/bg_title.jpg);
	background-image/*\**/: url(img/bg_title.jpg)\9;
	/* background-repeat:no-repeat; */
	background-size:100%;
	border-radius:3px;
	}

	h4 span{
		font-size: 85%;
		padding-left: 2%;
	}

h5 {
    font-size: 145%;
    margin: 15px 0 10px 10px;
    padding-bottom:0.3em;
    color:#778700;
    border-bottom: dashed 2px;
    display: table;
}

/* ------------------------------------------  
BOX
------------------------------------------ */
.grid1,
.grid2,
.grid3,
.grid5{
	float: left;
	margin: 0 1%;
}

.grid5  {width: 18%;}
.grid1  {width: 31.33%;}
.grid3	{width: 31.33%;}
.grid4	{width: 23%;margin: 0 1% 0;float: left;}
.grid2  {width: 64.67%;}
.half{
	width: 48%;
	float: left;
	margin: 0 1% 20px;
}
.column4 img{
	float: left;
	width: 25%;
	margin:0;
	border-radius:0;
}
.grid4 img {margin:0;max-width: 100%;}

.grid4 ul.white {
	background-color:#fff;
	display:block;
	text-align:left;
	padding:10% 15%;
	margin:0;
	width: 100%;
}


.grid4 ul.white li{
	list-style-type: disc;
	font-size: 80%;
	font-weight: 500;
}

.box_white {
    background: #FFF;
    width: 98%;
    margin: 20px 1% 2%;
    padding: 40px 60px 50px;
}

.box_border {
    border: 5px solid #a7afc4;
    padding: 10px 15px 10px;
    margin: 0 0 30px;
}

.box_read{
	width: 86%;
	margin: 0 auto 50px;
	text-align: left;
	}

.box_beige {
    background-color: #f8f5ee;
    margin: 20px 1% 40px;
    padding: 20px 20px;
    width: 98%;
    clear: both;
    box-sizing: border-box;
}

	.box_beige p{
		margin-bottom: 0;
		font-size: 110%;
		text-align: center;
		}

		.box_beige a.tel{
			font-weight: bold;
			font-size: 120%;
			}

.narrow_box{
	width: 94%;
	max-width:900px;
	margin:0 auto;
	}

.img3_box img{
	margin:0;














	width:33.333%;
	float:left;
}

.grid_40{width:37%;}
.grid_60{width:51%;}

.grid_40,

.grid_60{
	float:left;
	margin:0 3% 3%;
	}

/* ------------------------------------------  
LIST
------------------------------------------ */
ol,ul{
	width: 98%;
	padding:0;
	}
	
ol {
	list-style-position: inside;
	color:#4e4037;
	margin: 0 auto 20px;
	text-align: left;
	}


ul {
	list-style: none;
	margin: 0 auto 20px;
	text-align: left;
	list-style-type: disc;
	/*list-style-position: inside;*/
	padding-left:20px;
	color:#4e4037;
	/* font-size:110%; */
	}
li{padding-bottom:0.5em;}

ul.half {
    width: 46%;
    margin: 0 2%;
    padding-right: 20px;
}



dl {

    float: none;
    width: 98%;
    margin: 20px auto;
    text-align: left;
}

dt {
    margin-top: 12px;
    padding: 12px 0 5px;
    font-size: 105%;
}

dt a{ color: #D6A968;}

dt a:visited{ color: #d6a968;}

dt a:hover { color: #e57636;}

/* ------------------------------------------  
TABLE
------------------------------------------ */

table p{
	margin: 0 1% 0px;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 0 auto 30px;
	font-size: 100%;
	text-align:left;
	border: 1px #bcbdbe solid;
}

	table td {
	padding: 16px;
	border-bottom: 1px #bcbdbe solid;
	background: #ffffff;
	color:#4e4037;
	}

	table th {
		padding: 16px;
		width: 25%;
		border-bottom: 1px #bcbdbe solid;
		background: #dbd6d2;
		color:#604634;
		} 

	table th em {
		font-size: 80%;
	}
table.recruit{border: 1px #e0dbd1 solid;}

table.recruit th {
		background: #e7c27e;
		border-bottom: 1px #e0dbd1 solid;
		} 
table.recruit td{border-bottom: 1px #e0dbd1 solid;}
.half table th{width: 40%;}

/*料金表*/
table.price thead th{padding:16px;background: #d2d8ac;text-align:center;}
table.price th,
table.price td{width: 20%;border: 1px #bcbdbe solid;}
table.price td.level{
	text-align:center; 
	background:#dbd6d2;
	font-weight:bold;
	color:#604634;}
table.price td{text-align:right;}

/*法人概要*/
table.outline thead th{padding:16px;background: #d2d8ac;text-align:center;}
table.outline th,
table.outline td{border: 1px #bcbdbe solid;}
table.outline td.t_gray{
	text-align:center; 
	background:#dbd6d2;
	font-weight:bold;
	color:#604634;}

table.outline td.t_gray,
table.outline th.t_gray{
	width:20%;
	padding: 5px;
	}


/* ------------------------------------------  
BUTTON
------------------------------------------ */

.button_box {
    margin: 10px 0;
}

/*.button{text-align: center;}*/

.button {
    text-align: center;
    /*width: 100%;*/
    display: block;
    /*float: left;*/
    margin: 0 0 30px;
    /*clear:both;*/
}

.button a{
	position: relative;
	display:inline-block;
	text-emphasis: center;
	text-decoration:none;
	margin: 0 auto;
	padding: 13px 3em;
	height:auto;
	clear:both;
	font-weight:700;
	border-radius:3px;
	color:#fff;
	background-color:#4e4037;
	/*background-size: 200% 100%;
	background-image: -webkit-linear-gradient(left, transparent 50%, #a7afc4 50%);
	background-image: linear-gradient(to right, transparent 50%, #a7afc4 50%);
	-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	*/
	}

.button a, .button  a:visited {
	color: #fff;
}
	
.button a:before {
  font-family:  "Font Awesome 5 Free";
  content: "\f105";
  padding: 0 0.4em;
  display: inline-block;
  vertical-align: top;		
}
		
	/*.button a:hover {
		background-color:#a7afc4;
    	background-position: -100% 100%;*/
		}

.button.grid3 a {
    max-width: 100% !important;
    display: block;
}

.button_box .button{
	display:inline-block !important;
	padding:0 7px;
}

/* ------------------------------------------  
INDEX
------------------------------------------ */
/*about*/
#about h3{
	font-size: 160%;
	color:#778700;
	border-bottom: dashed 2px;
	display: table;
}
#about h3.left{border:none;}
#about h4{
	font-size:160%;
}
/* TOP .process_box, .price_box */
.process_box,
.price_box{
	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 19%;
	margin: 0;
	padding-right: 12%;
	padding-left: 12%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #ffffff;
	position:relative;
	}

.process_box{ background-image: url(img/service01.jpg);}
.price_box{ background-image: url(img/service02.jpg);}
	
	.process_box h4,
	.price_box h4{
		font-weight: normal;
		margin: 60px 1% 10px;
		border:none;
		background:none;
		text-align:center;
		}
	
	.process_box p,
	.price_box p{
    	letter-spacing: 0.5px;
    	line-height: 1.9em;
    	/* font-size: 130%; */
    	color: #ffffff;
  }
	
	.process_box a,
	.price_box a{
		color: #ffffff;
		border-bottom: 1px dotted #ffffff; 
		}
		
		.process_box a:hover,
		.priceion_box a:hover{
			opacity: 0.9;
			text-shadow: 0.2px 0.2px 1px rgba(0, 0, 0, 0.2);

			}
	
	.process_box .button, 
	.price_box .button{
		/* font-size: 108%; */
		letter-spacing: 1.5px;
		margin: 30px auto 20px;
		}
	
	.process_box .button a, 
	.price_box .button a,
	.process_box .button a:visited 
	.price_box .button a:visited {
		color: #fff;
		border: 4px solid #fff;
		background-color:transparent;
		padding: 10px 3em;
		}
		
		.process_box .button a:hover, 
		.price_box .button a:hover{
			color: #4e4037;
			opacity: 1.0;
    		background-color: rgba(255, 255, 255, 0.50);
			}
/*album*/
#album img{margin: 30px auto;}
#album h2{margin-bottom:0px;}
/*recruit*/
#recruit p{padding:0 20%;}
.button.recruit a{background-color:#e09601;padding:13px 2em;}
#recruit.wrap_yellow {padding-bottom:0;}
.contact_box{
	width:95%;
	border: 2px solid #4e4037;
	background:#fff;
	margin: 30px auto 64px;
	padding:40px 10%;
}
.contact_box p{
	text-align:center;
	margin-bottom:5px;
	color: #4e4037;}

.contact_box h2{margin-bottom:5px;}

p.tel{
	margin-bottom:10px;
	font-size: 220%;
    font-weight: bold;
    color: #4e4037;
	}
	p.tel a{color: #4e4037; text-decoration: none;}
/*contact*/
.button_box{
	text-align: center;	
	width: 100%;
	float: left;
}
.contact_box .button a:before{ content: none;}

.contact_box.button a.fa.fa-home,
.contact_box.button a.fa.fa-user{font-size:120%;}
.button.stay a{background-color:#778700;padding:13px 2em;}
/* ------------------------------------------  
CONTENTS
------------------------------------------ */
/*施設のアルバム*/
.album .half{
	margin-bottom:12px;
}

.album img{border-radius:0px;}

.set.three >a img{
	float: left;
	display: inline;
	margin: 0 1% 0px;
	width: 31.333%;
}

.full img{
	width:98%;
	margin: 0 1% 24px;
	}

.album .grid3 a img{margin-bottom: 20px;}
/*bn_area*/
/*.bn_area{width:95%;margin: 0 auto;}*/
/* ------------------------------------------  
お問い合わせ
------------------------------------------ */
#contact {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}

	#contact .number{
		display:block;
		font-size: 240%;
		font-weight: bold;
	}

input,textarea,select{border:1px solid #ddd;}

input[type="text"] {font-size:104%;padding:1.5%;}

textarea{font-size: 128%;}

#message{width:100%;}
#name,#kana,#tel{width:60%;max-width:250px;}
#email_s,#emailcheck,#address{width:100%;max-width:400px;}
#age{font-size:104%;padding:1.5% 0 1.5% 1.5%;}

.checkbox label{font-size:104%; margin-right:1em;}

input[type="submit"],
input[type="button"] {
	font-weight:bold;
	width: 220px;
	height: 48px;
	text-align: center;
	margin: 32px auto 64px;
	clear: both;
	display: block;
	cursor: pointer;
	font-family:  'Noto Sans JP', sans-serif;
	font-size:100%;
	}

	input[type="submit"]{
		background: #4e4037;
		color: #fff;
		border-radius: 3px;
		}
		
	input[type="button"]{
		background: #ecf0f5;
		}
		
	input[type="submit"]:hover,
	input[type="button"]:hover {opacity: 0.7;}

#mail {
    background: #384566;
}

#mail p{
    color: #FFF;
}

#mailt p.tel {

	font-size: 200%;
    display: block;
}

#mail .button a {
    background: #FFF;
    color: #384566;
	border: none;
}


.bg_logo{
	clear:both;
	max-width:100%;
	width:100%;
	margin: 0 auto;
	background-image:url("img/bg_kimura.png");
	background-repeat:no-repeat;
	background-size:580px;
	background-position:center 10%;
}

	.bg_logo h2{
		clear:both;

		max-width:100%;
		width:100%;
		padding:10px 0 50px;
		margin: 0 auto;
		line-height:1.45;
	}


.box_pink {
    background: #f9e8e8;

    padding: 30px;
    margin: 0px auto 50px;
	float: left;

}


#commendation {
    background: #d5b936;
    color: #384566;	
}

	#commendation p{
	   color: #384566;
	   font-weight: bold;
	}

	#commendation img {
		display: inline-block;

		float: left;
		width: 80px;
	    margin-right: 20px;	
	}

	p.com01 {
		margin: 10px 0 0;
	}

	p.com02 {
		font-size: 120%;
	}

		p.com02 span {
			font-size: 200%;
		}

.icon_box img {
    width: 10.11%;
    margin: 0 0.5% 2%;
    float: left;
}

.icon_box {
    margin: 20px 0 20px;
    float: left;
}


.half h3 {
    margin: 0 0 15px;
}

	
/* ------------------------------------------  
.process, .price
------------------------------------------ */

@media only screen and (max-width:1700px) {
.process_box, .price_box {
    padding-right: 10%;
    padding-left: 10%;
    padding-bottom:25%;

}
}


@media only screen and (max-width:1360px) {
.process_box, .price_box {
	padding-bottom: 28%;
	padding-right: 6%;
	padding-left: 6%;
	}
}
@media only screen and (max-width:1200px) {
.process_box, .price_box {
	padding-bottom: 35%;
	}
}

@media only screen and (max-width:979px) {
.process_box, .price_box {
	padding-bottom: 50%;
	padding-right: 5%;
	padding-left: 5%;
	}
	
.process_box h2, .price_box h2{
	font-size: 180%;
    line-height: 1.7em;
    letter-spacing: 1px;
	}
}

/* ------------------------------------------  
404
------------------------------------------ */
.breadcrumbs.p_404{
	background-color:#fff;
}
ul.p_404{
	padding:15px;
	margin:0;
	width:100%;
}
	ul.p_404 li{
		font-size:90%;
		width:46%;
		margin: 0 1%;
		padding-bottom:0;
		display:inline-block;
		list-style:none;
		text-align:center;
		font-weight: bold;
	}

	ul.p_404 a{
		display:block;

		padding: 20px 0;
		border-top:1px solid #d7d7d7;
		font-size: 110%;
		letter-spacing:0;
		font-weight:500;
	}
	
		/*.remodal ul a:before{
			  font-family:  "Font Awesome 5 Free";
			  content: "\f105";
			margin-left:0.7em;
			padding-right:0.5em;
			font-weight:900;
			}*/
	
	ul.p_404 li a:hover{
		background: #fceed4;
	}
@media screen and (max-width:540px) {
	ul.p_404 li{
		width:98%;
		margin: 0 1%;
		display:inline-block;
		text-align:center;
		list-style:none;
		font-weight: bold;
		font-size:100%;
	}
	}
/* ------------------------------------------  
for - 1024px
------------------------------------------ */
@media screen and (max-width:1024px) {
	
#header-inner {
    width: 90%;
	}
	
#header-top {
	margin-left: 20px;
	height: 105px;
	}
	ul.menu01,
	ul.menu02{right: 190px;}
	.menu03{right: 20px;}
	
#menubox p {
	font-size: 160%;
	margin-top: 19px;
	}

}

/* ------------------------------------------  
for -960px
------------------------------------------ */

@media screen and (max-width:960px) {
		#gnav li a:hover:after{
				top: 24%;
				left: 26%;	        
			}	
}
/* ------------------------------------------  
for - 768px
------------------------------------------ */

@media screen and (max-width:768px) {
	
#wrapper {
    margin-top: 90px;
}
p.caption {
    font-size: 98%;
    margin-bottom:30px;
}
/* header */
header{
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
	height: 115px;
}
	
header,.menu03{
	position:fixed;
	top:0;
	z-index:10;
}

#gnav {
    display: none;
}	
	
#header-inner p.copy {
    display: none;
}

#gnav li a:hover:after{
	top: 24%;
	left: 28%;	        
	}


#sp_menu {display: block;}
#menubox{display:none;}
		
ul.menu01, ul.menu02 {
	text-align: left;
    float: none;	
}
	
	ul.menu01 li, ul.menu02 li {
	    padding: 0px 10px;
		font-size: 8px;
	    vertical-align: super;
		line-height: 2.5em;
	}

	#header-top {
		height: 100px;
		width: 100%;
		background-position: left bottom 7px;
		float: left;
	}
	
	.menu03{
		height: 58px;
		width: 55px;
		padding: 25px 40px;
		/* font-size: 89%; */
		margin: 0 auto;
	}

		.menu03 span {
		 width: 52px;
		 font-size: 9px;
		 line-height: 1em;
		 display: table;
		}	
	.menu03 a{color:#778700;}


ul.half {
    width: 100%;
    margin: 0 2%;
}

#eyecatch {
    margin: 0;
}
	
	#point{
	    position: relative;
	    margin-top:20px;
	}

/* footer */
.footer-inner{
	width:80%;
	padding:40px 0;
}
.footer-inner ul{
	margin: 0 1%!important;
	padding: 0 !important;
	width: 48%;
}
	.footer-inner ul li {
		list-style: none;
		margin:0;
		padding:0;
		width:100%;
		display: table;
		text-indent:0;
		border-top:2px dotted #ffffff;
		font-weight:500;
	}
	.footer-inner ul li.no_style{border:none;}
	
		.footer-inner ul li a{
			width:100%;
			display: inline-block;
			padding: 5% 3% 5% 20px;
			/* font-weight:bold; */
			font-size:100%;
			text-decoration:none;
			text-align:left;
		}

		

		.footer-inner ul li a:hover{
			color: #6f94ae;

		}
	
.f_title {
    width: 100%;
    padding: 0 20px;
}

#f_nav {
	width:100%;
}	


	.farm_ad{
		width:100%;
	}

	.footer_logo{
		float:none;
		width: 80%;
		margin-right:0;
		}


	#copy{text-align:center;}

.process_box, .price_box {
    padding-bottom: 46%;
    padding-top: 10%;
    padding-right: 5%;
    padding-left: 5%;
    float: none;
    margin-bottom: 0;
    width: 100%;
    /* font-size: 92%; */
}

.process_box h4, .price_box h4 {
    margin: 0px 1% 10px;

}
div.set.three{
    margin-bottom: -8px;
}

#outline,#fee,#process{
	margin-top:-150px;
    padding-top:150px;}

}

/* ------------------------------------------  
for - 640px
------------------------------------------ */

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

.remodal img{width:70%;}

.remodal ul a{font-size: 95%;}



/* title */
.t_border {
	padding:60px 0 0;
}
	
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.half,
.grid_40,
.grid_60{
	width:100%;
}

.grid4 img{margin-bottom:10px;}
.button_box {
    margin: 30px 0 30px;
}	

.icon_box img {
    width: 19%;
}
	
	.half ul{
		margin-bottom:0;
	}
.album .half{
	width: 48%;
	float: left;
	margin: 0 1% 0px;
}
.album .full img{
	width:98%;
	margin: 0 1% 10px;
	}
.album .grid3{width:31.333%;}

.album .grid3 a img{margin-bottom:10px;}
.process_box, .price_box {padding-bottom: 56%;}

.wrap_green .half{margin:0 0 10px;}
}

/* ------------------------------------------  
for - 540px
------------------------------------------ */

@media screen and (max-width:540px) {
	
ul.menu01, ul.menu02{
	display: none;	
}
.remodal{padding-bottom:10px;}
	
	body{
		font-size:100%;
	}	
	
/*br.sp{display: inline;}
.sp{display: block;}
.spbr_no br{display: none;}
.pc{display: none;}*/

.breadcrumbs p{
	text-align: left;
}
	.remodal li{
		width:98%;
		margin: 0 1%;
		display:inline-block;
		text-align:center;
		list-style:none;
		font-weight: bold;
		font-size:100%;
	}


ul.ul_nav{width: 90%;padding: 0;margin: 0 auto;}

	ul.ul_nav li{
		display:block;
		margin:0;
	}

		ul.ul_nav li a{
			width:100%;
			padding: 15px 1.3em;
			margin-bottom:5px;
		}
	
/* header */
	
header {
    height: 100px;
}	

#header-top {
	/* height: 18px; */
	width: 220px;
	background-position: left top;
	margin: 17px 0 8px;
	}


.menu03 {
    height: 65px;
    width: 65px;
    padding: 5% 5%;
    font-size: 65%;


    margin: 0 auto;
}
	
.menu03 i {
    font-size: 45px;
    display: block;
}
	

#eyecatch{
	/*padding-bottom: 49.53%;
	background-image:url("img/top_eye_sp.jpg");*/
	}

.ct_catch {

	padding-bottom: 50%;
}

.ct_catch h1{
	font-size:165%;
}


	
#foot_contact p, #foot_contact p.tel {


    text-align: center;
}
	
.flow {
    padding:15px;
}
	
.cp_qa {
    margin: 0 0 2em 10px;
    padding: 0;
}
/*title*/
.ct_catch h2{font-size: 193%;}

/* footer */
.footer_logo{width:100%;
  margin:0;}
footer ul{
	width:100%;
	min-width:0;
}

	#f_nav > ul:last-of-type{
		clear:both;
	}

#f_nav ul{
	width:100%;
	padding:0 15px;
}



/* base */
.inner{
    width: 90%;
    padding:40px 0;
 }

.narrow_box{
	/* width: 100%; */
	}
.box_white {padding:20px 5%;}
.contact_box{padding: 40px 5% 10px;}
.contact_box.box_tel{padding: 25px 5% 10px;}
/*index*/
.process_box, .price_box {
    padding-top: 10%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 74%;
    }

#recruit .inner{
    width: 95%;
}
#recruit h2{padding:0;}    
#recruit p{padding: 0 5%;}
/* table */
table.price th,
table.price td{
	text-align:left;
	font-size:90%;
	padding: 10px 0 10px 8px;
	}

	table.price thead th{
		text-align: left;
		font-size:90%;
		padding: 10px 0 10px 8px;
		}
		table.price td.level{text-align: left;padding: 10px 5px 10px 8px;}
		
table.style_sp{border:none;}


	table.style_sp th,
	table.style_sp td {
		display:block;
		width:100%;
		padding:10px 1em;
	}

	table tr td:last-of-type,table tr td.dotted:last-of-type{
		border-bottom:none;
	}

	table.style_sp th {
		background: #dbd6d2;
		border-bottom:none;
		}

	table.style_sp tr {
		border-bottom:none;
		}
		table.style_sp.recruit th {
		background: #e7c27e;
		} 

/*grid*/
.column4 img{width:50%;}


/*button*/
.button a{
	padding:1em !important;
	font-size:95%;
}
	
/* contents */
.bg_logo{
	width:100%;
	margin: 0 auto;
	background-size:110%;
	background-position:center 10%;
}

p.tel{font-size:180%;}





.flow h4 {
	display:block;
	width:100%;
	margin: 10px 0 5px;
}
	
.sp{display: block;}
.pc{display: none;}	

}
@media only screen and (max-width:450px) {
.process_box, .price_box {
	padding-bottom: 105%;
	}
}

/* ------------------------------------------  
CLEARFIX-HACK

------------------------------------------ */

header:after,
nav:after,
footer:after,
#about:after,
.process_box:after,
.price_box:after,
.contact_box:after,
.button_box:after,
nav:after,
ul:after,
dl:after,
.inner:after,
.bn_area:after,
footer:after,
.f_title:after,
.wrap_white:after,
.wrap_gray:after,
.box_info:after,
.entry-content:after,
#intro div:after,
.grid3:after,
.column2:after,
.column4:after,
.img3_box:after,
.half:after,
.set:after,
.three:after,
.full:after,
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
}