@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");
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@800&display=swap');

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

　common

**********************************************************************************************/
html{background-image: url("../imgs/common/html_bg.jpg");}
#site-wrpper {
  font-size: 1.6rem;
  font-family: 'Shippori Mincho', sans-serif;
  font-weight: 400;
  overflow: hidden;
	
  letter-spacing: .1em; }
  @media (min-width: 1351px) {
    #site-wrpper {
      min-width: 1350px; } }
  @media (max-width: 750px) {
    #site-wrpper {
      font-size: 2.43vw;
	   max-width: 100vw;} }


/* common */
.inner {
  width: 1350px;
  margin: auto;
  position: relative;
	background:rgba(255,255,255,0.9);}
@media (max-width: 1349px) {
    .inner {
      max-width: 100%; } }
@media (max-width: 750px) {
    .inner {
      max-width: 90vw; } }

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

#contents_container {padding-top: 35px;}
#full_container{top:-6px; position: relative;width:100%;}

@media (max-width: 750px) {
    #full_container {
      width:100%; } }

.h3-title {font-size: 2.5rem;
	padding: 50px 0 15px;}
.h3-title span{font-size:60%; vertical-align: bottom; }

.l-text {}
.l-text p {
	width: 70%;
	margin-right: 4%;
	display: inline-block;
}
@media (max-width: 750px) {
	.l-text p {width: 100%;display:block;}}
.l-text .r-img {width: 25%;
	display: inline-block;
	padding-bottom: 50px;}
@media (max-width: 750px) {
	.l-text .r-img {width: 100%;display:block;}}
.r-img {text-align: center;}



/* フェードイン */
.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("") ;
  background-repeat: repeat-x;}
  @media (max-width: 900px) {
    .site-header {
      padding: 15px 0 0 0; } }
  @media (max-width: 750px) {
    .site-header {
      padding: 20px 0; } }*/



#header-wrpper {
	width: 100%;
	/*height: 70vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
	height: 171px;
	overflow: hidden;
	z-index: 1000;
	background:url("../imgs/navi/navi_bg.png") repeat-x center bottom;
	position: relative;
}@media (max-width: 751px) {
	#header-wrpper {height: 152px;}}


#header-wrpper #header-line { background:url("../imgs/header/line_bg.png") repeat-x center top;}
/*@media (max-width: 1900px) {
    #header-wrpper {
       height: 100vh;
		min-height: 300px; } }
@media (max-width: 1500px) {
    #header-wrpper {
       height: 100vh;
		min-height: 300px; } }
@media (max-width: 1100px) {
    #header-wrpper {
       height: 100vh;
		min-height: 300px; } }
@media (max-width: 750px) {
    #header-wrpper {
       height: 100vh;
		min-height: 300px; } }*/
#header-inner {
	position: relative;
	width: 1350px;
	margin: 0 auto;
	z-index: 1000;
}@media (max-width: 1350px) {
    #header-inner {
      width: 100vw; } }
#header-wrpper #header-top{ height: 55px; overflow: hidden; margin-top: 23px;}
#header-wrpper #h1-wrpper { 
	width: 30%;
	text-align: center;
	float: left;
	background:url("../imgs/header/h1_bg.png") no-repeat center top;
	height: 55px; overflow: hidden;
}@media (max-width: 751px) {
    #header-wrpper #h1-wrpper {
      width: 30%; } }
#header-wrpper h1 {width: 180px; margin: 0 auto;}
@media (max-width: 751px) {
    #header-wrpper h1 {
      width: 80%; } }

#header-wrpper #tel-wrpper {
	background:url("../imgs/header/tel_bg.png") repeat-x center top;
	width: 70%;
	float: left;
	color: white;
	font-size:2em;
	height: 55px; overflow: hidden;
	text-align: right;
	font-family: 'Cairo', sans-serif;
}@media (max-width: 751px) {
    #header-wrpper #tel-wrpper {
    width: 70%;
	font-size:2em} }

#header-wrpper h2#main-img {}

/*
.main-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 600px;
	background-image: url("../images/common/main.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; }

@media (max-width: 1900px) {
    .top_kv {
       top:-505px; } }
@media (max-width: 1500px) {
    .top_kv {
       top:-480px; } }
@media (max-width: 1100px) {
    .top_kv {
       top:-480px; } }*/

