@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, b, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/***** common color *****/
/***** common settings *****/
@media (max-width: 1023px) {
  .pc-visibility {
    display: none;
    visibility: hidden; } }
@media (min-width: 1024px) {
  .tb-visibility {
    display: none;
    visibility: hidden; } }
@media (max-width: 767px) {
  .tb-visibility {
    display: none;
    visibility: hidden; }
  .pc-tb-visibility {
    display: none !important; } }
@media (max-width: 767px) {
  .pc-tb-visibility {
    display: none;
    visibility: hidden; } }
@media (min-width: 1024px) {
  .tb-sp-visibility {
    display: none;
    visibility: hidden; } }
@media (min-width: 768px) {
  .sp-visibility {
    display: none !important;
    visibility: hidden; } }
.clearfix:after {
  content: ".";
  clear: both;
  display: block; }

.transition {
  transition: all 0.3s; }

.fade-in-animation {
  opacity: 0;
  position: relative; }
  .fade-in-animation.show {
    transition: opacity .9s;
    opacity: 1; }

body {
  font-family: 'Zen Kaku Gothic New', sans-serif, Meiryo,メイリオ,游ゴシック体,'Yu Gothic',YuGothic,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-size: 15px;
  line-height: 42px;
  letter-spacing: 0;
  min-width: 1260px; }
  @media (max-width: 767px) {
    body {
      font-size: vw(14);
      min-width: auto; } }
  body::-webkit-scrollbar {
    display: none; }

a {
  color: inherit;
  text-decoration: inherit; }

img {
  vertical-align: top;
  width: 100%; }

/* Header */
header#header {
  background: #fff;
  border-bottom: 1px solid #EAEAEA;
  box-sizing: border-box;
  height: 80px;
  min-width: 1260px;
  position: fixed;
  width: 100%;
  z-index: 20; }
  @media (max-width: 767px) {
    header#header {
      height: 14.6666666667vw;
      min-width: 0; } }
  header#header.top-header {
    background: transparent;
    border-bottom: none;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    @media (max-width: 767px) {
      header#header.top-header.opened {
        background: #202729; } }
    header#header.top-header.transition {
      transition: all .3s; }
    header#header.top-header.ready {
      background: #fff;
      position: fixed;
      transform: translate(0, -100%);
      border-bottom: 1px solid #EAEAEA; }
      header#header.top-header.ready .header-title svg {
        fill: #000; }
      header#header.top-header.ready .nav-contents .header-links li {
        color: #000; }
        @media (max-width: 767px) {
          header#header.top-header.ready .nav-contents .header-links li {
            color: #fff; } }
      header#header.top-header.ready .nav-contents .lang-list {
        background: #EAEAEA;
        color: #9B9B9B; }
        @media (min-width: 768px) {
          header#header.top-header.ready .nav-contents .lang-list.hover {
            color: #fff; }
            header#header.top-header.ready .nav-contents .lang-list.hover li a, header#header.top-header.ready .nav-contents .lang-list.hover li span {
              color: #000; }
            header#header.top-header.ready .nav-contents .lang-list.hover li.current a, header#header.top-header.ready .nav-contents .lang-list.hover li.current span {
              color: #9B9B9B; } }
        @media (max-width: 767px) {
          header#header.top-header.ready .nav-contents .lang-list {
            background: #fff;
            color: #000; } }
        header#header.top-header.ready .nav-contents .lang-list li.current a, header#header.top-header.ready .nav-contents .lang-list li.current span {
          color: #000; }
          @media (max-width: 767px) {
            header#header.top-header.ready .nav-contents .lang-list li.current a, header#header.top-header.ready .nav-contents .lang-list li.current span {
              background: #000;
              color: #fff; } }
      header#header.top-header.ready .btn-nav span {
        background: #000; }
    header#header.top-header.show {
      transform: translate(0, 0); }
    header#header.top-header .header-title svg {
      fill: #fff; }
    header#header.top-header .nav-contents .header-links li {
      color: #fff; }
    header#header.top-header .nav-contents .lang-list {
      background: #000;
      color: #6C6C6C; }
      @media (min-width: 768px) {
        header#header.top-header .nav-contents .lang-list.hover {
          color: #fff; }
          header#header.top-header .nav-contents .lang-list.hover li a, header#header.top-header .nav-contents .lang-list.hover li span {
            color: #fff; }
          header#header.top-header .nav-contents .lang-list.hover li.current a, header#header.top-header .nav-contents .lang-list.hover li.current span {
            color: #9B9B9B; } }
      @media (max-width: 767px) {
        header#header.top-header .nav-contents .lang-list {
          background: #fff;
          color: #000; } }
      header#header.top-header .nav-contents .lang-list li.current a, header#header.top-header .nav-contents .lang-list li.current span {
        color: #fff; }
        @media (max-width: 767px) {
          header#header.top-header .nav-contents .lang-list li.current a, header#header.top-header .nav-contents .lang-list li.current span {
            background: #000; } }
    header#header.top-header .btn-nav span {
      background: #fff; }
  header#header .header-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      header#header .header-wrapper {
        padding: 0 5.3333333333vw;
        width: 100%; } }
  header#header .header-title {
    display: block;
    height: 26px;
    width: 110px; }
    header#header .header-title svg {
      fill: #000;
      vertical-align: top; }
    @media (max-width: 767px) {
      header#header .header-title {
        font-size: 5.3333333333vw;
        margin-top: 4vw; } }
  header#header .nav-contents {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      header#header .nav-contents {
        background: #202729;
        box-sizing: border-box;
        color: #fff;
        display: none;
        height: calc(100vh - 14.67vw);
        left: 0;
        overflow: scroll;
        padding: 5.0666666667vw 8vw 10.6666666667vw;
        position: absolute;
        top: 14.6666666667vw;
        width: 100%;
        } }
    header#header .nav-contents .header-links {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        header#header .nav-contents .header-links {
          display: block;
          width: 100%; } }
      header#header .nav-contents .header-links > li {
        display: inline-block;
        margin-left: 29px; }
        @media (max-width: 767px) {
          header#header .nav-contents .header-links > li {
            display: block;
            letter-spacing: 0.09em;
            margin-left: 0; }
            header#header .nav-contents .header-links > li:nth-of-type(n+2) {
              margin-top: 0.8vw; } }
        header#header .nav-contents .header-links > li a, header#header .nav-contents .header-links > li span {
          font-size: 13px;
          letter-spacing: 0.05em;
          line-height: 80px; }
          @media (min-width: 768px) {
            header#header .nav-contents .header-links > li a, header#header .nav-contents .header-links > li span {
              position: relative;
              transition: all .3s; }
              header#header .nav-contents .header-links > li a::after, header#header .nav-contents .header-links > li span::after {
                background: #6C6C6C;
                bottom: -10px;
                content: '';
                display: block;
                height: 1px;
                left: 0;
                margin: 0 auto;
                position: absolute;
                transition: all .3s;
                right: 0;
                width: 0; }
              header#header .nav-contents .header-links > li a:hover, header#header .nav-contents .header-links > li span:hover {
                color: #6C6C6C; }
                header#header .nav-contents .header-links > li a:hover::after, header#header .nav-contents .header-links > li span:hover::after {
                  width: 100%; }
              header#header .nav-contents .header-links > li a img, header#header .nav-contents .header-links > li span img {
                display: none; } }
          @media (max-width: 767px) {
            header#header .nav-contents .header-links > li a, header#header .nav-contents .header-links > li span {
              font-size: 3.7333333333vw;
              line-height: 4.5333333333vw; }
              header#header .nav-contents .header-links > li a img, header#header .nav-contents .header-links > li span img {
                margin-left: 2.6666666667vw;
                vertical-align: 0.2666666667vw;
                width: 2.4vw; } }
        header#header .nav-contents .header-links > li .sub-list > li {
          line-height: initial; }
          header#header .nav-contents .header-links > li .sub-list > li a {
            line-height: 8vw;
            font-size: 3.2vw; }
        header#header .nav-contents .header-links > li .product-list-pc {
          align-items: center;
          background: #fff;
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
          display: flex;
          justify-content: center;
          left: 0;
          margin: 0 auto;
          opacity: 0;
          padding: 40px 0;
          position: fixed;
          right: 0;
          transition: all .3s;
          visibility: hidden;
          width: 100%; }
          header#header .nav-contents .header-links > li .product-list-pc li {
            border-right: 1px solid #DBDBDB;
            line-height: initial; }
            header#header .nav-contents .header-links > li .product-list-pc li:nth-of-type(1) {
              border-left: 1px solid #DBDBDB; }
            header#header .nav-contents .header-links > li .product-list-pc li a {
              display: block;
              height: 60px;
              padding: 0 35px;
              position: relative; }
            header#header .nav-contents .header-links > li .product-list-pc li img {
              position: relative;
              top: 50%;
              transform: translate(0, -50%);
              vertical-align: top; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-store img {
              width: 161px; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global img {
              width: 123px; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-ist img {
              width: 185px; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-export img {
              width: 197px; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-comparing::after {
              display: none; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-comparing img {
              width: 265px; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-comparing-ja::after {
              display: none; }
            header#header .nav-contents .header-links > li .product-list-pc li.list-global-comparing-ja img {
              width: 262px; }
            header#header .nav-contents .header-links > li .product-list-pc li a {
              line-height: initial; }
              header#header .nav-contents .header-links > li .product-list-pc li a::after {
                display: none; }
              header#header .nav-contents .header-links > li .product-list-pc li a:hover {
                opacity: .6;
                transition: all .3s; }
              header#header .nav-contents .header-links > li .product-list-pc li a img {
                display: inline; }
        header#header .nav-contents .header-links > li .product-list-sp {
          margin-bottom: 2.6666666667vw; }
          header#header .nav-contents .header-links > li .product-list-sp > li {
            line-height: initial; }
            header#header .nav-contents .header-links > li .product-list-sp > li:nth-of-type(n+2) {
              margin-top: 2.1333333333vw; }
            @media (max-width: 767px) {
              header#header .nav-contents .header-links > li .product-list-sp > li a {
                font-size: 3.2vw;
                margin-top: 3.4666666667vw; } }
        header#header .nav-contents .header-links > li.list-product, header#header .nav-contents .header-links > li.list-online-store {
          position: relative; }
          @media (min-width: 768px) {
            header#header .nav-contents .header-links > li.list-product:hover .product-list-pc, header#header .nav-contents .header-links > li.list-online-store:hover .product-list-pc {
              opacity: 1;
              visibility: visible; } }
    header#header .nav-contents .lang-list {
      background: #EAEAEA;
      font-size: 12px;
      font-weight: 500;
      height: 30px;
      display: flex;
      justify-content: space-between;
      letter-spacing: 0.09em;
      margin-left: 29px;
      width: 95px; }
      @media (min-width: 768px) {
        header#header .nav-contents .lang-list.hover {
          color: #fff; }
          header#header .nav-contents .lang-list.hover li a, header#header .nav-contents .lang-list.hover li span {
            color: #000; }
          header#header .nav-contents .lang-list.hover li.current a, header#header .nav-contents .lang-list.hover li.current span {
            color: #9B9B9B; } }
      @media (max-width: 767px) {
        header#header .nav-contents .lang-list {
          background: #fff;
          color: #000;
          font-size: 3.2vw;
          height: 10.6666666667vw;
          margin: 10.1333333333vw 0 0;
          width: 84vw; } }
      header#header .nav-contents .lang-list li {
        line-height: 30px;
        text-align: center;
        width: 47px; }
        @media (min-width: 768px) {
          header#header .nav-contents .lang-list li:nth-of-type(1) {
            position: relative; }
            header#header .nav-contents .lang-list li:nth-of-type(1)::after {
              background: #9B9B9B;
              content: '';
              display: block;
              height: 14px;
              position: absolute;
              right: -1px;
              top: 8px;
              width: 1px; } }
        @media (max-width: 767px) {
          header#header .nav-contents .lang-list li {
            line-height: 10.6666666667vw;
            width: 41.8666666667vw; }
            header#header .nav-contents .lang-list li.current {
              background: #000;
              color: #fff; }
              header#header .nav-contents .lang-list li.current a {
                color: #fff; } }
        header#header .nav-contents .lang-list li.current a, header#header .nav-contents .lang-list li.current span {
          color: #000; }
          @media (max-width: 767px) {
            header#header .nav-contents .lang-list li.current a, header#header .nav-contents .lang-list li.current span {
              color: #fff; } }
        header#header .nav-contents .lang-list li a, header#header .nav-contents .lang-list li span {
          color: #9B9B9B;
          display: inline-block; }
          @media (max-width: 767px) {
            header#header .nav-contents .lang-list li a, header#header .nav-contents .lang-list li span {
              color: #000;
              display: block; } }
    header#header .nav-contents .sns-list {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 8vw; }
      header#header .nav-contents .sns-list li:nth-of-type(n+2) {
        margin-left: 6.4vw; }
      header#header .nav-contents .sns-list li.list-fb {
        width: 7.2vw; }
      header#header .nav-contents .sns-list li.list-youtube {
        width: 9.3333333333vw; }
      header#header .nav-contents .sns-list li.list-instagram {
        width: 7.2vw; }
  header#header .btn-nav {
    bottom: 0;
    height: 30px;
    margin: auto 0;
    position: absolute;
    right: 20px;
    top: 0;
    width: 30px;
    }
    @media (min-width: 768px) {
      header#header .btn-nav {
        display: none; } }
    header#header .btn-nav.opened span {
      transition: top .2s 0s, transform .2s .2s; }
      header#header .btn-nav.opened span:nth-of-type(1) {
        top: 9px;
        transform: rotate(45deg);
        }
      header#header .btn-nav.opened span:nth-of-type(2) {
        top: 9px;
        transform: rotate(-45deg);
        }
    header#header .btn-nav span {
      background: #000;
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      transition: top .2s .2s, transform .2s 0s;
      width: 30px;
      }
      header#header .btn-nav span:nth-of-type(1) {
        top: 4px;
        }
      header#header .btn-nav span:nth-of-type(2) {
        top: 13px;
        }

      header#header .btn-nav:after {
          content: 'MENU';
          display: block;
          color: #000;
          font-size: 10px;
          letter-spacing: 0.12em;
          position: absolute;
          top: 6px;
      }
      header#header.opened .btn-nav:after{
          content: 'CLOSE';
          letter-spacing: 0.07em;
          left: -2px;
      }
      header#header.top-header.ready .btn-nav:after{
          color: #000;
      }
      header#header.top-header .btn-nav:after{
    color: #FFF;
}

/* footer */
#footer {
  background: #202729;
  color: #fff; }
  #footer.footer-en .footer-content .above {
    padding: 105px 0 127px; }
    @media (max-width: 767px) {
      #footer.footer-en .footer-content .above {
        padding: 20.8vw 8vw 3.7333333333vw; } }
    @media (min-width: 768px) {
      #footer.footer-en .footer-content .above .link-list > li {
        letter-spacing: 0.05em; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(n+2) {
          margin-left: 55px; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(1), #footer.footer-en .footer-content .above .link-list > li:nth-of-type(2), #footer.footer-en .footer-content .above .link-list > li:nth-of-type(3), #footer.footer-en .footer-content .above .link-list > li:nth-of-type(4) {
          position: static; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(5) {
          left: 568px;
          position: absolute;
          top: 0px; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(6) {
          left: 770px;
          position: absolute;
          top: 0px; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(7) {
          left: 770px;
          position: absolute;
          top: 38px; }
        #footer.footer-en .footer-content .above .link-list > li:nth-of-type(8) {
          left: 770px;
          position: absolute;
          top: 77px; } }
  #footer .footer-content {
    margin: 0 auto;
    width: 1206px; }
    @media (max-width: 767px) {
      #footer .footer-content {
        width: 100%; } }
    #footer .footer-content .above {
      border-bottom: 1px solid #3A3E40;
      padding: 105px 0 95px;
      position: relative; }
      @media (max-width: 767px) {
        #footer .footer-content .above {
          padding: 20.8vw 8vw 3.7333333333vw; } }
      #footer .footer-content .above .link-list {
        display: flex;
        height: 131px;
        position: relative; }
        @media (max-width: 767px) {
          #footer .footer-content .above .link-list {
            display: block;
            height: auto; } }
        #footer .footer-content .above .link-list > li {
          font-size: 13px; }
          @media (min-width: 768px) {
            #footer .footer-content .above .link-list > li:nth-of-type(1) {
              left: 0px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(2) {
              left: 101px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(3) {
              left: 281px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(4) {
              left: 448px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(5) {
              left: 660px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(6) {
              left: 660px;
              position: absolute;
              top: 40px; }
            #footer .footer-content .above .link-list > li:nth-of-type(7) {
              left: 660px;
              position: absolute;
              top: 78px; }
            #footer .footer-content .above .link-list > li:nth-of-type(8) {
              left: 832px;
              position: absolute;
              top: 0px; }
            #footer .footer-content .above .link-list > li:nth-of-type(9) {
              left: 832px;
              position: absolute;
              top: 40px; }
            #footer .footer-content .above .link-list > li:nth-of-type(10) {
              left: 832px;
              position: absolute;
              top: 78px; } }
          @media (max-width: 767px) {
            #footer .footer-content .above .link-list > li {
              font-size: 3.7333333333vw;
              letter-spacing: 0.09em;
              line-height: 4.5333333333vw; }
              #footer .footer-content .above .link-list > li:nth-of-type(n+2) {
                margin-top: 7.2vw; } }
          @media (min-width: 768px) {
            #footer .footer-content .above .link-list > li a, #footer .footer-content .above .link-list > li span {
              position: relative;
              transition: all .3s; }
              #footer .footer-content .above .link-list > li a::after, #footer .footer-content .above .link-list > li span::after {
                background: #707070;
                bottom: -4px;
                content: '';
                display: block;
                height: 1px;
                left: 0;
                margin: 0 auto;
                position: absolute;
                transition: all .3s;
                right: 0;
                width: 0; }
              #footer .footer-content .above .link-list > li a:hover, #footer .footer-content .above .link-list > li span:hover {
                color: #838383; }
                #footer .footer-content .above .link-list > li a:hover::after, #footer .footer-content .above .link-list > li span:hover::after {
                  width: 100%; } }
          #footer .footer-content .above .link-list > li img {
            margin-left: 8px;
            vertical-align: 1px;
            width: 10px; }
          #footer .footer-content .above .link-list > li .sub-list {
            font-size: 12px;
            line-height: initial;
            margin-top: 6px; }
            @media (max-width: 767px) {
              #footer .footer-content .above .link-list > li .sub-list {
                font-size: 3.2vw;
                margin-top: 4vw; } }
            #footer .footer-content .above .link-list > li .sub-list li:nth-of-type(n+2) {
              margin-top: 15px; }
              @media (max-width: 767px) {
                #footer .footer-content .above .link-list > li .sub-list li:nth-of-type(n+2) {
                  margin-top: 3.2vw; } }
            #footer .footer-content .above .link-list > li .sub-list li img {
              margin-left: 13px;
              vertical-align: -1px; }
      #footer .footer-content .above .lang-list {
        display: flex;
        height: 30px;
        position: absolute;
        right: 0;
        top: 119px;
        width: 198px; }
        @media (min-width: 768px) {
          #footer .footer-content .above .lang-list.hover li {
            background: #000;
            color: #fff; }
            #footer .footer-content .above .lang-list.hover li.current {
              background: #fff;
              color: #000; } }
        @media (max-width: 767px) {
          #footer .footer-content .above .lang-list {
            height: 10.6666666667vw;
            margin-top: 14.1333333333vw;
            position: static;
            width: 84vw; } }
        #footer .footer-content .above .lang-list li {
          background: #fff;
          color: #000;
          text-align: center;
          transition: all .3s; }
          @media (max-width: 767px) {
            #footer .footer-content .above .lang-list li {
              width: 50%; } }
          #footer .footer-content .above .lang-list li.current {
            background: #000;
            color: #fff; }
          #footer .footer-content .above .lang-list li a, #footer .footer-content .above .lang-list li span {
            display: block;
            font-size: 12px;
            font-weight: 500;
            height: 30px;
            letter-spacing: 0.12em;
            line-height: 30px;
            width: 99px; }
            @media (max-width: 767px) {
              #footer .footer-content .above .lang-list li a, #footer .footer-content .above .lang-list li span {
                height: 10.6666666667vw;
                line-height: 10.6666666667vw;
                width: 100%; } }
      #footer .footer-content .above .sns-list {
        align-items: center;
        display: flex;
        position: absolute;
        right: 0px;
        top: 166px; }
        @media (max-width: 767px) {
          #footer .footer-content .above .sns-list {
            justify-content: center;
            margin-top: 7.7333333333vw;
            position: static; } }
        @media (min-width: 768px) {
          #footer .footer-content .above .sns-list li a {
            transition: all .3s; }
            #footer .footer-content .above .sns-list li a:hover {
              opacity: .6; } }
        #footer .footer-content .above .sns-list li.list-fb {
          width: 22px; }
          @media (max-width: 767px) {
            #footer .footer-content .above .sns-list li.list-fb {
              width: 7.2vw; } }
        #footer .footer-content .above .sns-list li.list-youtube {
          margin-left: 20px;
          width: 29px; }
          @media (max-width: 767px) {
            #footer .footer-content .above .sns-list li.list-youtube {
              margin-left: 7.2vw;
              width: 9.3333333333vw; } }
        #footer .footer-content .above .sns-list li.list-instagram {
          margin-left: 20px;
          width: 22px; }
          @media (max-width: 767px) {
            #footer .footer-content .above .sns-list li.list-instagram {
              margin-left: 7.2vw;
              width: 7.2vw; } }
    #footer .footer-content .bottom {
      padding: 40px 0 25px;
      position: relative; }
      @media (max-width: 767px) {
        #footer .footer-content .bottom {
          padding: 4.2666666667vw 0 7.2vw; } }
      #footer .footer-content .bottom .link-list {
        display: flex;
        left: 0px;
        position: absolute;
        top: 46px; }
        @media (max-width: 767px) {
          #footer .footer-content .bottom .link-list {
            justify-content: center;
            margin-bottom: 9.8666666667vw;
            position: static; } }
        #footer .footer-content .bottom .link-list li {
          color: #fff;
          font-size: 12px;
          letter-spacing: 0.09em;
          line-height: 17px; }
          @media (max-width: 767px) {
            #footer .footer-content .bottom .link-list li {
              font-size: 3.2vw;
              line-height: 4.5333333333vw; } }
          #footer .footer-content .bottom .link-list li:nth-of-type(2) {
            margin-left: 49px; }
            @media (max-width: 767px) {
              #footer .footer-content .bottom .link-list li:nth-of-type(2) {
                margin-left: 11.2vw; } }
          @media (min-width: 768px) {
            #footer .footer-content .bottom .link-list li a {
              position: relative;
              transition: all .3s; }
              #footer .footer-content .bottom .link-list li a::after {
                background: #707070;
                bottom: -4px;
                content: '';
                display: block;
                height: 1px;
                left: 0;
                margin: 0 auto;
                position: absolute;
                transition: all .3s;
                right: 0;
                width: 0; }
              #footer .footer-content .bottom .link-list li a:hover {
                color: #838383; }
                #footer .footer-content .bottom .link-list li a:hover::after {
                  width: 100%; } }
      #footer .footer-content .bottom .logo-company {
        display: block;
        margin: 0 auto;
        width: 114px; }
        @media (max-width: 767px) {
          #footer .footer-content .bottom .logo-company {
            margin: 0 auto 7.7333333333vw;
            width: 39.7333333333vw; } }
        #footer .footer-content .bottom .logo-company svg {
          fill: #fff;
          width: 100%; }
      #footer .footer-content .bottom .copy {
        color: #fff;
        font-size: 12px;
        line-height: 17px;
        position: absolute;
        right: 0px;
        top: 46px; }
        @media (max-width: 767px) {
          #footer .footer-content .bottom .copy {
            font-size: 3.2vw;
            line-height: 4.5333333333vw;
            position: static;
            text-align: center; } }

