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

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

body {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html {
  font-size: 62.5%; }

body {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
  width: 100%;
  background-color: #ffffff;
  color: #404040;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }

a {
  text-decoration: none; }
  a:active, a:focus, a:hover {
    text-decoration: none; }

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

.cf:before, .clearfix:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.sp {
  display: none !important; }

.pc {
  display: block !important; }

.btn-hover {
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }
  .btn-hover:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(80%); }
  @media screen and (max-width: 768px) {
    .btn-hover:hover {
      -webkit-filter: brightness(100%);
      filter: brightness(100%); } }

@media only screen and (max-width: 768px) {
  .sp {
    display: block !important; }
  .pc {
    display: none !important; } }

a[href^="tel:"] {
  cursor: default;
  pointer-events: none; }

@media only screen and (max-width: 599px) {
  a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto; } }

.m-box {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #ffffff; }
  @media screen and (max-width: 768px) {
    .m-box {
      max-width: 100%;
      margin: 0; } }

.header {
  width: 100%;
  position: fixed;
  z-index: 10;
  background: url("../img/header-line.png") top left repeat-x #ffffff;
  border-top: 3px solid #007c36;
  padding: 12px 0 8px;
  -webkit-box-shadow: 1.5px 2.598px 7px 0 rgba(42, 42, 42, 0.35);
  box-shadow: 1.5px 2.598px 7px 0 rgba(42, 42, 42, 0.35); }
  .header__inner {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto; }
    @media screen and (max-width: 1024px) {
      .header__inner {
        padding: 0 30px; } }
  .header__logo {
    width: 24.9%; }
  .header__btn {
    width: 43.8%;
    margin: 5px 0 6px; }
  @media screen and (max-width: 768px) {
    .header {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2% 2.67% 1.6% 4.67%; }
      .header__inner {
        max-width: 100%;
        margin: 0;
        padding: 0; }
      .header__logo {
        width: 35.83%; }
      .header__btn {
        width: 59.42%;
        margin: 0; } }

.mv {
  width: 100%;
  background: url("../img/mv-bg.png") bottom center no-repeat;
  background-size: cover;
  padding: 80px 0 0; }
  .mv__ttl {
    max-width: 63.23%;
    margin: 0 auto; }
  .mv__sub-ttl {
    max-width: 45.83%;
    margin: 0 auto;
    padding: 0.94% 0 0; }
  @media screen and (max-width: 768px) {
    .mv {
      background: url("../img/sp-mv-bg.png") bottom center no-repeat;
      background-size: cover;
      padding: 14.67% 0 21.6%; }
      .mv__ttl {
        max-width: 100%;
        margin: 0;
        margin: 5.07% 0 0; }
      .mv__sub-ttl {
        max-width: 100%;
        margin: 0;
        padding: 6% 0 0; } }

.advantage {
  padding: 60px 0 0; }
  .advantage__inner {
    background: url("../img/advantage-bg.png") top center no-repeat;
    background-size: cover;
    margin: -11px 0 0; }
  .advantage__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 42px 100px 226px; }
  .advantage__sub-ttl {
    padding: 0 0 58px; }
  @media screen and (max-width: 768px) {
    .advantage {
      max-width: 100%;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3.6% 0 0;
      position: relative; }
      .advantage__inner {
        background: url("../img/sp-advantage-bg.png") top center no-repeat;
        background-size: cover;
        margin: 0;
        padding: 0 4.67%; }
      .advantage__content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4.71% 2.94% 19.71%;
        position: static; }
      .advantage__sub-ttl {
        position: absolute;
        max-width: 100%;
        margin: 0;
        padding: 0;
        left: 0; } }

