@charset "utf-8";

html,body{
  width:100%;
  color:#c8c8c8;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-feature-settings: "palt";
}

#container{
  position: relative;
  padding-top:57px;
}
@media screen and (max-width: 767px) {
  #container{
    padding-top:11%;
  }
}

/*-----------------
   ローディング
-----------------*/

#loading {
  width: 100%;
  height: 100%;
  transition: all 1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.standby{
  width: 84px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  animation: imgopacity 3.0s;
}
@keyframes imgopacity {
  0% {
    opacity:0;
  } 33.333% {
    opacity: 1;
  }
}
.loadend {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 767px) {
 .standby{
    width: 26.666%;
  }
}

/*---------
   head
---------*/

#head{
	position:fixed;
	top: 0;
	left: 0;
	background-color:#000;
	border-bottom:2px solid #e30012;
	width:100%;
	min-width: 855px;
	margin:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	z-index:9999;
}
#head .hWrap{
	position: relative;
	width:100%;
}
#head .hWrap .navTop{
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
#head .hWrap h1{
	float: left;
	width:121px;
	margin:15px 30px 20px;
	font-size: 0;
}
#navWrap{
	font-size:0;
	text-align:right;
	}
#head #gNav{
	display:inline-block;
	margin-right: 10px;
	text-align:right;
}
#head #gNav div{
	position: relative;
	display:flex;
	padding-bottom: 15px;
	margin: 18px 0 0;
	font-size:13px;
	line-height:1.730;
	justify-content: flex-end;
}
#head #gNav div::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 27px;
  -webkit-transition: left .5s;
  transition: left .5s;
	border-bottom: 8px solid #e30012;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent; 
}
#head #gNav .active-1::after{
  left:27px;
}
#head #gNav .active0::after{
  left:100px;
}
#head #gNav .active1::after{
  left:182px;
}
#head #gNav .active2::after{
  left:265px;
}
#head #gNav div > p{
	margin:0 15px;
}
#head #gNav2{
	display:inline-block;
	text-align:right;
	background-color:#0f0f0f;
	padding-left:15px;
}
#head #gNav2 ul{
	position: relative;
	display:flex;
	justify-content: flex-end;
	padding-bottom: 15px;
	margin-top: 18px;
	font-size:13px;
	line-height:1.730;
}
#head #gNav2 ul li{
	margin:0 10px;
}
#head #gNav2 ul .subNav{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #0f0f0f;
	width: 140px;
	height: 0;
	padding: 0 12px;
	margin-top: 30px;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all .5s;
			transition: all .5s;
}
#head #gNav2 ul .other:hover .subNav{
	display: block;
	height: 140px;
}
#head #gNav2 ul .subNav p{
	padding: 5px 0;
}
#head #gNav2 ul li.logo{
  width:31px;
  margin: -9px 15px -5px 20px;
}
#head #gNav2 ul li .dl img{
  width:7px;
  margin-top:9px;
  margin-right:8px;
}
@media screen and (max-width: 767px) {
	#head{
		min-width: 0;
	}
	#head .hWrap h1{
		width: 24.267%;
		margin:2.667% 7.333% 4%;
	}
	#navWrap{
		display: none;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
				transition: all .3s;
		}
	#navWrap.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #000;
		width: 100%;
		height: calc(100% - 10.645%);
		height: 100vh;
/*		padding-bottom: 10.645%;*/
		margin-top: calc(10.645% + 2px);
		opacity: 1;
		pointer-events: auto;
		overflow-y: scroll;
		}
	#head #gNav{
		display:block;
		margin-right: 0;
		text-align:left;
	}
	#head #gNav div{
		display:block;
		padding-bottom: 0;
		margin: 0;
		font-size:4.267vw;
		line-height:1;
	}
	#head #gNav div::after{
		display: none;
	}
	#head #gNav div > p{
		position: relative;
		border-bottom: solid 1px #c3c4c4;
		width: 100%;
		margin:0;
	}
	#head #gNav div > p::after{
		content: '';
		position: absolute;
		bottom: 50%;
		left: 9.333%;
		border-top: 1.333vw solid transparent;
		border-bottom: 1.333vw solid transparent;
		border-right: 1.333vw solid transparent;
		border-left: 1.867vw solid #fff;
		margin: auto;
		-webkit-transform: translate(0,50%);
				transform: translate(0,50%);
	}
	#head #gNav div > p a{
		display: block;
		padding: 4.333% 0;
		padding-left: 16%;
	}
	#head #gNav2{
		display:block;
		text-align: left;
		background-color:#000;
		padding-left:0;
	}
	#head #gNav2 ul{
		display:block;
		padding-bottom: 0;
		margin-top: 0;
		font-size:4.267vw;
		line-height:1;
	}
	#head #gNav2 ul li{
		position: relative;
		border-bottom: solid 1px #c3c4c4;
		width: 100%;
		margin:0;
	}
	#head #gNav2 ul li a{
		display: block;
		padding: 4.333% 0;
		padding-left: 9.333%;
	}
	#head #gNav2 ul li.other > a{
		display: none;
	}
	#head #gNav2 ul .subNav{
		display: block;
		position: relative;
		top: 0;
		right: 0;
		background-color: transparent;
		width: 100%;
		height: auto;
		padding: 0;
		margin-top: 0;
	}
	#head #gNav2 ul .other:hover .subNav{
		display: block;
		height: auto;
	}
	#head #gNav2 ul .subNav p + p{
		border-top: solid 1px #c3c4c4;
	}
	#head #gNav2 ul li.logo{
		display: none;
	}
	#head #gNav2 ul li .dl img{
	  width: 2.4vw;
	  margin-top:0;
	  margin-right:4vw;
		vertical-align: middle;
	}
}

.head-menu{
	display: none;
}
@media screen and (max-width: 767px) {
	.head-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		border: none;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		width: 5.333vw;
		height: 2.933vw;
		padding: 0;
		margin: 4%;
		pointer-events: auto;
		z-index: 9999;
	}
	.head-menu_line {
		display: block;
		width: 100%;
		height: 0.267vw;
	}
	.head-menu_line:nth-of-type(1) {
		-webkit-transform-origin: top left;
				transform-origin: top left;
		-webkit-transition: .3s;
				transition: .3s;
	}
	.head-menu_line:nth-of-type(2) {
		-webkit-transform-origin: right center;
				transform-origin: right center;
		-webkit-transition: .3s;
				transition: .3s;
	}
	.head-menu_line:nth-of-type(3) {
		-webkit-transform-origin: bottom left;
				transform-origin: bottom left;
		-webkit-transition: .3s;
				transition: .3s;
	}

	.head-menu.active .head-menu_line:nth-of-type(1) {
		-webkit-transform: rotate(45deg) scale(1.34, 1);
				transform: rotate(45deg) scale(1.34, 1);
	}
	.head-menu.active .head-menu_line:nth-of-type(2) {
		-webkit-transform: scale(0, 1);
				transform: scale(0, 1);
	}
	.head-menu.active .head-menu_line:nth-of-type(3) {
		-webkit-transform: rotate(-45deg) scale(1.34, 1);
				transform: rotate(-45deg) scale(1.34, 1);
	}
	.head-menu.active {
		width: 4vw;
		height: 4vw;
	}

	.head-menu:focus:not(:focus-visible) {
		outline: 0;
	}
	.head-menu_line {
		background-color: #fff;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.active .head-menu_line {
		background-color: #fff;
	}
}

/*----------
   breadcrumb 
------------*/
.breadcrumb{
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px;
  margin-top:67px;
  z-index: 2;
}
.breadcrumb_list{
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  color: #555;
}
.breadcrumb_list li{
  position: relative;
  line-height: 1;
}
.breadcrumb_list li:not(:first-child){
  padding-left: 20px;
}
.breadcrumb_list li:not(:first-child)::before{
  content: "＞";
  display: inline-block;
  position: absolute;
  left: 5px;
  font-size: 12px;
  line-height: 1;
}
.breadcrumb_list a{
  color: #555;
}
@media screen and (max-width: 767px) {
  .breadcrumb{
    width: 100%;
    padding: 0 7.333%;
    margin-top: 12.5%;
    box-sizing: border-box;
  }
  .breadcrumb_list{
    font-size: 3.2vw;
  }
  .breadcrumb_list li:not(:first-child){
    padding-left: 5.333%;
  }
  .breadcrumb_list li:not(:first-child)::before{
    left: 2%;
    font-size: 3.2vw;
  }
}

/*----------
   mv-area 
------------*/