/***** general *****/
/***** top *****/
#top-page .btn-more {
  background: #202729;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 34px;
  letter-spacing: 0.2em;
  line-height: 32px;
  margin: 0 auto;
  transition: all .3s;
  position: relative;
  text-align: center;
  width: 140px; }
  @media (max-width: 767px) {
    #top-page .btn-more {
      font-size: 3.4666666667vw;
      height: 9.8666666667vw;
      line-height: 9.3333333333vw;
      width: 34.6666666667vw; } }
  #top-page .btn-more img {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 10px; }
    @media (max-width: 767px) {
      #top-page .btn-more img {
        right: 2.6666666667vw;
        top: 4.2666666667vw;
        width: 2.4vw; } }
#top-page .section-top {
  background-position: center;
  background-size: cover;
  padding-top: 80px; }
  @media (max-width: 767px) {
    #top-page .section-top {
      overflow: hidden;
      padding-top: 0; } }
  #top-page .section-top .section-container {
    height: calc(100vh - 80px);
    position: relative; }
    @media (max-width: 767px) {
      #top-page .section-top .section-container {
        height: 100vh; } }
    #top-page .section-top .section-container .txt-top-1 {
      color: #fff;
      display: none;
      font-family: 'Shippori Mincho', serif;
      font-size: 20px;
      letter-spacing: 0.2em;
      line-height: 24px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
      @media (max-width: 767px) {
        #top-page .section-top .section-container .txt-top-1 {
          font-size: 5.3333333333vw;
          line-height: 2;
          text-align: center;
          top: calc(50% - 7.2vw);
          white-space: nowrap;
          z-index: 2; } }
    #top-page .section-top .section-container .txt-top-2 {
      color: #fff;
      display: none;
      font-family: 'Shippori Mincho', serif;
      font-size: 20px;
      letter-spacing: 0.2em;
      line-height: 24px;
      left: calc(50% - 5px);
      position: absolute;
      top: calc(50% - 102px);
      transform: translate(-50%, -50%);
      z-index: 2; }
      @media (max-width: 767px) {
        #top-page .section-top .section-container .txt-top-2 {
          font-size: 5.3333333333vw;
          line-height: 6.4vw;
          left: calc(50% + 1px);
          top: calc(50% - 20.26vw);
          white-space: nowrap; } }
      #top-page .section-top .section-container .txt-top-2.en {
        letter-spacing: 0.06em;
        white-space: nowrap; }
        @media (max-width: 767px) {
          #top-page .section-top .section-container .txt-top-2.en {
            font-size: 4.2666666667vw; } }
    #top-page .section-top .section-container .knife-list {
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1; }
      #top-page .section-top .section-container .knife-list li {
        position: absolute;
        transform: translate(-50%, -50%); }
        #top-page .section-top .section-container .knife-list li:nth-of-type(1) {
          display: none;
          left: calc(50% - 14px);
          top: calc(50% - 35px);
          width: 110px; }
          @media (max-width: 767px) {
            #top-page .section-top .section-container .knife-list li:nth-of-type(1) {
              left: calc(50% - 0.8vw);
              top: calc(50% - 4.53vw);
              width: 19.7333333333vw; } }
        #top-page .section-top .section-container .knife-list li:nth-of-type(2) {
          display: none;
          left: calc(50% - 6px);
          top: calc(50% - 15px);
          width: 198px; }
          @media (max-width: 767px) {
            #top-page .section-top .section-container .knife-list li:nth-of-type(2) {
              left: calc(50% + 1.33vw);
              top: calc(50% + 0.8vw);
              width: 32.5333333333vw; } }
        #top-page .section-top .section-container .knife-list li:nth-of-type(3) {
          display: none;
          left: calc(50% - 6px);
          top: calc(50% - 32px);
          width: 721px; }
          @media (max-width: 767px) {
            #top-page .section-top .section-container .knife-list li:nth-of-type(3) {
              left: calc(50% + 0.27vw);
              top: calc(50% - 5.6vw);
              width: 92.2666666667vw; } }
        #top-page .section-top .section-container .knife-list li:nth-of-type(4) {
          display: none;
          left: calc(50% - 18px);
          top: 50%;
          width: 711px; }
          @media (max-width: 767px) {
            #top-page .section-top .section-container .knife-list li:nth-of-type(4) {
              left: calc(50% - 1px);
              top: calc(50% - 1.6vw);
              width: 92.2666666667vw; } }
    #top-page .section-top .section-container .logo-global {
      display: none;
      left: calc(50% + 212px);
      position: absolute;
      top: calc(50% + 47px);
      transform: translate(-50%, -50%);
      width: 187px; }
      @media (max-width: 767px) {
        #top-page .section-top .section-container .logo-global {
          left: calc(50%);
          top: calc(50% + 14.93vw);
          width: 46.6666666667vw; } }
    #top-page .section-top .section-container .icon-scroll {
      bottom: 8px;
      display: none;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 58px; }
      @media (max-width: 767px) {
        #top-page .section-top .section-container .icon-scroll {
          bottom: 5.3333333333vw;
          width: 15.4666666667vw; } }
#top-page .section-message .head-area {
  background: #fff;
  box-sizing: border-box;
  height: 380px;
  padding-top: 151px; }
  @media (max-width: 767px) {
    #top-page .section-message .head-area {
      height: 81.6vw;
      padding-top: 21.6vw; } }
  #top-page .section-message .head-area.en {
    padding-top: 134px; }
    @media (max-width: 767px) {
      #top-page .section-message .head-area.en {
        padding-top: 21.6vw; } }
  #top-page .section-message .head-area .section-head {
    left: -53px;
    margin: 0 auto;
    position: relative;
    width: 843px; }
    @media (max-width: 767px) {
      #top-page .section-message .head-area .section-head {
        left: -1.6vw;
        width: 96.8vw; } }
    #top-page .section-message .head-area .section-head.en {
      left: -37px;
      width: 914px; }
      @media (max-width: 767px) {
        #top-page .section-message .head-area .section-head.en {
          left: -2.6666666667vw;
          width: 94.6666666667vw; } }
#top-page .section-message .parallax-area {
  height: 100vh; }
  #top-page .section-message .parallax-area::after {
    background-image: url("./assets/images/top/bg-message.jpg");
    background-position: center;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
    @media (max-width: 767px) {
      #top-page .section-message .parallax-area::after {
        background-image: url("./assets/images/top/bg-message-sp.jpg"); } }
#top-page .section-message .container {
  background: #fff; }
#top-page .section-message .message-area {
  margin: 0 auto 140px;
  padding: 133px 0 0;
  width: 1006px; }
  @media (max-width: 767px) {
    #top-page .section-message .message-area {
      box-sizing: border-box;
      margin: 0 auto 29.6vw;
      padding: 23.2vw 5.3333333333vw 0;
      width: 100%; } }
  #top-page .section-message .message-area .above {
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 46px;
    margin-bottom: 110px; }
    @media (max-width: 767px) {
      #top-page .section-message .message-area .above {
        font-size: 3.7333333333vw;
        letter-spacing: 0;
        line-height: 9.8666666667vw;
        margin-bottom: 21.8666666667vw; } }
  #top-page .section-message .message-area .bottom {
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: 36px;
    padding-left: 741px;
    position: relative;
    white-space: nowrap; }
    @media (max-width: 767px) {
      #top-page .section-message .message-area .bottom {
        font-size: 3.7333333333vw;
        letter-spacing: 0;
        line-height: 9.0666666667vw;
        padding-left: 32vw; } }
    #top-page .section-message .message-area .bottom.en {
      padding-left: 681px; }
      @media (max-width: 767px) {
        #top-page .section-message .message-area .bottom.en {
          padding-left: 16vw; } }
      #top-page .section-message .message-area .bottom.en::after {
        left: 411px; }
        @media (max-width: 767px) {
          #top-page .section-message .message-area .bottom.en::after {
            left: 0;
            width: 13.6vw; } }
    #top-page .section-message .message-area .bottom::after {
      background: #000;
      content: '';
      display: block;
      height: 1px;
      left: 471px;
      position: absolute;
      top: 19px;
      width: 250px; }
      @media (max-width: 767px) {
        #top-page .section-message .message-area .bottom::after {
          left: 0;
          top: 4.5333333333vw;
          width: 27.2vw; } }
#top-page .section-message .link-list {
  margin: 0 auto;
  width: 1206px; }
  @media (max-width: 767px) {
    #top-page .section-message .link-list {
      width: 100%; } }
  #top-page .section-message .link-list li a {
    background-size: cover;
    display: block;
    position: relative; }
    #top-page .section-message .link-list li a::after {
      background: rgba(0, 0, 0, 0.65);
      content: '';
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 100%; }
    #top-page .section-message .link-list li a:hover::after {
      opacity: 1; }
    #top-page .section-message .link-list li a:hover .btn-more {
      background: #838383; }
    #top-page .section-message .link-list li a .content {
      position: relative;
      top: 50%;
      transform: translate(0, -50%);
      z-index: 1; }
    #top-page .section-message .link-list li a .sub-head {
      color: #fff;
      font-size: 14px;
      letter-spacing: 0.09em;
      line-height: 20px;
      text-align: center; }
    #top-page .section-message .link-list li a .list-head {
      margin: 0 auto; }
    @media (max-width: 767px) {
      #top-page .section-message .link-list li a .btn-more {
        height: 9.0666666667vw;
        width: 32vw; } }
  #top-page .section-message .link-list li.list-challenge a {
    background-image: url("./assets/images/top/bg-brandstory.jpg");
    display: block;
    height: 507px; }
    @media (max-width: 767px) {
      #top-page .section-message .link-list li.list-challenge a {
        background-image: url("./assets/images/top/bg-brandstory-sp.jpg");
        height: 72vw; } }
    #top-page .section-message .link-list li.list-challenge a .content {
      top: calc(50% - 31px); }
      @media (max-width: 767px) {
        #top-page .section-message .link-list li.list-challenge a .content {
          top: calc(50% - 10px); } }
    #top-page .section-message .link-list li.list-challenge a .sub-head {
      margin-bottom: 11px; }
      @media (max-width: 767px) {
        #top-page .section-message .link-list li.list-challenge a .sub-head {
          margin-bottom: 1.3333333333vw; } }
    #top-page .section-message .link-list li.list-challenge a .list-head {
      margin-bottom: 14px;
      width: 212px; }
      @media (max-width: 767px) {
        #top-page .section-message .link-list li.list-challenge a .list-head {
          margin-bottom: 4px;
          width: 56.5333333333vw; } }
  #top-page .section-message .link-list li.list-about {
    margin-top: 15px; }
    #top-page .section-message .link-list li.list-about a {
      background-image: url("./assets/images/top/bg-about.jpg");
      display: block;
      height: 467px; }
      @media (max-width: 767px) {
        #top-page .section-message .link-list li.list-about a {
          background-image: url("./assets/images/top/bg-about-sp.jpg");
          height: 72vw;
          margin-top: 2.6666666667vw; } }
      #top-page .section-message .link-list li.list-about a .content {
        top: calc(50% + 12px); }
        @media (max-width: 767px) {
          #top-page .section-message .link-list li.list-about a .content {
            top: calc(50% + 15px); } }
      #top-page .section-message .link-list li.list-about a .sub-head {
        margin-bottom: 13px; }
        @media (max-width: 767px) {
          #top-page .section-message .link-list li.list-about a .sub-head {
            margin-bottom: 2.1333333333vw; } }
      #top-page .section-message .link-list li.list-about a .list-head {
        color: #fff;
        font-family: 'Shippori Mincho', serif;
        font-size: 26px;
        letter-spacing: 0.17em;
        line-height: 31px;
        margin-bottom: 28px;
        text-align: center; }
        @media (max-width: 767px) {
          #top-page .section-message .link-list li.list-about a .list-head {
            margin-bottom: 4.5333333333vw; } }
#top-page .section-news {
  background: #fff; }
  #top-page .section-news .section-content {
    padding: 159px 0 160px; }
    @media (max-width: 767px) {
      #top-page .section-news .section-content {
        padding: 31.7333333333vw 5.3333333333vw 32vw; } }
    #top-page .section-news .section-content .section-head {
      font-family: 'Shippori Mincho', serif;
      font-size: 26px;
      letter-spacing: 0.15em;
      line-height: 1;
      margin: 0 auto 39px;
      text-align: center; }
      @media (max-width: 767px) {
        #top-page .section-news .section-content .section-head {
          font-size: 6.6666666667vw;
          margin: 0 auto 7.7333333333vw; } }
      @media (max-width: 767px) {
        #top-page .section-news .section-content .section-head.en {
          letter-spacing: 0; } }
    #top-page .section-news .section-content .news-list {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 970px; }
      @media (max-width: 767px) {
        #top-page .section-news .section-content .news-list {
          display: block;
          width: 100%; } }
      #top-page .section-news .section-content .news-list li {
        width: 220px; }
        @media (max-width: 767px) {
          #top-page .section-news .section-content .news-list li {
            width: 100%; }
            #top-page .section-news .section-content .news-list li:nth-of-type(n+2) {
              margin-top: 5.3333333333vw; }
            #top-page .section-news .section-content .news-list li::after {
              content: '';
              clear: both;
              display: block; } }
        @media (min-width: 768px) {
          #top-page .section-news .section-content .news-list li a:hover .img-box::after {
            opacity: 1; }
          #top-page .section-news .section-content .news-list li a:hover .list-title {
            color: #838383; }
          #top-page .section-news .section-content .news-list li a:hover .date {
            color: #838383; } }
        #top-page .section-news .section-content .news-list li .img-box {
          margin-bottom: 9px;
          padding-top: 75%;
          position: relative; }
          #top-page .section-news .section-content .news-list li .img-box::after {
            background: rgba(0, 0, 0, 0.41);
            content: '';
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: all .3s;
            width: 100%; }
          @media (max-width: 767px) {
            #top-page .section-news .section-content .news-list li .img-box {
              height: 26vw;
              float: left;
              margin-bottom: 0;
              padding-top: 0;
              width: 34.6666666667vw; } }
          #top-page .section-news .section-content .news-list li .img-box .bg-img {
            background-position: center;
            background-size: cover;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%; }
        #top-page .section-news .section-content .news-list li .list-title {
          font-size: 14px;
          height: 71px;
          line-height: 23px;
          transition: all .3s; }
          @media (max-width: 767px) {
            #top-page .section-news .section-content .news-list li .list-title {
              float: right;
              height: auto;
              font-size: 3.7333333333vw;
              line-height: 5.6vw;
              width: calc(100% - 38.67vw); } }
        #top-page .section-news .section-content .news-list li .date {
          font-size: 12px;
          letter-spacing: 0.1em;
          line-height: 25px;
          transition: all .3s; }
          @media (max-width: 767px) {
            #top-page .section-news .section-content .news-list li .date {
              float: right;
              font-size: 3.2vw;
              line-height: 6.6666666667vw;
              margin-top: 0.8vw;
              width: calc(100% - 38.67vw); } }
    #top-page .section-news .section-content .btn-more {
      margin-top: 23px; }
      #top-page .section-news .section-content .btn-more:hover {
        background: #838383; }
      @media (max-width: 767px) {
        #top-page .section-news .section-content .btn-more {
          margin-top: 12.8vw; } }
#top-page .section-link {
  background-color: #fff;
  background-image: url("./assets/images/top/shop-bg.jpg");
  background-size: cover;
  padding: 130px 0;
  position: relative; }
  @media (max-width: 767px) {
    #top-page .section-link {
      background-image: url("./assets/images/top/shop-bg-sp.jpg");
      padding: 21.6vw 5.3333333333vw 21.3333333333vw; } }
  @media (max-width: 767px) {
    #top-page .section-link.en {
      background-image: url("./assets/images/top/shop-bg-sp-en.jpg");
      padding: 32vw 5.3333333333vw 32vw; } }
  #top-page .section-link::after {
    background-image: linear-gradient(to top, black, rgba(0, 0, 0, 0));
    bottom: 0;
    content: '';
    display: block;
    height: 93px;
    left: 0;
    opacity: 0.65;
    position: absolute;
    width: 100%; }
    @media (max-width: 767px) {
      #top-page .section-link::after {
        height: 16vw; } }
  #top-page .section-link .section-content {
    margin: 0 auto;
    width: 1206px; }
    @media (max-width: 767px) {
      #top-page .section-link .section-content {
        width: 100%; } }
    #top-page .section-link .section-content .link-list {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        #top-page .section-link .section-content .link-list {
          display: block; } }
      #top-page .section-link .section-content .link-list.en {
        justify-content: center; }
      #top-page .section-link .section-content .link-list li:nth-of-type(3) .link-head {
        letter-spacing: 0.24em; }
        #top-page .section-link .section-content .link-list li:nth-of-type(2) .link-head.en {
          letter-spacing: 0.06em; }
      @media (max-width: 767px) {
        #top-page .section-link .section-content .link-list li:nth-of-type(n+2) {
          margin-top: 4vw; } }
      #top-page .section-link .section-content .link-list li.en a {
        padding-top: 55px;
        width: 740px; }
        @media (max-width: 767px) {
          #top-page .section-link .section-content .link-list li.en a {
            height: 54.9333333333vw;
            padding-top: 9.3333333333vw;
            width: 100%; } }
        #top-page .section-link .section-content .link-list li.en a .sub-head {
          font-size: 14px;
          letter-spacing: 0.09em;
          line-height: 20px;
          margin-bottom: 9px; }
          @media (max-width: 767px) {
            #top-page .section-link .section-content .link-list li.en a .sub-head {
              font-size: 3.2vw;
              line-height: 4.5333333333vw;
              margin-bottom: 1.8666666667vw; } }
        #top-page .section-link .section-content .link-list li.en a .link-head {
          font-size: 24px;
          letter-spacing: 0.14em;
          line-height: 29px; }
          @media (max-width: 767px) {
            #top-page .section-link .section-content .link-list li.en a .link-head {
              font-size: 6.4vw;
              letter-spacing: 0.06em;
              line-height: 7.7333333333vw;
              margin-bottom: 5.8666666667vw; } }
      #top-page .section-link .section-content .link-list li a {
        background: rgba(255, 255, 255, 0.8);
        box-sizing: border-box;
        display: block;
        height: 215px;
        padding-top: 57px;
        transition: all .3s;
        width: 370px; }
        #top-page .section-link .section-content .link-list li a:hover {
          background: white; }
          #top-page .section-link .section-content .link-list li a:hover .btn-more {
            background: #838383; }
        @media (max-width: 767px) {
          #top-page .section-link .section-content .link-list li a {
            height: 46.6666666667vw;
            padding-top: 9.6vw;
            width: 100%; } }
        #top-page .section-link .section-content .link-list li a .sub-head {
          font-size: 12px;
          letter-spacing: 0.09em;
          line-height: 17px;
          margin-bottom: 14px;
          text-align: center; }
          @media (max-width: 767px) {
            #top-page .section-link .section-content .link-list li a .sub-head {
              font-size: 3.2vw;
              line-height: 4.5333333333vw;
              margin-bottom: 1.0666666667vw; } }
        #top-page .section-link .section-content .link-list li a .link-head {
          font-family: 'Shippori Mincho', serif;
          font-size: 24px;
          letter-spacing: 0.06em;
          line-height: 1;
          margin: 0 auto 29px;
          text-align: center; }
          @media (max-width: 767px) {
            #top-page .section-link .section-content .link-list li a .link-head {
              font-size: 6.4vw;
              line-height: initial;
              margin: 0 auto 3.7333333333vw; } }

