@charset "UTF-8";
/*main*/
* {
	margin: 0;
	padding: 0;
}
@font-face {
  font-family: 'Mplus 1p';
  font-weight: 300;
  src: url('./font/mplus-1p-light.eot');
  src: url('./font/mplus-1p-light.eot?#iefix') format('embedded-opentype'),
    url('./font/mplus-1p-light.woff') format('woff'),
    url('./font/mplus-1p-light.ttf') format('truetype');
}
@font-face {
  font-family: 'Mplus 1pM';
  src: url('./font/mplus-1p-regular.eot');
  src: url('./font/mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
    url('./font/mplus-1p-regular.woff') format('woff'),
    url('./font/mplus-1p-regular.ttf') format('truetype');
}
body {
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    font-family: 'Mplus 1p',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    background-color: #000000;
}

html, body {
    height: 100%;
}
body > #container {
    height: auto;
}
ul {
    font-size: 0.9em;
    z-index: 99;
    height: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.8);
    width: 300px;
    position: fixed;
    color: white;
    margin: 0px;
    padding: 0px;
    right: -300px;
    list-style: none;

}

.logo {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 21.0625%;
}
#slidemenu li {
    margin-top: 30px;
    margin-left: 43px;
	
}
#slidemenu li.subbt {
    margin-top: 8px;
    margin-left: 53px;
}
#slidemenu li a {
    letter-spacing: 1px;
    font-family: "Josefin Sans",'Mplus 1p', "sans-serif";
    color: #C8C8C8;
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 300px;
}
#slidemenu li a::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: white;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 1.2s;
}
#btcell {
    margin-top: 100px;
}
#slidemenu li a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
#slidemenu #bt1 span:nth-child(2) {
    display: none;
}
#slidemenu #bt1:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt1:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt2 span:nth-child(2) {
    display: none;
}
#slidemenu #bt2:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt2:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt3 span:nth-child(2) {
    display: none;
}
#slidemenu #bt3:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt3:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt4 span:nth-child(2) {
    display: none;
}
#slidemenu #bt4:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt4:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt5 span:nth-child(2) {
    display: none;
}
#slidemenu #bt5:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt5:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt6 span:nth-child(2) {
    display: none;
}
#slidemenu #bt6:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt6:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt7 span:nth-child(2) {
    display: none;
}
#slidemenu #bt7:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt7:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt8 span:nth-child(2) {
    display: none;
}
#slidemenu #bt8:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt8:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt9 span:nth-child(2) {
    display: none;
}
#slidemenu #bt9:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt9:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt10 span:nth-child(2) {
    display: none;
}
#slidemenu #bt10:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt10:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt11 span:nth-child(2) {
    display: none;
}
#slidemenu #bt11:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt11:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt12 span:nth-child(2) {
    display: none;
}
#slidemenu #bt12:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt12:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt13 span:nth-child(2) {
    display: none;
}
#slidemenu #bt13:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt13:hover span:nth-child(2) {
    display: inline;
}
#slidemenu #bt14 span:nth-child(2) {
    display: none;
}
#slidemenu #bt14:hover span:nth-child(1) {
    display: none;
}
#slidemenu #bt14:hover span:nth-child(2) {
    display: inline;
}
#cpimg {
	width:100%;
    max-width: 1600px;
    min-width: 600px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}
#cpimg img.wimg {
	margin-top:-1vw;
    width: 100%;
    display: block;
}
#fadeLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    
    width: 100%;
    height: 100%;
    background-color: #DCE6E6;
    opacity: 0.2;
    z-index: 1;
    display: none;
}
#logo {
    float: right;
    width: 128px;
    position: fixed;
    top: 15px;
    right: 120px;
    z-index: 98;
}
#open {
    cursor: pointer;
    width: 43px;
}
#close {
    width: 43px;
}
#cps {
    padding-top: 50px;
    font-size: 0.8em;
	color: #C8C8C8;
}
#cps span {
    font-size: 0.9em;
}
#footer {
    padding: 80px;
    height: 100px;
    text-align: center;
    bottom: 0;
    color: white;
    font-size: 0.6em;
}
#ftlogo {
    width: 168px;
}
#footer span {
    display: block;
    margin-top: 20px;
}
#lcom {
    height: 30px;
    text-align: center;
}
.fwh {
    color: white;
}
.fwhs {
    font-size: 0.9em;
    color: white;
    font-style: normal;
}
#menuop {
	 z-index: 98;
	position: fixed;
	top:10px;
	right:30px;
}
#menuclose {
	cursor: pointer;
	float:right;
	margin-top:10px;
	margin-right:30px;
}
/*index*/
#index body {
	display: none;
}
#index #logo {
	z-index: 1;
}