.mv-area{
  width:100%;
  min-height:650px;
}
.slider .img{
	position: relative;
}
.slider .img .txt{
	position: absolute;
	top: 50%;
	left: 12.811%;
	font-size: 1.171vw;
	color: #fff;
	letter-spacing: 0.06em;
	line-height: 2.438;
	-webkit-transform: translate(0,-55%);
			transform: translate(0,-55%);
	opacity: 0;
	-webkit-transition: opacity .8s;
			transition: opacity .8s;
}
.slider .img .bg img{
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-transform: scale(1) rotate(0.01deg);
			transform: scale(1) rotate(0.01deg);
	-webkit-transition: transform 10s;
			transition: transform 10s;
}
.slider .img.is--active .bg img{
	-webkit-transform: scale(1.04) rotate(0.01deg);
			transform: scale(1.04) rotate(0.01deg);
}
.slider .img.slide04.is--active .bg img{
	-webkit-transform: scale(1) rotate(0.01deg);
			transform: scale(1) rotate(0.01deg);
}
.slider .img .txt strong{
	position: relative;
	display: block;
	padding-bottom: 2.196vw;
	margin-bottom: 2.196vw;
	font-size: 1.903vw;
	font-weight: 400;
	line-height: 1.846;
}
.slider .img .txt strong::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #d21e36;
	width: 0;
	height: 1px;
	-webkit-transition: width 3s;
			transition: width 3s;
}
.slider .img:nth-child(2) .txt{
	left: auto;
	right: 12.811%;
	text-align: right;
}
.slider .img:nth-child(2) .txt strong{
	margin-left: 7.321vw;
	text-align: left;
}
/* .slider .img:nth-child(2) .txt strong::after{
} */
.slider .img.is--active .txt{
	opacity: 1;
}
.slider .img.is--active .txt strong::after{
	width: 23.572vw;
}
.slider .img .logo{
	position: absolute;
	top: 0;
	right: 0;
	width: 14.129%;
	margin: 8.053% 9.517%;
	opacity: 0;
	-webkit-transition: opacity 1.2s;
			transition: opacity 1.2s;
}
.slider .img.is--active .logo{
	opacity: 1;
}

@media screen and (max-width: 767px) {
  .mv-area{
    min-height:81.867%;
  }
	.slider .img .txt{
		top: 50%;
		left: 13.333%;
		font-size: 3.2vw;
		line-height: 2.292;
		-webkit-transform: translate(0,-50%);
				transform: translate(0,-50%);
	}
	.slider .img .txt strong{
		padding-bottom: 5.333vw;
		margin-bottom: 5.333vw;
		font-size: 4.8vw;
	}
	.slider .img:nth-child(2) .txt{
		left: 13.333%;
		right: auto;
		text-align: left;
	}
	.slider .img:nth-child(2) .txt strong{
		margin-left: 0;
	}
	.slider .img.is--active .txt strong::after{
		width: 42.933vw;
	}
	.slider .img .logo{
		width: 27.467%;
		margin: 6%;
	}
}

/*--------------
   explanation
----------------*/

.explanation{
  width:960px;
  margin:0 auto;
  padding:200px 0 180px;
  font-size:16px;
  line-height:2.625;
  text-align:center;
}
.explanation-inline{
  width:100%;
  font-size:0;
  margin-bottom:70px;
  position:relative;
}
.inline-left{
  display:inline-block;
  vertical-align:top;
  width:445px;
  text-align:left;
  margin-right:10px;
  vertical-align: bottom;
}
.inline-right{
  display:inline-block;
  vertical-align:top;
  width:505px;
}
.explanation h3{
  font-size:34px;
  line-height:1.730;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style:oblique;
  margin-bottom:20px;
  letter-spacing: 0.02em;
}
.explanation .cap{
  font-size:13.52px;
  line-height:1.187;
  margin-left:5px;
  margin-bottom:20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.eximg01{
  width:504px;
  position:absolute;
  top:20px;
  left:0;
}
.eximg02{
  width:349px;
  position:absolute;
  top:160px;
  left:0;
}
.explanation .txt{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.explanation .movie-box{
  position:relative;
  width:640px;
  font-size:0;
  margin: 70px auto;
}

@media screen and (max-width: 767px) {
  .explanation{
    width:100%;
    padding:12% 0 27.333%;
    font-size:3.733vw;
    line-height:2;
  }
  .explanation-inline{
    margin-bottom:6%;
  }
  .inline-left{
    display:block;
    width:65.333%;
    margin:0 14.667% 0 20%;
    white-space: nowrap;
  }
  .inline-right{
    display:block;
    width:63.333%;
    margin:0 auto;
  }
  .explanation h3{
    font-size:5.24vw;
    margin-bottom:2.666%;
    letter-spacing: 0.02em;
  }
  .explanation .cap{
    font-size:2.666vw;
    line-height:0.877;
    margin-bottom:11.578%;
    margin-left:0.666%;
  }
  .eximg01{
    width:96.938%;
    position:static;
    top:0;
    margin-bottom:7.142%;
  }
  .eximg02{
    width:66.326%;
    position:static;
    top:0;
    margin-bottom:7.142%;
  }
  .explanation .txt{
    width:78%;
    margin:0 auto;
    text-align:left;
    letter-spacing: 0.06em;
  }
	.explanation .movie-box{
		width:77.333%;
		margin: 9.333% auto;
	}
}

/*------------------
   introduction
------------------*/

#introduction{
  max-width: 1366px;
  margin:0 auto;
  margin-top: -80px;
  padding-top: 80px;
}
#introduction h2{
  font-size:22px;
  line-height:1;
  margin-bottom:15px;
  text-align:center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing:0.1em;
}
#tribridpowercon,#unit,#v2h,#remocon{
  margin-top: -80px;
  padding-top: 80px;
}
.red-line{
  line-height:0;
  margin-bottom:20px;
}
.sub-menu{
  width:100%;
  text-align:center;
  margin:0 auto;
  font-size:13px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  line-height:1.338;
  letter-spacing: 0.04em;
}
.sub-menu li{
  display:inline-block;
  vertical-align:top;
  margin-right:22px;
  font-style:oblique;
  font-weight:bold;
  color:#c80000;
}
.sub-menu li:last-child{
  margin-right:0;
}
.sub-menu li a, .sub-menu li a:visited{
  color:#c80000;
}
.introduction-inline{
  width:960px;
  margin:170px auto 200px;
}
.intro-box{
  margin-bottom:175px;
}
.intro-box:last-child{
  margin-bottom:0;
}
.intro-box ul{
  margin:0;
  padding:0;
  font-size:0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.intro-box .ttl{
  font-size:24px;
  color:#c80000;
  font-style:oblique;
  margin-bottom:10px;
  letter-spacing: 0.06em;
  font-weight:bold;
}
.intro-box .e-ttl{
  font-size:14px;
  color:#c80000;
  font-style:oblique;
  margin-bottom:25px;
  font-family:'Hind','Noto Sans JP', sans-serif;
  font-weight:bold;
  letter-spacing: 0.08em;
}
.intro-box .txt{
  font-size:30px;
  line-height:1.866;
  margin-bottom:30px;
  white-space: nowrap;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.intro-box .btn{
  font-size:11px;
  line-height:1;
  color:#c80000;
  font-family:"Hind",'Noto Sans JP', sans-serif;
}
.intro-box .btn a,.intro-box .btn a:visited{
  width:160px;
  color:#c80000;
  display:inline-block;
  border:1px solid #c80000;
  border-radius:20px;
  margin-left:5px;
  padding:10px 20px;
  box-sizing: border-box;
  position:relative;
}
.btn-detail{
  position:absolute;
  top:13px;
  right:18px;
}
.intro-box ul{
  display:inline-block;
  vertical-align: top;
}
.intro-box .i-box-left01{
  width:470px;
  margin:0 40px 0 30px;
}
.intro-box .i-box-right01-pc{
  width:340px;
  margin-right:80px;
}
.intro-box .i-box-right01-sp{
  display:none;
}
.intro-box .i-box-left02{
  width:370px;
  margin:20px 95px 0 60px;
}
.intro-box .i-box-right02{
  width:430px;
  margin:0;
}
.intro-box .i-box-left03{
  width:390px;
  margin:20px 140px 0 30px;
}
.intro-box .i-box-right03-pc{
  width:305px;
  margin-right:95px;
}
.intro-box .i-box-right03-sp{
  display:none;
}
.intro-box .i-box-left04{
  width:270px;
  margin:15px 145px 0 130px;
}
.intro-box .i-box-right04{
  width:360px;
  margin-right:55px;
}

@media screen and (max-width: 767px) {
  #introduction{
    max-width:100%;
    margin-top: -13.333%;
    padding-top: 13.333%;
  }
  #introduction h2{
    font-size:6.133vw;
    margin-bottom:3.733%;
  }
  #tribridpowercon,#unit,#v2h,#remocon{
    margin-top: -13.333%;
    padding-top: 13.333%;
  }
  .red-line{
    line-height:0;
    margin-bottom:3.333%;
  }
  .red-line img{
    height:2px;
  }
  .sub-menu{
    width:100%;
    text-align:center;
    margin:0 auto;
    font-size:3.2vw;
    line-height:2;
    letter-spacing: 0.06em;
  }
  .sub-menu li{
    margin-right:2%;
  }
  .introduction-inline{
    width:75.333%;
    margin:14% auto 29.333%;
  }
  .intro-box{
    margin-bottom:29.203%;
  }
  .intro-box .ttl{
    font-size:4vw;
    margin-bottom:3.333%;
  }
  .intro-box .e-ttl{
    font-size:2.4vw;
    margin-bottom:3.333%;
  }
  .intro-box .txt{
    font-size:4.8vw;
    line-height:1.85;
    margin-bottom:7.079%;
  }
  .intro-box .btn{
    font-size:2.672vw;
    line-height:1.1;
  }
  .intro-box .btn a,.intro-box .btn a:visited{
    width:100%;
    display:block;
    margin-left:0;
    border-radius:20px;
    padding:2.4% 6.194%;
  }
  .btn-detail{
    top:2.4vw;
    right:4.666vw;
  }
  .intro-box ul{
    display:block;
  }
  .intro-box .i-box-left01{
    width:100%;
    margin:0;
  }
  .intro-box .i-box-right01-pc{
    display:none;
  }
  .intro-box .i-box-right01-sp{
    display:block;
    width:68.141%;
    margin:0 auto 6.194%;
  }
  .intro-box .i-box-left02{
    width:71.323%;
    margin:0 auto 9.333%;
  }
  .intro-box .i-box-right02{
    width:100%;
    margin:0;
  }
  .intro-box .i-box-left03{
   width:100%;
    margin:0 auto;
  }
  .intro-box .i-box-right03-sp{
    display:block;
    width:61.592%;
    margin:0 10.088% 5.663% 28.319%;
  }
  .intro-box .i-box-right03-pc{
    display:none;
  }
  .intro-box .i-box-left04{
    width:63.716%;
    margin:0 auto 10%;
  }
  .intro-box .i-box-right04{
    width:100%;
    margin:0 auto;
  }
}