.buying {
  background-color: #fdf6eb;
  border-radius: 30px; }
  .buying__sub-ttl {
    max-width: 763px;
    margin: 0 auto;
    padding: 25px 0 0; }
  @media screen and (max-width: 768px) {
    .buying {
      margin: 62.35% 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 4.41% 6%;
      position: relative; }
      .buying__ttl {
        position: absolute;
        left: -2.99%;
        width: 103.15%; }
      .buying__sub-ttl {
        max-width: 100%;
        margin: 0;
        padding: 31.34% 0 0;
        left: 0; } }
  .buying__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 60px 46px; }
    .buying__card__item {
      width: 31.25%;
      -webkit-box-shadow: 1.5px 2.598px 5px 0 rgba(106, 105, 105, 0.3);
      box-shadow: 1.5px 2.598px 5px 0 rgba(106, 105, 105, 0.3);
      border-radius: 10px;
      background-color: #ffffff;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -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;
      padding: 50px 0 30px;
      margin: 70px 0 50px; }
      .buying__card__item:before {
        content: '';
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        top: -32px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .buying__card__item:nth-of-type(1):before {
        background: url("../img/01-ic.png") top center no-repeat;
        background-size: contain; }
      .buying__card__item:nth-of-type(2):before {
        background: url("../img/02-ic.png") top center no-repeat;
        background-size: contain; }
      .buying__card__item:nth-of-type(3):before {
        background: url("../img/03-ic.png") top center no-repeat;
        background-size: contain; }
      .buying__card__item:nth-of-type(4):before {
        background: url("../img/04-ic.png") top center no-repeat;
        background-size: contain; }
      .buying__card__item:nth-of-type(5):before {
        background: url("../img/05-ic.png") top center no-repeat;
        background-size: contain; }
      .buying__card__item:nth-of-type(6):before {
        background: url("../img/06-ic.png") top center no-repeat;
        background-size: contain; }
    .buying__card__ttl {
      padding: 0 0 11px; }
    .buying__card__img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 132px; }
    .buying__card__txt {
      font-size: 14px;
      font-size: 1.4rem;
      text-align: justify;
      text-justify: inter-ideograph;
      -ms-text-justify: inter-ideograph;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 17px 28px 0;
      line-height: 1.8;
      letter-spacing: 0.1em;
      max-width: 100%; }
    .buying__card__note {
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.2;
      padding: 0.5em 28px 0;
      width: auto;
      display: inline-block;
      text-align: left;
      width: 80%; }
    @media screen and (max-width: 768px) {
      .buying__card {
        display: block;
        padding: 0; }
        .buying__card__item {
          width: 100%;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 11.65% 0 0;
          text-align: center; }
        .buying__card__ttl {
          padding: 0;
          display: inline-block; }
        .buying__card__img {
          display: inline-block;
          height: auto;
          vertical-align: middle; }
        .buying__card__txt {
          font-size: 24px;
          font-size: 10/remrem;
          letter-spacing: 0.1em;
          line-height: 1.6;
          text-align: justify;
          text-justify: inter-ideograph;
          -ms-text-justify: inter-ideograph;
          padding: 3.35% 0 0; }
        .buying__card__note {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.6;
          padding: 0.5em 0 0;
          width: 100%; } }
    @media screen and (max-width: 599px) {
      .buying__card__item:before {
        position: absolute;
        width: 32px;
        height: 32px;
        top: -16px; }
      .buying__card__txt {
        font-size: 12px;
        font-size: 10/remrem;
        letter-spacing: 0.1em;
        line-height: 1.6; }
      .buying__card__note {
        font-size: 10px;
        font-size: 1rem; } }

.reason01__ttl {
  width: 72.73%;
  min-height: 1px; }

.reason01__img {
  width: 40.73%; }

@media screen and (max-width: 768px) {
  .reason01 {
    padding: 4.72% 5.98% 8.35%; }
    .reason01__ttl {
      width: 47.76%;
      margin: 0 2em 0 0; }
    .reason01__img {
      width: 21.83%; } }

.reason02__ttl {
  width: 83.64%;
  min-height: 1px; }

.reason02__img {
  width: 30.55%; }

@media screen and (max-width: 768px) {
  .reason02 {
    padding: 3.6% 5.98% 8.35%; }
    .reason02__ttl {
      width: 55.95%;
      margin: 0 2em 0 0; }
    .reason02__img {
      width: 14.42%; } }

.reason03__ttl {
  width: 66.91%;
  min-height: 1px; }

.reason03__img {
  width: 73.45%; }

