/** Shopify CDN: Minification failed

Line 187:8 All "@import" rules must come first
Line 188:8 All "@import" rules must come first
Line 7650:3 Unexpected "<"
Line 7667:3 Unexpected "<"
Line 7672:3 Unexpected "<"
Line 8756:18 Expected ":"
Line 8756:25 Expected ":"
Line 8978:3 Unexpected "<"
Line 9300:1 Expected "}" to go with "{"

**/
/* ブログリスト */
.add-repair-detail-list {
}

.collection-header__container {
  padding-top: 0px;
}

.add-repair-detail-list__inner {
  max-width: 1296px;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--spacer) * 3);
  padding-left: calc(var(--spacer) * 3);
}

.add-repair-detail-list__items {
  margin-top: 60px;
}

.add-repair-detail-list__item {
  list-style: none;
}

.add-repair-detail-list__card {
  display: block;
}

.add-repair-detail-list__card-title {
  margin-top: 10px;
  text-align: center;
  color: #1A1B18;
}

.add-repair-detail-list__heading {
	color: #000;
	text-align: center;
	margin-top: 8px;
}

.add-repair-detail-list__card-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.add-repair-detail-list__link {
  text-align: center;
  margin-top: 60px;
}

.btn-typeA {
  display: inline-block;
  position: relative;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background: #102350;
  width: 500px;
  padding: 20px;
  border-radius: 100px;
}

.btn-typeA:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transition: .15s;
}

/* オーバーホールの流れ */
.add-overhaul-flow {
	padding-top: 60px;
	padding-bottom: 60px;
}

.add-overhaul-flow__inner {
	max-width: 1296px;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--spacer) * 3);
  padding-left: calc(var(--spacer) * 3);
}

.add-overhaul-flow__grids {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}

.add-overhaul-flow__grid {
	list-style: none;
	position: relative;
}

.add-overhaul-flow__number {
	position: absolute;
	top: .5rem;
	left: .5rem;
	width: 2rem;
	height: 2rem;
	background-color: #062854;
	border-radius: 50%;
	color: #fff;
	display: grid;
	place-items: center;
}

.add-overhaul-flow__img img {
	object-fit: cover;
}

.add-overhaul-flow__caption {
	text-align: left;
	margin-top: 5px;
      margin-bottom:1.0rem;
}

@media screen and (max-width: 750px) {
  .add-overhaul-flow__img img {
	object-fit: cover;
    margin-bottom:1.0rem;
}
}

@media screen and (min-width: 750px) {
	.add-overhaul-flow__grids {
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
	}
	.add-overhaul-flow__caption {
		margin-top: 10px;
      margin-bottom: 1.0rem;
	}

}

.add-blog-heading {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: calc(var(--font-size-base)*3);
	padding: 6rem 0;
}

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

    .add-blog-heading {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: calc(var(--font-size-base)*2);
	padding: 3rem 0;
}
}

.add-other-detail__item {
  list-style: none;
}


