@charset "UTF-8";
/*=============================================================

common

==============================================================*/

html {
	font-size: 12px;
	padding: 0;
	height: 100%;
}
body {
	width: 100%;
	margin:0 auto;
	background: #ffffff;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif,'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	font-style: normal;
	color: #000;
	line-height: 1.6;
	overflow-x: hidden;
	overflow-y: scroll;
}
a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}

/*==========================   ClearFix==========================*/


.cFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix {
	min-height: 1px;
}
* html .cFix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* =============================================================

NTPC〜PC：1367px〜

============================================================= */

@media screen and (min-width: 1367px) {
	
/*========= mainvisual ========*/

#mainVisual {
	background-color:#fff;
	box-sizing: border-box;
	position: relative;
}
#mainVisual h1 {
	text-indent: 100%;
	white-space: nowrap;
	width: 8%;
	height: 80%;
	background: url(../img/logo.svg) no-repeat;
	margin: auto;
	background-position: center center;
	display: none;
}
header #button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
header #button  img {
	width:34px;
	height:34px;
}
header #arrow {
	position: absolute;
	top:83%;
	left:49%;
    z-index: 50;
	display: none;
}
header #arrow img {
	width:20px;
	height:auto;
}
#lead #button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
#lead #button img {
	width:34px;
	height:34px;
}
/*=============== toggle ================*/
.humMenu {
	width: 32px;
	height: 32px;
	top: 30px;
	left: 25px;
	position: fixed;
	cursor: pointer;
	z-index: 100;
}
.humMenu01 {
	width: 30px;
	height: 2px;
	background-color: #000;
	top: 0px;
	position: absolute;
}
.humMenu02 {
	width: 30px;
	height: 2px;
	background-color: #000;
	top: 9px;
	position: absolute;
}
.humMenu03 {
	width: 30px;
	height: 2px;
	background-color: #000;
	top: 18px;
	position: absolute;
}
.humMenu01, .humMenu02, .humMenu03 {
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; /* Opera */
	-moz-transition: all 0.3s ease-out; /* Firefox */
	-webkit-transition: all 0.3s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.3s ease-out; /* IE */
}
.humMenuClick01 {
	top: 9px;
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #000;
}
.humMenuClick02 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.humMenuClick03 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.bgBlack {
	background-color: #000000;
}
/*=============== gNavi @media screen and (min-width: 641px) { ================*/
.gNavi {
	width: 100%;
	height: 100%;
	text-align: center;
	margin:0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	overflow: hidden;
	background: rgba(255,255,255,.96);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	
}
/* 開閉用ボタンクリック */
.open .gNavi {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
.gNavi-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gNavi ul.mainCont {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 30px;
	margin-top:20px;
}
.gNavi ul.mainCont li {
	width: 300px;
	margin: 0 auto 30px;
	list-style: none;
	letter-spacing:0.12rem;
	font-size:24px;
}
.gNavi ul.subCont {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.gNavi ul.subCont li {
	width: 300px;
	height: 30px;
	margin: 0 auto 30px;
	list-style: none;
	letter-spacing:0.12rem;
	font-size:24px;
}
.gNavi ul.subCont li a {
    height: 30px;
	display: block;
}
.gNavi ul.subCont li.online {
	padding-top:20px;
	width: 300px;
}
.gNavi ul.subCont li.insta {
	width: 300px;
}
.gNavi ul.subCont li.slash {
	width: 50px;
	margin-top:-20px;
	margin-bottom:-5px;
	border-top: 2px solid #000;
}
.gNavi a {
	color: #000;
	text-decoration: none;
}
.gNavi a:visited {
	color: #000;
	text-decoration: none;
}
.gNavi a:active {
	color: #000;
	text-decoration: underline;
}
.gNavi a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}
/*========= container ========*/

#container {
	width:100%;
	margin:0;
	text-align:center;
}
#lead {
	width:100%;
	padding:80px 0;
	overflow: hidden;
	margin:0;
	text-align:center;
}
#lead h2{
	width:100%;
	margin:0;
	margin-left:100px;
	text-align:left;
	overflow: hidden;
}
#lead nav {
	width:100%;
	margin:0 auto;
	line-height:1.5;
	text-align:right;
	margin-top:-50px;
	margin-left:-55px;
	overflow: hidden;
	}
#lead nav li{
	list-style: none;
	display: inline-block;
	padding-right:30px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:18px;
	letter-spacing: 2px;
	}	
/*========= menu_underbar ========*/
#lead nav ul {
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	list-style: none;
}
	