@media screen and (max-width: 768px) {
  .reason03 {
    padding: 8.92% 5.98% 8.35%; }
    .reason03__ttl {
      width: 43.86%;
      margin: 0 2em 0 0; }
    .reason03__img {
      width: 39.38%; } }

.reason04__ttl {
  width: 76.36%;
  min-height: 1px; }

.reason04__img {
  width: 81.09%; }

@media screen and (max-width: 768px) {
  .reason04 {
    padding: 6.17% 5.98% 8.35%; }
    .reason04__ttl {
      width: 50.1%;
      margin: 0 2em 0 0; }
    .reason04__img {
      width: 36.84%; } }

.reason05__ttl {
  width: 76%;
  min-height: 1px; }

.reason05__img {
  width: 50.55%; }

@media screen and (max-width: 768px) {
  .reason05 {
    padding: 8.23% 5.98% 8.35%; }
    .reason05__ttl {
      width: 49.9%;
      margin: 0 2em 0 0; }
    .reason05__img {
      width: 23.98%; } }

.reason06__ttl {
  width: 65.82%;
  min-height: 1px; }

.reason06__img {
  width: 86.91%; }

@media screen and (max-width: 768px) {
  .reason06 {
    padding: 3.77% 5.98% 8.35%; }
    .reason06__ttl {
      width: 43.27%;
      margin: 0 2em 0 0; }
    .reason06__img {
      width: 46.59%; } }

.cv {
  width: 100%;
  background: url("../img/cv-pat.png") top left repeat-x;
  background-size: 100% 100%;
  height: 385px;
  margin: -157px 0 0; }
  .cv__ttl {
    max-width: 892px;
    margin: 0 auto;
    padding: 0 0 12px; }
  .cv__box {
    max-width: 1022px;
    margin: 0 auto;
    background: url("../img/cv__box-bg.png") top center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 60px 0 57px;
    position: relative; }
  .cv__sub-ttl {
    display: inline-block;
    width: 42.66%;
    padding: 0 0 27px; }
  .cv__btn {
    display: inline-block;
    width: 61.64%; }
  .cv__slogan {
    position: absolute;
    top: 39px;
    left: 134px;
    width: 12.92%; }
  @media screen and (max-width: 768px) {
    .cv {
      background: url("../img/sp-cv-bg.png") top center no-repeat;
      background-size: 100%;
      height: auto;
      margin: -12% 0 0;
      position: relative;
      padding: 0 0 4.8%; }
      .cv__ttl {
        max-width: 90%;
        margin: 0 auto;
        padding: 0; }
      .cv__box {
        max-width: 100%;
        margin: 0;
        background: #ffffff;
        text-align: center;
        padding: 6.67% 0 4.4%;
        position: relative;
        margin: 1.33% 0 0; }
      .cv__sub-ttl {
        display: block;
        width: 60.67%;
        padding: 0 0 2.4%;
        margin: 0 0 0 29.33%; }
      .cv__btn {
        width: 81.33%; }
      .cv__slogan {
        position: absolute;
        top: 10%;
        left: 9.33%;
        width: 17.07%; } }

.shop-info {
  background: url("../img/shop-info-bg.png") top center no-repeat;
  background-size: cover;
  margin: -8px 0 0; }
  .shop-info__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 78px 100px 226px; }
  @media screen and (max-width: 768px) {
    .shop-info {
      background: url("../img/sp-shop-info-bg.png") top center no-repeat;
      background-size: cover;
      margin: 0;
      padding: 0 4.67%; }
      .shop-info__content {
        padding: 10.37% 2.94% 19.71%; } }

