@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Orbitron:400,700);


html {
  background-color: #000;
}

body{
  background-color: #f3f3f3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-feature-settings : "pkna";
}

a {
  color: #333333;
  text-decoration: none;
}

*:focus {
  outline: none;
}

.shareButton {
  position: absolute;
  bottom: 15px;
  right:15px;
  color: #000;
  font-size: 12px;
}

.shareButton a{
  display:block;
  font-weight: 400;
  color: #000;
  opacity: 0.5;
  transition: opacity 0.3s;
}

.shareButton a:hover {
  opacity: 1;
}

.shareButton a span{
  display:inline-block;
}

.shareButton a svg{
  display:inline-block;
  width: 15px;
  height: 21px;
  vertical-align:baseline;
  margin-left: 8px;
  margin-bottom: -3px;
}

#Wrapper{
  display: none;
}


/* pankuzu --------------------------------------------------- */

.pankuzu{
  background-color: rgba(0,0,0,0.8);
}

.pankuzuInner{
  width: 90%;
  margin: auto;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.pankuzu p span{
  margin: 0 7px;
}

.pankuzu a{
  color: rgba(255,255,255,1);
  transition:all 0.3s ease;
}

.pankuzu a:hover{
  color: rgba(130,130,130,1);
}




/* slick --------------------------------------------------- */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* slick --------------------------------------------------- */



/* loading --------------------------------------------------- */

#Nowloading{
  position:fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}


.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
}

.loading-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100px;
  line-height: 100px;
}
.loading-text span {
  display: inline-block;
  margin: 0 5px;
  color: #ed1c24;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-size: 20px;
}
.loading-text span:nth-child(1) {
  filter: blur(0px);
  animation: blur-text 1.5s 0s infinite linear alternate;
}
.loading-text span:nth-child(2) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.1s infinite linear alternate;
}
.loading-text span:nth-child(3) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.2s infinite linear alternate;
}
.loading-text span:nth-child(4) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.3s infinite linear alternate;
}
.loading-text span:nth-child(5) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.4s infinite linear alternate;
}
.loading-text span:nth-child(6) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.5s infinite linear alternate;
}
.loading-text span:nth-child(7) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.6s infinite linear alternate;
}
.loading-text span:nth-child(8) {
  filter: blur(0px);
  animation: blur-text 1.5s 0.8s infinite linear alternate;
}
.loading-text span:nth-child(9) {
  filter: blur(0px);
  animation: blur-text 1.5s 1.0s infinite linear alternate;
}
.loading-text span:nth-child(10) {
  filter: blur(0px);
  animation: blur-text 1.5s 1.2s infinite linear alternate;
}
.loading-text span:nth-child(11) {
  filter: blur(0px);
  animation: blur-text 1.5s 1.3s infinite linear alternate;
}
.loading-text span:nth-child(12) {
  filter: blur(0px);
  animation: blur-text 1.5s 1.4s infinite linear alternate;
}

@keyframes blur-text {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(4px);
  }
}

/* loading --------------------------------------------------- */



/* glitch --------------------------------------------------- */


.glitch {
  position: relative;
  display:block;
}

.glitch img{
  position: absolute;
  width: 100%;
  height: auto;
}

.glitch div {
  position: absolute;
  width: 250px;
  height: 43px;
  left: 0;
  top: 0;
}

.glitch .anim-0{
  animation: glitch-anim-0 2s linear infinite;
}
.glitch .anim-1{
  animation: glitch-anim-1 1s linear infinite;
}
.glitch .anim-2{
  animation: glitch-anim-2 .3.5s linear infinite;
}
.glitch .anim-3{
  animation: glitch-anim-3 2.3s linear infinite;
}
.glitch .anim-4{
  animation: glitch-anim-4 1.3s linear infinite;
}
.glitch .anim-5{
  animation: glitch-anim-5 .8s linear infinite;
}

a .scale {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a .scale img {
  filter: grayscale(0%);
/*  transform:scale3d(1.01 , 1.01 , 1.01);*/
  transition:filter 1s ease-out,transform 4s ease-out;
}

a:hover .scale img {
  filter: grayscale(0%);
/*  transform:scale3d(1.1 , 1.1 , 1.1);*/
}

a.toblack{
  transition:color .2s ease-in-out,background-color .2s ease-in-out;
}

a.toblack:hover {
  color:#666666;
}

@keyframes glitch-anim-0 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);}
  4.33% { transform: translateX(-10px);}
  35% { transform: translateX(30px);}
  68% { transform: translateX(11px);}
}

@keyframes glitch-anim-1 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);}
  4.33% { transform: translateX(-60px);}
  35% { transform: translateX(5px);}
  68% { transform: translateX(35px);}
}

@keyframes glitch-anim-2 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);filter: blur(0);}
  4.33% { transform: translateX(20px);}
  35% { transform: translateX(-8px);}
  68% { transform: translateX(-30px);}
}