#intro { 
	z-index: 9999999;
	float:left;
	background-color:black;
	width:100%;
	height:100%;
}
#rrimg {
	width:50.625%;
}
#lrimg {
	width:50.625%;
}
#index #next {
	text-align: right;
	color:white;
	cursor: pointer;
	float:right;
	margin-right:2%;
	margin-bottom:2%;
}
#index #prev {
	color:white;
	cursor: pointer;
	float:left;
	margin-left:2%;
	margin-bottom:2%;
}
#slidecontrol {
	position: fixed;
	bottom: 0;
	width:100%;
}
#indexfooter {
	position: fixed;
	width: 100%;
	text-align: center;
	bottom:1%;
	font-size: 0.5vw;
	font-family: 'Mplus 1pM',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*02*/
#corp {
    background-image: url(02img/02bg.png);
}
#corp #cpimg img.wimg {
	margin-top:inherit;
}
/*03*/
#concept {
    background-image: url(03img/03bg2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#concept #cpimg {
    text-align: center;
    color: white;
    font-size: 1vw;
}
#concept .wimg{
	margin-bottom: 5vw;
}
#concept #c03t {
    font-size: 2vw;
	letter-spacing: 0.5em;
}
#concept #c03s {
	margin-top:1.5em;
    font-size: 1.1vw;
	letter-spacing: 0.6em;
}
#concept #c03t,#concept #c03s{
	font-family: 'Mplus 1pM',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #B4B4B4;
}
#concept #c03ts {
	margin-top:7em;
    font-size: 1vw;
	letter-spacing: 0.2em;
	line-height: 3em;
}
/*04*/
#safe {
	background-image: url(04img/04bk2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #000;
}
#safe #cpimg {
	text-align: center;
    color: #FFF;
	max-width: inherit;
}
#safe #c04ts {
	margin-top:-5vw;
    font-size: 0.9vw;
	letter-spacing: 0.4em;
	line-height: 2.5vw;
}
#safe #es04{
	font-family: 'Mplus 1pM',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-top:7.5vw;
	letter-spacing: 0.35em;
	font-size: 1.2vw;
}
#safe #es04 span {
	font-size: 1.8vw;
}
#safe .esbt img{
	width:17.6875%;

}
#safe #es04bd {
	margin-top: 7vw;
}
/*05*/
#back {
    float: right;
    width: 28px;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 98;
}
#ground {
	background-color: #FFF;
	background-image: url(05img/title.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#ground #c05c{
	text-align: left;
	margin-top:27vw;
	margin-left: 18vw;
	font-size: 0.9vw;
	letter-spacing: 0.23em;
	line-height: 2.3em;
	color: white;
}
#ground #cpimg {
	text-align: center;
    color: #000000;
	width:100%;
	max-width: inherit;
}
#ground #s05 img {
	width: 56.25%;
}
#ground .s05p {
	margin-top:16vw;
}
#ground #footer {
	background-color: black;
}
.invert {
	-webkit-filter: invert(100%);
     -moz-filter: invert(100%);
     -o-filter: invert(100%);
     -ms-filter: invert(100%);
     filter: invert(100%);
}
#ground .s05p2,#ground .s05p3 {
	margin-top:12vw;
}
#ground .s05p3 {
	margin-bottom: 10vw;
}
/*06*/
#vibration {
	background-color: #FFF;
	background-image: url(06img/title.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#vibration #c05c{
	text-align: left;
	margin-top:28vw;
	margin-left: 18vw;
	font-size: 0.9vw;
	letter-spacing: 0.23em;
	line-height: 2.3em;
	color: white;
}
#vibration #cpimg {
	text-align: center;
    color: #000000;
	width:100%;
	max-width: inherit;
}
#vibration #s05 img {
	width: 56.25%;
}
#vibration .s05p {
	margin-top:21vw;
}
#vibration #footer {
	background-color: black;
}
#vibration .s05p2,#vibration .s05p3,#vibration .s05p4 {
	margin-top:12vw;
}
#vibration .s05p4 {
	margin-bottom: 10vw;
}
/*07*/
#strength {
	background-color: #FFF;
	background-image: url(07img/title.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#strength #c05c{
	text-align: left;
	margin-top:27vw;
	margin-left: 18vw;
	font-size: 0.9vw;
	letter-spacing: 0.23em;
	line-height: 2.3em;
	color: white;
}
#strength #cpimg {
	text-align: center;
    color: #000000;
	width:100%;
	max-width: inherit;
}
#strength #s05 img {
	width: 56.25%;
}
#strength .s05p {
	margin-top:17vw;
}
#strength #footer {
	background-color: black;
}
#strength .s05p2,#strength .s05p3 {
	margin-top:12vw;
}
#strength .s05p3 {
	margin-bottom: 10vw;
}
/*08*/
#support {
	background-color: #FFF;
	background-image: url(08img/title.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#support #c05c{
	text-align: left;
	margin-top:27vw;
	margin-left: 18vw;
	font-size: 0.9vw;
	letter-spacing: 0.23em;
	line-height: 2.3em;
	color: white;
}
#support #cpimg {
	text-align: center;
    color: #000000;
	width:100%;
	max-width: inherit;
}
#support #s05 img {
	width: 56.25%;
}
#support .s05p {
	margin-top:17vw;
}
#support #footer {
	background-color: black;
}
#support .s05p2 {
	margin-top:12vw;
	margin-bottom: 10vw;
}
/*09*/
#gallery #cpimg {
	text-align: center;
    color: #000000;
}
#gallery {
    background-image: url(02img/02bg.png);
}
#gallery #bt09 {
	text-align: center;
	background-color: #000000;
	padding-bottom: 4vw;
}
#gallery #bt09 img{
	width: 21%;

}
#gallery #bt0901 {
	margin-right: 6.25%;
}
/*10*/

