.sphead {
	display: none;
}

/* =====================================================
   Variables
   ===================================================== */

:root{
  --container: 1300px;
  --gutter: 5%;
  --main: #6b8f2f;
  --accent: #f57c00;
  --gray: #f4f4f4;
  --border: #ddd;
  --radius: 8px;
  --shadow: 0 8px 24px rgba(0,0,0,.12);
  --tr: .3s ease;
}

/* =====================================================
   Common
   ===================================================== */

.section{
  padding: clamp(48px, 8vw, 96px) var(--gutter);
}

.inner{
  max-width: var(--container);
  margin: 0 auto;
}

.bg-gray{ background: var(--gray); }

.section-title span{
  display: block;
  font-size: 14px;
  color: var(--accent);
}

.section-title strong{
  display: block;
  font-size: clamp(24px, 3vw, 36px);
}

.title {
	margin-bottom: 30px;
}
.title h2 {
	font-size: 120%;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.title h2 img {
	width: 10px;margin-right: 10px;
}
.title h6 {
	font-size: 340%;
	font-family: Arial, Helvetica, "sans-serif";
	color: #5E8F2F;
	font-weight: bold;
}
.title .siro_t {
	color: #fff;
}
.flex {
	display: flex;
}
.just {
	justify-content: space-between;
}
.a-center {
	align-items: center;
}
.sub-title {
	font-size: 190%;
	margin-bottom: 30px;
	font-weight: bold;
}
.contents_a {
	width: 47%;
}
.contents_b {
	width: 47%;
}
.contents_c {
	width: 40%;
}
.contents_d {
	width: 50%;
}
.contents_e {
	width: 30%;
}
.contents_f {
	width: 65%;
	box-sizing: border-box;
}
.oder_1 {
	order: 1;
}
.oder_2 {
	order: 2;
}
p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.img_maru {
	border-radius: 8px;
}
.img_w100 {
	width: 100%;
}


/* =====================================================
   Header（Sticky）
   ===================================================== */

.site-header{
	padding:2% 3%;
  position: fixed;
	width: 100%;
  z-index: 1000;
	box-sizing: border-box;
  
}

.header-inner{
	border-radius: var(--radius);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, 0.9);
	padding: 16px 20px;
}

.site-logo {
  max-width: 360px;
	margin-right: 5%;
}

.gnav-list{
  display: flex;
  flex-wrap: nowrap;
}
.gnav-list a {
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	transition: color 0.35s ease;
	white-space: nowrap;
}
.gnav-list a:hover {
	color: #5E8F2F;
}

.gnav-list .btn-contact{
  background: var(--main);
  color: #fff;
  padding:10px 16px;
	margin-left: 16px;
  border-radius: 4px;
	transition: background-color 0.35s ease;
	
}
.gnav-list .btn-contact:hover {
	background-color: #ED6218;
	color: #fff;
}
.text-link {
  position: relative;
}

.text-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #ED6218;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.text-link:hover::after {
  transform: scaleX(1);
}


/* =====================================================
   Hero
   ===================================================== */

