@charset "UTF-8";
/* Scss Document */
/*=============================================================
 TOPページ設定
=============================================================*/
.home .front {
  position: relative;
  z-index: 2;
}
.home .sec-title {
  text-align: left;
}
.home .sec-title .en {
  color: #567706;
  font-family: "EB Garamond", serif;
  font-weight: 600;
  font-size: clamp(14px, 3vw, 52px);
  margin-bottom: 40px;
}
@media screen and (min-width: 768.9px) {
  .home .sec-title .en {
    margin-bottom: 64px;
  }
}
.home .sec-title .jp {
  color: #222222;
  font-size: clamp(20px, 3vw, 21px);
  line-height: 1.8;
  margin-bottom: 40px;
}
@media screen and (min-width: 768.9px) {
  .home .sec-title .jp {
    margin-bottom: 44px;
  }
}
.home .sec-title .lead {
  font-size: clamp(14px, 3vw, 14px);
  line-height: 2.2;
}
.home #sec-kv {
  position: relative;
}
.home #sec-kv .scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 768.9px) {
  .home #sec-kv .scroll {
    display: none;
  }
}
.home #sec-kv .scroll p {
  font-size: clamp(16px, 3vw, 16px);
  margin-bottom: 100px;
}
.home #sec-kv .scroll span {
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 56px;
}
.home #sec-kv .scroll span:before {
  content: "";
  display: block;
  width: 1px;
  height: 56px;
  background-color: rgb(255, 255, 255);
  margin: 16px auto 0 auto;
  animation: scrollLine 1.5s infinite;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-top: 50px;
}
@keyframes scrollLine {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
.home #sec-kv:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../image/home/kv01_ov.png") no-repeat center center;
  background-size: cover;
  z-index: 2;
}
.home #sec-kv .inner {
  position: relative;
  color: #fff;
  z-index: 2;
}
.home #sec-message {
  padding: 50px 0 0 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-message {
    padding: 100px 0;
  }
}
.home #sec-message .lead {
  font-size: clamp(16px, 3vw, 20px);
  line-height: 2.2;
  margin: 0 0 50px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-message .lead {
    margin: 0 0 100px 0;
  }
}
.home #sec-message .lead span {
  display: none;
}
.home #sec-message .bnr {
  width: 500px;
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768.9px) {
  .home #sec-message .bnr {
    display: none;
  }
}
.home #sec-concept {
  position: relative;
}
@media screen and (max-width: 768.9px) {
  .home #sec-concept {
    padding-top: 60px;
    margin-top: -60px;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-concept {
    padding: 100px 0;
    background: url("../image/common/concept_bg_sp.webp") no-repeat center center;
    background-size: cover;
  }
}
.home #sec-concept .inner {
  width: 100%;
  padding: 60px 0 40px 0;
  text-align: left;
}
@media screen and (min-width: 768.9px) {
  .home #sec-concept .inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
  }
}
.home #sec-concept .inner .container {
  width: 1440px;
  max-width: 90%;
}
.home #sec-concept .inner .container .com-btn {
  text-align: left;
}
@media screen and (min-width: 768.9px) {
  .home #sec-concept .inner .container .com-btn {
    margin-top: 60px;
  }
}
.home #sec-concept .inner .container .com-btn li {
  margin: 0 auto 0 0;
}
.home #sec-concept .inner .container .com-btn li:first-child {
  margin-bottom: 20px;
}
.home #sec-concept .pic {
  text-align: right;
  margin: 60px auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-concept .pic {
    width: 45%;
    padding-right: 5vw;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-concept .pic img {
    width: 100%;
    min-height: 800px;
    object-fit: cover;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-features {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-features .bg {
  background-color: #E0E0E0;
  padding: 80px 0 65px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .bg {
    padding: 160px 0 135px 0;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .sec-title {
    text-align: center;
  }
}
.home #sec-features .block {
  text-align: left;
  position: relative;
  margin-top: 90px;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block {
    margin-top: 180px;
  }
}
.home #sec-features .block .inner {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .inner {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.home #sec-features .block .inner .container {
  width: auto;
  max-width: 100%;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .inner .container {
    max-width: 90%;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .inner .container .box {
    width: 30%;
  }
}
.home #sec-features .block .inner .container .box .vol {
  color: #567706;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  font-size: clamp(14px, 3vw, 25px);
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768.9px) {
  .home #sec-features .block .inner .container .box .vol {
    max-width: 90%;
    margin: 0 auto 0 auto;
    align-items: center;
  }
}
.home #sec-features .block .inner .container .box .vol:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #567706;
}
@media screen and (max-width: 768.9px) {
  .home #sec-features .block .inner .container .box .vol:before {
    order: 2;
    margin-left: 40%;
    margin-right: 1em;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .inner .container .box .vol:before {
    display: block;
    width: 85%;
    position: absolute;
    top: 1.5em;
    left: 0;
  }
}
.home #sec-features .block .inner .container .box .vol span {
  font-weight: 500;
  font-size: clamp(35px, 3vw, 77px);
  line-height: 1;
}
@media screen and (max-width: 768.9px) {
  .home #sec-features .block .inner .container .box .vol span {
    order: 3;
  }
}
.home #sec-features .block .inner .container .box .tit {
  font-size: clamp(21px, 5vw, 25px);
  line-height: 1.8;
}
@media screen and (max-width: 768.9px) {
  .home #sec-features .block .inner .container .box .tit {
    max-width: 90%;
    margin: 0 auto 40px auto;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .inner .container .box .tit {
    margin: 64px 0;
  }
}
.home #sec-features .block .inner .container .box .lead {
  font-size: clamp(14px, 3vw, 16px);
  line-height: 2.2;
}
@media screen and (max-width: 768.9px) {
  .home #sec-features .block .inner .container .box .lead {
    max-width: 90%;
    margin: 0 auto;
  }
}
.home #sec-features .block .pic {
  margin: 40px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .pic {
    width: 63%;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block .pic img {
    width: 100%;
    min-height: 650px;
    object-fit: cover;
  }
}
.home #sec-features .block:nth-child(even) .inner .box {
  margin: 0 0 0 auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-features .block:nth-child(even) .pic {
    margin: 0 auto 0 0;
  }
}
.home #sec-ceremony {
  position: relative;
}
@media screen and (max-width: 768.9px) {
  .home #sec-ceremony {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-ceremony .bg {
  padding: 60px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .bg {
    padding: 100px 0;
  }
}
.home #sec-ceremony .inner {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
  }
}
.home #sec-ceremony .inner .container {
  max-width: 100%;
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .inner .container {
    width: 1440px;
    max-width: 90%;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .inner .container .sec-title {
    width: 328px;
    max-width: 100%;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-ceremony .inner .container .sec-title .en {
    margin-bottom: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-ceremony .inner .container .sec-title .jp {
    margin-bottom: 0px;
    text-align: center;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-ceremony .inner .container .sec-title .lead {
    max-width: 90%;
    margin: 0 auto;
  }
}
.home #sec-ceremony .pic {
  margin: 40px auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .pic {
    text-align: right;
    width: 45%;
    padding-right: 10vw;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-ceremony .pic img {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
  }
}
.home #sec-photowedding {
  position: relative;
}
@media screen and (max-width: 768.9px) {
  .home #sec-photowedding {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-photowedding .bg {
  background-color: #F4F4F4;
  padding: 60px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .bg {
    padding: 100px 0;
  }
}
.home #sec-photowedding .inner {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
  }
}
.home #sec-photowedding .inner .container {
  max-width: 100%;
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .inner .container {
    width: 1440px;
    max-width: 90%;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .inner .container .sec-title {
    width: 328px;
    max-width: 100%;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-photowedding .inner .container .sec-title .en {
    margin-bottom: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-photowedding .inner .container .sec-title .jp {
    margin-bottom: 0px;
    text-align: center;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-photowedding .inner .container .sec-title .lead {
    max-width: 90%;
    margin: 0 auto;
  }
}
.home #sec-photowedding .pic {
  margin: 40px auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .pic {
    width: 45%;
    padding-left: 10vw;
    margin: 0 auto 0 0;
  }
}
@media screen and (min-width: 768.9px) {
  .home #sec-photowedding .pic img {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
  }
}
@media screen and (max-width: 768.9px) {
  .home #sec-plan {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-plan .bg {
  background: url("../image/home/plan_bg_sp.webp") no-repeat center center;
  background-size: cover;
  padding: 90px 0;
  overflow: hidden;
}
@media screen and (min-width: 768.9px) {
  .home #sec-plan .bg {
    background: url("../image/home/plan_bg_pc.webp") no-repeat center center;
    padding: 90px 0;
  }
}
.home #sec-plan .sec-title {
  text-align: center;
}
.home #sec-plan .sec-title .en {
  color: #E7F5C5;
  margin-bottom: 30px;
}
.home #sec-plan .sec-title .jp {
  color: #fff;
}
.home #sec-plan .container {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
.home #sec-plan {
  /* .container {
      .slider_plan {
          width: 980px;
          max-width: 100%;
          margin: 0 auto;

          .slick-list {
              padding: 0;
              margin: 0;

              .slick-track {
                  display: flex !important;

                  .slick-slide {
                      height: auto;
                  }
              }
          }

          .item {
              opacity: 1;
              background-color: #fff;
              padding: 0;
              margin: 0 10px;
              position: relative;

              .thumb {
                  img {
                      width: 100%;
                      height: 200px;
                      object-fit: cover;
                  }
              }

              .inner {
                  padding: 20px;

                  font-size: clamp(14px, 3vw, 10px);

                  .tit {
                      font-size: clamp(14px, 3vw, 18px);
                      margin-bottom: 1em;
                  }

                  .people {
                      margin-bottom: 0.5em;
                  }

                  .price {
                      margin-bottom: 1em;
                  }

                  .txt {
                      line-height: 1.8;
                      font-size: clamp(14px, 3vw, 13px);
                  }



              }

              .more {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;

                  span {
                      display: none;
                  }
              }
          }
      }
  }*/
}
@media screen and (max-width: 768.9px) {
  .home #sec-bridalfair {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-bridalfair .container {
  padding: 45px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-bridalfair .container {
    padding: 90px 0;
  }
}
.home #sec-bridalfair .sec-title {
  text-align: center;
}
.home #sec-bridalfair .container {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
.home #sec-instagram {
  padding: 45px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-instagram {
    padding: 90px 0;
  }
}
.home #sec-instagram .sec-title {
  text-align: center;
}
.home #sec-instagram .sec-title .en {
  margin-bottom: 40px;
}
@media screen and (min-width: 768.9px) {
  .home #sec-instagram .sec-title .en {
    margin-bottom: 60px;
  }
}
.home #sec-instagram .container {
  width: 725px;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768.9px) {
  .home #sec-report {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-report .container {
  padding: 45px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-report .container {
    padding: 90px 0;
  }
}
.home #sec-report .sec-title {
  text-align: center;
}
.home #sec-report .container .slider_report {
  width: 980px;
  max-width: 100%;
  margin: 40px auto 60px auto;
  text-align: left;
}
.home #sec-report .container .slider_report .inner h3{
    font-weight: normal; 
    font-size: 16px !important; 
    line-height: 1.5;
}
@media screen and (min-width: 768.9px) {
  .home #sec-report .container .slider_report {
    margin: 80px auto;
  }
}
.home #sec-report .container .slider_report .slick-list {
  padding: 0;
  margin: 0;
}
.home #sec-report .container .slider_report .slick-list .slick-track {
  display: flex !important;
}
.home #sec-report .container .slider_report .slick-list .slick-track .slick-slide {
  height: auto;
}
.home #sec-report .container .slider_report .item {
  opacity: 1;
  background-color: #fff;
  padding: 0;
  margin: 0 10px;
  position: relative;
}
.home #sec-report .container .slider_report .item .thumb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.home #sec-report .container .slider_report .item .inner {
  padding: 20px;
  font-size: clamp(14px, 3vw, 10px);
}
.home #sec-report .container .slider_report .item .inner .tit {
  font-size: clamp(14px, 3vw, 18px);
  margin-bottom: 1em;
  text-align: center;
}
.home #sec-report .container .slider_report .item .more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home #sec-report .container .slider_report .item .more span {
  display: none;
}
@media screen and (max-width: 768.9px) {
  .home #sec-access {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.home #sec-access .container {
  padding: 45px 0;
}
@media screen and (min-width: 768.9px) {
  .home #sec-access .container {
    padding: 90px 0;
  }
}
.home #sec-access .sec-title {
  text-align: center;
}
.home #sec-access .sec-title .en {
  margin-bottom: 30px;
}
.home #sec-access .container {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
.home #sec-access .container .logo img {
  width: 152px;
  height: auto;
}
.home #sec-access .container .address {
  text-align: left;
  font-size: clamp(17px, 3vw, 17px);
  line-height: 1.8;
  width: 80%;
  margin: 34px auto 0 auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-access .container .address {
    width: 328px;
    margin: 68px auto 0 auto;
  }
}
.home #sec-access .container .address span {
  display: block;
  font-size: clamp(14px, 3vw, 14px);
}
.home #sec-access .container .transportation_box {
  text-align: left;
  font-size: clamp(13px, 3vw, 13px);
  line-height: 1.8;
  width: 80%;
  margin: 0 auto 70px auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-access .container .transportation_box {
    width: 328px;
    margin: 0 auto 140px auto;
  }
}
.home #sec-access .container .transportation_box .transportation {
  margin: 20px auto 0 auto;
}
@media screen and (min-width: 768.9px) {
  .home #sec-access .container .transportation_box .transportation {
    margin: 40px auto 0 auto;
  }
}
.home #sec-access .container .transportation_box .transportation ul li:before {
  content: "・";
  display: inline-block;
  margin-right: 0.5em;
}/*# sourceMappingURL=style_home.css.map */