#appearance #cpimg {
	width: 100%;
	text-align: center;
    color: #FFF;
	max-width: 45%;
}
#appearance {
	background-color: #141414;
}
#s10main {
	padding-bottom: 15vw;
	padding-top: 100px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#s10com{
	text-align: left;
	font-size: 1.2vw;

	letter-spacing: 0.2vw;
	color: #B4B4B4;
}
.slick-prev, .slick-next {
	width:5% !important;
}
.test {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin-bottom:5px;
}
.tout img, .htout img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.tout, .htout {
    position: relative;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#gcont {
	text-align: left;
}
#t10 {
	width:100%;
	margin-bottom: 1vw;
}
.htest .slick-slide img{
	filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
.htest .slick-current img {
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.htest .slick-slide img:hover{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#arrows {
	width:70%;
	margin-left: auto;
	margin-right: auto;
	line-height: 3vw;
	text-align: center;
}
#arrows span{
	display: inline-block;
	width:97%;
}
.prev-arrow  {
	cursor: pointer;
	width:7% !important;
}
.next-arrow {
	cursor: pointer;
	width:7% !important;
}

.htest .slick-slide img{
	width:100%;
	/*margin-right:2%;*/
}
.htest .slick-slide{
	margin-right:3px;
}
.test .slic-avtive:last-child {
	margin-right:0px!important;
}
#lieu {
	margin-top:4vw;
	width:25%;
}
/*11*/
#t11 {
	width:100%;
	margin-bottom: 1vw;
}
/*12*/
#company {
    background-image: url(12img/bk2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#cplist {
	width:56.25%;
	background: rgba(255,255,255, 0.8);
	margin-right: auto;
    margin-left: auto;
    margin-top: 24vw;
	padding-top: 1vw;
	padding-bottom: 2vw;
}
#cptitle {
	text-align: center;
	font-size: 1.2vw;
	margin-bottom: 1vw;
	letter-spacing: 0.8vw;
}
#cplist table {
	background: rgba(50,50,50, 0.8);
	letter-spacing: 0.2vw;
	width:88.888%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-size: 0.75vw;
	margin-bottom: 2vw;
	border-collapse: collapse;
	border-spacing: 0;
}
#cplist table th,#cplist table td {
	border-bottom: thin solid #FFFFFF;
	padding-top:0.8vw;
	padding-bottom: 0.8vw;
}
#cplist table td img {
	vertical-align:middle;
}
#mapbt {
	width:10%;
}
#cplist table th{
	font-family: 'Mplus 1pM',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width: 21%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	padding-left: 2%;
}
#cplist table td a{
	text-decoration: none;
	color: #FFF;
}
#cplist table .spacecell {
	width: 2%;
	border-bottom: none;
}
.cpnob {
	border-bottom: none;
}
#acmap {
	font-family: 'Mplus 1pM',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width:88.888%;
	margin-left: auto;
	margin-right: auto;
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#acmap iframe {
	width:100%;
}
/*13*/
#form {
	width: 56.25%;
	background-image: url(13img/formbk.png);
	margin-left: auto;
	margin-right: auto;
	padding-top:1vw;
	margin-top:-4vw;
}
#form table {
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
#form table td{
	padding: 15px;
}
#form .ipcss{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
#form .ipcss{
	margin-top:0.2vw;
	margin-bottom:0.2vw;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	height:2vw;
	font-size: 1vw;
	padding:0.2vw;
}
#form .radio {
	width:auto;
	vertical-align:middle;
}
#form .radiodiv {
	vertical-align:middle;
	color: gray;
	padding:0.2vw;
	margin-top:0.2vw;
	margin-bottom:0.2vw;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:2vw;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	font-size: 1vw;
}
.rsex{
	vertical-align:middle;
}
.radiodiv .sext{
	font-size: 0.8vw;
	margin-right:2vw;
	vertical-align:middle;
}
input::-webkit-input-placeholder {
    color: gray;
}
input:-moz-placeholder {
    color: gray;
}
input::-moz-placeholder {
    ccolor: gray;
}
input:-ms-input-placeholder {
    color: gray;
}
#form .ipcstx{
	margin-top:0.2vw;
	margin-bottom:0.2vw;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	height:10vw;
	font-size: 1vw;
	padding:0.2vw;
}
.sendbt {
	text-align: right;
	padding-bottom: 2vw;
}
.sendbt input{
	width:25%;
}
.sendbt input:hover{
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}