/*------------------
   features
------------------*/

#features{
  max-width: 1366px;
  margin:0 auto;
  margin-top: -80px;
  padding-top: 80px;
}
#features h2{
  font-size:22px;
  line-height:1;
  margin-bottom:15px;
  text-align:center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing:0.1em;
}
.features-inline{
  width:960px;
  margin:130px auto 200px;
}
.gray-line{
  width:760px;
  margin:0 auto;
  line-height:0;
}
.features-inline .ttl{
  font-size:30px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height:1;
  margin-bottom:20px;
  letter-spacing:0.07em;
}
.features-inline .txt{
  font-size:16px;
  font-family: 'Koburina Gothic Std','こぶりなゴシック Std','Koburina Gothic Std W3','こぶりなゴシック Std W3','Noto Sans JP', sans-serif;
  line-height:2;
  margin:20px auto 70px;
  letter-spacing: 0;
}
.features-box01{
  width:760px;
  margin:0 auto 140px;
  text-align:center;
}
.features-box01 .cap{
  width:800px;
	margin-top: 20px;
	margin-left: -40px;
	font-size: 10px;
	line-height: 2;
	text-align: left;
}
.features-box02{
  margin:0 auto 155px;
}
.f-box-top{
  margin:0 auto 65px;
  text-align:center;
  white-space: nowrap;
}
.f-box-top .ttl{
  width:760px;
  margin:0 auto 20px;
}
.solar-top-wrap{
  display:flex;
  margin-bottom:5px;
}
.top-ttl{
  width:150px;
  font-size:13px;
  line-height:1.626;
}
.top-border{
  line-height:0;
  width:800px;
  border-bottom:2px solid #141414;
  margin-left:10px;
  position:relative;
  top:-10px;
}
.top-ttl02{
  width:205px;
}
.top-border02{
  width:745px;
}
.solar-bottom-wrap{
  width:100%;
  font-size:0;
  margin-bottom:60px;
}
.solar-bottom-wrap:last-child{
  margin-bottom:0;
}
.bottom-left{
  display:inline-block;
  vertical-align: top;
  width:352px;
  margin-right:48px;
}
.bottom-left .ttl{
  font-size:20px;
  line-height:1.568;
  margin-bottom:10px;
  font-weight:bold;
}
.bottom-left .txt{
  font-size:14px;
  line-height:2;
  margin:0;
}
.bottom-right{
  display:inline-block;
  vertical-align: top;
  width:560px;
  padding-top:18px;
}
.features-box03{
  margin:0 auto 165px;
}
.features-box03 .cap{
  font-size:13px;
  line-height:2.461;
  text-align:right;
  margin:10px 40px 25px 0;
  letter-spacing: -0.02em;
}
.powerusage-ttl{
  font-size:16px;
  margin-bottom:10px;
}
.powerusage-txt{
  width:698px;
  margin:10px auto 0 120px;
}
.features-box04{
  margin:0 auto 165px;
}
.features-box04 .img{
  margin-bottom:20px;
}
.features-box04 .img:last-child{
  margin-bottom:0;
}
.features-box04 .note{
  font-size: 10px;
  line-height: 1;
}
.features-box05{
  margin:0 auto 75px;
}
.features-box05 .f-box-top{
  margin-bottom:40px;
}
.red-txt{
  font-size:18px;
  display:block;
  color:#c80000;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom:5px;
  font-weight: bold;
}
.features-box05 .txt{
  margin:55px auto 0;
}
.drivemode-wrap{
  text-align:right;
}
.drive-top-img{
  width:213px;
  margin:0 5px 8px auto;
}
.drivemode-wrap .mode-box{
  width:100%;
  margin:0 0 75px;
  padding:0;
  font-size:0;
  text-align:left;
}
.drivemode-wrap .mode-box .inner-mode{
  width:288px;
  display:inline-block;
  vertical-align: top;
  margin-right:48px;
}
.drivemode-wrap .mode-box .inner-mode:last-child{
  margin-right:0;
}
.features-box05 .mode-box .inner-mode .txt{
  font-size:14px;
  line-height:2;
  margin:15px auto 0;
  letter-spacing: 0;
}
.features-box05 .mode-box .inner-mode .txt .cap{
	display: inline-block;
	margin-top: 10px;
  font-size:10px;
	line-height: 1.6;
}
.n-service-wrap{
  margin:60px 0 70px;
}
.service-box{
  margin:0;
  padding:0;
  position:relative;
  font-size:0;
  border-left:2px solid #3c3c3c;
}
.service-box::after{
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top:0;
  left: -2px;
  height:24px;
  border-left:2px solid #e50012;
}
.service-box .inner-left{
  display:inline-block;
  vertical-align: top;
  width:460px;
  margin:0 53px 0 20px;
}
.service-box .inner-right{
  display:inline-block;
  vertical-align: top;
  width:292px;
  margin:18px 6px 0 12px;
}
.service-box .inner-right02{
  width:425px;
  margin:18px 0 0 0;
}
.service-box .inner-right03{
  width:413px;
  margin:18px 0 0 12px;
}
.service-box .inner-left .ttl{
  font-size:18px;
  font-weight:bold;
  margin:0 0 18px 0;
}
.service-box .inner-left .txt{
  font-size:14px;
  line-height:2;
  margin:0;
  letter-spacing: -0.02em;
  color:#eeeeef;
}
.service-box .inner-left .cap{
  font-size:10px;
  line-height:2;
  margin:0;
  letter-spacing: -0.02em;
  color:#c8c9ca;
}
.service-box .inner-left .control .ttl{
  font-size:14.86px;
  margin:15px 0 7px;
  color:#c8c9ca;
}
.service-box .inner-left .control .subject-info{
  width:100%;
  font-size:0;
  display:flex;
  align-items: center;
  color:#c8c9ca;
}
.service-box .inner-left .control .subject-info .subject-box01{
  font-size:12px;
  color:#000;
  background-color:#c8c9ca;
  padding:6px 5px 8px;
  margin:3px 2px 3px 0;
}
.service-box .inner-left .control .subject-info .subject-box02{
  font-size:12px;
  line-height:1.596;
  letter-spacing: -0.04em;
}
.service-box .inner-left .control .subject-info .s-b-01{
  padding:1px 5px 2px;
}
.s-b-02{
  margin-left:5px;
}
.nichicon-oc-box{
  width:100%;
  position: relative;
  background-image: url("../img/nichicon_owners_club-flame_pc.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  font-size:0;
  padding:48px 0 37px;
}
.oc-icon{
  display:inline-block;
  vertical-align: top;
  width:235px;
  padding:0 77px 0 58px;
  box-sizing: border-box;
}
.oc-info{
  display:inline-block;
  vertical-align: top;
  width:725px;
  padding-right:60px;
  box-sizing: border-box;
}
.oc-info .ttl{
  color:#fff;
  font-size:24px;
  margin-bottom:12px;
}
.oc-info .txt{
  font-size:13px;
  line-height:2;
  letter-spacing:-0.02em;
  margin:0 0 28px;
}
.sub-info-wrap{
  width:100%;
  display:flex;
  align-items: flex-start;
}
.s-info-box{
  width:185px;
  position:relative;
  border-left:2px solid #3c3c3c;
  padding-left:15px;
  box-sizing:border-box;
  margin-bottom:20px;
}
.s-info-box:last-child{
  width:200px;
}
.s-info-box::after{
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top:0;
  left: -2px;
  height:18px;
  border-left:2px solid #e50012;
}
.s-info-box .ttl{
  font-size:16px;
  display:block;
  margin:0 0 7px;
}
.s-info-box .txt{
  font-size:13px;
  margin:0;
}
.noc-detail{
  text-align:right;
  font-size:13px;
}
.noc-detail a{
  display:inline-block;
  text-align:right;
  color:#c8c8c8;
}
.noc-icon{
  display:inline-block;
  width:7px;
  position:relative;
  top:7px;
  left:-10px;
}

@media screen and (max-width: 767px) {
  #features{
    max-width:100%;
    margin-top: -13.333%;
    padding-top: 13.333%;
  }
  #features h2{
    font-size:6.133vw;
    margin-bottom:3.733%;
  }
  .features-inline{
    width:100%;
    margin:14% auto 15.333%;
  }
  .features-box01 .gray-line{
    width:82.666%;
    margin:0 auto;
  }
  .features-inline .ttl{
    font-size:4.8vw;
    line-height:1.555;
    margin-bottom:4.666%;
    letter-spacing:0.02em;
  }
  .features-inline .txt{
    width:82%;
    font-size:3.733vw;
    margin:6% auto 8%;
    letter-spacing:-0.04em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
  }
  .features-box01{
    width:100%;
    margin:0 auto 19.333%;
  }
  .features-box01 .img01{
    width:68.666%;
    margin:0 auto;
  }
	.features-box01 .cap{
		width: 84%;
		margin: 5.333% auto 0;
		font-size: 2.667vw;
		letter-spacing: -0.04em;
		line-height: 2;
		text-align: left;
	}
  .features-box02{
    width:100%;
    margin:0 auto 25.333%;
  }
  .f-box-top{
    width:82.666%;
    margin:0 auto;
    text-align:center;
    white-space: nowrap;
  }
  .f-box-top .ttl{
    width:100%;
    margin-bottom:4.666%;
    letter-spacing:0.02em;
  }
  .f-box-top .gray-line{
    width:100%;
    margin:0 auto;
  }
  .f-box-top .txt{
    width:100%;
    font-size:3.733vw;
    margin:6% auto 14%;
    letter-spacing:-0.04em;
    white-space: normal;
  }
  .drive-solar_p{
    width:89.333%;
    margin:0 auto;
  }
  .solar-top-wrap{
    display:block;
    margin-bottom:0.666%;
  }
  .top-ttl{
    width:95.522%;
    margin-left:4.477%;
    font-size:3.2vw;
    line-height:1.239;
  }
  .top-border{
    line-height:0;
    width:50%;
    margin:0 1.194% 0 48.8%;
    top:-1.8vw;
  }
  .top-ttl02{
    width:95.522%;
    margin-left:4.477%;
  }
  .top-border02{
    width:35.074%;
    margin:0 1.194% 0 63.731%;
  }
  .solar-bottom-wrap{
    width:94.329%;
    font-size:0;
    margin:1.492% 1.194% 17.910% 4.477%;
  }
  .bottom-left{
    display:block;
    width:100%;
    margin-right:0;
  }
  .bottom-left .ttl{
    font-size:4vw;
    line-height:0.991;
    margin-bottom:2.985%;
  }
  .bottom-left .txt{
    width:100%;
    font-size:3.2vw;
    line-height:1.833;
    margin:0 0 2.985% 0;
  }
  .bottom-right{
    display:block;
    width:85.82%;
    margin:0 6.717% 0 7.462%;
    padding-top:0;
  }
  .features-box03{
    margin:0 auto 25.333%;
  }
  .f-box-bottom-wrap{
    width:89.333%;
    margin:0 auto;
  }
  .f-box-bottom-wrap .img-kwh{
    width:93.283%;
    margin:0 auto;
  }
  .features-box03 .cap{
    font-size:2.666vw;
    line-height:2.225;
    margin:3.731% 5.223% 13.432% 0;
    color:#6e6e6e;
  }
  .f-box-bottom-wrap .img-power{
    width:84.029%;
    margin:0 auto;
  }
  .powerusage-ttl{
    font-size:3.2vw;
    margin-bottom:2.985%;
    margin-left:7.985%;
  }
  .powerusage-txt{
    width:79.104%;
    margin:2.266% auto 0 ;
  }
  .features-box04{
    margin:0 auto 25.333%;
  }
  .features-box04 .img{
    width:83.333%;
    margin:0 auto 4.666%;
  }
  .features-box04 .note{
    width:83.333%;
    margin: -1.3% auto 0;
    font-size: 2.667vw;
    color: #6e6e6e;
    line-height: 1.6;
  }
  .features-box05{
    margin:0 auto 14.666%;
  }
  .features-box05 .f-box-top{
    margin-bottom:10%;
  }
  .red-txt{
    font-size:3.733vw;
    margin-bottom:1.333%;
  }
  .features-box05 .txt{
    margin:7.333% auto 0;
  }
  .drivemode-wrap{
    width:89.333%;
    margin:0 auto;
    text-align:left;
  }
  .drive-top-img{
    width:53.731%;
    margin:0 0 0.933% 5.223%;
  }
  .drivemode-wrap .mode-box{
    width:89.552%;
    margin:0 auto;
  }
  .drivemode-wrap .mode-box .inner-mode{
    width:100%;
    display:block;
    margin-right:0;
  }
  .features-box05 .mode-box .inner-mode .txt{
    width:100%;
    font-size:3.2vw;
    margin:5.333% auto 13.333%;
    letter-spacing: -0.02em;
  }
  .features-box05 .mode-box .inner-mode .txt:last-child{
    margin-bottom:16%;
  }
  .features-box05 .mode-box .inner-mode .txt .cap{
    font-size:2.666vw;
  }
  .n-service-wrap{
    width:89.333%;
    margin:11.333% auto 14.666%;
  }
  .service-box{
    width:92.537%;
    margin:0 auto;
    border-left:0 solid #3c3c3c;
    border-top:2px solid #3c3c3c;
  }
  .service-box::after{
    top:-2px;
    left: 0;
    width:12.903%;
    height:0;
    border-left:0 solid #e50012;
    border-top:2px solid #e50012;
  }
  .service-box .inner-left{
    display:block;
    width:100%;
    margin:4.477% 0 8.507%;
  }
  .service-box .inner-right{
    display:block;
    width:70.645%;
    margin:0 auto 14.666%;
  }
  .service-box .inner-right02{
    width:100%;
    margin:0 0 14.666%;
  }
  .service-box .inner-right03{
    width:100%;
    margin:0;
  }
  .service-box .inner-left .ttl{
    font-size:4vw;
    margin:0 0 2.238% 0;
  }
  .service-box .inner-left .txt{
    width:100%;
    font-size:3.2vw;
  }
  .service-box .inner-left .cap{
    font-size:2.666vw;
    line-height:1.8;
    color:#6e6e6e;
  }
  .service-box .inner-left .control .ttl{
    font-size:3.2vw;
    margin:4.477% 0 2.238%;
  }
  .service-box .inner-left .control .subject-info{
    display:block;
  }
  .service-box .inner-left .control .subject-info .subject-box01{
    font-size:2.824vw;
    padding:0.746% 1.492%;
    margin:0;
  }
  .service-box .inner-left .control .subject-info .subject-box02{
    font-size:2.933vw;
    line-height:1.818;
    letter-spacing: 0;
    display:block;
    margin-top:2.238%;
  }
  .service-box .inner-left .control .subject-info .s-b-01{
    padding:0.746% 1.492%;
  }
  .s-b-02{
    margin-left:0;
  }
  .nichicon-oc-box{
    width:82.666%;
    margin:0 auto;
    padding:8.064% 0 12%;
    background-image: url("../img/nichicon_owners_club-flame_sp.png");
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .oc-icon{
    display:block;
    width:36%;
    padding:0 0 8.870% 9.677%;
  }
  .oc-info{
    display:block;
    width:100%;
    padding-right:8.064%;
    padding-left:8.064%;
  }
  .oc-info .ttl{
    color:#fff;
    font-size:4.533vw;
    margin-bottom:3.225%;
    letter-spacing: -0.02em;
    line-height:1.764;
  }
  .oc-info .txt{
    width:100%;
    font-size:3.2vw;
    margin:0 0 8.870%;
    line-height:1.764;
  }
  .sub-info-wrap{
    display:block;
  }
  .s-info-box{
    width:100%;
    padding-left:4.032%;
    margin-bottom:5.322%;
  }
  .s-info-box:last-child{
    width:100%;
  }
  .s-info-box::after{
    height:41.095%;
  }
  .s-info-box:last-child::after{
    height:28.695%;
  }
  .s-info-box .ttl{
    font-size:3.733vw;
    margin:0;
  }
  .s-info-box .txt{
    font-size:3.2vw;
    line-height:1.896;
  }
  .noc-detail{
    font-size:3.208vw;
  }
  .noc-icon{
    width:8%;
    top:1.7vw;
    left:-2vw;
  }
}