@keyframes glitch-anim-3 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);filter: blur(0);}
  4.33% { transform: translateX(-30px);}
  35% { transform: translateX(-5px);}
  68% { transform: translateX(23px);}
}

@keyframes glitch-anim-4 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);filter: blur(0);}
  4.33% { transform: translateX(44px);}
  35% { transform: translateX(-17px);}
  68% { transform: translateX(19px);}
}

@keyframes glitch-anim-5 {
  0%,3%,5%,34%,36%,67%,69%,100% { transform: translateX(0);filter: blur(0);}
  4.33% { transform: translateX(-27px);}
  35% { transform: translateX(66px);}
  68% { transform: translateX(-44px);}
}

@media screen and (max-width:768px) {
    .glitch div {
      width: 200px;
      height: 34px;
    }
}


/* glitch --------------------------------------------------- */

.checkButton {
  width: 100%;
  margin: 0 0 0 0;
  display: block;
  text-align: center;
  font-family: "Orbitron", "Noto Sans JP",serif;
  
  font-size: 12px;
  width:150px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 16px auto 0;
  color: #fff;
  transition: all 0.4s ease 0s;
}

.checkButton a span{
  font-size: 10px;
}

.checkButton a:hover{
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}


.contactButton {
  width: 100%;
  margin: 0 0 0 0;
}

.contactButton a{
  display: block;
  text-align: center;
  font-family: "Orbitron", "Noto Sans JP",serif;
  
  font-size: 18px;
  width:250px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background-color: rgba(200, 200, 200, 0.3);
  margin: auto;
  color: #fff;
  transition: all 0.4s ease 0s;
}

.contactButton a span{
  font-size: 19px;
  font-style: normal;
  margin-right: 5px;
}

.contactButton a:hover{
  background-color: rgba(30, 30, 30, 1);
  color: #fff;
}

.social{
  display: flex;
  justify-content: space-between;
  width: 200px;
  margin: auto;
}

.social p{
  width: 20%;
}

.social p a img{
  width: 100%;
  height: auto;
}

.social p a {
  display: inline-block;
  opacity: 0.5;
  transform: scale3d(1,1,1);
  transition:all 0.3s ease;
}

.social p a:hover {
  opacity: 1;
  transform: scale3d(1.1,1.1,1.1);
}


.sub-navigations {
  background-color: #f3f3f3;
  margin: 20px auto;
}

.sub-navigations p.more{
  font-weight:bold;
  text-align: center;
}

.sub-navigations p.more a{
  display: block;
  padding: 35px;
  color: #000000;
  opacity: 0.5;
  transition:opacity 0.3s;
}


.sub-navigations p.more a:hover{
  opacity: 1;
}

.moreButton {
  width: 100%;
  margin: 70px auto 0;
}

.moreButton a{
  display: block;
  text-align: center;
  font-family: "Orbitron", "Noto Sans JP",serif;
  
  font-size: 22px;
  width:160px;
/*
  width:250px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background-color: rgba(200, 200, 200, 0.3);
*/
  margin: auto;
  color: #ed1c24;
  transition: all 0.4s ease 0s;
}

.moreButton a span{
  font-size: 19px;
  margin-right: 5px;
  font-style: normal;
}

.moreButton a:hover{
/*
  background-color: rgba(30, 30, 30, 1);
*/
  color: #fff;
}


/* basic and mobile */

#Navi{
  display: block;
  position:fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color:none;
  padding: 30px 0;
  transition:
    background-color .2s linear,
    padding .5s cubic-bezier(0,.99,.57,1)
  ;
}

#Navi.scrolled {
  background-color: #000;
  padding: 5px 0;
}

#Navi .inner{
  position: relative;
  z-index: 1;
  width: 95%;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

#Navi .inner .logo{
  width: 250px;
  height: 43px;
}

#Navi .inner .logo img{
  width: 250px;
  height: 43px;
}

#Navi .inner .logo div {
  position: absolute;
  display: block;
  background-image: url("../images/logo.svg");
  background-size: 250px 43px;
  width: 250px;
  margin: 0;
  padding: 0;
}

#Navi.scrolled .inner .logo div,
#Navi.open .inner .logo div {
  background-image: url("../images/logo.svg");
}

#Navi .inner #menuButton {
/*
  background-image: url("../images/navi_icon_blk.png");
*/
  background-image: url("../images/navi_icon.png");
  background-size: cover;
  width: 53px;
  height: 53px;
  cursor: pointer;
}

#Navi.scrolled .inner #menuButton {
  background-image: url("../images/navi_icon.png");
}

#Navi.open .inner #menuButton {
  background-image: url("../images/navi_icon_close.png");
}

#Navi #Navigations{
  position:fixed;
  z-index: 0;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}

#Navi #Navigations.open {
  display: block;
  opacity: 1;
  pointer-events:painted;
}

