@charset "UTF-8";
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@300;400;700&family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&family=Shippori+Mincho&display=swap");
/**********************************************************************************************

　common

**********************************************************************************************/
#site-wrpper {
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  letter-spacing: .1em; }
  @media (min-width: 751px) {
    /*#site-wrpper {
      min-width: 1280px; } */}
  @media (max-width: 750px) {
    #site-wrpper {
      font-size: 3.43vw; } }

.mincho {
  font-family: 'Noto Serif JP', serif; }

/* common */
.inner {
  max-width: 1100px;
  margin: auto;
  position: relative;
  width: 90%; }
  @media (max-width: 750px) {
    .inner {
      max-width: 90vw; } }

@media (min-width: 751px) {
  .fadelink {
    transition: .4s opacity; }
    .fadelink:hover {
      opacity: 0.6; } }

/* フェードイン */
.is-fadeIn {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity 1.0s, transform 1.0s; }

.is-fadeIn.is-scrollIn {
  opacity: 1;
  transform: translate(0, 0); }

@media (min-width: 751px) {
  .u-sp {
	  display: none !important; }

  a[href^="tel:"] {
    pointer-events: none; } }
@media (max-width: 750px) {
  .u-pc {
    display: none !important; }}
/**********************************************************************************************

　header

**********************************************************************************************/
.site-header {
  height: 90px;
  background-image:url("../img/menu/bg.png") ;
  background-repeat: repeat-x;}
  @media (max-width: 900px) {
    .site-header {
      padding: 15px 0 0 0; } }
  @media (max-width: 750px) {
    .site-header {
      padding: 20px 0; } }

.head_logo {
	width: 300px;
	float: left;
	line-height: 1;
	padding-top: 33px;
	margin-right: 30px;}
	@media (max-width: 1280px) {
		.head_logo {
			width: 25%; } }
	@media (max-width: 900px) {
		.head_logo {
			width: 45vw; 
			padding-top: 15px;} }
.head_logo img {
    display: block;}

.site-header navi {
	width: 770px;
	float: left;}
	@media (max-width: 1280px) {
	.site-header navi {
		width: 70%;
	}}
	@media (max-width: 900px) {
	.site-header navi {
		 display: none;
	}}
/**********************************************************************************************

　global_navi

**********************************************************************************************/

.global_navi {
	position: relative;
	width: 100%;
	display: flex;	 
	height: 78px;
}
	

.global_navi a {
	display: block;
	width: 14.28%;
	text-align: center;
	height: 78px;
	padding-top: 15px;
}


.nav-underline {
  position: absolute;
	top:77px;
  left: -1500%;
  width: 14.28%;
  height: 5px;
  background:#c0a062;
  transition: all .3s ease-in-out;
}
.global_navi a:nth-child(1).is-current ~ .nav-underline {
  left: 0;
}
.global_navi a:nth-child(2).is-current ~ .nav-underline {
  left: 14.28%;
}
.global_navi a:nth-child(3).is-current ~ .nav-underline {
  left: 28.56%;
}
.global_navi a:nth-child(4).is-current ~ .nav-underline {
  left: 42.84%;
}
.global_navi a:nth-child(5).is-current ~ .nav-underline {
  left: 57.12%;
}
.global_navi a:nth-child(6).is-current ~ .nav-underline {
  left: 71.4%;
}
.global_navi a:nth-child(7).is-current ~ .nav-underline {
  left: 85.68%;
}
.global_navi a:nth-child(1):hover ~ .nav-underline {
  left: 0;
}
.global_navi a:nth-child(2):hover ~ .nav-underline {
  left: 14.28%;
}
.global_navi a:nth-child(3):hover ~ .nav-underline {
  left: 28.56%;
}
.global_navi a:nth-child(4):hover ~ .nav-underline {
  left: 42.84%;
}
.global_navi a:nth-child(5):hover ~ .nav-underline {
 left: 57.12%;
}
.global_navi a:nth-child(6):hover ~ .nav-underline {
 left: 71.4%;
}
.global_navi a:nth-child(7):hover ~ .nav-underline {
 left: 85.68%;
}