#lead nav .about a {
	text-decoration: none;
	padding-bottom: 1px; /* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .about a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
}
#lead nav .service a {
	text-decoration: none;
	padding-bottom: 1px; /* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .service a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
}
#lead nav .online a {
	text-decoration: none;
	padding-bottom: 1px; /* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .online a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
}
#lead nav li a:hover:after {
	width: 100%;
	border-bottom: 1px solid #000;
}
#lead .instamark{
	margin-left:10px;
	}
#lead .instamark img{
	padding-bottom:5px;
	}
#lead .sentence{
	width:800px;
	margin:auto;
	text-align:center;
	padding-top: 100px;
	padding-bottom: 100px;
}
#lead h3{
	width:100%;
	margin:0 auto;
	margin-top:150px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:21px;
	letter-spacing:4.5px;
	line-height: 1.6;
}
#lead h3 span{
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:15px;
	letter-spacing: 2.2px;
}
#lead h5{
	width:100%;
	margin:0 auto;
	margin-top:80px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:21px;
	letter-spacing:4.5px;
	line-height: 2.2;
}
#lead h5 span{
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:15px;
	letter-spacing: 2.2px;
}

#lead .jp{
	width:800px;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:15px;
	line-height: 2.6;
	letter-spacing: 2px;
}
#lead .jp span{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:15px;
	line-height:2.2;
	letter-spacing:1.8px;
}
#lead .add{
	width:500px;
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:15px;
	line-height:2;
	letter-spacing:1.8px;
	margin-top:50px;
}
#lead .toplink{
	text-align:left;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	letter-spacing:2px;
	margin-top:50px;
}
#lead .sentence .toplink img{
	padding-bottom:9px;
}
#lead .toplink a:hover {  filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ 
	}	
#lead .en{
	width:760px;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: 'Avenir', Calibri, sans-serif;
	font-size:16px;
	line-height: 2.5;
	letter-spacing: 1.4px;
}	
h4{
	width:800px;
	margin:auto;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:22px;
	font-weight: 300;
	line-height:1;
	letter-spacing:3px!important;
	padding-top:50px;
}
h6{
	width:760px;
	margin:0;
	margin-left:350px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:20px;
	font-weight: 100;
	line-height:1.5;
	letter-spacing:3px!important;
	padding-top:50px;
	padding-right:5px;
	padding-bottom:20px;
}

#lead .sentence figure{
	width:900px;
	margin: 0 auto;
	z-index: -1;
}
#lead .sentence figure img{
	width:100%;
	height: auto;
	padding-top: 50px;
	margin-top: -40px;
	margin-left: -6rem;
}
/*Googleマップ*/	
#map {
	width:800px;
	height: 500px;
	margin:0 auto;
	text-align:center;
}
.access{
	width:800px;
	margin:auto;
	text-align:center;
	padding-bottom: 200px
}
.access .jp{
	width:600px;
}	
.access .txt{
	padding-top:10px;
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:17px;
	line-height:2.2;
	letter-spacing:1.8px;
}
.access .mail{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:17px;
	font-weight: 100;
	line-height:1.7;
	letter-spacing:1.8px;
	margin-top:10px;
}
.access .mail a{
	border-bottom: 1px solid #000;
    padding-bottom: 0.5px;
}
.access .mail a:hover {  filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ }
.access span{
	text-align:left;
	color:#000;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
	line-height:1.7;
	letter-spacing:1.8px;
}
.access .transportation{
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
	line-height:2;
	text-align:left;
	letter-spacing:2.6px;
	margin-top:30px;
}	
.access .transportation a{
	font-family:'Avenir', Calibri, sans-serif;
	font-size:17px;
	line-height:3.5;
	letter-spacing:1.8px;
	padding-top:5px;
	padding-right:5px;
	font-weight: 200;
}
.access .transportation img{
	width:3.8%!important;
	padding-bottom:0 0 10px 5px!important;
	}
.shere{
	margin-top:5px;
	margin-left:350px;
	text-align:left;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:17px;
	vertical-align:middle;
	letter-spacing:1.6px;
	line-height: 2;
	padding-bottom:100px
	}
.shere span img{
	padding-bottom:10px;
	padding-right:3px;
	}	
.shere a:hover{
	filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ 	
	}
#lead .sentence .topimage{
	margin-top:50px;
	margin-bottom:-60px;
	}
.conpactpage{
	margin-bottom:200px;	
	}
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 360px;
      overflow: hidden;
      position: relative;
	  left:350px;
      color: #000;
      background: #000;
      margin: 1rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 17px;
      line-height: 78px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 360px;
      overflow: hidden;
      position: relative;
	  left:350px;
      color: #000;
      background: #000;
      margin: 1rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 17px;
      line-height: 78px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
}



/* =============================================================

IPAD〜NTPC：769px〜1366px

============================================================= */

@media screen and (min-width: 769px) and (max-width: 1366px) {
/*========= mainvisual ========*/

#mainVisual {
	background-color:#fff;
	box-sizing: border-box;
	position: relative;
}
#mainVisual h1 {
	text-indent: 100%;
	white-space: nowrap;
	width: 10%;
	height: 80%;
	background: url(../img/logo.svg) no-repeat;
	margin: auto;
	background-position: center center;
	display: none;
}
	
header #button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
header #button img {
	width:34px;
	height:34px;
}
header #arrow {
	position: absolute;
	top:80%;
	left:49%;
    z-index: 50;
	display: none;
}
header #arrow img {
	width:20px;
	height:auto;
}	
#lead #button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
#lead #button img {
	width:34px;
	height:34px;
}
/*=============== toggle ================*/