#Navi #Navigations::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  z-index: 0;
  background-color: #000;
  opacity: 0.8;
}

#Navi #Navigations.open::before{
  opacity: .9;
}

#Navi #Navigations .box{
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 999;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
}

#Navi #Navigations .box ul {
  list-style: none;
  margin-top: 53px;
}

#Navi #Navigations .box ul li {
  text-align: center;
  margin: 20px;
}

#Navi #Navigations .box ul li a {
  display: inline-block;
  transition: all 0.4s ease;
  padding: 10px;
}
#Navi #Navigations .box ul li a span{
  font-size: 35px;
  color: #fff;
  transition: all 0.4s ease;
  font-family: "Orbitron", "Noto Sans JP",serif;
  
}

#Navi #Navigations .box ul li a:hover {
  background-color: #fff;
}

#Navi #Navigations .box ul li a:hover span {
  color:#000;
}

#Navi #Navigations .box p.copyright {
  font-size: 14px;
  margin-top: 50px;
}

@media screen and (max-width:768px) {

    #Navi{
      padding: 5px 0;
    }

    #Navi .inner .logo{
      width: 200px;
      height: 34px;
    }

    #Navi .inner .logo img{
      width: 200px;
      height: 34px;
    }

    #Navi .inner .logo div {
/*      background-image: url("../images/logo_mini.svg"); */
      background-size: 200px 34px;
      width: 200px;
    }

    #Navi.scrolled .inner .logo div,
    #Navi.open .inner .logo div {
/*      background-image: url("../images/logo_mini.svg"); */
    }

    #Navi .inner #menuButton {
      width: 38px;
      height: 38px;
    }
    #Navi #Navigations .box ul li {
      margin: 40px;
    }
    #Navi #Navigations .box p.copyright {
      font-size: 11px;
    }
}

/* -----------------------------
------#Header ----------------*/

#Header {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#Header .bg {
  position: absolute;
  width: 100%;
  height: 450px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.index #Header .bg {
  background-image: url("../../images/top/top_bg.jpg");
}

.index #Header .bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  max-width: 1000px;
  height: auto;
}

.product #Header .bgCoilover {
  background-image: url("../../images/product/coilover_top.jpg");
}

.product #Header .bgStabilizer {
  background-image: url("../../images/product/stabilizer_top.jpg");
}

.product #Header .bgFlywheel {
  background-image: url("../../images/product/flywheel_top.jpg");
}

.product #Header .bgClutchkit {
  background-image: url("../../images/product/clutchkit_top.jpg");
}

.product #Header .bgSuctionpipekit {
  background-image: url("../../images/product/suctionpipekit_top.jpg");
}

.product #Header .bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  max-width: 1000px;
  height: auto;
}

#Header .arrow, #Header .arrow_blk{
  position: absolute;
  width: 43px;
  height: 24px;
  bottom: 25px;
  left: 50%;
  background-image: url("../images/arrow.png");
  background-size: cover;
  transform: translate(-50% , 0);
  cursor: pointer;
  z-index: 1;
  transition: transform 0.5s;
}

#Header .arrow_blk{
 background-image: url("../images/arrow_blk.png");
}

#Header .arrow:hover, #Header .arrowblk:hover{
  transform: translate(-50% , 3px);
}

#Header .bg .inner{
  position: absolute;
  width: 90%;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

#Header .bg .inner p{
  color: #888888;
  font-size: 22px;
  margin: 0.5em 0 0 0;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: normal;
}

#Header .bg .inner h1{
  color: #fff;
  font-size: 50px;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
  line-height: 1.3em;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
}

@media screen and (max-width:768px) {
    .index #Header .arrow, .index #Header .arrow_blk{
      width: 29px;
      height: 16px;
      bottom: 30px;
    }
    #Header .bg .inner h1{
      font-size: 32px;
    }

}


/* -----------------------------
------.contactHead -----------*/

.contactHead{
  width: 100%;
  margin: 50px auto 0;
  text-align:center;
  line-height: 150%;
  color: #111;
  background-color: #fff;
}

.contactHead h1{
  font-size: 35px;
}

@media screen and (max-width:768px) {
  .contactHead h1{
    font-size: 28px;
  }
}


/* -----------------------------
------.contactBox -----------*/


.contactBox h2{
  letter-spacing: 0.08em;
}

.contactBox.flex{
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  padding: 5% 5%;
  box-sizing: border-box;
  line-height: 150%;
  color: #111;
  background-color: #fff;
}

.contactBox a.flex-box{
  width: 30%;
  margin: 0 0 50px 0;
  box-sizing: border-box;
  padding: 3%;
  transition: background-color 0.3s ease;
  position: relative;
  color: #111;
}

.contactBox a.flex-box div.icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url("../images/arrow_icon_blk.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index:9999;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0s;
}

.contactBox a.flex-box:hover div.icon{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0.2s;
}
.contactBox a.flex-box:hover{
  background: #ededed;
}

