@charset "UTF-8";
/*変数*/
/*初期化*/
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
  line-height: 1;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  box-sizing: border-box;
  color: black; }

/* concept */
#concept {
  padding: 200px 0; }
  #concept h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
    font-size: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 3px #589FB4;
    line-height: 1;
    padding-bottom: 10px; }
  #concept h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #989898; }
  #concept h3 {
    font-size: 25px;
    margin: 70px auto 70px auto;
    position: relative;
    display: table;
    font-weight: bold; }
    #concept h3 br {
      display: none; }
    #concept h3::before {
      content: "";
      width: 30px;
      height: 30px;
      border-top: solid thin black;
      border-left: solid thin black;
      display: block;
      position: absolute;
      top: -25px;
      left: -25px; }
    #concept h3::after {
      content: "";
      width: 30px;
      height: 30px;
      border-bottom: solid thin black;
      border-right: solid thin black;
      display: block;
      position: absolute;
      bottom: -25px;
      right: -25px; }
  #concept p {
    font-size: 16px;
    line-height: 1.8;
    display: table;
    margin: 0 auto;
    text-align: center; }
  #concept a {
    font-family: "Poppins", sans-serif;
    width: 150px;
    height: 50px;
    margin: 70px auto 0 auto;
    background: black;
    display: block;
    border-radius: 25px;
    color: white;
    font-size: 15px;
    padding: 16px 0 0 45px;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer; }
    #concept a:after {
      content: "＞";
      transition: .2s;
      position: absolute;
      left: 100px;
      top: 17px; }
    #concept a:hover:after {
      left: 110px; }