.humMenu {
	width: 32px;
	height: 22px;
	top: 30px;
	left: 25px;
	position: fixed;
	cursor: pointer;
	z-index: 100;
}
.humMenu01 {
	width: 25px;
	height: 1.5px;
	background-color: #000;
	top: 0px;
	position: absolute;
}
.humMenu02 {
	width: 25px;
	height: 1.5px;
	background-color: #000;
	top: 9px;
	position: absolute;
}
.humMenu03 {
	width: 25px;
	height: 1.5px;
	background-color: #000;
	top: 18px;
	position: absolute;
}
.humMenu01, .humMenu02, .humMenu03 {
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; /* Opera */
	-moz-transition: all 0.3s ease-out; /* Firefox */
	-webkit-transition: all 0.3s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.3s ease-out; /* IE */
}
.humMenuClick01 {
	top: 9px;
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #000;
}
.humMenuClick02 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.humMenuClick03 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.bgBlack {
	background-color: #000000;
}
/*=============== gNavi================*/
.gNavi {
	width: 100%;
	height: 100%;
	text-align: center;
	margin:0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	overflow: hidden;
	background: rgba(255,255,255,.96);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	display: none;
}
/* 開閉用ボタンクリック */
.open .gNavi {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
.gNavi-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gNavi ul.mainCont {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 30px;
	margin-top:20px;
}
.gNavi ul.mainCont li {
	width: 300px;
	margin: 0 auto 17px;
	list-style: none;
	letter-spacing:0.12rem;
	font-size:22px;
}
.gNavi ul.subCont {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.gNavi ul.subCont li {
	width: 300px;
	height: 30px;
	margin: 0 auto 17px;
	list-style: none;
	letter-spacing:0.12rem;
	font-size:22px;
}
.gNavi ul.subCont li a {
    height: 30px;
	display: block;
}
.gNavi ul.subCont li.online {
	padding-top:20px;
	width: 300px;
}
.gNavi ul.subCont li.insta {
	width: 300px;
}
.gNavi ul.subCont li.slash {
	width: 50px;
	margin-top:-20px;
	margin-bottom:-5px;
	border-top: 2px solid #000;
}
.gNavi a {
	color: #000;
	text-decoration: none;
}
.gNavi a:visited {
	color: #000;
	text-decoration: none;
}
.gNavi a:active {
	color: #000;
	text-decoration: underline;
}
.gNavi a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}
/*========= container ========*/

#container {
	width: 1024px;
	height: auto;
	margin:0 auto;
}
#lead {
	width:100%;
	padding:80px 0;
	overflow: hidden;
	margin:0;
	text-align:left;
}
#lead h2{
	width:100%;
	margin:0;
	margin-left:90px;
	text-align:left;
	overflow: hidden;
}
#lead nav {
	width:100%;
	margin:0 auto;
	line-height:1.5;
	text-align:right;
	margin-top:-48px;
	margin-right:150px;
	overflow: hidden;
	}
#lead nav li{
	list-style: none;
	display: inline-block;
	padding-right:30px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:18px;
	letter-spacing: 2px;
	color:#000;
	}		
/*========= menu_underbar ========*/
#lead nav ul {
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	list-style: none;
}
	
#lead nav .about a {
	text-decoration: none;
	padding-bottom: 1px;/* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .about a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
	color: #000;
}
#lead nav .service a {
	text-decoration: none;
	padding-bottom: 1px;/* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .service a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
	color: #000;
}
#lead nav .online a {
	text-decoration: none;
	padding-bottom: 1px;/* 文字と下線に隙間を作る */
	color: #000;
	display: block;
}
#lead nav .online a:after {
	content: '';
	width: 0;
	transition: all 0.2s ease;
	border-bottom: 1px solid #000;
	display: block;
	color: #000;
}
#lead nav li a:hover:after {
	width: 100%;
	border-bottom: 1px solid #000;
}
#lead .instamark{
	margin-left:10px;
	}
#lead .instamark img{
	padding-bottom:5px;
	}
#lead .fbmark{
	margin-left:-15px;
	}
#lead .fbmark img{
	padding-bottom:5px;
	}
/*========= sentence========*/
#lead .sentence{
	width:750px;
	margin:0;
	margin-top:220px;
	margin-bottom:100px;
	margin-left:250px;
	letter-spacing: 2px;
}
#lead h3{
	width:100%;
	margin:0 auto;
	margin-left:-205px;
	margin-top:150px;
	text-align:center;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:21px;
	letter-spacing:4.5px;
}
#lead h3 span{
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:15px;
	letter-spacing: 2.2px;
}
h4{
	width:800px;
	margin:auto;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:18px;
	font-weight: 300;
	line-height:1;
	letter-spacing:3px!important;
	padding-top:50px;
}
h4{
	width:800px;
	margin:auto;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:20px;
	font-weight: 300;
	line-height:1;
	letter-spacing:3px!important;
	padding-top:50px;
}
h6{
	width:760px;
	margin:0;
	margin-left:250px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:18px;
	line-height:1.5;
	letter-spacing:3.5px!important;
	padding-top:50px;
	padding-right:5px;
	padding-bottom:20px;
	font-weight: 400;
}
#lead h5{
	width:100%;
	margin:0;
	margin-top:150px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:21px;
	letter-spacing:4.5px;
	line-height: 1.8;
}
#lead h5 span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	letter-spacing: 2.2px;
}
#lead .jp{
	width:750px;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	line-height: 2.6;
	letter-spacing: 2.5px;
}
#lead .add{
	width:500px;
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:2;
	letter-spacing:1.8px;
	margin-top:50px;

}
#lead .toplink{
	text-align:left;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	letter-spacing:2px;
	margin-top:50px;
}
#lead .sentence .toplink img{
	padding-bottom:9px;
}
#lead .toplink a:hover {  filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ 
	}	