.hero{
  min-height: 100vh;
  background-image: url("../img/main.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
}

.hero-copy{
	position: absolute;
	bottom: 0;
	width: 100%;
	
  
	background: linear-gradient(
    to top,
    rgba(107, 143, 47, 0.9) 0%,
    rgba(107, 143, 47, 0.0) 100%
  );
}
.hero-copy p {
	font-size: 5vw;
  font-weight: bold;
  color: #fff;
	text-align: center;
}



/* =====================================================
   contents
   ===================================================== */
.busilist li {
	width: 31%;
}
.busilist li a h2 {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
}
.busilist li a h3 {
	font-size: 190%;
	color: #000000;
	font-weight: bold;
}
.bi-buton {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bi-buton_ya {
	width: 26px;
}

.busilist li a {
	position: relative;
	
}
.busilist li a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background-color: #FFFFFF;
	border-radius: 2px;
	transition: background-color 0.35s ease;
	
}
.busilist li a:hover::after {
	background-color: #ED6218;
}

.strong_box {
	margin-bottom: 40px;
}
.strong_box:last-child {
	margin-bottom: 0px;
}
.strong_box h6 {
	color: #5E8F2F;
	font-size: 100%;
	font-family: Arial, Helvetica, "sans-serif";
	margin-bottom: 10px;
}
.strong_box h6 span {
	position: relative;
	margin-right: 10px;
}
.strong_box h6 span::after {
	position: absolute;
	content: "";
	width: 60px;
	height: 1px;
	background-color: #ED6219;
	top: 50%;
	margin-left: 10px;
}

.banabox_box {
	max-width: 1000px;
	margin:  0 auto;
}
.banabox_box li {
	width: 47%;
}
.banabox_box li img {
	width: 100%;
}

.contact_box h3 {
	font-size: 100%;
	font-weight: bold;
}
.contact_box h3 span {
	font-size: 60%;
	margin-right: 10px;
	color: #ED6218
}

.contact_box {
	border-bottom: 1px solid #fff;
	padding-top: 15px;
	padding-bottom: 10px;
}

.contact_w47 {
	width: 47%;
}
.tel {
	display: flex;
	align-items: center;
}
.tel h4 {
	font-size: 80%;
	margin-right: 10px;
	white-space: nowrap;
	font-weight: bold;
}
.tel h4 span {
	border: 1px solid #fff;
	padding: 4px 8px;
	border-radius: 6px;
}

.tel h6 a {
	font-size: 200%;
	font-family: Arial, Helvetica, "sans-serif";
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
}
.conflex {
	display: flex;
	align-items: center;
}

.telfax {
	background-color: #4A7124;
	border-radius: 8px;
	padding: 2% 5% ;
}



.contact{
  background: var(--main);
  color: #fff;
}

.footbox {
	display: flex;
	justify-content: space-between;
}
.footbox01 {
	width: 40%;
	display: flex;
}
.footbox02 {
	width: 60%;
}
.footlogo {
	width: 20%;
	margin-right: 5%;
}
.footcompany h2 {
	font-size: 130%;
	font-weight: bold;
}
.footcompany p {
	margin-top: 20px;
	font-size: 100%;
}

.footmenu {
	display: flex;
	justify-content: flex-end;
}
.footmenu li a {
	padding: 10px;
	color: #000000;
	font-weight: bold;
	transition: color 0.35s ease;
	white-space: nowrap;
	font-size: 110%;
	font-weight: bold;
}
.footmenu li a:hover {
	color: #5E8F2F;
}

.facebook_box {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
	margin-bottom: 30px;
}
.facebook {
	width: 280px;
	
}
.facebook a {
	display: block;
	padding: 20px 30px;
	border: 1px solid #1777F2;
	background-color: #fff;
	border-radius: 6px;
	
}

address {
	font-size: 80%;
	text-align: right;
}

.pc-none {
	display: none;
}
#contact {
	display: block;
    margin-top: -100px;
    padding-top: 100px;
}


.page_img {
	background-size: cover;
	background-position: center center;
	min-height: 55vh;
}
.page_img_bg01 {
	background-image: url("../img/pageimg02.jpg");
}
.page_img_bg02 {
	background-image: url("../img/pageimg04.jpg");
}
.page_img_bg03 {
	background-image: url("../img/pageimg01.jpg");
}
.page_img_bg04 {
	background-image: url("../img/pageimg03.jpg");
}
.page_img_bg05 {
	background-image: url("../img/pageimg06.jpg");
}
.page_img_bg06 {
	background-image: url("../img/pageimg05.jpg");
}
.page_title_box {
	padding-top: 5%;
	padding-bottom: 3%;
}
.subsub_title h3 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 40px;
	background-color: #EFEFEF;
	padding: 10px 20px;
	border-radius: 6px 6px 0px 0px;
	border-bottom: 1px solid #5E8F2F;
}
.pad_top0 {
	padding-top: 0px;
}

.daihyou_t {
	font-weight: bold;
	font-size: 120%;
	margin-top: 30px;
	text-align: right;
}

.contens_sub_w30 {
	width: 30%
}
.contens_sub_w65 {
	width: 65%
}
.contens_sub_w47 {
	width: 47%
}
.contens_sub {
	padding-left: 20px;
	padding-right: 20px;
}

.table {
	width: 100%;
}
.table td {
	font-size: 110%;
	line-height: 1.5;
	padding: 20px;
	border-bottom: 1px solid #C2C2C2;
}
.table .td01 {
	font-weight: bold;
	border-bottom: 1px solid #5E8F2F;
}

.disc {
	width: 60%;
	margin-left: auto;
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
	padding-top: 20px;
}
.disc::after {
	width: 100%;
	position: absolute;
	height: 1px;
	content: "";
	background-color: #5E8F2F;
	box-sizing: border-box;
	top: 3px;
}
.disc::before {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background-color: #ED6218;
	content: "";
	left: 0;
	top: 0;
}

.works {
	border-radius: 8px;
	background-color: #EFEFEF;
	padding: 5%;
	flex-wrap: wrap;
}
.works li {
	width: 32%;
	margin-bottom: 20px;
}
.works li img {
	width: 100%;
	border-radius: 8px;
}
.works li p {
	font-weight: bold;
	margin-top: 10px;
}
.works02 li {
	width: 47%;
	margin-bottom: 20px;
}