/* 既存CSS */
        @import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap");
        @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap');

        html,
        body,
        div,
        span,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        abbr,
        address,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        samp,
        small,
        strong,
        sub,
        sup,
        var,
        b,
        i,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section,
        summary,
        time,
        mark,
        audio,
        video {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }

        body {
          line-height: 1;
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
              display: block;
        }

        nav ul {
          list-style: none;
        }

        blockquote,
        q {
          quotes: none;
        }

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

        figure {
          margin: 0;
        }

        a {
          margin: 0;
          padding: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }

        /* change colours to suit your needs */
        ins {
          background-color: #ff9;
          color: #000;
          text-decoration: none;
        }

        /* change colours to suit your needs */
        mark {
          background-color: #ff9;
          color: #000;
          font-style: italic;
          font-weight: bold;
        }

        del {
          text-decoration: line-through;
        }

        abbr[title],
        dfn[title] {
          border-bottom: 1px dotted;
          cursor: help;
        }

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

        /* change border colour to suit your needs */
        hr {
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid #cccccc;
          margin: 1em 0;
          padding: 0;
        }

        input,
        select {
          vertical-align: middle;
        }

        .row,
        .itemList {
          display: flex;
          flex-wrap: wrap;
          box-sizing: border-box;
          margin-right: -15px;
          margin-left: -15px;
        }

        @media (max-width: 1200px) {

          .row,
          .itemList {
            margin-right: -7.5px;
            margin-left: -7.5px;
          }
        }

        .no-gutters {
          margin-right: 0;
          margin-left: 0;
        }

        .no-gutters>.col,
        .no-gutters>[class*="col-"] {
          padding-right: 0;
          padding-left: 0;
        }

        .col-1,
        .col-2,
        .col-1_5,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-10,
        .col-11,
        .col-12,
        .col,
        .col-auto,
        .col-sp2-1,
        .col-sp2-2,
        .col-sp2-3,
        .col-sp2-4,
        .col-sp2-5,
        .col-sp2-6,
        .col-sp2-7,
        .col-sp2-8,
        .col-sp2-9,
        .col-sp2-10,
        .col-sp2-11,
        .col-sp2-12,
        .col-sp2,
        .col-sp2-auto,
        .col-sp-1,
        .col-sp-2,
        .col-sp-1_5,
        .col-sp-3,
        .col-sp-4,
        .col-sp-5,
        .col-sp-6,
        .col-sp-7,
        .col-sp-8,
        .col-sp-9,
        .col-sp-10,
        .col-sp-11,
        .col-sp-12,
        .col-sp,
        .col-sp-auto,
        .col-tab-1,
        .col-tab-2,
        .col-tab-1_5,
        .col-tab-3,
        .col-tab-4,
        .col-tab-5,
        .col-tab-6,
        .col-tab-7,
        .col-tab-8,
        .col-tab-9,
        .col-tab-10,
        .col-tab-11,
        .col-tab-12,
        .col-tab,
        .col-tab-auto,
        .col-pc-1,
        .col-pc-2,
        .col-pc-1_5,
        .col-pc-3,
        .col-pc-4,
        .col-pc-5,
        .col-pc-6,
        .col-pc-7,
        .col-pc-8,
        .col-pc-9,
        .col-pc-10,
        .col-pc-11,
        .col-pc-12,
        .col-pc,
        .col-pc-auto,
        .itemList__unit {
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          margin-bottom: 30px;
          list-style: none;
        }

        @media (max-width: 1200px) {

          .col-1,
          .col-2,
          .col-1_5,
          .col-3,
          .col-4,
          .col-5,
          .col-6,
          .col-7,
          .col-8,
          .col-9,
          .col-10,
          .col-11,
          .col-12,
          .col,
          .col-auto,
          .col-sp2-1,
          .col-sp2-2,
          .col-sp2-3,
          .col-sp2-4,
          .col-sp2-5,
          .col-sp2-6,
          .col-sp2-7,
          .col-sp2-8,
          .col-sp2-9,
          .col-sp2-10,
          .col-sp2-11,
          .col-sp2-12,
          .col-sp2,
          .col-sp2-auto,
          .col-sp-1,
          .col-sp-2,
          .col-sp-1_5,
          .col-sp-3,
          .col-sp-4,
          .col-sp-5,
          .col-sp-6,
          .col-sp-7,
          .col-sp-8,
          .col-sp-9,
          .col-sp-10,
          .col-sp-11,
          .col-sp-12,
          .col-sp,
          .col-sp-auto,
          .col-tab-1,
          .col-tab-2,
          .col-tab-1_5,
          .col-tab-3,
          .col-tab-4,
          .col-tab-5,
          .col-tab-6,
          .col-tab-7,
          .col-tab-8,
          .col-tab-9,
          .col-tab-10,
          .col-tab-11,
          .col-tab-12,
          .col-tab,
          .col-tab-auto,
          .col-pc-1,
          .col-pc-2,
          .col-pc-1_5,
          .col-pc-3,
          .col-pc-4,
          .col-pc-5,
          .col-pc-6,
          .col-pc-7,
          .col-pc-8,
          .col-pc-9,
          .col-pc-10,
          .col-pc-11,
          .col-pc-12,
          .col-pc,
          .col-pc-auto,
          .itemList__unit {
            margin-bottom: 15px;
            padding-right: 7.5px;
            padding-left: 7.5px;
          }
        }

        .col {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
        }

        .col-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }

        .col-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }

        .col-2,
        .itemList--6 .itemList__unit {
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }

        .col-1_5,
        .itemList--5 .itemList__unit {
          flex: 0 0 20%;
          max-width: 20%;
        }

        .col-3,
        .itemList--4 .itemList__unit {
          flex: 0 0 25%;
          max-width: 25%;
        }

        .col-4,
        .itemList--3 .itemList__unit {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }

        .col-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }

        .col-6,
        .itemList--2 .itemList__unit {
          flex: 0 0 50%;
          max-width: 50%;
        }

        .col-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }

        .col-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }

        .col-9 {
          flex: 0 0 75%;
          max-width: 75%;
        }

        .col-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }

        .col-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }

        .col-12,
        .itemList--1 .itemList__unit {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .order-first {
          order: -1;
        }

        .order-last {
          order: 13;
        }

        .order-0 {
          order: 0;
        }

        .order-1 {
          order: 1;
        }

        .order-2 {
          order: 2;
        }

        .order-3 {
          order: 3;
        }

        .order-4 {
          order: 4;
        }

        .order-5 {
          order: 5;
        }

        .order-6 {
          order: 6;
        }

        .order-7 {
          order: 7;
        }

        .order-8 {
          order: 8;
        }

        .order-9 {
          order: 9;
        }

        .order-10 {
          order: 10;
        }

        .order-11 {
          order: 11;
        }

        .order-12 {
          order: 12;
        }

        .offset-1 {
          margin-left: 8.333333%;
        }

        .offset-2 {
          margin-left: 16.666667%;
        }

        .offset-3 {
          margin-left: 25%;
        }

        .offset-4 {
          margin-left: 33.333333%;
        }

        .offset-5 {
          margin-left: 41.666667%;
        }

        .offset-6 {
          margin-left: 50%;
        }

        .offset-7 {
          margin-left: 58.333333%;
        }

        .offset-8 {
          margin-left: 66.666667%;
        }

        .offset-9 {
          margin-left: 75%;
        }

        .offset-10 {
          margin-left: 83.333333%;
        }

        .offset-11 {
          margin-left: 91.666667%;
        }

        .col-pc {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
        }

        .col-pc-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }

        .col-pc-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }

        .col-pc-2,
        .itemList-pc--6 .itemList__unit {
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }

        .col-pc-1_5,
        .itemList-pc--5 .itemList__unit {
          flex: 0 0 20%;
          max-width: 20%;
        }

        .col-pc-3,
        .itemList-pc--4 .itemList__unit {
          flex: 0 0 25%;
          max-width: 25%;
        }

        .col-pc-4,
        .itemList-pc--3 .itemList__unit {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }

        .col-pc-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }

        .col-pc-6,
        .itemList-pc--2 .itemList__unit {
          flex: 0 0 50%;
          max-width: 50%;
        }

        .col-pc-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }

        .col-pc-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }

        .col-pc-9 {
          flex: 0 0 75%;
          max-width: 75%;
        }

        .col-pc-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }

        .col-pc-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }

        .col-pc-12,
        .itemList-pc--1 .itemList__unit {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .order-pc-first {
          order: -1;
        }

        .order-pc-last {
          order: 13;
        }

        .order-pc-0 {
          order: 0;
        }

        .order-pc-1 {
          order: 1;
        }

        .order-pc-2 {
          order: 2;
        }

        .order-pc-3 {
          order: 3;
        }

        .order-pc-4 {
          order: 4;
        }

        .order-pc-5 {
          order: 5;
        }

        .order-pc-6 {
          order: 6;
        }

        .order-pc-7 {
          order: 7;
        }

        .order-pc-8 {
          order: 8;
        }

        .order-pc-9 {
          order: 9;
        }

        .order-pc-10 {
          order: 10;
        }

        .order-pc-11 {
          order: 11;
        }

        .order-pc-12 {
          order: 12;
        }

        .offset-pc-0 {
          margin-left: 0;
        }

        .offset-pc-1 {
          margin-left: 8.333333%;
        }

        .offset-pc-2 {
          margin-left: 16.666667%;
        }

        .offset-pc-3 {
          margin-left: 25%;
        }

        .offset-pc-4 {
          margin-left: 33.333333%;
        }

        .offset-pc-5 {
          margin-left: 41.666667%;
        }

        .offset-pc-6 {
          margin-left: 50%;
        }

        .offset-pc-7 {
          margin-left: 58.333333%;
        }

        .offset-pc-8 {
          margin-left: 66.666667%;
        }

        .offset-pc-9 {
          margin-left: 75%;
        }

        .offset-pc-10 {
          margin-left: 83.333333%;
        }

        .offset-pc-11 {
          margin-left: 91.666667%;
        }

        @media (max-width: 991px) {
          .col-tab {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-tab-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-tab-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-tab-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-tab-3,
          .itemList-tab--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-tab-4,
          .itemList-tab--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-tab-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-tab-6,
          .itemList-tab--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-tab-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-tab-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-tab-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-tab-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-tab-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-tab-12,
          .itemList-tab--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-tab-first {
            order: -1;
          }

          .order-tab-last {
            order: 13;
          }

          .order-tab-0 {
            order: 0;
          }

          .order-tab-1 {
            order: 1;
          }

          .order-tab-2 {
            order: 2;
          }

          .order-tab-3 {
            order: 3;
          }

          .order-tab-4 {
            order: 4;
          }

          .order-tab-5 {
            order: 5;
          }

          .order-tab-6 {
            order: 6;
          }

          .order-tab-7 {
            order: 7;
          }

          .order-tab-8 {
            order: 8;
          }

          .order-tab-9 {
            order: 9;
          }

          .order-tab-10 {
            order: 10;
          }

          .order-tab-11 {
            order: 11;
          }

          .order-tab-12 {
            order: 12;
          }

          .offset-tab-0 {
            margin-left: 0;
          }

          .offset-tab-1 {
            margin-left: 8.333333%;
          }

          .offset-tab-2 {
            margin-left: 16.666667%;
          }

          .offset-tab-3 {
            margin-left: 25%;
          }

          .offset-tab-4 {
            margin-left: 33.333333%;
          }

          .offset-tab-5 {
            margin-left: 41.666667%;
          }

          .offset-tab-6 {
            margin-left: 50%;
          }

          .offset-tab-7 {
            margin-left: 58.333333%;
          }

          .offset-tab-8 {
            margin-left: 66.666667%;
          }

          .offset-tab-9 {
            margin-left: 75%;
          }

          .offset-tab-10 {
            margin-left: 83.333333%;
          }

          .offset-tab-11 {
            margin-left: 91.666667%;
          }
        }

        @media (max-width: 767px) {
          .col-sp {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-sp-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-sp-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-sp-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-sp-3,
          .itemList-sp--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-sp-4,
          .itemList-sp--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-sp-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-sp-6,
          .itemList-sp--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-sp-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-sp-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-sp-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-sp-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-sp-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-sp-12,
          .itemList-sp--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-sp-first {
            order: -1;
          }

          .order-sp-last {
            order: 13;
          }

          .order-sp-0 {
            order: 0;
          }

          .order-sp-1 {
            order: 1;
          }

          .order-sp-2 {
            order: 2;
          }

          .order-sp-3 {
            order: 3;
          }

          .order-sp-4 {
            order: 4;
          }

          .order-sp-5 {
            order: 5;
          }

          .order-sp-6 {
            order: 6;
          }

          .order-sp-7 {
            order: 7;
          }

          .order-sp-8 {
            order: 8;
          }

          .order-sp-9 {
            order: 9;
          }

          .order-sp-10 {
            order: 10;
          }

          .order-sp-11 {
            order: 11;
          }

          .order-sp-12 {
            order: 12;
          }

          .offset-sp-0 {
            margin-left: 0;
          }

          .offset-sp-1 {
            margin-left: 8.333333%;
          }

          .offset-sp-2 {
            margin-left: 16.666667%;
          }

          .offset-sp-3 {
            margin-left: 25%;
          }

          .offset-sp-4 {
            margin-left: 33.333333%;
          }

          .offset-sp-5 {
            margin-left: 41.666667%;
          }

          .offset-sp-6 {
            margin-left: 50%;
          }

          .offset-sp-7 {
            margin-left: 58.333333%;
          }

          .offset-sp-8 {
            margin-left: 66.666667%;
          }

          .offset-sp-9 {
            margin-left: 75%;
          }

          .offset-sp-10 {
            margin-left: 83.333333%;
          }

          .offset-sp-11 {
            margin-left: 91.666667%;
          }

          .itemList-sp--3,
          .itemList.itemList--typeC,
          .itemList.itemList--typeD {
            margin-left: -5px;
            margin-right: -5px;
          }

          .itemList-sp--3 .itemList__unit,
          .itemList.itemList--typeC .itemList__unit,
          .itemList.itemList--typeD .itemList__unit {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
          }

          .itemList-sp--3 .itemList__unit p,
          .itemList.itemList--typeC .itemList__unit p,
          .itemList.itemList--typeD .itemList__unit p {
            font-size: 12px;
            line-height: 20px;
          }
        }

        @media (max-width: 479px) {
          .col-sp2 {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-sp2-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-sp2-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-sp2-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-sp2-3,
          .itemList-sp2--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-sp2-4,
          .itemList-sp2--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-sp2-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-sp2-6,
          .itemList-sp2--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-sp2-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-sp2-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-sp2-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-sp2-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-sp2-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-sp2-12,
          .itemList-sp2--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-sp2-first {
            order: -1;
          }

          .order-sp2-last {
            order: 13;
          }

          .order-sp2-0 {
            order: 0;
          }

          .order-sp2-1 {
            order: 1;
          }

          .order-sp2-2 {
            order: 2;
          }

          .order-sp2-3 {
            order: 3;
          }

          .order-sp2-4 {
            order: 4;
          }

          .order-sp2-5 {
            order: 5;
          }

          .order-sp2-6 {
            order: 6;
          }

          .order-sp2-7 {
            order: 7;
          }

          .order-sp2-8 {
            order: 8;
          }

          .order-sp2-9 {
            order: 9;
          }

          .order-sp2-10 {
            order: 10;
          }

          .order-sp2-11 {
            order: 11;
          }

          .order-sp2-12 {
            order: 12;
          }

          .offset-sp2-0 {
            margin-left: 0;
          }

          .offset-sp2-1 {
            margin-left: 8.333333%;
          }

          .offset-sp2-2 {
            margin-left: 16.666667%;
          }

          .offset-sp2-3 {
            margin-left: 25%;
          }

          .offset-sp2-4 {
            margin-left: 33.333333%;
          }

          .offset-sp2-5 {
            margin-left: 41.666667%;
          }

          .offset-sp2-6 {
            margin-left: 50%;
          }

          .offset-sp2-7 {
            margin-left: 58.333333%;
          }

          .offset-sp2-8 {
            margin-left: 66.666667%;
          }

          .offset-sp2-9 {
            margin-left: 75%;
          }

          .offset-sp2-10 {
            margin-left: 83.333333%;
          }

          .offset-sp2-11 {
            margin-left: 91.666667%;
          }
        }

        html {
          font-size: 10px;
          letter-spacing: 0.5px;
          scroll-padding-top: 120px;
        }

        @media (max-width: 767px) {
          html {
            scroll-padding-top: 80px;
          }
        }

        *,
        *::before,
        *::after {
          box-sizing: border-box;
        }

        small {
          font-size: 12px;
        }

        body {
          font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-text-size-adjust: 100%;
          font-feature-settings: "palt";
          font-size: 14px;
          color: #1b1b1b;
          min-width: inherit;
          letter-spacing: 0.05em;
          background: #FFF;
          font-weight: 400;
        }

        pre {
          white-space: pre-wrap;
          word-wrap: break-word;
          overflow: auto;
        }

        input,
        textarea,
        select,
        button,
        pre {
          font-family: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol!important;
        }

        strong {
          font-weight: 700;
        }

        figure {
          text-align: center;
          margin: 0;
        }

        figure img {
          max-width: 100%;
        }

        main {
          display: block;
          width: 100%;
          position: relative;
        }

        section {
          display: block;
          width: 100%;
        }

        p {
          display: block;
          width: 100%;
          margin-bottom: 24px;
          font-feature-settings: "palt";
          font-size: 18px;
          line-height: 24px;
        }

        p:last-child {
          margin-bottom: 0;
        }

        @media (max-width: 767px) {
          p {
            font-size: 12px;
          }
        }

        .container {
          width: 100%;
          margin-right: auto;
          margin-left: auto;
          padding: 0 15px;
          max-width: 100%;
        }

        @media (min-width: 1200px) {
          .container {
            padding: 0;
            max-width: 1200px;
          }
        }

        @media (min-width: 1200px) {

          .container.pcFull,
          .hdrInner.pcFull {
            max-width: 100%;
            padding: 0 30px;
          }
        }

        .noHiddenContainer {
          overflow: hidden;
        }

        .noHiddenContainer .container,
        .noHiddenContainer .slick-list {
          overflow: visible;
        }

        .container--narrow {
          width: 800px;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
        }

        .row img {
          max-width: 100%;
        }

        i.material-icons {
          font-size: 24px;
        }

        @media (max-width: 991px) {
          .pcOnly {
            display: none !important;
          }
        }

        @media (min-width: 992px) {
          .spOnly {
            display: none !important;
          }
        }

        #container:not(.topPage) {
          max-width: 1200px;
          margin: auto;
        }

        @media (max-width: 1200px) and (min-width: 992px) {
          #container:not(.topPage) {
            padding: 0 20px;
          }

          #container #side {
            display: none !important;
          }
        }

        @media (max-width: 991px) {
          #container #main {
            width: 100% !important;
          }

          #container #side {
            display: none !important;
          }
        }

        @media (max-width: 1200px) {
          #container {
            max-width: 100% !important;
          }
        }

        /*サイド メイン100%*/
        #side {
          display: none;
        }

        #main {
          float: none;
        }

        #container:not(.topPage) {
          width: 1200px;
          margin-left: auto;
          margin-right: auto;
        }

        #container.topPage #main {
          width: 100%;
          padding: 0;
        }

        #container:after {
          content: "";
          display: table;
          clear: both;
        }

        .highlight {
          background: #f2f2f2;
          color: #1b1b1b;
          padding: 60px 0;
        }

        @media (max-width: 767px) {
          .highlight {
            padding: 40px 0;
          }
        }

        .reverse.row {
          flex-direction: row-reverse;
        }

        .text-center,
        .text--center {
          text-align: center !important;
        }

        .text--right {
          text-align: right !important;
        }

        .text--left {
          text-align: left !important;
        }

        h2.text--right span,
        h2.text--right small {
          text-align: right !important;
        }

        h2.text--left span,
        h2.text--left small {
          text-align: left !important;
        }

        @media screen and (min-width: 768px) {
          .pc--text--center {
            text-align: center;
          }

          .pc--text--right {
            text-align: right;
          }

          .pc--text--left {
            text-align: left !important;
          }
        }

        .text--white {
          color: #FFF !important;
        }

        .text--xxxlarge {
          font-size: 32px;
        }

        .text--xxlarge {
          font-size: 24px;
        }

        .text--xlarge {
          font-size: 18px;
        }

        .text--large {
          font-size: 16px;
        }

        .text--small {
          font-size: 12px;
        }

        .text--xsmall {
          font-size: 10px;
        }

        @media screen and (max-width: 767px) {
          .text--xxxlarge {
            font-size: 24px;
          }

          .text--xxlarge {
            font-size: 20px;
          }
        }

        .text--primary {
          color: #108A65 !important;
        }

        .text--secondary {
          color: #726551 !important;
        }

        @media screen and (min-width: 992px) {
          .text--verticalPC {
            text-orientation: upright;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
          }

          .text--verticalPC h2,
          .text--verticalPC h3,
          .text--verticalPC p {
            margin-bottom: 0;
            margin-left: 30px;
            line-height: 2;
            letter-spacing: 0.15em;
          }

          .text--verticalPC h2:last-child,
          .text--verticalPC h3:last-child,
          .text--verticalPC p:last-child {
            margin-left: 0;
          }

          .text--verticalPC h2 {
            letter-spacing: 0.2em;
          }
        }

        .bg--primary {
          background: #102350 !important;
          color: #ffffff !important;
          margin-top: -3px;
        }

        .bg--primary h2,
        .bg--primary h3,
        .bg--primary p {
          color: #ffffff;
        }

        .bg--secondary {
          background: #726551 !important;
          color: #ffffff !important;
        }

        .bg--secondary h2,
        .bg--secondary h3,
        .bg--secondary p {
          color: #ffffff;
        }

        .bg--highlight {
          background: #f2f2f2 !important;
        }

        .bg--white {
          background: #fff !important;
        }

        .text--black {
          color: #1b1b1b !important;
        }

        .mincho,
        .text--serif {
          font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
        }

        .flex-center,
        .tab--typeB .tabSwitch,
        .tab--typeC .tabSwitch,
        .iconNav__cart .cartAmount {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .flex-center .flex-center__inner,
        .tab--typeB .tabSwitch .flex-center__inner,
        .tab--typeC .tabSwitch .flex-center__inner,
        .iconNav__cart .cartAmount .flex-center__inner {
          display: block;
          width: 100%;
        }

        .alignCenter,
        .newsList li,
        [class*="iconButton"],
        a[class*="iconButton"],
        .newsList--typeB,
        .tab--typeA .tabSwitch li,
        .hdr--typeE .hdrMiddle__middle,
        .hdr--typeE .hdrBottom .hdrInner,
        .telAndTime>div {
          display: -ms-flex;
          display: flex;
          align-items: center;
        }

        .alignCenter__wrap {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .mb0 {
          margin-bottom: 0 !important;
        }

        .mb15 {
          margin-bottom: 15px !important;
        }

        .mb30 {
          margin-bottom: 30px !important;
        }

        .mb60 {
          margin-bottom: 60px !important;
        }

        .mb80 {
          margin-bottom: 80px !important;
        }

        .mb100 {
          margin-bottom: 100px !important;
        }

        .mt0 {
          margin-top: 0 !important;
        }

        .mt15 {
          margin-top: 15px !important;
        }

        .mt30 {
          margin-top: 30px !important;
        }

        .dnone {
          display: none;
        }

        .p0 {
          padding: 0;
        }

        .iframeWrap {
          padding-top: 56.25%;
          position: relative;
        }

        .iframeWrap iframe {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2;
        }

        video {
          max-width: 100%;
        }

        #side img {
          max-width: 100%;
        }

        #side .hasChildren>ul,
        #side .hasChildren--click>ul {
          display: none;
        }

        #side .hasChildren>ul li,
        #side .hasChildren--click>ul li {
          background: #f2f2f2;
          padding: 0 0px 0 12px;
        }

        #side .hasChildren>ul li:last-child,
        #side .hasChildren--click>ul li:last-child {
          border-bottom: 0;
        }

        #side .hasChildren>a:after {
          transform: rotate(135deg) translateY(-50%);
        }

        #side .hasChildren>a.open:after {
          transform: rotate(-45deg) translateY(-50%);
        }

        #side .hasChildren>a:hover:after {
          right: 15px;
          top: calc(50% + 3px);
        }

        #side .snsNav {
          justify-content: center;
        }

        .side__search {
          margin-bottom: 30px;
        }

        .side__search .searchForm__inner {
          width: 100%;
        }

        .sideTitle {
          font-size: 16px;
          font-weight: 700;
          line-height: 24px;
          padding: 12px 0;
          margin-bottom: 0;
        }

        .side__bnr {
          display: block;
          margin-bottom: 20px;
        }

        .side__bnr a {
          display: block;
        }

        .side__bnr .row {
          margin-left: -7px;
          margin-right: -7px;
        }

        .side__bnr [class*=col] {
          padding-left: 7px;
          padding-right: 7px;
          margin-bottom: 14px;
        }

        .side__cateNav {
          margin-bottom: 30px;
        }

        .side__cateNav ul {
          list-style: none;
          border-top: 1px solid #dfdfdf;
        }

        .side__cateNav ul li {
          list-style: none;
          border-bottom: 1px solid #dfdfdf;
        }

        .side__cateNav ul li a {
          display: block;
          line-height: 24px;
          padding: 12px;
        }

        .side__cateNav ul li a:hover {
          background: #f2f2f2;
          color: #108A65;
        }

        #side .hasChildren--click>h3,
        #side .hasChildren--click>a,
        .cateList .hasChildren--click>h3,
        .cateList .hasChildren--click>a {
          position: relative;
          cursor: pointer;
        }

        #side .hasChildren--click>h3:before,
        #side .hasChildren--click>h3:after,
        #side .hasChildren--click>a:before,
        #side .hasChildren--click>a:after,
        .cateList .hasChildren--click>h3:before,
        .cateList .hasChildren--click>h3:after,
        .cateList .hasChildren--click>a:before,
        .cateList .hasChildren--click>a:after {
          width: 10px;
          height: 2px;
          transform: translateY(-50%);
          border: 0;
          right: 13px;
          background: #1b1b1b;
          display: block;
          position: absolute;
          transition: 0.15s;
          top: 50%;
        }

        #side .hasChildren--click>h3:after,
        #side .hasChildren--click>a:after,
        .cateList .hasChildren--click>h3:after,
        .cateList .hasChildren--click>a:after {
          content: "";
        }

        #side .hasChildren--click>h3:before,
        #side .hasChildren--click>a:before,
        .cateList .hasChildren--click>h3:before,
        .cateList .hasChildren--click>a:before {
          content: "";
          display: block;
          position: absolute;
          transition: 0.15s;
          top: 50%;
          transform: rotate(90deg) translateY(-50%);
          transform-origin: top center;
        }

        #side .hasChildren--click>h3.open:before,
        #side .hasChildren--click>a.open:before,
        .cateList .hasChildren--click>h3.open:before,
        .cateList .hasChildren--click>a.open:before {
          opacity: 0;
          transform: translateY(-50%);
        }

        #side .hasChildren--click>h3:hover:before,
        #side .hasChildren--click>h3:hover:after,
        #side .hasChildren--click>a:hover:before,
        #side .hasChildren--click>a:hover:after,
        .cateList .hasChildren--click>h3:hover:before,
        .cateList .hasChildren--click>h3:hover:after,
        .cateList .hasChildren--click>a:hover:before,
        .cateList .hasChildren--click>a:hover:after {
          background: #108A65;
          right: 13px !important;
        }

        .side__txtBnr {
          text-align: center;
          padding: 10px 20px;
          display: block;
          border: 5px solid #108A65;
        }

        .side__txtBnr strong {
          font-size: 16px;
          display: block;
          line-height: 24px;
        }

        .side__txtBnr small {
          font-size: 12px;
          display: block;
          line-height: 24px;
          color: #108A65;
        }

        .side__txtBnr:before {
          content: "";
          display: block;
          top: 50%;
          right: 9px;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          position: absolute;
          background: #108A65;
          transform: translateY(-50%);
          transition: 0.2s;
        }

        .side__txtBnr:after {
          border-color: #fff !important;
        }

        .side__txtBnr:hover:before {
          right: 6px;
          transition: 0.2s;
        }

        .side__txtBnr--typeB {
          background: #108A65;
          color: #fff;
        }

        .side__txtBnr--typeB:before {
          background: #fff;
        }

        .side__txtBnr--typeB:after {
          border-color: #108A65 !important;
        }

        .side__txtBnr--typeB strong,
        .side__txtBnr--typeB small {
          color: #fff;
        }

        .side__cateNav .hasChildren--hover {
          position: relative;
        }

        .side__cateNav .hasChildren--hover>ul {
          position: absolute;
          top: -1px;
          left: 100%;
          z-index: 2;
          opacity: 0;
          visibility: hidden;
          background-color: #fff;
          border: 1px solid #dfdfdf;
          box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
          width: 250px;
          padding: 10px;
        }

        .side__cateNav .hasChildren--hover>ul>li {
          border-bottom: transparent;
        }

        .side__cateNav .hasChildren--hover>ul>li.hasChildren--hover-img a:after {
          content: none !important;
        }

        .side__cateNav .hasChildren--hover>ul>li>a {
          padding: 5px;
        }

        .side__cateNav .hasChildren--hover>ul>li>a:hover {
          color: #108A65;
          background-color: #fff;
        }

        .side__cateNav .hasChildren--hover>ul>li>a:hover:after {
          border-top: 2px solid #108A65;
          border-right: 2px solid #108A65;
        }

        .side__cateNav .hasChildren--hover:hover>ul {
          opacity: 1;
          visibility: visible;
        }

        .side__cateNav+.side__cateNav {
          margin-top: 15px;
        }

        .conceptA {
          padding: 40px 10px;
          background: url("");
          position: relative;
          overflow: hidden;
        }

        .conceptA .container {
          position: relative;
          z-index: 3;
          background: rgba(255, 255, 255, 0.8);
          padding: 40px 20px;
        }

        .conceptA p {
          line-height: 30px;
        }

        @media (max-width: 767px) {
          .conceptA {
            padding: 30px 20px;
          }

          .conceptA .container {
            padding: 30px 20px;
          }
        }

        .conceptA__bg {
          z-index: 2;
          position: absolute;
          display: block;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
        }

        .conceptB .conceptB__textWrap {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .conceptB .text--left,
        .conceptB .text--left small {
          text-align: left !important;
        }

        .conceptC {
          position: relative;
          overflow: hidden;
        }

        .conceptC .conceptC__text {
          position: relative;
          z-index: 3;
          background: rgba(255, 255, 255, 0.9);
          padding: 60px;
          margin: 60px;
          width: 520px;
        }

        .conceptC .conceptC__text.text--verticalPC,
        .conceptC .conceptC__text.text--vertical {
          width: auto;
        }

        .conceptC .conceptC__text:not(.conceptC__text--right) {
          margin-right: auto !important;
        }

        .conceptC .conceptC__text--right {
          margin-left: auto !important;
        }

        .conceptC .container:not(.conceptC__bg)>.conceptC__text {
          margin: 60px 0px;
        }

        .conceptC.conceptC2 .conceptC__text {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .conceptC p {
          line-height: 30px;
        }

        .conceptC .text--verticalPC p {
          line-height: 2;
          height: max-content;
        }

        @media (max-width: 767px) {
          .conceptC .conceptC__bg.container {
            padding: 30px 20px;
          }

          .conceptC.conceptC__bg {
            padding: 30px 20px;
            background-size: cover;
            background-attachment: inherit;
          }

          .conceptC.conceptC__bg.container {
            background-size: cover;
          }

          .conceptC.conceptC__bg .container {
            padding: 0;
          }

          .conceptC .conceptC__text {
            position: relative;
            z-index: 3;
            background: #fff;
            padding: 30px 20px;
            margin: 0;
            width: 100% !important;
          }

          .conceptC .conceptC__text p {
            line-height: 24px;
          }

          .conceptC .conceptC__text--right {
            margin: 0;
          }
        }

        .conceptC .bgTransparent {
          background: transparent !important;
        }

        @media (min-width: 768px) {
          .conceptC .bgTransparent {
            padding: 60px 0 !important;
          }
        }

        @media (max-width: 767px) {
          .conceptC .bgTransparent {
            padding: 0 !important;
          }
        }

        .conceptC__bg {
          z-index: 2;
          overflow: hidden;
          position: relative;
          display: block;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }

        .conceptC__bg.container {
          background-size: 1200px auto;
        }

        .conceptD__row {
          display: -ms-flex;
          display: flex;
          overflow: hidden;
        }

        .conceptD__img,
        .conceptD__text {
          max-width: calc(50% + 30px);
          flex: 0 0 calc(50% + 30px);
        }

        .conceptD__img {
          position: relative;
          z-index: 2;
        }

        .conceptD__img img {
          z-index: 2;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 60px;
          left: 0;
          max-width: 100%;
          width: 100%;
          height: calc(100% - 60px);
          -o-object-fit: cover;
          object-fit: cover;
        }

        @media all and (-ms-high-contrast: none) {
          .conceptD__img img {
            position: relative;
            height: auto !important;
          }
        }

        .conceptD__text {
          position: relative;
          z-index: 3;
          margin: 60px 0 0px -60px;
          padding: 60px;
          background: #fff;
        }

        .conceptD2 .conceptD__text {
          margin: 111px 0 111px -60px;
        }

        @media (max-width: 767px) {
          .conceptD2 .container {
            padding: 0;
          }
        }

        @media (max-width: 767px) {
          .conceptD2 .conceptD__text {
            margin: -140px 15px 0;
          }
        }

        @media (min-width: 768px) {
          .conceptD__row--textLeft {
            padding-bottom: 60px;
          }

          .conceptD__row--textLeft .conceptD__img {
            order: 2;
            margin-top: 60px;
          }

          .conceptD__row--textLeft img {
            bottom: -60px;
            height: calc(100% + 60px);
          }

          .conceptD__row--textLeft .conceptD__text {
            order: 1;
            margin: 0px -60px 0px 0;
            padding: 60px;
          }
        }

        @media (max-width: 767px) {
          .conceptD__row {
            flex-wrap: wrap;
          }

          .conceptD__img,
          .conceptD__text {
            max-width: 100%;
            flex: 0 0 100%;
          }

          .conceptD__img img {
            position: relative;
            bottom: 0;
            height: auto;
          }

          .conceptD__text {
            position: relative;
            z-index: 3;
            margin: -60px 0 0;
            padding: 30px 15px;
            background: #000;
            color: #fff;
          }

          .conceptD__text h2 span,
          .conceptD__text h2 small {
            color: #fff;
          }

          .conceptD__text p {
            font-size: 12px;
          }
        }

        .conceptE__bg {
          position: relative;
          overflow: hidden;
          height: 400px;
          z-index: 2;
        }

        .conceptE__bg img {
          position: absolute;
          top: -300%;
          bottom: -300%;
          left: -300%;
          right: -300%;
          margin: auto;
          width: 1920px;
          max-width: none;
        }

        .conceptE__text {
          width: 750px;
          position: relative;
          z-index: 3;
          margin-top: -100px;
          margin-left: auto;
          margin-right: auto;
          background: #fff;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
          padding: 40px;
        }

        .conceptE__text h2 {
          margin-bottom: 15px;
        }

        @media (max-width: 991px) {
          .conceptE__text {
            padding: 30px 15px;
            width: calc(100% - 30px);
            margin: -50px 15px 0 15px;
          }
        }

        .bgBlack {
          background: #000;
          color: #fff;
        }

        .bgBlack h2 span,
        .bgBlack h2 small {
          color: #fff;
        }

        .bgBlack.conceptC__text {
          background: rgba(0, 0, 0, 0.9);
        }

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



        /* copy*/
        @media (min-width: 768px) {
          .itemArrange__wrap {
            display: -ms-flex;
            display: flex;
            flex-wrap: wrap;
          }

          .itemArrange__wrap>* {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__img {
            order: 2;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__img:after {
            bottom: auto;
            top: -40px;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__text {
            margin-bottom: 30px !important;
          }
        }

        .itemArrange h3 {
          font-size: 20px;
          line-height: 36px;
          margin-bottom: 12px;
        }

        .itemArrange *:last-child {
          margin-bottom: 0 !important;
        }

        @media (max-width: 767px) {
          .itemArrange *:last-child {
            width: auto;
          }
        }

        .itemArrange--typeA .itemArrange__img:after {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          height: 100px;
          background: #1b1b1b;
          right: 40px;
          bottom: -60px;
        }

        .itemArrange--typeB .itemArrange__wrap {
          padding: 30px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__img {
          flex: 0 0 44%;
          max-width: 44%;
          margin-bottom: 0px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text {
          flex: 0 0 52%;
          max-width: 52%;
          margin-left: 4%;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text p {
          margin-bottom: 20px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .itemArrange__price {
          letter-spacing: 1px;
          line-height: 24px;
          font-size: 22px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .itemArrange__price small {
          padding-left: 3px;
          font-size: 10px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .button {
          max-width: 160px;
        }

        .itemArrange--typeE .itemArrange__text {
          padding: 0 10px;
        }

        .itemArrange--typeE .itemArrange__text h3 {
          margin-bottom: 5px;
          font-size: 24px;
        }

        .itemArrange--typeC .itemArrange__img,
        .itemArrange--typeD .itemArrange__img {
          margin-bottom: 0;
        }

        .itemArrange--typeC .itemArrange__text,
        .itemArrange--typeD .itemArrange__text {
          padding: 40px;
        }

        .itemArrange--typeC .itemArrange__text .h2C,
        .itemArrange--typeD .itemArrange__text .h2C {
          line-height: 24px;
          font-size: 18px;
          margin-bottom: 15px;
        }

        .itemArrange--typeC .itemArrange__text .button,
        .itemArrange--typeD .itemArrange__text .button {
          max-width: 200px;
        }

        .itemArrange--typeD_row {
          display: -ms-flex;
          display: flex;
          flex-wrap: wrap;
        }

        .itemArrange--typeD_row.itemArrange__text--left {
          flex-direction: row-reverse;
        }

        .itemArrange--typeD_row .itemArrange__img {
          position: relative;
          flex: 0 0 57%;
          max-width: 57%;
          min-height: 1px;
        }

        .itemArrange--typeD_row .itemArrange__img img {
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
        }

        .itemArrange--typeD_row .itemArrange__text {
          flex: 0 0 43%;
          max-width: 43%;
        }

        .itemArrange__img {
          display: block;
          margin-bottom: 20px;
          position: relative;
        }

        @media screen and (max-width: 767px) {
          .itemArrange h3 {
            font-size: 18px;
          }

          .itemArrange [class*=col] {
            margin-bottom: 30px;
          }

          .itemArrange--typeB .itemArrange__wrap {
            padding: 0;
            display: -ms-flex;
            display: flex;
            flex-wrap: wrap;
          }

          .itemArrange--typeB .itemArrange__wrap>* {
            flex: 0 0 100% !important;
            max-width: 100% !important;
          }

          .itemArrange--typeB .itemArrange__wrap .itemArrange__text {
            padding: 20px;
            margin-left: 0;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__img {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__img .conceptF__bg {
            position: static;
            -o-object-fit: inherit;
            object-fit: inherit;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__text {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeD .itemArrange__text {
            padding: 30px 20px;
          }

          .itemArrange--typeD .itemArrange__text .text--right {
            text-align: left !important;
          }

          .itemArrange__text .button {
            display: block;
          }

          .itemArrange__text .button span {
            width: 100% !important;
            max-width: 100% !important;
          }
        }

        .line .\#button {
          max-width: 300px;
        }

        @media (max-width: 991px) {
          .line .\#button {
            max-width: 270px;
          }
        }

        .\#rte h3.\#hero-heading {
          margin-bottom: 0;
          font-size: 2.7em;
        }

        @media (max-width: 991px) {
          .\#rte h3.\#hero-heading {
            font-size: 1.8em;
          }

          .\#hero-newsletter-input {
            padding: 6px 13px;
          }
        }

        .line .\#hero-newsletter .\#button {
          padding: 0 !important;
        }

        .itemArrange--typeC .itemArrange__text {
          position: relative;
          ;
          padding: 40px;
          height: 260px;
        }

        .itemArerange__button {
          position: absolute;
          bottom: 20px;
          right: 27px;
        }

        @media (max-width: 767px) {
          .itemArerange__button {
            position: absolute;
            bottom: 30px;
            right: 20px;
          }
        }

        .itemArerange__button a {
          font-weight: 700;
          font-size: 12px;
          line-height: 100%;
          text-decoration: none;
          font-family: 'Noto Sans JP';
        }

        .itemArerange__button img {
          margin-left: 3px;
        }

        .bg--primary h2,
        .bg--primary h3,
        .bg--primary p {
          color: #ffffff;
          font-weight: 400;
          font-size: 14px;
          line-height: 150%;
          /* or 21px */
          letter-spacing: 1px;
        }

        .\#rte h2.h2__example {
          font-family: 'Noto Sans JP';
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 1px;
          color: #FFFFFF;
        }

        .line section.secD {
          max-width: 100%;
          padding: 100px 0;
          background: #F9F9F9;
        }

        @media (max-width: 767px) {
          .line section.secD {
            padding: 50px 0;
          }
        }

        .line .\#button {
          border-radius: 100px !important;
          padding: 13px 0 !important;
        }

        .line .\#button.\@color\:default,
        .\@color\:default.shopify-payment-button__button.shopify-payment-button__button--unbranded {
          --background-color: #102350 !important;
        }

        .step {
          max-width: 782px;
          margin: 0 auto;
        }

        .stepContainer {
          display: flex;
          position: relative;
          justify-content: space-between;
          margin-bottom: 120px;
        }

        .stepContainer:first-child {
          margin-bottom: 100px;
        }

        .stepContainer:last-child {
          margin-bottom: 44px;
        }

        .stepContainer::before {
          position: absolute;
          content: "";
          width: 2px;
          left: 40px;
          top: 100px;
          height: 80px;
          background: #102350;
        }

        .stepContainer:last-child::before {
          display: none;
        }

        .stepContainer img {
          width: 80px;
          height: 80px;
        }

        .\#rte h3.secD__h3 {
          font-weight: 500;
          font-size: 20px;
          line-height: 100%;
          letter-spacing: 1px;
          color: #000000;
          margin-bottom: 10px;
        }

        .\#rte h3.secD__h3 span {
          font-weight: 500;
          font-size: 14px;
          line-height: 180%;
          letter-spacing: 3px;
          color: #000000;
        }

        .secD__p {
          font-weight: 400;
          font-size: 12px;
          line-height: 180%;
          letter-spacing: 1px;
          color: #000000;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        }

        .textContainer {
          max-width: 642px;
          width: 100%;
        }

        #shopify-section-template--15418610679982__page-header {
          display: none !important;
        }

        /* .\#container {
          padding-left: 0;
          padding-right: 0;
        } */

        .\#rte.\@width\:normal {
          width: auto;
          margin: 0 auto;
        }

        .container {
          max-width: 1200px !important;
        }

        .line section {
          max-width: 1200px;
          width: 100%;
          margin: 0 auto 120px;
        }

        @media (max-width: 767px) {
          .line section {
            margin: 0 auto 60px;
          }
        }

        .line section.secB {
          margin-top: 120px;
          text-align: center;
        }

        @media (max-width: 767px) {
          .line section.secB {
            margin-top: 20px;
          }
        }

        .line .a-h2 {
          font-weight: 500;
          font-size: 30px;
          line-height: 48px;
          letter-spacing: 3px;
          color: #1B1B1B;
          margin-bottom: 50px;
        }

        @media (max-width: 767px) {
          .line .a-h2 {
            font-size: 24px;
            line-height: 180%;
            margin-bottom: 30px;
            padding: 0 28px;
          }
        }

        .conceptD2 .conceptD__text {
          background-color: rgba(255, 255, 255, 0.8);
          font-family: 'Noto Sans JP';
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 180%;
          /* or 25px */
          letter-spacing: 1px;
          color: #000000;
        }

.conceptD__text h2 {
color: #102350!important;
}



        .a-h2 small {
          display: block;
          margin-top: 8px;
          font-weight: 500;
          font-size: 12px;
          line-height: 100%;
          letter-spacing: 3px;
        }

        @media (max-width: 767px) {
          .stepContainer::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 40px;
            top: 90px;
            left: 0;
            right: 0;
            margin: auto;
          }

          .\#rte h3.secD__h3 {
            text-align: center;
            font-size: 18px;
          }

          .secD__p {
            text-align: center;
          }

          .\#rte h3.secD__h3 span {
            font-size: 12px;
          }
        }

        @media (max-width: 767px) {
          .step {
            padding: 0 15px;
          }

          .stepContainer {
            flex-direction: column;
            margin-bottom: 40px;
            align-items: center;
          }

          .stepContainer img {
            margin-bottom: 70px;
          }

          .stepContainer:first-child {
            margin-bottom: 40px;
          }

          .stepContainer:last-child {
            margin-bottom: 50px;
          }
        }

        @media (min-width: 768px) {
          .conceptD__row--textLeft .conceptD__text {
            margin: 111px -60px 111px 0;
          }

          .conceptD__row--textLeft .conceptD__img {
            margin-top: 0;
          }
        }

        .secC .container {
          margin-bottom: 80px;
        }

        @media (max-width: 767px) {
          .secC .container {
            margin-bottom: 40px;
          }
        }

        .secC .container--last {
          margin-bottom: 50px;
        }

        @media (max-width: 767px) {
          .secC .container--last {
            margin-bottom: 20px;
          }
        }

        .h2__example small {
          font-weight: 500;
          font-size: 12px;
          line-height: 150%;
          letter-spacing: 1px;
        }

        @media (max-width: 1000px) {
          .secE .row {
            max-width: 690px;
            margin-left: auto;
            margin-right: auto;
          }
        }

        @media (max-width: 767px) {

          .itemArrange--typeC .itemArrange__text,
          .itemArrange--typeD .itemArrange__text {
            padding: 30px 20px;
            min-height: 240px;
            height: auto;
          }
        }

        @media (max-width: 991px) {
          .\#main-header-inner {
            padding-top: calc(var(--spacer)*1.5);
            padding-left: calc(var(--spacer)*1.5);
            padding-right: calc(var(--spacer)*1.5);
            padding-bottom: 30px;
          }
        }

        @media (max-width: 991px) {
          .\#main-header.\@sticky .\#main-header-inner {
            padding-bottom: 0;
          }
        }

        .line .a-h2A {
          font-size: 36px;
          font-weight: 400;
          line-height: 54px;
          letter-spacing: 3px;
          text-align: center;
          color: #052854;
          margin-bottom: 60px;
        }

        @media (max-width: 767px) {
          .line .a-h2A {
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 1px;
            text-align: center;
            margin-bottom: 40px;
          }
        }

        .line .a-h2A span {
          font-size: 48px;
          font-weight: 400;
          line-height: 72px;
          letter-spacing: 3px;
          text-align: center;
        }

        @media (max-width: 767px) {
          .line .a-h2A span {
            font-size: 24px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: 3px;
            text-align: center;
          }
        }

        .line .head__logo {
          width: 180px;
          height: auto;
          margin-bottom: 20px;
        }

        @media (max-width: 767px) {
          .line .head__logo {
            width: 140px;
          }
        }

        .line .a-h3 {
          font-size: 40px;
          font-weight: 500;
          line-height: 60px;
          letter-spacing: 4px;
          text-align: center;
          color: #000;
          margin-bottom: 40px;
        }

        @media (max-width: 900px) {
          .line .a-h3 {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 4px;
            text-align: center;
            margin-bottom: 20px;
          }
        }

        .line .what {
          background: #F2F2F2;
          padding: 60px 150px;
          margin-bottom: 60px;
        }

        @media (max-width: 900px) {
          .line .what {
            padding: 40px 15px;
            margin-bottom: 40px;
          }
        }

        .line .what .circleText {
          font-size: 50px;
          font-weight: 400;
          line-height: 75px;
          letter-spacing: 3px;
          width: 190px;
          text-align: left;
          margin-right: 30px;
          color: #052854;
        }

        @media (max-width: 900px) {
          .line .what .circleText {
            width: auto;
            margin-bottom: 3px;
            margin-right: 0;
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 3px;
          }
        }

        .line .pointWrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 80px;
        }

        @media (max-width: 900px) {
          .line .pointWrap {
            margin-bottom: 30px;
          }
        }

        .line .point {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 54px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          margin-bottom: 40px;
          max-width: 900px;
          width: 100%;
        }

        .line .point:last-child {
          margin-bottom: 0;
        }

        @media (max-width: 900px) {
          .line .point {
            padding: 20px 18px;
          }
        }

        .line .point .textWrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
        }

        @media (max-width: 900px) {
          .line .point .textWrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
          }
        }

        .line .point p {
          max-width: 400px;

          font-size: 14px;
          font-weight: 400;
          line-height: 25px;
          letter-spacing: 1px;
          text-align: left;
          margin: 0;
        }

        @media (max-width: 900px) {
          .line .point p {
            max-width: auto;

            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        .line .step {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 54px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          max-width: 900px;
          width: 100%;
        }

        @media (max-width: 900px) {
          .line .step {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 20px 18px;
          }
        }

        .line .step .head {

          font-size: 20px;
          font-weight: 500;
          line-height: 36px;
          letter-spacing: 1px;
          text-align: left;
        }

        @media (max-width: 900px) {
          .line .step .head {

            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        .line .step .url {

          font-size: 14px;
          font-weight: 500;
          line-height: 25px;
          letter-spacing: 1px;
          text-align: left;
          margin: 0;
          margin-bottom: 25px;
        }

        @media (max-width: 900px) {
          .line .step .url {

            font-size: 12px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0px;
            text-align: left;
            margin-bottom: 11px;
          }
        }

        .line .step .textWrap {
          margin-right: 130px;
        }

        @media (max-width: 900px) {
          .line .step .textWrap {
            margin-top: 20px;
            margin-right: 0;
          }
        }

        .line .step .text {

          font-size: 10px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 1px;
          text-align: left;
        }

        @media (max-width: 900px) {
          .line .step .text {

            font-size: 10px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        @media (max-width: 1200px) {
          .line .qr {
            margin-bottom: 12px;
            width: 80px;
            height: auto;
            text-align: left;
            display: block;
          }
        }

        .line .secB .\#button {
          max-width: 500px;
        }

        @media (max-width: 767px) {
          .line .secB .\#button {
            max-width: 270px;
          }
        }

        .line .\#button-text {
          font-size: 18px;
          padding: 5px;
          letter-spacing: 4.1px;
        }

        .secF {
          margin-bottom: 160px;
        }

        .secG {
          background: #FBF9F6;
          padding-bottom: 100px;
          margin-bottom: 121px;
        }

        .secG section {
          max-width: initial;
        }

        .secG .conceptC {
          margin-bottom: 110px;
        }

        .secG .conceptC .h2C {
          font-size: 40px;
          letter-spacing: 4.4px;
          margin-bottom: 37px;
        }

        .secG .conceptC .h2C span {
          color: #940000;
        }

        .secG .conceptC p,
        .secG .conceptB p {
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          line-height: 1.85;
          letter-spacing: 2px;
        }

        .secG .conceptB {
          margin-bottom: 0;
        }

        .secG .conceptB .h2C {
          font-size: 24px;
          font-weight: 500;
          margin-bottom: 30px;
        }

        .secG .conceptB p {
          font-size: 14px;
          line-height: 1.8;
        }

        .secG .conceptC .container:not(.conceptC__bg)>.conceptC__text {
          width: 740px;
        }

        @media (min-width: 992px) {
          .secG .col-pc-6:not(.alignCenter) {
            max-width: 51.2%;
            flex-basis: 51.2%;
          }

          .secG .col-pc-6.alignCenter {
            max-width: 48.8%;
            flex-basis: 48.8%;
            padding: 0 15px 0 50px;
          }

          .secG .row.reverse .col-pc-6.alignCenter {
            padding: 0 50px 0 15px;
          }

          .secG.secG_01 .conceptC .container:not(.conceptC__bg)>.conceptC__text {
            padding: 75px 0 91px !important;
          }

          .secG.secG_02 .conceptC .container:not(.conceptC__bg)>.conceptC__text {
            padding: 125px 0 114px !important;
            width: 840px;
          }
        }


        .secG .row+.row {
          margin-top: 20px;
        }

        .btn-typeA {
          display: inline-block;
          background: #102350;
          color: #fff;
          text-align: center;
          width: 500px;
          font-size: 18px;
          position: relative;
          padding: 20px;
          text-decoration: none;
          border-radius: 100px;
          margin-top: 30px;
        }

        .btn-typeA:after {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          top: 50%;
          right: 25px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secH .h2A {
          font-size: 30px;
          text-align: center;
          letter-spacing: 4px;
          margin-bottom: 48px;
        }

        .h3A {
          position: relative;
          font-size: 18px !important;
          padding-left: 10px;
          margin-bottom: 30px;
          color: #102350;
          letter-spacing: 2px;
        }

        .h3A:before {
          display: block;
          position: absolute;
          content: '';
          width: 5px;
          height: 18px;
          background: #102350;
          left: 0;
          top: 0;
        }

        .iconButton {
          text-decoration: none;
          color: #000;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          position: relative;
          border: 1px solid #DFDFDF;
          padding: 13px 22px;
          border-radius: 100px;
        }

        .iconButton:after {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          position: absolute;
          top: 50%;
          right: 18px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secH .row {
          width: calc(100% + 15px);
          margin-left: -15px;
        }

        .secH .row>* {
          padding: 0 7.5px;

        }

        .secH .row+.h3A {
          margin-top: 9px;
        }

        .secE .bg--primary .cate {
          color: #AF933F;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        }


        .secE .bg--primary p {
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

        }

        .secI h2 {
          text-align: center;
          color: #052854;
          font-size: 36px;
          letter-spacing: 3.4px;
          margin-bottom: 34px;
        }

        .secI .icon_btn {
          display: block;
          max-width: 500px;
          margin: 0 auto;
          text-align: center;
          text-decoration: none;
          border-radius: 100px;
          padding: 22px;
          padding-left: 75px;
          font-size: 18px;
          letter-spacing: 3.6px;
          position: relative;
        }

        .secI .icon_btn span {
          position: relative;
        }

        .secI .icon_btn.-line {
          background: #01B901;
        }

        .secI .icon_btn.-line span:before {
          position: absolute;
          content: "";
          background: url('/cdn/shop/files/ico_line.png');
          display: block;
          width: 22px;
          height: 22px;
          top: 2px;
          left: -40px;
          background-size: contain;
          background-repeat: no-repeat;
        }

        .secI .icon_btn.-tel {
          background: #102350;
        }

        .secI .icon_btn.-tel span:before {
          position: absolute;
          content: "";
          background: url('/cdn/shop/files/ico_tel.png');
          display: block;
          width: 20px;
          height: 20px;
          top: 2px;
          left: -45px;
          background-size: contain;
          background-repeat: no-repeat;
        }

        .secI .icon_btn:after {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          top: 50%;
          right: 25px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secI .icon_btn+h2 {
          margin-top: 70px;
        }

        @media (max-width: 991px) {
          .line .\#button-text {
            font-size: 16px;
            padding: 10px;
          }

.secG .conceptB .h2C {
    color: inherit!important;
}
.secG .conceptB .h2C span,
          .secG .conceptD .h2C span {
            color: #940000;
          }
        }

        @media (max-width: 767px) {
          .conceptD__text {
            background: rgba(255, 255, 255, 0.8);
            color: #000;
          }

          .conceptD .conceptD__img,
          .conceptB .col-pc-6:not(.alignCenter) {
            width: calc(100% + 30px);
            margin-left: -15px;
            flex: 0 0 calc(100% + 30px);
            max-width: calc(100% + 30px);
          }

          .secG .conceptB .h2C {
            text-align: center !important;
color: inherit!important;
          }

          .secG .conceptD__row {
            overflow: initial;

          }

          .secG .conceptB .h2C span,
          .secG .conceptD .h2C span {
            color: #940000;
          }

          .secG {
            padding-bottom: 0;
          }

          .secG section.conceptD {
            margin-bottom: 0;
          }

        }

        html,
        body,
        div,
        span,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        abbr,
        address,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        samp,
        small,
        strong,
        sub,
        sup,
        var,
        b,
        i,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section,
        summary,
        time,
        mark,
        audio,
        video {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }

        body {
          line-height: 1;
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
          display: block;
        }

        nav ul {
          list-style: none;
        }

        blockquote,
        q {
          quotes: none;
        }

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

        figure {
          margin: 0;
        }

        a {
          margin: 0;
          padding: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }

        /* change colours to suit your needs */
        ins {
          background-color: #ff9;
          color: #000;
          text-decoration: none;
        }

        /* change colours to suit your needs */
        mark {
          background-color: #ff9;
          color: #000;
          font-style: italic;
          font-weight: bold;
        }

        del {
          text-decoration: line-through;
        }

        abbr[title],
        dfn[title] {
          border-bottom: 1px dotted;
          cursor: help;
        }

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

        /* change border colour to suit your needs */
        hr {
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid #cccccc;
          margin: 1em 0;
          padding: 0;
        }

        input,
        select {
          vertical-align: middle;
        }

        .row,
        .itemList {
          display: flex;
          flex-wrap: wrap;
          box-sizing: border-box;
          margin-right: -15px;
          margin-left: -15px;
        }

        @media (max-width: 1200px) {

          .row,
          .itemList {
            margin-right: -7.5px;
            margin-left: -7.5px;
          }
        }

        .no-gutters {
          margin-right: 0;
          margin-left: 0;
        }

        .no-gutters>.col,
        .no-gutters>[class*="col-"] {
          padding-right: 0;
          padding-left: 0;
        }

        .col-1,
        .col-2,
        .col-1_5,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-10,
        .col-11,
        .col-12,
        .col,
        .col-auto,
        .col-sp2-1,
        .col-sp2-2,
        .col-sp2-3,
        .col-sp2-4,
        .col-sp2-5,
        .col-sp2-6,
        .col-sp2-7,
        .col-sp2-8,
        .col-sp2-9,
        .col-sp2-10,
        .col-sp2-11,
        .col-sp2-12,
        .col-sp2,
        .col-sp2-auto,
        .col-sp-1,
        .col-sp-2,
        .col-sp-1_5,
        .col-sp-3,
        .col-sp-4,
        .col-sp-5,
        .col-sp-6,
        .col-sp-7,
        .col-sp-8,
        .col-sp-9,
        .col-sp-10,
        .col-sp-11,
        .col-sp-12,
        .col-sp,
        .col-sp-auto,
        .col-tab-1,
        .col-tab-2,
        .col-tab-1_5,
        .col-tab-3,
        .col-tab-4,
        .col-tab-5,
        .col-tab-6,
        .col-tab-7,
        .col-tab-8,
        .col-tab-9,
        .col-tab-10,
        .col-tab-11,
        .col-tab-12,
        .col-tab,
        .col-tab-auto,
        .col-pc-1,
        .col-pc-2,
        .col-pc-1_5,
        .col-pc-3,
        .col-pc-4,
        .col-pc-5,
        .col-pc-6,
        .col-pc-7,
        .col-pc-8,
        .col-pc-9,
        .col-pc-10,
        .col-pc-11,
        .col-pc-12,
        .col-pc,
        .col-pc-auto,
        .itemList__unit {
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          margin-bottom: 30px;
          list-style: none;
        }

        @media (max-width: 1200px) {

          .col-1,
          .col-2,
          .col-1_5,
          .col-3,
          .col-4,
          .col-5,
          .col-6,
          .col-7,
          .col-8,
          .col-9,
          .col-10,
          .col-11,
          .col-12,
          .col,
          .col-auto,
          .col-sp2-1,
          .col-sp2-2,
          .col-sp2-3,
          .col-sp2-4,
          .col-sp2-5,
          .col-sp2-6,
          .col-sp2-7,
          .col-sp2-8,
          .col-sp2-9,
          .col-sp2-10,
          .col-sp2-11,
          .col-sp2-12,
          .col-sp2,
          .col-sp2-auto,
          .col-sp-1,
          .col-sp-2,
          .col-sp-1_5,
          .col-sp-3,
          .col-sp-4,
          .col-sp-5,
          .col-sp-6,
          .col-sp-7,
          .col-sp-8,
          .col-sp-9,
          .col-sp-10,
          .col-sp-11,
          .col-sp-12,
          .col-sp,
          .col-sp-auto,
          .col-tab-1,
          .col-tab-2,
          .col-tab-1_5,
          .col-tab-3,
          .col-tab-4,
          .col-tab-5,
          .col-tab-6,
          .col-tab-7,
          .col-tab-8,
          .col-tab-9,
          .col-tab-10,
          .col-tab-11,
          .col-tab-12,
          .col-tab,
          .col-tab-auto,
          .col-pc-1,
          .col-pc-2,
          .col-pc-1_5,
          .col-pc-3,
          .col-pc-4,
          .col-pc-5,
          .col-pc-6,
          .col-pc-7,
          .col-pc-8,
          .col-pc-9,
          .col-pc-10,
          .col-pc-11,
          .col-pc-12,
          .col-pc,
          .col-pc-auto,
          .itemList__unit {
            margin-bottom: 15px;
            padding-right: 7.5px;
            padding-left: 7.5px;
          }
        }

        .col {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
        }

        .col-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }

        .col-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }

        .col-2,
        .itemList--6 .itemList__unit {
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }

        .col-1_5,
        .itemList--5 .itemList__unit {
          flex: 0 0 20%;
          max-width: 20%;
        }

        .col-3,
        .itemList--4 .itemList__unit {
          flex: 0 0 25%;
          max-width: 25%;
        }

        .col-4,
        .itemList--3 .itemList__unit {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }

        .col-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }

        .col-6,
        .itemList--2 .itemList__unit {
          flex: 0 0 50%;
          max-width: 50%;
        }

        .col-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }

        .col-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }

        .col-9 {
          flex: 0 0 75%;
          max-width: 75%;
        }

        .col-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }

        .col-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }

        .col-12,
        .itemList--1 .itemList__unit {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .order-first {
          order: -1;
        }

        .order-last {
          order: 13;
        }

        .order-0 {
          order: 0;
        }

        .order-1 {
          order: 1;
        }

        .order-2 {
          order: 2;
        }

        .order-3 {
          order: 3;
        }

        .order-4 {
          order: 4;
        }

        .order-5 {
          order: 5;
        }

        .order-6 {
          order: 6;
        }

        .order-7 {
          order: 7;
        }

        .order-8 {
          order: 8;
        }

        .order-9 {
          order: 9;
        }

        .order-10 {
          order: 10;
        }

        .order-11 {
          order: 11;
        }

        .order-12 {
          order: 12;
        }

        .offset-1 {
          margin-left: 8.333333%;
        }

        .offset-2 {
          margin-left: 16.666667%;
        }

        .offset-3 {
          margin-left: 25%;
        }

        .offset-4 {
          margin-left: 33.333333%;
        }

        .offset-5 {
          margin-left: 41.666667%;
        }

        .offset-6 {
          margin-left: 50%;
        }

        .offset-7 {
          margin-left: 58.333333%;
        }

        .offset-8 {
          margin-left: 66.666667%;
        }

        .offset-9 {
          margin-left: 75%;
        }

        .offset-10 {
          margin-left: 83.333333%;
        }

        .offset-11 {
          margin-left: 91.666667%;
        }

        .col-pc {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
        }

        .col-pc-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
        }

        .col-pc-1 {
          flex: 0 0 8.333333%;
          max-width: 8.333333%;
        }

        .col-pc-2,
        .itemList-pc--6 .itemList__unit {
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }

        .col-pc-1_5,
        .itemList-pc--5 .itemList__unit {
          flex: 0 0 20%;
          max-width: 20%;
        }

        .col-pc-3,
        .itemList-pc--4 .itemList__unit {
          flex: 0 0 25%;
          max-width: 25%;
        }

        .col-pc-4,
        .itemList-pc--3 .itemList__unit {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }

        .col-pc-5 {
          flex: 0 0 41.666667%;
          max-width: 41.666667%;
        }

        .col-pc-6,
        .itemList-pc--2 .itemList__unit {
          flex: 0 0 50%;
          max-width: 50%;
        }

        .col-pc-7 {
          flex: 0 0 58.333333%;
          max-width: 58.333333%;
        }

        .col-pc-8 {
          flex: 0 0 66.666667%;
          max-width: 66.666667%;
        }

        .col-pc-9 {
          flex: 0 0 75%;
          max-width: 75%;
        }

        .col-pc-10 {
          flex: 0 0 83.333333%;
          max-width: 83.333333%;
        }

        .col-pc-11 {
          flex: 0 0 91.666667%;
          max-width: 91.666667%;
        }

        .col-pc-12,
        .itemList-pc--1 .itemList__unit {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .order-pc-first {
          order: -1;
        }

        .order-pc-last {
          order: 13;
        }

        .order-pc-0 {
          order: 0;
        }

        .order-pc-1 {
          order: 1;
        }

        .order-pc-2 {
          order: 2;
        }

        .order-pc-3 {
          order: 3;
        }

        .order-pc-4 {
          order: 4;
        }

        .order-pc-5 {
          order: 5;
        }

        .order-pc-6 {
          order: 6;
        }

        .order-pc-7 {
          order: 7;
        }

        .order-pc-8 {
          order: 8;
        }

        .order-pc-9 {
          order: 9;
        }

        .order-pc-10 {
          order: 10;
        }

        .order-pc-11 {
          order: 11;
        }

        .order-pc-12 {
          order: 12;
        }

        .offset-pc-0 {
          margin-left: 0;
        }

        .offset-pc-1 {
          margin-left: 8.333333%;
        }

        .offset-pc-2 {
          margin-left: 16.666667%;
        }

        .offset-pc-3 {
          margin-left: 25%;
        }

        .offset-pc-4 {
          margin-left: 33.333333%;
        }

        .offset-pc-5 {
          margin-left: 41.666667%;
        }

        .offset-pc-6 {
          margin-left: 50%;
        }

        .offset-pc-7 {
          margin-left: 58.333333%;
        }

        .offset-pc-8 {
          margin-left: 66.666667%;
        }

        .offset-pc-9 {
          margin-left: 75%;
        }

        .offset-pc-10 {
          margin-left: 83.333333%;
        }

        .offset-pc-11 {
          margin-left: 91.666667%;
        }

        @media (max-width: 991px) {
          .col-tab {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-tab-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-tab-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-tab-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-tab-3,
          .itemList-tab--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-tab-4,
          .itemList-tab--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-tab-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-tab-6,
          .itemList-tab--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-tab-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-tab-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-tab-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-tab-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-tab-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-tab-12,
          .itemList-tab--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-tab-first {
            order: -1;
          }

          .order-tab-last {
            order: 13;
          }

          .order-tab-0 {
            order: 0;
          }

          .order-tab-1 {
            order: 1;
          }

          .order-tab-2 {
            order: 2;
          }

          .order-tab-3 {
            order: 3;
          }

          .order-tab-4 {
            order: 4;
          }

          .order-tab-5 {
            order: 5;
          }

          .order-tab-6 {
            order: 6;
          }

          .order-tab-7 {
            order: 7;
          }

          .order-tab-8 {
            order: 8;
          }

          .order-tab-9 {
            order: 9;
          }

          .order-tab-10 {
            order: 10;
          }

          .order-tab-11 {
            order: 11;
          }

          .order-tab-12 {
            order: 12;
          }

          .offset-tab-0 {
            margin-left: 0;
          }

          .offset-tab-1 {
            margin-left: 8.333333%;
          }

          .offset-tab-2 {
            margin-left: 16.666667%;
          }

          .offset-tab-3 {
            margin-left: 25%;
          }

          .offset-tab-4 {
            margin-left: 33.333333%;
          }

          .offset-tab-5 {
            margin-left: 41.666667%;
          }

          .offset-tab-6 {
            margin-left: 50%;
          }

          .offset-tab-7 {
            margin-left: 58.333333%;
          }

          .offset-tab-8 {
            margin-left: 66.666667%;
          }

          .offset-tab-9 {
            margin-left: 75%;
          }

          .offset-tab-10 {
            margin-left: 83.333333%;
          }

          .offset-tab-11 {
            margin-left: 91.666667%;
          }
        }

        @media (max-width: 767px) {
          .col-sp {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-sp-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-sp-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-sp-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-sp-3,
          .itemList-sp--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-sp-4,
          .itemList-sp--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-sp-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-sp-6,
          .itemList-sp--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-sp-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-sp-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-sp-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-sp-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-sp-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-sp-12,
          .itemList-sp--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-sp-first {
            order: -1;
          }

          .order-sp-last {
            order: 13;
          }

          .order-sp-0 {
            order: 0;
          }

          .order-sp-1 {
            order: 1;
          }

          .order-sp-2 {
            order: 2;
          }

          .order-sp-3 {
            order: 3;
          }

          .order-sp-4 {
            order: 4;
          }

          .order-sp-5 {
            order: 5;
          }

          .order-sp-6 {
            order: 6;
          }

          .order-sp-7 {
            order: 7;
          }

          .order-sp-8 {
            order: 8;
          }

          .order-sp-9 {
            order: 9;
          }

          .order-sp-10 {
            order: 10;
          }

          .order-sp-11 {
            order: 11;
          }

          .order-sp-12 {
            order: 12;
          }

          .offset-sp-0 {
            margin-left: 0;
          }

          .offset-sp-1 {
            margin-left: 8.333333%;
          }

          .offset-sp-2 {
            margin-left: 16.666667%;
          }

          .offset-sp-3 {
            margin-left: 25%;
          }

          .offset-sp-4 {
            margin-left: 33.333333%;
          }

          .offset-sp-5 {
            margin-left: 41.666667%;
          }

          .offset-sp-6 {
            margin-left: 50%;
          }

          .offset-sp-7 {
            margin-left: 58.333333%;
          }

          .offset-sp-8 {
            margin-left: 66.666667%;
          }

          .offset-sp-9 {
            margin-left: 75%;
          }

          .offset-sp-10 {
            margin-left: 83.333333%;
          }

          .offset-sp-11 {
            margin-left: 91.666667%;
          }

          .itemList-sp--3,
          .itemList.itemList--typeC,
          .itemList.itemList--typeD {
            margin-left: -5px;
            margin-right: -5px;
          }

          .itemList-sp--3 .itemList__unit,
          .itemList.itemList--typeC .itemList__unit,
          .itemList.itemList--typeD .itemList__unit {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
          }

          .itemList-sp--3 .itemList__unit p,
          .itemList.itemList--typeC .itemList__unit p,
          .itemList.itemList--typeD .itemList__unit p {
            font-size: 12px;
            line-height: 20px;
          }
        }

        @media (max-width: 479px) {
          .col-sp2 {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
          }

          .col-sp2-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
          }

          .col-sp2-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
          }

          .col-sp2-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
          }

          .col-sp2-3,
          .itemList-sp2--4 .itemList__unit {
            flex: 0 0 25%;
            max-width: 25%;
          }

          .col-sp2-4,
          .itemList-sp2--3 .itemList__unit {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
          }

          .col-sp2-5 {
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
          }

          .col-sp2-6,
          .itemList-sp2--2 .itemList__unit {
            flex: 0 0 50%;
            max-width: 50%;
          }

          .col-sp2-7 {
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
          }

          .col-sp2-8 {
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
          }

          .col-sp2-9 {
            flex: 0 0 75%;
            max-width: 75%;
          }

          .col-sp2-10 {
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
          }

          .col-sp2-11 {
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
          }

          .col-sp2-12,
          .itemList-sp2--1 .itemList__unit {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .order-sp2-first {
            order: -1;
          }

          .order-sp2-last {
            order: 13;
          }

          .order-sp2-0 {
            order: 0;
          }

          .order-sp2-1 {
            order: 1;
          }

          .order-sp2-2 {
            order: 2;
          }

          .order-sp2-3 {
            order: 3;
          }

          .order-sp2-4 {
            order: 4;
          }

          .order-sp2-5 {
            order: 5;
          }

          .order-sp2-6 {
            order: 6;
          }

          .order-sp2-7 {
            order: 7;
          }

          .order-sp2-8 {
            order: 8;
          }

          .order-sp2-9 {
            order: 9;
          }

          .order-sp2-10 {
            order: 10;
          }

          .order-sp2-11 {
            order: 11;
          }

          .order-sp2-12 {
            order: 12;
          }

          .offset-sp2-0 {
            margin-left: 0;
          }

          .offset-sp2-1 {
            margin-left: 8.333333%;
          }

          .offset-sp2-2 {
            margin-left: 16.666667%;
          }

          .offset-sp2-3 {
            margin-left: 25%;
          }

          .offset-sp2-4 {
            margin-left: 33.333333%;
          }

          .offset-sp2-5 {
            margin-left: 41.666667%;
          }

          .offset-sp2-6 {
            margin-left: 50%;
          }

          .offset-sp2-7 {
            margin-left: 58.333333%;
          }

          .offset-sp2-8 {
            margin-left: 66.666667%;
          }

          .offset-sp2-9 {
            margin-left: 75%;
          }

          .offset-sp2-10 {
            margin-left: 83.333333%;
          }

          .offset-sp2-11 {
            margin-left: 91.666667%;
          }
        }

        html {
          font-size: 10px;
          letter-spacing: 0.5px;
          scroll-padding-top: 120px;
        }

        @media (max-width: 767px) {
          html {
            scroll-padding-top: 80px;
          }
        }

        *,
        *::before,
        *::after {
          box-sizing: border-box;
        }

        small {
          font-size: 12px;
        }

        body {
          font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-text-size-adjust: 100%;
          font-feature-settings: "palt";
          font-size: 14px;
          color: #1b1b1b;
          min-width: inherit;
          letter-spacing: 0.05em;
          background: #FFF;
          font-weight: 400;
        }

        pre {
          white-space: pre-wrap;
          word-wrap: break-word;
          overflow: auto;
        }

        input,
        textarea,
        select,
        button,
        pre {
          font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        }

        strong {
          font-weight: 700;
        }

        figure {
          text-align: center;
          margin: 0;
        }

        figure img {
          max-width: 100%;
        }

        main {
          display: block;
          width: 100%;
          position: relative;
        }

        section {
          display: block;
          width: 100%;
        }

        p {
          display: block;
          width: 100%;
          margin-bottom: 24px;
          font-feature-settings: "palt";
          font-size: 14px;
          line-height: 24px;
        }

        p:last-child {
          margin-bottom: 0;
        }

        @media (max-width: 767px) {
          p {
            font-size: 12px;
          }
        }

        .container {
          width: 100%;
          margin-right: auto;
          margin-left: auto;
          padding: 0 15px;
          max-width: 100%;
        }

        @media (min-width: 1200px) {
          .container {
            padding: 0;
            max-width: 1200px;
          }
        }

        @media (min-width: 1200px) {

          .container.pcFull,
          .hdrInner.pcFull {
            max-width: 100%;
            padding: 0 30px;
          }
        }

        .noHiddenContainer {
          overflow: hidden;
        }

        .noHiddenContainer .container,
        .noHiddenContainer .slick-list {
          overflow: visible;
        }

        .container--narrow {
          width: 800px;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
        }

        .row img {
          max-width: 100%;
        }

        i.material-icons {
          font-size: 24px;
        }

        @media (max-width: 991px) {
          .pcOnly {
            display: none !important;
          }
        }

        @media (min-width: 992px) {
          .spOnly {
            display: none !important;
          }
        }

        #container:not(.topPage) {
          max-width: 1200px;
          margin: auto;
        }

        @media (max-width: 1200px) and (min-width: 992px) {
          #container:not(.topPage) {
            padding: 0 20px;
          }

          #container #side {
            display: none !important;
          }
        }

        @media (max-width: 991px) {
          #container #main {
            width: 100% !important;
          }

          #container #side {
            display: none !important;
          }
        }

        @media (max-width: 1200px) {
          #container {
            max-width: 100% !important;
          }
        }

        /*サイド メイン100%*/
        #side {
          display: none;
        }

        #main {
          float: none;
        }

        #container:not(.topPage) {
          width: 1200px;
          margin-left: auto;
          margin-right: auto;
        }

        #container.topPage #main {
          width: 100%;
          padding: 0;
        }

        #container:after {
          content: "";
          display: table;
          clear: both;
        }

        .highlight {
          background: #f2f2f2;
          color: #1b1b1b;
          padding: 60px 0;
        }

        @media (max-width: 767px) {
          .highlight {
            padding: 40px 0;
          }
        }

        .reverse.row {
          flex-direction: row-reverse;
        }

        .text-center,
        .text--center {
          text-align: center !important;
        }

        .text--right {
          text-align: right !important;
        }

        .text--left {
          text-align: left !important;
        }

        h2.text--right span,
        h2.text--right small {
          text-align: right !important;
        }

        h2.text--left span,
        h2.text--left small {
          text-align: left !important;
        }

        @media screen and (min-width: 768px) {
          .pc--text--center {
            text-align: center;
          }

          .pc--text--right {
            text-align: right;
          }

          .pc--text--left {
            text-align: left !important;
          }
        }

        .text--white {
          color: #FFF !important;
        }

        .text--xxxlarge {
          font-size: 32px;
        }

        .text--xxlarge {
          font-size: 24px;
        }

        .text--xlarge {
          font-size: 18px;
        }

        .text--large {
          font-size: 16px;
        }

        .text--small {
          font-size: 12px;
        }

        .text--xsmall {
          font-size: 10px;
        }

        @media screen and (max-width: 767px) {
          .text--xxxlarge {
            font-size: 24px;
          }

          .text--xxlarge {
            font-size: 20px;
          }
        }

        .text--primary {
          color: #108A65 !important;
        }

        .text--secondary {
          color: #726551 !important;
        }

        @media screen and (min-width: 992px) {
          .text--verticalPC {
            text-orientation: upright;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
          }

          .text--verticalPC h2,
          .text--verticalPC h3,
          .text--verticalPC p {
            margin-bottom: 0;
            margin-left: 30px;
            line-height: 2;
            letter-spacing: 0.15em;
          }

          .text--verticalPC h2:last-child,
          .text--verticalPC h3:last-child,
          .text--verticalPC p:last-child {
            margin-left: 0;
          }

          .text--verticalPC h2 {
            letter-spacing: 0.2em;
          }
        }

        .bg--primary {
          background: #102350 !important;
          color: #ffffff !important;
          margin-top: -3px;
        }

        .bg--primary h2,
        .bg--primary h3,
        .bg--primary p {
          color: #ffffff;
        }

        .bg--secondary {
          background: #726551 !important;
          color: #ffffff !important;
        }

        .bg--secondary h2,
        .bg--secondary h3,
        .bg--secondary p {
          color: #ffffff;
        }

        .bg--highlight {
          background: #f2f2f2 !important;
        }

        .bg--white {
          background: #fff !important;
        }

        .text--black {
          color: #1b1b1b !important;
        }

        .mincho,
        .text--serif {
          font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
        }

        .flex-center,
        .tab--typeB .tabSwitch,
        .tab--typeC .tabSwitch,
        .iconNav__cart .cartAmount {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .flex-center .flex-center__inner,
        .tab--typeB .tabSwitch .flex-center__inner,
        .tab--typeC .tabSwitch .flex-center__inner,
        .iconNav__cart .cartAmount .flex-center__inner {
          display: block;
          width: 100%;
        }

        .alignCenter,
        .newsList li,
        [class*="iconButton"],
        a[class*="iconButton"],
        .newsList--typeB,
        .tab--typeA .tabSwitch li,
        .hdr--typeE .hdrMiddle__middle,
        .hdr--typeE .hdrBottom .hdrInner,
        .telAndTime>div {
          display: -ms-flex;
          display: flex;
          align-items: center;
        }

        .alignCenter__wrap {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .mb0 {
          margin-bottom: 0 !important;
        }

        .mb15 {
          margin-bottom: 15px !important;
        }

        .mb30 {
          margin-bottom: 30px !important;
        }

        .mb60 {
          margin-bottom: 60px !important;
        }

        .mb80 {
          margin-bottom: 80px !important;
        }

        .mb100 {
          margin-bottom: 100px !important;
        }

        .mt0 {
          margin-top: 0 !important;
        }

        .mt15 {
          margin-top: 15px !important;
        }

        .mt30 {
          margin-top: 30px !important;
        }

        .dnone {
          display: none;
        }

        .p0 {
          padding: 0;
        }

        .iframeWrap {
          padding-top: 56.25%;
          position: relative;
        }

        .iframeWrap iframe {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2;
        }

        video {
          max-width: 100%;
        }

        #side img {
          max-width: 100%;
        }

        #side .hasChildren>ul,
        #side .hasChildren--click>ul {
          display: none;
        }

        #side .hasChildren>ul li,
        #side .hasChildren--click>ul li {
          background: #f2f2f2;
          padding: 0 0px 0 12px;
        }

        #side .hasChildren>ul li:last-child,
        #side .hasChildren--click>ul li:last-child {
          border-bottom: 0;
        }

        #side .hasChildren>a:after {
          transform: rotate(135deg) translateY(-50%);
        }

        #side .hasChildren>a.open:after {
          transform: rotate(-45deg) translateY(-50%);
        }

        #side .hasChildren>a:hover:after {
          right: 15px;
          top: calc(50% + 3px);
        }

        #side .snsNav {
          justify-content: center;
        }

        .side__search {
          margin-bottom: 30px;
        }

        .side__search .searchForm__inner {
          width: 100%;
        }

        .sideTitle {
          font-size: 16px;
          font-weight: 700;
          line-height: 24px;
          padding: 12px 0;
          margin-bottom: 0;
        }

        .side__bnr {
          display: block;
          margin-bottom: 20px;
        }

        .side__bnr a {
          display: block;
        }

        .side__bnr .row {
          margin-left: -7px;
          margin-right: -7px;
        }

        .side__bnr [class*=col] {
          padding-left: 7px;
          padding-right: 7px;
          margin-bottom: 14px;
        }

        .side__cateNav {
          margin-bottom: 30px;
        }

        .side__cateNav ul {
          list-style: none;
          border-top: 1px solid #dfdfdf;
        }

        .side__cateNav ul li {
          list-style: none;
          border-bottom: 1px solid #dfdfdf;
        }

        .side__cateNav ul li a {
          display: block;
          line-height: 24px;
          padding: 12px;
        }

        .side__cateNav ul li a:hover {
          background: #f2f2f2;
          color: #108A65;
        }

        #side .hasChildren--click>h3,
        #side .hasChildren--click>a,
        .cateList .hasChildren--click>h3,
        .cateList .hasChildren--click>a {
          position: relative;
          cursor: pointer;
        }

        #side .hasChildren--click>h3:before,
        #side .hasChildren--click>h3:after,
        #side .hasChildren--click>a:before,
        #side .hasChildren--click>a:after,
        .cateList .hasChildren--click>h3:before,
        .cateList .hasChildren--click>h3:after,
        .cateList .hasChildren--click>a:before,
        .cateList .hasChildren--click>a:after {
          width: 10px;
          height: 2px;
          transform: translateY(-50%);
          border: 0;
          right: 13px;
          background: #1b1b1b;
          display: block;
          position: absolute;
          transition: 0.15s;
          top: 50%;
        }

        #side .hasChildren--click>h3:after,
        #side .hasChildren--click>a:after,
        .cateList .hasChildren--click>h3:after,
        .cateList .hasChildren--click>a:after {
          content: "";
        }

        #side .hasChildren--click>h3:before,
        #side .hasChildren--click>a:before,
        .cateList .hasChildren--click>h3:before,
        .cateList .hasChildren--click>a:before {
          content: "";
          display: block;
          position: absolute;
          transition: 0.15s;
          top: 50%;
          transform: rotate(90deg) translateY(-50%);
          transform-origin: top center;
        }

        #side .hasChildren--click>h3.open:before,
        #side .hasChildren--click>a.open:before,
        .cateList .hasChildren--click>h3.open:before,
        .cateList .hasChildren--click>a.open:before {
          opacity: 0;
          transform: translateY(-50%);
        }

        #side .hasChildren--click>h3:hover:before,
        #side .hasChildren--click>h3:hover:after,
        #side .hasChildren--click>a:hover:before,
        #side .hasChildren--click>a:hover:after,
        .cateList .hasChildren--click>h3:hover:before,
        .cateList .hasChildren--click>h3:hover:after,
        .cateList .hasChildren--click>a:hover:before,
        .cateList .hasChildren--click>a:hover:after {
          background: #108A65;
          right: 13px !important;
        }

        .side__txtBnr {
          text-align: center;
          padding: 10px 20px;
          display: block;
          border: 5px solid #108A65;
        }

        .side__txtBnr strong {
          font-size: 16px;
          display: block;
          line-height: 24px;
        }

        .side__txtBnr small {
          font-size: 12px;
          display: block;
          line-height: 24px;
          color: #108A65;
        }

        .side__txtBnr:before {
          content: "";
          display: block;
          top: 50%;
          right: 9px;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          position: absolute;
          background: #108A65;
          transform: translateY(-50%);
          transition: 0.2s;
        }

        .side__txtBnr:after {
          border-color: #fff !important;
        }

        .side__txtBnr:hover:before {
          right: 6px;
          transition: 0.2s;
        }

        .side__txtBnr--typeB {
          background: #108A65;
          color: #fff;
        }

        .side__txtBnr--typeB:before {
          background: #fff;
        }

        .side__txtBnr--typeB:after {
          border-color: #108A65 !important;
        }

        .side__txtBnr--typeB strong,
        .side__txtBnr--typeB small {
          color: #fff;
        }

        .side__cateNav .hasChildren--hover {
          position: relative;
        }

        .side__cateNav .hasChildren--hover>ul {
          position: absolute;
          top: -1px;
          left: 100%;
          z-index: 2;
          opacity: 0;
          visibility: hidden;
          background-color: #fff;
          border: 1px solid #dfdfdf;
          box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
          width: 250px;
          padding: 10px;
        }

        .side__cateNav .hasChildren--hover>ul>li {
          border-bottom: transparent;
        }

        .side__cateNav .hasChildren--hover>ul>li.hasChildren--hover-img a:after {
          content: none !important;
        }

        .side__cateNav .hasChildren--hover>ul>li>a {
          padding: 5px;
        }

        .side__cateNav .hasChildren--hover>ul>li>a:hover {
          color: #108A65;
          background-color: #fff;
        }

        .side__cateNav .hasChildren--hover>ul>li>a:hover:after {
          border-top: 2px solid #108A65;
          border-right: 2px solid #108A65;
        }

        .side__cateNav .hasChildren--hover:hover>ul {
          opacity: 1;
          visibility: visible;
        }

        .side__cateNav+.side__cateNav {
          margin-top: 15px;
        }

        .conceptA {
          padding: 40px 10px;
          background: url("");
          position: relative;
          overflow: hidden;
        }

        .conceptA .container {
          position: relative;
          z-index: 3;
          background: rgba(255, 255, 255, 0.8);
          padding: 40px 20px;
        }

        .conceptA p {
          line-height: 30px;
        }

        @media (max-width: 767px) {
          .conceptA {
            padding: 30px 20px;
          }

          .conceptA .container {
            padding: 30px 20px;
          }
        }

        .conceptA__bg {
          z-index: 2;
          position: absolute;
          display: block;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
        }

        .conceptB .conceptB__textWrap {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .conceptB .text--left,
        .conceptB .text--left small {
          text-align: left !important;
        }

        .conceptC {
          position: relative;
          overflow: hidden;
        }

        .conceptC .conceptC__text {
          position: relative;
          z-index: 3;
          background: rgba(255, 255, 255, 0.9);
          padding: 60px;
          margin: 60px;
          width: 520px;
        }

        .conceptC .conceptC__text.text--verticalPC,
        .conceptC .conceptC__text.text--vertical {
          width: auto;
        }

        .conceptC .conceptC__text:not(.conceptC__text--right) {
          margin-right: auto !important;
        }

        .conceptC .conceptC__text--right {
          margin-left: auto !important;
        }

        .conceptC .container:not(.conceptC__bg)>.conceptC__text {
          margin: 60px 0px;
        }

        .conceptC.conceptC2 .conceptC__text {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .conceptC p {
          line-height: 30px;
        }

        .conceptC .text--verticalPC p {
          line-height: 2;
          height: max-content;
        }

        @media (max-width: 767px) {
          .conceptC .conceptC__bg.container {
            padding: 30px 20px;
          }

          .conceptC.conceptC__bg {
            padding: 30px 20px;
            background-size: cover;
            background-attachment: inherit;
          }

          .conceptC.conceptC__bg.container {
            background-size: cover;
          }

          .conceptC.conceptC__bg .container {
            padding: 0;
          }

          .conceptC .conceptC__text {
            position: relative;
            z-index: 3;
            background: #fff;
            padding: 30px 20px;
            margin: 0;
            width: 100% !important;
          }

          .conceptC .conceptC__text p {
            line-height: 24px;
          }

          .conceptC .conceptC__text--right {
            margin: 0;
          }
        }

        .conceptC .bgTransparent {
          background: transparent !important;
        }

        @media (min-width: 768px) {
          .conceptC .bgTransparent {
            padding: 60px 0 !important;
          }
        }

        @media (max-width: 767px) {
          .conceptC .bgTransparent {
            padding: 0 !important;
          }
        }

        .conceptC__bg {
          z-index: 2;
          overflow: hidden;
          position: relative;
          display: block;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }

        .conceptC__bg.container {
          background-size: 1200px auto;
        }

        .conceptD__row {
          display: -ms-flex;
          display: flex;
          overflow: hidden;
        }

        .conceptD__img,
        .conceptD__text {
          max-width: calc(50% + 30px);
          flex: 0 0 calc(50% + 30px);
        }

        .conceptD__img {
          position: relative;
          z-index: 2;
        }

        .conceptD__img img {
          z-index: 2;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 60px;
          left: 0;
          max-width: 100%;
          width: 100%;
          height: calc(100% - 60px);
          -o-object-fit: cover;
          object-fit: cover;
        }

        @media all and (-ms-high-contrast: none) {
          .conceptD__img img {
            position: relative;
            height: auto !important;
          }
        }

        .conceptD__text {
          position: relative;
          z-index: 3;
          margin: 60px 0 0px -60px;
          padding: 60px;
          background: #fff;
        }

        .conceptD2 .conceptD__text {
          margin: 111px 0 111px -60px;
        }

        @media (max-width: 767px) {
          .conceptD2 .container {
            padding: 0;
          }
        }

        @media (max-width: 767px) {
          .conceptD2 .conceptD__text {
            margin: -140px 15px 0;
          }
        }

        @media (min-width: 768px) {
          .conceptD__row--textLeft {
            padding-bottom: 60px;
          }

          .conceptD__row--textLeft .conceptD__img {
            order: 2;
            margin-top: 60px;
          }

          .conceptD__row--textLeft img {
            bottom: -60px;
            height: calc(100% + 60px);
          }

          .conceptD__row--textLeft .conceptD__text {
            order: 1;
            margin: 0px -60px 0px 0;
            padding: 60px;
          }
        }

        @media (max-width: 767px) {
          .conceptD__row {
            flex-wrap: wrap;
          }

          .conceptD__img,
          .conceptD__text {
            max-width: 100%;
            flex: 0 0 100%;
          }

          .conceptD__img img {
            position: relative;
            bottom: 0;
            height: auto;
          }

          .conceptD__text {
            position: relative;
            z-index: 3;
            margin: -60px 0 0;
            padding: 30px 15px;
            background: #000;
            color: #fff;
          }

          .conceptD__text h2 span,
          .conceptD__text h2 small {
            color: #fff;
          }

          .conceptD__text p {
            font-size: 12px;
          }
        }

        .conceptE__bg {
          position: relative;
          overflow: hidden;
          height: 400px;
          z-index: 2;
        }

        .conceptE__bg img {
          position: absolute;
          top: -300%;
          bottom: -300%;
          left: -300%;
          right: -300%;
          margin: auto;
          width: 1920px;
          max-width: none;
        }

        .conceptE__text {
          width: 750px;
          position: relative;
          z-index: 3;
          margin-top: -100px;
          margin-left: auto;
          margin-right: auto;
          background: #fff;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
          padding: 40px;
        }

        .conceptE__text h2 {
          margin-bottom: 15px;
        }

        @media (max-width: 991px) {
          .conceptE__text {
            padding: 30px 15px;
            width: calc(100% - 30px);
            margin: -50px 15px 0 15px;
          }
        }

        .bgBlack {
          background: #000;
          color: #fff;
        }

        .bgBlack h2 span,
        .bgBlack h2 small {
          color: #fff;
        }

        .bgBlack.conceptC__text {
          background: rgba(0, 0, 0, 0.9);
        }

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



        /* copy*/
        @media (min-width: 768px) {
          .itemArrange__wrap {
            display: -ms-flex;
            display: flex;
            flex-wrap: wrap;
          }

          .itemArrange__wrap>* {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__img {
            order: 2;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__img:after {
            bottom: auto;
            top: -40px;
          }

          .itemArrange--typeA>*:nth-child(even) .itemArrange__text {
            margin-bottom: 30px !important;
          }
        }

        .itemArrange h3 {
          font-size: 20px;
          line-height: 36px;
          margin-bottom: 12px;
        }

        .itemArrange *:last-child {
          margin-bottom: 0 !important;
        }

        @media (max-width: 767px) {
          .itemArrange *:last-child {
            width: auto;
          }
        }

        .itemArrange--typeA .itemArrange__img:after {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          height: 100px;
          background: #1b1b1b;
          right: 40px;
          bottom: -60px;
        }

        .itemArrange--typeB .itemArrange__wrap {
          padding: 30px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__img {
          flex: 0 0 44%;
          max-width: 44%;
          margin-bottom: 0px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text {
          flex: 0 0 52%;
          max-width: 52%;
          margin-left: 4%;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text p {
          margin-bottom: 20px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .itemArrange__price {
          letter-spacing: 1px;
          line-height: 24px;
          font-size: 22px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .itemArrange__price small {
          padding-left: 3px;
          font-size: 10px;
        }

        .itemArrange--typeB .itemArrange__wrap .itemArrange__text .button {
          max-width: 160px;
        }

        .itemArrange--typeE .itemArrange__text {
          padding: 0 10px;
        }

        .itemArrange--typeE .itemArrange__text h3 {
          margin-bottom: 5px;
          font-size: 24px;
        }

        .itemArrange--typeC .itemArrange__img,
        .itemArrange--typeD .itemArrange__img {
          margin-bottom: 0;
        }

        .itemArrange--typeC .itemArrange__text,
        .itemArrange--typeD .itemArrange__text {
          padding: 40px;
        }

        .itemArrange--typeC .itemArrange__text .h2C,
        .itemArrange--typeD .itemArrange__text .h2C {
          line-height: 24px;
          font-size: 18px;
          margin-bottom: 15px;
        }

        .itemArrange--typeC .itemArrange__text .button,
        .itemArrange--typeD .itemArrange__text .button {
          max-width: 200px;
        }

        .itemArrange--typeD_row {
          display: -ms-flex;
          display: flex;
          flex-wrap: wrap;
        }

        .itemArrange--typeD_row.itemArrange__text--left {
          flex-direction: row-reverse;
        }

        .itemArrange--typeD_row .itemArrange__img {
          position: relative;
          flex: 0 0 57%;
          max-width: 57%;
          min-height: 1px;
        }

        .itemArrange--typeD_row .itemArrange__img img {
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
        }

        .itemArrange--typeD_row .itemArrange__text {
          flex: 0 0 43%;
          max-width: 43%;
        }

        .itemArrange__img {
          display: block;
          margin-bottom: 20px;
          position: relative;
        }

        @media screen and (max-width: 767px) {
          .itemArrange h3 {
            font-size: 18px;
          }

          .itemArrange [class*=col] {
            margin-bottom: 30px;
          }

          .itemArrange--typeB .itemArrange__wrap {
            padding: 0;
            display: -ms-flex;
            display: flex;
            flex-wrap: wrap;
          }

          .itemArrange--typeB .itemArrange__wrap>* {
            flex: 0 0 100% !important;
            max-width: 100% !important;
          }

          .itemArrange--typeB .itemArrange__wrap .itemArrange__text {
            padding: 20px;
            margin-left: 0;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__img {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__img .conceptF__bg {
            position: static;
            -o-object-fit: inherit;
            object-fit: inherit;
          }

          .itemArrange--typeD .itemArrange--typeD_row .itemArrange__text {
            flex: 0 0 100%;
            max-width: 100%;
          }

          .itemArrange--typeD .itemArrange__text {
            padding: 30px 20px;
          }

          .itemArrange--typeD .itemArrange__text .text--right {
            text-align: left !important;
          }

          .itemArrange__text .button {
            display: block;
          }

          .itemArrange__text .button span {
            width: 100% !important;
            max-width: 100% !important;
          }
        }

        .line .\#button {
          max-width: 300px;
        }

        @media (max-width: 991px) {
          .line .\#button {
            max-width: 270px;
          }
        }

        .\#rte h3.\#hero-heading {
          margin-bottom: 0;
          font-size: 2.7em;
        }

        @media (max-width: 991px) {
          .\#rte h3.\#hero-heading {
            font-size: 1.8em;
          }

          .\#hero-newsletter-input {
            padding: 6px 13px;
          }
        }

        .line .\#hero-newsletter .\#button {
          padding: 0 !important;
        }

        .itemArrange--typeC .itemArrange__text {
          position: relative;
          ;
          padding: 40px;
          height: 260px;
        }

        .itemArerange__button {
          position: absolute;
          bottom: 20px;
          right: 27px;
        }

        @media (max-width: 767px) {
          .itemArerange__button {
            position: absolute;
            bottom: 30px;
            right: 20px;
          }
        }

        .itemArerange__button a {
          font-weight: 700;
          font-size: 12px;
          line-height: 100%;
          text-decoration: none;
          font-family: 'Noto Sans JP';
        }

        .itemArerange__button img {
          margin-left: 3px;
        }

        .bg--primary h2,
        .bg--primary h3,
        .bg--primary p {
          color: #ffffff;
          font-weight: 400;
          font-size: 14px;
          line-height: 150%;
          /* or 21px */
          letter-spacing: 1px;
        }

        .\#rte h2.h2__example {
          font-family: 'Noto Sans JP';
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 1px;
          color: #FFFFFF;
        }

        .line section.secD {
          max-width: 100%;
          padding: 100px 0;
          background: #F9F9F9;
        }

        @media (max-width: 767px) {
          .line section.secD {
            padding: 50px 0;
          }
        }

        .line .\#button {
          border-radius: 100px !important;
          padding: 13px 0 !important;
        }

        .line .\#button.\@color\:default,
        .\@color\:default.shopify-payment-button__button.shopify-payment-button__button--unbranded {
          --background-color: #102350 !important;
        }

        .step {
          max-width: 782px;
          margin: 0 auto;
        }

        .stepContainer {
          display: flex;
          position: relative;
          justify-content: space-between;
          margin-bottom: 120px;
        }

        .stepContainer:first-child {
          margin-bottom: 100px;
        }

        .stepContainer:last-child {
          margin-bottom: 44px;
        }

        .stepContainer::before {
          position: absolute;
          content: "";
          width: 2px;
          left: 40px;
          top: 100px;
          height: 80px;
          background: #102350;
        }

        .stepContainer:last-child::before {
          display: none;
        }

        .stepContainer img {
          width: 80px;
          height: 80px;
        }

        .\#rte h3.secD__h3 {
          font-weight: 500;
          font-size: 20px;
          line-height: 100%;
          letter-spacing: 1px;
          color: #000000;
          margin-bottom: 10px;
        }

        .\#rte h3.secD__h3 span {
          font-weight: 500;
          font-size: 14px;
          line-height: 180%;
          letter-spacing: 3px;
          color: #000000;
        }

        .secD__p {
          font-weight: 400;
          font-size: 12px;
          line-height: 180%;
          letter-spacing: 1px;
          color: #000000;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        }

        .textContainer {
          max-width: 642px;
          width: 100%;
        }

        #shopify-section-template--15418610679982__page-header {
          display: none !important;
        }

        /* .\#container {
          padding-left: 0;
          padding-right: 0;
        } */

        .\#rte.\@width\:normal {
          width: auto;
          margin: 0 auto;
        }

        .container {
          max-width: 1200px !important;
        }

        .line section {
          max-width: 1200px;
          width: 100%;
          margin: 0 auto 120px;
        }

        @media (max-width: 767px) {
          .line section {
            margin: 0 auto 60px;
          }
        }

        .line section.secB {
          margin-top: 120px;
          text-align: center;
        }

        @media (max-width: 767px) {
          .line section.secB {
            margin-top: 20px;
            margin-bottom: 40px;
          }
        }

        .line .a-h2 {
          font-weight: 500;
          font-size: 30px;
          line-height: 48px;
          letter-spacing: 3px;
          color: #1B1B1B;
          margin-bottom: 50px;
        }

        @media (max-width: 767px) {
          .line .a-h2 {
            font-size: 24px;
            line-height: 180%;
            margin-bottom: 30px;
            padding: 0 28px;
          }
        }

        .conceptD2 .conceptD__text {
          background-color: rgba(255, 255, 255, 0.8);
          font-family: 'Noto Sans JP';
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 180%;
          /* or 25px */
          letter-spacing: 1px;
          color: #000000;
        }


        .a-h2 small {
          display: block;
          margin-top: 8px;
          font-weight: 500;
          font-size: 12px;
          line-height: 100%;
          letter-spacing: 3px;
        }

        @media (max-width: 767px) {
          .stepContainer::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 40px;
            top: 90px;
            left: 0;
            right: 0;
            margin: auto;
          }

          .\#rte h3.secD__h3 {
            text-align: center;
            font-size: 18px;
          }

          .secD__p {
            text-align: center;
          }

          .\#rte h3.secD__h3 span {
            font-size: 12px;
          }
        }

        @media (max-width: 767px) {
          .step {
            padding: 0 15px;
          }

          .stepContainer {
            flex-direction: column;
            margin-bottom: 40px;
            align-items: center;
          }

          .stepContainer img {
            margin-bottom: 70px;
          }

          .stepContainer:first-child {
            margin-bottom: 40px;
          }

          .stepContainer:last-child {
            margin-bottom: 50px;
          }
        }

        @media (min-width: 768px) {
          .conceptD__row--textLeft .conceptD__text {
            margin: 111px -60px 111px 0;
          }

          .conceptD__row--textLeft .conceptD__img {
            margin-top: 0;
          }
        }

        .secC .container {
          margin-bottom: 80px;
        }

        @media (max-width: 767px) {
          .secC .container {
            margin-bottom: 40px;
          }
        }

        .secC .container--last {
          margin-bottom: 50px;
        }

        @media (max-width: 767px) {
          .secC .container--last {
            margin-bottom: 20px;
          }
        }

        .h2__example small {
          font-weight: 500;
          font-size: 12px;
          line-height: 150%;
          letter-spacing: 1px;
        }

        @media (max-width: 1000px) {
          .secE .row {
            max-width: initial;
            margin-left: auto;
            margin-right: auto;
          }
        }

        @media (max-width: 767px) {

          .itemArrange--typeC .itemArrange__text,
          .itemArrange--typeD .itemArrange__text {
            padding: 30px 20px;
            min-height: 240px;
            height: auto;
          }
        }

        @media (max-width: 991px) {
          .\#main-header-inner {
            padding-top: calc(var(--spacer)*1.5);
            padding-left: calc(var(--spacer)*1.5);
            padding-right: calc(var(--spacer)*1.5);
            padding-bottom: 10px;
          }
        }

        @media (max-width: 991px) {
          .\#main-header.\@sticky .\#main-header-inner {
            padding-bottom: 0;
          }
        .\#product-meta-inner {
        padding: 0.65rem 1.5rem !important;
        }
        }

        .line .a-h2A {
          font-size: 36px;
          font-weight: 400;
          line-height: 54px;
          letter-spacing: 3px;
          text-align: center;
          color: #052854;
          margin-bottom: 60px;
        }

        @media (max-width: 767px) {
          .line .a-h2A {
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 1px;
            text-align: center;
            margin-bottom: 40px;
          }
        }

        .line .a-h2A span {
          font-size: 48px;
          font-weight: 400;
          line-height: 72px;
          letter-spacing: 3px;
          text-align: center;
        }

        @media (max-width: 767px) {
          .line .a-h2A span {
            font-size: 24px;
            font-weight: 400;
            line-height: 36px;
            letter-spacing: 3px;
            text-align: center;
          }
        }

        .line .head__logo {
          width: 180px;
          height: auto;
          margin-bottom: 20px;
        }

        @media (max-width: 767px) {
          .line .head__logo {
            width: 140px;
          }
        }

        .line .a-h3 {
          font-size: 40px;
          font-weight: 500;
          line-height: 60px;
          letter-spacing: 4px;
          text-align: center;
          color: #000;
          margin-bottom: 40px;
        }

        @media (max-width: 900px) {
          .line .a-h3 {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 4px;
            text-align: center;
            margin-bottom: 20px;
          }
        }

        .line .what {
          background: #F2F2F2;
          padding: 60px 150px;
          margin-bottom: 60px;
        }

        @media (max-width: 900px) {
          .line .what {
            padding: 40px 15px;
            margin-bottom: 40px;
          }
        }

        .line .what .circleText {
          font-size: 50px;
          font-weight: 400;
          line-height: 75px;
          letter-spacing: 3px;
          width: 190px;
          text-align: left;
          margin-right: 30px;
        }

        @media (max-width: 900px) {
          .line .what .circleText {
            width: auto;
            margin-bottom: 3px;
            margin-right: 0;
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 3px;
          }
        }

        .line .pointWrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 80px;
        }

        @media (max-width: 900px) {
          .line .pointWrap {
            margin-bottom: 30px;
          }
        }

        .line .point {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 54px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          margin-bottom: 40px;
          max-width: 900px;
          width: 100%;
        }

        .line .point:last-child {
          margin-bottom: 0;
        }

        @media (max-width: 900px) {
          .line .point {
            padding: 20px 18px;
          }
        }

        .line .point .textWrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
        }

        @media (max-width: 900px) {
          .line .point .textWrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
          }
        }

        .line .point p {
          max-width: 400px;

          font-size: 14px;
          font-weight: 400;
          line-height: 25px;
          letter-spacing: 1px;
          text-align: left;
          margin: 0;
        }

        @media (max-width: 900px) {
          .line .point p {
            max-width: auto;

            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        .line .step {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 54px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          max-width: 900px;
          width: 100%;
        }

        @media (max-width: 900px) {
          .line .step {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 20px 18px;
          }
        }

        .line .step .head {

          font-size: 20px;
          font-weight: 500;
          line-height: 36px;
          letter-spacing: 1px;
          text-align: left;
        }

        @media (max-width: 900px) {
          .line .step .head {

            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        .line .step .url {

          font-size: 14px;
          font-weight: 500;
          line-height: 25px;
          letter-spacing: 1px;
          text-align: left;
          margin: 0;
          margin-bottom: 25px;
        }

        @media (max-width: 900px) {
          .line .step .url {

            font-size: 12px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0px;
            text-align: left;
            margin-bottom: 11px;
          }
        }

        .line .step .textWrap {
          margin-right: 130px;
        }

        @media (max-width: 900px) {
          .line .step .textWrap {
            margin-top: 20px;
            margin-right: 0;
          }
        }

        .line .step .text {

          font-size: 10px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 1px;
          text-align: left;
        }

        @media (max-width: 900px) {
          .line .step .text {

            font-size: 10px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0px;
            text-align: left;
          }
        }

        @media (max-width: 1200px) {
          .line .qr {
            margin-bottom: 12px;
            width: 80px;
            height: auto;
            text-align: left;
            display: block;
          }
        }

        .line .secB .\#button {
          max-width: 500px;
        }

        @media (max-width: 767px) {
          .line .secB .\#button {
            max-width: 270px;
            font-size: 16px;
            padding: 5px !important;
          }
        }

        .line .\#button-text {
          font-size: 18px;
          padding: 5px;
          letter-spacing: 4.1px;
        }

        .secF {
          margin-bottom: 160px;
        }

        .secG {
          background: #FBF9F6;
          padding-bottom: 100px;
          margin-bottom: 121px;
        }

        .secG section {
          max-width: initial;
        }

        .secG .conceptC {
          margin-bottom: 110px;
        }

        .secG .conceptC .h2C {
          font-size: 40px;
          letter-spacing: 4.4px;
          margin-bottom: 37px;
        }

        .secG .conceptC .h2C span {
          color: #940000;
        }

        .secG .conceptC p,
        .secG .conceptB p {
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          line-height: 1.85;
          letter-spacing: 2px;
        }

        .secG .conceptB {
          margin-bottom: 0;
        }

        .secG .conceptB .h2C {
          font-size: 24px;
          font-weight: 500;
          margin-bottom: 30px;
          color: #102350;
        }

        .secG .conceptB p {
          font-size: 14px;
          line-height: 1.8;
        }

        .secG .conceptC .container:not(.conceptC__bg)>.conceptC__text {
          width: 740px;
        }

        @media (min-width: 992px) {
          .secG .col-pc-6:not(.alignCenter) {
            max-width: 51.2%;
            flex-basis: 51.2%;
          }

          .secG .col-pc-6.alignCenter {
            max-width: 48.8%;
            flex-basis: 48.8%;
            padding: 0 15px 0 50px;
          }

          .secG .row.reverse .col-pc-6.alignCenter {
            padding: 0 50px 0 15px;
          }

          .secG.secG_01 .conceptC .container:not(.conceptC__bg)>.conceptC__text {
            padding: 75px 0 91px !important;
          }

          .secG.secG_02 .conceptC .container:not(.conceptC__bg)>.conceptC__text {
            padding: 125px 0 114px !important;
            width: 840px;
          }
        }


        .secG .row+.row {
          margin-top: 20px;
        }

        .btn-typeA {
          display: inline-block;
          background: #102350;
          color: #fff;
          text-align: center;
          width: 500px;
          font-size: 18px;
          position: relative;
          padding: 20px;
          text-decoration: none;
          border-radius: 100px;
          margin-top: 30px;
        }

        .btn-typeA:after {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          top: 50%;
          right: 25px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secH .h2A {
          font-size: 30px;
          text-align: center;
          letter-spacing: 4px;
          margin-bottom: 48px;
        }

        .h3A {
          position: relative;
          font-size: 18px !important;
          padding-left: 10px;
          margin-bottom: 30px;
          color: #102350;
          letter-spacing: 2px;
        }

        .h3A:before {
          display: block;
          position: absolute;
          content: '';
          width: 5px;
          height: 18px;
          background: #102350;
          left: 0;
          top: 0;
        }

        .iconButton {
          text-decoration: none;
          color: #000;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          position: relative;
          border: 1px solid #DFDFDF;
          padding: 13px 22px;
          border-radius: 100px;
        }

        .iconButton:after {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          position: absolute;
          top: 50%;
          right: 18px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secH .row {
          width: calc(100% + 15px);
          margin-left: -7.5px;
          margin-right: -7.5px;
        }

        .secH .row>* {
          padding: 0 7.5px;

        }

        .secH .row+.h3A {
          margin-top: 9px;
        }

        .secE .bg--primary .cate {
          color: #AF933F;
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        }


        .secE .bg--primary p {
          font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

        }

        .secI h2 {
          text-align: center;
          color: #052854;
          font-size: 36px;
          letter-spacing: 3.4px;
          margin-bottom: 30px;
        }

        .secI .icon_btn {
          display: block;
          max-width: 500px;
          margin: 0 auto;
          text-align: center;
          text-decoration: none;
          border-radius: 100px;
          padding: 22px;
          padding-left: 75px;
          font-size: 18px;
          letter-spacing: 3.6px;
          position: relative;
        }

        .secI .icon_btn span {
          position: relative;
        }

        .secI .icon_btn.-line {
          background: #01B901;
        }

        .secI .icon_btn.-line span:before {
          position: absolute;
          content: "";
          background: url('/cdn/shop/files/ico_line.png');
          display: block;
          width: 22px;
          height: 22px;
          top: 2px;
          left: -40px;
          background-size: contain;
          background-repeat: no-repeat;
        }

        .secI .icon_btn.-tel {
          background: #102350;
        }

        .secI .icon_btn.-tel span:before {
          position: absolute;
          content: "";
          background: url('/cdn/shop/files/ico_tel.png');
          display: block;
          width: 20px;
          height: 20px;
          top: 2px;
          left: -45px;
          background-size: contain;
          background-repeat: no-repeat;
        }

        .secI .icon_btn:after {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          top: 50%;
          right: 25px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: 0.15s;
          -o-transition: 0.15s;
          transition: 0.15s;
        }

        .secI .icon_btn+h2 {
          margin-top: 70px;
        }

        .secE .\#rte h2.h2__example {
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
        }

        .secH a[class*="iconButton"]:hover {
          color: #000;

        }

        .line .container {
          margin: 0 auto;
        }

        @media (min-width: 991px) {
          .line .what .circleText.-fzSmall {
            font-size: 45px;
            letter-spacing: 0;

          }
        }

        @media (max-width: 991px) {}

        @media (max-width: 767px) {
          section.secF {
            margin-bottom: 40px !important;
          }

          .conceptD__text {
            background: rgba(251, 249, 246, 0.8);
            color: #000;
          }

          .conceptD__text p {
            padding: 0 20px;
            /*font-family: 'Noto Sans JP', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
            letter-spacing: 2.4px;
            text-align: center;
            line-height: 1.9;
          }

          .conceptD .conceptD__img,
          .conceptB .col-pc-6:not(.alignCenter) {
            width: calc(100% + 30px);
            margin-left: -15px;
            flex: 0 0 calc(100% + 30px);
            max-width: calc(100% + 30px);
            margin-bottom: 24px;
          }

          .secG .conceptB .h2C,
          .secG .conceptD .h2C {
            text-align: center !important;
            margin-bottom: 20px;
            font-size: 20px;
            letter-spacing: 2.9px;
            font-weight: 500;
            color: #102350;
          }

          .secG .conceptB p {

            padding: 0 20px;
            font-size: 12px;
            letter-spacing: 1.8px;
          }

          .secG .conceptD__row {
            overflow: initial;

          }

          .secG .conceptB .h2C span,
          .secG .conceptD .h2C span {
            color: #940000;
          }

          .secG {
            padding-bottom: 0;
            margin-bottom: 40px;
          }

          .secG.secG_02 {
            padding-bottom: 40px;
            margin-bottom: 50px;
          }

          .secG section.conceptD {
            margin-bottom: 0;
          }

          .secG section.conceptD .container {
            margin-bottom: 0;
          }

          .btn-typeA {
            max-width: 270px;
            padding: 14px;
            font-size: 16px;
            letter-spacing: 2.1px;
          }

          .secH .h2A {
            font-size: 20px;
            margin-bottom: 40px;
          }

          [class*="iconButton"],
          a[class*="iconButton"] {
            font-size: 12px;
            padding: 14px;
          }

          [class*="iconButton"],
          a[class*="iconButton"] b {
            font-weight: normal;
          }

          .iconButton:after {
            right: 10px;
          }

          .secH .row>* {
            margin-bottom: 20px;
          }

          .h3A {
            margin-bottom: 22px;
          }

          section.secH {
            margin-bottom: 40px;
          }

          .secH .btn-typeA {
            margin-top: 20px;
          }

          .secE .line .a-h2 {
            font-size: 20px;
          }

          .itemArrange--typeC .itemArrange__text {
            min-height: 190px;
          }

          .secI {
            margin-top: -137px;
            padding-top: 137px;
          }

          .secI h2 {
            font-size: 18px;
            letter-spacing: 2.1px;
          }

          .secI .icon_btn+h2 {
            margin-top: 40px;
          }

          .secI .icon_btn {
            padding: 14px;
            font-size: 16px;
            padding-left: 46px;
            letter-spacing: 2.5px;
          }

          .secH .row {
            width: calc(100% + 20px; )
          }

        }



        /*  */
        /*# sourceMappingURL=line-style.css.map */
--></style>
<style><!--
.\#hero-newsletter .\#button-text {
          text-align: center;
          text-decoration: none;
          user-select: none;
          text-transform: uppercase;
          letter-spacing: calc(var(--spacer)*.1);
          font-size: 1rem;
          font-weight: var(--font-body-weight-bold);
          border: 1px solid transparent;
      }
      @media (max-width: 991px){
      .\#rte h3.\#hero-heading {
          font-size: 1.8em;
      }
      }
--></style>
<style><!--
.secG .conceptC p, .secG .conceptB p {
          font-family: "Noto Serif JP", sans-serif!important;
        }
--></style>
<style><!--
@media (min-width: 768px) {
        .a-spOnly {
          display: none;
        }
      }

      #line {
        font-family: Noto Serif JP !important;
      }

      #line .what {
        padding: 60px 25px;
      }

      #line .a-flexWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
				column-gap: 30px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
      }

      @media (max-width: 1200px) {
        #line .a-flexWrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
        }
      }

      #line .a-flex, #line .a-flexB {
        max-width: 560px;
      }

      #line .circle {
        position: relative;
        margin-right: 40px;
      }

      @media (max-width: 767px) {
        #line .circle {
          margin-right: 12px;
        }
      }

      #line .circleWrap {
        height: 105px;
      }

      @media (max-width: 767px) {
        #line .circleWrap {
          height: auto;
          margin-right: 10px;
        }
      }

      #line .circle img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-top: 5px;
      }

      @media (max-width: 767px) {
        #line .circle img {
          position: relative;
          top: 12px;
          margin-bottom: 12px;
          min-width: 60px;
        }
      }

      #line .circleA::before {
        content: "状態＋撮影";
        position: absolute;
        font-family: Noto Serif JP;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 3px;
        text-align: center;
        bottom: -36px;
        left: -32px;
        right: 0;
        margin: auto;
        color: #052854;
        width: 140px;
      }