#lead .en{
	width:750px;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: 'Avenir', Calibri, sans-serif;
	font-size:15px;
	line-height: 2.5;
	letter-spacing: 1.8px;
}
.line{
	margin:0;
	text-align:left;
	margin-left:350px;
	margin-bottom:-130px;
}
.line2{
	margin:0;
	text-align:left;
	margin-left:367px;
	margin-top:25px;
	margin-bottom:-130px;
}

/*Googleマップ*/	

#map {
	width:750px;
	height: 500px;
	margin:0;
	text-align:left;
	margin-left:250px;
}
.access{
	width:750px;
	overflow: hidden;
	padding-bottom:150px;
	margin:0;
	text-align:left;
	margin-left:250px;
}
.access .jp{
	width:600px;
	float:left;
}	
.access .txt{
	padding-top:20px;
	font-family:'Avenir', Calibri, sans-serif;
	text-align:left;
	color:#000;
	font-size:15px;
	line-height:1.8;
	letter-spacing:0.16rem;
	margin-right:50px;
}
.access .mail{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:15px;
	line-height:1.8;
	letter-spacing:0.16rem;
	margin-top:10px;
}
.access .mail a{
	border-bottom: 1px solid #000;
    padding-bottom: 0.5px;
}
.access .mail a:hover{filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
}
.access span{
	text-align:left;
	color:#000;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:1.7;
	letter-spacing:2.4px;
	margin-top:10px;
}
.access .transportation{
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 500;
	line-height:1.9;
	text-align: left;
	letter-spacing:2.4px;
	margin-top:30px;
}
.access .transportation a{
	color:#000;
	font-family:'Gill Sans','Gill Sans MT',Calibri,sans-serif;
	font-size:14px;
	line-height:3.5;
	letter-spacing:1.8px;
	padding-top:50px;
	padding-right:5px;
}
.access .transportation img{
	width:3.8%!important;
	padding-bottom:0 0 10px 5px!important;
	}
.shere{
	width:100%;
	margin:0;
	margin-top:-145px;
	margin-left:250px;
	text-align:left;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:16px;
	vertical-align:middle;
	letter-spacing:1.6px;
	line-height: 1.8;
	padding-bottom:100px
	}
.shere span img{
	padding-bottom:10px;
	padding-right:3px;
	}
.shere a:hover{filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
}
.conpactpage{
	margin-bottom:200px;		
	}
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 360px;
      overflow: hidden;
      position: relative;
	  left:0px;
      color: #000;
      background: #000!important;
      margin: 1rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 17px;
      line-height: 78px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      margin-left:350px;
      max-width: 360px;
      overflow: hidden;
      position: relative;
	  left:350px;
      color: #000;
      background: #000!important;
      margin: 1rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 17px;
      line-height: 78px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
.page-contact{
	width:100%;
	text-align: left;
	}
}


/* =============================================================

SP〜IPAD：641px〜768px

============================================================= */
@media all and (min-width: 641px) and (max-width: 768px) {
body {
	width: 100%;
	margin:0 auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
/*========= mainvisual ========*/

#mainVisual {
	position: relative;
	overflow: hidden;
}
#mainVisual h1 {
	text-indent: 100%;
	white-space: nowrap;
	width: 15%;
	height: 80%;
	background: url(../img/logo.svg) no-repeat;
	margin: auto;
	background-position: center center;
	display: none;
}
	
header #button {
	position: fixed;
	top:40px;
	left:90%;
    z-index: 50;
}
header #button  img {
	width:30px;
	height:30px;
}
header #arrow {
	position: absolute;
	top:80%;
	left:47%;
    z-index: 50;
	display: none;
}
header #arrow img {
	width:18px;
	height:auto;
}
#lead #button {
	position: fixed;
	top:40px;
	left:90%;
    z-index: 50;
}
#lead #button  img {
	width:30px;
	height:30px;
}
/*===============toggle================*/

.humMenu {
	width: 25px;
	height: 22px;
	top: 50px;
	left: 30px;
	position: fixed;
	cursor: pointer;
	z-index: 100;
}
.humMenu01 {
	width: 23px;
	height: 2px;
	background-color: #000;
	top: 0px;
	position: absolute;
}
.humMenu02 {
	width: 23px;
	height: 2px;
	background-color: #000;
	top: 9px;
	position: absolute;
}
.humMenu03 {
	width: 25px;
	height: 1px;
	background-color: #000;
	top: 18px;
	position: absolute;
}
.humMenu01, .humMenu02, .humMenu03 {
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; /* Opera */
	-moz-transition: all 0.3s ease-out; /* Firefox */
	-webkit-transition: all 0.3s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.3s ease-out; /* IE */
}
.humMenuClick01 {
	top: 9px;
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #000;
}
.humMenuClick02 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.humMenuClick03 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.bgBlack {
	background-color: #000000;
}
/*=============== gNavi ================*/

