@charset "UTF-8";
html {
  font-size: 62.5%;
}

.main-area {
  color: #000;
}

.main-area img {
  width: 100%;
  height: auto;
}

.main-area a {
  display: block;
}

.main-area .inw {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
}

.main-area .fv {
  margin-bottom: 8.2rem;
}

.main-area .fv--img {
  width: 120rem;
  margin: 0 auto 8.6rem auto;
}

.main-area .fv--tl {
  margin-bottom: 2rem;
  text-align: center;
  letter-spacing: 0.075em;
  font-family: anton,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.6rem;
}

.main-area .fv--tx {
  margin-bottom: 5.6rem;
  text-align: center;
  letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
}

.main-area .sttl {
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.8rem;
}

.main-area .styen {
  text-align: center;
  letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
}

.main-area .sttx {
  letter-spacing: 0.1em;
  line-height: 2;
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
}

.main-area .stbtn {
  width: 24rem;
  height: 4.6rem;
  background: #fff;
  border: 1px solid #000;
  border-radius: 2.3rem;
  transition: 0.6s;
}

.main-area .stbtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  letter-spacing: 0.05em;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  color: #000;
}

.main-area .stbtn:hover {
  background: #000;
}

.main-area .stbtn:hover a {
  color: #fff;
}

.main-area .fv__ar {
  display: flex;
  margin-left: 19rem;
}

.main-area .fv__ar--img {
  width: 49rem;
}

.main-area .fv__ar__txar {
  width: 43.2rem;
  margin: 0.4rem 0 0 6rem;
}

.main-area .fv__ar__txar--tl {
  text-align: left;
  margin-bottom: 1.2rem;
}

.main-area .fv__ar__txar--yen {
  text-align: left;
  margin-bottom: 2rem;
}

.main-area .fv__ar__txar--tx {
  text-align: left;
  margin-bottom: 3.4rem;
}

.main-area .cltl {
  text-align: center;
  letter-spacing: 0.075em;
  font-family: anton,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5.5rem;
  color: #727261;
}

.main-area .clstl {
  letter-spacing: 0.05em;
  font-family: acumin-pro-extra-condensed,sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.8rem;
}

.main-area .st01o {
  padding: 12.9rem 0 13rem 0;
  background: #FAFAFA;
}

.main-area .st01--tl {
  margin-bottom: 5.9rem;
}

.main-area .st01__ar01 {
  display: flex;
  width: 98rem;
  margin: 0 auto;
}

.main-area .st01__ar01--img {
  width: 51.5rem;
}

.main-area .st01__ar01__txar {
  position: relative;
  margin: 3.9rem 0 0 8.5rem;
}

.main-area .st01__ar01__txar::before {
  content: "";
  display: block;
  position: absolute;
  top: 4.9rem;
  left: -11rem;
  width: 9rem;
  height: 1px;
  background: #B5B29A;
}

.main-area .st01__ar01__txar--tl {
  margin-bottom: 1.6rem;
}

.main-area .st01__ar02 {
  flex-direction: row-reverse;
  margin-top: -21rem;
}

.main-area .st01__ar02__txar {
  position: relative;
  margin: 44.4rem 8.5rem 0 0;
}

.main-area .st01__ar02__txar::before {
  top: 6.3rem;
  right: -11rem;
  left: auto;
}

.main-area .st01__ar02__txar--tl {
  text-align: right;
}

.main-area .st01__ar02__txar--tx {
  text-align: right;
}

.main-area .st02o {
  padding: 12.9rem 0 14.2rem 0;
  background: #E8E8E4;
}

.main-area .st02--tl {
  margin-bottom: 5.7rem;
  font-size: 5rem;
}

.main-area .st02--img01 {
  width: 107.4rem;
  margin: 0 auto 6.9rem auto;
}

.main-area .st02--img02 {
  width: 103.5rem;
  margin-left: 17rem;
}

.main-area .st03 {
  margin: 12.1rem auto 12rem auto;
}

.main-area .st03__ar {
  display: flex;
  justify-content: space-between;
  width: 120rem;
  margin: 0 auto 3.6rem auto;
}

.main-area .st03__ar img {
  width: 39rem;
}

.main-area .st03--tl {
  margin-bottom: 1rem;
}

.main-area .st03--yen {
  margin-bottom: 4.1rem;
  font-size: 1.4rem;
}

.main-area .st03--btn {
  margin: 0 auto 1rem auto;
}

.main-area .st03--btn02 {
  margin: 0 auto;
  background: #000;
}

.main-area .st03--btn02 a {
  color: #fff;
}

.main-area .st03--btn02:hover {
  margin: 0 auto;
  background: #fff;
}

.main-area .st03--btn02:hover a {
  color: #000;
}