.point {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #5E8F2F;
}
.point p {
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}
.point p::before {
	position: absolute;
	width: 8px;
	height: 8px;
	content: "";
	background-color: #ED6219;
	top: 0.6em;
	border-radius: 10px;
	left: 0;
}

.saiyolast {
	margin-top: 30px;
	text-align: center;
	background-color: #EFEFEF;
	border-radius: 8px;
	padding: 5%;
}
.saiyolast h4 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
}
.saiyolast p {
	text-align: center;
}
.saiyolast h6 {
	font-size: 140%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, "sans-serif";
}
.saiyolast h6 a {
	color: #000000;
	font-size: 180%;
}

.haro a {
	background-color: #ED6218;
	padding: 20px;
	border-radius: 8px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}

.hotel_title {
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
}
.site-btn a {
	font-size: 70%;
	background-color: #535353;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
}
.insta a {
	background-color: #5E8F2F;
	border-radius: 6px;
	padding: 20px;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
}
.insta {
	margin-top: 40px;
}
.tintai {
	flex-wrap: wrap;
}
.tintai li {
	width: 33.33%;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 20px;
}
.tintai li img {
	width: 100%;
	border-radius: 8px;
}
.tintai li p {
	font-weight: bold;
	line-height: 1.5;
	margin-top: 10px;
}

.tantou {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #5E8F2F;
}
.tantou h4 {
	font-size: 120%;
	font-weight: bold;
}
.tantou h6 {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 160%;
	font-weight: bold;
	color: #000;
}.tantou h6 a {
	color: #000;
}




/* =====================================================
   Responsive
   ===================================================== */
@media (max-width: 1070px){
  .gnav-list a {
	padding: 8px;
	font-size: 90%;
}
.tel h6 a {
	font-size: 160%;
}
.footmenu li a {
	font-size: 90%;
}

}


@media screen and ( max-width:800px )
{
.pc-none {
	display: block;
}
.hero-copy p {
	font-size: 9vw;
	line-height: 1.4;
	padding-bottom: 10px;
	text-align: left;
	padding-left: 5%;
}
.sphead {
	display: block;
	
}
	.gnav-list {
		display: none;
	}
.site-header {
    padding: 0;
    position: inherit;
}
.header-inner {
    border-radius: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1);
    padding: 16px 20px;
}
.site-logo {
    max-width: 260px;
    margin-right: 0%;
}
.hero {
    min-height: 50vh;
}
.flex {
    display: inherit;
}
.contents_a {
	width: 100%;
}
.contents_b {
	width: 100%;
	margin-top: 30px;
}
.contents_c {
	width: 100%;
}
.contents_d {
	width: 100%;
	margin-top: 30px;
}
.contents_e {
	width: 100%;
}
.contents_f {
	width: 100%;
}
	.sp-none {
		display: none;
	}
	
.busilist li {
    width: 100%;
	margin-bottom: 20px;
}
	.busilist li:last-child {
	margin-bottom: 0px;
}
.banabox_box li {
    width: 100%;
}
.contact_w47 {
    width: 100%;
}
.conflex {
    display: inherit;
}
.footbox {
    display: inherit;
}
.footbox01 {
    width: 100%;
}
.footbox02 {
    width: 100%;
	margin-top: 20px;
}
	.footmenu {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footmenu li {
		width: 47%;
		border-bottom: 1px solid #939393;
		padding: 10px 10px 10px 0px;
		box-sizing: border-box;
	}
.facebook_box {
    display: inherit;
}
address {
    font-size: 60%;
    text-align: left;
}
	.sp-tel {
		padding: 10px;
		text-align: center;
	}
	.twen {
		text-align: center;
		font-size: 120%;
		font-weight: bold;
	}
	.tel_btn h6 {
		color: #5E8F2F;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 180%;
		font-weight: bold;
	}
	.menuflex img {
		width: 16px;
		margin-right: 10px;
	}
	.menuflex {
		display: flex;
		align-items: center;
	}
.sub-title {
    font-size: 150%;
}
.page_img {
    min-height: 25vh;
}
.title h6 {
    font-size: 240%;
}
.disc {
    width: 100%;
    box-sizing: border-box;
	margin-bottom: 20px;
}
.contens_sub_w30 {
	width: 100%;
	margin-top: 30px;
}
.contens_sub_w65 {
	width: 100%;
	margin-top: 30px;
}
.contens_sub_w47 {
	width: 100%;
	margin-top: 30px;
}
.works li {
    width: 100%;
}
.tintai li {
    width: 100%;
}
.table td {
    display: block;
}
.table .td01 {
	background-color: #5E8F2F;
	color: #fff;
}
}