/***** brandstory *****/
#brandstory-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #brandstory-page {
      padding-top: 14.6666666667vw; } }
  #brandstory-page .section-top {
    padding: 95px 0 0; }
    @media (max-width: 767px) {
      #brandstory-page .section-top {
        padding: 17.3333333333vw 0 0; } }
    #brandstory-page .section-top::after {
      background-color: #000;
      background-image: url("./assets/images/brandstory/bg-main.png");
      background-position: left 50% bottom 0;
      background-repeat: no-repeat;
      background-size: 1368px auto;
      bottom: 0;
      content: '';
      display: block;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: -1; }
      @media (max-width: 767px) {
        #brandstory-page .section-top::after {
          background-image: url("./assets/images/brandstory/bg-main-sp.jpg");
          background-position: center bottom 0;
          background-size: 100% auto; } }
    #brandstory-page .section-top .section-head {
      margin: 0 auto;
      width: 1150px; }
      @media (max-width: 767px) {
        #brandstory-page .section-top .section-head {
          box-sizing: border-box;
          padding: 0 5.3333333333vw;
          width: 100%; } }
      #brandstory-page .section-top .section-head .sub-head {
        color: #fff;
        font-size: 14px;
        letter-spacing: 0.09em;
        line-height: 20px;
        margin-bottom: 12px; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-head .sub-head {
            font-size: 3.7333333333vw;
            line-height: 5.3333333333vw;
            margin-bottom: 3.2vw; } }
      #brandstory-page .section-top .section-head .page-head {
        margin-bottom: 22px;
        width: 175px; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-head .page-head {
            margin-bottom: 3.7333333333vw;
            width: 44vw; } }
      #brandstory-page .section-top .section-head .head-desc {
        color: #fff;
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        letter-spacing: 0.2em;
        line-height: 52px; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-head .head-desc {
            font-size: 6.1333333333vw;
            line-height: 11.2vw; } }
    #brandstory-page .section-top .section-content {
      margin: 0 auto;
      padding: 583px 0 30px;
      width: 1066px; }
      @media (max-width: 767px) {
        #brandstory-page .section-top .section-content {
          box-sizing: border-box;
          padding: 130.1333333333vw 5.3333333333vw 37.3333333333vw;
          width: 100%; } }
      #brandstory-page .section-top .section-content .desc {
        color: #fff;
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 45px;
        margin: 0 auto 340px;
        width: 800px; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-content .desc {
            font-size: 3.7333333333vw;
            line-height: 8.5333333333vw;
            margin: 0 auto 65.3333333333vw;
            width: 100%; } }
      #brandstory-page .section-top .section-content .img-box {
        margin-bottom: 342px;
        position: relative; }
        #brandstory-page .section-top .section-content .img-box::after {
          background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, black 25%, black 75%, rgba(0, 0, 0, 0) 100%);
          content: '';
          display: block;
          height: 1000px;
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 100vw;
          z-index: 1; }
          @media (max-width: 767px) {
            #brandstory-page .section-top .section-content .img-box::after {
              height: 146.6666666667vw; } }
        #brandstory-page .section-top .section-content .img-box picture, #brandstory-page .section-top .section-content .img-box img {
          position: relative;
          z-index: 2; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-content .img-box {
            margin-bottom: 113.6vw; } }
      #brandstory-page .section-top .section-content .txt-message-1 {
        color: #fff;
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        letter-spacing: 0.12em;
        line-height: 52px;
        margin-bottom: 332px;
        text-align: center; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-content .txt-message-1 {
            font-size: 6.1333333333vw;
            line-height: 11.2vw;
            margin-bottom: 83.2vw; } }
      #brandstory-page .section-top .section-content .txt-message-2 {
        color: #fff;
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        letter-spacing: 0.17em;
        line-height: 52px;
        margin-bottom: 494px;
        text-align: center; }
        @media (max-width: 767px) {
          #brandstory-page .section-top .section-content .txt-message-2 {
            font-size: 6.1333333333vw;
            letter-spacing: 0.08em;
            line-height: 11.2vw;
            margin-bottom: 83.2vw; } }
  #brandstory-page .section-brand {
    background: #fff;
    padding: 120px 0 200px; }
    @media (max-width: 767px) {
      #brandstory-page .section-brand {
        padding: 24vw 0 24.8vw; } }
    @media (max-width: 767px) {
      #brandstory-page .section-brand .brand-list {
        box-sizing: border-box;
        padding: 0 5.3333333333vw;
        width: 100%; } }
    #brandstory-page .section-brand .brand-list > li:nth-of-type(1) {
      margin-bottom: 132px; }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li:nth-of-type(1) {
          margin-bottom: 20.8vw; } }
      #brandstory-page .section-brand .brand-list > li:nth-of-type(1) .list-head .sub-head {
        margin-bottom: 24px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li:nth-of-type(1) .list-head .sub-head {
            margin-bottom: 4.2666666667vw; } }
      #brandstory-page .section-brand .brand-list > li:nth-of-type(1) .list-head .logo-brand {
        width: 225px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li:nth-of-type(1) .list-head .logo-brand {
            margin-bottom: 3.4666666667vw;
            width: 51.7333333333vw; } }
    #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .sub-head {
      margin-bottom: 23px; }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .sub-head {
          margin-bottom: 4vw; } }
    #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .logo-brand {
      width: 339px; }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .logo-brand {
          margin-bottom: 3.2vw;
          width: 78.1333333333vw; } }
    #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list {
      bottom: 13px;
      right: -53px; }
      #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list li.logo-omotenashi {
        margin-left: 24px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list li.logo-omotenashi {
            margin-left: 4.8vw; } }
    #brandstory-page .section-brand .brand-list > li .list-head {
      margin: 0 auto 40px;
      position: relative;
      width: 1066px; }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li .list-head {
          margin: 0 auto 5.8666666667vw;
          width: 100%; } }
      #brandstory-page .section-brand .brand-list > li .list-head .sub-head {
        font-family: 'Shippori Mincho', serif;
        font-size: 18px;
        letter-spacing: 0.08em;
        line-height: 32px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li .list-head .sub-head {
            font-size: 4.2666666667vw;
            line-height: 7.2vw; } }
      #brandstory-page .section-brand .brand-list > li .list-head .award-list {
        align-items: center;
        bottom: 11px;
        display: flex;
        position: absolute;
        right: -55px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li .list-head .award-list {
            position: static; } }
        #brandstory-page .section-brand .brand-list > li .list-head .award-list li {
          line-height: initial; }
          #brandstory-page .section-brand .brand-list > li .list-head .award-list li.logo-good-design {
            width: 152px; }
            @media (max-width: 767px) {
              #brandstory-page .section-brand .brand-list > li .list-head .award-list li.logo-good-design {
                width: 28.5333333333vw; } }
          #brandstory-page .section-brand .brand-list > li .list-head .award-list li.logo-omotenashi {
            width: 125px; }
            @media (max-width: 767px) {
              #brandstory-page .section-brand .brand-list > li .list-head .award-list li.logo-omotenashi {
                width: 28.2666666667vw; } }
    #brandstory-page .section-brand .brand-list > li .list-body::after {
      clear: both;
      content: '';
      display: block; }
    #brandstory-page .section-brand .brand-list > li .list-body .img-box {
      float: left;
      padding-top: 7px;
      width: calc(483px + 50vw - 533px); }
      @media (max-width: 1260px) {
        #brandstory-page .section-brand .brand-list > li .list-body .img-box {
          width: 580px; } }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li .list-body .img-box {
          float: none;
          margin-bottom: 5.8666666667vw;
          padding-top: 0;
          width: 100%; } }
    #brandstory-page .section-brand .brand-list > li .list-body .txt-box {
      float: right;
      margin-right: calc(50vw - 533px);
      width: 493px; }
      @media (max-width: 1260px) {
        #brandstory-page .section-brand .brand-list > li .list-body .txt-box {
          margin-right: 97px; } }
      @media (max-width: 767px) {
        #brandstory-page .section-brand .brand-list > li .list-body .txt-box {
          float: none;
          width: 100%; } }
      #brandstory-page .section-brand .brand-list > li .list-body .txt-box p {
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 47px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li .list-body .txt-box p {
            font-size: 3.7333333333vw;
            line-height: 7.4666666667vw;
            margin-bottom: 8.2666666667vw; }
            #brandstory-page .section-brand .brand-list > li .list-body .txt-box p br {
              display: none; } }
      #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-head {
        font-family: 'Shippori Mincho', serif;
        font-size: 18px;
        letter-spacing: 0.12em;
        line-height: 1;
        margin-bottom: 13px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-head {
            font-size: 4.8vw;
            margin-bottom: 2.4vw; } }
      #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list {
        font-size: 14px;
        line-height: 22px; }
        @media (max-width: 767px) {
          #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list {
            font-size: 3.7333333333vw;
            line-height: 5.8666666667vw; } }
        #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li {
          white-space: nowrap;
          padding-left: 1.1em;
          text-indent: -1.1em; }
          @media (max-width: 767px) {
            #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li {
              white-space: normal; } }
          #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li:nth-of-type(n+2) {
            margin-top: 12px; }
            @media (max-width: 767px) {
              #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li:nth-of-type(n+2) {
                margin-top: 2.9333333333vw; } }
          #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li::before {
            background: #A3C0CD;
            border-radius: 50%;
            content: '';
            display: inline-block;
            height: 5px;
            margin-right: 11px;
            vertical-align: 2px;
            width: 5px; }
            @media (max-width: 767px) {
              #brandstory-page .section-brand .brand-list > li .list-body .txt-box .feature-list li::before {
                height: 1.3333333333vw;
                margin-right: 2.9333333333vw;
                vertical-align: 0.5333333333vw;
                width: 1.3333333333vw; } }
  #brand-global-export-page .section-brand {
    background: #fff;
    padding: 0 0 200px; }
    @media (max-width: 767px) {
      #brand-global-export-page .section-brand {
        padding: 0 0 24.8vw; } }
    @media (max-width: 767px) {
      #brand-global-export-page .section-brand .brand-list {
        box-sizing: border-box;
        padding: 0 5.3333333333vw;
        width: 100%; } }
    #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) {
      margin-bottom: 132px; }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) {
          margin-bottom: 20.8vw; } }
      #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) .list-head .sub-head {
        margin-bottom: 24px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) .list-head .sub-head {
            margin-bottom: 4.2666666667vw; } }
      #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) .list-head .logo-brand {
        width: 225px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li:nth-of-type(1) .list-head .logo-brand {
            margin-bottom: 3.4666666667vw;
            width: 51.7333333333vw; } }
    #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .sub-head {
      margin-bottom: 23px; }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .sub-head {
          margin-bottom: 4vw; } }
    #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .logo-brand {
      width: 339px; }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .logo-brand {
          margin-bottom: 3.2vw;
          width: 78.1333333333vw; } }
    #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list {
      bottom: 13px;
      right: -53px; }
      #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list li.logo-omotenashi {
        margin-left: 24px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li:nth-of-type(2) .list-head .award-list li.logo-omotenashi {
            margin-left: 4.8vw; } }
    #brand-global-export-page .section-brand .brand-list > li .list-head {
      margin: 0 auto 40px;
      position: relative;
      width: 1066px; }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li .list-head {
          margin: 0 auto 5.8666666667vw;
          width: 100%; } }
      #brand-global-export-page .section-brand .brand-list > li .list-head .sub-head {
        font-family: 'Shippori Mincho', serif;
        font-size: 18px;
        letter-spacing: 0.08em;
        line-height: 32px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li .list-head .sub-head {
            font-size: 4.2666666667vw;
            line-height: 7.2vw; } }
      #brand-global-export-page .section-brand .brand-list > li .list-head .award-list {
        align-items: center;
        bottom: 11px;
        display: flex;
        position: absolute;
        right: -55px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li .list-head .award-list {
            position: static; } }
        #brand-global-export-page .section-brand .brand-list > li .list-head .award-list li {
          line-height: initial; }
          #brand-global-export-page .section-brand .brand-list > li .list-head .award-list li.logo-good-design {
            width: 152px; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-brand .brand-list > li .list-head .award-list li.logo-good-design {
                width: 28.5333333333vw; } }
          #brand-global-export-page .section-brand .brand-list > li .list-head .award-list li.logo-omotenashi {
            width: 125px; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-brand .brand-list > li .list-head .award-list li.logo-omotenashi {
                width: 28.2666666667vw; } }
    #brand-global-export-page .section-brand .brand-list > li .list-body::after {
      clear: both;
      content: '';
      display: block; }
    #brand-global-export-page .section-brand .brand-list > li .list-body .img-box {
      float: left;
      padding-top: 7px;
      width: calc(483px + 50vw - 533px); }
      @media (max-width: 1260px) {
        #brand-global-export-page .section-brand .brand-list > li .list-body .img-box {
          width: 580px; } }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li .list-body .img-box {
          float: none;
          margin-bottom: 5.8666666667vw;
          padding-top: 0;
          width: 100%; } }
    #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box {
      float: right;
      margin-right: calc(50vw - 533px);
      width: 493px; }
      @media (max-width: 1260px) {
        #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box {
          margin-right: 97px; } }
      @media (max-width: 767px) {
        #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box {
          float: none;
          width: 100%; } }
      #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box p {
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 47px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box p {
            font-size: 3.7333333333vw;
            line-height: 7.4666666667vw;
            margin-bottom: 8.2666666667vw; }
            #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box p br {
              display: none; } }
      #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-head {
        font-family: 'Shippori Mincho', serif;
        font-size: 18px;
        letter-spacing: 0.12em;
        line-height: 1;
        margin-bottom: 13px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-head {
            font-size: 4.8vw;
            margin-bottom: 2.4vw; } }
      #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list {
        font-size: 14px;
        line-height: 22px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list {
            font-size: 3.7333333333vw;
            line-height: 5.8666666667vw; } }
        #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li {
          white-space: nowrap;
          padding-left: 1.1em;
          text-indent: -1.1em; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li {
              white-space: normal; } }
          #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li:nth-of-type(n+2) {
            margin-top: 12px; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li:nth-of-type(n+2) {
                margin-top: 2.9333333333vw; } }
          #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li::before {
            background: #A3C0CD;
            border-radius: 50%;
            content: '';
            display: inline-block;
            height: 5px;
            margin-right: 11px;
            vertical-align: 2px;
            width: 5px; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-brand .brand-list > li .list-body .txt-box .feature-list li::before {
                height: 1.3333333333vw;
                margin-right: 2.9333333333vw;
                vertical-align: 0.5333333333vw;
                width: 1.3333333333vw; } }

/*
 * about
 * 吉田金属工業について
 */
#about-page .head-area {
  background: #fff;
  padding-top: 149px; }
  @media (max-width: 767px) {
    #about-page .head-area {
      padding-top: 24vw; }
      #about-page .head-area.en {
        padding-top: 30.1333333333vw; } }
  #about-page .head-area .sub-head {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 24px;
    text-align: center; }
    @media (max-width: 767px) {
      #about-page .head-area .sub-head {
        font-size: 3.7333333333vw;
        letter-spacing: 0.12em;
        line-height: 5.3333333333vw; } }
  #about-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 12px;
    padding-bottom: 72px; }
    @media (max-width: 767px) {
      #about-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 1.0666666667vw;
        padding-bottom: 8.2666666667vw; }
        #about-page .head-area .section-head.en {
          padding-bottom: 14.1333333333vw; } }
  #about-page .head-area .img-head {
    background-image: url("./assets/images/about/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #about-page .head-area .img-head {
        background-image: url("./assets/images/about/img-section-head-sp.jpg");
        height: 72vw; } }
#about-page .section-content .container {
  background: #fff; }
#about-page .section-content .section-txt {
  margin: 0 auto;
  padding: 134px 0 102px;
  width: 1066px; }
  @media (max-width: 767px) {
    #about-page .section-content .section-txt {
      box-sizing: border-box;
      padding: 18.4vw 5.3333333333vw 16.2666666667vw;
      width: 100%; } }
  #about-page .section-content .section-txt .section-head {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    letter-spacing: 0.1em;
    line-height: 52px;
    margin-bottom: 39px; }
    @media (max-width: 767px) {
      #about-page .section-content .section-txt .section-head {
        font-size: 6.6666666667vw;
        line-height: 11.2vw;
        margin-bottom: 10.9333333333vw; } }
  #about-page .section-content .section-txt p {
    font-size: 15px;
    line-height: 42px;
    margin-bottom: 36px; }
    @media (max-width: 767px) {
      #about-page .section-content .section-txt p {
        font-size: 3.7333333333vw;
        line-height: 8.5333333333vw;
        margin-bottom: 8.8vw; } }
#about-page .section-content .parallax-area {
  height: 769px; }
  #about-page .section-content .parallax-area::after {
    background-image: url("./assets/images/about/bg-img.jpg");
    background-position: center;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
    @media (max-width: 767px) {
      #about-page .section-content .parallax-area::after {
        position: absolute; } }
  @media (max-width: 767px) {
    #about-page .section-content .parallax-area {
      height: 72vw;
      position: relative; } }
#about-page .section-content .link-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 150px 0 144px;
  width: 910px; }
  @media (max-width: 767px) {
    #about-page .section-content .link-list {
      box-sizing: border-box;
      display: block;
      padding: 26.4vw 5.3333333333vw 25.6vw;
      width: 100%; } }
  #about-page .section-content .link-list li {
    width: 420px; }
    @media (max-width: 767px) {
      #about-page .section-content .link-list li {
        width: 100%; } }
    @media (max-width: 767px) {
      #about-page .section-content .link-list li:nth-of-type(1) {
        margin-bottom: 9.0666666667vw; } }
    #about-page .section-content .link-list li:nth-of-type(1) .list-title .img-title {
      width: 89px; }
      @media (max-width: 767px) {
        #about-page .section-content .link-list li:nth-of-type(1) .list-title .img-title {
          width: 21.3333333333vw; } }
    #about-page .section-content .link-list li:nth-of-type(2) .list-title .img-title {
      width: 112px; }
      @media (max-width: 767px) {
        #about-page .section-content .link-list li:nth-of-type(2) .list-title .img-title {
          width: 26.9333333333vw; } }
    @media (min-width: 768px) {
      #about-page .section-content .link-list li a:hover .img-list::after {
        opacity: 1; }
      #about-page .section-content .link-list li a:hover .list-title {
        color: #838383; }
        #about-page .section-content .link-list li a:hover .list-title .icon-arrow {
          opacity: 0.7; }
      #about-page .section-content .link-list li a:hover .desc {
        color: #838383; } }
    #about-page .section-content .link-list li .img-list {
      margin-bottom: 14px;
      position: relative; }
      #about-page .section-content .link-list li .img-list::after {
        background: rgba(0, 0, 0, 0.41);
        content: '';
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all .3s;
        width: 100%; }
      @media (max-width: 767px) {
        #about-page .section-content .link-list li .img-list {
          margin-bottom: 3.4666666667vw; } }
    #about-page .section-content .link-list li .list-title {
      font-family: 'Shippori Mincho', serif;
      font-size: 20px;
      letter-spacing: 0.15em;
      line-height: initial;
      margin-bottom: 9px;
      position: relative; }
      @media (max-width: 767px) {
        #about-page .section-content .link-list li .list-title {
          font-size: 4.8vw;
          line-height: 7.4666666667vw;
          margin-bottom: 2.6666666667vw; } }
      #about-page .section-content .link-list li .list-title .icon-arrow {
        position: absolute;
        right: 0;
        top: 6px;
        width: 40px; }
        @media (max-width: 767px) {
          #about-page .section-content .link-list li .list-title .icon-arrow {
            top: 1.0666666667vw;
            width: 10.6666666667vw; } }
    #about-page .section-content .link-list li .desc {
      font-size: 14px;
      line-height: 26px; }
      @media (max-width: 767px) {
        #about-page .section-content .link-list li .desc {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw; } }
#about-page .section-company {
  background: #fff;
  border-bottom: 1px solid #000; }
  #about-page .section-company .company-list {
    margin: 0 auto;
    padding: 120px 0 109px;
    width: 860px; }
    @media (max-width: 767px) {
      #about-page .section-company .company-list {
        box-sizing: border-box;
        padding: 13.3333333333vw 5.3333333333vw 26.6666666667vw;
        width: 100%; } }
    #about-page .section-company .company-list > li {
      align-items: flex-start;
      border-bottom: 1px solid #DDDDDD;
      display: flex;
      padding: 30px 0 29px; }
      @media (max-width: 767px) {
        #about-page .section-company .company-list > li {
          padding: 8vw 0 7.7333333333vw; } }
      #about-page .section-company .company-list > li.double-line {
        align-items: center; }
      #about-page .section-company .company-list > li .list-head {
        background: #202729;
        color: #fff;
        font-size: 12px;
        letter-spacing: 0.08em;
        line-height: 1.5;
        padding: 3px 0 6px;
        text-align: center;
        width: 125px; }
        @media (max-width: 767px) {
          #about-page .section-company .company-list > li .list-head {
            font-size: 3.2vw;
            padding: 1.3333333333vw 0 1.6vw;
            width: 28vw; } }
      #about-page .section-company .company-list > li .list-body {
        box-sizing: border-box;
        font-size: 15px;
        line-height: 24px;
        padding-left: 18px;
        width: 735px; }
        @media (max-width: 767px) {
          #about-page .section-company .company-list > li .list-body {
            font-size: 3.7333333333vw;
            left: 5.6vw;
            line-height: 5.6vw;
            margin-top: 1.0666666667vw;
            padding-left: 4vw;
            width: 58.6666666667vw; } }
        #about-page .section-company .company-list > li .list-body.wide-line-height {
          line-height: 30px; }
          @media (max-width: 767px) {
            #about-page .section-company .company-list > li .list-body.wide-line-height {
              line-height: 7.4666666667vw;
              margin-top: 0; } }
        #about-page .section-company .company-list > li .list-body .branch-list > li {
          display: flex; }
          @media (max-width: 767px) {
            #about-page .section-company .company-list > li .list-body .branch-list > li {
              display: block; } }
          #about-page .section-company .company-list > li .list-body .branch-list > li:nth-of-type(n+2) {
            margin-top: 24px; }
            @media (max-width: 767px) {
              #about-page .section-company .company-list > li .list-body .branch-list > li:nth-of-type(n+2) {
                margin-top: 7.7333333333vw; } }
          #about-page .section-company .company-list > li .list-body .branch-list > li .name {
            box-sizing: border-box;
            min-width: 141px;
            padding-left: 0.9em;
            position: relative;
            text-indent: -0.9em; }
            @media (max-width: 767px) {
              #about-page .section-company .company-list > li .list-body .branch-list > li .name {
                margin-bottom: 2.6666666667vw;
                min-width: auto; } }
            #about-page .section-company .company-list > li .list-body .branch-list > li .name::before {
              background: #B5CCD7;
              border-radius: 50%;
              content: '';
              display: inline-block;
              height: 5px;
              margin-right: 4px;
              vertical-align: 2px;
              width: 5px; }
            @media (min-width: 768px) {
              #about-page .section-company .company-list > li .list-body .branch-list > li .name::after {
                background: #DDDDDD;
                content: '';
                display: block;
                height: 45px;
                position: absolute;
                right: 0;
                top: 2px;
                width: 1px; } }
          #about-page .section-company .company-list > li .list-body .branch-list > li .address {
            box-sizing: border-box;
            min-width: 615px;
            padding-left: 20px; }
            @media (max-width: 767px) {
              #about-page .section-company .company-list > li .list-body .branch-list > li .address {
                min-width: auto;
                padding-left: 0; } }
#about-page .section-history {
  background: #202729;
  border-bottom: 1px solid #3A3E40; }
  #about-page .section-history .section-container {
    margin: 0 auto;
    padding: 189px 0 146px;
    width: 1066px; }
    @media (max-width: 767px) {
      #about-page .section-history .section-container {
        padding: 26.6666666667vw 0 18.1333333333vw;
        width: 100%; } }
    #about-page .section-history .section-container .section-head {
      color: #fff;
      font-family: 'Shippori Mincho', serif;
      font-size: 36px;
      letter-spacing: 0.17em;
      line-height: 43px;
      margin: 0 auto 78px;
      text-align: center; }
      @media (max-width: 767px) {
        #about-page .section-history .section-container .section-head {
          font-size: 5.8666666667vw;
          line-height: 10.9333333333vw;
          margin: 0 auto 7.4666666667vw; } }
    #about-page .section-history .section-container .img-section {
      margin-bottom: 95px; }
      @media (max-width: 767px) {
        #about-page .section-history .section-container .img-section {
          margin-bottom: 13.6vw; } }
    #about-page .section-history .section-container .history-list {
      margin: 0 auto;
      width: 860px; }
      @media (max-width: 767px) {
        #about-page .section-history .section-container .history-list {
          box-sizing: border-box;
          padding: 0 5.3333333333vw;
          width: 100%; } }
      #about-page .section-history .section-container .history-list > li {
        color: #fff;
        display: flex;
        font-size: 15px;
        line-height: 34px; }
        @media (max-width: 767px) {
          #about-page .section-history .section-container .history-list > li {
            font-size: 3.7333333333vw;
            line-height: 5.6vw; } }
        #about-page .section-history .section-container .history-list > li:nth-of-type(n+2) {
          margin-top: 24px; }
          @media (max-width: 767px) {
            #about-page .section-history .section-container .history-list > li:nth-of-type(n+2) {
              margin-top: 6.6666666667vw; } }
        #about-page .section-history .section-container .history-list > li .date {
          min-width: 100px;
          width: 100px; }
          @media (max-width: 767px) {
            #about-page .section-history .section-container .history-list > li .date {
              min-width: 21.3333333333vw;
              width: auto; } }
        #about-page .section-history .section-container .history-list > li .content .space {
          display: block;
          margin-bottom: 3.2vw; }

/*
 * company
 * 会社概要
 */