@media (max-width: 1000px) {
#line .circleA::before {font-size: 18px;}
}

      @media (max-width: 767px) {
        #line .circleA::before {
          display: none;
        }
      }

      #line .circleB::before {
        content: "写真送信";
        position: absolute;
        font-family: Noto Serif JP;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 3px;
        text-align: center;
        bottom: -36px;
        left: -24px;
        right: 0;
        margin: auto;
        color: #052854;
        width: 110px;
      }

@media (max-width: 1000px) {
#line .circleB::before {font-size: 18px;}
}

      @media (max-width: 767px) {
        #line .circleB::before {
          display: none;
        }
      }

      #line .circleC::before {
        content: "見積";
        position: absolute;
        font-family: Noto Serif JP;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 3px;
        text-align: center;
        bottom: -36px;
        left: 0;
        right: 0;
        margin: auto;
        color: #052854;
      }

@media (max-width: 1000px) {
#line .circleC::before {font-size: 18px;}
}

      @media (max-width: 767px) {
        #line .circleC::before {
          display: none;
        }
      }

      #line .point {
        padding: 20px 36px;
      }

      @media (max-width: 767px) {
        #line .point {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding: 20px 18px;
        }
      }

      #line .point p {
        max-width: 400px;
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 1px;
        text-align: left;
        margin: 0;
      }

      @media (max-width: 767px) {
        #line .point p {
          font-size: 12px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 0px;
          text-align: left;
        }
      }

      #line .point p span {
        font-family: Noto Serif JP;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 1px;
        text-align: left;
      }

      @media (max-width: 767px) {
        #line .point p span {
          display: block;
          margin-top: 12px;
          font-size: 12px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 0px;
          text-align: left;
        }
      }

      #line .a-h3B {
        font-family: Noto Serif JP;
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: 4px;
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        #line .a-h3B {
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: 4px;
          text-align: center;
          margin-bottom: 20px;
        }
      }

      #line .pointWrap {
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        #line .pointWrap {
          margin-bottom: 40px;
        }
      }

      #line .step .head {
        position: relative;
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 1px;
      }

      @media (max-width: 767px) {
        #line .step .head {
          font-size: 12px;
          font-weight: 500;
          line-height: 22px;
          letter-spacing: 0px;
          text-align: left;
        }
      }

      #line .step .head::after {
        position: absolute;
        content: "";
        background-image: url("/cdn/shop/files/line03.png?v=1654147771");
        top: 0;
        right: 8px;
        width: 80px;
        height: 80px;
        background-size: contain;
        display:block;
      }

      @media (max-width: 1920px) {
        #line .step .head::after {
          display: none;
        }
      }

      #line .step .url {
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 1px;
        text-align: left;
      }

      @media (max-width: 767px) {
        #line .step .url {
          font-size: 12px;
          font-weight: 500;
          line-height: 22px;
          letter-spacing: 1px;
          text-align: left;
          white-space: nowrap;
        }
      }

      #line .step .text {
        font-size: 10px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 1px;
        text-align: left;
      }

      @media (max-width: 767px) {
        #line .step .text {
          font-size: 10px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 0px;
          text-align: left;
        }
      }

      #line .step .textWrap {
        margin-right: 0;
      }

      #line .step {
        padding: 20px 25px 20px 36px;
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        #line .step {
          padding: 20px 18px;
        }
      }

      #line .circleD {
        position: relative;
        margin: 0;
        margin-right: 12px;
        top: -10px;
      }

      #line .what .btn-typeA {
        margin-top: 50px;
      }

      @media (max-width: 767px) {
        #line .what .btn-typeA {
          margin-top: 40px;
        }
      }

      #line .a-h4A {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: 3px;
        margin-bottom: 6px;
    color: #052854;
      }

      #line .a-h2B {
        font-family: Noto Serif JP;
        font-size: 30px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 4px;
        text-align: center;
      }

      @media (max-width: 767px) {
        #line .a-h2B {
          font-family: Noto Serif JP;
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: 2px;
          text-align: center;
        }
      }

      #line .flowWrap {
        max-width: 600px;
        margin: 40px auto 0;
        position: relative;
        left: 30px;
      }

      @media (max-width: 767px) {
        #line .flowWrap {
          margin: 20px auto 0;
          position: static;
          padding: 0 40px;
        }
      }

      #line .flow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
      }

      @media (max-width: 767px) {
        #line .flow {
          margin-bottom: 18px;
        }
      }

      #line .flow img {
        min-width: 40px;
        width: 40px;
        height: auto;
        margin-right: 20px;
      }

      @media (max-width: 767px) {
        #line .flow img {
          min-width: 30px;
          width: 30px;
          margin-right: 16px;
        }
      }

      #line .flow p {
        margin-top: 10px;
        margin-bottom: 16px;
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 1px;
        text-align: left;
      }

      @media (max-width: 767px) {
        #line .flow p {
          margin-top: -6px;
          margin-bottom: 12px;
          font-family: Noto Serif JP;
          font-size: 14px;
          font-weight: 500;
          line-height: 21px;
          letter-spacing: 1px;
          text-align: left;
        }
      }

      @media (max-width: 767px) {
        #line .flow p.last {
          margin-top: 6px;
        }
      }

      #line p.flow__annotation {
        margin-top: 15px;
        font-family: Noto Serif JP;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 1px;
        text-align: left;
      }

      @media (max-width: 767px) {
        #line p.flow__annotation {
          margin-top: 10px;
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0px;
          text-align: left;
        }
      }


      @media (max-width: 767px) {
        #line p.flow__annotationB {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0px;
          text-align: left;
          white-space: nowrap;
        }
      }

      @media (max-width: 767px) {
        #line .secG .conceptB {
          margin-bottom: 48px;
        }
      }

      @media (max-width: 767px) {
        #line .secG .conceptD__text p {
          text-align: left;
          padding: 0;
          margin-bottom: 20px;
        }
      }

      #line .secG_02 {
        background: none;
        margin-bottom: 0;
      }

      #line .secG_02 .row {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
      }

      #line .b-h2C {
        font-family: Noto Serif JP;
        font-size: 40px;
        font-weight: 500;
        line-height: 60px;
        letter-spacing: 4px;
        text-align: center;
        margin-bottom: 60px;
      }

      @media (max-width: 767px) {
        #line .b-h2C {
          font-family: Noto Serif JP;
          font-size: 20px;
          font-weight: 500;
          line-height: 36px;
          letter-spacing: 3px;
          text-align: center;
          margin-bottom: 30px;
        }
      }

      #line .b-h2C span {
        color: #940000;
      }

      #line .secG .a-h2C {
        font-family: Noto Serif JP;
        font-size: 24px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 1px;
        text-align: left !important;
        margin-bottom: 20px;
        color: #102350!important;
      }

      @media (max-width: 767px) {
        #line .secG .a-h2C {
          font-family: Noto Serif JP;
          font-size: 20px;
          font-weight: 500;
          line-height: 28px;
          letter-spacing: 3px;
          text-align: left;
          margin-bottom: 34px;
          padding: 0 15px;
color: #102350!important;
        }
      }

      #line .a-h2C span {
        font-family: Noto Serif JP;
        font-size: 32px;
        font-weight: 500;
        line-height: 45px;
        letter-spacing: 1px;
        text-align: left;
        color: #102350;
      }

      @media (max-width: 767px) {
        #line .a-h2C span {
          font-family: Noto Serif JP;
          font-size: 20px;
          font-weight: 500;
          line-height: 28px;
          letter-spacing: 3px;
          text-align: left;
        }
      }

      #line h2.h2__example {
        font-family: Noto Serif JP;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 1px;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }

      @media (max-width: 767px) {
        #line h2.h2__example {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          letter-spacing: 1px;
          text-align: left;
        }
      }

      #line .itemArrange--typeC .itemArrange__text {
        height: 128px;
        padding: 40px 0;
      }

      @media (max-width: 767px) {
        #line .itemArrange--typeC .itemArrange__text {
          min-height: auto;
        }
      }

      #line .secI .icon_btn.-mail {
        margin-top: 40px;
      }

      @media (max-width: 767px) {
        #line .secI .icon_btn.-mail {
          margin-top: 30px;
        }
      }

      #line .secI .icon_btn.-mail span:before {
        position: absolute;
        content: "";
        background: url(/cdn/shop/files/mail.svg);
        display: block;
        width: 24px;
        height: 24px;
        top: 2px;
        left: -45px;
        background-size: contain;
        background-repeat: no-repeat;
      }

      #line .secI h2 {
        color: #1B1B1B;
      }

      @media (max-width: 767px) {
        #line .secE .container {
          padding: 0;
        }
      }

      @media (max-width: 767px) {
        #line .secE .row > div {
          padding: 0;
        }
      }

      #line .a-open {
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 1px;
        text-align: center;
        margin-top: 28px;
        color: #052854;
      }

      @media (max-width: 767px) {
        #line .a-open {
          font-family: Noto Serif JP;
          font-size: 10px;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: 0px;
          text-align: center;
          margin-top: 16px;
        }
      }

      #line .a-open span {
        font-family: Noto Serif JP;
        font-size: 16px;
        font-weight: 500;
        line-height: 29px;
        letter-spacing: 1px;
        text-align: center;
      }

      @media (max-width: 767px) {
        #line .a-open span {
          font-family: Noto Serif JP;
          font-size: 16px;
          font-weight: 500;
          line-height: 32px;
          letter-spacing: 0px;
          text-align: center;
        }
      }

      @media (max-width: 767px) {
        #line section.secI {
          padding-top: 0;
        }
      }

      @media (min-width: 992px) {
        #line .secG.secG_02 .conceptC .container:not(.conceptC__bg) > .conceptC__text {
          padding: 162px 0 152px !important;
        }
      }

      #line .h2C__over {
        color: #940000!important;
      }

      #line .over__text {
        text-align: center;
      }

      #line .over {
        max-width: 1200px;
        margin: 0 auto;
      }

      #line .over .over__h3 {
        font-family: Noto Serif JP;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 2px;
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 2px solid #DFDFDF;
        position: relative;
      }

      @media (max-width: 1200px) {
        #line .over .over__h3 {
          padding-left: 15px;
          font-family: Noto Serif JP;
          font-size: 18px;
          font-weight: 600;
          line-height: 25px;
          letter-spacing: 0em;
          padding-bottom: 15px;
          margin-bottom: 26px;
        }
      }

      #line .over .over__h3::before {
        position: absolute;
        content: "";
        bottom: -2px;
        width: 80px;
        height: 2px;
        left: 0px;
        background: #102350;
      }

      #line .over p {
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 1px;
        text-align: left;
        margin-top: 10px;
      }

      @media (max-width: 1200px) {
        #line .over p {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 0em;
          text-align: left;
        }
      }

      #line .over .over__img {
        position: relative;
      }

      #line .over .over__img--arrow::before {
        position: absolute;
        content: "";
        background-image: url("/cdn/shop/files/over_arrow.png");
        width: 20px;
        height: 20px;
        top: 0;
        bottom: 0;
        right: -24px;
        margin: auto;
      }

      @media (max-width: 1200px) {
        #line .over .over__img--arrow::before {
          z-index: 1000;
          right: -17px;
        }
      }

      @media (max-width: 1200px) {
        #line .over .col-tab-6 {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 30px;
        }
        #line .over .row {
          padding: 0 15px;
        }
        #line .over .over__img img {
          width: 100%;
        }
        #line .over .over__img--arrow.sp::before {
          display: none;
        }
      }

      #line .secH {
        margin-top: 60px;
        text-align:center;
      }
      #line .secH .a-textWrap {
        text-align:left;
      }

      @media (max-width: 767px) {
        #line .secH {
          margin-top: 80px;
        }
      }

      #line .secH .h2A {
        color: #000;
      }

      #line .secH .a-h3A {
        font-family: Noto Serif JP;
        font-size: 20px;
        font-weight: 600;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        #line .secH .a-h3A {
          font-family: Noto Sans JP;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;
          letter-spacing: 0em;
        }
      }

      #line .secH .rec {
        margin-left: 13px;
        margin-bottom: 40px;
      }

      @media (max-width: 767px) {
        #line .secH .rec {
          margin-left: 0;
          margin-bottom: 30px;
        }
      }

      #line .secH .rec > span {
        padding-right: 30px;
        margin-right: 30px;
        position: relative;
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        margin-bottom: 20px;
        display: inline-block;
      }

      @media (max-width: 767px) {
        #line .secH .rec > span {
          padding-right: 12px;
          margin-right: 12px;
          font-family: Noto Serif JP;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: 0em;
          margin-bottom: 16px;
        }
      }

      #line .secH .rec > span::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 10px;
        width: 1px;
        background: #c8c8c8;
      }

      @media (max-width: 767px) {
        #line .secH .rec > span > span {
          font-family: Noto Serif JP;
          font-size: 10px;
          font-weight: 500;
          line-height: 14px;
          letter-spacing: 0em;
        }
      }

      #line .secH .noDivide::after {
        display: none;
      }

      @media (min-width: 768px) {
        #line .secH .noDivide--pc::after {
          display: none;
        }
      }

      @media (max-width: 767px) {
        #line .secH .noDivide--sp::after {
          display: none;
        }
      }

      #line .secH .h3A:before {
        top: 0;
        bottom: 0;
        margin: auto;
      }

      @media (max-width: 767px) {
        #line .secH .h3A:before {
          height: 43px;
        }
      }

      #line .secH .h3A {
        margin-bottom: 20px;
      }

      #line .secH .p1 {
        color: #000;
        font-family: Noto Serif JP;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 1px;
        display: block;
        margin: 30px 0;
      }

      @media (max-width: 767px) {
        #line .secH .p1 {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 1px;
          text-align: left;
          margin: 10px 0 20px;
        }
      }

      #line .secH .p2 {
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 1px;
        text-align: left;
        color: #000;
        margin-bottom: 40px;
      }

      @media (max-width: 767px) {
        #line .secH .p2 {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 400;
          line-height: 22px;
          letter-spacing: 1px;
          text-align: left;
          margin-bottom: 30px;
        }
      }

      #line .secH .p3 {
        margin-bottom: 80px;
        margin-left: 13px;
      }

      @media (max-width: 767px) {
        #line .secH .p3 {
          margin-bottom: 40px;
          margin-left: 0;
        }
      }

      #line .secH p > span {
        text-decoration: underline;
        color: #940000;
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 1px;
      }

      @media (max-width: 767px) {
        #line .secH p > span {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 600;
          line-height: 22px;
          letter-spacing: 1px;
        }
      }

      #line .secH .p4 {
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        color: #000;
      }

      @media (max-width: 767px) {
        #line .secH .p4 {
          font-family: Noto Serif JP;
          font-size: 14px;
          font-weight: 600;
          line-height: 21px;
          letter-spacing: 1px;
          margin-bottom: 10px;
        }
      }

      #line .secH .a-table {
        display: inline-block;
        margin:0 auto 32px;
      }







      #line .secH .a-guidance {
        display: grid;
        grid-template-columns: 1fr 430px;
        gap: 160px;
        margin-bottom: 32px;
      }
      #line .secH .a-guidance__content {
        text-align: left;
      }
      #line .secH .a-guidance__content-title {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 24px;
      }
      #line .secH .a-guidance__media img {
        max-width: 100%;
        aspect-ratio: 430/232;
        object-fit; cover;
      }

      .a-case__content {
        display: grid;
        grid-template-columns: 520px 1fr;
        gap: 80px;
        margin-bottom: 64px;
      }
      .a-case__repair {
              display: grid;
              grid-template-columns: 1fr 300px;
              gap: 40px;
      }
      .a-case__repair-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: center;
      }
      .a-case__content-media img, .a-case__repair-media img {
        max-width: 100%;
        aspect-ratio: 1/1;
        object-fit: cover;
      }
      .a-case__repair-item {
        padding: 24px 48px;
        border: 3px solid #072854;
        text-align: left;
      }
      .a-case__repair-item.mb {
        margin-bottom: 32px;
      }
      .a-case__content-title, .a-case__repair-title {
        font-family: "Noto Serif JP";
        font-size: 24px;
        font-weight: bold;
        text-align: left;
      }
      .a-case__content-title {
        margin-bottom: 32px;
      }
      .a-case__repair-title {
          margin-bottom: 16px;
        }

      @media (max-width: 960px) {
        #line .secH .a-guidance {
          padding-left: 15px;
          padding-right: 15px;
          grid-template-columns: 1fr;
          gap: 32px;
          margin-bottom: 32px;
        }
      .a-case__content {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-bottom: 32px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .a-case__repair {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .a-case__repair-content {
        height: 100%;
        display: block;
      }
      .a-case__repair-item {
        padding: 16px;
      }
      .a-case__repair-item.mb {
        margin-bottom: 32px;
      }
      .a-case__content-title, .a-case__repair-title {
        font-size: 20px;
      }
      .a-case__content-title {
        margin-bottom: 24px;
      }
        .a-case__repair-title {
          margin-bottom: 10px;
        }
      }

      @media (max-width: 767px) {
        #line .secH .a-table {
          border: none;
        }
      }

      #line .secH .a-table th a {
				color: #000;
                text-align: center;
                display: block;
			}
      #line .secH .a-table th {
        min-width: 396px;
        height: 82px;
        background: #EBEBEB;
        font-family: Noto Serif JP;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 1px;
        color: #000;
        border-bottom: 1px solid #fff;
        vertical-align: middle;
        padding: 10px 13px;
      }

      @media (max-width: 767px) {
        #line .secH .a-table th {
          font-family: Noto Serif JP;
          font-size: 12px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 0px;
          min-width: 100px;
          max-width: 100px;
          text-align: left;
        }
      }

      #line .secH .a-table .head th {
        min-width: auto;
        letter-spacing: 2px;
        border-right: 1px solid #fff;
        text-align: center;
        height: 40px;
      }

      @media (max-width: 767px) {
        #line .secH .a-table .head th {
          letter-spacing: 1px;
          padding: 0;
        }
      }

      #line .secH .a-table td {
        padding: 29px 20px;
        width: 202px;
        text-align: center;
        font-family: Noto Serif JP;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 1px;
        color: #000;
        border-bottom: 1px solid #EBEBEB;
        border-right: 1px solid #EBEBEB;
        vertical-align: middle;
      }

      @media (max-width: 767px) {
        #line .secH .a-table td {
          width: 93px;
          padding: 32px 3px;
          font-family: Noto Serif JP;
          font-size: 14px;
          font-weight: 500;
          line-height: 21px;
          letter-spacing: 0px;
        }
      }

      #line .secH .a-table .a-tableA {
        margin-bottom: 30px;
      }

      #line .secH .a-tableWrap {
        display: block;
        margin: 40px auto 0;
        text-align: center;
      }

      @media (max-width: 767px) {
        #line .secH .a-textWrap {
          padding: 0 15px;
					margin-top: 40px;
        }
      }

      @media (max-width: 767px) {
        #line .secH .container {
          padding: 0;
        }
      }
      .\#hero-newsletter {
        height: 58px;
      }
      .\#hero-newsletter .\#hero-newsletter-input {
        width: 80%;
      }
      @media (max-width: 767px) {
      .ftr_ttl {
        font-size: 18px!important;
      }
    }

    .\#hero-newsletter .\#button-text{
      white-space: nowrap;
    }

    .line{
      overflow: hidden;
    }

    #shopify-section-template--15418610679982__newsletter{
      margin-bottom: 0;
    }