/*LINE UP*/
#lineUp {
  padding: 200px 0;
  background-color: #F0F0F0;
  /*    ul {
          max-width: 1500px;
          display: grid;
          grid-template-columns: repeat(auto-fit,minmax(350px, 1fr));
          grid-auto-rows: 1fr;
          grid-gap: 30px;
          padding: 0 100px;
          margin: 70px auto ;
          
          li {
  			height: 300px;
              position: relative;
              overflow: hidden;
              transition: all 0.5s ease-out;
               &:hover dt:after {
                      left: 168px;
                  }
              &:hover div {
                   transform: scale(1.1,1.1);
              }
              
              div {
                  width: 100%;
                  height: 100%;
                  background-repeat: no-repeat;
  			background-position: 50% 50%;
              background-size: cover;
              display: block;
                  position: absolute;
                  transition: .2s;
              }
              
              div.jupiterQube {
                  background-image:url("../img/jupiterCube_top_lineUp.jpg");
              }
              
              div.jupiter {
                  background-image:url("../img/jupiter_top_lineUp.jpg");
              }
              
               div.azusa {
                  background-image:url("../img/azusa_top_lineUp.jpg");
              }
              
               div.hiraya {
                  background-image:url("../img/hiraya_top_lineUp.jpg");
              }
              
               div.symphony {
                  background-image:url("../img/symphony_top_lineUp.jpg");
              }
              
              div.just {
                  background-image:url("../img/just_top_lineUp.jpg");
              }
              
               div.mystyle {
                  background-image:url("../img/mystyle_top_lineUp.jpg");
              }
              
              dl {
                  width: 240px;
                  height: auto;
                  background: white;
                  display: block;
                  cursor: pointer;
                  padding: 20px;
                  position: absolute;
                  bottom: 30px;
                  
                  
                  dt {
                      @include english;
                      font-size: 20px;
                      position: relative;
                      
                      &:after {
                          content: "";
                          background-image: url("../img/arrowBgBlack.svg");
                          transition: .2s;
                          display: inline-block;
                          width: 25px;
                          height: 25px;
                          background-size: contain;
                          position: absolute;
                          left: 160px;
                          top: -3px;
                      }
   
                  }
                  
                  dd {
                      font-size: 14px;
                      line-height: 1.4;
                      margin-top: 10px;
                      text-align: justify;
                      border-top: solid thin black;
                      padding-top: 10px;
                      
                      }
              }
          }
          
      }*/ }
  #lineUp h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
    font-size: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 3px #589FB4;
    line-height: 1;
    padding-bottom: 10px; }
  #lineUp h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #989898; }
  #lineUp h3 {
    font-size: 25px;
    margin: 70px auto 70px auto;
    position: relative;
    display: table; }
    #lineUp h3::before {
      content: "";
      width: 30px;
      height: 30px;
      border-top: solid thin black;
      border-left: solid thin black;
      display: block;
      position: absolute;
      top: -25px;
      left: -25px; }
    #lineUp h3::after {
      content: "";
      width: 30px;
      height: 30px;
      border-bottom: solid thin black;
      border-right: solid thin black;
      display: block;
      position: absolute;
      bottom: -25px;
      right: -25px; }
  #lineUp a.lineUp {
    font-family: "Poppins", sans-serif;
    width: 200px;
    height: 50px;
    margin: 70px auto 0 auto;
    background: black;
    display: block;
    border-radius: 25px;
    color: white;
    font-size: 14px;
    padding: 18px 0 0 45px;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer; }
    #lineUp a.lineUp:after {
      content: "＞";
      transition: .2s;
      position: absolute;
      left: 150px;
      top: 18px; }
    #lineUp a.lineUp:hover:after {
      left: 160px; }
  #lineUp ul {
    width: 1484px;
    margin: 70px auto; }
    #lineUp ul li {
      width: 450px;
      height: 300px;
      margin: 0 20px 160px 20px;
      position: relative;
      display: inline-block; }
      #lineUp ul li > div {
        overflow: hidden;
        transition: all 0.5s ease-out; }
      #lineUp ul li a:hover dt:after {
        left: 385px; }
      #lineUp ul li a:hover div {
        transform: scale(1.1, 1.1); }
      #lineUp ul li div {
        width: 450px;
        height: 300px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        display: block;
        position: absolute;
        transition: .2s; }
      #lineUp ul li div.jupiterQube {
        background-image: url("../img/jupiterCube_top_lineUp.jpg"); }
      #lineUp ul li div.jupiter {
        background-image: url("../img/jupiter_top_lineUp.jpg"); }
      #lineUp ul li div.azusa {
        background-image: url("../img/azusa_top_lineUp.jpg"); }
      #lineUp ul li div.hiraya {
        background-image: url("../img/hiraya_top_lineUp.jpg"); }
      #lineUp ul li div.symphony {
        background-image: url("../img/symphony_top_lineUp.jpg"); }
      #lineUp ul li div.just {
        background-image: url("../img/just_top_lineUp.jpg"); }
      #lineUp ul li div.mystyle {
        background-image: url("../img/mystyle_top_lineUp.jpg"); }
      #lineUp ul li dl {
        width: 450px;
        height: auto;
        background: white;
        display: block;
        cursor: pointer;
        padding: 20px;
        position: absolute;
        bottom: -99px; }
        #lineUp ul li dl dt {
          font-family: 'Poppins', sans-serif;
          font-weight: bold;
          letter-spacing: 0.1em;
          font-size: 20px;
          position: relative; }
          #lineUp ul li dl dt:after {
            content: "";
            background-image: url("../img/arrowBgBlack.svg");
            transition: .2s;
            display: inline-block;
            width: 25px;
            height: 25px;
            background-size: contain;
            position: absolute;
            left: 375px;
            top: -3px; }
        #lineUp ul li dl dd {
          font-size: 14px;
          line-height: 1.4;
          margin-top: 10px;
          text-align: justify;
          border-top: solid thin black;
          padding-top: 10px; }