#company-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #company-page {
      padding-top: 14.6666666667vw; } }
  #company-page .head-area {
    border-bottom: 1px solid #000; }
    #company-page .head-area .section-head {
      box-sizing: border-box;
      text-align: center;
      font-family: 'Shippori Mincho', serif;
      font-size: 36px;
      font-weight: 500;
      line-height: 43px;
      letter-spacing: 0.17em;
      padding-top: 90px;
      padding-bottom: 84px; }
      @media (max-width: 767px) {
        #company-page .head-area .section-head {
          font-size: 9.0666666667vw;
          line-height: 12vw;
          letter-spacing: 0.1em;
          padding-top: 16vw;
          padding-bottom: 20vw; } }
    #company-page .head-area .img-head {
      background-image: url("./assets/images/company/img-section-head.jpg");
      background-position: center;
      background-size: cover;
      height: 470px; }
      @media (max-width: 767px) {
        #company-page .head-area .img-head {
          background-image: url("./assets/images/company/img-section-head-sp.jpg");
          height: 72vw; } }
    #company-page .head-area .company-list {
      margin: 0 auto;
      padding: 120px 0 109px;
      width: 860px; }
      @media (max-width: 767px) {
        #company-page .head-area .company-list {
          box-sizing: border-box;
          padding: 13.3333333333vw 5.3333333333vw 26.6666666667vw;
          width: 100%; } }
      #company-page .head-area .company-list > li {
        border-bottom: 1px solid #DDDDDD;
        display: flex;
        padding: 30px 0 29px; }
        @media (max-width: 767px) {
          #company-page .head-area .company-list > li {
            padding: 8vw 0 7.7333333333vw; } }
        #company-page .head-area .company-list > li .list-head {
          background: #202729;
          color: #fff;
          font-size: 12px;
          height: 27px;
          letter-spacing: 0.08em;
          line-height: 27px;
          text-align: center;
          width: 85px; }
          @media (max-width: 767px) {
            #company-page .head-area .company-list > li .list-head {
              height: 7.2vw;
              line-height: 7.2vw;
              width: 20vw; } }
        #company-page .head-area .company-list > li .list-body {
          box-sizing: border-box;
          font-size: 15px;
          line-height: 24px;
          padding-left: 18px;
          width: 775px; }
          @media (max-width: 767px) {
            #company-page .head-area .company-list > li .list-body {
              font-size: 3.7333333333vw;
              left: 5.6vw;
              line-height: 5.6vw;
              margin-top: 1.0666666667vw;
              padding-left: 4vw;
              width: 66.6666666667vw; } }
          #company-page .head-area .company-list > li .list-body.wide-line-height {
            line-height: 30px; }
            @media (max-width: 767px) {
              #company-page .head-area .company-list > li .list-body.wide-line-height {
                line-height: 7.4666666667vw;
                margin-top: 0; } }
          #company-page .head-area .company-list > li .list-body .branch-list > li {
            display: flex; }
            @media (max-width: 767px) {
              #company-page .head-area .company-list > li .list-body .branch-list > li {
                display: block; } }
            #company-page .head-area .company-list > li .list-body .branch-list > li:nth-of-type(n+2) {
              margin-top: 24px; }
              @media (max-width: 767px) {
                #company-page .head-area .company-list > li .list-body .branch-list > li:nth-of-type(n+2) {
                  margin-top: 7.7333333333vw; } }
            #company-page .head-area .company-list > li .list-body .branch-list > li .name {
              box-sizing: border-box;
              min-width: 141px;
              padding-left: 0.9em;
              position: relative;
              text-indent: -0.9em; }
              @media (max-width: 767px) {
                #company-page .head-area .company-list > li .list-body .branch-list > li .name {
                  margin-bottom: 2.6666666667vw;
                  min-width: auto; } }
              #company-page .head-area .company-list > li .list-body .branch-list > li .name::before {
                background: #B5CCD7;
                border-radius: 50%;
                content: '';
                display: inline-block;
                height: 5px;
                margin-right: 4px;
                vertical-align: 2px;
                width: 5px; }
              @media (min-width: 768px) {
                #company-page .head-area .company-list > li .list-body .branch-list > li .name::after {
                  background: #DDDDDD;
                  content: '';
                  display: block;
                  height: 45px;
                  position: absolute;
                  right: 0;
                  top: 2px;
                  width: 1px; } }
            #company-page .head-area .company-list > li .list-body .branch-list > li .address {
              box-sizing: border-box;
              min-width: 615px;
              padding-left: 20px; }
              @media (max-width: 767px) {
                #company-page .head-area .company-list > li .list-body .branch-list > li .address {
                  min-width: auto;
                  padding-left: 0; } }
  #company-page .section-history {
    background: #202729;
    border-bottom: 1px solid #3A3E40; }
    #company-page .section-history .section-container {
      margin: 0 auto;
      padding: 183px 0 146px;
      width: 1066px; }
      @media (max-width: 767px) {
        #company-page .section-history .section-container {
          padding: 25.0666666667vw 0 26.6666666667vw;
          width: 100%; } }
      #company-page .section-history .section-container .section-head {
        color: #fff;
        font-family: 'Shippori Mincho', serif;
        font-size: 36px;
        letter-spacing: 0.17em;
        line-height: 43px;
        margin: 0 auto 78px;
        text-align: center; }
        @media (max-width: 767px) {
          #company-page .section-history .section-container .section-head {
            font-size: 9.0666666667vw;
            line-height: 10.9333333333vw;
            margin: 0 auto 7.4666666667vw; } }
      #company-page .section-history .section-container .img-section {
        margin-bottom: 95px; }
        @media (max-width: 767px) {
          #company-page .section-history .section-container .img-section {
            margin-bottom: 13.6vw; } }
      #company-page .section-history .section-container .history-list {
        margin: 0 auto;
        width: 860px; }
        @media (max-width: 767px) {
          #company-page .section-history .section-container .history-list {
            box-sizing: border-box;
            padding: 0 5.3333333333vw;
            width: 100%; } }
        #company-page .section-history .section-container .history-list > li {
          color: #fff;
          display: flex;
          font-size: 15px;
          line-height: 34px; }
          @media (max-width: 767px) {
            #company-page .section-history .section-container .history-list > li {
              font-size: 3.7333333333vw;
              line-height: 5.6vw; } }
          #company-page .section-history .section-container .history-list > li:nth-of-type(n+2) {
            margin-top: 24px; }
            @media (max-width: 767px) {
              #company-page .section-history .section-container .history-list > li:nth-of-type(n+2) {
                margin-top: 6.6666666667vw; } }
          #company-page .section-history .section-container .history-list > li .date {
            width: 100px; }
            @media (max-width: 767px) {
              #company-page .section-history .section-container .history-list > li .date {
                min-width: 21.3333333333vw;
                width: auto; } }
          #company-page .section-history .section-container .history-list > li .content .space {
            display: block;
            margin-bottom: 3.2vw; }

/*
 * recruit
 * リクルート
 */
#recruit-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #recruit-page {
      padding-top: 14.6666666667vw; } }
  #recruit-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 90px;
    padding-bottom: 84px; }
    @media (max-width: 767px) {
      #recruit-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 16vw;
        padding-bottom: 20vw; } }
  #recruit-page .head-area .img-head {
    background-image: url("./assets/images/recruit/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #recruit-page .head-area .img-head {
        background-image: url("./assets/images/recruit/img-section-head-sp.jpg");
        height: 72vw; } }
  #recruit-page .section-content {
    padding: 120px 0 150px; }
    @media (max-width: 767px) {
      #recruit-page .section-content {
        box-sizing: border-box;
        padding: 13.0666666667vw 5.3333333333vw 26.6666666667vw; } }
    #recruit-page .section-content .recruit-list {
      margin: 0 auto 100px;
      width: 860px; }
      @media (max-width: 767px) {
        #recruit-page .section-content .recruit-list {
          margin: 0 auto 49px;
          width: 100%; } }
      #recruit-page .section-content .recruit-list > li {
        border-bottom: 1px solid #DDDDDD;
        display: flex;
        padding: 30px 0 29px; }
        @media (max-width: 767px) {
          #recruit-page .section-content .recruit-list > li {
            display: block;
            padding: 8vw 0 7.7333333333vw; } }
        #recruit-page .section-content .recruit-list > li .list-head {
          background: #202729;
          color: #fff;
          font-size: 12px;
          height: 27px;
          letter-spacing: 0.08em;
          line-height: 27px;
          text-align: center;
          width: 116px; }
          @media (max-width: 767px) {
            #recruit-page .section-content .recruit-list > li .list-head {
              font-size: 3.2vw;
              height: 7.2vw;
              line-height: 7.2vw;
              margin-bottom: 3.7333333333vw;
              width: 30.9333333333vw; } }
        #recruit-page .section-content .recruit-list > li .list-body {
          box-sizing: border-box;
          font-size: 15px;
          line-height: 24px;
          padding-left: 19px;
          width: 744px; }
          @media (max-width: 767px) {
            #recruit-page .section-content .recruit-list > li .list-body {
              font-size: 3.7333333333vw;
              left: 5.6vw;
              line-height: 5.6vw;
              margin-top: 1.0666666667vw;
              padding-left: 0;
              width: 100%; } }
          #recruit-page .section-content .recruit-list > li .list-body p {
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 1em; }
            @media (max-width: 767px) {
              #recruit-page .section-content .recruit-list > li .list-body p {
                font-size: 3.7333333333vw;
                line-height: 5.6vw; } }
          #recruit-page .section-content .recruit-list > li .list-body a {
            color: #56AED6;
            display: inline-block;
            position: relative;
            text-decoration: underline; }
            #recruit-page .section-content .recruit-list > li .list-body a.banner::after {
              background: rgba(0, 0, 0, 0.41);
              content: '';
              display: block;
              height: 100%;
              left: 0;
              opacity: 0;
              position: absolute;
              top: 0;
              transition: all .3s;
              width: 100%; }
            @media (min-width: 768px) {
              #recruit-page .section-content .recruit-list > li .list-body a.banner:hover::after {
                opacity: 1; } }
          #recruit-page .section-content .recruit-list > li .list-body .wp-block-image {
            margin: 29px 0 25px; }
            @media (max-width: 767px) {
              #recruit-page .section-content .recruit-list > li .list-body .wp-block-image {
                margin: 5.0666666667vw 0 5.0666666667vw; } }
          #recruit-page .section-content .recruit-list > li .list-body img {
            height: auto !important;
            width: auto;
            max-width: 100%; }
          #recruit-page .section-content .recruit-list > li .list-body .link-list {
            display: flex;
            margin-top: 18px; }
            @media (max-width: 767px) {
              #recruit-page .section-content .recruit-list > li .list-body .link-list {
                justify-content: space-between;
                margin-top: 5.3333333333vw; } }
            #recruit-page .section-content .recruit-list > li .list-body .link-list li {
              width: 171px; }
              @media (min-width: 768px) {
                #recruit-page .section-content .recruit-list > li .list-body .link-list li:nth-of-type(n+2) {
                  margin-left: 11px; } }
              @media (max-width: 767px) {
                #recruit-page .section-content .recruit-list > li .list-body .link-list li {
                  width: 43.4666666667vw; } }
    #recruit-page .section-content .contact-area {
      align-items: center;
      border: 1px solid #000000;
      box-sizing: border-box;
      display: flex;
      margin: 0 auto;
      padding: 24px 48px 24px;
      width: 860px; }
      @media (max-width: 767px) {
        #recruit-page .section-content .contact-area {
          display: block;
          padding: 8vw 4vw 6.6666666667vw 5.3333333333vw;
          width: 100%; } }
      #recruit-page .section-content .contact-area .area-head {
        font-family: 'Shippori Mincho', serif;
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 22px;
        position: relative;
        white-space: nowrap;
        width: 131px; }
        @media (max-width: 767px) {
          #recruit-page .section-content .contact-area .area-head {
            font-size: 4.8vw;
            line-height: 7.4666666667vw;
            margin-bottom: 5.3333333333vw;
            position: static;
            width: 34.9333333333vw; } }
      #recruit-page .section-content .contact-area .area-content {
        box-sizing: border-box;
        font-size: 15px;
        line-height: 26px;
        margin-left: 52px; }
        @media (max-width: 767px) {
          #recruit-page .section-content .contact-area .area-content {
            font-size: 3.7333333333vw;
            line-height: 6.6666666667vw;
            margin-left: 0; } }
        #recruit-page .section-content .contact-area .area-content a {
          color: #56AED6;
          text-decoration: underline; }

/*
 * news
 * ニュース一覧ページ
 * ニュース個別ページ
 */
#news-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #news-page {
      padding-top: 14.6666666667vw; } }
  #news-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 90px;
    padding-bottom: 84px; }
    @media (max-width: 767px) {
      #news-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 16vw;
        padding-bottom: 20vw; } }
  #news-page .section-category .category-area {
    border-top: 1px solid #707070;
    background: #F2F2F2;
    padding: 33px 0 50px; }
    @media (max-width: 767px) {
      #news-page .section-category .category-area {
        padding: 6.4vw 5.3333333333vw 10.6666666667vw; } }
    #news-page .section-category .category-area .section-head {
      margin: 0 auto 19px;
      width: 111px; }
      @media (max-width: 767px) {
        #news-page .section-category .category-area .section-head {
          margin: 0 auto 5.3333333333vw;
          width: 29.6vw; } }
    #news-page .section-category .category-area .category-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 auto;
      width: 860px; }
      @media (max-width: 767px) {
        #news-page .section-category .category-area .category-list {
          justify-content: space-between;
          width: 100%; } }
      #news-page .section-category .category-area .category-list.en {
        width: 700px; }
        @media (max-width: 767px) {
          #news-page .section-category .category-area .category-list.en {
            width: 100%; } }
        @media (min-width: 768px) {
          #news-page .section-category .category-area .category-list.en li:nth-of-type(2), #news-page .section-category .category-area .category-list.en li:nth-of-type(3), #news-page .section-category .category-area .category-list.en li:nth-of-type(5) {
            margin-left: 8px; }
          #news-page .section-category .category-area .category-list.en li:nth-of-type(4) {
            margin-left: 0; }
          #news-page .section-category .category-area .category-list.en li:nth-of-type(4), #news-page .section-category .category-area .category-list.en li:nth-of-type(5) {
            margin-top: 8px; } }
      @media (min-width: 768px) {
        #news-page .section-category .category-area .category-list li:nth-of-type(2), #news-page .section-category .category-area .category-list li:nth-of-type(3), #news-page .section-category .category-area .category-list li:nth-of-type(4), #news-page .section-category .category-area .category-list li:nth-of-type(6), #news-page .section-category .category-area .category-list li:nth-of-type(7) {
          margin-left: 8px; }
        #news-page .section-category .category-area .category-list li:nth-of-type(5), #news-page .section-category .category-area .category-list li:nth-of-type(6), #news-page .section-category .category-area .category-list li:nth-of-type(7) {
          margin-top: 8px; } }
      @media (max-width: 767px) {
        #news-page .section-category .category-area .category-list li:nth-of-type(n+3) {
          margin-top: 2.6666666667vw; } }
      #news-page .section-category .category-area .category-list li a {
        background: #202729;
        color: #fff;
        display: block;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        width: 209px; }
        @media (min-width: 768px) {
          #news-page .section-category .category-area .category-list li a {
            transition: all .3s; }
            #news-page .section-category .category-area .category-list li a:hover {
              background: #838383; } }
        @media (max-width: 767px) {
          #news-page .section-category .category-area .category-list li a {
            font-size: 3.2vw;
            height: 12.2666666667vw;
            line-height: 12.2666666667vw;
            width: 43.2vw; } }
        #news-page .section-category .category-area .category-list li a.selected {
          background: #838383; }
  #news-page .section-category .list-area {
    padding: 100px 0 146px; }
    @media (max-width: 767px) {
      #news-page .section-category .list-area {
        padding: 13.3333333333vw 5.3333333333vw 26.6666666667vw; } }
    #news-page .section-category .list-area .news-list {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      width: 1066px; }
      @media (max-width: 767px) {
        #news-page .section-category .list-area .news-list {
          display: block;
          width: 100%; } }
      #news-page .section-category .list-area .news-list li {
        width: 229px; }
        @media (min-width: 768px) {
          #news-page .section-category .list-area .news-list li:nth-of-type(4n), #news-page .section-category .list-area .news-list li:nth-of-type(4n - 1), #news-page .section-category .list-area .news-list li:nth-of-type(4n - 2) {
            margin-left: 50px; }
          #news-page .section-category .list-area .news-list li:nth-of-type(n + 5) {
            margin-top: 45px; } }
        @media (max-width: 767px) {
          #news-page .section-category .list-area .news-list li {
            width: 100%; }
            #news-page .section-category .list-area .news-list li::after {
              clear: both;
              content: '';
              display: block; }
            #news-page .section-category .list-area .news-list li:nth-of-type(n+2) {
              margin-top: 4.8vw; } }
        @media (min-width: 768px) {
          #news-page .section-category .list-area .news-list li a:hover .img-box::after {
            opacity: 1; }
          #news-page .section-category .list-area .news-list li a:hover .list-head {
            color: #838383; }
          #news-page .section-category .list-area .news-list li a:hover .list-date {
            color: #838383; } }
        #news-page .section-category .list-area .news-list li .img-box {
          margin-bottom: 8px;
          position: relative; }
          #news-page .section-category .list-area .news-list li .img-box::after {
            background: rgba(0, 0, 0, 0.41);
            content: '';
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: all .3s;
            width: 100%; }
          @media (max-width: 767px) {
            #news-page .section-category .list-area .news-list li .img-box {
              float: left;
              margin-bottom: 0;
              width: 34.6666666667vw; } }
          #news-page .section-category .list-area .news-list li .img-box .bg-img {
            background-position: center;
            background-size: cover;
            padding-top: 66.8%; }
        #news-page .section-category .list-area .news-list li .list-head {
          font-size: 14px;
          height: 69px;
          line-height: 23px;
          margin-bottom: 3px;
          transition: all .3s; }
          @media (max-width: 767px) {
            #news-page .section-category .list-area .news-list li .list-head {
              float: right;
              font-size: 3.7333333333vw;
              height: auto;
              line-height: 5.6vw;
              margin-bottom: 0.2666666667vw;
              width: 50.6666666667vw; } }
        #news-page .section-category .list-area .news-list li .list-date {
          font-size: 12px;
          letter-spacing: 0.1em;
          line-height: 25px;
          transition: all .3s; }
          @media (max-width: 767px) {
            #news-page .section-category .list-area .news-list li .list-date {
              float: right;
              font-size: 3.2vw;
              line-height: 6.6666666667vw;
              width: 50.6666666667vw; } }

#news-single-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #news-single-page {
      padding-top: 14.6666666667vw; } }
  #news-single-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 90px;
    padding-bottom: 84px; }
    @media (max-width: 767px) {
      #news-single-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 16vw;
        padding-bottom: 20vw; } }
  #news-single-page .section-content {
    border-top: 1px solid #707070; }
    #news-single-page .section-content .content-area {
      margin: 0 auto;
      padding: 81px 0 150px;
      width: 780px; }
      @media (max-width: 767px) {
        #news-single-page .section-content .content-area {
          box-sizing: border-box;
          padding: 18.4vw 5.3333333333vw 26.9333333333vw;
          width: 100%; } }
      #news-single-page .section-content .content-area .content-head .post-title {
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        font-weight: 500;
        line-height: 44px;
        margin-bottom: 27px; }
        @media (max-width: 767px) {
          #news-single-page .section-content .content-area .content-head .post-title {
            font-size: 5.8666666667vw;
            line-height: 8.5333333333vw;
            margin-bottom: 5.3333333333vw; } }
      #news-single-page .section-content .content-area .content-head .post-date {
        background: #202729;
        color: #fff;
        font-size: 12px;
        height: 20px;
        letter-spacing: 0.05em;
        line-height: 20px;
        text-align: center;
        width: 86px; }
        @media (max-width: 767px) {
          #news-single-page .section-content .content-area .content-head .post-date {
            font-size: 3.2vw;
            height: 5.3333333333vw;
            line-height: 5.3333333333vw;
            width: 22.9333333333vw; } }
      #news-single-page .section-content .content-area .content-body {
        padding: 51px 0 33px; }
        @media (max-width: 767px) {
          #news-single-page .section-content .content-area .content-body {
            padding: 8vw 0 6.1333333333vw; } }
        #news-single-page .section-content .content-area .content-body .wp-block-image {
          margin-bottom: 43px;
          padding-top: 8px; }
          @media (max-width: 767px) {
            #news-single-page .section-content .content-area .content-body .wp-block-image {
              padding-top: 0;
              margin-bottom: 7.2vw; } }
          #news-single-page .section-content .content-area .content-body .wp-block-image img {
            height: auto !important; }
          #news-single-page .section-content .content-area .content-body .wp-block-image figcaption {
            font-size: 12px;
            line-height: 20px; }
            @media (max-width: 767px) {
              #news-single-page .section-content .content-area .content-body .wp-block-image figcaption {
                font-size: 3.2vw;
                line-height: 4.8vw; } }
        #news-single-page .section-content .content-area .content-body p {
          font-size: 15px;
          line-height: 34px;
          margin-bottom: 37px; }
          @media (max-width: 767px) {
            #news-single-page .section-content .content-area .content-body p {
              font-size: 4vw;
              line-height: 7.2vw;
              margin-bottom: 7.2vw; } }
        #news-single-page .section-content .content-area .content-body h2 {
          font-family: 'Shippori Mincho', serif;
          font-size: 20px;
          font-weight: 500;
          line-height: 44px;
          margin: 62px 0 40px; }
          @media (max-width: 767px) {
            #news-single-page .section-content .content-area .content-body h2 {
              font-size: 4.8vw;
              line-height: 7.4666666667vw;
              margin: 14.9333333333vw 0 11.7333333333vw; } }
          #news-single-page .section-content .content-area .content-body h2::after {
            background: #000;
            bottom: -11px;
            content: '';
            display: block;
            height: 1px;
            position: relative; }
            @media (max-width: 767px) {
              #news-single-page .section-content .content-area .content-body h2::after {
                bottom: -5.0666666667vw; } }
        #news-single-page .section-content .content-area .content-body a {
          color: #56AED6;
          text-decoration: underline; }
      #news-single-page .section-content .content-area .btn-back {
        background: #202729;
        box-sizing: border-box;
        color: #fff;
        display: block;
        font-size: 13px;
        height: 44px;
        letter-spacing: 0.2em;
        padding-right: 12px;
        text-align: center;
        width: 150px; }
        @media (min-width: 768px) {
          #news-single-page .section-content .content-area .btn-back {
            transition: all .3s; }
            #news-single-page .section-content .content-area .btn-back:hover {
              background: #838383; } }
        @media (max-width: 767px) {
          #news-single-page .section-content .content-area .btn-back {
            font-size: 3.4666666667vw;
            height: 11.7333333333vw;
            padding-right: 3.2vw;
            width: 40vw; } }
        #news-single-page .section-content .content-area .btn-back img {
          width: 11px;
          margin-right: 15px;
          vertical-align: 0; }
          @media (max-width: 767px) {
            #news-single-page .section-content .content-area .btn-back img {
              width: 2.9333333333vw;
              margin-right: 4vw; } }

/*
 * privacy
 * プライバシーポリシー
 * trademark-right
 * 著作権と商標について
 */