@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
    .conceptD__img img {
        height: auto;
    }
}
--></style>


#line .secH .a-case-table {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}
#line .secH .a-case-table td {
  padding: 10px;
  width: calc(100% - 160px);
}
#line .secH .a-case-table th {
  min-width: 160px;
  height: fit-content;
}


/* .blog-tags {
    padding: min(3rem, 5%);
    margin: 4em 0 4em;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
      gap: 2rem;
    background-color: #F1F1F1;
  align-items: center;
}  
.tag_flex {
    display: flex;
    flex-wrap:wrap;
    margin: 0 auto;
    text-align: center;
    width: 40rem;
}

.tag_link {
    font-size: 1.2em;
    margin-right: 1rem;
    margin-top: 1rem;
}


.blog-tags h3 {
      font-size: 0.75em;
      margin-right: 20px;
}
  .blog-tags .tag-button {
  width: 20%;
    background-color: #0E2350;
    text-decoration: none;
    color: #fff;
    padding: 1em;
    text-align: center;
  }
  .tag_flex .front{
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

      @media (max-width: 767px) {

        .blog-tags {
        margin: 2em 0 2.5em;
        display: block;
        }

        .blog-tags .w100 {
            width: 100%;
            text-align: center;
            margin-bottom: 0.5rem;
        }

        .tag_flex {
          width:100%;
        }
          .blog-tags .tag-button {
            width: 45%;
            }
        .blog-tags h3 {
              font-size: 1em;
          text-align: center;
                margin: 0 0 0.5em;
        }

        .tag_link {
            font-size: 1.0em;
            margin-right: 1rem;
            margin-top: 0.5rem;
        }
        
      }


.custom-select-wrapper {
position: relative;
    display: inline-block;
    width: 40rem;
}

.tag-dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0.5em 2.5em 0.5em 1em;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  color: #333;
  cursor: pointer;
}

.custom-select-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5em;
  height: 100%;
  background-color: #888; /* 右のグレー */
  /* pointer-events: none;
}

.custom-select-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 3;
} */

