@charset "utf-8";

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .sec01 .img01 {
  position: relative;
}

#main .sec01 .img01 .button {
  width: 44.25%;
  position: absolute;
  right: 11.7%;
  bottom: 8.4%;
}

#main .sec01 .img01 .button a {
  display: block;
}

#main .sec01 .img01 .button a:hover {
  opacity: 0.7;
}

#main .sec02 .img01 {
  position: relative;
}

#main .sec02 h2 {
  width: 100%;
  color: #FFF;
  font-size: 4rem;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: 40.5%;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 3px;
}

#main .sec02 .img01 p {
  width: 100%;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 42px;
  line-height: 1.78;
}

#main .sec02 .img02 {
  position: relative;
}

#main .sec02 .img02 p {
  width: 360px;
  position: absolute;
  top: 36.5%;
  line-height: 1.8;
  letter-spacing: -2px;
  text-align: justify;
}

#main .sec02 .img02 p .col01 {
  color: #5B8799;
}

#main .sec02 .img02 p .col02 {
  color: #C2A017;
}

#main .sec02 .img02 .text01 {
  left: 8.5%;
}

#main .sec02 .img02 .text02 {
  right: 8.5%;
}

#main .sec02 .img03 {
  position: relative;
}

#main .sec02 .img03 p {
  width: 700px;
  text-align: justify;
  position: absolute;
  left: 8%;
  bottom: 45px;
  line-height: 1.8;
}

#main .sec03 .img02 {
  position: relative;
}

#main .sec03 .img02 ul {
  width: 340px;
  position: absolute;
  right: 16%;
  top: 20%;
}

#main .sec03 .img02 li {
  margin-bottom: 87px;
  text-align: justify;
}

#main .sec03 .img02 li:last-of-type {
  margin-bottom: 0;
}

#main .sec04 {
  margin-top: -14px;
  position: relative;
  z-index: 1;
}

#main .sec04 .img01,
#main .sec04 .img02,
#main .sec04 .img03,
#main .sec04 .img04,
#main .sec04 .img05 {
  position: relative;
}

#main .sec04 .inner {
  width: 492px;
  position: absolute;
  left: 7.46%;
  bottom: 28%;
}

#main .sec04 .inner .price {
  margin-bottom: -5px;
  text-align: center;
}

#main .sec04 .inner p {
  margin: 0 0 30px 10px;
  color: #231815;
  text-align: justify;
  line-height: 1.8;
  letter-spacing: 2px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main .sec04 .button a {
  display: block;
}

#main .sec04 .button a:hover {
  opacity: 0.7;
}

#main .sec04 .img02 .inner {
  left: auto;
  right: 8.5%;
  bottom: 26%;
}

#main .sec04 .img03 .inner {
  bottom: 23%;
}

#main .sec04 .img04 .inner {
  left: auto;
  right: 8.5%;
  bottom: 23.5%;
}

#main .sec04 .img05 .inner {
  bottom: 26%;
}

#main .sec05 {
  position: relative;
}

#main .sec05 .inner {
  width: 320px;
  position: absolute;
  left: 12.5%;
  bottom: 15%;
}

#main .sec05 .inner p {
  margin-bottom: 10px;
  line-height: 1.7;
  letter-spacing: 3px;
  text-align: justify;
}

#main .sec05 .link {
  margin-top: 43px;
  width: 312px;
}

#main .sec05 .link a {
  display: block;
}

#main .sec05 .link a:hover {
  opacity: 0.7;
}

#main .sec06 .img02 {
  position: relative;
}

#main .sec06 .img02 .button {
  width: 44.25%;
  position: absolute;
  right: 11.7%;
  bottom: 24%;
}

#main .sec06 .img02 .button a {
  display: block;
}

#main .sec06 .img02 .button a:hover {
  opacity: 0.7;
}

.footer {
  margin-top: 50px;
  padding: 15px;
  background: #f5f5f5;
}

.footer-bottom {
  padding: 8px;
  position: relative;
  font-size: 14px;
}

.footer-bottom.fdt-up-and-down .footer-bottom-content {
  float: none;
  display: block;
  text-align: center;
}

.copyright {
  color: #333333;
}

.mt-100-50 {
  margin-top: 6.25rem !important;
}

.inner-760.mt-100-50 {
  margin: 0 auto !important;
  width: 950px !important;
  text-align: left !important;
}

.c-Table__Row {
  display: grid !important;
  grid-template-columns: 8.75rem 1fr !important;
  gap: 0.31rem 1.25rem !important;
  border-bottom: dashed 1px #B5B8C3 !important;
  padding-bottom: 0.93rem !important;
}

.c-Table__Head {
  font-weight: 500 !important;
  font-size: 1.8rem !important;
}

.c-Table__Data {
  padding-top: 0.12rem !important;
  font-size: 1.77rem !important;
  font-weight: lighter !important;
  font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif !important;
}

.c-Table__Row+.c-Table__Row {
  margin-top: 0.93rem !important;
}

.c-Table {
  margin-top: 5.12rem !important;
}

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

  .inner-760.mt-100-50 {
    margin: 0 auto !important;
    width: 70% !important;
    text-align: left !important;
  }

}

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

  .mt-100-50 {
    margin-top: 3.12rem !important;
  }

  .c-Table__Row {
    grid-template-columns: 1fr !important;
    padding-bottom: 0.62rem !important;
  }

  .c-Table__Data {
    padding-top: 0 !important;
  }

  #container {
    margin: 0 auto !important;
    width: 100% !important;
    text-align: left !important;
  }

  .inner-760.mt-100-50 {
    margin: 0 auto !important;
    width: 88% !important;
    text-align: left !important;
  }

  .c-Table__Head {
    font-weight: 500 !important;
    font-size: 1.5rem !important;
  }

  .c-Table__Data {
    padding-top: 2px !important;
    font-size: 1.38rem !important;
    font-weight: lighter !important;
  }
}