#privacy-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #privacy-page {
      padding-top: 14.6666666667vw; } }
  #privacy-page .head-area {
    border-bottom: solid 1px #000000; }
    #privacy-page .head-area .section-head {
      box-sizing: border-box;
      text-align: center;
      font-family: 'Shippori Mincho', serif;
      font-size: 36px;
      font-weight: 500;
      line-height: 43px;
      letter-spacing: 0.17em;
      padding-top: 90px;
      padding-bottom: 84px; }
      @media (max-width: 767px) {
        #privacy-page .head-area .section-head {
          font-size: 9.0666666667vw;
          line-height: 12vw;
          letter-spacing: 0.1em;
          padding-top: 16vw;
          padding-bottom: 20vw; }
          #privacy-page .head-area .section-head.en {
            padding-top: 10.6666666667vw;
            padding-bottom: 13.0666666667vw; } }
      @media (max-width: 767px) {
        #privacy-page .head-area .section-head.sp-double {
          padding-top: 12vw;
          padding-bottom: 12vw; } }
  @media (max-width: 767px) {
    #privacy-page .content-wrap {
      box-sizing: border-box;
      width: 100%; } }
  #privacy-page .content-wrap .content {
    border-top: #000000;
    margin: 0 auto;
    padding-top: 74px;
    padding-bottom: 150px;
    width: 860px; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap .content {
        box-sizing: border-box;
        padding: 16.5333333333vw 5.3333333333vw 26.6666666667vw;
        width: 100%; } }
  #privacy-page .content-wrap h2 {
    margin-top: 50px;
    font-family: 'Shippori Mincho', serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap h2 {
        margin-top: 13.8666666667vw;
        font-size: 4.8vw;
        line-height: 7.4666666667vw; } }
  #privacy-page .content-wrap h3 {
    margin-top: 40px;
    font-family: 'Shippori Mincho', serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap h3 {
        margin-top: 10.6666666667vw;
        font-size: 4.2666666667vw;
        line-height: 7.4666666667vw; } }
  #privacy-page .content-wrap p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap p {
        margin-top: 2.9333333333vw;
        font-size: 3.7333333333vw;
        line-height: 6.6666666667vw; } }
  #privacy-page .content-wrap .img-dot {
    display: block;
    margin: 30px 0 30px;
    width: 483px; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap .img-dot {
        margin: 8vw 0;
        width: 100%; } }
  #privacy-page .content-wrap .disc {
    margin-top: 18px; }
    @media (max-width: 767px) {
      #privacy-page .content-wrap .disc {
        margin-top: 4.8vw; } }
    #privacy-page .content-wrap .disc > li {
      margin-top: 12px;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0;
      padding-left: 1em;
      position: relative; }
      @media (max-width: 767px) {
        #privacy-page .content-wrap .disc > li {
          margin-top: 1.6vw;
          font-size: 3.7333333333vw;
          line-height: 5.8666666667vw; } }
      #privacy-page .content-wrap .disc > li::before {
        position: absolute;
        content: "";
        top: 9px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 2.5px;
        background-color: #B5CCD7; }
        @media (max-width: 767px) {
          #privacy-page .content-wrap .disc > li::before {
            top: 2.4vw; } }

/*
 * Brand global series
 * GLOBAL
 * GLOBAL EXPORT
 * GLOBAL IST
 */
#brand-global-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #brand-global-page {
      padding-top: 14.6666666667vw; } }
  #brand-global-page .head-area .section-head {
    box-sizing: border-box;
    line-height: initial;
    margin: 0 auto;
    padding-top: 94px;
    padding-bottom: 94px;
    width: 240px; }
    @media (max-width: 767px) {
      #brand-global-page .head-area .section-head {
        width: 51.2vw;
        padding: 20.8vw 0; } }
  #brand-global-page .head-area .img-head {
    background-image: url("./assets/images/brand-global/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #brand-global-page .head-area .img-head {
        background-image: url("./assets/images/brand-global/img-section-head-sp.jpg");
        height: 72vw; } }
  #brand-global-page .section-content {
    padding: 132px 0 91px;
    font-family: serif; }
    @media (max-width: 767px) {
      #brand-global-page .section-content {
        box-sizing: border-box;
        padding: 18.4vw 5.3333333333vw 26.6666666667vw; } }
    #brand-global-page .section-content .phrase-box {
      margin: 0 auto;
      padding-bottom: 105px;
      width: 1066px; }
      @media (max-width: 767px) {
        #brand-global-page .section-content .phrase-box {
          box-sizing: border-box;
          padding-bottom: 24.5333333333vw;
          width: 100%; } }
      #brand-global-page .section-content .phrase-box p {
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: 0.05em; }
        @media (max-width: 767px) {
          #brand-global-page .section-content .phrase-box p {
            box-sizing: border-box;
            font-size: 6.6666666667vw;
            line-height: 11.2vw;
            letter-spacing: 0; } }
    #brand-global-page .section-content .item-list {
      margin: 0 auto;
      padding-top: 20px;
      width: 1200px; }
      #brand-global-page .section-content .item-list::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #brand-global-page .section-content .item-list {
          box-sizing: border-box;
          padding: 0;
          margin-top: 5.3333333333vw;
          width: 100%; } }
      #brand-global-page .section-content .item-list > li {
        float: left;
        margin-bottom: 53px;
        margin-right: 45px;
        width: 370px; }
        @media (max-width: 767px) {
          #brand-global-page .section-content .item-list > li {
            float: none;
            margin-bottom: 10.6666666667vw;
            margin-right: 0;
            width: 100%; }
            #brand-global-page .section-content .item-list > li:last-of-type {
              margin-bottom: 0; } }
        #brand-global-page .section-content .item-list > li:nth-child(3n) {
          margin-right: 0; }
        #brand-global-page .section-content .item-list > li .item-main {
          height: 285px;
          position: relative;
          overflow: hidden; }
          @media (max-width: 767px) {
            #brand-global-page .section-content .item-list > li .item-main {
              height: 66.1333333333vw; } }
          #brand-global-page .section-content .item-list > li .item-main .item-number {
            border-bottom: solid 1px #000000;
            display: inline-block;
            font-size: 12px;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            line-height: 1;
            letter-spacing: 0.1em;
            padding-bottom: 4px;
            padding-top: 45px; }
            @media (max-width: 767px) {
              #brand-global-page .section-content .item-list > li .item-main .item-number {
                font-size: 3.2vw;
                display: inline-block;
                padding-bottom: 1.0666666667vw;
                padding-top: 7.4666666667vw;
                min-width: 10.6666666667vw; } }
          #brand-global-page .section-content .item-list > li .item-main h5 {
            font-size: 20px;
            line-height: 26px;
            letter-spacing: 0;
            margin-top: 17px; }
            @media (max-width: 767px) {
              #brand-global-page .section-content .item-list > li .item-main h5 {
                font-size: 5.3333333333vw;
                line-height: 6.9333333333vw;
                margin-top: 4.2666666667vw; } }
          #brand-global-page .section-content .item-list > li .item-main .item-image {
            position: absolute;
            top: 0;
            right: 6px;
            width: 177px; }
            @media (max-width: 767px) {
              #brand-global-page .section-content .item-list > li .item-main .item-image {
                right: 4vw;
                width: 40vw; } }
            #brand-global-page .section-content .item-list > li .item-main .item-image.gss-1 {
              bottom: 5px;
              top: auto;
              right: 0;
              width: 246px; }
              @media (max-width: 767px) {
                #brand-global-page .section-content .item-list > li .item-main .item-image.gss-1 {
                  bottom: 4.5333333333vw;
                  width: 56vw; } }
            #brand-global-page .section-content .item-list > li .item-main .item-image.gss-2 {
              bottom: 5px;
              top: auto;
              right: 35px;
              width: 85px; }
              @media (max-width: 767px) {
                #brand-global-page .section-content .item-list > li .item-main .item-image.gss-2 {
                  bottom: 2.6666666667vw;
                  right: 13.3333333333vw;
                  width: 19.4666666667vw; } }
            #brand-global-page .section-content .item-list > li .item-main .item-image.gss-4 {
              bottom: 5px;
              top: auto;
              right: 32px;
              width: 89px; }
              @media (max-width: 767px) {
                #brand-global-page .section-content .item-list > li .item-main .item-image.gss-4 {
                  bottom: 2.6666666667vw;
                  right: 13.3333333333vw;
                  width: 20.5333333333vw; } }
        #brand-global-page .section-content .item-list > li .item-desc {
          border-top: solid 1px #DBDBDB;
          font-size: 12px;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          line-height: 20px;
          letter-spacing: 0;
          padding-top: 6px; }
          @media (max-width: 767px) {
            #brand-global-page .section-content .item-list > li .item-desc {
              font-size: 3.2vw;
              line-height: 5.3333333333vw;
              padding-top: 1.3333333333vw; } }
    #brand-global-page .section-content .section-sub-head {
      margin: 0 auto;
      padding-top: 118px;
      width: 1200px; }
      #brand-global-page .section-content .section-sub-head::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #brand-global-page .section-content .section-sub-head {
          padding-top: 40.8vw;
          box-sizing: border-box;
          width: 100%; } }
      #brand-global-page .section-content .section-sub-head h2 {
        font-size: 25px;
        line-height: 52px;
        letter-spacing: 0; }
        @media (max-width: 767px) {
          #brand-global-page .section-content .section-sub-head h2 {
            font-size: 6.6666666667vw;
            line-height: 10.1333333333vw; } }

#brand-global-export-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #brand-global-export-page {
      padding-top: 14.6666666667vw; } }
  #brand-global-export-page .head-area {
    border-bottom: solid 1px #000000; }
    #brand-global-export-page .head-area .section-head {
      box-sizing: border-box;
      line-height: initial;
      margin: 0 auto;
      padding-top: 92px;
      padding-bottom: 92px;
      width: 384px; }
      @media (max-width: 767px) {
        #brand-global-export-page .head-area .section-head {
          padding: 20.5333333333vw 0;
          width: 78.9333333333vw; } }
  #brand-global-export-page .section-content {
    padding: 150px 0 150px;
    font-family: serif; }
    @media (max-width: 767px) {
      #brand-global-export-page .section-content {
        box-sizing: border-box;
        padding: 20.5333333333vw 5.3333333333vw 20.5333333333vw; } }
    #brand-global-export-page .section-content .item-list {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      width: 1200px; }
      @media (max-width: 767px) {
        #brand-global-export-page .section-content .item-list {
          box-sizing: border-box;
          width: 100%; } }
      #brand-global-export-page .section-content .item-list > li {
        box-sizing: border-box;
        border-right: 1px solid #DBDBDB;
        border-bottom: 1px solid #DBDBDB;
        padding: 20px 20px 35px;
        width: 300px; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-content .item-list > li {
            width: 50%;
            padding: 5.3333333333vw 4.8vw 6.6666666667vw 0; } }
        #brand-global-export-page .section-content .item-list > li:nth-child(4n) {
          border-right: none; }
        @media (max-width: 767px) {
          #brand-global-export-page .section-content .item-list > li:nth-child(2n) {
            border-right: none;
            padding: 5.3333333333vw 0 6.6666666667vw 4vw; } }
        #brand-global-export-page .section-content .item-list > li:nth-child(1), #brand-global-export-page .section-content .item-list > li:nth-child(2) {
          padding-top: 0; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-content .item-list > li:nth-child(1), #brand-global-export-page .section-content .item-list > li:nth-child(2) {
              padding-top: 0; } }
        #brand-global-export-page .section-content .item-list > li:nth-child(3), #brand-global-export-page .section-content .item-list > li:nth-child(4) {
          padding-top: 0; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-content .item-list > li:nth-child(3), #brand-global-export-page .section-content .item-list > li:nth-child(4) {
              padding-top: 5.3333333333vw; } }
        #brand-global-export-page .section-content .item-list > li .item-desc {
          padding-top: 2px; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-content .item-list > li .item-desc {
              padding-top: 4vw; } }
          #brand-global-export-page .section-content .item-list > li .item-desc .item-number {
            display: inline-block;
            font-size: 14px;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            line-height: 23px;
            letter-spacing: 0.1em; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-content .item-list > li .item-desc .item-number {
                display: block;
                font-size: 3.7333333333vw;
                line-height: 6.1333333333vw; } }
          #brand-global-export-page .section-content .item-list > li .item-desc .item-length {
            display: inline-block;
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 12px;
            line-height: 23px;
            letter-spacing: 0.1em;
            margin-left: 10px; }
            @media (max-width: 767px) {
              #brand-global-export-page .section-content .item-list > li .item-desc .item-length {
                display: block;
                font-size: 3.2vw;
                line-height: 5.8666666667vw;
                margin-left: 0; } }
        #brand-global-export-page .section-content .item-list > li .item-image {
          width: 240px;
          margin: 0 auto; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-content .item-list > li .item-image {
              width: 40vw; }
              #brand-global-export-page .section-content .item-list > li .item-image img {
                transform: scale(1.1); } }
        #brand-global-export-page .section-content .item-list > li h5 {
          font-size: 15px;
          line-height: 20px;
          letter-spacing: 0.1em; }
          @media (max-width: 767px) {
            #brand-global-export-page .section-content .item-list > li h5 {
              font-size: 4vw;
              line-height: 5.3333333333vw;
              margin-top: 1.0666666667vw; } }

#brand-global-ist-page .head-area {
  padding-top: 80px;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    #brand-global-ist-page .head-area {
      padding-top: 14.6666666667vw; } }
  #brand-global-ist-page .head-area .section-head {
    box-sizing: border-box;
    line-height: initial;
    margin: 0 auto;
    padding-top: 94px;
    padding-bottom: 94px;
    width: 359px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .head-area .section-head {
        padding: 20.8vw 0;
        width: 76vw; } }
  #brand-global-ist-page .head-area .img-head {
    background-image: url("./assets/images/brand-global-ist/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .head-area .img-head {
        background-image: url("./assets/images/brand-global-ist/img-section-head-sp.jpg");
        height: 72vw; } }
#brand-global-ist-page .section-content {
  padding: 130px 0 150px;
  background-color: #ffffff;
  font-family: serif; }
  @media (max-width: 767px) {
    #brand-global-ist-page .section-content {
      box-sizing: border-box;
      padding: 18.4vw 5.3333333333vw 16vw; } }
  #brand-global-ist-page .section-content .phrase-box {
    margin: 0 auto;
    padding-bottom: 118px;
    width: 1066px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-content .phrase-box {
        box-sizing: border-box;
        padding-bottom: 14.1333333333vw;
        width: 100%; } }
    #brand-global-ist-page .section-content .phrase-box p {
      font-family: 'Shippori Mincho', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 52px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-content .phrase-box p {
          box-sizing: border-box;
          font-size: 6.6666666667vw;
          line-height: 11.2vw;
          letter-spacing: 0; } }
  #brand-global-ist-page .section-content .item-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 26px;
    width: 1200px; }
    #brand-global-ist-page .section-content .item-list::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-content .item-list {
        box-sizing: border-box;
        padding: 0;
        margin-top: 5.3333333333vw;
        width: 100%; } }
    #brand-global-ist-page .section-content .item-list > li {
      margin-bottom: 64px;
      margin-right: 45px;
      width: 370px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-content .item-list > li {
          margin-bottom: 10.6666666667vw;
          margin-right: 0;
          width: 100%; } }
      #brand-global-ist-page .section-content .item-list > li:nth-child(3n) {
        margin-right: 0; }
      #brand-global-ist-page .section-content .item-list > li .item-main {
        height: 275px;
        position: relative;
        overflow: hidden; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-content .item-list > li .item-main {
            height: 66.1333333333vw; } }
        #brand-global-ist-page .section-content .item-list > li .item-main .item-number {
          border-bottom: solid 1px #000000;
          display: inline-block;
          font-size: 12px;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          line-height: 1;
          letter-spacing: 0.1em;
          padding-bottom: 4px;
          padding-top: 35px; }
          @media (max-width: 767px) {
            #brand-global-ist-page .section-content .item-list > li .item-main .item-number {
              font-size: 3.2vw;
              display: inline-block;
              padding-bottom: 1.0666666667vw;
              padding-top: 7.4666666667vw;
              min-width: 10.6666666667vw; } }
        #brand-global-ist-page .section-content .item-list > li .item-main h5 {
          font-size: 20px;
          line-height: 26px;
          letter-spacing: 0;
          margin-top: 14px; }
          @media (max-width: 767px) {
            #brand-global-ist-page .section-content .item-list > li .item-main h5 {
              font-size: 5.3333333333vw;
              line-height: 6.9333333333vw;
              margin-top: 4.2666666667vw; } }
        #brand-global-ist-page .section-content .item-list > li .item-main .item-image {
          position: absolute;
          top: 0;
          right: 14px;
          width: 170px; }
          @media (max-width: 767px) {
            #brand-global-ist-page .section-content .item-list > li .item-main .item-image {
              right: 4vw;
              width: 40vw; } }
          #brand-global-ist-page .section-content .item-list > li .item-main .item-image.gss-3 {
            bottom: -11px;
            top: auto;
            right: 43px;
            width: 81px; }
            @media (max-width: 767px) {
              #brand-global-ist-page .section-content .item-list > li .item-main .item-image.gss-3 {
                bottom: -1.0666666667vw;
                right: 13.3333333333vw;
                width: 18.6666666667vw; } }
          #brand-global-ist-page .section-content .item-list > li .item-main .item-image.gss-4 {
            bottom: -28px;
            top: auto;
            right: 39px;
            width: 89px; }
            @media (max-width: 767px) {
              #brand-global-ist-page .section-content .item-list > li .item-main .item-image.gss-4 {
                bottom: -4.8vw;
                right: 13.0666666667vw;
                width: 20.5333333333vw; } }
        #brand-global-ist-page .section-content .item-list > li .item-main .logo-good-design {
          bottom: 46px;
          position: absolute;
          left: 0;
          width: 114px; }
          @media (max-width: 767px) {
            #brand-global-ist-page .section-content .item-list > li .item-main .logo-good-design {
              bottom: 9.6vw;
              width: 30.4vw; } }
        #brand-global-ist-page .section-content .item-list > li .item-main .logo-omotenashi {
          bottom: 9px;
          position: absolute;
          left: 0;
          width: 93px; }
          @media (max-width: 767px) {
            #brand-global-ist-page .section-content .item-list > li .item-main .logo-omotenashi {
              bottom: 0.8vw;
              width: 24.8vw; } }
      #brand-global-ist-page .section-content .item-list > li .item-desc {
        border-top: solid 1px #DBDBDB;
        font-size: 12px;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        line-height: 20px;
        letter-spacing: 0;
        padding-top: 6px; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-content .item-list > li .item-desc {
            font-size: 3.2vw;
            line-height: 5.3333333333vw;
            padding-top: 1.3333333333vw; } }
  #brand-global-ist-page .section-content .section-sub-head {
    margin: 0 auto;
    padding-top: 68px;
    width: 1200px; }
    #brand-global-ist-page .section-content .section-sub-head::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-content .section-sub-head {
        padding-top: 7.4666666667vw;
        box-sizing: border-box;
        width: 100%; } }
    #brand-global-ist-page .section-content .section-sub-head h2 {
      font-size: 25px;
      line-height: 52px;
      letter-spacing: 0; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-content .section-sub-head h2 {
          font-size: 6.6666666667vw;
          line-height: 10.1333333333vw; } }
#brand-global-ist-page .parallax-area {
  height: 769px; }
  @media (max-width: 767px) {
    #brand-global-ist-page .parallax-area {
      height: 72vw;
      position: relative; } }
  #brand-global-ist-page .parallax-area::after {
    background-image: url("./assets/images/brand-global-ist/bg-img.jpg");
    background-position: center;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
    @media (max-width: 767px) {
      #brand-global-ist-page .parallax-area::after {
        background-image: url("./assets/images/brand-global-ist/bg-img-sp.jpg");
        position: absolute; } }
#brand-global-ist-page .section-concept {
  background-color: #ffffff; }
  #brand-global-ist-page .section-concept .content {
    margin: 0 auto;
    padding: 122px 0 140px;
    width: 1066px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .content {
        box-sizing: border-box;
        padding: 19.2vw 5.3333333333vw 26.6666666667vw;
        width: 100%; } }
  #brand-global-ist-page .section-concept .concept-head {
    width: 109px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .concept-head {
        width: 29.0666666667vw; } }
  #brand-global-ist-page .section-concept .concept-desc {
    font-family: 'Shippori Mincho', serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 47px;
    letter-spacing: 0.05em;
    margin-top: 35px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .concept-desc {
        font-size: 7.7333333333vw;
        line-height: 11.2vw;
        margin-top: 6.4vw; } }
  #brand-global-ist-page .section-concept .concept-sub-head {
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.05em;
    margin-top: 30px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .concept-sub-head {
        font-size: 4.8vw;
        line-height: 7.4666666667vw;
        margin-top: 7.7333333333vw; } }
  #brand-global-ist-page .section-concept .concept-sub-desc {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.05em;
    margin-top: 17px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .concept-sub-desc {
        font-size: 3.7333333333vw;
        line-height: 6.6666666667vw;
        margin-top: 5.8666666667vw; } }
  #brand-global-ist-page .section-concept .global-ist-box {
    border: solid 1px #707070;
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    padding: 40px 50px 45px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-concept .global-ist-box {
        display: block;
        box-sizing: border-box;
        margin-top: 9.0666666667vw;
        padding: 8vw 5.3333333333vw; } }
    #brand-global-ist-page .section-concept .global-ist-box .logo-box {
      padding-top: 10px;
      width: 217px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-concept .global-ist-box .logo-box {
          padding-top: 0;
          width: 57.8666666667vw; } }
    #brand-global-ist-page .section-concept .global-ist-box .desc {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: 0.05em;
      width: 667px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-concept .global-ist-box .desc {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw;
          margin-top: -0.5333333333vw;
          width: 100%; } }
      #brand-global-ist-page .section-concept .global-ist-box .desc .strong {
        font-weight: bold; }
#brand-global-ist-page .section-intro {
  background-color: #202729;
  color: #ffffff; }
  #brand-global-ist-page .section-intro .head-box {
    width: 1066px;
    margin: 0 auto;
    padding: 144px 0 90px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-intro .head-box {
        box-sizing: border-box;
        padding: 24vw 5.3333333333vw 13.3333333333vw;
        width: 100%; } }
    #brand-global-ist-page .section-intro .head-box .head-box-content {
      width: 717px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-intro .head-box .head-box-content {
          width: 100%; } }
      #brand-global-ist-page .section-intro .head-box .head-box-content h2 {
        font-family: 'Shippori Mincho', serif;
        font-size: 25px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 0.1em; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .head-box .head-box-content h2 {
            font-size: 6.6666666667vw;
            line-height: 11.2vw; } }
      #brand-global-ist-page .section-intro .head-box .head-box-content p {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0.05em;
        margin-top: 15px; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .head-box .head-box-content p {
            font-size: 3.7333333333vw;
            line-height: 6.6666666667vw;
            margin-top: 3.7333333333vw; } }
  #brand-global-ist-page .section-intro .intro-box {
    padding-bottom: 130px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-intro .intro-box {
        padding: 0 5.3333333333vw 24vw; } }
    #brand-global-ist-page .section-intro .intro-box .intro-list > li {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-intro .intro-box .intro-list > li {
          display: block;
          margin-bottom: 13.3333333333vw; } }
      #brand-global-ist-page .section-intro .intro-box .intro-list > li:last-child {
        margin-bottom: 0; }
    #brand-global-ist-page .section-intro .intro-box .intro-list .intro-image {
      width: 37%; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-intro .intro-box .intro-list .intro-image {
          width: 100%; } }
    #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      width: 63%; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc {
          display: block;
          padding-top: 5.3333333333vw;
          width: 100%; } }
      #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc .intro-desc-content {
        width: 667px;
        margin: 0 auto; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc .intro-desc-content {
            width: 100%; } }
      #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc h5 {
        font-family: 'Shippori Mincho', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: 0.05em; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc h5 {
            font-size: 4.8vw;
            line-height: 7.4666666667vw; } }
      #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc p {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0.05em;
        margin-top: 10px; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc p {
            font-size: 3.7333333333vw;
            line-height: 6.9333333333vw;
            margin-top: 4.2666666667vw; } }
      #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc .comment {
        font-size: 12px; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-intro .intro-box .intro-list .intro-desc .comment {
            font-size: 3.7333333333vw; } }
