@charset "utf-8";
/* CSS Document */


/* common&reset */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, textarea, p, blockquote, th, td, address {
	font-style: normal;
	font-weight: normal;
	font-size:100%;
	margin: 0;
	padding: 0;
	}

ul, li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0 none;
	width:100%;
}
a {
	text-decoration:none;
}

a:hover {
	color:#F60;
}

body {
	width: 100%;
	height:100%;
	background-position: 50% 50%;
	background-attachment:fixed;
	font-size: 21px;
	color: #333;
	line-height: 2em;
    font-family: 'Noto Sans JP', sans-serif'Noto Serif JP', serif;
	}


a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
section {}

footer{}

article, aside, figure, figcaption, footer, header, nav, section {
	display: block;
}

/*共有*/
.cf:after {
  display: block;
  clear: both;
  content: "";
}

/*エラー*/
.error_messe{color:#F00;}


footer a[href^="tel:"] {
    pointer-events: none;
}

footer a:hover[href^="tel:"] {
	color:#FFF;
}

footer a:hover[href^="tel:"] {
	color:#fff;
}

/*スマホ用*/
@media only screen and (max-width: 760px) {
	
body {
	font-size: 18px;
	line-height: 1.8em;
	}

a[href^="tel:"] {
    cursor: default;
	color:#434343;
	}
	
a:hover[href^="tel:"] {
	color:#434343;
}

a:hover[href^="tel:"] img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
footer a[href^="tel:"] {
    pointer-events: auto;
	cursor:pointer;
}


}


.pan{}

.sps{letter-spacing:-0.2em;}

/*インナー*/
.inner{width:96%;padding:0;max-width:1200px;margin:0 auto;}



/*フェードイン*/
.fadein{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
  transition:all 0.5s;
}

/*メニュー*/
body{
  margin: 0;
}
.mainView{
  width: 100vw;
  height: 100vh;
  background-color: #ccc;
}


/*ボタン*/
a.btn_a{
	background:#262e31 url(../img/common/btn_arrow.png) 1em center no-repeat;
	display:block;
	padding:0.5em 0.5em 0.5em 3em;
	margin:8% auto;
	color:#FFF;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	font-size:24px;
	}

a.btn_a:hover{background:#5a676b url(../img/common/btn_arrow.png) 1em center no-repeat;}



/*ハンバーガーボタン*/
#menu{
	background:#0071b6;
	width:80px;
	height:80px;
	float:right;
	position:fixed;
	right:0;
	z-index:999;
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	}
#menu:after {
  display: block;
  clear: both;
  content: "";
}

.el_humburger {
  /*position: fixed;*/
  width: 80px;
  height: 80px;
  padding: 25px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
  position: relative;
  z-index:999;
  }
 
@media screen and (max-width: 760px) {
#menu{
	background:#0071b6;
	width:50px;
	height:50px;
	float:right;
	}

  .el_humburger {
    display: block;
    left: 0;
    top: 0;
    padding-top: 9px;
    width: 50px;
    height: 50px;
	}

#factory .el_humburger {display: none; }
}
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } }
 
@media screen and (max-width: 840px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } }
 
@media screen and (max-width: 840px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000;
	}
}
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 4px;
  background: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #fff;
  }
 
@media screen and (max-width: 840px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #fff;
	}
	}
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 0;
  z-index: 3;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  overflow: hidden;
	z-index:900;
}

.js_humburgerOpen .navi {
	width: 50%;
	opacity: 0.90;
	background-color: rgba( 0, 0, 0, 0.80 );
	overflow-y: auto;
	z-index:900;
}
	
@media screen and (max-width: 840px) {
	.navi{
		padding-top:50px;
		}
	
      .js_humburgerOpen .navi {
        width: 100%;
        padding: 50px 5% 0;
		z-index:980;
		}
}
 
.navi_item {
  font-size: 20px;
  white-space: nowrap;
  margin:0 4%;
  border-bottom:1px #888 dashed;
  }
  
.navi_item a{
	color:#FFF;
	display:block;
	padding:5px 0  5px 0.5em ;
}
.navi_item a:hover{
	color:#f7b52c;
	background-color: rgba( 0, 0, 0, 0.80 );
	}
.navi_item.op_innerLink {
  cursor: pointer;
}

@media screen and (max-width: 840px) {
    .navi_item {
      margin-left: 0;
      font-size: 18px;
	  line-height:1.4em;
	  border-bottom:1px #888 dashed;
	  }
}



/*スマホ基本*/
@media only screen and (max-width: 760px) {
/*header*/


.inner{width:90%;}

	
/*ボタン*/
a.btn_a{
	background:#262e31;
	display:block;
	padding:0.5em;
	margin:8% auto;
	font-size:18px;
	text-align:center;
	}
a.btn_a:hover{background:#354347;}

/*contact us*/
.contact_wrap h2{font-size:32px;}



}

@media screen and (max-width: 400px) {
.contact_wrap a div {
    font-size: 8vw;
}
}