.gNavi {
	width: 100%;
	height: 100%;
	text-align: center;
	margin:0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	overflow: hidden;
	background: rgba(255,255,255,.96);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
}
/* 開閉用ボタンクリック */
.open .gNavi {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
.gNavi-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gNavi ul.mainCont {
	width: 200px;
	margin: 0 auto;
	padding: 0 0 25px;
	margin-top:20px;
}
.gNavi ul.mainCont li {
	width: 200px;
	margin: 0 auto 30px;
	list-style: none;
	font-size:20px;
	letter-spacing: 1.8px;
}
.gNavi ul.mainCont .slash {
    width:55px;
	border-bottom:1px solid #000;
	margin-top:30px;
	margin-bottom:35px;
}
.gNavi ul.subCont {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	margin-top:-15px;
}
.gNavi ul.subCont li {
	width: 50px;
	display: inline-block;
	margin: 0 auto ;
	list-style: none;
	font-size:18px;
}	
.gNavi a {
	color: #000;
	text-decoration: none;
}
.gNavi a:visited {
	color: #000;
	text-decoration: none;
}
.gNavi a:active {
	color: #000;
	text-decoration: underline;
}
.gNavi a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}

/*========= container ========*/


#container {
	width: 100%;
	height: auto;
	overflow: hidden;
}
#lead {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	text-align:center!important;
}
#lead .sentence{
	width:650px;
	margin:0 auto;
	font-size:1px;
	text-align:left;
	overflow: hidden;
}
#lead h2{
	width:650px;
	margin:0;
	text-align:left;
	padding-top:40px;
	overflow: hidden;
}
#lead h2 img{
	width:220px!important;
}
#lead nav {
	display: none;
	}
	
#lead h3{
	width:100%;
	margin:0;
	margin-top:100px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:19px;
	letter-spacing: 3.5px;
	line-height: 1.4;
}
h4{
	width:650px;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:18px;
	line-height:3.5;
	letter-spacing:3.5px!important;
	font-weight: 400;
}
h6{
	width:650px;
	margin:0 auto;
	margin-top:100px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:18px;
	line-height:1.5;
	letter-spacing:3.5px!important;
	font-weight: 400;
}
#lead h5{
	width:100%;
	margin:0;
	padding-top: 150px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:19px;
	letter-spacing: 3.5px;
	line-height: 1.4;
}
#lead .jp{
	width:650px;
	margin:0 auto;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:15px;
	line-height: 2.1;
	letter-spacing: 0.5px;
}

#lead .add{
	width:650px;
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:13px;
	line-height:1.9;
	letter-spacing:1.8px;
	margin-top:30px;
}
#lead .toplink{
	text-align:left;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	letter-spacing:2px;
	margin-top:30px;
}
#lead .sentence .toplink img{
	padding-bottom:2px;
}
#lead .toplink a:hover {  filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ 
	}	
#lead .en{
	width:650px;
	margin:0 auto;
	text-align:left;
	text-align:justify;
	margin-top:30px;
	font-family: 'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.8;
	letter-spacing: 0.5px;
}
	
.line{
	margin:0;
	text-align:left;
	margin-left:350px;
	margin-bottom:-130px;
}
.line2{
	margin:0;
	text-align:left;
	margin-left:367px;
	margin-top:25px;
	margin-bottom:-130px;
}

#lead .sentence figure{
	width:100%;
	margin: 0 auto;
	z-index: -1;
}
#lead .sentence figure img{
	width:750px!important;
	height: auto;
	padding-top: 50px;
	margin-left:-70px;
}
#map {
	width:650px;
	height:450px;
	margin:0 auto;
	text-align:center;
	margin-top:100px;
}
.access{
	width:650px;
	margin:0 auto;
	text-align:left;
	padding-bottom:150px;
	overflow: hidden;
}
.access .jp{
	width:650px;
	float:left;
}	
.access .txt{
	font-family:'Avenir', Calibri, sans-serif;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.8px;
}
.access .mail{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.5px;
	margin-top:10px;
}
.access .mail a{
	border-bottom: 1px solid #000;
    padding-bottom: 0.5px;
}
a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}
.access span{
	text-align:left;
	color:#000;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:1.7;
	letter-spacing:1px;
	margin-top:10px;
}
.access .transportation{
	text-align:left;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 500;
	line-height:1.7;
	color:#000;
	letter-spacing:1px;
	margin-top:20px;
}
.access .transportation a{
	color:#000;
	font-family:'Gill Sans','Gill Sans MT',Calibri,sans-serif;
	font-size:13px;
	line-height:3.5;
	letter-spacing:1.8px;
	padding-top:50px;
	padding-right:5px;
}
.access .transportation img{
	width:3.5%!important;
	padding-bottom:0 0 10px 5px!important;
	}