#brand-global-ist-page .section-items {
  background-color: #ffffff; }
  #brand-global-ist-page .section-items .content {
    margin: 0 auto;
    padding: 150px 0;
    width: 1066px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .content {
        box-sizing: border-box;
        overflow: hidden;
        padding: 26.6666666667vw 5.3333333333vw 32vw;
        width: 100%; } }
  #brand-global-ist-page .section-items .item-list > li {
    margin-bottom: 95px; }
    #brand-global-ist-page .section-items .item-list > li::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list > li {
        margin-bottom: 18.6666666667vw; } }
    #brand-global-ist-page .section-items .item-list > li:last-child {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(1) .item-image {
        height: 145px;
        margin-top: 63px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(1) .item-image img {
          left: -45px;
          position: relative;
          width: 622px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(2) .item-image {
        height: 121px;
        margin-top: 60px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(2) .item-image img {
          left: -13px;
          position: relative;
          width: 557px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(3) .item-image {
        height: 125px;
        margin-top: 60px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(3) .item-image img {
          left: 20px;
          position: relative;
          width: 488px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(4) .item-image {
        height: 132px;
        margin-top: 61px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(4) .item-image img {
          left: -45px;
          position: relative;
          width: 622px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(5) .item-image {
        height: 159px;
        margin-top: 58px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(5) .item-image img {
          left: 11px;
          position: relative;
          width: 508px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(6) .item-image {
        height: 130px;
        margin-top: 62px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(6) .item-image img {
          left: -46px;
          position: relative;
          width: 624px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .item-image {
        height: auto;
        margin-top: 32px; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .item-image img {
          left: 207px;
          position: relative;
          width: 147px; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .detail-box .item-detail-list .title {
        width: 82px; } }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(1) .item-image {
        height: 25.3333333333vw;
        margin-top: 12.5333333333vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(1) .item-image img {
          left: -13.8666666667vw;
          position: relative;
          width: 104.5333333333vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(2) .item-image {
        height: 21.0666666667vw;
        margin-top: 12.5333333333vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(2) .item-image img {
          left: -7.2vw;
          position: relative;
          width: 92vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(3) .item-image {
        height: 21.8666666667vw;
        margin-top: 12.5333333333vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(3) .item-image img {
          left: -8.2666666667vw;
          position: relative;
          width: 94.9333333333vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(4) .item-image {
        height: 25.3333333333vw;
        margin-top: 12.5333333333vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(4) .item-image img {
          left: -13.8666666667vw;
          position: relative;
          width: 104.5333333333vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(5) .item-image {
        height: 27.7333333333vw;
        margin-top: 12.5333333333vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(5) .item-image img {
          left: -8vw;
          position: relative;
          width: 94.1333333333vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(6) .item-image {
        height: 21.0666666667vw;
        margin-top: 12.8vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(6) .item-image img {
          left: -13.3333333333vw;
          position: relative;
          width: 103.7333333333vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .item-image {
        height: auto;
        margin-top: 9.0666666667vw; }
        #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .item-image img {
          left: 30.9333333333vw;
          position: relative;
          width: 26.4vw; }
      #brand-global-ist-page .section-items .item-list > li:nth-of-type(7) .detail-box .item-detail-list .title {
        width: 21.8666666667vw; } }
  #brand-global-ist-page .section-items .item-list .main-box {
    float: left; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list .main-box {
        float: none; } }
    #brand-global-ist-page .section-items .item-list .main-box .item-number {
      background-color: #000000;
      color: #ffffff;
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 28px;
      text-align: center;
      width: 93px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .main-box .item-number {
          font-size: 3.4666666667vw;
          line-height: 7.4666666667vw;
          width: 24.8vw; } }
    #brand-global-ist-page .section-items .item-list .main-box .item-name {
      font-family: 'Shippori Mincho', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 52px;
      letter-spacing: 0.05em;
      margin-top: 2px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .main-box .item-name {
          font-size: 6.6666666667vw;
          line-height: 9.0666666667vw;
          margin-top: 3.7333333333vw; } }
    #brand-global-ist-page .section-items .item-list .main-box .item-image {
      margin-top: 70px;
      width: 533px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .main-box .item-image {
          margin: 13.3333333333vw auto 0;
          width: 76.8vw; } }
  #brand-global-ist-page .section-items .item-list .desc-box {
    float: right;
    padding-top: 39px;
    width: 470px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list .desc-box {
        float: none;
        padding-top: 1.6vw;
        width: 100%; } }
    #brand-global-ist-page .section-items .item-list .desc-box .item-head {
      font-family: 'Shippori Mincho', serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 32px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .desc-box .item-head {
          font-size: 4.8vw;
          line-height: 7.4666666667vw; } }
    #brand-global-ist-page .section-items .item-list .desc-box .item-desc {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 26px;
      margin-top: 22px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .desc-box .item-desc {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw;
          margin-top: 5.3333333333vw; } }
      #brand-global-ist-page .section-items .item-list .desc-box .item-desc .comment {
        font-size: 12px; }
        @media (max-width: 767px) {
          #brand-global-ist-page .section-items .item-list .desc-box .item-desc .comment {
            display: block;
            font-size: 3.2vw;
            line-height: 4.8vw;
            margin-top: 5.0666666667vw; } }
  #brand-global-ist-page .section-items .item-list .detail-box {
    float: left; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list .detail-box {
        float: none;
        padding-top: 4.8vw; } }
    #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list > li {
      display: flex;
      flex-wrap: wrap;
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 9px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list > li {
          font-size: 3.2vw;
          line-height: 4.8vw;
          margin-top: 2.4vw; } }
    #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list .title {
      box-sizing: border-box;
      padding-left: 1.2em;
      position: relative;
      width: 110px; }
      @media (max-width: 767px) {
        #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list .title {
          width: 29.3333333333vw; } }
      #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list .title::before {
        background-color: #B5CCD7;
        border-radius: 50%;
        content: "";
        left: 0;
        top: 9px;
        height: 5px;
        position: absolute;
        width: 5px; }
    @media (max-width: 767px) {
      #brand-global-ist-page .section-items .item-list .detail-box .item-detail-list .desc {
        width: 59.7333333333vw; } }

/*
 * faq
 * FAQ
 */
#faq-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #faq-page {
      padding-top: 14.6666666667vw; } }
  #faq-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.6em;
    padding-top: 90px;
    padding-bottom: 84px; }
    @media (max-width: 767px) {
      #faq-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 16vw;
        padding-bottom: 20vw; } }
  #faq-page .section-category .category-area {
    border-top: 1px solid #707070;
    background: #F2F2F2;
    padding: 33px 0 50px; }
    @media (max-width: 767px) {
      #faq-page .section-category .category-area {
        padding: 6.4vw 5.3333333333vw 10.6666666667vw; } }
    #faq-page .section-category .category-area .section-head {
      margin: 0 auto 19px;
      width: 111px; }
      @media (max-width: 767px) {
        #faq-page .section-category .category-area .section-head {
          margin: 0 auto 5.3333333333vw;
          width: 29.6vw; } }
    #faq-page .section-category .category-area .category-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 auto;
      width: 860px; }
      @media (max-width: 767px) {
        #faq-page .section-category .category-area .category-list {
          justify-content: space-between;
          width: 100%; } }
      @media (min-width: 768px) {
        #faq-page .section-category .category-area .category-list li:nth-of-type(2), #faq-page .section-category .category-area .category-list li:nth-of-type(3), #faq-page .section-category .category-area .category-list li:nth-of-type(4), #faq-page .section-category .category-area .category-list li:nth-of-type(6), #faq-page .section-category .category-area .category-list li:nth-of-type(7), #faq-page .section-category .category-area .category-list li:nth-of-type(8) {
          margin-left: 8px; }
        #faq-page .section-category .category-area .category-list li:nth-of-type(5), #faq-page .section-category .category-area .category-list li:nth-of-type(6), #faq-page .section-category .category-area .category-list li:nth-of-type(7), #faq-page .section-category .category-area .category-list li:nth-of-type(8) {
          margin-top: 8px; } }
      @media (max-width: 767px) {
        #faq-page .section-category .category-area .category-list li:nth-of-type(n+3) {
          margin-top: 2.6666666667vw; } }
      #faq-page .section-category .category-area .category-list li a {
        background: #202729;
        color: #fff;
        display: block;
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        width: 209px; }
        @media (max-width: 767px) {
          #faq-page .section-category .category-area .category-list li a {
            font-size: 3.2vw;
            height: 12.2666666667vw;
            line-height: 12.2666666667vw;
            width: 43.2vw; } }
        #faq-page .section-category .category-area .category-list li a:hover {
          background: #838383; }
  #faq-page .section-category .faq-area {
    padding-bottom: 150px; }
    @media (max-width: 767px) {
      #faq-page .section-category .faq-area {
        box-sizing: border-box;
        padding: 0 5.3333333333vw 26.6666666667vw; } }
  #faq-page .section-category .faq-cat-list {
    margin: 0 auto;
    width: 860px; }
    @media (max-width: 767px) {
      #faq-page .section-category .faq-cat-list {
        width: 100%; } }
    #faq-page .section-category .faq-cat-list > li {
      margin-top: 96px; }
      @media (max-width: 767px) {
        #faq-page .section-category .faq-cat-list > li {
          margin-top: 18.6666666667vw; } }
    #faq-page .section-category .faq-cat-list h2 {
      font-family: 'Shippori Mincho', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 30px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        #faq-page .section-category .faq-cat-list h2 {
          font-size: 6.6666666667vw;
          line-height: 8vw; } }
    #faq-page .section-category .faq-cat-list .faq-list {
      margin-top: 33px;
      border-top: solid 1px #000000;
      position: relative; }
      @media (max-width: 767px) {
        #faq-page .section-category .faq-cat-list .faq-list {
          margin-top: 9.3333333333vw; } }
      #faq-page .section-category .faq-cat-list .faq-list > li {
        border-bottom: solid 1px #DDDDDD;
        padding: 40px 0 40px; }
        @media (max-width: 767px) {
          #faq-page .section-category .faq-cat-list .faq-list > li {
            padding: 8vw 0; } }
        #faq-page .section-category .faq-cat-list .faq-list > li.selected {
          padding-bottom: 35px; }
          @media (max-width: 767px) {
            #faq-page .section-category .faq-cat-list .faq-list > li.selected {
              padding-bottom: 8vw; } }
        #faq-page .section-category .faq-cat-list .faq-list > li .q {
          cursor: pointer;
          font-family: 'Shippori Mincho', serif;
          font-size: 20px;
          font-weight: 500;
          line-height: 30px;
          letter-spacing: 0.05em;
          padding: 2px 50px 2px;
          position: relative; }
          @media (max-width: 767px) {
            #faq-page .section-category .faq-cat-list .faq-list > li .q {
              font-size: 4.8vw;
              line-height: 7.4666666667vw;
              padding: 0.5333333333vw 12vw 0.5333333333vw; } }
          #faq-page .section-category .faq-cat-list .faq-list > li .q:before {
            background-color: #202729;
            color: #ffffff;
            content: "Q";
            font-family: 'Shippori Mincho', serif;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            height: 34px;
            left: 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 34px; }
            @media (max-width: 767px) {
              #faq-page .section-category .faq-cat-list .faq-list > li .q:before {
                font-size: 4.8vw;
                line-height: 8vw;
                height: 9.0666666667vw;
                width: 9.0666666667vw; } }
          #faq-page .section-category .faq-cat-list .faq-list > li .q:after {
            border: 0;
            border-bottom: solid 1px #000000;
            border-right: solid 1px #000000;
            content: '';
            height: 12px;
            margin-top: -12px;
            position: absolute;
            right: 10px;
            transform: rotate(45deg);
            top: 20px;
            width: 12px; }
            @media (max-width: 767px) {
              #faq-page .section-category .faq-cat-list .faq-list > li .q:after {
                height: 3.2vw;
                margin-top: -3.2vw;
                right: 2.6666666667vw;
                top: 5.3333333333vw;
                width: 3.2vw; } }
          #faq-page .section-category .faq-cat-list .faq-list > li .q.selected:after {
            border: 0;
            border-left: solid 1px #000000;
            border-top: solid 1px #000000;
            content: '';
            height: 12px;
            margin-top: -12px;
            position: absolute;
            right: 10px;
            transform: rotate(45deg);
            top: 26px;
            width: 12px; }
            @media (max-width: 767px) {
              #faq-page .section-category .faq-cat-list .faq-list > li .q.selected:after {
                height: 3.2vw;
                margin-top: -3.2vw;
                right: 2.6666666667vw;
                top: 6.9333333333vw;
                width: 3.2vw; } }
        #faq-page .section-category .faq-cat-list .faq-list > li .a {
          display: none;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          line-height: 26px;
          letter-spacing: 0.05em;
          padding: 10px 50px 0;
          position: relative; }
          @media (max-width: 767px) {
            #faq-page .section-category .faq-cat-list .faq-list > li .a {
              font-size: 3.7333333333vw;
              line-height: 6.6666666667vw;
              padding: 2.6666666667vw 12vw; } }
          #faq-page .section-category .faq-cat-list .faq-list > li .a:before {
            background-color: #B5CCD7;
            content: "A";
            font-family: 'Shippori Mincho', serif;
            font-size: 20px;
            font-weight: 500;
            line-height: 32px;
            height: 34px;
            left: 0;
            position: absolute;
            text-align: center;
            top: 10px;
            width: 34px; }
            @media (max-width: 767px) {
              #faq-page .section-category .faq-cat-list .faq-list > li .a:before {
                font-size: 4.8vw;
                line-height: 8vw;
                height: 9.0666666667vw;
                top: 1.8666666667vw;
                width: 9.0666666667vw; } }
          #faq-page .section-category .faq-cat-list .faq-list > li .a a {
            color: #56AED6;
            text-decoration: underline; }

/*
 * store
 * 六本木直営店
 */
#shop-page .head-area {
  background: #fff;
  padding-top: 149px; }
  @media (max-width: 767px) {
    #shop-page .head-area {
      padding-top: 30.1333333333vw; }
      #shop-page .head-area.en {
        padding-top: 24vw; }
        #shop-page .head-area.en .section-head {
          padding-bottom: 8.2666666667vw; } }
  #shop-page .head-area .sub-head {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 24px;
    text-align: center; }
    @media (max-width: 767px) {
      #shop-page .head-area .sub-head {
        font-size: 3.7333333333vw;
        letter-spacing: 0.12em;
        line-height: 5.3333333333vw; } }
  #shop-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 12px;
    padding-bottom: 72px; }
    @media (max-width: 767px) {
      #shop-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding-top: 1.0666666667vw;
        padding-bottom: 14.9333333333vw; } }
    @media (max-width: 767px) {
      #shop-page .head-area .section-head.en {
        letter-spacing: 0; } }
  #shop-page .head-area .img-head {
    background-image: url("./assets/images/shop/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #shop-page .head-area .img-head {
        background-image: url("./assets/images/shop/img-section-head-sp.jpg");
        height: 72vw; } }
#shop-page .section-content .container {
  background: #fff; }
#shop-page .section-content .section-txt {
  margin: 0 auto;
  padding: 130px 0 114px;
  width: 1066px; }
  @media (max-width: 767px) {
    #shop-page .section-content .section-txt {
      box-sizing: border-box;
      padding: 18.4vw 5.3333333333vw 16.2666666667vw;
      width: 100%; } }
  #shop-page .section-content .section-txt .section-head {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: 0.1em;
    margin-bottom: 38px; }
    @media (max-width: 767px) {
      #shop-page .section-content .section-txt .section-head {
        font-size: 6.6666666667vw;
        line-height: 11.2vw;
        margin-bottom: 11.2vw; } }
  #shop-page .section-content .section-txt p {
    font-size: 15px;
    line-height: 42px;
    margin-bottom: 26px; }
    @media (max-width: 767px) {
      #shop-page .section-content .section-txt p {
        font-size: 3.7333333333vw;
        line-height: 8.5333333333vw;
        margin-bottom: 8.8vw; } }
#shop-page .section-content .parallax-area {
  height: 769px; }
  #shop-page .section-content .parallax-area::after {
    background-image: url("./assets/images/shop/bg-img.jpg");
    background-position: center;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
  @media (max-width: 767px) {
    #shop-page .section-content .parallax-area {
      height: 72vw; } }
#shop-page .section-content .service-box {
  margin: 0 auto;
  padding-top: 154px;
  width: 1066px; }
  @media (max-width: 767px) {
    #shop-page .section-content .service-box {
      box-sizing: border-box;
      padding: 26.1333333333vw 5.3333333333vw 0;
      width: 100%; } }
  #shop-page .section-content .service-box h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.15em;
    text-align: center; }
    @media (max-width: 767px) {
      #shop-page .section-content .service-box h2 {
        font-size: 6.6666666667vw; } }
  #shop-page .section-content .service-box .service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px; }
    @media (max-width: 767px) {
      #shop-page .section-content .service-box .service-list {
        margin-top: 8vw; } }
    #shop-page .section-content .service-box .service-list > li {
      width: 332px;
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        #shop-page .section-content .service-box .service-list > li {
          margin-bottom: 7.4666666667vw; } }
      #shop-page .section-content .service-box .service-list > li a {
        color: #56AED6;
        text-decoration: underline; }
    #shop-page .section-content .service-box .service-list h3 {
      background-color: #202729;
      color: #ffffff;
      font-family: 'Shippori Mincho', serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.08em;
      line-height: 35px;
      text-align: center; }
      @media (max-width: 767px) {
        #shop-page .section-content .service-box .service-list h3 {
          font-size: 3.7333333333vw;
          line-height: 9.3333333333vw; } }
    #shop-page .section-content .service-box .service-list p {
      font-size: 14px;
      line-height: 26px;
      letter-spacing: 0;
      margin-top: 6px; }
      @media (max-width: 767px) {
        #shop-page .section-content .service-box .service-list p {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw;
          margin-top: 1.6vw; } }
  #shop-page .section-content .service-box .comment {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0;
    margin-top: -10px; }
    @media (max-width: 767px) {
      #shop-page .section-content .service-box .comment {
        font-size: 3.2vw;
        margin-top: 4.2666666667vw; } }
#shop-page .section-content .item-box {
  padding-top: 124px;
  padding-bottom: 108px;
  margin: 0 auto;
  width: 1066px; }
  @media (max-width: 767px) {
    #shop-page .section-content .item-box {
      box-sizing: border-box;
      padding: 18.6666666667vw 5.3333333333vw 17.3333333333vw;
      width: 100%; } }
  #shop-page .section-content .item-box h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.15em;
    text-align: center; }
    @media (max-width: 767px) {
      #shop-page .section-content .item-box h2 {
        font-size: 6.6666666667vw; } }
  #shop-page .section-content .item-box .link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 36px; }
    @media (max-width: 767px) {
      #shop-page .section-content .item-box .link-list {
        box-sizing: border-box;
        display: block;
        padding-top: 8vw;
        width: 100%; } }
    #shop-page .section-content .item-box .link-list > li {
      width: 518px;
      margin-bottom: 29px; }
      @media (max-width: 767px) {
        #shop-page .section-content .item-box .link-list > li {
          width: 100%;
          margin-bottom: 3.2vw; } }
      @media (min-width: 768px) {
        #shop-page .section-content .item-box .link-list > li a:hover .img-list::after {
          opacity: 1; }
        #shop-page .section-content .item-box .link-list > li a:hover .list-title {
          opacity: .7; } }
      #shop-page .section-content .item-box .link-list > li .img-list {
        margin-bottom: 19px;
        position: relative; }
        #shop-page .section-content .item-box .link-list > li .img-list::after {
          background: rgba(0, 0, 0, 0.41);
          content: '';
          display: block;
          height: 100%;
          left: 0;
          opacity: 0;
          position: absolute;
          top: 0;
          transition: all .3s;
          width: 100%; }
        @media (max-width: 767px) {
          #shop-page .section-content .item-box .link-list > li .img-list {
            margin-bottom: 4vw; } }
      #shop-page .section-content .item-box .link-list > li .list-title {
        transition: all .3s;
        position: relative; }
        #shop-page .section-content .item-box .link-list > li .list-title .img-title-global {
          width: 146px; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .list-title .img-title-global {
              width: 32.5333333333vw; } }
        #shop-page .section-content .item-box .link-list > li .list-title .img-title-global-ist {
          width: 220px; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .list-title .img-title-global-ist {
              width: 47.7333333333vw; } }
        #shop-page .section-content .item-box .link-list > li .list-title .icon-arrow {
          position: absolute;
          right: 10px;
          top: 1px;
          width: 40px; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .list-title .icon-arrow {
              right: 0;
              top: 0;
              width: 10.6666666667vw; } }
      #shop-page .section-content .item-box .link-list > li .list-title-export a {
        border: solid 1px #000000;
        box-sizing: border-box;
        display: block;
        padding: 45px 0 45px 22px;
        position: relative;
        transition: all .3s; }
        @media (max-width: 767px) {
          #shop-page .section-content .item-box .link-list > li .list-title-export a {
            padding: 9.3333333333vw 0 8vw 4vw;
            margin-top: 10.1333333333vw; } }
        @media (min-width: 768px) {
          #shop-page .section-content .item-box .link-list > li .list-title-export a:hover {
            opacity: .7; } }
        #shop-page .section-content .item-box .link-list > li .list-title-export a .img-title-global-export {
          height: 19px;
          line-height: initial;
          margin: 0;
          width: 214px; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .list-title-export a .img-title-global-export {
              height: 4.2666666667vw;
              width: 48.5333333333vw; } }
        #shop-page .section-content .item-box .link-list > li .list-title-export a .icon-arrow {
          display: block;
          height: 18px;
          position: absolute;
          right: 10px;
          bottom: 10px;
          width: 40px; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .list-title-export a .icon-arrow {
              height: 4.8vw;
              right: 2.9333333333vw;
              bottom: 2.9333333333vw;
              width: 10.6666666667vw; } }
      @media (max-width: 767px) {
        #shop-page .section-content .item-box .link-list > li .notice-msg-list {
          margin-top: 11.7333333333vw; } }
      #shop-page .section-content .item-box .link-list > li .notice-msg-list > li {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 24px; }
        @media (max-width: 767px) {
          #shop-page .section-content .item-box .link-list > li .notice-msg-list > li {
            margin-bottom: 1.3333333333vw;
            font-size: 3.2vw;
            line-height: 5.6vw;
            padding-left: 1.5em;
            position: relative; } }
        #shop-page .section-content .item-box .link-list > li .notice-msg-list > li:before {
          content: "※"; }
          @media (max-width: 767px) {
            #shop-page .section-content .item-box .link-list > li .notice-msg-list > li:before {
              position: absolute;
              left: 0; } }