/*
.contactBox a.flex-box::after{
  content: " ▶ ";
  position: absolute;
  bottom:1px;
  right: 10px;
  transition: color 0.3s ease;
}

.contactBox a.flex-box:hover::after{
  color:#ed1c24;
}
*/

.contactBox a.flex-box img{
  width: 100%;
  margin: 5px 0 0;
}

.contactBox a.flex-box h1{
  font-size: 18px;
  margin: 0 0 20px 0;
  text-align:center;
  color: #000;
}

.contactBox a.flex-box h1 span{
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
  display:block;
  padding: 5px 10px;
  background-color: #4b4b4b;
  color: #fff;
}

.contactBox a.flex-box h2{
  font-size: z20px;
  margin: 0 0 10px 0;
  text-align: center;
}

.contactBox a.flex-box p{
  font-size: 14px;
}
@media screen and (max-width:768px) {
    .contactBox a.flex-box{
      width: 100%;
    }

    .contactBox a.flex-box::after{
      bottom:-14px;
    }

    #.contactBox a.flex-box div.icon {
      bottom: 3px;
    }
    .contactBox a.flex-box h1{
      font-size: 22px;
    }
}



/* -----------------------------
------.informationlist -----------*/

#Content .informationWrap{
  background: #1e1e1e;
  padding-bottom: 50px;
  color: #fff;
}


#Content .informationWrap h2{
  text-align: center;
  font-size: 36px;
  padding: 70px 0;
  letter-spacing: 0.1em;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
}

#Content ul.informationlist {
  list-style: none;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

#Content ul.informationlist li {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}

#Content ul.informationlist li a{
  position: relative;
  display:block;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: all 0.3s ease;
}

#Content ul.informationlist li a:hover{
  color: #bbbbbb;
}

#Content ul.informationlist li a .informationBox {
  font-size: 15px;
  clear: both;
  display: table;
  word-break: break-all;
}

#Content ul.informationlist li a .informationBox span.date{
  display: inline-block;
  margin-bottom: 7px;
}

#Content ul.informationlist li a .informationBox span.text{
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  line-height: 120%;
}


#Content ul.informationlist li a div.icon {
  position: absolute;
  left: 90px;
  width: 20px;
  height: 20px;
  top: -2px;
  background-image: url("../images/arrow_icon_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index:9999;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0s;
}

#Content ul.informationlist li a:hover div.icon{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0.2s;
}

@media screen and (max-width:768px) {
    #Content .informationWrap h2{
      font-size: 32px;
      padding: 50px 0;
    }
}

/* -----------------------------
------.featuredlist -----------*/

#Content .featuredWrap{
  padding-bottom: 70px;
  width: 100%;
  background: #000;
}

#Content .featuredWrap h2{
  text-align: center;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-size: 36px;
  padding: 70px 0;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #fff;
}

#Content ul.featuredlist {
  list-style: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}

#Content ul.featuredlist li {
  position: relative;
  width: 49.3%;
  margin: 5px auto;
}

#Content ul.featuredlist li a{
  position: relative;
  display:block;
  width: 100%;
  height: 100%;
}

#Content ul.featuredlist li p.img{
  position:relative;
  overflow: hidden;
  width: 100%;
}

#Content ul.featuredlist li img{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display:block;
  width: 100%;
  height: auto;
}

#Content ul.featuredlist li a::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

#Content ul.featuredlist li p.view-rap {
  z-index: 2;
  position:absolute;
  left: 50%;
  top: 50%;
  display:block;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  height:auto;
  text-align: center;
  transform: translate(-50%,-50%);
  opacity: 1;
  color: #fff;
}

#Content ul.featuredlist li p.view-rap {
  transition:all .3s;
}

#Content ul.featuredlist li p.view-rap span {
  display: block;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
}

#Content ul.featuredlist li p.view-rap span.title {
  line-height: 120%;
  margin: 0 0 0.5em 0;
  font-size: 34px;
  font-family: "Orbitron", "Noto Sans JP",serif;
  

}

#Content ul.featuredlist li p.view-rap span.jpn {
  font-weight: 400;
  font-size: 22px;
  margin: 0 0 0.5em 0;
  opacity: 1;
}

#Content ul.featuredlist li p.view-rap span.check {
  font-weight: 400;
  margin: 1.5em 0 0.5em 0;
  font-size: 18px;
  font-family: "Orbitron", "Noto Sans JP",serif;
  
}


#Content ul.featuredlist li a div.icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-image: url("../images/arrow_icon_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index:9999;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0s;
}


#Content ul.featuredlist li a:hover::after{
  opacity: 0.6;
}


#Content ul.featuredlist li a:hover p.view-rap{
/*  color: #f02828; */
  opacity: 1;
}

#Content ul.featuredlist li a:hover div.icon{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0.2s;
}