.shere{
	text-align:left;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	vertical-align:middle;
	color:#000;
	letter-spacing:1px;
	line-height: 1.5;
	margin-top:-150px;
	padding-left:55px;
	padding-bottom:0px
	}
.shere span img{
	width:13px;
	padding-bottom:5px;
	padding-right:3px;
	}
.conpactpage{
	width:100%;
	margin-top:50px;
	margin-bottom:150px;
	margin-left:-10px;
	}
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 300px;
      overflow: hidden;
      position: relative;
	  left:10%;
      color: #000;
      background: #000;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 15px;
      line-height: 60px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
	  text-align: center;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
        width: 0;
        left: 100%;
        -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
	
/*========= CONTACT========*/

#lead .page-contact main article .c_wrap dl dt, .page-contact main article .c_wrap dl dd {
    display: table-cell;
	width:36%;
	text-align: left;
    vertical-align: top;
	font-size:13px;
	letter-spacing:0.5px;
    line-height: 20px;}
 #lead .page-contact main article .c_wrap dl dd input[type="text"] {
    background: #f6f5f5;
    width: 100%;
    line-height: 40px;
	font-family: 'Avenir', Calibri, sans-serif;
    padding: 0 1rem;
	vertical-align:middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size:13px;}
#lead .page-contact main article .c_wrap dl dd input[type="text2"] {
    background: #f6f5f5;
    width: 100%;
    line-height: 40px;
    padding: 0 1rem;
	vertical-align:middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: 'Avenir', Calibri, sans-serif;
    font-size:13px;
    letter-spacing: 1.5;}
#lead .page-contact main article .c_wrap dl dd textarea {
    background: #f6f5f5;
    width: 100%;
    height: 120px!important;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
#lead .page-contact main a.banner, #lead .page-contact main button.banner {
      display: block;
      width: 100%;
      padding: 0;
      max-width: 400px;
      overflow: hidden;
      position: relative;
	  top:20px;
	  left:0;
      color: #000;
      background: #000;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 16px;
	  margin:0 auto;
      text-align: center;
      line-height: 50px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
#lead .page-contact main a.banner:before, #lead .page-contact main button.banner:before {
     content: '';
     display: block;
     background: #fff;
     width: 102%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
    -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
    -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
    -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
    -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
    transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
#lead .page-contact main a.banner:hover, #lead .page-contact main button.banner:hover {
    color: #fff; }
#lead .page-contact main a.banner:hover:before, #lead .page-contact main button.banner:hover:before {
    width: 0;
    left: 100%;
    -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
    -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
	transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }

}

/* =============================================================

SP：〜640px

============================================================= */

@media screen and (max-width: 640px) {
body {
	width: 100%;
	margin:0 auto;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
}
/*========= mainvisual ========*/

#mainVisual h1 {
	text-indent: 100%;
	white-space: nowrap;
	width: 18%;
	height: 80%;
	background: url(../img/logo.svg) no-repeat;
	margin: auto;
	background-position: center center;
	display: none;
}
	
header #button {
	position: fixed;
	top: 25px;
	left: 88%;
    z-index: 50;
}
header #button  img {
	width:28px;
	height:28px;
}
header #arrow {
	position: absolute;
	top:80%;
	left:47%;
    z-index: 50;
	display: none;
}
header #arrow img {
	width:12px;
	height:auto;
}
#lead #button {
	position: fixed;
	top: 25px;
	left: 88%;
    z-index: 50;
}
#lead #button  img {
	width:28px;
	height:28px;
}
/*===============toggle================*/

.humMenu {
	width: 28px;
	height: 22px;
	top: 30px;
	left: 18px;
	position: fixed;
	cursor: pointer;
	z-index: 100;
}
.humMenu01 {
	width: 28px;
	height: 2px;
	background-color: #000;
	top: 0px;
	position: absolute;
}
.humMenu02 {
	width: 28px;
	height: 2px;
	background-color: #000;
	top: 9px;
	position: absolute;
}
.humMenu03 {
	width: 28px;
	height: 2px;
	background-color: #000;
	top: 18px;
	position: absolute;
}
.humMenu01, .humMenu02, .humMenu03 {
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; /* Opera */
	-moz-transition: all 0.3s ease-out; /* Firefox */
	-webkit-transition: all 0.3s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.3s ease-out; /* IE */
}
.humMenuClick01 {
	top: 9px;
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #000;
}
.humMenuClick02 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.humMenuClick03 {
	top: 9px;
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #000;
}
.bgBlack {
	background-color: #000000;
}
/*=============== gNavi ================*/