/*Life Box*/
#lifeBox {
  padding: 200px 0;
  background: #1F1F1F; }
  #lifeBox h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
    font-size: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 3px #589FB4;
    line-height: 1;
    padding-bottom: 10px;
    color: white; }
  #lifeBox h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #989898; }
  #lifeBox img {
    width: 1100px;
    display: block;
    margin: 0 auto;
    margin-top: 100px; }
  #lifeBox h3 {
    font-size: 25px;
    margin: 100px auto 70px auto;
    position: relative;
    display: table;
    color: white; }
    #lifeBox h3::before {
      content: "";
      width: 30px;
      height: 30px;
      border-top: solid thin white;
      border-left: solid thin white;
      display: block;
      position: absolute;
      top: -25px;
      left: -25px; }
    #lifeBox h3::after {
      content: "";
      width: 30px;
      height: 30px;
      border-bottom: solid thin white;
      border-right: solid thin white;
      display: block;
      position: absolute;
      bottom: -25px;
      right: -25px; }
  #lifeBox p {
    text-align: center;
    color: white;
    font-size: 16px; }
  #lifeBox a {
    font-family: "Poppins", sans-serif;
    width: 150px;
    height: 50px;
    margin: 70px auto 0 auto;
    background: black;
    display: block;
    border-radius: 25px;
    border: solid thin white;
    color: white;
    font-size: 15px;
    padding: 16px 0 0 45px;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer; }
    #lifeBox a:after {
      content: "＞";
      transition: .2s;
      position: absolute;
      left: 100px;
      top: 17px; }
    #lifeBox a:hover:after {
      left: 110px; }

/* NEWS */
#news {
  padding: 200px 0; }
  #news h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
    font-size: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 3px #589FB4;
    line-height: 1;
    padding-bottom: 10px; }
  #news h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #989898;
    margin-bottom: 100px; }
  #news ul li {
    width: 400px;
    margin: 0 auto;
    margin-bottom: 25px;
    border-bottom: solid thin #999999;
    padding-bottom: 25px; }
    #news ul li:last-child {
      border: none; }
    #news ul li dl dt {
      font-family: "Poppins", sans-serif;
      margin-bottom: 10px; }
    #news ul li dl a {
      font-size: 16px; }
      #news ul li dl a:hover {
        opacity: 0.5;
        text-decoration: underline; }

/* CONTACT */
#contact {
  padding: 200px 0;
  background-color: #F0F0F0; }
  #contact h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
    font-size: 50px;
    text-align: center;
    width: 100%;
    border-bottom: solid 3px #589FB4;
    line-height: 1;
    padding-bottom: 10px; }
  #contact h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #989898;
    margin-bottom: 100px; }
  #contact p {
    font-size: 20px;
    font-weight: bold; }
  #contact div {
    width: 450px;
    padding: 30px;
    height: auto;
    background: white;
    margin: 0 auto;
    margin-bottom: 30px; }
  #contact .phone a {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-top: 10px;
    display: block; }
  #contact .phone .time {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 25px;
    margin-top: 10px; }
  #contact .form p {
    display: inline-block; }
  #contact .form a {
    width: 150px;
    height: 50px;
    margin: 0px auto 0 30px;
    background: black;
    display: inline-block;
    border-radius: 25px;
    border: solid thin white;
    color: white;
    font-size: 15px;
    padding: 16px 0 0 45px;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer; }
    #contact .form a:after {
      content: "＞";
      transition: .2s;
      position: absolute;
      left: 100px;
      top: 17px; }
    #contact .form a:hover:after {
      left: 110px; }

.SP {
  display: none !important; }