.product {
  padding: 0 0 70px; }
  .product__ttl {
    max-width: 500px;
    margin: 0 auto; }
  .product__sub-ttl {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.06em;
    text-align: center;
    padding: 40px 0 50px; }
  .product__type {
    padding: 163px 60px 57px;
    background: url("../img/product__type-bg.png") center center no-repeat;
    background-size: 100% 100%; }
    .product__type__txt {
      font-size: 18px;
      font-size: 10/remrem;
      letter-spacing: 0.1em;
      line-height: 2;
      color: #007c36;
      font-weight: bold;
      text-align: justify;
      text-justify: inter-ideograph;
      -ms-text-justify: inter-ideograph; }
  .product__note {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    text-align: right;
    padding: 17px 0 0; }
  @media screen and (max-width: 768px) {
    .product {
      padding: 0 0 10.37%; }
      .product__ttl {
        max-width: 67.09%;
        margin: 0 auto; }
      .product__sub-ttl {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.7;
        padding: 6.77% 0 3.78%; }
      .product__type {
        padding: 26.77% 6.93% 9.45%;
        background: url("../img/sp-product__type-bg.png") center center no-repeat;
        background-size: 100% 100%; }
        .product__type__txt {
          font-size: 24px;
          font-size: 10/remrem;
          letter-spacing: 0.1em;
          line-height: 2; }
      .product__note {
        font-size: 20px;
        font-size: 2rem;
        text-align: left;
        padding: 1.57% 0 0; } }
  @media screen and (max-width: 599px) {
    .product__sub-ttl {
      font-size: 12px;
      font-size: 1.2rem; }
    .product__type__txt {
      font-size: 12px;
      font-size: 10/remrem;
      letter-spacing: 0.1em;
      line-height: 2; }
    .product__note {
      font-size: 10px;
      font-size: 1rem; } }

.shop-detail {
  padding: 0 6%; }
  .shop-detail__ttl {
    max-width: 803px;
    margin: 0 auto; }
  .shop-detail__txt {
    font-size: 20px;
    font-size: 10/remrem;
    letter-spacing: 0.06em;
    line-height: 2;
    text-align: center;
    padding: 40px 0 24px; }
    @media screen and (max-width: 1024px) {
      .shop-detail__txt {
        font-size: 1.8vw;
        letter-spacing: 0.04em; } }
  .shop-detail__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 114px 0 0; }
    .shop-detail__card__item {
      width: 30.68%;
      -webkit-box-shadow: 1.5px 2.598px 5px 0 rgba(106, 105, 105, 0.3);
      box-shadow: 1.5px 2.598px 5px 0 rgba(106, 105, 105, 0.3);
      border-radius: 10px;
      border-top: 13px solid #f2d824;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 82px 32px 38px;
      position: relative; }
    .shop-detail__card__txt {
      font-size: 18px;
      font-size: 10/remrem;
      letter-spacing: 0.06em;
      line-height: 1.7;
      text-align: justify;
      text-justify: inter-ideograph;
      -ms-text-justify: inter-ideograph; }
    .shop-detail__card__philosophy {
      position: absolute;
      top: -79px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 133px; }
  @media screen and (max-width: 768px) {
    .shop-detail {
      padding: 0; }
      .shop-detail__ttl {
        max-width: 74.02%;
        margin: 0 auto; }
      .shop-detail__txt {
        font-size: 24px;
        font-size: 10/remrem;
        letter-spacing: 0.06em;
        line-height: 2;
        padding: 6.3% 0 9.45%; }
      .shop-detail__img {
        padding: 0 0 3.68%; }
      .shop-detail__card {
        display: block;
        margin: 0; }
        .shop-detail__card__item {
          width: 100%;
          padding: 7.34% 5.47% 7.34%;
          margin: 11.76% 0 0; }
        .shop-detail__card__txt {
          font-size: 24px;
          font-size: 10/remrem;
          letter-spacing: 0.06em;
          line-height: 1.7; }
        .shop-detail__card__philosophy {
          top: -60px;
          width: 15.94%; } }
  @media screen and (max-width: 599px) {
    .shop-detail__txt {
      font-size: 12px;
      font-size: 10/remrem;
      letter-spacing: 0.06em;
      line-height: 2; }
    .shop-detail__card__txt {
      font-size: 12px;
      font-size: 10/remrem;
      letter-spacing: 0.06em;
      line-height: 1.7; }
    .shop-detail__card__philosophy {
      top: -30px; } }

.staff {
  background: url("../img/staff-bg.png") top center no-repeat;
  background-size: cover;
  margin: -8px 0 0; }
  .staff__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 78px 100px 226px; }
  @media screen and (max-width: 768px) {
    .staff {
      background: url("../img/sp-staff-bg.png") top center no-repeat;
      background-size: cover;
      margin: 0;
      padding: 0 4.67%; }
      .staff__content {
        padding: 10.37% 2.94% 19.71%; } }