/* PC用通常セレクト */
.desktop-only {
  display: block;
    margin: 20px auto;
}
.mobile-only {
  display: none;
}

/* スマホ時にだけ切り替え */
@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }

  /* .tag-toggle-button {
    /* background-color: #e68a00;
    color: white;
    border: none;
    padding: 0.6em 1em;
    font-size: 1rem;
    border-radius: 5px;
    width: 100%;
    text-align: left; */
    /* width: 100%;
        padding: 0.5em 2.5em 0.5em 1em;
        font-size: 1rem;
        border: 1px solid #ccc;
        border-radius: 0;
        background: #fff;
        color: #333;
        cursor: pointer;
        height: 60px;
        text-align: left;
            position: relative;
  }

  .tag-list {
        margin-top: 0.5em;
        list-style: none;
        padding: 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
        position: relative;
        z-index: 3;
        height: 40vh;
        overflow-y: auto;
        width: 100%;
    cursor: pointer;
  }
  .tag-toggle-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 3;
}

    .tag-toggle-button::after {
      content: "";
    position: absolute;
    top: 0;
    right: 0;
        width: 40px;
        height: 59px;
    background-color: #888;
    pointer-events: none;
    }
  .tag-list li {
    padding: 1em 1em;
    border-top: 1px solid #eee;
  }

  .tag-list li:first-child {
    border-top: none;
  }

  .tag-list a {
    text-decoration: none;
    color: #333;
    display: block;
            font-size: 1.2em;
  }

  .tag-list.hidden {
    display: none;
  }
} */ 