.g_Nav_list_en {
  color: #c0a062;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 5px; }
  @media (max-width: 1020px) {
    .g_Nav_list_en {
      font-size: 0.9rem;
      margin: 0 0 5px; } }

.g_Nav_list_ja {
	color: white;
  font-size: 1.1rem; }
  @media (max-width: 1020px) {
    .g_Nav_list_ja {
      font-size: 0.8rem; } }



/*============
nav
=============*/
#navArea {display: none;}
@media (max-width: 900px) {
	#navArea {display: block;}}

nav {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 5000;
  opacity: 0;
}
.open nav {
  left: 0;
  opacity: 1;
}
nav .Binner {
  padding: 25px;
}
nav .Binner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .Binner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
nav .Binner ul li a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
nav .Binner ul li a:hover {
  background: #e4e4e4;
}
@media screen and (max-width: 767px) {
  nav {
    left: -220px;
    width: 220px;
  }
}
/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: white;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}

/**********************************************************************************************

　footer

**********************************************************************************************/
.area-foot {
  background: #fff;
  padding: 30px 0;
  position: relative;
  text-align: center; }
  @media (max-width: 750px) {
    .area-foot {
      padding: 5.3vw 0; } }

.foot_logoArea {
  display: inline-block;
  margin: 0 0 30px; }
  @media (max-width: 750px) {
    .foot_logoArea {
      margin: 0 0 16vw; } }

.foot_logo {
  width: 120px;
  margin: 0 auto 30px; }
  @media (max-width: 750px) {
    .foot_logo {
      width: 26.6vw;
      margin: 0 auto 4vw; } }

.foot_logo-mincho {
  width: 384px; }
  @media (max-width: 750px) {
    .foot_logo-mincho {
      width: 85.3vw; } }
nav.footNav {
	width: 100%;
	display: block;
  position: static;
  justify-content: center;
  background: white;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: none;
  z-index: 50;
  opacity: 1;
}
.footNav_list {
  display: flex;
  justify-content: center; }
  @media (max-width: 750px) {
    .footNav_list {
      display: block; } }
  .footNav_list li:not(:last-child) {
    margin: 0 70px 0 0; }
    @media (max-width: 750px) {
      .footNav_list li:not(:last-child) {
        margin: 0 0 6.6vw; } }
  .footNav_list a {
    display: block; }

.footNav_list_en {
  color: #c0a062;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 5px; }
  @media (max-width: 750px) {
    .footNav_list_en {
      font-size: 5.3vw;
      margin: 0 0 1vw; } }

.footNav_list_ja {
  font-size: 1.1rem; }
  @media (max-width: 750px) {
    .footNav_list_ja {
      font-size: 3.2vw; } }

.foot_copyright {
  font-size: 1.2rem;
  display: block;
  margin: 30px 0 0; }
  @media (max-width: 750px) {
    .foot_copyright {
      margin: 13.3vw 0 0; } }

.pageTop {
  width: 40px;
  display: block;
  margin: 0 auto 20px; }
  @media (max-width: 750px) {
    .pageTop {
      width: 9vw;
      margin: 0 auto 5.3vw; } }

/**********************************************************************************************

　main

**********************************************************************************************/
.article {
  padding: 120px 0; }
  @media (max-width: 750px) {
    .article {
      padding: 16vw 0; } }

.article_title {
  padding: 5px 0;
	background-color: black;
	text-align: center;
	color: white;}
  @media (max-width: 750px) {
    .article_title {
      padding: 5px 0; } }
.article_title h2 {font-size: 200%;}

.article2 {
  padding: 120px 0;
	background-color: #494645;
	color: white;
border-bottom: 20px solid black;}
  @media (max-width: 750px) {
    .article2 {
      padding: 16vw 0; } }

.page_titArea {
  text-align: center;
  margin: 0 0 40px; }
  @media (max-width: 750px) {
    .page_titArea {
      margin: 0 0 8vw; } }

.page_tit {
  font-weight: 300;
  font-size: 3rem; }
  @media (max-width: 750px) {
    .page_tit {
      font-size: 6vw; } }

.page_subTit {
  font-family: 'Questrial', sans-serif;
  font-size: 2rem; }
  @media (max-width: 750px) {
    .page_subTit {
      font-size: 4vw; } }

@media (max-width: 750px) {
	.sp_l{text-align: left;}}