@charset "utf-8";

img * {
	width: 100%;
	height: auto;
}
#tooltip {
  background: #fff!important;
}




/*------------------------------------------------------
  #global-header
------------------------------------------------------*/
#global-header {
  position: relative;
  overflow: hidden;
}
#global-header-inner {
  width: 100%;
  margin: 0 auto;
  padding: 16px 0 16px;
  position: relative;
  overflow: hidden;
}
#global-header-inner .global-header-left {
  float: left;
  margin-left: 25px;
}
.sp-tel-contact {
  display: none;
}
#global-header-inner .global-header-right {
  float: right;
  margin-right: 25px;
}
#global-header-inner .global-header-right span {
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 12px 24px 0 0 ;
}
#global-header-inner .global-header-right span a {
  width: 100%;
  margin-left: 16px;
}

/*------------------------------------------------------
  #global-header > #global-navi
------------------------------------------------------*/
#global-navi {
  width: 100%;
  height: auto;
  background: #f2f2f2;
}
#global-navi ul {
  background: none;
  text-align: center;
  width: 1280px;
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
#global-navi ul li {
  width: 100%;
}
#global-navi ul li a {
  transition: all .6s ease;
  display: block;
  padding: 16px 0;
}
#global-navi ul li span {
  display: block;
  transition: all .6s ease;
}
#global-navi ul li span.ja {
  font-size: 11px;
  margin-bottom: 4px;
  letter-spacing: .05em;
}
#global-navi ul li span.en {
  font-size: 14px;
  letter-spacing: .15em;
}
#global-navi ul li a:hover {
  background: #aacc03;
}
#global-navi ul li a:hover span {
  color: #ffffff;
}






/*------------------------------------------------------
  #main
------------------------------------------------------*/
#main {
  padding: 96px 0;
}

#main .title-icon {
  text-align: center;
  margin-bottom: 48px;
}
#main h2 {
  font-size: 23px;
  text-align: center;
  letter-spacing: .35em;
  color: #4d4d4d;
}




/*------------------------------------------------------
  #global-footer
------------------------------------------------------*/
#global-footer {}
#global-footer .global-footer-inner {
  background: #aacc03;
  padding: 48px 0 16px;
}
#global-footer .global-footer-inner p {
  text-align: center;
  margin-bottom: 16px;
}
#global-footer .global-footer-inner p.footer-logo { margin-bottom: 72px; }
#global-footer .global-footer-inner .footer-navi {}
#global-footer .global-footer-inner .footer-navi p {
  color: #fff;
  font-style: italic;
}
#global-footer .global-footer-inner .footer-navi p a {
  color: #fff;
  font-weight: lighter;
  letter-spacing: .08em;
  /* ゴシック体 */
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
#global-footer .copyright {
  background: #666666;
  padding: 32px 0;
  text-align: center;
  color: #fff;
}
#global-footer .copyright .copy {
  /* ゴシック体 */
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: lighter;
  font-size: 11px;
}



@media screen and (max-width: 1440px) {
  #global-navi ul {
    width: 95%;
  }
}
@media screen and (max-width: 1280px) {
  #global-navi ul {
    width: 98%;
  }
  #global-navi ul li span.ja {
    font-size: 10px;
  }
  #global-navi ul li span.en {
    font-size: 12px;
  }
}




/*---------------------------------------------------------------------------------------------------
--------------------------------------------* Media Query tablet *-----------------------------------
-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {

  /*------------------------------------------------------
    #global-header
  ------------------------------------------------------*/
  #global-header {
    position: relative;
    overflow: hidden;
  }
  #global-header-inner {
    width: 100%;
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    overflow: hidden;
  }
  #global-header-inner .global-header-left {
    float: none;
    margin-left: 16px;
  }
  #global-header-inner .global-header-left img { width: 30%; }
  #global-header-inner .global-header-left img:first-child { margin-right: 24px; }
  .sp-tel-contact { display: inline; }
  #global-header-inner .global-header-right {
    display: none;
    float: none;
  }

  /*------------------------------------------------------
    #global-header > #global-navi
  ------------------------------------------------------*/
  #global-navi ul {
    width: 100%;
  }
  #global-navi ul li span.ja {
    font-size: 9px;
  }
  #global-navi ul li span.en {
    font-size: 11px;
  }


}