/*------------------
   specification
------------------*/

#specification{
  max-width: 1366px;
  margin:0 auto;
  margin-top: -80px;
  padding-top: 80px;
}
#specification h2{
  font-size:22px;
  line-height:1;
  margin-bottom:15px;
  text-align:center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing:0.1em;
}
.specification-inline{
  width:960px;
  margin:125px auto 130px;
}
.tribrid-image{
  margin-bottom:140px;
}
.tribrid-image .ttl{
  color:#c8c9ca;
  font-size:22.58px;
  text-align:center;
  margin-bottom:30px;
  letter-spacing:0.06em;
}
.tribrid-image .img{
  width:905px;
  margin:0 30px 0 25px;
}
.specification-box{
  position:relative;
  margin-bottom:115px;
}
.specification-box .ttl{
  font-size:36px;
  margin:0;
}
.specification-box .ttl .small-ttl{
  font-size:18px;
}
.specification-box .ttl-bar{
  font-size:14px;
  padding-left:8px;
  margin:20px 0;
  color:#000;
  background-color:#d1000e;
  font-family:"Hind",'Noto Sans JP', sans-serif;
  font-weight:bold;
  letter-spacing: 0.04em;
}
.s-img01{
  width:255px;
  position:absolute;
  top:0;
  right:35px;
}
.s-img02{
  width:378px;
  position:absolute;
  top:8px;
  right:47px;
}
.s-img03{
  width:327px;
  position:absolute;
  top:-8px;
  right:35px;
}
.s-img04{
  width:184px;
  position:absolute;
  top:50px;
  right:45px;
}
.specification-box .sub-ttl{
  font-size:24px;
  line-height:1.497;
  margin-bottom:6px;
  letter-spacing:0.02em;
}
.specification-box .txt{
  width:625px;
  font-size:13px;
  line-height:2;
  letter-spacing:0.02em;
}
.specification-box .txt .cap{
	display: inline-block;
  font-size:12px;
  line-height:2;
  letter-spacing:0.02em;
}
.specification-box .txt .cap a{
	color: #c8c8c8;
	text-decoration: underline;
}
.specification-box .txt02{
  width:505px;
}
.specification-box .txt03{
  width:560px;
}
.specification-box .txt04{
  width:675px;
}
.btnlabel{
  width:100%;
  padding-bottom:8px;
  border-bottom:2px solid #3c3c3c;
}
.btn-specification{
  display: inline-block;
  vertical-align: top;
  width:20px;
  margin:0 10px 0 2px;
}
.top-boxWrap{
  width:100%;
  font-size:0;
  padding-top:50px;
  display:flex;
}
.top-box{
  width:432px;
  padding:0 36px 0 0;
  box-sizing: border-box;
}
.top-box:nth-child(2){
  width:296px;
  padding:0 34px 0 30px;
  position:relative;
}
.top-box:nth-child(3){
  width:232px;
  padding:0 0 0 34px;
  position:relative;
}
.dotted{
  position: absolute;
  top:0;
  left: 0;
  content:"";
  display:block;
  overflow: hidden;
  height:100%;
}
.top-box .ttl{
  font-size:16px;
  color:#c80000;
  font-weight: bold;
  line-height:1.657;
  letter-spacing:0.02em;
  margin-bottom:5px;
}
.top-box .txt{
  font-size:12px;
  line-height:1.9;
  width:100%;
  letter-spacing:0.04em;
}
.top-box .cap{
  font-size:10.88px;
  line-height:1.654;
  width:100%;
  letter-spacing:0.04em;
  display:block;
}
.detail-img01{
  width:276px;
  margin:50px auto;
}
.top-box03{
  width:268px;
  padding:0 33px 0 0;
  box-sizing: border-box;
}
.top-box03:nth-child(2){
  width:448px;
  padding:0 34px 0 28px;
  position:relative;
}
.top-box03:nth-child(3){
  width:244px;
  padding:0 0 0 36px;
  position:relative;
}
.top-box03-innner{
  display:inline-block;
  vertical-align: top;
  width:100px;
  margin:8px 0 0 10px;
}
.top-box03-innner:first-child{
  width:275px;
  margin:0;
}
.detail-img03{
  width:702px;
  margin:65px auto 70px;
}
.top-box04{
  width:527px;
  padding:0 40px 0 0;
}
.top-box04:nth-child(2){
  width:433px;
  padding:0 0 0 35px;
}
.top-box04-innner{
  display:inline-block;
  vertical-align: top;
  width:242px;
  margin:0 0 0 18px;
}
.top-box04-innner:first-child{
  width:227px;
  margin:0;
}
.detail-img04Wrap{
  width:657px;
  margin:70px auto;
  display:flex;
}
.detail-img04{
  width:165px;
  margin-right:65px;
}