@media (max-width: 768px) {
  /* concept */
  #concept {
    padding: 100px 0; }
    #concept h1 {
      font-family: 'Poppins', sans-serif;
      letter-spacing: 0.1em;
      font-size: 30px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      border-bottom: none;
      line-height: 1;
      padding-bottom: 10px; }
      #concept h1:before {
        content: "";
        width: 40px;
        height: 20px;
        display: inline-block;
        background-color: #589FB4;
        margin-right: 10px; }
    #concept h2 {
      font-size: 20px;
      text-align: left;
      padding-top: 0px;
      color: #989898;
      margin-left: 50px;
      margin-bottom: 50px; }
    #concept h3 {
      font-size: 20px;
      margin: 70px auto 70px auto;
      position: relative;
      display: table;
      font-weight: bold;
      text-align: center;
      line-height: 1.5; }
      #concept h3 br {
        display: block; }
      #concept h3::before {
        content: "";
        width: 30px;
        height: 30px;
        border-top: solid thin black;
        border-left: solid thin black;
        display: block;
        position: absolute;
        top: -25px;
        left: -25px; }
      #concept h3::after {
        content: "";
        width: 30px;
        height: 30px;
        border-bottom: solid thin black;
        border-right: solid thin black;
        display: block;
        position: absolute;
        bottom: -25px;
        right: -25px; }
    #concept p {
      width: 100%;
      font-size: 14px;
      line-height: 1.8;
      display: block;
      padding: 0; }
    #concept a {
      font-family: "Poppins", sans-serif;
      width: 150px;
      height: 50px;
      margin: 70px auto 0 auto;
      background: black;
      display: block;
      border-radius: 25px;
      color: white;
      font-size: 15px;
      padding: 16px 0 0 45px;
      position: relative;
      letter-spacing: 0.1em;
      cursor: pointer; }
      #concept a:after {
        content: "＞";
        transition: .2s;
        position: absolute;
        left: 100px;
        top: 17px; }
      #concept a:hover:after {
        left: 110px; }

  /*LINE UP*/
  #lineUp {
    padding: 100px 0;
    background-color: #F0F0F0;
    /*ul {
        max-width: 90%;
        display: block;
        padding: 0 0px;
        margin: 70px auto;
        
        li {
			height: 300px;
            position: relative;
            margin-bottom: 50px;
            overflow: hidden;
            transition: all 0.5s ease-out;
             &:hover dt:after {
                    left: 168px;
                }
            &:hover div {
                 transform: scale(1.1,1.1);
            }
            
            div {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
			background-position: 50% 50%;
            background-size: cover;
            display: block;
                position: absolute;
                transition: .2s;
            }
            
            div.jupiterQube {
                background-image:url("../img/jupiterCube_top_lineUp.jpg");
            }
            
            div.jupiter {
                background-image:url("../img/jupiter_top_lineUp.jpg");
            }
            
             div.azusa {
                background-image:url("../img/azusa_top_lineUp.jpg");
            }
            
             div.hiraya {
                background-image:url("../img/hiraya_top_lineUp.jpg");
            }
            
             div.symphony {
                background-image:url("../img/symphony_top_lineUp.jpg");
            }
            
            div.just {
                background-image:url("../img/just_top_lineUp.jpg");
            }
            
             div.mystyle {
                background-image:url("../img/mystyle_top_lineUp.jpg");
            }
            
            dl {
                width: 240px;
                height: auto;
                background: white;
                display: block;
                cursor: pointer;
                padding: 20px;
                position: absolute;
                bottom: 30px;
                
                
                dt {
                    @include english;
                    font-size: 20px;
                    position: relative;
                    
                    &:after {
                        content: "";
                        background-image: url("../img/arrowBgBlack.svg");
                        transition: .2s;
                        display: inline-block;
                        width: 25px;
                        height: 25px;
                        background-size: contain;
                        position: absolute;
                        left: 160px;
                        top: -3px;
                    }
 
                }
                
                dd {
                    font-size: 14px;
                    line-height: 1.4;
                    margin-top: 10px;
                    text-align: justify;
                    border-top: solid thin black;
                    padding-top: 10px;
                    
                    }
            }
        }
        
    }*/ }
    #lineUp h1 {
      font-family: 'Poppins', sans-serif;
      letter-spacing: 0.1em;
      font-size: 30px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      border-bottom: none;
      line-height: 1;
      padding-bottom: 10px; }
      #lineUp h1:before {
        content: "";
        width: 40px;
        height: 20px;
        display: inline-block;
        background-color: #589FB4;
        margin-right: 10px; }
    #lineUp h2 {
      font-size: 20px;
      text-align: left;
      padding-top: 0px;
      color: #989898;
      margin-left: 50px;
      margin-bottom: 50px; }
    #lineUp h3 {
      font-size: 25px;
      margin: 70px auto 70px auto;
      position: relative;
      display: table; }
      #lineUp h3::before {
        content: "";
        width: 30px;
        height: 30px;
        border-top: solid thin black;
        border-left: solid thin black;
        display: block;
        position: absolute;
        top: -25px;
        left: -25px; }
      #lineUp h3::after {
        content: "";
        width: 30px;
        height: 30px;
        border-bottom: solid thin black;
        border-right: solid thin black;
        display: block;
        position: absolute;
        bottom: -25px;
        right: -25px; }
    #lineUp a.lineUp {
      font-family: "Poppins", sans-serif;
      width: 200px;
      height: 50px;
      margin: 70px auto 0 auto;
      background: black;
      display: block;
      border-radius: 25px;
      color: white;
      font-size: 14px;
      padding: 18px 0 0 45px;
      position: relative;
      letter-spacing: 0.1em;
      cursor: pointer; }
      #lineUp a.lineUp:after {
        content: "＞";
        transition: .2s;
        position: absolute;
        left: 150px;
        top: 18px; }
      #lineUp a.lineUp:hover:after {
        left: 160px; }
    #lineUp ul {
      width: 90%;
      margin: 70px auto; }
      #lineUp ul li {
        width: 100%;
        height: 300px;
        margin: 0 0 160px 0px;
        position: relative;
        display: block; }
        #lineUp ul li > div {
          overflow: hidden;
          transition: all 0.5s ease-out; }
        #lineUp ul li a:hover dt:after {
          left: 385px; }
        #lineUp ul li a:hover div {
          transform: scale(1.1, 1.1); }
        #lineUp ul li div {
          width: 100%;
          height: 300px;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: cover;
          display: block;
          position: absolute;
          transition: .2s; }
        #lineUp ul li div.jupiterQube {
          background-image: url("../img/jupiterCube_top_lineUp.jpg"); }
        #lineUp ul li div.jupiter {
          background-image: url("../img/jupiter_top_lineUp.jpg"); }
        #lineUp ul li div.azusa {
          background-image: url("../img/azusa_top_lineUp.jpg"); }
        #lineUp ul li div.hiraya {
          background-image: url("../img/hiraya_top_lineUp.jpg"); }
        #lineUp ul li div.symphony {
          background-image: url("../img/symphony_top_lineUp.jpg"); }
        #lineUp ul li div.just {
          background-image: url("../img/just_top_lineUp.jpg"); }
        #lineUp ul li div.mystyle {
          background-image: url("../img/mystyle_top_lineUp.jpg"); }
        #lineUp ul li dl {
          width: 100%;
          height: auto;
          background: white;
          display: block;
          cursor: pointer;
          padding: 20px;
          position: absolute;
          bottom: -99px; }
          #lineUp ul li dl dt {
            font-family: 'Poppins', sans-serif;
            font-weight: bold;
            letter-spacing: 0.1em;
            font-size: 20px;
            position: relative;
            width: 100%; }
            #lineUp ul li dl dt:after {
              content: "";
              background-image: url("../img/arrowBgBlack.svg");
              background-repeat: no-repeat;
              transition: .2s;
              display: inline-block;
              width: 25px;
              height: 25px;
              background-size: contain;
              position: absolute;
              top: -3px;
              left: 90%; }
          #lineUp ul li dl dd {
            font-size: 14px;
            line-height: 1.4;
            margin-top: 10px;
            text-align: justify;
            border-top: solid thin black;
            padding-top: 10px; }

  /*Life Box*/
  #lifeBox {
    padding: 100px 0;
    background: #1F1F1F; }
    #lifeBox h1 {
      font-family: 'Poppins', sans-serif;
      letter-spacing: 0.1em;
      font-size: 30px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      border-bottom: none;
      line-height: 1;
      padding-bottom: 10px; }
      #lifeBox h1:before {
        content: "";
        width: 40px;
        height: 20px;
        display: inline-block;
        background-color: #589FB4;
        margin-right: 10px; }
    #lifeBox h2 {
      font-size: 20px;
      text-align: left;
      padding-top: 0px;
      color: #989898;
      margin-left: 50px;
      margin-bottom: 0px; }
    #lifeBox img {
      width: 90%;
      display: block;
      margin: 0 auto;
      margin-top: 50px; }
    #lifeBox h3 {
      font-size: 20px;
      margin: 100px auto 70px auto;
      position: relative;
      display: table;
      color: white;
      font-weight: bold; }
      #lifeBox h3::before {
        content: "";
        width: 30px;
        height: 30px;
        border-top: solid thin white;
        border-left: solid thin white;
        display: block;
        position: absolute;
        top: -25px;
        left: -25px; }
      #lifeBox h3::after {
        content: "";
        width: 30px;
        height: 30px;
        border-bottom: solid thin white;
        border-right: solid thin white;
        display: block;
        position: absolute;
        bottom: -25px;
        right: -25px; }
    #lifeBox p {
      width: 90%;
      text-align: justify;
      color: white;
      font-size: 15px;
      line-height: 1.8;
      display: block;
      margin: 0 auto; }
    #lifeBox a {
      font-family: "Poppins", sans-serif;
      width: 150px;
      height: 50px;
      margin: 70px auto 0 auto;
      background: black;
      display: block;
      border-radius: 25px;
      border: solid thin white;
      color: white;
      font-size: 15px;
      padding: 16px 0 0 45px;
      position: relative;
      letter-spacing: 0.1em;
      cursor: pointer; }
      #lifeBox a:after {
        content: "＞";
        transition: .2s;
        position: absolute;
        left: 100px;
        top: 17px; }
      #lifeBox a:hover:after {
        left: 110px; }

  /* NEWS */
  #news {
    padding: 100px 0; }
    #news h1 {
      font-family: 'Poppins', sans-serif;
      letter-spacing: 0.1em;
      font-size: 30px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      border-bottom: none;
      line-height: 1;
      padding-bottom: 10px; }
      #news h1:before {
        content: "";
        width: 40px;
        height: 20px;
        display: inline-block;
        background-color: #589FB4;
        margin-right: 10px; }
    #news h2 {
      font-size: 20px;
      text-align: left;
      padding-top: 0px;
      color: #989898;
      margin-left: 50px;
      margin-bottom: 50px; }
    #news ul {
      padding: 0 50px; }
      #news ul li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        border-bottom: solid thin #999999;
        padding-bottom: 25px; }
        #news ul li dl dt {
          font-family: "Poppins", sans-serif;
          margin-bottom: 10px; }
        #news ul li dl dd {
          line-height: 1.5; }
        #news ul li dl a {
          font-size: 16px; }
          #news ul li dl a:hover {
            opacity: 0.5;
            text-decoration: underline; }

  /* CONTACT */
  #contact {
    padding: 100px 0;
    background-color: #F0F0F0; }
    #contact h1 {
      font-family: 'Poppins', sans-serif;
      letter-spacing: 0.1em;
      font-size: 30px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      border-bottom: none;
      line-height: 1;
      padding-bottom: 10px; }
      #contact h1:before {
        content: "";
        width: 40px;
        height: 20px;
        display: inline-block;
        background-color: #589FB4;
        margin-right: 10px; }
    #contact h2 {
      font-size: 20px;
      text-align: left;
      padding-top: 0px;
      color: #989898;
      margin-left: 50px;
      margin-bottom: 50px; }
    #contact p {
      font-size: 18px;
      font-weight: bold;
      text-align: center; }
    #contact div {
      width: calc(100% - 100px);
      padding: 20px;
      height: auto;
      background: white;
      margin: 0 auto;
      margin-bottom: 30px; }
    #contact .phone a {
      font-size: 25px;
      font-family: 'Poppins', sans-serif;
      font-weight: bold;
      letter-spacing: 0.1em;
      margin: 10px auto 0 auto;
      display: block;
      text-align: center; }
    #contact .phone .time {
      font-family: "Poppins", sans-serif;
      font-weight: normal;
      font-size: 18px;
      margin-top: 10px;
      text-align: center; }
    #contact .form p {
      display: block;
      text-align: center;
      margin: 0 auto; }
    #contact .form a {
      width: 150px;
      height: 50px;
      margin: 20px auto 0 auto;
      background: black;
      display: block;
      border-radius: 25px;
      border: solid thin white;
      color: white;
      font-size: 15px;
      padding: 16px 0 0 45px;
      position: relative;
      letter-spacing: 0.1em;
      cursor: pointer; }
      #contact .form a:after {
        content: "＞";
        transition: .2s;
        position: absolute;
        left: 100px;
        top: 17px; }
      #contact .form a:hover:after {
        left: 110px; } }