.gNavi {
	width: 100%;
	height: 100%;
	text-align: center;
	margin:0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	overflow: hidden;
	background: rgba(255,255,255,.96);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
}
/* 開閉用ボタンクリック */
.open .gNavi {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
.gNavi-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gNavi ul.mainCont {
	width: 200px;
	margin: 0 auto;
	padding: 0 0 25px;
	margin-top:20px;
}
.gNavi ul.mainCont li {
	width: 200px;
	margin: 0 auto 25px;
	list-style: none;
	font-size:18px;
	letter-spacing: 1.8px;
}
.gNavi ul.mainCont .slash {
    width:50px;
	border-bottom:1px solid #000;
	margin-top:35px;
	margin-bottom:30px;
}
.gNavi ul.subCont {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	margin-top:-15px;
}
.gNavi ul.subCont li {
	width: 50px;
	display: inline-block;
	margin: 0 auto ;
	list-style: none;
	font-size:18px;
}	
.gNavi a {
	color: #000;
	text-decoration: none;
}
.gNavi a:visited {
	color: #000;
	text-decoration: none;
}
.gNavi a:active {
	color: #000;
	text-decoration: underline;
}
.gNavi a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}

/*========= container ========*/

#lead {
	width:340px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
#lead .sentence{
	width: 330px;
    margin: 0 auto;
}
#lead h2{
	display: none;
}
#lead h2 img{
	width:190px!important;
}
#lead nav {
	display: none;
	}
	
#lead h3{
	padding-top:50px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:19px;
	letter-spacing: 1.8px;
}
h4{
	width:325px;
	margin:0 auto;
	margin-top:10px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:15px;
	letter-spacing:2px!important;
	padding-right:5px;
	font-weight: 400;
}
h6{
	width:325px;
	margin:0 auto;
	margin-top:100px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif!important;
	font-size:15px;
	letter-spacing:2px!important;
	padding-right:5px;
	font-weight: 400;
}
#lead h5{
	width:100%;
	margin:0;
	margin-left: 1px;
	margin-top: 100px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:19px;
	letter-spacing: 1.8px;
	line-height: 1.4;
}

#lead .jp{
	width: 330px;
    margin: 0 auto;
	text-align:justify;
	margin-top:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	line-height: 2.1;
	letter-spacing: 0.5px;
}
#lead .add{
	text-align:left!important;
	width: 330px;
    margin: 0 auto;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:13px;
	line-height:1.9;
	letter-spacing:1.8px;
	margin-top:30px;
	padding-left:18px;
	
}
#lead .toplink{
	text-align:left;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	letter-spacing:2px;
	margin-top:30px;
	padding-left:18px;
}
#lead .sentence .toplink img{
	padding-bottom:3px;
}
#lead .en{
	width: 330px;
    margin: 0 auto;
	text-align:justify;
	margin-top:30px;
	font-family: 'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.8;
	letter-spacing: 0.5px;
}	
.line{
	margin:0;
	text-align:left;
	margin-left:350px;
	margin-bottom:-130px;
}
.line2{
	margin:0;
	text-align:left;
	margin-left:367px;
	margin-top:25px;
	margin-bottom:-130px;
}
#lead .sentence figure{
	width:100%;
	margin: 0 auto;
	z-index: -1;
}
#lead .sentence figure img{
	width:330px!important;
	height: auto;
	padding-top: 50px;
}
#map {
	width: 330px;
	height:200px;
    margin: 0 auto;
	margin-top:60px;
	overflow: hidden;
}
.access{
	width: 330px;
    margin: 0 auto;
	padding-bottom:150px;
	color:#000;
}	
.access .txt{
	font-family:'Avenir', Calibri, sans-serif;
	padding-top:1px;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.8px;
}
.access .mail{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.5px;
	margin-top:10px;
}
.access .mail a{
	border-bottom: 1px solid #000;
    padding-bottom: 0.3px;
}
a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}
.access span{
	text-align:left;
	color:#000;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:1.7;
	letter-spacing:1px;
	margin-top:10px;
}
.access .transportation{
	text-align:left;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 500;
	line-height:1.7;
	color:#000;
	letter-spacing:1px;
	margin-top:20px;
}
.access .transportation a{
	color:#000;
	font-family:'Gill Sans','Gill Sans MT',Calibri,sans-serif;
	font-size:13px;
	line-height:3.5;
	letter-spacing:1.8px;
	padding-top:50px;
	padding-right:5px;
}
.access .transportation img{
	width:3.5%!important;
	padding-bottom:0 0 10px 5px!important;
	}
.shere{
	width: 330px;
    margin: 0 auto;
	text-align:left;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	vertical-align:middle;
	color:#000;
	letter-spacing:1px;
	line-height: 1.5;
	margin-top:-170px;
	padding-bottom:0px
	}
.shere span img{
	width:13px;
	padding-bottom:5px;
	padding-right:3px;
	}
.conpactpage{
	width:100%;
	margin-bottom:100px;		
	}
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 300px;
      overflow: hidden;
      position: relative;
	  left:10%;
      color: #000;
      background: #000;
      margin: 6rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 15px;
      line-height: 60px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
	  text-align: center;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
}

/* =============================================================

SP(SE)：〜320px

============================================================= */
@media all and (max-width: 320px) {
body {
	width: 100%;
	margin:0 auto;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
}
/*========= mainvisual ========*/

#mainVisual {
	background-size: cover;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
#mainVisual h1 {
	width: 220px;
	height: 150px;
	position: absolute;
	top: 90px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	background: url(../img/logo.svg) no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
/*========= container ========*/

#lead {
	width:320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
#lead .sentence{
	width: 280px;
    margin: 0 auto;
}
#lead h2{
	display: none;
}
#lead nav {
	display: none;
	}