.person__ttl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 178px;
  text-align: right; }
  .person__ttl > img {
    margin: 0 0 2em; }
  .person__ttl > span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    padding: 1em 0 0; }

.person__read {
  font-size: 20px;
  font-size: 10/remrem;
  letter-spacing: 0.06em;
  line-height: 2;
  text-align: center;
  padding: 40px 0 60px; }

.person__img {
  max-width: 88%;
  margin: 0 auto; }

.person__txt {
  max-width: 76.4%;
  margin: 0 auto;
  font-size: 16px;
  font-size: 10/remrem;
  letter-spacing: 0.06em;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  padding: 20px 0 60px; }

@media screen and (max-width: 768px) {
  .person__ttl {
    padding: 0;
    max-width: 87.19%;
    margin: 0 auto; }
    .person__ttl > img {
      margin: 0 0 2em; }
    .person__ttl > span {
      font-size: 20px;
      font-size: 2rem; }
  .person__read {
    font-size: 24px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
    padding: 6.3% 0 9.45%; }
  .person__img {
    max-width: 100%;
    margin: 0 auto; }
  .person__txt {
    max-width: 93.75%;
    margin: 0 auto;
    font-size: 24px;
    font-size: 10/remrem;
    letter-spacing: 0.06em;
    line-height: 1.75;
    padding: 3.13% 0 8.44%; } }

@media screen and (max-width: 599px) {
  .person__ttl > span {
    font-size: 10px;
    font-size: 1rem; }
  .person__read {
    font-size: 12px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 2; }
  .person__txt {
    font-size: 12px;
    font-size: 10/remrem;
    letter-spacing: 0.06em;
    line-height: 1.75; } }

.tips__ttl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 212px 40px; }

.tips__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .tips__card__point {
    width: 46.6%; }

.tips__example {
  padding: 53px 0 0; }
  .tips__example__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px 0 23px; }
  .tips__example__img {
    width: 41.44%; }
  .tips__example__txt {
    width: 56.16%;
    font-size: 20px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 1.75;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph; }
    @media screen and (max-width: 1024px) {
      .tips__example__txt {
        font-size: 1.8vw;
        letter-spacing: 0.06em;
        line-height: 1.5; } }

.tips__example01__content {
  background: url("../img/tips__example01-bg.png") top center no-repeat;
  background-size: 100%; }

.tips__example01__txt {
  padding: 8% 0 0; }

.tips__example02__content {
  background: url("../img/tips__example02-bg.png") top center no-repeat;
  background-size: 100%;
  position: relative; }