[class*="main-nav-container"] {
  /* background-color: #1a2540 !important; */
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
#main-header-mainNav {
  /* background-color: #1a2540 !important; */
}

#main-header-mainNav a[href="/pages/shopping_guide"] {
  background-color: #D4651E !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

[class*="main-nav-item"][class*="@root"] {
  /* border-right: 1px solid rgba(255, 255, 255, 0.3); */
}

[class*="main-nav-item"][class*="@root"]:first-child {
  /* border-left: 1px solid rgba(255, 255, 255, 0.3); */
}

@media (max-width: 991px) {
  [class*="main-nav-container"] {
    background-color: transparent !important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.\#modal-popup a[href="/pages/shopping_guide"] {
/* background-color: rgba(var(--color-accent),1) !important;
    color: #ffffff !important;
    padding-left: 0.5rem !important;
    margin-top: 1.0rem; */
}

/* ルートメニュー：アコーディオンなしのリンクに > をつける */
.\#modal-popup [class*="main-nav-item"][class*="@root"]:not([class*="@dropdown"]) > [class*="main-nav-link"]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.\#modal-popup a[href="/pages/shopping_guide"] {
  color: #D4651E !important;
  font-weight: bold;
  /* margin-top:15px; */
}

.\#modal-popup a[href="/pages/shopping_guide"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4651f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")!important;
}

#main-header-mainNav a[href="/pages/shopping_guide"]:hover {
  background-color: rgb(230, 130, 60) !important;
}

/* お買い物ガイドボタン: TOPページ透明ヘッダー状態（スクロール前）はオレンジを透明に */
[class~="@overlap"]:not([class~="@sticky"]) #main-header-mainNav a[href="/pages/shopping_guide"] {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.85);
}

[class~="@overlap"]:not([class~="@sticky"]) #main-header-mainNav a[href="/pages/shopping_guide"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}