#shop-page .section-information .container {
  background-color: #202729;
  border-bottom: solid 1px #3A3E40; }
#shop-page .section-information .content {
  color: #ffffff;
  margin: 0 auto;
  padding: 130px 0;
  width: 1066px; }
  @media (max-width: 767px) {
    #shop-page .section-information .content {
      box-sizing: border-box;
      padding: 20.8vw 0 26.6666666667vw;
      width: 100%; } }
  #shop-page .section-information .content::after {
    content: '';
    clear: both;
    display: block; }
  #shop-page .section-information .content h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center; }
    @media (max-width: 767px) {
      #shop-page .section-information .content h2 {
        font-size: 6.6666666667vw;
        margin-bottom: 13.3333333333vw; } }
    #shop-page .section-information .content h2::after {
      background: #3A3E40;
      content: '';
      display: block;
      height: 1px;
      margin: 50px 0;
      width: 100%; }
      @media (max-width: 767px) {
        #shop-page .section-information .content h2::after {
          display: none; } }
  #shop-page .section-information .content .information {
    float: left;
    width: 486px; }
    @media (max-width: 767px) {
      #shop-page .section-information .content .information {
        box-sizing: border-box;
        padding: 0 5.3333333333vw 0;
        width: 100%; } }
    #shop-page .section-information .content .information dl {
      padding-bottom: 14px;
      display: flex;
      font-family: 'Zen Kaku Gothic New', sans-serif; }
      @media (max-width: 767px) {
        #shop-page .section-information .content .information dl {
          padding-bottom: 4.2666666667vw; } }
      #shop-page .section-information .content .information dl dt {
        background-color: #ffffff;
        color: #000000;
        font-size: 12px;
        height: 27px;
        letter-spacing: 0.08em;
        line-height: 27px;
        text-align: center;
        width: 85px; }
        @media (max-width: 767px) {
          #shop-page .section-information .content .information dl dt {
            font-size: 3.2vw;
            height: 7.2vw;
            line-height: 7.2vw;
            width: 22.6666666667vw; } }
      #shop-page .section-information .content .information dl dd {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        margin-left: 15px; }
        @media (max-width: 767px) {
          #shop-page .section-information .content .information dl dd {
            font-size: 3.7333333333vw;
            line-height: 5.6vw;
            margin-left: 4vw; } }
    #shop-page .section-information .content .information .access {
      padding-top: 8px; }
      @media (max-width: 767px) {
        #shop-page .section-information .content .information .access {
          padding-top: 3.2vw; } }
      #shop-page .section-information .content .information .access > li {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 12px;
        padding-left: 1em;
        position: relative; }
        @media (max-width: 767px) {
          #shop-page .section-information .content .information .access > li {
            font-size: 3.2vw;
            line-height: 5.3333333333vw;
            margin-bottom: 3.2vw; } }
        #shop-page .section-information .content .information .access > li:before {
          background-color: #ffffff;
          border-radius: 50%;
          content: "";
          height: 5px;
          left: 0;
          top: 8px;
          position: absolute;
          width: 5px; }
          @media (max-width: 767px) {
            #shop-page .section-information .content .information .access > li:before {
              height: 1.3333333333vw;
              top: 2.1333333333vw;
              width: 1.3333333333vw; } }
  #shop-page .section-information .content .map {
    float: right;
    width: 580px; }
    @media (max-width: 767px) {
      #shop-page .section-information .content .map {
        margin-top: 6.6666666667vw;
        width: 100%; } }
    #shop-page .section-information .content .map iframe {
      height: 326px;
      vertical-align: top;
      width: 100%; }
      @media (max-width: 767px) {
        #shop-page .section-information .content .map iframe {
          height: 72vw; } }

/*
 * how to handle
 * How to Handle
 */
#how-to-handle-page {
  padding-top: 80px; }
  @media (max-width: 767px) {
    #how-to-handle-page {
      padding-top: 14.6666666667vw; } }
  #how-to-handle-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0.17em;
    padding-top: 90px;
    padding-bottom: 84px; }
    @media (max-width: 767px) {
      #how-to-handle-page .head-area .section-head {
        font-size: 9.0666666667vw;
        line-height: 12vw;
        letter-spacing: 0.1em;
        padding: 10.6666666667vw 13.3333333333vw 13.3333333333vw; } }
  #how-to-handle-page .head-area .img-head {
    background-image: url("./assets/images/how-to-handle/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #how-to-handle-page .head-area .img-head {
        background-image: url("./assets/images/how-to-handle/img-section-head-sp.jpg");
        height: 72vw; } }
  #how-to-handle-page .section-step {
    padding: 136px 0 150px; }
    @media (max-width: 767px) {
      #how-to-handle-page .section-step {
        box-sizing: border-box;
        padding: 18.6666666667vw 5.3333333333vw 26.6666666667vw; } }
    #how-to-handle-page .section-step .content {
      margin: 0 auto;
      width: 1066px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .content {
          width: 100%; } }
    #how-to-handle-page .section-step .section-head {
      font-family: 'Shippori Mincho', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 52px;
      letter-spacing: 0.1em; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .section-head {
          font-size: 6.6666666667vw;
          line-height: 11.2vw; } }
    #how-to-handle-page .section-step .section-desc {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 34px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .section-desc {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw; } }
    #how-to-handle-page .section-step .step-title {
      font-family: 'Shippori Mincho', serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 34px;
      letter-spacing: 0.05em;
      margin-top: 93px;
      padding-left: 50px;
      position: relative; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .step-title {
          font-size: 4.8vw;
          line-height: 8vw;
          padding-left: 11.2vw;
          margin-top: 12.8vw; } }
      #how-to-handle-page .section-step .step-title span {
        background-color: #202729;
        color: #ffffff;
        display: block;
        font-size: 20px;
        left: 0;
        line-height: 34px;
        height: 34px;
        text-align: center;
        top: 0;
        position: absolute;
        width: 34px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .step-title span {
            font-size: 4.8vw;
            line-height: 8vw;
            height: 8vw;
            width: 8vw; } }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .step-title.third {
          font-size: 4.8vw;
          line-height: 7.4666666667vw; } }
    #how-to-handle-page .section-step .step-desc {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 26px;
      margin-top: 12px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .step-desc {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw;
          margin-top: 3.2vw; } }
    #how-to-handle-page .section-step .line-up-box {
      border: solid 1px #000000;
      box-sizing: border-box;
      margin-top: 28px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .line-up-box {
          margin-top: 7.4666666667vw;
          overflow-y: scroll; } }
      #how-to-handle-page .section-step .line-up-box .line-up-head {
        background-color: #EFEFEF;
        font-family: 'Shippori Mincho', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.1em;
        padding: 18px 30px 20px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .line-up-box .line-up-head {
            font-size: 4.8vw;
            padding: 4.8vw 3.2vw 5.8666666667vw;
            width: 123.2vw; } }
      #how-to-handle-page .section-step .line-up-box .line-up-table-wrap {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 30px 0; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .line-up-box .line-up-table-wrap {
            width: auto;
            padding: 0; } }
      #how-to-handle-page .section-step .line-up-box .line-up-table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .line-up-box .line-up-table {
            width: auto; } }
        #how-to-handle-page .section-step .line-up-box .line-up-table tbody {
          -webkit-text-size-adjust: 100%; }
        #how-to-handle-page .section-step .line-up-box .line-up-table .thead-td {
          vertical-align: top; }
        #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box {
          height: 260px;
          padding-top: 11px;
          padding-bottom: 18px; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box {
              height: 50.9333333333vw;
              padding-top: 7.2vw; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .number {
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 14px;
            letter-spacing: 0.1em;
            line-height: 24px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .number {
                font-size: 3.2vw;
                line-height: 4vw; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .name {
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.1em;
            line-height: 20px;
            margin-top: 10px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .name {
                font-size: 3.2vw;
                height: 15.2vw;
                line-height: 4vw;
                margin-top: 2.4vw; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image-first {
            margin: 15px auto;
            width: 151px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image-first {
                margin-top: 2.9333333333vw;
                width: 23.4666666667vw; }
                #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image-first img {
                  left: -1.0666666667vw;
                  position: relative;
                  transform: scale(1.1); } }
          #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image {
            margin: 10px auto;
            padding: 0 33px;
            width: 100px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image {
                padding: 0;
                width: 18.6666666667vw; } }
            #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.second {
              margin-top: 28px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.second {
                  margin-top: 1.0666666667vw; } }
            #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.third {
              margin-top: 30px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.third {
                  margin-top: 1.6vw; } }
            #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.fourth {
              margin-top: 24px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-step .line-up-box .line-up-table .thead-box .image.fourth {
                  margin-top: 0.5333333333vw; } }
        #how-to-handle-page .section-step .line-up-box .line-up-table .tbody-box {
          padding: 29px 10px; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .line-up-box .line-up-table .tbody-box {
              padding: 4vw 0; } }
        #how-to-handle-page .section-step .line-up-box .line-up-table tr {
          border-bottom: 1px solid #DDDDDD; }
        #how-to-handle-page .section-step .line-up-box .line-up-table th {
          border-right: 1px solid #DDDDDD;
          vertical-align: middle;
          width: 11.1%; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .line-up-box .line-up-table th {
              box-sizing: border-box;
              padding: 0 2.1333333333vw;
              min-width: 24vw;
              max-width: 24vw;
              width: auto; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table th.double-line {
            padding: 32px 0; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table th.double-line {
                padding: 8.5333333333vw 2.1333333333vw; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table th p {
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 20px;
            text-align: left; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table th p {
                font-size: 3.2vw;
                line-height: 4vw; } }
            #how-to-handle-page .section-step .line-up-box .line-up-table th p span {
              font-size: 12px;
              line-height: 18px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-step .line-up-box .line-up-table th p span {
                  font-size: 3.2vw;
                  line-height: 4vw; } }
        #how-to-handle-page .section-step .line-up-box .line-up-table td {
          border-right: 1px solid #DDDDDD;
          text-align: center;
          vertical-align: middle;
          width: 22.2%; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .line-up-box .line-up-table td {
              min-width: 21.8666666667vw;
              max-width: 21.8666666667vw;
              padding: 0 2.1333333333vw;
              width: auto; } }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .line-up-box .line-up-table td.thead-td {
              vertical-align: top; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table td:last-child {
            border-right: none; }
          #how-to-handle-page .section-step .line-up-box .line-up-table td p {
            font-family: 'Zen Kaku Gothic New', sans-serif;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 24px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table td p {
                font-size: 3.2vw;
                line-height: 4vw; } }
          #how-to-handle-page .section-step .line-up-box .line-up-table td a {
            color: #56AED6;
            text-decoration: underline; }
          #how-to-handle-page .section-step .line-up-box .line-up-table td .icon-val {
            display: inline-block;
            width: 47px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-step .line-up-box .line-up-table td .icon-val {
                width: 10.6666666667vw; } }
      #how-to-handle-page .section-step .line-up-box .btm-comment {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
        padding: 30px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .line-up-box .btm-comment {
            font-size: 3.2vw;
            line-height: 4vw;
            padding: 3.7333333333vw 2.9333333333vw 3.7333333333vw; } }
    #how-to-handle-page .section-step .step-desc-box {
      display: flex;
      margin-top: 20px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-step .step-desc-box {
          display: block;
          margin-top: 5.3333333333vw; } }
      #how-to-handle-page .section-step .step-desc-box .desc-image {
        width: 310px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .step-desc-box .desc-image {
            width: 100%; } }
      #how-to-handle-page .section-step .step-desc-box .desc-txt {
        box-sizing: border-box;
        padding-left: 30px;
        width: 756px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-step .step-desc-box .desc-txt {
            padding: 0;
            margin-top: 3.2vw;
            width: 100%; } }
        #how-to-handle-page .section-step .step-desc-box .desc-txt p {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          line-height: 26px;
          letter-spacing: 0.05em; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .step-desc-box .desc-txt p {
              font-size: 3.7333333333vw;
              line-height: 6.6666666667vw;
              margin-top: 3.2vw; } }
        #how-to-handle-page .section-step .step-desc-box .desc-txt .contact-us {
          background-color: #202729;
          display: block;
          color: #ffffff;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 13px;
          line-height: 34px;
          letter-spacing: 0.2em;
          text-align: center;
          margin-top: 24px;
          width: 140px; }
          @media (min-width: 768px) {
            #how-to-handle-page .section-step .step-desc-box .desc-txt .contact-us {
              transition: all .3s; }
              #how-to-handle-page .section-step .step-desc-box .desc-txt .contact-us:hover {
                background: #838383; } }
          @media (max-width: 767px) {
            #how-to-handle-page .section-step .step-desc-box .desc-txt .contact-us {
              font-size: 3.4666666667vw;
              line-height: 9.0666666667vw;
              margin-top: 6.4vw;
              width: 37.3333333333vw; } }
  #how-to-handle-page .section-precautions {
    background-color: #202729;
    border-bottom: solid 1px #3A3E40;
    color: #ffffff;
    padding: 112px 0 150px; }
    @media (max-width: 767px) {
      #how-to-handle-page .section-precautions {
        box-sizing: border-box;
        padding: 23.2vw 5.3333333333vw 21.3333333333vw; } }
    #how-to-handle-page .section-precautions .content {
      margin: 0 auto;
      width: 1066px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-precautions .content {
          width: 100%; } }
    #how-to-handle-page .section-precautions .section-head {
      font-family: 'Shippori Mincho', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 52px;
      letter-spacing: 0.1em; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-precautions .section-head {
          font-size: 6.6666666667vw;
          line-height: 11.2vw; } }
    #how-to-handle-page .section-precautions .precautions-list {
      margin-top: 54px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-precautions .precautions-list {
          margin-top: 7.2vw; } }
      #how-to-handle-page .section-precautions .precautions-list > li {
        margin-bottom: 42px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-precautions .precautions-list > li {
            margin-top: 7.7333333333vw; } }
        #how-to-handle-page .section-precautions .precautions-list > li:last-child {
          margin-bottom: 0; }
      #how-to-handle-page .section-precautions .precautions-list h3 {
        border-bottom: solid 1px #3A3E40;
        font-family: 'Shippori Mincho', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: 0;
        padding-bottom: 7px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-precautions .precautions-list h3 {
            font-size: 4.8vw;
            line-height: 7.4666666667vw;
            padding-bottom: 3.4666666667vw; } }
      #how-to-handle-page .section-precautions .precautions-list .detail-list {
        margin-top: 16px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-precautions .precautions-list .detail-list {
            margin-top: 6.4vw; } }
        #how-to-handle-page .section-precautions .precautions-list .detail-list > li {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          line-height: 22px;
          letter-spacing: 0;
          margin-bottom: 10px;
          padding-left: 15px;
          position: relative; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-precautions .precautions-list .detail-list > li {
              font-size: 3.7333333333vw;
              line-height: 5.0666666667vw;
              margin-bottom: 2.4vw;
              padding-left: 6.4vw; } }
          #how-to-handle-page .section-precautions .precautions-list .detail-list > li:last-child {
            margin-bottom: 0; }
          #how-to-handle-page .section-precautions .precautions-list .detail-list > li:before {
            position: absolute;
            content: "";
            top: 9px;
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 2.5px;
            background-color: #B5CCD7; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-precautions .precautions-list .detail-list > li:before {
                left: 2.9333333333vw;
                top: 2.4vw; } }
      #how-to-handle-page .section-precautions .precautions-list p {
        font-family: 'Zen Kaku Gothic New', sans-serif;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0.05em;
        margin-top: 15px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-precautions .precautions-list p {
            font-size: 3.7333333333vw;
            line-height: 6.6666666667vw;
            margin-top: 3.7333333333vw; } }
    #how-to-handle-page .section-precautions .mechanism-of-rust {
      background-color: #ffffff;
      color: #000000;
      margin-top: 94px; }
      @media (max-width: 767px) {
        #how-to-handle-page .section-precautions .mechanism-of-rust {
          margin-top: 20.2666666667vw; } }
      #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box {
        box-sizing: border-box;
        padding: 29px 50px 54px; }
        @media (max-width: 767px) {
          #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box {
            padding: 11.4666666667vw 5.3333333333vw 5.3333333333vw; } }
        #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-head {
          border-bottom: solid 1px #DDDDDD;
          font-family: 'Shippori Mincho', serif;
          font-size: 20px;
          font-weight: 500;
          line-height: 44px;
          letter-spacing: 0;
          padding-bottom: 7px; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-head {
              font-size: 4.8vw;
              line-height: 7.4666666667vw;
              padding-bottom: 3.4666666667vw; } }
        #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-desc {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          line-height: 26px;
          letter-spacing: 0;
          margin-top: 20px; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-desc {
              font-size: 3.7333333333vw;
              line-height: 6.6666666667vw;
              margin-top: 6.6666666667vw; } }
          #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-desc .strong {
            font-size: 17px;
            font-weight: bold; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .mechanism-desc .strong {
                font-size: 4.5333333333vw; } }
        #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area {
          display: flex;
          justify-content: space-between;
          padding-top: 46px; }
          @media (max-width: 767px) {
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area {
              display: block;
              padding-top: 1.8666666667vw; } }
          #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box {
            box-sizing: border-box;
            border: solid 1px #707070;
            width: 468px; }
            @media (max-width: 767px) {
              #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box {
                margin-top: 5.3333333333vw;
                width: 100%; } }
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box h3 {
              background-color: #EFEFEF;
              box-sizing: border-box;
              font-family: 'Shippori Mincho', serif;
              font-size: 14px;
              font-weight: 500;
              line-height: 24px;
              letter-spacing: 0.05em;
              text-align: center;
              padding: 16px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box h3 {
                  font-size: 3.7333333333vw;
                  line-height: 6.6666666667vw;
                  padding: 3.7333333333vw 0 3.2vw; } }
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box .detail-image {
              margin: 32px auto 0;
              width: 407px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box .detail-image {
                  margin-top: 8vw;
                  width: 70.1333333333vw; } }
            #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box p {
              font-family: 'Zen Kaku Gothic New', sans-serif;
              font-size: 14px;
              line-height: 26px;
              letter-spacing: 0;
              margin: 22px auto 28px;
              width: 407px; }
              @media (max-width: 767px) {
                #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box p {
                  font-size: 3.7333333333vw;
                  line-height: 6.6666666667vw;
                  margin: 3.7333333333vw auto 4.5333333333vw;
                  width: 70.1333333333vw; } }
              #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box p .strong {
                font-size: 17px;
                font-weight: bold; }
                @media (max-width: 767px) {
                  #how-to-handle-page .section-precautions .mechanism-of-rust .mechanism-box .detail-area .detail-box p .strong {
                    font-size: 4.5333333333vw; } }

/*
 * compare
 * Compare
 */
#compare-page .head-area {
  background-color: #ffffff;
  padding-top: 80px;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    #compare-page .head-area {
      padding-top: 14.6666666667vw; } }
  #compare-page .head-area .section-head {
    box-sizing: border-box;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.05em;
    padding-top: 56px;
    padding-bottom: 82px; }
    @media (max-width: 767px) {
      #compare-page .head-area .section-head {
        font-size: 8vw;
        line-height: 10.6666666667vw;
        letter-spacing: 0;
        padding: 8vw 13.3333333333vw; } }
  #compare-page .head-area .img-head {
    background-image: url("./assets/images/compare/img-section-head.jpg");
    background-position: center;
    background-size: cover;
    height: 470px; }
    @media (max-width: 767px) {
      #compare-page .head-area .img-head {
        background-image: url("./assets/images/compare/img-section-head-sp.jpg");
        height: 72vw; } }
#compare-page .fixed-tab {
  position: fixed;
  height: 116px;
  left: 0;
  top: 80px;
  transition: all .3s;
  right: 0;
  z-index: 3; }
  @media (min-width: 768px) {
    #compare-page .fixed-tab {
      transform: translate(0, -130px); } }
  @media (max-width: 767px) {
    #compare-page .fixed-tab {
      height: 20vw;
      position: sticky;
      top: 14.6666666667vw; } }
  #compare-page .fixed-tab.appeared {
    transform: translate(0, 0); }
  #compare-page .fixed-tab .fixed-tab-box-wrap {
    background-color: #000000; }
  #compare-page .fixed-tab .fixed-tab-box {
    background-color: #000000;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 1260px; }
    @media (max-width: 767px) {
      #compare-page .fixed-tab .fixed-tab-box {
        width: 100%; } }
    #compare-page .fixed-tab .fixed-tab-box .global-box {
      border-right: solid 1px #ffffff;
      box-sizing: border-box;
      height: 100px;
      padding-left: 80px;
      padding-right: 100px;
      padding-top: 39px;
      position: relative;
      text-align: center;
      width: 50%; }
      @media (max-width: 767px) {
        #compare-page .fixed-tab .fixed-tab-box .global-box {
          height: 17.3333333333vw;
          padding: 6.6666666667vw 0 0; } }
      #compare-page .fixed-tab .fixed-tab-box .global-box::after {
        border-style: solid;
        border-width: 24px 24px 0 24px;
        border-color: #000 transparent transparent transparent;
        content: "";
        display: inline-block;
        height: 0;
        margin: 0 0.5em 0 0;
        position: absolute;
        bottom: -20px;
        right: 320px;
        width: 0; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-box::after {
            border-width: 3.7333333333vw 4.8vw 0 4.8vw;
            top: 17.0666666667vw;
            right: 18.1333333333vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-box .img-white {
        width: 185px; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-box .img-white {
            width: 30.1333333333vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-box .img-black {
        display: none; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-box .img-black {
            width: 21.0666666667vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-box.not_selected {
        background: linear-gradient(to bottom, #EFEFEF 5.3333333333vw, #EFEFEF 14.6666666667vw, #D1D1D1); }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-box.not_selected::after {
            border-width: 1.8666666667vw 2.4vw 0 2.4vw;
            top: 12.8vw;
            left: 0;
            right: 0;
            margin: 0 auto; } }
        #compare-page .fixed-tab .fixed-tab-box .global-box.not_selected .img-white {
          display: none; }
        #compare-page .fixed-tab .fixed-tab-box .global-box.not_selected .img-black {
          display: inline-block; }
    #compare-page .fixed-tab .fixed-tab-box .global-ist-box {
      box-sizing: border-box;
      height: 100px;
      padding-left: 100px;
      padding-right: 80px;
      padding-top: 39px;
      position: relative;
      text-align: center;
      width: 50%; }
      @media (max-width: 767px) {
        #compare-page .fixed-tab .fixed-tab-box .global-ist-box {
          height: 17.3333333333vw;
          padding: 6.9333333333vw 0 0; } }
      #compare-page .fixed-tab .fixed-tab-box .global-ist-box::after {
        border-style: solid;
        border-width: 24px 24px 0 24px;
        border-color: #000 transparent transparent transparent;
        content: "";
        display: inline-block;
        height: 0;
        margin: 0 0.5em 0 0;
        position: absolute;
        bottom: -20px;
        left: 320px;
        width: 0; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-ist-box::after {
            border-width: 3.7333333333vw 4.8vw 0 4.8vw;
            top: 17.0666666667vw;
            left: 19.7333333333vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-ist-box .img-white {
        width: 272px; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-ist-box .img-white {
            width: 41.6vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-ist-box .img-black {
        display: none; }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-ist-box .img-black {
            width: 29.6vw; } }
      #compare-page .fixed-tab .fixed-tab-box .global-ist-box.not_selected {
        background: linear-gradient(to bottom, #EFEFEF 5.3333333333vw, #EFEFEF 14.6666666667vw, #D1D1D1); }
        @media (max-width: 767px) {
          #compare-page .fixed-tab .fixed-tab-box .global-ist-box.not_selected::after {
            border-width: 1.8666666667vw 2.4vw 0 2.4vw;
            top: 12.8vw;
            left: 22.4vw; } }
        #compare-page .fixed-tab .fixed-tab-box .global-ist-box.not_selected .img-white {
          display: none; }
        #compare-page .fixed-tab .fixed-tab-box .global-ist-box.not_selected .img-black {
          display: inline-block; }
#compare-page .sp-white-space {
  display: none; }
  @media (max-width: 767px) {
    #compare-page .sp-white-space {
      background-color: #ffffff;
      display: block;
      height: 13.3333333333vw;
      position: relative;
      z-index: 1; } }