.tips__example02__txt {
  padding: 7% 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .tips__example02__txt > span {
    position: absolute;
    font-size: 12px;
    font-size: 1.2rem;
    right: 0;
    bottom: 1vw; }

@media screen and (max-width: 768px) {
  .tips__ttl {
    padding: 0;
    max-width: 77.19%;
    margin: 0 auto; }
  .tips__card {
    display: block; }
    .tips__card__point {
      width: 78.13%;
      margin: 6.25% auto 0; }
  .tips__example {
    width: 78.13%;
    padding: 0;
    margin: 0 auto 0; }
    .tips__example__content {
      display: block;
      padding: 0; }
    .tips__example__img {
      width: 100%; }
    .tips__example__txt {
      width: 100%;
      font-size: 24px;
      font-size: 10/remrem;
      letter-spacing: 0.1em;
      line-height: 1.75; }
  .tips__example01__content {
    background: none;
    padding: 8.44% 0 12.5%; }
  .tips__example01__txt {
    padding: 2.19% 0 0; }
  .tips__example02__content {
    background: none; }
  .tips__example02__txt {
    padding: 3.59% 0 0; }
    .tips__example02__txt > span {
      position: static;
      font-size: 20px;
      font-size: 2rem;
      text-align: right; } }

@media screen and (max-width: 599px) {
  .tips__example__txt {
    font-size: 12px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 1.75; }
  .tips__example02__txt > span {
    font-size: 10px;
    font-size: 1rem; } }

.sell__ttl {
  max-width: 39%;
  margin: 0 auto;
  padding: 70px 0 60px; }

.sell__inner {
  padding: 60px 60px 50px;
  background-color: #fdf6eb;
  border-radius: 30px; }

.sell__step {
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 60px 50px 302px;
  position: relative; }
  .sell__step:not(:last-child) {
    margin: 0 0 42px; }
  .sell__step__lavel {
    width: 189px;
    position: absolute;
    left: 60px;
    top: -21px; }
  .sell__step__ttl {
    padding: 0 0 20px; }
  .sell__step--apply {
    width: 175px; }
  .sell__step--packing {
    width: 132px; }
  .sell__step--appraisal {
    width: 52px; }
  .sell__step--decision {
    width: 106px; }
  .sell__step--payment {
    width: 52px; }
  .sell__step__img {
    position: absolute; }
  .sell__step--img01 {
    width: 202px;
    left: 60px;
    bottom: 15px; }
  .sell__step--img02 {
    width: 129px;
    left: 90px;
    bottom: 12px; }
  .sell__step--img03 {
    width: 142px;
    left: 90px;
    bottom: 50px; }
  .sell__step--img04 {
    width: 119px;
    left: 98px;
    bottom: 40px; }
  .sell__step--img05 {
    width: 156px;
    left: 80px;
    bottom: 40px; }
  .sell__step__read {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    line-height: 2;
    text-align: justify; }
    .sell__step__read > em {
      color: #007c36; }

.sell__note {
  text-align: right;
  font-size: 12px;
  font-size: 10/remrem;
  letter-spacing: 0.06em;
  line-height: 2;
  padding: 20px 0 0; }

@media screen and (max-width: 768px) {
  .sell__ttl {
    max-width: 53.44%;
    margin: 0 auto;
    padding: 10.94% 0 6.25%; }
  .sell__inner {
    padding: 7.94% 3.81%; }
  .sell__step {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5.08% 8.47%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .sell__step:not(:last-child) {
      margin: 0 0 6.83%; }
    .sell__step__lavel {
      width: 32.03%;
      left: 50%;
      top: -21px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .sell__step__ttl {
      padding: 0; }
    .sell__step--apply {
      width: 35.76%;
      margin: 0 4em 0 0; }
    .sell__step--packing {
      width: 27.46%;
      margin: 0 4em 0 0; }
    .sell__step--appraisal {
      width: 10.68%;
      margin: 0 4em 0 0; }
    .sell__step--decision {
      width: 21.69%;
      margin: 0 4em 0 0; }
    .sell__step--payment {
      width: 10.68%;
      margin: 0 4em 0 0; }
    .sell__step__img {
      position: static; }
    .sell__step--img01 {
      width: 38.11%;
      margin: 9.25% 0 4.15%; }
    .sell__step--img02 {
      width: 24.34%;
      margin: 7.17% 0 3.4%; }
    .sell__step--img03 {
      width: 26.79%;
      margin: 8.68% 0 6.98%; }
    .sell__step--img04 {
      width: 22.45%;
      margin: 8.68% 0 5.47%; }
    .sell__step--img05 {
      width: 29.43%;
      margin: 19.62% 0 7.17%; }
    .sell__step__read {
      font-size: 24px;
      font-size: 2.4rem; }
  .sell__note {
    text-align: left;
    font-size: 20px;
    font-size: 10/remrem;
    letter-spacing: 0.06em;
    line-height: 2;
    padding: 1em 0 0; } }

@media screen and (max-width: 599px) {
  .sell__inner {
    border-radius: 15px; }
  .sell__step__lavel {
    top: -10.5px; }
  .sell__step__read {
    font-size: 12px;
    font-size: 1.2rem; }
  .sell__note {
    font-size: 10px;
    font-size: 10/remrem;
    letter-spacing: 0.06em;
    line-height: 2; } }

.opinion {
  background: url("../img/opinion-bg.png") top center no-repeat;
  background-size: cover;
  margin: -8px 0 0; }
  .opinion__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 78px 160px 205px; }
  @media screen and (max-width: 768px) {
    .opinion {
      background: url("../img/sp-opinion-bg.png") top center no-repeat;
      background-size: cover;
      margin: 0;
      padding: 0 4.67%; }
      .opinion__content {
        padding: 10.37% 2.94% 19.71%; } }

.voice {
  padding: 0 0 75px; }
  .voice__ttl {
    max-width: 22.4%;
    margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .voice {
      padding: 0 0 10.94%; }
      .voice__ttl {
        max-width: 32.81%;
        margin: 0 auto;
        padding: 0 0 0.94%; } }
  .voice__box {
    padding: 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .voice__box__ill {
      width: 10.57%; }
    .voice__box__details {
      width: 89.43%; }
    .voice__box__ttl {
      width: 159px;
      margin: 0 0 0 2em; }
    .voice__box__txt {
      position: relative;
      display: inline-block;
      margin: 10px 0 0 19px;
      background: #fdf6eb;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px 40px;
      border-radius: 10px;
      font-size: 20px;
      font-size: 10/remrem;
      letter-spacing: 0.1em;
      line-height: 1.75;
      text-align: justify;
      text-justify: inter-ideograph;
      -ms-text-justify: inter-ideograph; }
      .voice__box__txt:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -19px;
        margin-top: -5%;
        border-style: solid;
        border-width: 22px 22px 0px 0;
        border-color: transparent #fdf6eb transparent transparent;
        -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg); }
  .voice__box01__ill {
    margin: 34px 0 0; }
  .voice__box02__ill {
    margin: 31px 0 0; }
    .voice__box02__ill > img {
      width: 86px; }
  .voice__box03__ill {
    margin: 35px 0 0; }
    .voice__box03__ill > img {
      width: 92px; }
  .voice__box04__ill {
    margin: 23px 0 0;
    text-align: right; }
    .voice__box04__ill > img {
      width: 82px;
      display: inline-block; }
  .voice__box05__ill {
    margin: 27px 0 0;
    text-align: right; }
    .voice__box05__ill > img {
      width: 81px;
      display: inline-block; }
  @media screen and (max-width: 768px) {
    .voice__box {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 7.81% 0 0;
      display: block;
      background: none; }
      .voice__box__details {
        width: 100%;
        text-align: right; }
      .voice__box__ttl {
        width: 19.22%;
        margin: 0 0 0.3em 10.94%; }
      .voice__box__txt {
        display: inline-block;
        width: 89.06%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3.91% 6.25% 3.91% 8.59%;
        font-size: 24px;
        font-size: 10/remrem;
        letter-spacing: 0.1em;
        line-height: 1.75; }
        .voice__box__txt:before {
          display: none; }
    .voice__box01__ill {
      position: absolute;
      left: 0;
      top: 20%;
      width: 15.3%;
      z-index: 5; }
    .voice__box02__ill {
      position: absolute;
      left: 1%;
      top: 20%;
      width: 15.5%;
      z-index: 5; }
      .voice__box02__ill > img {
        width: 100%; }
    .voice__box03__ill {
      position: absolute;
      left: 1%;
      top: 20%;
      width: 16%;
      z-index: 5; }
      .voice__box03__ill > img {
        width: 100%; }
    .voice__box04__ill {
      position: absolute;
      left: 2%;
      top: 20%;
      width: 14.69%;
      z-index: 5; }
      .voice__box04__ill > img {
        width: 100%; }
    .voice__box05__ill {
      position: absolute;
      left: 3%;
      top: 20%;
      width: 14.69%;
      z-index: 5; }
      .voice__box05__ill > img {
        width: 100%; } }
  @media screen and (max-width: 599px) {
    .voice__box__txt {
      font-size: 12px;
      font-size: 10/remrem;
      letter-spacing: 0.1em;
      line-height: 1.75; } }

.qa__ttl {
  max-width: 38.41%;
  margin: 0 auto;
  padding: 0 0 10px; }

.qa__txt {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph; }

.qa__q {
  max-width: 100%;
  background-color: #e8e8e8;
  margin: 40px 0 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0 8px 4em;
  width: 870px; }
  .qa__q:before {
    position: absolute;
    content: '';
    width: 44px;
    height: 44px;
    background: url("../img/question-ic.svg") top center no-repeat;
    background-size: 100% 100%;
    left: -10px;
    top: 0; }
  .qa__q > span {
    margin: 0.5em 0 0; }

.qa__a {
  margin: 20px 0 0;
  position: relative;
  padding: 8px 2rem 8px 4em; }
  .qa__a:before {
    position: absolute;
    content: '';
    width: 44px;
    height: 44px;
    background: url("../img/answer-ic.svg") top center no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0; }
  .qa__a > strong {
    font-weight: 700; }

@media screen and (max-width: 768px) {
  .qa__ttl {
    max-width: 46.09%;
    margin: 0 auto;
    padding: 0 0 1.72%; }
  .qa__txt {
    font-size: 24px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 1.75; }
  .qa__details {
    position: relative; }
  .qa__q {
    margin: 0;
    background-color: #e8e8e8;
    width: 96.09%;
    margin-left: auto;
    margin-top: 4.69%;
    position: static;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.08% 1em 0.08% 2.5em; }
    .qa__q:before {
      content: '';
      width: 6.56%;
      height: 42px;
      left: 0; }
    .qa__q > span {
      margin: 0.5em 0 0; }
  .qa__a {
    margin: 3.13% 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.08% 1em 0.08% 13%; }
    .qa__a:before {
      content: '';
      width: 6.56%;
      height: 42px; } }

@media screen and (max-width: 599px) {
  .qa__txt {
    font-size: 12px;
    font-size: 10/remrem;
    letter-spacing: 0.1em;
    line-height: 1.75; }
  .qa__q:before {
    height: 24px; }
  .qa__a:before {
    height: 24px; } }

.footer {
  background: url("../img/footer-bg.png") top center no-repeat;
  background-size: cover;
  margin: -136px 0 0;
  padding: 126px 0 30px; }
  .footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 100px 0 0;
    position: relative; }
  .footer__top-link {
    position: absolute;
    width: 70px;
    height: 70px;
    right: 9px;
    top: -168px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s; }
    .footer__top-link:hover {
      -webkit-filter: brightness(80%);
      filter: brightness(80%); }
  .footer__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 55px; }
    .footer__details__txt:before {
      content: '';
      display: inline-block;
      border-style: solid;
      border-width: 5.5px 0 5.5px 8px;
      border-color: transparent transparent transparent #ffffff;
      margin: 0 1em 0 1.5em; }
    .footer__details__txt > a {
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 0.06em;
      color: #ffffff; }
      .footer__details__txt > a:hover {
        text-decoration: underline; }
  .footer__copy-right {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    color: #ffffff;
    text-align: right; }
  @media screen and (max-width: 768px) {
    .footer {
      background: url("../img/sp-footer-bg.png") top center no-repeat;
      background-size: cover;
      margin: -10% 0 0;
      padding: 4.53% 0 5.33%; }
      .footer__inner {
        max-width: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9.33% 0 0;
        position: relative; }
      .footer__top-link {
        width: 13.73%;
        height: auto;
        right: 40px;
        top: -50px;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s; }
        .footer__top-link:hover {
          -webkit-filter: brightness(100%);
          filter: brightness(100%); }
      .footer__details {
        padding: 14% 0 7.33%;
        position: relative; }
        .footer__details__logo {
          position: absolute;
          width: 12.13%;
          left: 50%;
          top: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
        .footer__details__txt > a {
          font-size: 18px;
          font-size: 1.8rem; }
          .footer__details__txt > a:hover {
            text-decoration: none; }
      .footer__copy-right {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center; } }
  @media screen and (max-width: 599px) {
    .footer__top-link {
      right: 20px;
      top: -25px; }
    .footer__details__txt:before {
      border-width: 3px 0 3px 7px;
      border-color: transparent transparent transparent #ffffff; }
    .footer__details__txt > a {
      font-size: 8px;
      font-size: 0.8rem; }
    .footer__copy-right {
      font-size: 8px;
      font-size: 0.8rem; } }