/*
@media screen and (max-width:1920px) {
    #Content ul.featuredlist li {
      width: 25%;
    }
}
*/
@media screen and (max-width:1400px) {
    #Content ul.featuredlist{
      width: 100%;
  }
}
@media screen and (max-width:768px) {
    #Content .featuredWrap h2{
      font-size: 32px;
      padding: 50px 0;
    }
    #Content ul.featuredlist li {
      width: 100%;
    }
    #Content ul.featuredlist li p.view-rap span.title {
      font-size: 24px;
    }
    #Content ul.featuredlist li p.view-rap span.jpn {
      font-size: 17px;
    }
    #Content ul.featuredlist li p.view-rap span.check {
      font-size: 14px;
    }

}


/* -----------------------------
------.saucer ----------------*/

#Content ul.saucer {
  list-style: none;
  padding: 0 2.5%;
  display: flex;
  flex-wrap:wrap;
  letter-spacing: 0.03em;
  font-size: 10px;
  font-weight: 400;
}

#Content ul.saucer li {

  display: flex;
  align-items:center;
  width:auto;
  background-color:inherit;
  transition: background-color .3s,color .3s;
}

#Content ul.saucer li a{
  display: block;
  width:auto;
  padding: 25px 15px;
  text-align: center;
  transition: color .3s,color .3s;
}

#Content ul.saucer li:hover {
  background-color: #333;
}

#Content ul.saucer li:hover a{
  color: #fff;
}

#Content ul.saucer li.on{
  background-color: #000;
}

#Content ul.saucer li.on a{
  color: #fff;
}

@media screen and (max-width:768px) {

    #Content ul.saucer {
     flex-wrap:nowrap;
    }

    #Content ul.saucer li {.
      width: 100%;
    }

    #Content ul.saucer li a{
    
      display: block;
      width: 100%;
      padding: 25px 10px;
    }
}

/* -----------------------------
------.worklist --------------*/

#Content ul.workslist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Content ul.workslist li {
  position: relative;
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-shrink:0;
}

#Content ul.workslist li a{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

#Content ul.workslist li a::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  background-color:#000;
  transition:height 0.4s ease-in;
}

#Content ul.workslist li p.img{
  position:relative;
  overflow: hidden;
  width: 100%;
}

#Content ul.workslist li img{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display:block;
  width: 100%;
  height: auto;
}

#Content ul.workslist li video{
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition:opacity .3s;
}

#Content ul.workslist li p.view-rap {
  position:relative;
  display:block;
  width: 100%;
  padding: 40px 30px 60px 30px;
  margin: 0;
  box-sizing: border-box;
  height:auto;
}

#Content ul.workslist li p.view-rap {
  transition:color .3s;
}

#Content ul.workslist li p.view-rap span {
  display: block;
}

#Content ul.workslist li p.view-rap span.title {
  font-weight: 400;
  line-height: 120%;
  margin: 0 0 0.5em 0;
  font-family: "Orbitron", "Noto Sans JP",serif;
}

#Content ul.workslist li p.view-rap span.jpn {
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 0.5em 0;
  opacity: 0.7;
}

#Content ul.workslist li p.view-rap span.check {
  font-size: 12px;
  opacity: 0.5;
}

#Content ul.workslist li a div.icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url("../images/arrow_icon_blk.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index:9999;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0s;
}

#Content ul.workslist li a:hover video{
  opacity: 1;
}

#Content ul.workslist li a:hover p.view-rap{
  color: #fff;
}

#Content ul.workslist li a:hover::before{
  height: 100%;
  transition:height .4s cubic-bezier(0,.99,.45,.99);
}

#Content ul.workslist li a:hover div.icon{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0.2s;
}

@media screen and (max-width:1920px) {
    #Content ul.workslist li {
      width: 25%;
    }
}
@media screen and (max-width:1400px) {
    #Content ul.workslist li {
      width: 33.33333%;
    }
}

@media screen and (max-width:768px) {
    #Content ul.workslist li {
      width: 50%;
    }
}

/* -----------------------------
------#FOOTER --------------*/

#Footer {
/*
  background-color: #0f0f0f;
*/
  background-image: url("../images/footer_bg.jpg");
  color: #bfbfbf;
  padding: 170px 5% 15px;
  text-align: right;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
}

#Footer .footerArrow{
  position: absolute;
  width: 43px;
  height: 24px;
  top: 15px;
  left: 50%;
  background-image: url("../images/arrow_top.png");
  background-size: cover;
  transform: translate(-50% , 0);
  cursor: pointer;
  z-index: 1;
  transition: transform 0.5s;
}

#Footer .footerArrow:hover{
  transform: translate(-50% , -3px);
}


#Footer .company .name{
  font-size: 19px;
  font-weight: 400;
  margin: 0 0 1em 0;
  font-weight: 400;
  font-family: "Orbitron", "Noto Sans JP",serif;
}