@media screen and (max-width: 767px) {
  #specification{
    max-width:100%;
    margin-top: -13.333%;
    padding-top: 13.333%;
  }
  #specification h2{
    font-size:6.133vw;
    margin-bottom:3.733%;
  }
  .specification-inline{
    width:100%;
    margin:14% auto 18.666%;
  }
  .tribrid-image{
    margin-bottom:21.333%;
  }
  .tribrid-image .ttl{
    font-size:3.277vw;
    margin-bottom:4.666%;
    letter-spacing: 0;
  }
  .tribrid-image .img{
    width:93%;
    margin:0 3.333% 0 4%;
  }
  .specification-box{
    width:82.666%;
    margin:0 auto 20%;
  }
  .specification-box .ttl{
    font-size:4.8vw;
    text-align:center;
  }
  .specification-box .ttl .small-ttl{
    font-size:2.666vw;
    display:block;
  }
  .specification-box .ttl-bar{
    font-size:2.666vw;
    padding-left:0;
    margin:3.709% auto 9.677%;
    text-align:center;
  }
  .s-img01{
    width:61.29%;
    margin:0 auto;
    position:static;
    top:0;
    right:0;
  }
  .s-img02{
    width:99.032%;
    margin:0 auto;
    position:static;
    top:0;
    right:0;
  }
  .s-img03{
    width:98.548%;
    margin:0 auto;
    position:static;
    top:0;
    right:0;
  }
  .s-img04{
    width:69.354%;
    margin:0 auto;
    position:static;
    top:0;
    right:0;
  }
  .specification-box .sub-ttl{
    font-size:4.266vw;
    line-height:1.697;
    margin:7.258% 0 2.096%;
    letter-spacing: -0.02em;
  }
  .specification-box .txt{
    width:100%;
    font-size:3.733vw;
    line-height:1.857;
    letter-spacing: -0.02em;
  }
	.specification-box .txt .cap{
		font-size: 3.2vw;
	}
  .specification-box .txt02{
    width:100%;
  }
  .specification-box .txt03{
    width:100%;
  }
  .specification-box .txt04{
    width:100%;
  }
  .btnlabel{
    padding-bottom:3.333%;
  }
  .btn-specification{
    width:5.066%;
    margin:0 2.666% 0 0.4%;
  }
  .top-boxWrap{
    padding-top:6.666%;
    display:block;
  }
  .top-box{
    width:100%;
    padding:0;
  }
  .top-box:nth-child(2){
    width:100%;
    padding:0;
  }
  .top-box:nth-child(3){
    width:100%;
    padding:0;
  }
  .dotted{
    display:none;
  }
  .top-box .ttl{
    font-size:3.733vw;
    line-height:0.947;
    letter-spacing:0;
    margin-bottom:1.333%;
    text-align:left;
  }
  .top-box .txt{
    font-size:3.2vw;
    line-height:1.833;
    letter-spacing:0;
    margin-bottom:7.333%;
  }
  .top-box .cap{
    font-size:2.4vw;
    line-height:1.66;
    width:auto;
    letter-spacing:0;
    display:inline-block;
    color:#6e6e6e;
    margin-left:2%;
  }
  .top-box .cap02{
    margin-left:0;
  }
  .detail-img01{
    width:88.709%;
    margin:12% auto;
  }
  .top-box03{
    width:100%;
    padding:0;
  }
  .top-box03:nth-child(2){
    width:100%;
    padding:0;
  }
  .top-box03:nth-child(3){
    width:100%;
    padding:0;
  }
  .top-box03-innner{
    width:30.645%;
    margin:2.666% 0 0 4.839%;
  }
  .top-box03-innner:first-child{
    width:64.516%;
    margin:0;
  }
  .detail-img03{
    width:100%;
    margin:12% auto;
  }
  .top-box04{
    width:100%;
    padding:0;
  }
  .top-box04:nth-child(2){
    width:100%;
    padding:0;
  }
  .top-box04-innner{
    display:block;
    width:100%;
    margin:0 0 9.333% 0;
  }
  .top-box04-innner:first-child{
    width:100%;
    margin:0;
  }
  .detail-img04Wrap{
    width:100%;
    margin:5.333% auto 19.333%;
    display:block;
  }
  .detail-img04{
    width:50.806%;
    margin:0 auto 9.333%;
  }
}