@media screen and (max-width: 767px){
  html .pc_only {
    display: none !important;
  }

  html .sp_only {
      display: block !important;
  }

  .main-area .inw {
    max-width: none;
  }

  .main-area .fv {
    margin-bottom: calc(100* (100vw / 750));
  }
  
  .main-area .fv--img {
    width: 100%;
    margin: 0 auto calc(86* (100vw / 750)) auto;
  }

  .main-area .fv--tl {
    margin-bottom: calc(12* (100vw / 750));
    line-height: 1.3;
    font-size: calc(50* (100vw / 750));
  }
  
  .main-area .fv--tx {
    margin-bottom: calc(76* (100vw / 750));
    font-size: calc(28* (100vw / 750));
  }

  .main-area .sttl {
    line-height: 1.5;
    font-size: calc(34* (100vw / 750));
  }

  .main-area .styen {
    font-size: calc(24* (100vw / 750));
  }

  .main-area .sttx {
    line-height: 1.5;
    font-size: calc(26* (100vw / 750));
  }

  .main-area .stbtn {
    width: calc(470* (100vw / 750));
    height: calc(90* (100vw / 750));
    margin: 0 auto;
    border-radius: calc(90* (100vw / 750));
  }

  .main-area .stbtn a {
    font-size: calc(34* (100vw / 750));
  }

  .main-area .fv__ar {
    display: block;
    width: calc(690* (100vw / 750));
    margin: 0 auto;
  }

  .main-area .fv__ar--img {
    width: 100%;
  }

  .main-area .fv__ar__txar {
    width: 100%;
    margin: calc(34* (100vw / 750)) 0 0 0;
  }

  .main-area .fv__ar__txar--tl {
    margin-bottom: calc(18* (100vw / 750));
  }
  
  .main-area .fv__ar__txar--yen {
    margin-bottom: calc(34* (100vw / 750));
  }
  
  .main-area .fv__ar__txar--tx {
    margin-bottom: calc(54* (100vw / 750));
  }

  .main-area .cltl {
    font-size: calc(70* (100vw / 750));
  }
  
  .main-area .clstl {
    font-size: calc(44* (100vw / 750));
  }

  .main-area .st01o {
    padding: calc(134* (100vw / 750)) 0 calc(116* (100vw / 750)) 0;
  }
  
  .main-area .st01--tl {
    margin-bottom: calc(70* (100vw / 750));
  }
  
  .main-area .st01__ar01 {
    display: block;
    width: calc(690* (100vw / 750));
  }

  .main-area .st01__ar01--img {
    width: calc(630* (100vw / 750));
  }
  
  .main-area .st01__ar01__txar {
    margin: calc(70* (100vw / 750)) 0 0 calc(42* (100vw / 750));
  }
  
  .main-area .st01__ar01__txar::before {
    top: calc(-110* (100vw / 750));
    left: calc(-4* (100vw / 750));
    width: 1px;
    height: calc(90* (100vw / 750));
  }

  .main-area .st01__ar01__txar--tl {
    margin-bottom: calc(22* (100vw / 750));
  }
  
  .main-area .st01__ar02 {
    margin-top: calc(94* (100vw / 750));
  }

  .main-area .st01__ar02--img {
    margin-left: auto;
  }
  
  .main-area .st01__ar02__txar {
    margin: calc(68* (100vw / 750)) calc(36* (100vw / 750)) 0 auto;
  }

  .main-area .st01__ar02__txar::before {
    top: calc(-108* (100vw / 750));
    right: calc(2* (100vw / 750));
    left: auto;
  }

  .main-area .st02o {
    padding: calc(130* (100vw / 750)) 0 calc(118* (100vw / 750)) 0;
  }
  
  .main-area .st02--tl {
    margin-bottom: calc(60* (100vw / 750));
    font-size: calc(70* (100vw / 750));
  }
  
  .main-area .st02--img01 {
    width: calc(690* (100vw / 750));
    margin: 0 auto calc(92* (100vw / 750)) auto;
  }
  
  .main-area .st02--img02 {
    width: calc(645* (100vw / 750));
    margin-left: calc(50* (100vw / 750));
  }

  .main-area .st03 {
    margin: calc(122* (100vw / 750)) auto calc(150* (100vw / 750)) auto;
  }
  
  .main-area .st03__ar {
    display: block;
    width: 100%;
    margin: 0 auto calc(42* (100vw / 750)) auto;
  }
  
  .main-area .st03__ar img {
    width: calc(630* (100vw / 750));
  }

  .main-area .st03__ar--img01 {
    margin-bottom: calc(80* (100vw / 750));
  }

  .main-area .st03__ar--img02 {
    width: calc(630* (100vw / 750));
    margin-left: auto;
    margin-bottom: calc(80* (100vw / 750));
  }
  
  .main-area .st03--tl {
    margin-bottom: calc(20* (100vw / 750));
  }
  
  .main-area .st03--yen {
    margin-bottom: calc(58* (100vw / 750));
    font-size: calc(24* (100vw / 750));
  }
  
  .main-area .st03--btn {
    margin: 0 auto calc(8* (100vw / 750)) auto;
  }
}

@media screen and (min-width: 768px) {
  html .sp_only {
      display: none !important;
  }

  html .pc_only {
      display: block !important;
  }

  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1360px) {
  html,
  body {
    font-size: calc(10 * (100vw / 1360));
  }
}