#Footer .company .address{
  font-size: 14px;
  margin: 0 0 0.8em 0;
  line-height: 130%;
}

#Footer .company .phone{
  font-size: 14px;
  margin: 0 0 1em 0;
}

#Footer .company .copyright{
  font-size: 12px;
  margin: 2em 0 0 0;
}


#Footer .company .mail{
  font-size: 12px;
  margin: 0 0 0 0;
  display: inline-block;
}

#Footer .company .mail a{
  color: #fff;
}

#Footer .company .mail a:hover{
  color: #fff;
  text-decoration: underline;
}

#Footer .company .link a{
  font-weight:normal;
  margin: 0 0 0 0;
  font-size: 13px;
  color: #666666;
}

#Footer .company .link a:hover {
  color: #999999;
  text-decoration: underline;
}

#Footer .company .logo_link{
  width: 125px;
  height: 22px;
  margin: 60px auto 0;
}


#Footer .company .logo_link img{
  width: 125px;
  height: 22px;
}

#Footer .company .logo_link div{
  position: absolute;
  display: block;
  background-image: url("../images/logo_wh.svg");
  background-size: 125px 22px;
  width: 125px;
  height: 22px;
  margin: 0;
  padding: 0;
}

#Footer .company .logo_link div:hover{
  background-image: url("../images/logo.svg");
}



#Footer .social{
  margin: 30px auto 0 auto;
}


@media screen and (max-width:768px) {
    #Footer {
      padding: 120px 5% 15px;
    }
    #Footer .company .name{
      font-size: 15px;
    }
    #Footer .company .address{
      font-size: 11px;
    }
    #Footer .company .phone{
      font-size: 11px;
    }
    #Footer .company .copyright{
      font-size: 10px;
    }
    #Footer .company .mail{
      font-size: 10px;
    }
}


/* -----------------------------
------.product ----------------*/

#Container.product #Content {
  background-color: #ffffff;
  padding: 0 0 0 0;
}

.bgBox{
  width: 100%;
  text-align:left;
  padding: 60px 0 50px 0;
}

.bgWhite{
 background-color: #fff;
}

.bgBlack{
 background-color: #0d0d0d;
}

.bgGray{
 background-color: #333;
}

.bgRed{
 background-color: #d3381c;
}

.bgYellow{
 background-color: #fcc800;
}

.bgOrange{
 background-color: #fd7c01;
}


#Container.product #Content .cont{
  width: 100%;
  margin: auto;
  color: #fff;
}

#Container.product #Content .outlineBox {
  width: 90%;
  max-width: 1200px;
  text-align:left;
  padding: 60px 0 50px 0;
}

#Container.product #Content .outlineBox h1{
  color: #fff;
  margin: 0.3em 0 0.7em 0;
  font-size: 42px;
  font-weight: 400;
}

#Container.product #Content .outlineBox h2{
  line-height: 150%;
  letter-spacing: 0.08em;
  font-size: 25px;
  margin: 0.3em 0 0.3em 0;
  font-weight: 400;
}

#Container.product #Content .outlineBox p{
  line-height: 150%;
  letter-spacing: 0.08em;
  font-size: 15px;
  margin: 0.3em 0 0.3em 0;
}

#Container.product #Content .outlineBox img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#Container.product #Content .outlineBox .description{
  width: 100%;
  margin: 0 auto 10px auto;
  line-height: 150%;
  letter-spacing: 0.08em;
  font-size: 15px;
  text-align:left;
}

#Container.product #Content .outlineBox table {
  width: 100%;
  height:inherit;
  letter-spacing: 0.08em;
  line-height: 150%;
  margin-bottom: 15px;
}

#Container.product #Content .outlineBox table th{
  color: #fff;
  background: #333;
  text-align: center;
  border: 1px solid #848484;
  padding: 15px 0;
  font-size: 21px;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
}

#Container.product #Content .outlineBox table.flywheelTable th,
#Container.product #Content .outlineBox table.flywheelTable td{
  width:13%;
}

#Container.product #Content .outlineBox table.flywheelTable th:nth-child(4),
#Container.product #Content .outlineBox table.flywheelTable td:nth-child(4){
  width:35%;
}

#Container.product #Content .outlineBox table tr:first-child{
  text-align: center;
}


#Container.product #Content .outlineBox table tr td {
  overflow: hidden;
  border: 1px solid #848484;
  padding: 5px 5px;
  white-space: normal;
  vertical-align: middle;
  font-size: 13px;
}

#Container.product #Content .outlineBox table tr td.tdSub{
  text-align: center;
  background: #555;
  color: #fff;
}

.gridContainer {
  width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 400px 400px 400px;
  grid-template-rows: 400px 400px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  justify-items: stretch;
  align-items: stretch;
}

.grid_item {
  color: #000;
  display: table;
  height: 400px;
}