.main-img .top_kv_logo {
	
}

/*
@media (max-width: 2100px) {
    .top_kv_logo {
     font-size: 9.5rem; } }
@media (max-width: 1500px) {
    .top_kv_logo {
     font-size: 6rem; } }
@media (max-width: 1100px) {
    .top_kv_logo {
     font-size: 4.5rem; } }
@media (max-width: 750px) {
    .top_kv_logo {
     font-size: 3.2rem; } }
@media (max-width: 500px) {
    .top_kv_logo {
     font-size: 1.5rem; } }*/






.head_logo {
	width: 300px;
	user-select: none;
	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 {
	font-size: 0.9vmax;
	height: 92px;
	display: flex;
	z-index: 1500;
}



#global_navi li {
	font-size: 1.5rem;
	width: 20%;
	letter-spacing: 0.2em;
	padding: 20px 0 0 0;
	text-align: center;
	background:url("../imgs/navi/btn_bg2.png") no-repeat left bottom;
	background-size: cover;
}
#global_navi li.last{background:url("../imgs/navi/btn_bg2.png") no-repeat left bottom;}
#global_navi li a {
	text-decoration: none;
	color: #0062b2;
	display: block;
	height: 100%;
	align-items: center;
	transition: .3s;
	position: relative;
	padding: 0 10px;
}
@media (max-width: 751px){
	#global_navi {height: 70px;}
	#global_navi li {padding: 5px 0 0 0;}
	#global_navi li a {padding: 0px;}
}

#global_navi li a::after {
  content: '';
  display: block;
  height: 8px;
  width: 80%;
  background: #0062b2;
  position: absolute;
  bottom: 0;
  left: 10%;
  transform: scale(0, 1);
  transition: .3s;
}

#global_navi li a:hover {
  color: #00a5e3;
	opacity: 1.0;
}

#global_navi li a:hover::after {
  transform: scale(1, 1);
}


#global_navi li .g_Nav_list_en{
	font-size: 0.7em;
	padding-top: 7px;
	border-top: 1px solid gray;
	color: #ff6c00;
	margin: 0 20%;
}


/*　ハンバーガーボタン　*/
.hamburger {
  display : none;
  position: fixed;
  z-index : 10000;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 750px) {
	.hamburger {display: block;}}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #000;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
	opacity: 0.8;
}

nav.globalMenuSp ul {
 
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #333;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#333;
}

nav.globalMenuSp ul li a {
  display: block;
  color: white;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}




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

　footer

**********************************************************************************************/
#footer-wrpper { width: 1350px;margin: auto; clear: both;background-color: #0062b2;top:-6px; position: relative;}

@media (max-width: 1349px) {#footer-wrpper {width: 100%;}}

#footer-company{
	background:url("../imgs/footer/logo.svg") no-repeat center center;
	padding: 5px 15px;
	text-align: right;
	color: white;}

@media (max-width: 750px) {#footer-company {background:url("../imgs/footer/logo.svg") no-repeat left center;}}

#footer-company h3{font-size: 1.5em;}
#footer-company address,
#footer-company li {font-size: 0.8em;}
#copy {background-color: #00a5e3;color:white;font-size: 0.8em; text-align: right;padding: 5px;}
#foot-rogo {width: 10vw; margin: auto; padding-top: 100px;}
@media (max-width: 750px) {#foot-rogo {width: 20vw;}}
#foot-comp{
	color: black;
	text-align: center;
}
#foot-comp h2{
	font-size: 2.5rem;
	font-family: 'Sawarabi Mincho', serif;
	letter-spacing:0.35em;
}
#foot-comp address {
	font-size: 1.3rem;
	padding-bottom: 25px;
}
#foot-comp p {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 1.0rem;
	padding: 50px 0;
}

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

　Common 

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



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

　main

**********************************************************************************************/
#main_container {background:rgba(0,0,0,0.8); top:-6px; position: relative;z-index: 1;}
#main_container .main_img { text-align: center; padding: 0; position: relative;}

#main_container .main_img #main_sp {display: none;}
@media (max-width: 750px) {
	#main_container .main_img #main_pc {display: none;}
	#main_container .main_img #main_sp {display: block;}
}