/*---------------------------------------------------------------------------------------------------
--------------------------------------------* Media Query Smart Phone *------------------------------
-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

  /*------------------------------------------------------
    #global-header
  ------------------------------------------------------*/
  #global-header {
    position: relative;
    overflow: hidden;
  }
  #global-header-inner {
    width: 100%;
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    overflow: hidden;
  }
  #global-header-inner .global-header-left {
    float: none;
    margin-left: 16px;
  }
  #global-header-inner .global-header-left img { width: 30%; }
  #global-header-inner .global-header-left img:first-child { margin-right: 24px; }
  .sp-tel-contact { display: inline; }
  #global-header-inner .global-header-right {
    display: none;
    float: none;
  }


  /*------------------------------------------------------
    #global-header > #global-navi
  ------------------------------------------------------*/
  #global-navi { display: none; }

  #global-header .sp {
    display: block;
		position: fixed;
		z-index: 1100;
		width: 36px;
		height: 36px;
		top: 6px;
		right: 10px;
		background: #fff;
  }

  /* drawer icon ---------------------------------------------------------------------------------------------------*/
	#gmenu-icon,
	#gmenu-icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	#gmenu-icon {
		position: fixed;
		z-index: 1101;
		top: 8px;
		right: 8px;
		width: 28px;
		height: 20px;
	  margin: 6px;
	}
	#gmenu-icon span {
		position: absolute;
	  z-index: 1102;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #aacc03;
	}
	#gmenu-icon span:nth-of-type(1) { top: 0; }
	#gmenu-icon span:nth-of-type(2) { top: 9px; }
	#gmenu-icon span:nth-of-type(3) { bottom: 0; }
	#gmenu-icon.active span { background-color: #aacc03; }
	#gmenu-icon.active span:nth-of-type(1) {
	  -ms-transform: translateY(8px) rotate(-45deg);
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	#gmenu-icon.active span:nth-of-type(2) { opacity: 0; }
	#gmenu-icon.active span:nth-of-type(3) {
	  -ms-transform: translateY(-10px) rotate(45deg);
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}

	/* drawer body ---------------------------------------------------------------------------------------------------*/
	#drawer {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		width: 100%;
		height: 100vh;
		background: rgba(170,203,4,1);
		padding: 48px 0 40px 20px;
	}
	#drawer ul { padding: 16px 16px 0 16px; }
	#drawer ul li {
		margin-bottom: 16px;
		border-bottom: 1px solid #fff;
		padding-bottom: 4px;
	}
	#drawer ul li:nth-child(9) {
		margin-bottom: 0;
	}
	#drawer ul li:nth-child(10) span {
		padding: 8px 0;
	}
	#drawer ul li a {
		display: block;
		color: #fff;
		font-size: 14px;
		letter-spacing: .08em;
	}
  #drawer ul li span {
  	display: -webkit-inline-flex;
  	display: inline-flex;
  	width: 100%;
	}
	#drawer ul li span a {
  	text-align: center;
  	width: 100%;
	}



  /*------------------------------------------------------
    #global-footer
  ------------------------------------------------------*/
  #global-footer {}
  #global-footer .global-footer-inner {
    background: #aacc03;
    padding: 48px 0 16px;
  }
  #global-footer .global-footer-inner p {
    text-align: center;
    margin-bottom: 16px;
  }
  #global-footer .global-footer-inner p.footer-logo {
    margin-bottom: 32px;
    width: 100%;
  }
	#global-footer .global-footer-inner p.jyoseikin-bn {
		text-align: center;
		width: 280px;
		border: 1px solid #ffffff;
		margin: 0 auto 32px;
		padding: 16px 0;
	}
	#global-footer .global-footer-inner p.jyoseikin-bn a {
		color: #ffffff;
	}
  #global-footer .global-footer-inner p.footer-logo img {
    width: 90%;
    height: auto;
  }
  #global-footer .global-footer-inner .footer-navi {}
  #global-footer .global-footer-inner .footer-navi p {
    color: #fff;
    font-style: italic;
  }
  #global-footer .global-footer-inner .footer-navi p a {
    color: #fff;
    font-weight: lighter;
    letter-spacing: .08em;
    line-height: 1.5em;
    /* ゴシック体 */
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  }
  #global-footer .copyright {
    background: #666666;
    padding: 32px 0 24px;
    text-align: center;
    color: #fff;
  }
  #global-footer .copyright .copy {
    /* ゴシック体 */
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-weight: lighter;
    font-size: 11px;
  }


}