@charset "UTF-8";
/* Scss Document */
/* PC用コード
*******************************************************/
@media screen and (min-width: 769px) {
  .sp {
    display: none; }

  /* HEADER
  *******************************************************/
  .header .header-inner .gnav ul.gnav__menu li:nth-child(4) a::after {
    transform: scaleX(1);
    transform-origin: left;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }

  /*CONTACTS
  *******************************************************/
  #contacts {
    width: 100%;
    margin: 250px auto 150px; }
    #contacts .inner {
      max-width: 700px;
      margin: 0 auto 150px; }
      #contacts .inner .title {
        margin-bottom: 60px;
        font-size: 20px;
        font-style: oblique;
        color: #e83817; }
      #contacts .inner section {
        margin-bottom: 50px; }
        #contacts .inner section .sub-ttl {
          font-family: 'Avenir Next','Corbel',sans-serif;
          font-size: 16px;
          font-weight: bold;
          font-style: oblique;
          color: #e83817;
          margin-bottom: 10px; }
        #contacts .inner section .text {
          font-size: 14px;
          margin-bottom: 5px; }
        #contacts .inner section ul li {
          display: flex;
          flex-direction: row;
          margin-bottom: 5px;
          font-size: 14px; }
          #contacts .inner section ul li .lavel {
            width: 70px;
            color: #e83817; }
          #contacts .inner section ul li .value {
            color: #4d4d4d;
            font-weight: bold; }
          #contacts .inner section ul li a {
            text-decoration: none; } }
/* SP用コード
*******************************************************/
@media screen and (max-width: 768px) {
  .pc {
    display: none; }

  /*CONTACTS
  *******************************************************/
  #contacts {
    width: 100%;
    margin: 100px auto 0; }
    #contacts .inner {
      max-width: 700px;
      margin: 0 auto 100px;
      padding: 0 15px; }
      #contacts .inner .title {
        margin-bottom: 50px;
        font-size: 18px;
        font-style: oblique;
        color: #e83817;
        font-family: 'Avenir Next','Corbel',sans-serif; }
      #contacts .inner section {
        margin-bottom: 60px; }
        #contacts .inner section .sub-ttl {
          font-size: 16px;
          font-weight: bold;
          font-style: oblique;
          color: #e83817;
          margin-bottom: .5em;
          font-family: 'Avenir Next','Corbel',sans-serif; }
        #contacts .inner section .text {
          font-size: 14px;
          margin-bottom: .5em; }
        #contacts .inner section ul li {
          display: flex;
          flex-direction: row;
          margin-bottom: 10px;
          font-size: 14px; }
          #contacts .inner section ul li .lavel {
            width: 60px;
            color: #e83817; }
          #contacts .inner section ul li .value {
            color: #4d4d4d;
            font-weight: bold; } }