.grid_item img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.grid_text {
  padding: 18px;
  word-wrap: break-word;
  margin-top: 20%;
  display: table-cell;
  vertical-align: middle;
}

.grid_text h1{
  font-size: 37px;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
  padding-bottom: 6px;
}

.grid_text h2{
  line-height: 150%;
  letter-spacing: 0.08em;
  font-size: 25px;
}

.grid_text p{
  line-height: 150%;
  letter-spacing: 0.08em;
  font-size: 15px;
  margin: 0.3em 0 0.3em 0;
}


@media screen and (max-width:1200px) {
  .gridContainer {
    width: 900px;
    grid-template-columns: 300px 300px 300px;
    grid-template-rows: 300px 300px;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }

  .grid_item {
    height: 300px;
  }

}

@media screen and (max-width:900px) {

  #Container.product #Content .outlineBox p{
    font-size: 14px;
  }

  .gridContainer {
    width: 800px;
    grid-template-columns: 270px 270px 270px;
    grid-template-rows: 270px 270px;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }

  .grid_item {
    height: 270px;
  }

  .grid_text h1{
    font-size: 35px;
    padding-bottom: 6px;
  }
  .grid_text p{
   line-height: 120%;
   letter-spacing: 0.08em;
   font-size: 14px;
  }

  #Container.product #Content .outlineBox table{
   line-height: 80%;
  }

  #Container.product #Content .outlineBox table tr td {
    font-size: 9px;
  }

  #Container.product #Content .outlineBox table.coiloverTable th:nth-child(4),
  #Container.product #Content .outlineBox table.coiloverTable td:nth-child(4),
  #Container.product #Content .outlineBox table.coiloverTable th:nth-child(9),
  #Container.product #Content .outlineBox table.coiloverTable td:nth-child(9){
    display: none;
  }
}



@media screen and (max-width:800px) {
  .gridContainer {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .grid_text {
    padding: 18px;
  }
}

@media screen and (max-width:768px) {

  #Container.product #Content .outlineBox {
    padding: 18px;
  }

  #Container.product #Content .outlineBox h1{
    font-size: 28px;
  }
  #Container.product #Content .outlineBox h2{
    font-size: 18px;
  }
  #Container.product #Content .outlineBox table.flywheelTable th,
  #Container.product #Content .outlineBox table.flywheelTable td{
    width:20%;
  }

  #Container.product #Content .outlineBox table.clutchkitTable th:nth-child(5),
  #Container.product #Content .outlineBox table.clutchkitTable td:nth-child(5),
  #Container.product #Content .outlineBox table.clutchkitTable th:nth-child(7),
  #Container.product #Content .outlineBox table.clutchkitTable td:nth-child(7),
  #Container.product #Content .outlineBox table.stabilizerTable th:nth-child(5),
  #Container.product #Content .outlineBox table.stabilizerTable td:nth-child(5),
  #Container.product #Content .outlineBox table.coiloverTable th:nth-child(5),
  #Container.product #Content .outlineBox table.coiloverTable td:nth-child(5),
  #Container.product #Content .outlineBox table.coiloverTable th:nth-child(6),
  #Container.product #Content .outlineBox table.coiloverTable td:nth-child(6){
    display: none;
  }
  .grid_text h1{
    font-size: 30px;
  }
}


/* -----------------------------
------.about ----------------*/

#Container.about #Header h1{
  color: #fff;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
}

#Container.about #Content {
  background-color: #fff;
  padding: 0 0 0 0;
}

#Container.about #Content section p{
  letter-spacing: 0.08em;
}

#Container.about #Content section.outlineBox{
  padding: 5% 0;
  color: #000;
}

#Container.about #Content section.outlineBox .description{
  width: 90%;
  max-width: 1500px;
  margin: 0 auto 0 auto;
  line-height: 150%;
  font-size: 15px;
}

#Container.about #Content section.outlineBox .description h1 {
  text-align:center;
  font-size: 40px;
  font-weight: 400;
}


#Container.about #Content section.outlineBox .description h1 span{
  padding: 10px 60px;
}


#Container.about #Content section.outlineBox .description h2 {
  margin: 0 0 60px 0;
  font-size: 45px;
  text-align:center;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
  color: #fff;
  line-height: 1.2em;
}


#Container.about #Content section.outlineBox .description p{
  margin: 0 0 30px 0;
  color: #fff;
  text-align:left;
}

#Container.about #Content section.aboutBox h2{
  letter-spacing: 0.08em;
}


#Container.about #Content section.aboutBox.flex{
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  padding: 5% 5%;
  box-sizing: border-box;
  line-height: 150%;
  color: #fff;
  background-color: #000;
}

#Container.about #Content section.aboutBox a.flex-box{
  width: 30%;
  margin: 0 0 50px 0;
  box-sizing: border-box;
  padding: 3%;
  transition: background-color 0.3s ease;
  position: relative;
  color: #fff;
}