/*-----------------------
   specification-table
-----------------------*/

.tableWrap{
	position: relative;
	width:100%;
	padding-top: 20px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.tableWrap .ttl{
	position: absolute;
	top: 0;
	left: 0;
	font-size:12px;
	line-height:1.332;
}
.detail-table{
	font-size:11px;
	line-height:1.332;
}
.detail-table tbody{
	border-top:1px solid #c8c8c8;
}
.detail-table tr{
	border-bottom:1px solid #c8c8c8;
	text-align:left;
}
.detail-table th,
.detail-table td{
	padding:5px 0;
	letter-spacing: -0.02em;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing: border-box;
}
.detail-table td{
	padding: 0;
}
.detail-table td.solid{
	padding: 5px 0;
}
.detail-table td .small{
	font-size:9.16px;
}
.detail-table td .small02{
	font-size:7.34px;
}
.detail-table th dl,
.detail-table td dl{
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.detail-table td dt:nth-last-child(-n+2),
.detail-table td dd:nth-last-child(-n+2){
	border-bottom:none;
}
.detail-table td dt,
.detail-table td dd{
	border-bottom:1px solid #c8c8c8;
	padding:5px 0;
}
.detail-table td dt{
	display: flex;
	align-items: center;
}
.dt01 td dd p + p{
	border-top:1px solid #c8c8c8;
	padding-top:5px;
	margin-top: 5px;
}
.detail-table td dd sup{
	margin-bottom:5px;
}
@media screen and (max-width: 767px) {
	.tableWrap{
		padding-top: 0;
		display:block;
	}
	.tableWrap .ttl{
		position: relative;
		border-bottom:1px solid #3c3c3c;
		padding-bottom: 2%;
		font-size: 2.933vw;
		line-height:1.332;
		text-align: left;
	}
	.detail-table{
		font-size: 2.933vw;
	}
	.detail-table tbody{
		border-top: none;
	}
	.detail-table tr{
		border-bottom: none;
	}
	.detail-table th,
	.detail-table td{
		display: block;
		padding: 1.6vw 0;
	}
	.detail-table th{
		border-bottom:1px solid #3c3c3c;
		padding-top: 6.667%;
	}
	.detail-table td{
		color: #9a9a9a;
		padding: 0;
	}
	.detail-table td.solid{
		padding: 1.6vw 0;
	}
	.detail-table td .small{
		font-size: 2.4vw;
	}
	.detail-table td .small02{
		font-size: 2.4vw;
	}
	.detail-table td dt:nth-last-child(-n+2),
	.detail-table td dd:nth-last-child(-n+2){
		border-bottom:none;
	}
	.detail-table td dt,
	.detail-table td dd{
		border-bottom:1px solid #3c3c3c;
		padding: 1.6vw 0;
	}
	.dt01 td dd p + p{
		border-top:1px solid #3c3c3c;
		padding-top: 1.6vw;
		margin-top: 1.6vw;
	}
  .detail-table td dd sup{
    margin-bottom:0;
  }
}
.dt01{
  width:445px;
}
.dt01 thead th{
  padding-bottom:8px;
  display:block;
}
.dt01 tbody tr:first-child th{
  width:107px;
}
.dt01 tbody tr:first-child td{
  width:338px;
}
.dt01 tbody td.solid{
	padding-left: 148px;
}
.dt01 tbody td dl{
  width:338px;
}
.dt01 tbody td dt,
.dt01 tbody td dd{
  width:148px;
}
.dt01 tbody td dd{
  width:190px;
}
.dt01 tfoot tr{
  border-bottom:1px solid rgba(0,0,0,0);
}
.dt01 tfoot tr .cap01{
  padding:25px 0 15px;
  font-size:10px;
  letter-spacing: 0.04em
}
.dt01 tfoot tr .cap02{
  color:#6e6e6e;
  font-size:10px;
  line-height:1.466;
  letter-spacing: 0.04em
}
.dt01 tfoot tr .cap02 p{
  padding-left:2.35em;
	text-indent:-2.35em;
}
@media screen and (max-width: 767px) {
	.dt01{
	  width:100%;
	}
	.dt01 tbody tr:first-child th{
	  width:100%;
	}
	.dt01 tbody tr:first-child td{
	  width:100%;
	}
	.dt01 tbody td.solid{
		padding-left: 0;
	}
	.dt01 tbody td dl{
	  width:100%;
	}
	.dt01 tbody td dt,
	.dt01 tbody td dd{
	  width: 45.548%;
	}
	.dt01 tbody td dd{
	  width: 54.452%;
	}
	.dt01 tfoot tr{
	  border-bottom:1px solid rgba(0,0,0,0);
	}
	.dt01 tfoot td{
		white-space: normal;
	}
	.dt01 tfoot tr .cap01{
	  padding: 9.677% 0 4.839%;
	  font-size: 2.4vw;
	}
	.dt01 tfoot tr .cap02{
	  font-size: 2.4vw;
	}
	.dt01 tfoot tr .cap02 p{
	  padding-left:2.35em;
		text-indent:-2.35em;
	}
}

.dt02{
  width:445px;
}
.dt02 thead th{
  padding-bottom:8px;
	font-size: 12px;
}
.dt02 tbody tr:first-child th{
  width:145px;
}
.dt02 tbody tr:first-child td{
  width:300px;
}
.dt02 tbody td.solid{
	padding-left: 55px;
}
.dt02 tbody td dl{
  width:300px;
}
.dt02 tbody td dt,
.dt02 tbody td dd{
  width:55px;
}
.dt02 tbody td dd{
  width:245px;
}
.dt02 tbody td span{
	display: block;
}
.dt02 tbody td span + span{
	margin-top: 5px;
}
.specification-detail .cap03{
  color:#6e6e6e;
  padding-top:18px;
  font-size:10px;
  line-height:1.466;
  letter-spacing: 0.04em
}
@media screen and (max-width: 767px) {
	.dt02{
		width:100%;
	}
	.dt02 + .dt02{
		margin-top: 8%;
	}
	.dt02 thead th{
		padding-bottom: 2%;
		font-size: 2.933vw;
	}
	.dt02 tbody tr:first-child th{
	  width:100%;
	}
	.dt02 tbody tr:first-child td{
	  width:100%;
	}
	.dt02 tbody td.solid{
		padding-left: 0;
	}
	.dt02 tbody td dl{
	  width:100%;
	}
	.dt02 tbody td dt,
	.dt02 tbody td dd{
	  width:32.258%;
	}
	.dt02 tbody td dd{
	  width:67.742%;
	}
	.dt02 tbody td span + span{
		margin-top: auto;
	}
	.specification-detail .cap03{
	  padding-top:4.032%;
	  font-size:2.4vw;
	}
}

.dt03-1{
  width:524px;
	margin-top: 5px;
}
.dt03-1 thead{
	border-top:1px solid #c8c8c8;
}
.dt03-1 thead th{
  padding-bottom:8px;
}
.dt03-1 thead dl.col3dd{
	padding-left: 73px;
	box-sizing: border-box;
}
.dt03-1 thead dd{
	display: flex;
	align-items: center;
}
.dt03-1 thead dd p{
	width:70px;
	text-align: center;
}
.dt03-1 thead dd p + p{
  width:116px;
}
.dt03-1 thead dd p:last-child{
  width:132px;
}
.dt03-1 tbody tr:first-child th{
  width:133px;
}
.dt03-1 tbody tr:first-child td{
  width:391px;
}
.dt03-1 tbody td.solid{
	padding-left: 55px;
}
.dt03-1 tbody td dl{
  width:391px;
}
.dt03-1 tbody td dl.col3dd{
	padding-left: 73px;
	box-sizing: border-box;
}
.dt03-1 tbody td dt,
.dt03-1 tbody td dd{
  width:73px;
}
.dt03-1 tbody td dd{
	display: flex;
	align-items: center;
  width:318px;
}
.dt03-1 tbody td dd p{
	display: inline-block;
  width:70px;
}
.dt03-1 tbody td dd p + p{
  width:116px;
}
.dt03-1 tbody td dd p:last-child{
  width:132px;
}
.dt03-1 tbody td .col3 dd p{
  width:186px;
}
.dt03-1 tbody td .col3 dd p:last-child{
  width:132px;
}
.dt03-1 .center{
  text-align:center;
}
.dt03-1 .cap04{
  display:block;
  letter-spacing: 0.02em;
}
.dt03-1 .height-min{
    line-height: 1.3;
  padding: 0;
}
@media screen and (max-width: 767px) {
	.dt03-1{
		width:100%;
		margin-top: 2%;
	}
	.dt03-1 thead{
		display: none;
	}
	.dt03-1 tbody tr:first-child th{
		width:100%;
	}
	.dt03-1 tbody tr:first-child td{
		width:100%;
	}
	.dt03-1 tbody.sp tr th,
	.dt03-1 tbody.sp tr td{
		float: right;
		width:83.871%;
	}
	.dt03-1 tbody.sp tr th{
		padding-top: 5%;
	}
	.dt03-1 tbody.sp tr th.ttl{
		float: left;
		display: flex;
		align-items: center;
		border: none;
		background-color: #313131;
		width:13.871%;
		height: 60.633vw;
		padding: 0 0 0 1.333%;
		margin-top: 5%;
		color: #000;
	}
	.dt03-1 tbody.sp tr:last-child th.ttl{
		height: 64.633vw;
	}
	.dt03-1 tbody td.solid{
		padding-left: 55px;
	}
	.dt03-1 tbody td dl{
	  width:100%;
	}
	.dt03-1 tbody td dt,
	.dt03-1 tbody td dd{
	  width:35.484%;
	}
	.dt03-1 tbody td dd{
		display: block;
	  width:64.516%;
	}
	.dt03-1 tbody.sp td dt{
	  width:26.923%;
	}
	.dt03-1 tbody.sp td dd{
	  width:73.077%;
	}
}

.dt03-2{
  width:400px;
	margin-top: 5px;
}
.dt03-2 tbody tr:first-child th{
  width:126px;
}
.dt03-2 tbody tr:first-child td{
  width:274px;
}
.dt03-2 tbody td.solid{
	padding-left: 68px;
}
.dt03-2 tbody td dl{
  width:274px;
}
.dt03-2 tbody td dt,
.dt03-2 tbody td dd{
  width:68px;
}
.dt03-2 tbody td dd{
  width:206px;
}
.dt03-2 tbody td.price p{
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.dt03-2{
	  width:100%;
		margin-top: 0;
	}
	.dt03-2 tbody tr:first-child th{
	  width:100%;
	}
	.dt03-2 tbody tr:first-child td{
	  width:100%;
	}
	.dt03-2 tbody td.solid{
		padding-left: 0;
	}
	.dt03-2 tbody td dl{
	  width:100%;
	}
	.dt03-2 tbody td dt,
	.dt03-2 tbody td dd{
	  width:35.484%;
	}
	.dt03-2 tbody td dd{
	  width:64.516%;
	}
	.dt03-2 tbody td.price p{
		position: relative;
		display: block;
		border-bottom: 1px solid #3c3c3c;
		padding-left: 35.484%;
		padding-bottom: 1.6vw;
		margin-bottom: 1.6vw;
	}
	.dt03-2 tbody td.price p::before{
		content: attr(data-th)"";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		width: 35.484%;
		height: 100%;
		padding-bottom: 1.6vw;
		margin: auto 0;
		font-size: 2.933vw;
		color: #9a9a9a;
	}
}

.dt04-1{
  width:427px;
}
.dt04-1 thead th{
  padding-bottom:8px;
	font-size: 12px;
}
.dt04-1 tbody tr:first-child th{
  width:145px;
}
.dt04-1 tbody tr:first-child td{
  width:282px;
}
.dt04-1 tbody td.solid{
	padding-left: 75px;
}
.dt04-1 tbody td dl{
  width:282px;
}
.dt04-1 tbody td dt,
.dt04-1 tbody td dd{
  width:75px;
}
.dt04-1 tbody td dd{
  width:207px;
}
@media screen and (max-width: 767px) {
	.dt04-1{
	  width:100%;
	}
	.dt04-1 thead th{
		padding-bottom: 2%;
		font-size: 2.933vw;
	}
	.dt04-1 tbody tr:first-child th{
	  width:100%;
	}
	.dt04-1 tbody tr:first-child td{
	  width:100%;
	}
	.dt04-1 tbody td.solid{
		padding-left: 0;
	}
	.dt04-1 tbody td dl{
	  width:100%;
	}
	.dt04-1 tbody td dt,
	.dt04-1 tbody td dd{
	  width:43.548%;
	}
	.dt04-1 tbody td dd{
	  width:56.452%;
	}
}

.tableWrap04{
  margin:40px 0 0; 
  align-items: flex-end;
}
.tableWrap04:last-child{
  margin-bottom:0; 
}
.tableWrap04 .ttl{
  padding-bottom:8px;
	font-size: 12px;
}
.dt04-2{
	display: flex;
	justify-content: space-between;
  width:100%;
}
.dt04-2 tbody{
	position: relative;
	width: 296px;
}
.dt04-2 tbody::before{
	content: "希望小売価格(税抜価格)";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -20px;
	font-size: 11px;
	color: #c8c8c8;
  margin-bottom:3px;
}
.dt04-2 tbody th{
	width: 64px;
}
.dt04-2 tbody td{
	width: 164px;
	padding: 5px 0;
}
.dt04-2 tbody td.l2{
	line-height: 1.83;
}
.dt04-2 tbody td + td{
	width: 68px;
	text-align: right;
}

@media screen and (max-width: 767px) {
  .tableWrap04{
    margin:5.333% 0 13.333%; 
  }
  .tableWrap04:last-child{
    margin-bottom:0; 
  }
  .tableWrap04 .ttl{
    padding-bottom:2.666%;
    font-size: 2.933vw;
  }
  .dt04-2{
    display: table;
    width:100%;
  }
  .dt04-2 tbody{
    position: relative;
    width: 100%;
  }
  .op-ttl{
    position:relative;
  }
  .op-ttl::before{
    content: "希望小売価格(税抜価格)";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.933vw;
    color:#9a9a9a;
  }
  .dt04-2 tbody::before{
    display:none;
  }
  .dt04-2 tbody th{
    display:table-cell;
    width: 22.580%;
    padding:2.133vw 0;
    vertical-align: top;
  }
  .dt04-2 tbody td{
    display:table-cell;
    width: 56.451%;
    padding:2.133vw 0;
    border-bottom: 1px solid #3c3c3c;
  }
  .dt04-2 tbody td.l2{
    line-height: 1.83;
  }
  .dt04-2 tbody td + td{
    width: 20.967%;
    padding-right:1.866%;
    text-align: right;
  }
}
.dt04-3{
  width:680px;
}
.dt04-3-b{
  width:240px;
}
.dt04-3 tbody{
	width: 680px;
}
.dt04-3 tbody th{
	width: 140px;
}
.dt04-3 tbody th .type{
  width: 60px;
  display:inline-block;
}
.dt04-3 tbody td{
	width: 164px;
	padding: 5px 0;
}
.dt04-3 tbody td.l2{
	line-height: 1.83;
}
.dt04-3 thead tr th{
	text-align:center;
}
.dt04-3 thead tr th:first-child{
	text-align:left;
}
.dt04-3 tbody tr td{
	text-align:center;
}
.dt04-3-b thead th{
  padding-bottom:10px;
}
.dt04-3-b tbody th{
  width:70px;
}
.tfoot04-1{
  display:block;
  margin-bottom:45px;
}
.tfoot04-1 .txtwrap{
  font-size:13.749px;
  color:#000;
  background-color:#c8c8c8;
  display:inline-block;
  line-height:0.5;
  padding:7px 11px 8px;
  box-sizing:border-box;
  margin:5px 5px 0 0;
  letter-spacing: 0em;
}
.tfoot04-1 .txtwrap:last-child{
  margin-right:0;
}
.tfoot04-1 .cap06{
  font-size:10px;
  color:#6e6e6e;
  padding-top:10px;
	padding-left: 10px;
  letter-spacing: 0.08em;
}
.tfoot04-1 .cap05{
  float:right;
  font-size:10px;
  color:#6e6e6e;
  padding-top:10px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .dt04-3{
    width:100%;
  }
  .dt04-3-b{
    width:100%;
  }
  .dt04-3{
    display: table;
    width:100%;
/*    line-height:2.7;*/
  }
  .dt04-3 tbody{
    width: 100%;
    position:relative;
  }
  .dt04-3 tbody th{
    width: 22.580%;
    display:table-cell;
    padding:2.133vw 0;
  }
  .dt04-3 tbody td{
    width: 58.064%;
    display:table-cell;
    padding:2.133vw 0;
  }
  .dt04-3 thead tr th{
    display:none;
  }
  .dt04-3 thead tr th:first-child{
    display:block;
    width:100%;
  }
  .dt04-3 tbody::before{
    content: "希望小売価格(税抜価格)";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -7%;
    font-size: 2.933vw;
    margin-bottom:0;
    color:#9a9a9a;
  }
  .dt04-3 tbody tr td{
    text-align:left;
    border-bottom: 1px solid #3c3c3c;
  }
  .dt04-3 tbody tr td .name{
    width:66.667%;
    display:inline-block;
  }
  .dt04-3 tbody tr td + td{
    width:16%;
    text-align:right;
  }
  
  .dt04-3-b{
    width:100%;
    display:table;
    margin-top:18.666%;
  }
  .dt04-3-b thead th{
    width:100%;
    padding-bottom:2.666%;
    display:table-cell;
  }
  .dt04-3-b tbody th{
    width:25.806%;
    display:table-cell;
    padding:2.133vw 0;
  }
  .dt04-3-b tbody td{
    padding:2.133vw 0;
    display:table-cell;
    border-bottom: 1px solid #3c3c3c;
  }
  

  .tfoot04-1{
    margin-bottom:0;
  }
  .tfoot04-1 .txtwrap{
    display:none;
  }
  .sptxtwrap{
    display:block;
  }
  .sptxtwrap span{
    color:#000;
    background-color:#c8c8c8;
    font-size:3.220vw;
    display:inline-block;
    line-height:0.5;
    padding:1.333% 3% 2%;
    box-sizing:border-box;
    margin:4% 2% 0 0;
    letter-spacing: 0em;
  }
  .sptxtwrap span.cap06{
    color:#9a9a9a;
    background-color:transparent;
    font-size:2.933vw;
    padding:0;
    margin:2% 0 0;
  }
  .tfoot04-1 .cap05{
    float:left;
    font-size:2.933vw;
    color:#9a9a9a;
    padding-top:5.333%;
    letter-spacing: -0.02em;
    margin-top:-13.333%;
  }
}

.certification_mark{
  width: 960px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
  .certification_mark{
    width: 82.666%;
    margin: 0 auto;
  }
}

/*-------------
   モーダル
-------------*/

.remodal{
  width:100%;
  background-color:rgba(0,0,0,0.5);
}
.tribrid-md{
  width:870px;
  margin:100px auto 30px;
  background-image: url("../img/detail-tribridpowercon_flame.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom:30px;
}
.unit-md{
  width:870px;
  margin:100px auto 30px;
  background-image: url("../img/detail-unit_flame.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.v2h-md{
  width:870px;
  margin:100px auto 30px;
  background-image: url("../img/detail-v2h_flame.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom:20px;
}
.remodal-close02{
  font-size:16.24px;
  width:100px;
  margin:30px auto 0;
  padding-bottom:60px;
  letter-spacing: 0.02em;
  cursor: pointer;
  font-weight:300;
}
.remodal-close03{
  margin:30px auto 0;
  padding-bottom:60px;
}
.remodal-close02 .x-btn{
  position:relative;
  top: 4px;
  margin-left: 17px;
}
.md-top{
  width:645px;
  margin:0 auto 50px 125px;
  padding-top:75px;
}
.md-top .ttl{
  font-size:24px;
  color:#c80000;
  font-style:oblique;
  margin:0 0 20px 5px;
  font-weight:bold;
}
.md-top .txt{
  font-size:16px;
  line-height:2;
  color:#c8c8c8;
  font-weight:300;
}
.md-bottom{
  width:645px;
  margin:0 auto 0 125px;
  padding-bottom:50px;
  font-size:0;
}
.md-bottom .md-bottom-left{
  display:inline-block;
  vertical-align: top;
  width:372px;
  margin-right:29px;
}
.md-bottom .md-bottom-right{
  display:inline-block;
  vertical-align: top;
  width:240px;
}
.tribrid-md .md-bottom .md-bottom-right{
  padding-top:10px;
}
.unit-md .md-b-unit01{
  padding-bottom:45px;
}
.unit-md .md-b-unit02{
  padding-bottom:20px;
}
.unit-md .md-b-unit02 .md-bottom-right{
  width:168px;
  margin-left:18px;
}
.unit-md .md-b-unit03 .md-bottom-right{
  width:225px;
  padding-top:32px;
  margin-left:15px;
}

.v2h-md .md-b-v2h01 .md-bottom-right{
  margin-left:9px;
  width:137px;
}
.v2h-md .md-b-v2h02 .md-bottom-right{
  margin-left:9px;
  width:231px;
  padding-top:25px;
}
.v2h-md .md-b-v2h03 .md-bottom-right{
  margin-left:9px;
  width:200px;
  position:relative;
  top:-10px;
}
.md-bottom .ttl{
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
  position:relative;
  color:#c80000;
}
.md-bottom .ttl .ttl-num{
  width:17px;
  position:absolute;
  left:-37px;
  bottom:-7px;
}
.md-bottom .ttl .ttl-num02{
  width:20px;
}
.md-bottom .ttl .ttl-num03{
  width:19px;
}
.md-bottom .txt{
  font-size:15px;
  line-height:2;
  color:#c8c8c8;
  font-weight:300;
}

@media screen and (max-width: 767px) {
  .tribrid-md{
    width:80%;
    margin:10.666% auto 11.333%;
    padding:0 0 26.666%;
    background-image: none;
  }
  .unit-md{
    width:80%;
    margin:10.666% auto 11.333%;
    padding:0 0 26.666%;
    background-image: none;
  }
  .v2h-md{
    width:80%;
    margin:10.666% auto 11.333%;
    padding:0 0 26.666%;
    background-image: none;
  }
  .remodal-close02,.remodal-close03{
    font-size:3.381vw;
    width:100%;
    margin:0 auto;
    padding:5% 0 7%;
    text-align:center;
    position:fixed;
    left:0;
    bottom:0;
    background-color:#000;
    border-top:1px solid #323232;
    box-sizing: border-box;
  }
  .remodal-close02 .x-btn{
    top: 20%;
    margin-left: 5.333%;
  }
  .md-top{
    width:100%;
    margin:0 auto 8.666% 0;
    padding-top:0;
  }
  .md-top .ttl{
    font-size:4.266vw;
    margin:0 0 5.333% 0;
  }
  .md-top .txt{
    font-size:3.733vw;
  }
  .md-bottom{
    width:100%;
    margin:0;
    padding-bottom:8%;
  }
  .md-bottom .md-bottom-left{
    display:block;
    width:100%;
    margin-right:0;
  }
  .md-bottom .md-bottom-right{
    display:block;
    width:100%;
    text-align:center;
  }
  .tribrid-md .md-bottom .md-bottom-right{
    padding-top:6%;
  }
  .unit-md .md-b-unit01{
    padding-bottom:8%;
  }
  .unit-md .md-b-unit02{
    padding-bottom:8%;
  }
  .unit-md .md-b-v2h02{
    padding-bottom:8%;
  }
  .unit-md .md-b-unit01 .md-bottom-right{
    width:93.833%;
    margin:0 auto;
    padding-top:6%;
  }
  .unit-md .md-b-unit02 .md-bottom-right{
    width:47.833%;
    margin:0 auto;
    padding-top:6%;
  }
  .unit-md .md-b-unit03 .md-bottom-right{
    width:64.166%;
    padding-top:6%;
    margin:0 auto;
  }
  .v2h-md .md-b-v2h01 .md-bottom-right{
    width:56.666%;
    margin:0 auto;
    padding-top:6%;
  }
  .v2h-md .md-b-v2h02 .md-bottom-right{
    width:91.166%;
    margin:0 auto;
    padding-top:6%;
  }
  .v2h-md .md-b-v2h03 .md-bottom-right{
    width:75%;
    margin:0 auto;
    position:static;
    top:0;
    padding-top:6%;
  }
  .md-bottom .ttl{
    font-size:3.733vw;
    margin-bottom:3.333%;
  }
  .md-bottom .ttl .ttl-num{
    width: 4.333%;
    position: relative;
    left: 0;
    bottom: -1.7vw;
    margin-right: 2.666%;
    display: inline-block;
  }
  .md-bottom .ttl .ttl-num02{
    width:4.666%;
  }
  .md-bottom .ttl .ttl-num03{
    width:4.666%;
  }
  .md-bottom .txt{
    font-size:3.2vw;
  }
}

/*------------------------
   アコーディオン動き
-----------------------------*/

.tabWrap{
  width:100%;
  margin-top:45px;
  position: relative;
  cursor: pointer;
}
.tabWrap .tab-txt{
  position: relative;
  font-size:13px;
  color:#717171;
  display:inline-block;
  vertical-align: middle;
  top:5px;
}
.tabWrap .tab-txt::before{
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../img/specification-btn.png") no-repeat center/contain;
  width: 20px;
  padding-bottom: 20px;
  margin-right:10px;
}
.tabWrap.open .tab-txt::before{
  transform: rotate(45deg);
}
.eventBox{
  display: none;
}

@media all and (max-width: 750px) {
  .tabWrap{
    margin-top:5.333%;
  }
  .tabWrap .tab-txt{
    font-size:3.421vw;
    top:0;
    }
  .tabWrap .tab-txt::before{
    width: 5%;
    padding-bottom: 6%;
    margin-right:2.666%;
    }
}

/*---------
   foot
---------*/

#foot{
  text-align:center;
  max-width:1366px;
  margin:0 auto;
  font-size:14px;
  line-height:1.628;
  color:#6e6e6e;
  margin-bottom:30px;
}

@media screen and (max-width: 767px) {
  #foot{
    width:100%;
    font-size:2.933vw;
    margin:31% 0 6.666%;
    margin-top: 15%;
  }
}