@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "Fuggles", cursive;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 縦書き */
/* 内径 */
/* brand
---------------------------------------------------------------------------*/
.brand {
  padding-bottom: 160px; }
  @media screen and (max-width: 1300px) {
    .brand {
      padding-bottom: 12.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .brand {
      padding-bottom: 34.6666666667vw; } }
  @media screen and (max-width: 480px) {
    .brand .ttl-ja.big {
      font-size: 6.4vw;
      margin-bottom: 5.3333333333vw; } }
  .brand-body {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-top: 25px; }
    @media screen and (max-width: 1300px) {
      .brand-body {
        width: 84.6153846154vw;
        padding-top: 1.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .brand-body {
        width: 88vw;
        padding-top: 0; } }
    .brand-body-more {
      text-align: right;
      font-size: 14px; }
      @media screen and (max-width: 1300px) {
        .brand-body-more {
          font-size: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .brand-body-more {
          font-size: 3.7333333333vw; } }
  .brand-desc {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .1em; }
    @media screen and (max-width: 1300px) {
      .brand-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .brand-desc {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .brand-desc {
        font-size: 4vw;
        letter-spacing: 0;
        margin-bottom: 5.3333333333vw; } }
    .brand-desc small {
      font-size: 14px; }
      @media screen and (max-width: 1300px) {
        .brand-desc small {
          font-size: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .brand-desc small {
          font-size: 3.7333333333vw; } }
  .brand ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 36px; }
    @media screen and (max-width: 1300px) {
      .brand ul {
        gap: 2.4615384615vw;
        margin-top: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .brand ul {
        gap: 4.2vw;
        margin-top: 9.6vw; } }
    .brand ul li {
      width: 210px; }
      @media screen and (max-width: 1300px) {
        .brand ul li {
          width: 16.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .brand ul li {
          width: calc((100% - 4.2vw) / 2); } }
      .brand ul li img {
        width: 100%;
        height: 100px;
        object-fit: contain;
        object-position: center; }
        @media screen and (max-width: 1300px) {
          .brand ul li img {
            height: 7.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .brand ul li img {
            height: 19.2vw; } }

/* detail
---------------------------------------------------------------------------*/
.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 1100px;
  margin: 0 auto 75px; }
  @media screen and (max-width: 1300px) {
    .detail {
      width: 84.6153846154vw;
      margin: 0 auto 5.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .detail {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 88vw;
      margin: 0 auto 16vw; } }
  .detail-img {
    width: 480px; }
    @media screen and (max-width: 1300px) {
      .detail-img {
        width: 36.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .detail-img {
        width: 100%;
        margin: 10.6666666667vw 0; } }
    .detail-img img {
      width: 100%;
      height: 580px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;";
      border-radius: 30px; }
      @media screen and (max-width: 1300px) {
        .detail-img img {
          height: 44.6153846154vw;
          border-radius: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .detail-img img {
          height: 74.6666666667vw;
          border-radius: 8vw; } }
  .detail-tx {
    width: 520px; }
    @media screen and (max-width: 1300px) {
      .detail-tx {
        width: 40vw; } }
    @media screen and (max-width: 480px) {
      .detail-tx {
        width: 100%;
        margin-top: 10.6666666667vw; } }
    .detail-tx-logo {
      margin-bottom: 32px; }
      @media screen and (max-width: 1300px) {
        .detail-tx-logo {
          margin-bottom: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-logo {
          margin-bottom: 8.5333333333vw; } }
      .detail-tx-logo img {
        width: unset; }
        @media screen and (max-width: 480px) {
          .detail-tx-logo img {
            margin-left: auto;
            margin-right: auto; } }
    .detail-tx-name {
      font-family: "Hiragino Mincho ProN", serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      color: #2E919F;
      margin-bottom: 66px; }
      @media screen and (max-width: 1300px) {
        .detail-tx-name {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-name {
          font-size: 10.6666666667vw; } }
      @media screen and (max-width: 1300px) {
        .detail-tx-name {
          margin-bottom: 5.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-name {
          font-size: 6.4vw;
          margin-bottom: 4.2666666667vw;
          text-align: center; } }
    .detail-tx-catch {
      font-size: 20px;
      margin-bottom: 16px;
      line-height: 1.7;
      font-weight: 500; }
      @media screen and (max-width: 1300px) {
        .detail-tx-catch {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-catch {
          font-size: 5.3333333333vw; } }
      @media screen and (max-width: 1300px) {
        .detail-tx-catch {
          margin-bottom: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-catch {
          font-size: 4.2666666667vw;
          margin-bottom: 4.2666666667vw; } }
    .detail-tx-desc {
      font-size: 18px;
      line-height: 1.77; }
      @media screen and (max-width: 1300px) {
        .detail-tx-desc {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-desc {
          font-size: 4.8vw; } }
      @media screen and (max-width: 480px) {
        .detail-tx-desc {
          font-size: 4vw; } }
  .detail:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .detail::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .detail:nth-of-type(8n + 1)::before {
    width: 467px;
    height: 465px;
    top: -260px;
    right: -231px;
    background-image: url(../img/brand/deco01.png); }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 1)::before {
        width: 35.9230769231vw;
        height: 35.7692307692vw;
        top: -20vw;
        right: -17.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 1)::before {
        width: 50.9333333333vw;
        height: 59.2vw;
        top: -37.6vw;
        right: -21.0666666667vw; } }
  .detail:nth-of-type(8n + 2)::before {
    width: 238px;
    height: 268px;
    top: -180px;
    left: -170px;
    background-image: url(../img/brand/deco02.png); }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 2)::before {
        width: 18.3076923077vw;
        height: 20.6153846154vw;
        top: -13.8461538462vw;
        left: -13.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 2)::before {
        width: 42.1333333333vw;
        height: 39.4666666667vw;
        top: -19.7333333333vw;
        right: -15.4666666667vw;
        left: auto;
        background-image: url(../img/brand/deco02-sp.png); } }
  .detail:nth-of-type(8n + 3)::before {
    width: 293px;
    height: 308px;
    bottom: -151px;
    right: -209px;
    background-image: url(../img/brand/deco03.png); }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 3)::before {
        width: 22.5384615385vw;
        height: 23.6923076923vw;
        bottom: -11.6153846154vw;
        right: -16.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 3)::before {
        display: none; } }
  .detail:nth-of-type(8n + 4)::before {
    width: 369px;
    height: 338px;
    top: -119px;
    left: -221px;
    background-image: url(../img/brand/deco04.png);
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 4)::before {
        width: 28.3846153846vw;
        height: 26vw;
        top: -9.1538461538vw;
        left: -17vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 4)::before {
        width: 39.4666666667vw;
        height: 36.8vw;
        top: 62.1333333333vw;
        left: -19.7333333333vw; } }
  .detail:nth-of-type(8n + 5)::before {
    width: 467px;
    height: 465px;
    bottom: -305px;
    left: 343px;
    background-image: url(../img/brand/deco05.png);
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 5)::before {
        width: 35.9230769231vw;
        height: 35.7692307692vw;
        bottom: -23.4615384615vw;
        left: 26.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 5)::before {
        width: 54.9333333333vw;
        height: 61.6vw;
        bottom: -43.4666666667vw;
        left: auto;
        right: -26.6666666667vw; } }
  .detail:nth-of-type(8n + 6)::before {
    width: 186px;
    height: 189px;
    bottom: -79px;
    left: 472px;
    background-image: url(../img/brand/deco06.png); }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 6)::before {
        width: 14.3076923077vw;
        height: 14.5384615385vw;
        bottom: -6.0769230769vw;
        left: 36.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 6)::before {
        width: 28.2666666667vw;
        height: 30.9333333333vw;
        bottom: 70.1333333333vw;
        left: 68.2666666667vw; } }
  .detail:nth-of-type(8n + 7)::before {
    width: 468px;
    height: 479px;
    bottom: -330px;
    right: -299px;
    background-image: url(../img/brand/deco07.png);
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 7)::before {
        width: 36vw;
        height: 36.8461538462vw;
        bottom: -25.3846153846vw;
        right: -23vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 7)::before {
        width: 41.6vw;
        height: 60vw;
        top: 57.8666666667vw;
        bottom: auto;
        right: -8vw;
        background-image: url(../img/brand/deco07-sp.png); } }
  .detail:nth-of-type(8n + 8)::before {
    width: 369px;
    height: 338px;
    bottom: -169px;
    left: -254px;
    background-image: url(../img/brand/deco08.png);
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .detail:nth-of-type(8n + 8)::before {
        width: 28.3846153846vw;
        height: 26vw;
        bottom: -13vw;
        left: -19.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .detail:nth-of-type(8n + 8)::before {
        width: 50vw;
        height: 45vw;
        bottom: -40vw;
        left: -18vw; } }

/* handling
---------------------------------------------------------------------------*/
.handling {
  background-color: #F7F6F0;
  margin-top: 130px;
  padding-bottom: 80px;
  padding-top: 80px; }
  @media screen and (max-width: 1300px) {
    .handling {
      margin-top: 10vw;
      padding-bottom: 6.1538461538vw;
      padding-top: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .handling {
      margin-top: 34.6666666667vw;
      padding-bottom: 10.6666666667vw;
      padding-top: 16vw; } }
  @media screen and (max-width: 480px) {
    .handling .ttl-ja.big {
      line-height: 1.5; } }
  .handling ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 1100px;
    margin: 0 auto;
    gap: 40px; }
    @media screen and (max-width: 1300px) {
      .handling ul {
        width: 84.6153846154vw;
        gap: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .handling ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 88vw;
        gap: 10.6666666667vw; } }
    .handling ul li {
      width: 530px;
      background-color: #ffffff;
      padding: 40px 32px; }
      @media screen and (max-width: 1300px) {
        .handling ul li {
          width: 40.7692307692vw;
          padding: 3.0769230769vw 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .handling ul li {
          width: 100%;
          padding: 6.4vw 4.2666666667vw; } }
  .handling dt {
    font-family: "Hiragino Mincho ProN", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 24px;
    color: #2E919F;
    margin-bottom: 20px;
    line-height: 1.5; }
    @media screen and (max-width: 1300px) {
      .handling dt {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .handling dt {
        font-size: 6.4vw; } }
    @media screen and (max-width: 1300px) {
      .handling dt {
        margin-bottom: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .handling dt {
        margin-bottom: 5.3333333333vw; } }
  .handling dd {
    font-size: 16px;
    line-height: 2; }
    @media screen and (max-width: 1300px) {
      .handling dd {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .handling dd {
        font-size: 4.2666666667vw; } }
    .handling dd::before {
      content: "・"; }
  .handling-more {
    text-align: right;
    font-size: 14px;
    width: 1100px;
    margin: 0 auto;
    padding-top: 20px; }
    @media screen and (max-width: 1300px) {
      .handling-more {
        font-size: 1.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .handling-more {
        font-size: 3.7333333333vw; } }
    @media screen and (max-width: 1300px) {
      .handling-more {
        width: 84.6153846154vw;
        padding-top: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .handling-more {
        width: 88vw;
        padding-top: 5.3333333333vw; } }