/*################################################################# */
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi+Ink&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
	* {
		margin: 0;
		padding: 0px;
	}
	html{
		font-size: 62.5%;
	}
body {
/* 画像ファイルの指定 */
	margin: 0;
	height: 100%;
	color: #5A3700;
/*	text-align: justify;*/
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #F7F3EA;


	}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;}



p {
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	color: #5A3700;
	line-height: 2.8rem;

}
img {
	height: auto;
}
a {
	padding: 0;
	margin: 0;
	color: #00A6FF;
}
a:hover,
a:focus {

}
.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large; line-height: 3.4rem; }  /* 大1 */
.xl { font-size: xx-large; line-height: 1.0em;  } /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.green { color:#008630;}
.red{ color:red;}
.gold{color: #B5883F;}
.org a {color: #e35b00;}
.em { font-weight: bold;}
.op{opacity: 30%;}

::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}


/*youtube responsive*/
.video-wrap {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/*google map responsive*/
.ggmap {
position: relative;
padding-bottom: 50.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*	################################################################
	NAVIGATION
################################################################# */
.navbar {
	font-size:14px;
}
.serif{
	font-family: san-serif;
}
.navbar-brand {
	text-transform: uppercase;
	margin-top: 5px;
}
.navbar-header .navbar-brand {
	color: #C3F0C8;
}
.navbar-header .navbar-brand li+ li  {
  border-left: 1px solid #000;
}

.navbar-default .navbar-nav > li > a {
	margin-top: 15px;
	color:#FFF;
	font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  /*border-left: 1px solid rgba(225,225,225,0.8);*/
}
.navbar-default .navbar-nav > li > a:hover {
	color: #ccc;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff34f;
	background-color: transparent;

}

.navbar-default{

background-color: #008630;
}



/*SP 固定メニュー*/
#mobileFootNav { display:none; }
@media only screen and (max-width: 991px) {
  #mobileFootNav { display:block; z-index:1030; width:100%; height:60px; position:fixed; bottom:0; }
  #mobileFootNav { background:rgba(255,255,255,0.7); border-top:1px solid #e1e1e1; }
  #mobileFootNav .ftNavBtn { float:left; width:48%; height:46px; margin:7px 1%; }
  #wrap_all { padding-bottom:60px; } // 60px上げる
}



/*	################################################################
TOP
################################################################# */

.bg_g0{
  background: #F7F3EA;
  padding: 0 0 100px 0;
 background-image:url(../../assets/img/bg01.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-size:100%;
}


.bg_g1{
  background: #F7F3EA;
  padding: 100px 0;
 background-image:url(../../assets/img/bg02.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-size:100%;
}

.bg_g2{
  background: #F7F3EA;
  padding: 100px 0;
 background-image:url(../../assets/img/bg03.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-size:100%;
}
.bg_g2 p{
 	line-height: 1rem;
}


.bg_g3{
  background: #F7F3EA;
  padding: 100px 0;
	background-position: center;
	background-repeat:no-repeat;
	background-size:100%;
}

.bg_g4{
  background: #FFF;
  padding: 60px 0;
	background-position: center;
	background-repeat:no-repeat;
	background-size:100%;
}

.bg_g4 h2{
  text-align: center;
  margin-bottom: 30px;
}

.bg_g4 h3{
  font-size: 18px;
  margin-top: 15px;
}

/*  ################################################################
HEADER
################################################################# */
 .header-container{
			position: relative;
			z-index: 1;
	  }
	  .header-container img{
		width:100%;
	  }

 .header-container-text{

		position: absolute;
		top:40%;
		left:5%;
		color: white;
		padding:0;
		margin:0;
	  }
 .header-container-text h3{
		font-family: "Poppins", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 8vw;
		margin-bottom: 15px;
	  }
 .header-container-text p{
 	color: white;
		font-size: 1.4rem;
	  }


.wave_wrap{
	position: absolute;
	z-index: 99999;
}

/*VIDEO*/

/*VIDEO*/

.clearfix:after, .p-section:after, .p-section2:after, .p-message__profile:after, .p-access__text li:after {
  content: "";
  display: block;
  clear: both;
}

.p-video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  min-height: 900px;
  overflow: hidden;
  z-index: 0;
}

@media (max-width: 768px) {
  .p-video-container {
    min-height: inherit;
  }
}

.p-video-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-section {
  height: 100vh;
  min-height: 900px;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .p-section {
    height: auto;
    min-height: inherit;
  }
}

#top {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
@media (max-width: 768px) {
  #top {
    height: 100vh;
  }
}

.p-logo {
  position: absolute;
  left: 10%;
  top: 25%;
  transform: translate(-50%, -50%);
}
/* inner centering */
.c-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .c-middle {
    position: static;
    transform: none;
  }
}
@media (max-width: 768px) {
  .p-section {
    height: auto;
    min-height: inherit;
  }
.p-section2 {
    height: auto;
    min-height: inherit;
}
}





/*  ################################################################
ページトップ
################################################################# */
.pagetop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 9999;
}
.pagetop a {
	display: block;
	background-color: #222;

	text-align: center;
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	padding: 7px 12px;
  filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border-radius: 50%;
}
.pagetop a:hover {
	display: block;
	background-color: #555;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 7px 12px;
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
@media only screen and (max-width:767px){
  .pagetop {
	bottom: 15px;
}
}

/*	################################################################
SUB SLIDER
################################################################# */
.jp_slide_img_wrapper {
    position: relative;
    width: 100%;
    height: 20vh;
    background-image: url('../../assets/img/sub_slide.jpg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0;
    animation-name: slide_img;
    animation-duration: 200s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes slide_img {
    100% {
        background-position: -10000px 0;
        }
}



/*	################################################################
SLIDER
################################################################# */
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 15s linear 0s normal both;
  z-index: 0;
}

@keyframes zoomanime {
  0% {
	transform: scale(1);
  }
  100% {
	transform: scale(1.2);
  }
}

/*	################################################################
	FOOTER SECTION
################################################################# */
/* Footer */
footer{
	background-image:url(../../assets/img/bg04.jpg);
	background-color: #000;
	color: #5A3700;
}
footer p{
	color: #5A3700;
  font-size: 11px;
}

footer a{
  color: #FFF;

}

.footer_list {
	  list-style-type: none;
	  padding: 0;
	  text-align: left;
	  font-size: 24px;
	}
	.footer_item {
	  color: white;
	  display: inline;
	  margin-right: 0px;
	  /*margin-left: 10px;*/
	}


@media screen and (min-width:991px) {
  .sp{display: none;}
}
@media screen and (max-width:992px) {
  .pc {display: none;}
}

@media screen and (min-width:767px) {

}
@media screen and (max-width:768px) {
  .bg_g0{
	margin: 30px 0 0 0 ;
}
  .bg_g1{
	margin: 0 0 ;
}
  .bg_g2{
	margin: 0 0 ;
}
  .bg_g1{
	background-size:130px; /* 1、2枚目の背景画像の共通サイズ */
}

 .header-container-text h3{
		font-size: 16vw;
	  }

}