#compare-page .section-compare .compare-head-area {
  background-color: #ffffff;
  height: 180px;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    #compare-page .section-compare .compare-head-area {
      height: auto;
      z-index: -1; } }
  @media (min-width: 768px) {
    #compare-page .section-compare .compare-head-area::after {
      border-right: 1px solid #000;
      box-sizing: border-box;
      bottom: 0;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      top: 0;
      width: 50%; } }
  #compare-page .section-compare .compare-head-area .compare-head-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 154px; }
    #compare-page .section-compare .compare-head-area .compare-head-box::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #compare-page .section-compare .compare-head-area .compare-head-box {
        display: block;
        padding-top: 26.6666666667vw; } }
    #compare-page .section-compare .compare-head-area .compare-head-box .content-global {
      box-sizing: border-box;
      width: 50%; }
      #compare-page .section-compare .compare-head-area .compare-head-box .content-global::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .compare-head-area .compare-head-box .content-global {
          width: 100%; } }
      #compare-page .section-compare .compare-head-area .compare-head-box .content-global .content-global-box {
        float: right;
        margin-right: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .compare-head-area .compare-head-box .content-global .content-global-box {
            float: none;
            margin-right: 0;
            width: 100%; } }
        #compare-page .section-compare .compare-head-area .compare-head-box .content-global .content-global-box img {
          width: 185px; }
          @media (max-width: 767px) {
            #compare-page .section-compare .compare-head-area .compare-head-box .content-global .content-global-box img {
              width: 49.3333333333vw; } }
    #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist {
      width: 50%; }
      #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist {
          width: 100%; } }
      #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist .content-global-ist-box {
        float: left;
        margin-left: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist .content-global-ist-box {
            float: none;
            margin-left: 0;
            width: 100%; } }
        #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist .content-global-ist-box img {
          width: 272px; }
          @media (max-width: 767px) {
            #compare-page .section-compare .compare-head-area .compare-head-box .content-global-ist .content-global-ist-box img {
              width: 72.5333333333vw; } }
#compare-page .section-compare .compare-head-sub-area .compare-head-sub-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }
  @media (max-width: 767px) {
    #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box {
      display: block;
      padding-top: 0;
      padding-bottom: 25.6vw; } }
  #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global {
    border-right: solid 1px #000000;
    box-sizing: border-box;
    padding-bottom: 124px;
    width: 50%; }
    #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global {
        border-right: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; } }
    #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global .content-global-box {
      float: right;
      margin-right: 100px;
      text-align: center;
      width: 504px; }
      @media (max-width: 767px) {
        #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global .content-global-box {
          box-sizing: border-box;
          float: none;
          margin-right: 0;
          padding: 0 5.3333333333vw;
          width: 100%; } }
  #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global-ist {
    box-sizing: border-box;
    padding-bottom: 124px;
    width: 50%; }
    #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global-ist::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global-ist {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; } }
    #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global-ist .content-global-ist-box {
      float: left;
      margin-left: 100px;
      text-align: center;
      width: 504px; }
      @media (max-width: 767px) {
        #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box .content-global-ist .content-global-ist-box {
          box-sizing: border-box;
          float: none;
          margin-left: 0;
          padding: 0 5.3333333333vw;
          width: 100%; } }
  #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box h3 {
    font-family: 'Shippori Mincho', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0;
    margin-top: 36px; }
    @media (max-width: 767px) {
      #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box h3 {
        font-size: 6.6666666667vw;
        line-height: 10.1333333333vw;
        padding-top: 4vw;
        margin-top: 0; } }
  #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box p {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 26px;
    margin-top: 20px; }
    @media (max-width: 767px) {
      #compare-page .section-compare .compare-head-sub-area .compare-head-sub-box p {
        font-size: 3.7333333333vw;
        line-height: 6.6666666667vw;
        letter-spacing: 0.05em; } }
#compare-page .section-compare .features-area {
  background-color: #202729;
  padding-top: 140px;
  color: #ffffff; }
  @media (max-width: 767px) {
    #compare-page .section-compare .features-area {
      padding-top: 25.8666666667vw;
      padding-bottom: 19.7333333333vw; } }
  #compare-page .section-compare .features-area h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center; }
    @media (max-width: 767px) {
      #compare-page .section-compare .features-area h2 {
        font-size: 6.6666666667vw; } }
  #compare-page .section-compare .features-area .features-area-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 79px; }
    @media (max-width: 767px) {
      #compare-page .section-compare .features-area .features-area-box {
        display: block;
        padding: 7.2vw 0 0; } }
    #compare-page .section-compare .features-area .features-area-box .content-global {
      border-right: solid 1px #ffffff;
      box-sizing: border-box;
      padding-bottom: 94px;
      width: 50%; }
      #compare-page .section-compare .features-area .features-area-box .content-global::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .features-area .features-area-box .content-global {
          border-right: none;
          width: 100%;
          padding-bottom: 0; } }
      #compare-page .section-compare .features-area .features-area-box .content-global .content-global-box {
        float: right;
        margin-right: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .features-area .features-area-box .content-global .content-global-box {
            box-sizing: border-box;
            float: none;
            margin-right: 0;
            padding: 0 5.3333333333vw;
            width: 100%; } }
    #compare-page .section-compare .features-area .features-area-box .content-global-ist {
      box-sizing: border-box;
      padding-bottom: 94px;
      width: 50%; }
      #compare-page .section-compare .features-area .features-area-box .content-global-ist::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .features-area .features-area-box .content-global-ist {
          width: 100%;
          padding-bottom: 0; } }
      #compare-page .section-compare .features-area .features-area-box .content-global-ist .content-global-ist-box {
        float: left;
        margin-left: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .features-area .features-area-box .content-global-ist .content-global-ist-box {
            box-sizing: border-box;
            float: none;
            margin-left: 0;
            padding: 0 5.3333333333vw;
            width: 100%; } }
    #compare-page .section-compare .features-area .features-area-box .image-box-2 {
      margin-top: 76px; }
      @media (max-width: 767px) {
        #compare-page .section-compare .features-area .features-area-box .image-box-2 {
          margin-top: 11.7333333333vw; } }
    #compare-page .section-compare .features-area .features-area-box .desc-head {
      font-family: 'Shippori Mincho', serif;
      font-size: 18px;
      font-weight: 500;
      line-height: 25px;
      letter-spacing: 0.1em;
      margin-top: 25px;
      text-align: left; }
      @media (max-width: 767px) {
        #compare-page .section-compare .features-area .features-area-box .desc-head {
          font-size: 4.8vw;
          line-height: 7.4666666667vw;
          margin-top: 5.3333333333vw; } }
    #compare-page .section-compare .features-area .features-area-box p {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 26px;
      margin-top: 20px;
      min-height: 131px;
      text-align: left; }
      @media (max-width: 767px) {
        #compare-page .section-compare .features-area .features-area-box p {
          font-size: 3.7333333333vw;
          line-height: 6.6666666667vw;
          margin-top: 7.4666666667vw; } }
      #compare-page .section-compare .features-area .features-area-box p .strong {
        font-weight: bold; }
#compare-page .section-compare .recommended-area {
  padding-top: 144px;
  padding-bottom: 150px; }
  @media (max-width: 767px) {
    #compare-page .section-compare .recommended-area {
      padding-top: 25.3333333333vw;
      padding-bottom: 22.4vw; } }
  #compare-page .section-compare .recommended-area h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center; }
    @media (max-width: 767px) {
      #compare-page .section-compare .recommended-area h2 {
        font-size: 6.6666666667vw; } }
  #compare-page .section-compare .recommended-area .recommended-area-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 77px; }
    @media (max-width: 767px) {
      #compare-page .section-compare .recommended-area .recommended-area-box {
        display: block;
        padding: 7.2vw 5.3333333333vw 0; } }
    #compare-page .section-compare .recommended-area .recommended-area-box .content-global {
      border-right: solid 1px #000000;
      box-sizing: border-box;
      width: 50%; }
      #compare-page .section-compare .recommended-area .recommended-area-box .content-global::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-area .recommended-area-box .content-global {
          border-right: none;
          width: 100%; } }
      #compare-page .section-compare .recommended-area .recommended-area-box .content-global .content-global-box {
        background-color: #F2F2F2;
        box-sizing: border-box;
        float: right;
        margin-right: 100px;
        padding: 38px 30px 50px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-area .recommended-area-box .content-global .content-global-box {
            box-sizing: border-box;
            float: none;
            margin-right: 0;
            padding: 5.3333333333vw 5.3333333333vw 8vw;
            width: 100%; } }
    #compare-page .section-compare .recommended-area .recommended-area-box .content-global-ist {
      box-sizing: border-box;
      width: 50%; }
      #compare-page .section-compare .recommended-area .recommended-area-box .content-global-ist::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-area .recommended-area-box .content-global-ist {
          width: 100%;
          padding-bottom: 0; } }
      #compare-page .section-compare .recommended-area .recommended-area-box .content-global-ist .content-global-ist-box {
        background-color: #F2F2F2;
        box-sizing: border-box;
        float: left;
        margin-left: 100px;
        text-align: center;
        padding: 38px 30px 50px;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-area .recommended-area-box .content-global-ist .content-global-ist-box {
            box-sizing: border-box;
            float: none;
            margin-left: 0;
            padding: 5.3333333333vw 5.3333333333vw 8vw;
            width: 100%; } }
    #compare-page .section-compare .recommended-area .recommended-area-box p {
      font-family: 'Shippori Mincho', serif;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px;
      text-align: left; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-area .recommended-area-box p {
          font-size: 4.8vw;
          line-height: 7.4666666667vw; } }
    #compare-page .section-compare .recommended-area .recommended-area-box .desc-list {
      margin-top: 30px;
      text-align: left; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-area .recommended-area-box .desc-list {
          margin-top: 7.4666666667vw; } }
      #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li {
        margin-bottom: 10px;
        text-align: left; }
        #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li::after {
          clear: both;
          content: "";
          display: block; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li {
            margin-bottom: 2.6666666667vw; } }
        #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li .circle {
          float: left;
          height: auto;
          padding-top: 10px;
          width: 15px; }
          @media (max-width: 767px) {
            #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li .circle {
              padding-top: 2.6666666667vw;
              width: 4vw; } }
          #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li .circle::before {
            background-color: #B5CCD7;
            border-radius: 2.5px;
            display: block;
            vertical-align: top;
            content: "";
            height: 5px;
            width: 5px; }
        #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li p {
          float: left;
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          font-weight: normal;
          letter-spacing: 0;
          line-height: 22px;
          width: calc(100% - 15px); }
          @media (max-width: 767px) {
            #compare-page .section-compare .recommended-area .recommended-area-box .desc-list > li p {
              font-size: 3.7333333333vw;
              line-height: 5.8666666667vw; } }
    #compare-page .section-compare .recommended-area .recommended-area-box .line-up-link {
      background-color: #000000;
      color: #ffffff;
      display: block;
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 13px;
      letter-spacing: 0.05em;
      line-height: 34px;
      margin-top: 29px;
      width: 180px; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-area .recommended-area-box .line-up-link {
          font-size: 3.4666666667vw;
          line-height: 9.0666666667vw;
          margin-top: 7.7333333333vw;
          width: 48vw; } }
      #compare-page .section-compare .recommended-area .recommended-area-box .line-up-link.line-up-link-2 {
        margin-top: 39px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-area .recommended-area-box .line-up-link.line-up-link-2 {
            margin-top: 7.7333333333vw; } }
#compare-page .section-compare .recommended-timing-area {
  background-color: #202729;
  color: #ffffff;
  padding-top: 130px;
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    #compare-page .section-compare .recommended-timing-area {
      padding-top: 24vw;
      padding-bottom: 18.6666666667vw; } }
  #compare-page .section-compare .recommended-timing-area h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0.05em;
    text-align: center; }
    @media (max-width: 767px) {
      #compare-page .section-compare .recommended-timing-area h2 {
        font-size: 6.6666666667vw;
        line-height: 10.1333333333vw; } }
  #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-top: 87px; }
    @media (max-width: 767px) {
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box {
        display: block;
        padding-top: 12vw; } }
    #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global {
      border-right: solid 1px #FFFFFF;
      box-sizing: border-box;
      width: 50%; }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global {
          border-right: none;
          width: 100%; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global .content-global-box {
        box-sizing: border-box;
        float: right;
        margin-right: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global .content-global-box {
            box-sizing: border-box;
            float: none;
            margin-right: 0;
            padding: 0 5.3333333333vw;
            width: 100%; } }
    #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global-ist {
      box-sizing: border-box;
      width: 50%; }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global-ist::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global-ist {
          width: 100%;
          padding-bottom: 0; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global-ist .content-global-ist-box {
        float: left;
        margin-left: 100px;
        text-align: center;
        width: 504px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .content-global-ist .content-global-ist-box {
            box-sizing: border-box;
            float: none;
            margin-left: 0;
            padding: 0 5.3333333333vw;
            width: 100%; } }
    #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single {
      align-items: center;
      background-color: #ffffff;
      display: flex;
      height: 210px;
      margin-bottom: 10px; }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single {
          height: 46.6666666667vw;
          margin-bottom: 2.6666666667vw;
          overflow: hidden; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single.last-box {
        margin-bottom: 0; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single.last-box {
            margin-bottom: 2.6666666667vw; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .icon-box {
        box-sizing: border-box;
        padding: 0 35px;
        width: 127px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .icon-box {
            padding: 0 6.6666666667vw;
            width: 25.3333333333vw; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box {
        text-align: center;
        width: 377px; }
        @media (min-width: 768px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-1 img {
            left: -21px;
            position: relative;
            top: -1px;
            width: 403px; }
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-2 img {
            left: -18px;
            position: relative;
            top: 0px;
            width: 398px; }
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-3 img {
            left: -21px;
            position: relative;
            top: -2px;
            width: 403px; }
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.ist-2 img {
            left: -38px;
            position: relative;
            top: -1px;
            width: 294px; } }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box {
            width: 64vw; }
            #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-1 img {
              left: -4.5333333333vw;
              position: relative;
              width: 45.8666666667vw; }
            #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-2 img {
              left: -5.3333333333vw;
              position: relative;
              width: 65.3333333333vw;
              top: -2.4vw; }
            #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.global-3 img {
              left: -4vw;
              position: relative;
              top: 0.8vw;
              width: 12.2666666667vw; }
            #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-single .show-box.ist-2 img {
              left: -7.2vw;
              position: relative;
              top: 0.8vw;
              width: 53.6vw; } }
    #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double {
      align-items: center;
      background-color: #ffffff;
      display: flex;
      flex-wrap: wrap;
      height: 430px;
      margin-bottom: 10px; }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double {
          height: 85.3333333333vw;
          margin-bottom: 2.6666666667vw;
          overflow: hidden; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .icon-box {
        box-sizing: border-box;
        padding: 0 35px;
        width: 127px; }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .icon-box {
            padding: 0 6.6666666667vw;
            width: 25.3333333333vw; } }
      #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .show-box {
        text-align: center;
        width: 377px; }
        @media (min-width: 768px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .show-box.ist-1 img {
            left: -23px;
            position: relative;
            top: -1px;
            width: 402px; } }
        @media (max-width: 767px) {
          #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .show-box {
            width: 64vw; }
            #compare-page .section-compare .recommended-timing-area .recommended-timing-area-box .desc-box-double .show-box.ist-1 img {
              left: -3.7333333333vw;
              position: relative;
              top: -1.3333333333vw;
              width: 64vw; } }
#compare-page .section-lineup .content {
  margin: 0 auto;
  padding: 146px 0 150px;
  width: 1066px; }
  @media (max-width: 767px) {
    #compare-page .section-lineup .content {
      box-sizing: border-box;
      overflow: hidden;
      padding: 25.6vw 5.3333333333vw 26.6666666667vw;
      width: 100%; } }
  #compare-page .section-lineup .content h2 {
    font-family: 'Shippori Mincho', serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center; }
    @media (max-width: 767px) {
      #compare-page .section-lineup .content h2 {
        font-size: 6.6666666667vw; } }
  #compare-page .section-lineup .content .line-up-box {
    border: solid 1px #000000;
    box-sizing: border-box;
    margin-top: 86px; }
    @media (max-width: 767px) {
      #compare-page .section-lineup .content .line-up-box {
        margin-top: 9.0666666667vw;
        overflow-y: scroll; } }
    #compare-page .section-lineup .content .line-up-box .line-up-table-wrap {
      width: 100%;
      box-sizing: border-box;
      padding: 30px 30px 0; }
      @media (max-width: 767px) {
        #compare-page .section-lineup .content .line-up-box .line-up-table-wrap {
          width: auto;
          padding: 0; } }
    #compare-page .section-lineup .content .line-up-box .line-up-table {
      border-collapse: collapse;
      table-layout: fixed;
      width: 100%; }
      @media (max-width: 767px) {
        #compare-page .section-lineup .content .line-up-box .line-up-table {
          width: auto; } }
      #compare-page .section-lineup .content .line-up-box .line-up-table tbody {
        -webkit-text-size-adjust: 100%; }
      #compare-page .section-lineup .content .line-up-box .line-up-table .thead-td {
        vertical-align: top; }
      #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box {
        height: 260px;
        padding-top: 11px;
        padding-bottom: 18px; }
        @media (max-width: 767px) {
          #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box {
            height: 50.9333333333vw;
            padding-top: 7.2vw; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .number {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          letter-spacing: 0.1em;
          line-height: 24px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .number {
              font-size: 3.2vw;
              line-height: 4vw; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .name {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.1em;
          line-height: 20px;
          margin-top: 10px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .name {
              font-size: 3.2vw;
              height: 15.2vw;
              line-height: 4vw;
              margin-top: 2.4vw; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image-first {
          margin: 15px auto;
          width: 151px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image-first {
              margin-top: 2.9333333333vw;
              width: 23.4666666667vw; }
              #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image-first img {
                left: -1.0666666667vw;
                position: relative;
                transform: scale(1.1); } }
        #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image {
          margin: 10px auto;
          padding: 0 33px;
          width: 100px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image {
              padding: 0;
              width: 18.6666666667vw; } }
          #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.second {
            margin-top: 28px; }
            @media (max-width: 767px) {
              #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.second {
                margin-top: 1.0666666667vw; } }
          #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.third {
            margin-top: 30px; }
            @media (max-width: 767px) {
              #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.third {
                margin-top: 1.6vw; } }
          #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.fourth {
            margin-top: 24px; }
            @media (max-width: 767px) {
              #compare-page .section-lineup .content .line-up-box .line-up-table .thead-box .image.fourth {
                margin-top: 0.5333333333vw; } }
      #compare-page .section-lineup .content .line-up-box .line-up-table .tbody-box {
        padding: 29px 10px; }
        @media (max-width: 767px) {
          #compare-page .section-lineup .content .line-up-box .line-up-table .tbody-box {
            padding: 4vw 0; } }
      #compare-page .section-lineup .content .line-up-box .line-up-table tr {
        border-bottom: 1px solid #DDDDDD; }
      #compare-page .section-lineup .content .line-up-box .line-up-table th {
        border-right: 1px solid #DDDDDD;
        vertical-align: middle;
        width: 11.1%; }
        @media (max-width: 767px) {
          #compare-page .section-lineup .content .line-up-box .line-up-table th {
            box-sizing: border-box;
            padding: 0 2.1333333333vw;
            min-width: 24vw;
            max-width: 24vw;
            width: auto; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table th.double-line {
          padding: 32px 0; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table th.double-line {
              padding: 8.5333333333vw 2.1333333333vw; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table th p {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0;
          line-height: 20px;
          text-align: left; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table th p {
              font-size: 3.2vw;
              line-height: 4vw; } }
          #compare-page .section-lineup .content .line-up-box .line-up-table th p span {
            font-size: 12px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #compare-page .section-lineup .content .line-up-box .line-up-table th p span {
                font-size: 3.2vw;
                line-height: 4vw; } }
      #compare-page .section-lineup .content .line-up-box .line-up-table td {
        border-right: 1px solid #DDDDDD;
        text-align: center;
        vertical-align: middle;
        width: 22.2%; }
        @media (max-width: 767px) {
          #compare-page .section-lineup .content .line-up-box .line-up-table td {
            min-width: 21.8666666667vw;
            max-width: 21.8666666667vw;
            padding: 0 2.1333333333vw;
            width: auto; } }
        @media (max-width: 767px) {
          #compare-page .section-lineup .content .line-up-box .line-up-table td.thead-td {
            vertical-align: top; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table td:last-child {
          border-right: none; }
        #compare-page .section-lineup .content .line-up-box .line-up-table td p {
          font-family: 'Zen Kaku Gothic New', sans-serif;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 24px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table td p {
              font-size: 3.2vw;
              line-height: 4vw; } }
        #compare-page .section-lineup .content .line-up-box .line-up-table td a {
          color: #56AED6;
          text-decoration: underline; }
        #compare-page .section-lineup .content .line-up-box .line-up-table td .icon-val {
          display: inline-block;
          width: 47px; }
          @media (max-width: 767px) {
            #compare-page .section-lineup .content .line-up-box .line-up-table td .icon-val {
              width: 10.6666666667vw; } }
    #compare-page .section-lineup .content .line-up-box .btm-comment {
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0;
      padding: 30px; }
      @media (max-width: 767px) {
        #compare-page .section-lineup .content .line-up-box .btm-comment {
          font-size: 3.2vw;
          line-height: 4vw;
          padding: 3.7333333333vw 2.9333333333vw 3.7333333333vw; } }

/*ブランドストーリーページボタン調整*/
.btn_link a {
    padding: 3px 80px;
    border: solid 2px #989898;
    display: inline-block;
    margin: 50px 0 0 0;
    letter-spacing: 0.03em;
    position: relative;
    transition: 0.2s;
}
.btn_link a span img {
    width: 10px;
}
.btn_link a span {
    position: absolute;
    top: 40%;
    right: 8%;
}
.btn_link a:hover{
    opacity: 0.8;
    transition: 0.2s;
}
@media (max-width: 767px) {
    .btn_link {
        width: 80%;
        margin: 0 auto;
    }
    .btn_link a {
        display: block;
        padding: 3px 0;
        text-align: center;
    }
}

/*# sourceMappingURL=style.css.map */