#lead h3{
	padding-top:50px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-size:19px;
	letter-spacing: 1.8px;
}
#lead h5{
	margin-top:50px;
	text-align:left;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight: 400;
	font-size:19px;
	letter-spacing: 1.8px;
	line-height: 1.4;
}
#lead h5 span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	letter-spacing: 2.2px;
}

#lead .jp{
	width: 280px;
    margin: 0 auto;
	text-align:justify;
	margin-top:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	line-height: 2.1;
	letter-spacing: 0.5px;
}
#lead .add{
	width: 280px;
    margin: 0 auto;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:13px;
	line-height:1.9;
	letter-spacing:1.8px;
	margin-top:30px;
	padding-left:1px;
}
#lead .toplink{
	text-align:left;
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:13px;
	letter-spacing:2px;
	margin-top:30px;
	padding-left:1px;
}
#lead .sentence .toplink img{
	padding-bottom:7px;
}
#lead .toplink a:hover {  filter:alpha(opacity=60);opacity:0.4;
transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */ 
	}	
#lead .en{
	width: 280px;
    margin: 0 auto;
	text-align:justify;
	margin-top:30px;
	font-family: 'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.8;
	letter-spacing: 0.5px;
}
	
.line{
	margin:0;
	text-align:left;
	margin-left:350px;
	margin-bottom:-130px;
}
.line2{
	margin:0;
	text-align:left;
	margin-left:367px;
	margin-top:25px;
	margin-bottom:-130px;
}
#lead .sentence figure{
	width:100%;
	margin: 0 auto;
	padding-top: 50px;
	z-index: -1;
}
#lead .sentence figure img{
	width:300px!important;
	height: auto;
	padding-top: 50px;
}
#map {
	width: 280px;
	height:200px;
    margin: 0 auto;
	overflow: hidden;
}
.access{
	width: 280px;
    margin: 0 auto;
	padding-bottom:150px;
	color:#000;
}	
.access .txt{
	font-family:'Avenir', Calibri, sans-serif;
	padding-top:5px;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.8px;
}
.access .mail{
	text-align:left;
	color:#000;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.5px;
	margin-top:10px;
}
.access .mail a{
	border-bottom: 1px solid #000;
    padding-bottom: 0.3px;
}
a:hover {
	transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out; /* opera */
-moz-transition: opacity 0.3s ease-out; /* firefox */
-webkit-transition: opacity 0.3s ease-out; /* chrome, safari */
-ms-transition: opacityr 0.3s ease-out; /* ie */
	text-decoration: none;
	opacity:0.5;
}
.access span{
	text-align:left;
	color:#000;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:1.7;
	letter-spacing:1px;
	margin-top:10px;
}
.access .transportation{
	text-align:left;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 500;
	line-height:1.7;
	color:#000;
	letter-spacing:1px;
	margin-top:20px;
}
.access .transportation a{
	color:#000;
	font-family:'Gill Sans','Gill Sans MT',Calibri,sans-serif;
	font-size:13px;
	line-height:3.5;
	letter-spacing:1.8px;
	padding-top:50px;
	padding-right:5px;
}
.access .transportation img{
	width:3.5%!important;
	padding-bottom:0 0 10px 5px!important;
	}
.shere{
	width: 280px;
    margin: 0 auto;
	text-align:left;
	font-family:'Avenir', Calibri, sans-serif;
	font-size:14px;
	vertical-align:middle;
	color:#000;
	letter-spacing:1px;
	line-height: 1.5;
	margin-top:-140px;
	padding-bottom:70px
	}
.shere span img{
	width:13px;
	padding-bottom:5px;
	padding-right:3px;
	}
.conpactpage{
	width:100%;
	margin-bottom:100px;		
	}
.conpactpage button.banner {
      width: 100%;
      padding: 0;
      max-width: 300px;
      overflow: hidden;
      position: relative;
	  left:10%;
      color: #000;
      background: #000;
      margin: 6rem auto 0;
      border: 1px solid #000;
      z-index: 0;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
      font-size: 15px;
      line-height: 60px;
      letter-spacing: 0.06rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      -o-transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
 .conpactpage button.banner:before {
        content: '';
        display: block;
        background: #fff;
        width: 102%;
        height: 100%;
        position: absolute;
	  text-align: center;
        top: 0;
        left: 0;
        z-index: -1;
        -moz-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -webkit-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        -o-transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1);
        transition: width 0.7s cubic-bezier(0.635, 0.005, 0.33, 1); }
.conpactpage button.banner:hover {
        color: #fff; }
.conpactpage a.banner:hover:before, .conpactpage button.banner:hover:before {
          width: 0;
          left: 100%;
          -moz-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -webkit-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          -o-transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1);
          transition: all 0.5s cubic-bezier(0.635, 0.005, 0.33, 1); }
}