@charset "utf-8";

/* =============================================================

  個別設定 : Top

============================================================= */

/*  FV
---------------------------------------------*/
.page-top .fv {
  position: relative;
  padding: 0 0 0 6.67%;
}

.page-top .fv__text {
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 15.33%;
  width: 21.33%;
}

.page-top .fv__slide {
  position: relative;
  z-index: 1;
}

/*  Concept
---------------------------------------------*/
.page-top .concept {
  position: relative;
  padding: 18.67% 0 26.67%;
  background-image: url(../../img/top/bg-concept.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.page-top .concept .section__titleEn::before {
  display: none;
}

.page-top .concept .section__titleTxt {
  font-size: 3rem;
}

.page-top .concept__text {
  margin: 0 0 11.33%;
  padding: 0 9.33%;
}

.page-top .concept__text p {
  margin: 0 0 5.33%;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  line-height: 2;
}

.page-top .concept__text p:last-of-type {
  margin: 0 0 8.67%;
}

.page-top .concept .link__more {
  margin: 0 8% 0 0;
  text-align: right;
}

.page-top .concept__img01 {
  position: absolute;
  top: 10%;
  right: 0;
  width: 24.67%;
}

.page-top .concept__img02 {
  width: 48%;
  margin: -5% auto 14.67% 0;
}

/*  Married
---------------------------------------------*/
.page-top .married {
  padding: 20% 0 13.33%;
  background: #f4f2ec;
}

.page-top .married__content {
  padding: 0 0 0 8%;
}

.page-top .married__block {
  margin: 0 0 8%;
}

.page-top .married__item {
  position: relative;
  padding: 0 8.27% 6.67% 14.67%;
  background: #fff;
}

.page-top .married__content .married__item:nth-child(even) {
  background: #ece9e2;
}

.page-top .married__itemTitle {
  position: absolute;
  top: 8%;
  left: 4.4%;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.8rem;
}

.page-top .married__itemTitle span {
  font-size: 1.6rem;
}

.page-top .married__itemImg {
  margin: 0 0 6.67%;
}

.page-top .married__itemText {
  margin: 0 0 4%;
  line-height: 2;
}

.page-top .married__web {
  padding: 0 8.27% 0 0;
}

.page-top .married__webPanle {
  padding: 3.6% 0 8.53%;
  background: #fff;
}

.page-top .married__webTitleEn {
  margin: 0 0 3.33%;
  font-family: 'Hina Mincho', serif;
  font-size: 2.1rem;
  color: #a58f86;
  letter-spacing: 0.1em;
  text-align: center;
}

.page-top .married__webInner {
  position: relative;
  padding: 0 5.33% 0 14.67%;
}

.page-top .married__webTitle {
  position: absolute;
  top: 0;
  left: 4.4%;
  min-height: 360px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.8rem;
}

.page-top .married__webImg {
  margin: 0 0 6.67%;
}


.page-top .married__webText {
  margin: 0 0 4%;
  line-height: 2;
}


/*  Fashion
---------------------------------------------*/
.page-top .fashion {
  padding: 20% 0 13.33%;
  background: #ece9e2;
}

.page-top .fashion .fashion__item {
  margin: 0 0 12%;
  padding: 0 6.67% 0 8%;
}

.page-top .fashion .fashion__item:last-child {
  padding: 0 8% 0 6.67%;
}

.page-top .fashion__img {
  margin: 0 0 6.67%;
}

.page-top .fashion__text {
  margin: 0 0 4%;
  line-height: 2;
}

/*  Gallery
---------------------------------------------*/
.page-top .gallery {
  padding: 26.67% 0 20%;
  background-image: url(../../img/top/bg-gallery.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.page-top .gallery .section__title {
  margin: 0 0 16%;
}

.page-top .gallery__flex {
  position: relative;
  display: flex;
}

.page-top .gallery__flex .gallery__img {
  width: 50%;
}

.page-top .gallery__flex .gallery__text {
  width: 50%;
  padding: 0 5.33% 0 6%;
  line-height: 1.8;
}

.page-top .gallery__flex02 {
  position: relative;
  display: flex;
  justify-content: end;
  margin: -22.67% 0 15.33%;
}

.page-top .gallery__flex02 .gallery__img01 {
  width: 37.33%;
  margin: 35.33% 6.67% 0 0;
}

.page-top .gallery__flex02 .gallery__img02 {
  width: 37.33%;
}

/*  Voice
---------------------------------------------*/
.page-top .voice {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #f4f2ec 0%, #f4f2ec 43.28%, #fff 43.28%, #fff 100%);
  padding: 26.67% 0 20%;
}

.page-top .voice__slide {
  position: relative;
  z-index: 99;
  padding: 0 0 0 10.67%;
}

.page-top .voice__slide a {
  display: block;
}

.page-top .voice__slide .slick-list {
  padding: 0 15% 0 0!important;
}

.page-top .voice__slide .slick-slide{
  margin-right: 10vw!important;
}

.page-top .voice__slide li {
  margin: 0 0.5%;
}

.page-top .voice__slide .slick-prev, .page-top .voice__slide .slick-next {
  position: absolute;
  top: -20%;
  z-index: 99;
  width: 50px;
  height: 50px;
  border: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.page-top .voice__slide .slick-prev {
  right: 22%;
  background: url(/img/common/icon-slide-prev.png);
  background-size: 100% 100%;
}

.page-top .voice__slide .slick-next {
  right: 5.33%;
  background: url(/img/common/icon-slide-next.png);
  background-size: 100% 100%;
}

.page-top .voice__slideImg {
  margin: 0 0 10%;
}

.page-top .voice__slideNumber {
  position: relative;
  margin: 0 0 6%;
  padding: 0 0 0 5.33%;
  font-family: 'Hina Mincho', serif;
  font-size: 1.6rem;
  color: #a58f86;
}

.page-top .voice__slideNumber::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 1px;
  height: 44px;
  transform: rotate(45deg);
  transform-origin: bottom left;
  background: #1e1e1e;
}

.page-top .voice__slideTitle {
  margin: 0 0 2.67%;
  line-height: 2;
}

@media screen and (min-width: 641px){
  .page-top .voice__slide .slick-slide{
    margin-right: 8vw!important;
  }
  .page-top .voice__slide .slick-prev {
    right: 120px;
    background: url(/img/common/icon-slide-prev.png);
    background-size: 100% 100%;
  }

  .page-top .voice__slide .slick-next {
    right: 60px;
    background: url(/img/common/icon-slide-next.png);
    background-size: 100% 100%;
  }
}

/*  Access
---------------------------------------------*/
.page-top .access {
  padding: 19.33% 0 20%;
  background: #f4f2ec url(../../img/top/bg-access.jpg) no-repeat center top;
  background-size: 100% auto;
}

.page-top .access .section__title {
  margin: 0 0 8%;
}

.page-top .access .section__titleTxt {
  padding: 0;
  text-align: center;
}

.page-top .access__headline {
  margin: 0 0 6.67%;
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
}

.page-top .access__slide {
  margin: 0 0 11.33%;
}

.page-top .access__slideImg {
  margin: 0 0 4%;
}

.page-top .access__slide .slick-slide{
  margin-right: 3vw!important;
  margin-left: 3vw!important;
}

.page-top .access__btn .btn {
  margin-bottom: 6.67%;
}

.page-top .access__btn .btn:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 641px){
  .page-top .access__slide .slick-slide{
    margin-right: 1vw!important;
    margin-left: 1vw!important;
  }

}

/*  Info
---------------------------------------------*/
.page-top .info {
  padding: 23.73% 0 13.33%;
}

.page-top .info__content {
  padding: 0 8%;
}

.page-top .info__list {
  position: relative;
  border-top: 1px solid #000;
}

.page-top .info__list li {
  position: relative;
  border-bottom: 1px solid #000;
}

.page-top .info__list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 4.67% 16% 4.67% 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-top .info__list li::after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 40%;
  right: 7px;
  width: 25px;
  height: 7px;
  background-image: url(../../img/common/icon-link-arrow.png);
  background-size: 100% 100%;
}

/*  Faq
---------------------------------------------*/
.page-top .faq {
  padding: 23.73% 0 13.33%;
  background: #f7f5f3;
}

.page-top .faq__content {
  padding: 0 5.33%;
}

.page-top .faq__list {
  margin: 0 0 6.67%;
}

.page-top .faq__list li {
  margin: 0 0 2.67%;
  background: #fff;
}

.page-top .faq__list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5.2% 13.33% 5.2% 4%;
  box-sizing: border-box;
}

.page-top .faq__list li a::after {
  position: absolute;
  content: "";
  top: 38%;
  right: 3.07%;
  width: 25px;
  height: 25px;
  background-image: url(../../img/common/icon-link-arrow02.png);
  background-size: cover;
}

.faq__listCat {
  display: block;
  margin: 0 0 3%;
  color: #a58f86;
  font-weight: 700;
  font-size: 1.2rem;
}

.faq__listTitle {
  font-size: 1.4rem;
  line-height: 1.6;
}

/*  Blog
---------------------------------------------*/
.page-top .blog {
  padding: 23.73% 0 24%;
}

.page-top .blog__content {
  padding: 0 8%;
}

.page-top .blog__list {
  margin: 0 0 8.67%;
  border-top: 1px solid #000;
}

.page-top .blog__list li {
  position: relative;
  border-bottom: 1px solid #000;
}

.page-top .blog__list li::after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 40%;
  right: 7px;
  width: 25px;
  height: 7px;
  background-image: url(../../img/common/icon-link-arrow.png);
  background-size: 100% 100%;
}


.page-top .blog__list a {
  display: block;
  width: 100%;
  height: 100%;
}

.page-top .blog__listItem {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2.67% 12% 2.67% 0;
}

.page-top .blog__listImg {
  width: 18.67%;
}

.page-top .blog__listImg img {
  height: auto;
}

.page-top .blog__listTitle {
  width: calc(100% - 18.67%);
  padding: 0 0 0 4%;
  font-size: 1.4rem;
  line-height: 1.5;
}

/*  menu banner
---------------------------------------------*/
.page-top .menuBnr {
  padding: 0 5.33% 2.67%;
}

.page-top .menuBnr__img {
  margin:0 0 5.33%;
}

/*  bottom slide
---------------------------------------------*/
.page-top .bottom__img {
  padding: 0 0 13.33%;
}

.page-top .bottom__slideImg {
  margin: 0 0.1%;
}