#Container.about #Content section.aboutBox a.flex-box div.icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url("../images/arrow_icon_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index:9999;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0s;
}

#Container.about #Content section.aboutBox a.flex-box:hover div.icon{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s cubic-bezier(.6,.0,.1,1);
  transition-delay: 0.2s;
}

#Container.about #Content section.aboutBox a.flex-box:hover{
  background: #222222;
}

/*
#Container.about #Content section.aboutBox a.flex-box::after{
  content: " ▶ ";
  position: absolute;
  bottom:1px;
  right: 10px;
  transition: color 0.3s ease;
}

#Container.about #Content section.aboutBox a.flex-box:hover::after{
  color:#ed1c24;
}
*/

#Container.about #Content section.aboutBox a.flex-box img{
  width: 100%;
  margin: 5px 0 0;
}

#Container.about #Content section.aboutBox a.flex-box h1{
  font-size: 18px;
  margin: 0 0 20px 0;
  text-align:center;
  color: #000;
}

#Container.about #Content section.aboutBox a.flex-box h1 span{
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
  display:block;
  padding: 5px 10px;
  background-color: #4b4b4b;
  color: #fff;
}

#Container.about #Content section.aboutBox a.flex-box h2{
  font-size: z20px;
  margin: 0 0 10px 0;
  text-align: center;
}

#Container.about #Content section.aboutBox a.flex-box p{
  font-size: 14px;
}

#Container.about #Content section.companyDetile{
  background-color:#f2f1f1;
}

#Container.about #Content section.companyDetile .detiles {
  width: 90%;
  padding: 40px 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1500px;
}

#Container.about #Content section.companyDetile .detiles .box {
  width: 100%;
}

#Container.about #Content section.companyDetile .detiles .box:first-child{
  margin-bottom: 0;
}

#Container.about #Content section.companyDetile .detiles .box h3 {
  margin: 0 0 1em 0;
  font-family: "Orbitron", "Noto Sans JP",serif;
  font-weight: 400;
}

#Container.about #Content section.companyDetile .detiles .box table {
  width: 100%;

}


#Container.about #Content section.companyDetile .detiles .box table th {
  width: 15%;
font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 7px 0;
  min-width: 5em;
}

#Container.about #Content section.companyDetile .detiles .box table td {
  width: 85%;
  font-size: 14px;
  padding: 7px 0;
  line-height: 160%;
}

#Container.about #Content section.companyDetile .detiles .box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 160%;
}

#Container.about #Content section.companyDetile .detiles .box ul li {
  padding: 7px 0;
}

@media screen and (max-width:768px) {
    #Container.about #Content section.outlineBox .description p{
      text-align: justify;
    }

    #Container.about #Content section.aboutBox a.flex-box{
      width: 100%;
    }

    #Container.about #Content section.aboutBox a.flex-box::after{
      bottom:-14px;
    }

    #Container.about #Content section.aboutBox a.flex-box div.icon {
      bottom: 3px;
    }
    #Container.about #Content section.aboutBox a.flex-box h1{
      font-size: 22px;
    }

    #Container.about #Content section.outlineBox .description h2 {
      font-size: 32px;
    }

    #Container.about #Content section.companyDetile .detiles .box {
      width: 100%;
    }

    #Container.about #Content section.companyDetile .detiles .box:first-child{
      margin-bottom: 3em;
    }
}




/* -----------------------------
------.contact ----------------*/

#Container.contact #Header .inner h1{
  color: #fff;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  font-family: "Orbitron", "Noto Sans JP",serif;
  
}

#Container.contact #Content div.inner{
  width: 90%;
  max-width: 800px;
  margin: auto;
  padding: 100px 0;
}

#Container.contact #Content div.inner .description{
  width: 90%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  line-height: 150%;
  font-size: 15px;
}

#Container.contact #Content div.inner .description h1 span{
  padding: 10px 60px;
}

#Container.contact #Content div.inner .description h2 {
  margin: 50px 0 20px;
  font-size: 50px;
  text-align:center;
  font-weight: 400;
  line-height: 1em;
}

#Container.contact #Content div.inner .description h3 {
  margin: 0 0 30px 0;
  font-size: 30px;
  text-align:center;
  font-weight: 400;
  line-height: 1em;
}

#Container.contact #Content div.inner .description p{
  margin: 0 0 30px 0;
  color: #000;
  text-align:center;
}


#Container.contact #Content div.inner .description p.time{
  margin: 0 0 20px 0;
  color: #000;
  text-align:center;
}

#Container.contact #Content div.inner .description .contactBox{
  border-top:1px solid #aeaeae;
}

@media screen and (max-width:768px) {
  #Container.contact #Content div.inner .description h2 {
    font-size: 40px;
  }
  #Container.contact #Content div.inner .description h3 {
    font-size: 25px;
  }
  #Container.contact #Content div.inner .description p{
    text-align: justify;
  }
}