/*
START MEDIA QUERY MANAGER

@media only screen and (min-width: 1800px){}
@media only screen and (min-width: 1550px){}
@media only screen and (min-width: 1200px){}
@media only screen and (min-width: 1025px){}
@media only screen and (min-width: 992px){}
@media only screen and (min-width: 768px){}
@media only screen and (min-width: 576px){}
@media only screen and (min-width: 421px){}
@media only screen and (min-width: 381px){}

@media only screen and (max-width: 1799px){}
@media only screen and (max-width: 1549px){}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 1024px){}
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 575px){}
@media only screen and (max-width: 420px){}
@media only screen and (max-width: 380px){}

@media only screen and (min-width: 1549px) and (max-width: 1799px){}
@media only screen and (min-width: 1025px) and (max-width: 1300px){}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media only screen and (min-width: 992px) and (max-width: 1024px){}
@media only screen and (min-width: 768px) and (max-width: 991px){}
@media only screen and (min-width: 576px) and (max-width: 767px){}

END MEDIA QUERY MANAGER
*/
/*====================================================================================
START TABLE OF CONTENT

1. START COMMON ONLY CHILD PAGE.
2. START BREADCRUMB.
3. START PAGE VISUAL.
4. START FAQ PAGE.
5. START NEWS PAGE.
6. START WEDDING PAGE.
7. START KENMUSYA PAGE.

END TABLE OF CONTENT
====================================================================================*/
/*====================================================================================
1. START COMMON ONLY CHILD PAGE.
====================================================================================*/
/*---------- START PINNED SECTION ----------*/
@media only screen and (min-width: 768px) {
  .pinned-section__row {
    display: flex;
    align-items: flex-start;
  }

  .pinned-section .pinned-element {
    width: 250px;
  }

  .pinned-section .scrolling-element {
    flex: 1;
    min-width: 1px;
    padding-left: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  .pinned-section .pinned-element {
    margin-bottom: 4rem;
  }
}
/*---------- END PINNED SECTION ----------*/
/*---------- START COMMON SECTION ----------*/
.cm-section__item {
  margin-bottom: 8rem;
}

.cm-section__item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .cm-section__item {
    margin-bottom: 4rem;
  }
}
/*---------- END COMMON SECTION ----------*/
/*---------- START COMMON BOX ----------*/
@media only screen and (min-width: 768px) {
  .cm-box__list {
    display: flex;
    justify-content: space-between;
  }

  .cm-box__list .box-main {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .cm-box__list .box-main {
    margin-bottom: 1.5rem;
  }

  .cm-box__list .box-main:last-child {
    margin-bottom: 0;
  }
}
/*---------- END COMMON BOX ----------*/
/*---------- START BOX MAIN ----------*/
.box-main {
  position: relative;
  display: flex;
  background-color: var(--color-brown);
}

.box-main > a {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.box-main__left {
  width: 5rem;
  padding: 1.6rem 0rem 1.5rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.box-main__right {
  position: relative;
  flex: 1;
  min-width: 1px;
  overflow: hidden;
}

.box-main__title {
  cursor: vertical-text;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  word-wrap: break-word;
  color: var(--color-white);
  font-size: 2.4rem;
  letter-spacing: 0.24em;
  font-family: var(--font-zen-old-mincho);
}

.box-main__img img {
  width: 100%;
  transition: transform 0.5s ease;
}

.box-main .icon-circle {
  position: absolute;
  z-index: 2;
  right: 3rem;
  bottom: 3rem;
}

@media only screen and (min-width: 1200px) {
  .box-main .icon-circle {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
  }

  .box-main:hover .box-main__img img {
    transform: scale(1.06);
  }

  .box-main:hover .icon-circle {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
@media only screen and (max-width: 767px) {
  .box-main .icon-circle {
    right: 2rem;
    bottom: 2rem;
  }
}
@media only screen and (max-width: 420px) {
  .box-main__left {
    width: 4.5rem;
    padding: 1rem 0rem 0.8rem 0rem;
  }

  .box-main__title {
    font-size: 2rem;
  }

  .box-main__icon img {
    width: 2.6rem;
    height: auto;
  }

  .box-main__img img {
    height: 57vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media only screen and (max-width: 380px) {
  .box-main__title {
    font-size: 1.8rem;
  }
}
/*---------- END BOX MAIN ----------*/
/*---------- START BOX TEL ----------*/
.box-tel__title {
  color: var(--color-brown);
  font-size: 2rem;
  font-weight: 700;
}

.box-tel__title a {
  text-decoration: none;
}

.box-tel__text {
  margin-left: -0.6rem;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .box-tel__title {
    font-size: 1.9rem;
  }
}
/*---------- END BOX TEL ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1. END COMMON ONLY CHILD PAGE.
====================================================================================*/
/*====================================================================================
2. START BREADCRUMB.
====================================================================================*/
.breadcrumb {
  padding: 1.8rem 0px;
}

.breadcrumb__list {
  display: flex;
  align-items: center;
}

.breadcrumb__item {
  position: relative;
  margin-right: 0.6rem;
  padding-right: 1.2rem;
  color: var(--color-gray);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.breadcrumb__item:first-child a {
  font-weight: 700;
}

.breadcrumb__item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.breadcrumb__item:last-child::before {
  content: none;
}

.breadcrumb__item::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0.5rem;
  height: 1.5px;
  background-color: var(--color-gray);
}

.breadcrumb__item a {
  text-decoration: none;
}

.breadcrumb__item a:hover {
  color: var(--color-brown);
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
/*====================================================================================
2. END BREADCRUMB.
====================================================================================*/
/*====================================================================================
3. START PAGE VISUAL.
====================================================================================*/
.pv__img img {
  width: 100%;
  height: 36rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.pv__outer {
  padding-top: 11rem;
}

.pv__logo {
  margin-bottom: 1.5rem;
  text-align: center;
}

.pv__logo img {
  max-width: 5.9rem;
  height: auto;
}

.pv__title span {
  display: block;
  text-align: center;
}

.pv__title-ja {
  color: var(--color-white);
  font-size: 4rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-family: var(--font-zen-old-mincho);
}

.pv__title-en {
  color: var(--color-white);
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
  .pv__img img {
    height: 26rem;
  }

  .pv__outer {
    padding-top: 8.8rem;
  }

  .pv__title-ja {
    margin-bottom: 0.2rem;
    font-size: 2.7rem;
  }

  .pv__title-en {
    font-size: 1.7rem;
  }
}
/*====================================================================================
3. END PAGE VISUAL.
====================================================================================*/
/*====================================================================================
3. START CONTACT PAGE.
====================================================================================*/
/*---------- START CONTACT PRIVACY POLICY ----------*/
.contact-pp {
  background: url("./../contact/images/s2-bg.png") no-repeat center center/cover;
}

.contact-pp__desc {
  max-width: 100rem;
  margin: 0 auto;
}

.contact-pp__outer {
  margin-top: 4.5rem;
  padding: 5rem 0rem;
}

.contact-pp__inner {
  max-width: 100rem;
  margin: 0 auto;
}

.contact-pp__row {
  margin-bottom: 4.5rem;
}

.contact-pp__row:last-child {
  margin-bottom: 0;
}

.contact-pp__head {
  margin-bottom: 2.5rem;
}

.contact-pp__list {
  margin-top: 3rem;
}

.contact-pp__box {
  margin-top: 3rem;
}

.contact-pp__box .title-section01 {
  margin-bottom: 0.2rem;
}

@media only screen and (max-width: 767px) {
  .contact-pp__outer {
    margin-top: 2.5rem;
    padding: 3.5rem 2rem;
  }

  .contact-pp__row {
    margin-bottom: 2.5rem;
  }

  .contact-pp__head {
    margin-bottom: 1.5rem;
  }

  .contact-pp__list {
    margin-top: 2rem;
  }

  .contact-pp__box {
    margin-top: 2rem;
  }
}
/*---------- END CONTACT PRIVACY POLICY ----------*/
/*====================================================================================
3. END CONTACT PAGE.
====================================================================================*/
/*====================================================================================
4. START FAQ PAGE.
====================================================================================*/
/*---------- START COMMON SIDEBAR ----------*/
.cm-sidebar {
  padding: 3rem 2rem;
  background: url("./../common_img/cm-sidebar-bg01.png") no-repeat center center/cover;
}

.cm-sidebar__list {
  position: relative;
}

.cm-sidebar__list::before, .cm-sidebar__list::after {
  position: absolute;
  content: "";
  width: 10rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.cm-sidebar__list::before {
  top: -2rem;
  right: -1rem;
  background-image: url("./../common_img/title-deco02-top-right.svg");
}

.cm-sidebar__list::after {
  left: -1rem;
  bottom: -2rem;
  background-image: url("./../common_img/title-deco02-bottom-left.svg");
}

.cm-sidebar__item a {
  position: relative;
  display: block;
  padding: 1.6rem 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  font-family: var(--font-zen-old-mincho);
}

.cm-sidebar__item a::before, .cm-sidebar__item a::after {
  position: absolute;
  content: "";
}

.cm-sidebar__item a::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: url("./../common_img/bd-dashed01-gray.svg");
  background-size: auto 1px;
  background-repeat: repeat-x;
  background-position: center center;
}

.cm-sidebar__item a::after {
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.75rem solid transparent;
  border-left: 1rem solid var(--color-gray);
  border-bottom: 0.75rem solid transparent;
  margin-top: -0.75rem;
}

.cm-sidebar__item a.active {
  color: var(--color-brown);
}

.cm-sidebar__item a.active::after {
  border-left: 1rem solid var(--color-brown);
}

.cm-sidebar__item:last-child a::before {
  content: none;
}

@media only screen and (max-width: 767px) {
  .cm-sidebar__list {
    padding: 0.5rem 0;
  }

  .cm-sidebar__item a {
    padding: 1.5rem 0.5rem;
    font-size: 1.4rem;
  }

  .cm-sidebar__item a::after {
    border-top: 0.65rem solid transparent;
    border-left: 0.9rem solid var(--color-gray);
    border-bottom: 0.65rem solid transparent;
    margin-top: -0.6rem;
  }
}
/*---------- END COMMON SIDEBAR ----------*/
/*---------- START FAQ SECTION ----------*/
.faq-section__head {
  margin-bottom: 5rem;
}

@media only screen and (max-width: 767px) {
  .faq-section__head {
    margin-bottom: 2.5rem;
  }
}
/*---------- END FAQ SECTION ----------*/
/*---------- FAQ ITEM ----------*/
.faq-item {
  margin-bottom: 1.8rem;
}

.faq-item:last-child {
  margin-bottom: 0;
}

.faq-item__head {
  position: relative;
  cursor: pointer;
  min-height: 7.2rem;
  padding: 2.1rem 0rem 1.2rem 0;
}

.faq-item__head::before, .faq-item__head::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1rem;
  width: 1.4rem;
  height: 0.2rem;
  margin-top: -1px;
  border-radius: 0.2rem;
  background-color: var(--color-brown);
}
@media only screen and (max-width: 767px) {
    .faq-item__head::before, .faq-item__head::after {
      top: 20px;
    }
}
.faq-item__head::before {
  transform: rotate(-90deg);
  transition: transform 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.faq-item__head.active::before {
  transform: rotate(0deg);
}

.faq-item__icon {
  position: absolute;
  left: 0;
  bottom: 1.7rem;
}

.faq-item__icon span {
  color: var(--color-brown);
  font-size: 4rem;
  line-height: 1;
  font-weight: 600;
  font-family: var(--font-zen-old-mincho);
}

.faq-item__title {
  padding: 0 3.5rem 1rem 4.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: var(--font-zen-old-mincho);
  border-bottom: 1px solid var(--color-brown);
  transition: color 0.3s ease;
}

.faq-item__body {
  display: none;
}

.faq-item__inner {
  padding: 1.5rem 0.5rem 2.5rem 4.5rem;
}

@media only screen and (max-width: 767px) {
  .faq-item {
    margin-bottom: 2rem;
  }

  .faq-item__head {
    padding: 0rem 0rem 1rem 0rem;
      min-height: auto;
      
  }

  .faq-item__head::before, .faq-item__head::after {
    right: 0;
  }

  .faq-item__icon {
    bottom: auto;
    top: -2px;
  }

  .faq-item__icon span {
    font-size: 3rem;
  }

  .faq-item__title {
    padding: 0 2.5rem 1rem 3.5rem;
    font-size: 1.5rem;
  }

  .faq-item__inner {
    padding: 1rem 0rem;
  }
}
/*---------- END FAQ ITEM ----------*/
/*====================================================================================
4. END FAQ PAGE.
====================================================================================*/
/*====================================================================================
5. START NEWS PAGE.
====================================================================================*/
/*---------- START NEWS POSTS ----------*/
.news-posts {
  padding: 9rem 0rem 10rem 0rem;
}

.news-posts:nth-child(even) {
  background: url("./../news/images/s1-bg.png") no-repeat center center/cover;
}

.news-posts__head {
  position: relative;
  padding-bottom: 1.7rem;
}

.news-posts__head::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: url("./../common_img/bd-dashed01-gray.svg");
  background-size: auto 1px;
  background-repeat: repeat-x;
  background-position: center center;
}

.news-posts__time time {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-zen-old-mincho);
}

.news-posts__title {
  margin-top: 0.5rem;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  font-family: var(--font-zen-old-mincho);
}

.news-posts__figure {
  margin-top: 5rem;
  text-align: center;
}

.news-posts__img {
  display: inline-block;
  max-width: 68rem;
}

.news-posts__desc {
  margin-top: 4.5rem;
}

.news-posts:nth-child(5) {
  padding-bottom: 5rem;
}

@media only screen and (max-width: 767px) {
  .news-posts {
    padding: 4.5rem 0rem 5rem 0rem;
  }

  .news-posts__time time {
    font-size: 1.4rem;
  }

  .news-posts__title {
    font-size: 1.7rem;
  }

  .news-posts__figure {
    margin-top: 3rem;
  }

  .news-posts__desc {
    margin-top: 2.5rem;
  }

  .news-posts:nth-child(5) {
    padding-bottom: 2.5rem;
  }
}
/*---------- END NEWS POSTS ----------*/
/*---------- START NEWS PAGINATION ----------*/
.news-pagination {
  padding: 5rem 0rem 10rem 0rem;
}

.news-pagination__btn {
  width: 20rem;
}

@media only screen and (max-width: 767px) {
  .news-pagination {
    padding: 2.5rem 0rem 5rem 0rem;
  }

  .news-pagination__btn {
    width: 14rem;
  }
}
/*---------- END NEWS PAGINATION ----------*/
/*====================================================================================
5. END NEWS PAGE.
====================================================================================*/
/*====================================================================================
6. START WEDDING PAGE.
====================================================================================*/
/*---------- START WEDDING INTRODUCTION SECTION ----------*/
@media only screen and (min-width: 421px) {
  .wedding-intro__list {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .wedding-intro__item {
    width: 70vw;
  }
}
/*---------- END WEDDING INTRODUCTION SECTION ----------*/
/*---------- START WEDDING TABLE ----------*/
.wedding-table__inner {
  width: 100%;
  max-width: 50rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--color-gray-seventh);
}

.wedding-table table {
  width: 100%;
  table-layout: fixed;
  border-style: hidden;
}

.wedding-table table tr th,
.wedding-table table tr td {
  letter-spacing: 0.05em;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-brown);
}

.wedding-table table tr th {
  width: 20rem;
  padding: 0.6rem 1rem;
  text-align: center;
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: 600;
  font-family: var(--font-zen-old-mincho);
  background-color: var(--color-brown);
}

.wedding-table table tr td {
  padding: 0.9rem 5rem;
  font-size: 1.5rem;
  font-weight: 300;
  text-align: left;
}

.wedding-table__note {
  margin-top: 1.2rem;
}

@media only screen and (max-width: 767px) {
  .wedding-table__inner {
    border-radius: 0.6rem;
  }

  .wedding-table table tr th {
    width: 14rem;
    font-size: 1.6rem;
  }

  .wedding-table table tr td {
    padding: 0.9rem 2.5rem;
    font-size: 1.4rem;
  }
}
/*---------- END WEDDING TABLE ----------*/
/*---------- START WEDDING APP SECTION ----------*/
.wedding-app .wedding-table {
  margin-top: 2.3rem;
}

/*---------- END WEDDING APP SECTION ----------*/
/*---------- START WEDDING GROUP ----------*/
.wedding-group {
  padding: 10rem 0;
}

.wedding-group__row {
  display: flex;
}

.wedding-group__left {
  padding-top: 2.7rem;
}

.wedding-group__heading {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--color-brown);
}

.wedding-group__item {
  margin-bottom: 5rem;
}

.wedding-group__item .title-section03 {
  margin-bottom: 1.7rem;
}

.wedding-group__item:last-child {
  margin-bottom: 0;
}

.wedding-group__img img {
  width: 100%;
}

.wedding-group--normal {
  background: url("./../wedding/images/s2-group-bg01.png") no-repeat center center/cover;
}

@media only screen and (min-width: 768px) {
  .wedding-group__left, .wedding-group__right {
    width: 50%;
  }

  .wedding-group--normal .wedding-group__right {
    padding-left: 4rem;
  }

  .wedding-group--reverse .wedding-group__row {
    flex-direction: row-reverse;
  }

  .wedding-group--reverse .wedding-group__right {
    padding-right: 4rem;
  }

  .wedding-group__body {
    padding-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wedding-group {
    padding: 5rem 0;
  }

  .wedding-group__row {
    flex-direction: column-reverse;
  }

  .wedding-group__left {
    padding-top: 2.2rem;
  }

  .wedding-group__heading {
    margin-bottom: 2.5rem;
  }

  .wedding-group__item {
    margin-bottom: 2.5rem;
  }

  .wedding-group__item .title-section03 {
    margin-bottom: 1rem;
  }

  .wedding-group--sp-reverse .wedding-group__row {
    flex-direction: column;
  }

  .wedding-group--sp-reverse .wedding-group__left {
    padding-top: 0;
  }

  .wedding-group--sp-reverse .wedding-group__right {
    margin-top: 2.5rem;
  }
}
/*---------- END WEDDING GROUP ----------*/
/*---------- START WEDDING NOTIFY SECTION ----------*/
.wedding-notify .container-sm {
  max-width: 109rem;
}

.wedding-notify__outer {
  position: relative;
  padding: 3.2rem;
}

.wedding-notify__line {
  position: absolute;
  content: "";
  background-color: var(--color-brown);
}

.wedding-notify__line01, .wedding-notify__line03 {
  left: 0;
  width: 100%;
  height: 0.5rem;
}

.wedding-notify__line01 {
  top: 2.7rem;
}

.wedding-notify__line03 {
  bottom: 2.7rem;
}

.wedding-notify__line02, .wedding-notify__line04 {
  top: 0;
  width: 0.5rem;
  height: 100%;
}

.wedding-notify__line02 {
  left: 2.7rem;
}

.wedding-notify__line04 {
  right: 2.7rem;
}

.wedding-notify__inner {
  position: relative;
  padding: 2rem;
}

.wedding-notify__deco {
  position: absolute;
  content: "";
}

.wedding-notify__deco::before, .wedding-notify__deco::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--color-white);
}

.wedding-notify__deco01, .wedding-notify__deco03 {
  width: 0.8rem;
  height: 2.1rem;
}

.wedding-notify__deco01::before, .wedding-notify__deco03::before {
  top: 0;
}

.wedding-notify__deco01::after, .wedding-notify__deco03::after {
  bottom: 0;
}

.wedding-notify__deco01 {
  top: -1.3rem;
  left: -0.6rem;
}

.wedding-notify__deco03 {
  right: -0.6rem;
  bottom: -1.3rem;
}

.wedding-notify__deco02, .wedding-notify__deco04 {
  width: 2.1rem;
  height: 0.8rem;
}

.wedding-notify__deco02::before, .wedding-notify__deco04::before {
  left: 0;
}

.wedding-notify__deco02::after, .wedding-notify__deco04::after {
  right: 0;
}

.wedding-notify__deco02 {
  top: -0.6rem;
  right: -1.3rem;
}

.wedding-notify__deco04 {
  bottom: -0.6rem;
  left: -1.3rem;
}

.wedding-notify__body {
  padding: 4rem 5rem 5rem 5rem;
  border-radius: 3rem;
  background-color: var(--color-gray-third);
}

.wedding-notify__row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wedding-notify .title-page01 {
  margin-bottom: 2rem;
}

.wedding-notify__item {
  position: relative;
  padding: 1rem 1rem 1rem 5rem;
  border-bottom: 1px solid var(--color-gray-sixth);
}

.wedding-notify__item-number {
  position: absolute;
  top: 1.4rem;
  left: 2rem;
  color: var(--color-brown);
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  font-family: var(--font-zen-old-mincho);
}

@media only screen and (max-width: 767px) {
  .wedding-notify__outer {
    padding: 1.5rem;
  }

  .wedding-notify__line01, .wedding-notify__line03 {
    left: -0.3rem;
    width: calc(100% + 0.6rem);
    height: 0.4rem;
  }

  .wedding-notify__line01 {
    top: 1.1rem;
  }

  .wedding-notify__line03 {
    bottom: 1.1rem;
  }

  .wedding-notify__line02, .wedding-notify__line04 {
    top: -0.3rem;
    width: 0.4rem;
    height: calc(100% + 0.6rem);
  }

  .wedding-notify__line02 {
    left: 1.1rem;
  }

  .wedding-notify__line04 {
    right: 1.1rem;
  }

  .wedding-notify__inner {
    padding: 1.5rem;
  }

  .wedding-notify__deco::before, .wedding-notify__deco::after {
    width: 0.6rem;
    height: 0.6rem;
  }

  .wedding-notify__deco01, .wedding-notify__deco03 {
    width: 0.7rem;
    height: 1.6rem;
  }

  .wedding-notify__deco01 {
    top: -1rem;
  }

  .wedding-notify__deco03 {
    right: -0.7rem;
    bottom: -1rem;
  }

  .wedding-notify__deco02, .wedding-notify__deco04 {
    width: 1.6rem;
    height: 0.7rem;
  }

  .wedding-notify__deco02 {
    right: -1rem;
  }

  .wedding-notify__deco04 {
    left: -1rem;
    bottom: -0.7rem;
  }

  .wedding-notify__body {
    padding: 2.5rem 2rem 3rem 2rem;
    border-radius: 1.5rem;
  }

  .wedding-notify__body .title-page01 {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1.5rem;
  }

  .wedding-notify__item {
    padding: 1rem 0rem 1rem 2.5rem;
  }

  .wedding-notify__item-number {
    top: 1.1rem;
    left: 0;
    font-size: 1.8rem;
  }
}
/*---------- END WEDDING NOTIFY SECTION ----------*/
/*---------- START WEDDING CONTACT SECTION ----------*/
.wedding-contact__outer {
  position: relative;
  padding: 6rem 5rem;
  background-color: var(--color-gray-ninth);
}

.wedding-contact__deco {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 0.3rem;
}

.wedding-contact__deco::before, .wedding-contact__deco::after {
  position: absolute;
  content: "";
  width: calc(50% - 3rem);
  height: 0.3rem;
}

.wedding-contact__deco::before {
  left: 0;
  background-color: var(--color-brown);
}

.wedding-contact__deco::after {
  right: 0;
  background-color: var(--color-red);
}

.wedding-contact__deco-icon {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 33px;
  height: 32px;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.wedding-contact__deco01 {
  top: -1.5px;
}

.wedding-contact__deco01::before {
  background-color: var(--color-red);
}

.wedding-contact__deco01::after {
  background-color: var(--color-brown);
}

.wedding-contact__deco01 span {
  background-image: url("./../common_img/title-deco07.png");
}

.wedding-contact__deco02 {
  bottom: -1.5px;
}

.wedding-contact__deco02::before {
  background-color: var(--color-brown);
}

.wedding-contact__deco02::after {
  background-color: var(--color-red);
}

.wedding-contact__deco02 span {
  background-image: url("./../common_img/title-deco08.png");
}

.wedding-contact__right {
  position: relative;
}

.wedding-contact__right::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.wedding-contact__title {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-family: var(--font-zen-old-mincho);
}

.wedding-contact__desc {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .wedding-contact__row {
    display: flex;
    align-items: center;
  }

  .wedding-contact__left {
    flex: 0 0 auto;
  }

  .wedding-contact__right {
    flex: 1;
    min-width: 1px;
    margin-left: 5rem;
    padding-left: 5rem;
  }

  .wedding-contact__right::before {
    width: 1px;
    height: 100%;
    background-image: url("./../common_img/bd-dashed02-brown.svg");
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: center top;
  }
}
@media only screen and (max-width: 767px) {
  .wedding-contact__outer {
    padding: 3.5rem 2rem 4rem 2rem;
  }

  .wedding-contact__deco::before, .wedding-contact__deco::after {
    width: calc(50% - 2.5rem);
  }

  .wedding-contact__deco-icon {
    width: 2.9rem;
    height: 3rem;
  }

  .wedding-contact__right {
    margin-top: 2.2rem;
    padding-top: 2.2rem;
  }

  .wedding-contact__right::before {
    width: 100%;
    height: 1px;
    background-image: url("./../common_img/bd-dashed03-brown.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: left center;
  }

  .wedding-contact__title {
    font-size: 2.2rem;
    text-align: center;
  }

  .wedding-contact__desc {
    margin-bottom: 2rem;
  }
}
/*---------- END WEDDING CONTACT SECTION ----------*/
/*====================================================================================
6. END WEDDING PAGE.
====================================================================================*/
/*====================================================================================
7. START KENMUSYA PAGE.
====================================================================================*/
/*---------- START KENMUSYA MAPS ----------*/
.kenmusya-maps {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60rem;
  color: var(--color-red);
  font-weight: 400;
  background-color: var(--color-gray-tenth);
}

@media only screen and (max-width: 767px) {
  .kenmusya-maps {
    height: 65vw;
  }
}
/*---------- END KENMUSYA MAPS ----------*/
/*---------- START KENMUSYA GROUP ----------*/
.kenmusya-group {
  padding: 10rem 0;
}

.kenmusya-group .title-page03 {
  margin-bottom: 5rem;
}

.kenmusya-group__img img {
  width: 100%;
}

.kenmusya-group__table {
  margin-bottom: 2.5rem;
}

.kenmusya-group__table table {
  width: 100%;
  table-layout: fixed;
}

.kenmusya-group__table table tr th,
.kenmusya-group__table table tr td {
  text-align: left;
  vertical-align: top;
  letter-spacing: 0.05em;
}

.kenmusya-group__table table tr th {
  position: relative;
  width: 10.5rem;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  color: var(--color-brown);
  font-size: 1.6rem;
  font-weight: 700;
  font-family: var(--font-zen-old-mincho);
}

.kenmusya-group__table table tr th::before {
  position: absolute;
  content: "";
  top: 1.9rem;
  left: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  transform: rotate(45deg);
  background-color: var(--color-brown);
}

.kenmusya-group__table table tr td {
  padding: 0.5rem 0rem 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 300;
}

.kenmusya-group__box {
  margin-top: 3rem;
}

.kenmusya-group__box h4 {
  margin-bottom: 0.7rem;
  color: var(--color-brown);
  font-size: 1.8rem;
  font-weight: 700;
  font-family: var(--font-zen-old-mincho);
}

.kenmusya-group:nth-child(even) {
  background: url("./../kenmusya/images/s1-group-bg01.png") no-repeat center center/cover;
}

@media only screen and (min-width: 768px) {
  .kenmusya-group__row {
    display: flex;
  }

  .kenmusya-group__left, .kenmusya-group__right {
    width: 50%;
  }

  .kenmusya-group__left {
    padding-right: 3rem;
  }

  .kenmusya-group__table {
    margin-top: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  .kenmusya-group {
    padding: 5rem 0rem;
  }

  .kenmusya-group .title-page03 {
    margin-bottom: 2.5rem;
  }

  .kenmusya-group__left {
    margin-bottom: 2.5rem;
  }

  .kenmusya-group__table {
    margin-bottom: 2rem;
  }

  .kenmusya-group__table table tr th {
    width: 8rem;
    font-size: 1.5rem;
  }

  .kenmusya-group__table table tr th::before {
    top: 1.4rem;
  }

  .kenmusya-group__table table tr td {
    font-size: 1.4rem;
  }

  .kenmusya-group__box {
    margin-top: 2.5rem;
  }
}
.kenmusya-main-img {
  max-width: 840px;
  margin: 0 auto 60px;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .kenmusya-main-img .list-links {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .kenmusya-main-img .list-links a {
    text-decoration: none;
  }
}
@media only screen and (max-width: 640px) {
  .kenmusya-main-img .list-links {
    justify-content: space-between;
  }
}
.kenmusya-main-img .link {
  position: absolute;
  display: inline-block;
    
    padding: 10px;
    border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .kenmusya-main-img .link {
    font-size: 0;
  }
  .kenmusya-main-img .link:hover {
    background: rgba(0,0,0,0.2);
    opacity: 0.2;
  }
}
@media only screen and (max-width: 767px) {
  .kenmusya-main-img .link {
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid #B2A578;
    padding: 7px 10px;
    width: auto;
    height: auto;
    border-radius: 10px;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 23.5% !important;
    margin-right: 2%;
    margin-bottom: 2%;
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .kenmusya-main-img .link:nth-child(4n+4) {
    margin-right: 0;
  }
  .kenmusya-main-img .link span {
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 10px;
    /* width: 25px;
    height: 25px; */
    color: #B2A578;
      font-weight: bold;
      white-space: nowrap;
      margin-right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .kenmusya-main-img .link {
    width: 48% !important;
    margin: 0 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.kenmusya-main-img .l01 {
    top: 42%;
    left: 27.5%;
    width: 6.5%;
    height: 4%;
}
.kenmusya-main-img .l02 {
    top: 48%;
    left: 19.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l03 {
    top: 32%;
    left: 39.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l04 {
    top: 20.5%;
    left: 28%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l05 {
    top: 63.5%;
    left: 34.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l06 {
    top: 63.5%;
    left: 18.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l07 {
    top: 70%;
    left: 17%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l08 {
    top: 73.5%;
    left: 10%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l09 {
    top: 66.5%;
    left: 6%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l10 {
    top: 83.3%;
    left: 22.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l11 {
    top: 88%;
    left: 46%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l12 {
    top: 77%;
    left: 49%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l13 {
    top: 92.5%;
    left: 51%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l14 {
    top: 53%;
    left: 13%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l15 {
    top: 91%;
    left: 11%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l16 {
    top: 17%;
    left: 63%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l17 {
    top: 5%;
    left: 66%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l18 {
    top: 11%;
    left: 32%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l19 {
    top: 51.5%;
    left: 70.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l20-1 {
    top: 46.5%;
    left: 64.8%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l20-2 {
    top: 46.5%;
    left: 72%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l21 {
    top: 70%;
    left: 85.5%;
    width: 6.5%;
    height: 3%;
}

.kenmusya-main-img .l22-1 {
    top: 89%;
    left: 63.5%;
    width: 6.5%;
    height: 2%;
}
.kenmusya-main-img .l22-2 {
    top: 87%;
    left: 67.5%;
    width: 6.5%;
    height: 2%;
}
.kenmusya-main-img .l23 {
    top: 77.5%;
    left: 80.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l24 {
    top: 70.5%;
    left: 57.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l25 {
    top: 84.8%;
    left: 70.5%;
    width: 6.5%;
    height: 2%;
}
.kenmusya-main-img .l26 {
    top: 81.5%;
    left: 71.5%;
    width: 6.5%;
    height: 3%;
}
.kenmusya-main-img .l27 {
    top: 64%;
    left: 55.5%;
    width: 7.5%;
    height: 3%;
}
.kenmusya-main-img .l28 {
    top: 34%;
    left: 54.5%;
    width: 7.5%;
    height: 3%;
}
.kenmusya-main-img .l29 {
    top: 58.5%;
    left: 31.2%;
    width: 7.5%;
    height: 3%;
}
/*---------- END KENMUSYA GROUP ----------*/
/*==================================================================================== PRAY PAGE.
====================================================================================*/
.blue-clr {
  color: #00A8FF;
}

.pray-anclinks {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .pray-anclinks {
    margin-bottom: 40px;
  }
}
.pray-anclinks li {
  width: 250px;
  margin: 5px 10px;
}
@media only screen and (max-width: 640px) {
  .pray-anclinks li {
    width: 200px;
    margin: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .pray-anclinks li {
    width: 135px;
  }
}
.pray-anclinks a {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #ACACAC;
  border-radius: 100px;
  padding: 10px 25px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: var(--font-zen-old-mincho);
  border-radius: 6rem;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .pray-anclinks a {
    padding: 10px 15px;
  }
}
.pray-anclinks a:after {
  position: absolute;
  content: "";
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(./../common_img/arrow-right01-gray.svg);
  width: 14px;
  height: 14px;
  background-size: 10px;
}
@media only screen and (max-width: 640px) {
  .pray-anclinks a:after {
    right: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .pray-anclinks a:hover {
    background: #B2A578;
    color: #fff;
  }
  .pray-anclinks a:hover:after {
    background-image: url(./../common_img/arrow-right01-white.svg);
    width: 14px;
    height: 14px;
    background-size: 10px;
  }
  .pray-anclinks a:hover span:before {
    background: #fff;
    border-color: #B2A578;
  }
  .pray-anclinks a:hover span:after {
    border-color: #fff;
  }
}
.pray-anclinks span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.pray-anclinks span:before {
  content: '';
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 1px;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #E90000;
  border-radius: 100%;
  border: 1px solid #fff;
  z-index: 1;
}
.pray-anclinks span:after {
  content: '';
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #E90000;
}

.pray-list {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .pray-list {
    margin-bottom: 50px;
  }
}
.pray-list .item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.pray-list .img {
  width: 40%;
}
@media only screen and (max-width: 480px) {
  .pray-list .img {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}
.pray-list .ct-txt {
  width: 55%;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .pray-list .ct-txt {
    padding-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .pray-list .ct-txt {
    width: 100%;
  }
}
.pray-list .title {
  font-size: 20px;
  color: #B2A578;
  font-family: var(--font-zen-old-mincho);
  margin-bottom: 10px;
}

.cm-table {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .cm-table {
    margin-bottom: 40px;
  }
}
.cm-table table {
  width: 100%;
    table-layout: fixed;
}
.cm-table th, .cm-table td {
  border: 1px solid #C8C8CF;
  padding: 10px;
  vertical-align: middle;
}
.cm-table th {
  background: #B2A578;
  color: #fff;
  text-align: center;
  font-family: var(--font-zen-old-mincho);
  width: 20%;
  border-bottom-color: #fff;
  font-size: 18px;
  min-width: 140px;
}
@media only screen and (max-width: 767px) {
  .cm-table th {
    font-size: 15px;
    min-width: 100px;
  }
}
.cm-table td {
  padding-left: 35px;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .cm-table td {
    padding-left: 10px;
  }
}
.cm-table tr:last-child th {
  border-color: #B2A578;
}

.pray-list02 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 85px;
}
@media only screen and (max-width: 640px) {
  .pray-list02 {
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
.pray-list02 .item {
  width: 32%;
  margin-right: 2%;
}
.pray-list02 .item:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  .pray-list02 .item {
    width: 48%;
    margin: 0 0 30px;
  }
  .pray-list02 .item figure {
    text-align: center;
    width: 100%;
  }
}
.pray-list02 .title {
  text-align: center;
  font-size: 18px;
  font-family: var(--font-zen-old-mincho);
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .pray-list02 .title {
    font-size: 15px;
  }
}
.pray-list02 .title span {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
@media only screen and (max-width: 640px) {
  .pray-list02 .title span {
    padding: 0 20px;
  }
}
.pray-list02 .title span:before, .pray-list02 .title span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 2px;
  background: #101010;
  left: 0;
}
.pray-list02 .title span:after {
  left: auto;
  right: 0;
}

.pray-box {
  background: #fff;
  padding: 50px 100px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .pray-box {
    padding: 30px 4%;
    margin-top: 30px;
  }
  .pray-box .d-flex.justify-between {
    flex-wrap: wrap;
  }
}
.pray-box .title-one-icon {
  border-bottom: 1px solid #B2A578;
  margin-bottom: 30px;
}
.pray-box .ct-txt {
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .pray-box .ct-txt {
    width: 100%;
    margin-bottom: 30px;
  }
}
.pray-box .ct-txt p.justify-end {
  display: flex;
  align-items: flex-end;
}
.pray-box .ct-txt .d-flex.justify-between {
  margin-bottom: 50px;
}
.pray-box .img {
  width: 47%;
}
@media only screen and (max-width: 767px) {
  .pray-box .img {
    width: 100%;
    text-align: center;
  }
}

.pray-btn-mail .btn__text {
  position: relative;
}
.pray-btn-mail .btn__text:after {
  content: '';
  position: absolute;
  top: -4px;
  bottom: 0;
  left: -25px;
  background: url(../pray/images/mail-ico.png) center left no-repeat;
  width: 45px;
  height: 35px;
  background-size: 25px;
  display: inline-block;
}

#p-pray .sec01 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #p-pray .sec01 {
    padding-bottom: 50px;
  }
  #p-pray .sec01 .btn-main {
    max-width: 35rem;
  }
  #p-pray .sec01 p.text-center {
    text-align: left !important;
  }
}
#p-pray .sec02 {
  padding: 80px 0;
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
}
@media only screen and (max-width: 767px) {
  #p-pray .sec02 {
    padding: 40px 0;
  }
}
#p-pray .cm-box {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  #p-pray .cm-box {
    padding-top: 50px;
  }
}

/*==================================================================================== PRECINT PAGE.
====================================================================================*/
.precint-main-img {
  max-width: 840px;
  margin: 0 auto 60px;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .precint-main-img .list-links {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    counter-reset: my-sec-counter;
  }
  .precint-main-img .list-links a {
    text-decoration: none;
  }
}
@media only screen and (max-width: 640px) {
  .precint-main-img .list-links {
    justify-content: space-between;
  }
}
.precint-main-img .link {
  position: absolute;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .precint-main-img .link {
    font-size: 0;
  }
  .precint-main-img .link:hover {
    background: #000;
    opacity: 0.2;
  }
}
@media only screen and (max-width: 767px) {
  .precint-main-img .link {
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid #B2A578;
    padding: 7px 10px;
    width: auto;
    height: auto;
    border-radius: 10px;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 23.5% !important;
    margin-right: 2%;
    margin-bottom: 2%;
    height: auto !important;
    padding-left: 43px;
    display: flex;
    align-items: center;
  }
  .precint-main-img .link:nth-child(4n+4) {
    margin-right: 0;
  }
  .precint-main-img .link:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    font-family: var(--font-zen-old-mincho);
    background: #B2A578;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .precint-main-img .link {
    width: 48% !important;
    margin: 0 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.precint-main-img .l01 {
  bottom: 13%;
  right: 31.5%;
  width: 8.5%;
  height: 3%;
}
.precint-main-img .l02 {
  top: 37.5%;
  left: 49%;
  width: 8.5%;
  height: 3%;
}
.precint-main-img .l03 {
  top: 26.3%;
  left: 45%;
  width: 6.7%;
  height: 3%;
}
.precint-main-img .l04 {
  top: 16.25%;
  left: 52%;
  width: 12.5%;
  height: 3%;
}
.precint-main-img .l05 {
  top: 21.15%;
  left: 37.5%;
  width: 6.7%;
  height: 3%;
}
.precint-main-img .l06 {
  top: 10.1%;
  left: 33.8%;
  width: 6.7%;
  height: 3%;
}
.precint-main-img .l07 {
  top: 28%;
  left: 23%;
  width: 8.7%;
  height: 3%;
}
.precint-main-img .l08 {
  top: 2.5%;
  left: 39.3%;
  width: 10.7%;
  height: 3%;
}
.precint-main-img .l09 {
  top: 6.3%;
  left: 46.3%;
  width: 8.7%;
  height: 3%;
}
.precint-main-img .l10 {
  top: 4.5%;
  left: 56%;
  width: 9.8%;
  height: 3%;
}
.precint-main-img .l11 {
  top: 7.6%;
  left: 69%;
  width: 11.8%;
  height: 3%;
}
.precint-main-img .l12 {
  top: 11.6%;
  left: 76.35%;
  width: 13.8%;
  height: 3%;
}
.precint-main-img .l13 {
  top: 16.2%;
  left: 79.35%;
  width: 11.8%;
  height: 3%;
}
.precint-main-img .l14 {
  top: 19.2%;
  left: 78.5%;
  width: 11.8%;
  height: 3%;
}
.precint-main-img .l15 {
    top: 25.8%;
    left: 80.1%;
    width: 12.8%;
    height: 3%;
}
.precint-main-img .l16 {
top: 23%;
    left: 79%;
    width: 11.8%;
    height: 3%;
}
.precint-main-img .l17 {
  top: 77.8%;
  left: 65.5%;
  width: 11.2%;
  height: 3%;
}
.precint-main-img .l18 {
  top: 56.5%;
  left: 59%;
  width: 11.2%;
  height: 3%;
}
.precint-main-img .l19 {
  top: 32.3%;
  left: 46%;
  width: 11.2%;
  height: 3%;
}
.precint-main-img .l20 {
  top: 28%;
  left: 34.5%;
  width: 9.6%;
  height: 3%;
}
.precint-main-img .l21 {
  top: 16.8%;
  left: 26.8%;
  width: 9.6%;
  height: 3%;
}
.precint-main-img .l22 {
  top: 47.5%;
  left: 24.8%;
  width: 15.6%;
  height: 3%;
}
.precint-main-img .l23 {
  top: 24.6%;
  left: 28.8%;
  width: 11.6%;
  height: 3%;
}
.precint-main-img .l24 {
  top: 57%;
  left: 26.8%;
  width: 11.6%;
  height: 3%;
}
.precint-main-img .l25 {
  top: 60.6%;
  left: 8.3%;
  width: 7.6%;
  height: 3%;
}
.precint-main-img .l26 {
  top: 46%;
  left: 61%;
  width: 14.6%;
  height: 3%;
}
.precint-main-img .l27 {
  top: 39.2%;
  left: 59%;
  width: 16.6%;
  height: 3%;
}
.precint-main-img .l28 {
  top: 12.6%;
  left: 47%;
  width: 15.6%;
  height: 3%;
}
.precint-main-img .l29 {
  top: 35.8%;
  left: 78.2%;
  width: 10.2%;
  height: 3%;
}

.precint-list {
  display: flex;
  flex-wrap: wrap;
}
.precint-list .precint-box {
  width: 31%;
  margin-right: 2%;
  
}
@media only screen and (min-width: 768px) {
   .precint-list .precint-box {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
  .precint-list .precint-box {
    width: 100%;
    margin: 0 0 50px;
  }
}
.precint-list .precint-box:nth-child(3n+3) {
  margin-right: 0;
}
.precint-list .precint-box .img {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .precint-list .precint-box .img {
    margin-bottom: 0;
  }
}
.precint-list .precint-box .ct-txt {
  width: 100%;
}

.precint-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .precint-box {
    margin-bottom: 50px;
    flex-direction: column-reverse;
  }
}
.precint-box .img {
  width: 33%;
}
@media only screen and (max-width: 767px) {
  .precint-box .img {
    width: 100%;
    text-align: center;
  }
  .precint-box .img img {
    width: 100%;
  }
}
.precint-box .ct-txt {
  width: 63%;
}
@media only screen and (max-width: 767px) {
  .precint-box .ct-txt {
    width: 100%;
    margin-bottom: 20px;
  }
}
.precint-box .title {
  display: flex;
  align-items: center;
  font-family: var(--font-zen-old-mincho);
  color: #B2A578;
  margin-bottom: 15px;
}
.precint-box .title span {
  width: 30px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  color: #fff;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.precint-box .title span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #B2A578;
  z-index: -1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.precint-box .title strong {
  font-size: 20px;
}

.wedding-intro__desc {
  font-family: var(--font-zen-old-mincho);
}

#p-precint .cm-box {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  #p-precint .cm-box {
    padding-top: 30px;
  }
}

/*==================================================================================== ABOUT PAGE.
====================================================================================*/
.img-title {
  position: relative;
}
.img-title .title {
  position: absolute;
  top: 50px;
  right: 0;
  color: #B2A578;
  background: #fff;
  font-size: 30px;
  font-family: var(--font-zen-old-mincho);
  background: var(--color-white) none repeat scroll 0 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  cursor: vertical-text;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  word-wrap: break-word;
  padding: 20px 10px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .img-title .title {
    font-size: 5vw;
    top: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .img-title .title {
    padding: 10px;
  }
}

.about-sec01 {
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
  padding: 80px 0 60px;
}
@media only screen and (max-width: 767px) {
  .about-sec01 {
    padding: 40px 0 20px;
  }
}
.about-sec01 .img {
  position: relative;
  min-height: 495px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .about-sec01 .img {
    min-height: auto;
    padding: 30% 0;
    margin-bottom: 30px;
  }
}
.about-sec01 .img-title {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: calc(50vw + 490px);
}
@media only screen and (max-width: 1024px) {
  .about-sec01 .img-title {
    width: 100%;
  }
}
.about-sec01 .img-title figure {
  width: 100%;
  height: 100%;
}
.about-sec01 .img-title img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.about-sec01 p {
  margin-bottom: 30px;
}

.about-sec02 {
  padding: 80px 0;
  /* @media only screen and (max-width: 1200px) {
      .img-title .title{
          font-size: 23px;
      }
  } */
}
@media only screen and (max-width: 767px) {
  .about-sec02 {
    padding: 40px 0;
  }
}
.about-sec02 .title02 {
  text-align: center;
  font-size: 30px;
  font-family: var(--font-zen-old-mincho);
  margin-bottom: 60px;
}
.about-sec02 .title02 span {
  font-size: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .about-sec02 .title02 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .about-sec02 .title02 span {
    font-size: 16px;
  }
}
.about-sec02 .s-logo {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .about-sec02 .s-logo {
    margin-bottom: 20px;
  }
}

.about-box01 {
  border: 5px solid #B2A578;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 50px 0 80px;
}
@media only screen and (max-width: 767px) {
  .about-box01 {
    margin: 30px 0 50px;
    padding: 10px;
  }
}
.about-box01 .inner {
  border: 2px solid #B2A578;
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .about-box01 .inner {
    padding: 20px;
  }
}
.about-box01 .title {
  font-size: 24px;
  font-family: var(--font-zen-old-mincho);
  text-align: center;
  margin-bottom: 20px;
}
.about-box01 dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-box01 dl:nth-child(3) {
  position: relative;
}
.about-box01 dl:nth-child(3) dd {
  padding-top: 40px;
}
.about-box01 dl:nth-child(3) dd:after {
  top: 65px;
}
.about-box01 dl:nth-child(3) dd:before {
  top: 61px;
}
@media only screen and (max-width: 767px) {
  .about-box01 dl:nth-child(3) dd {
    padding-top: 20px;
  }
  .about-box01 dl:nth-child(3) dd:after {
    top: 44px;
  }
  .about-box01 dl:nth-child(3) dd:before {
    top: 40px;
  }
}
.about-box01 dl:nth-child(3):after {
  content: '';
  position: absolute;
  top: 170px;
  left: 76px;
  width: 60px;
  background: #E90000;
  height: 2px;
}
@media only screen and (max-width: 767px) {
  .about-box01 dl:nth-child(3):after {
    top: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .about-box01 dl:nth-child(3):after {
    width: 35px;
  }
}
.about-box01 dl:nth-child(3):before {
  content: '';
  position: absolute;
  top: 166px;
  left: 76px;
  background: #E90000;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .about-box01 dl:nth-child(3):before {
    top: 116px;
  }
}
.about-box01 dl:nth-child(3) dt {
  position: relative;
}
.about-box01 dl:nth-child(3) dt:after {
  content: '';
  position: absolute;
  top: 117px;
  left: 103px;
  width: 116px;
  background: #E90000;
  height: 2px;
  transform: rotate(-64deg);
  -webkit-transform: rotate(-64deg);
}
@media only screen and (max-width: 767px) {
  .about-box01 dl:nth-child(3) dt:after {
    top: 82px;
    left: 112px;
    width: 85px;
  }
}
@media only screen and (max-width: 480px) {
  .about-box01 dl:nth-child(3) dt:after {
    top: 82px;
    left: 61px;
    width: 77px;
    transform: rotate(-79deg);
    -webkit-transform: rotate(-79deg);
  }
}
.about-box01 dt {
  width: 65px;
}
.about-box01 dt p {
  font-size: 32px;
  color: #fff;
  background: #B2A578;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-family: var(--font-zen-old-mincho);
  width: 65px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .about-box01 dt p {
    font-size: 27px;
  }
}
.about-box01 dd {
  width: calc(100% - 65px);
  padding-left: 155px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .about-box01 dd {
    padding-left: 55px;
  }
}
.about-box01 dd:after {
  content: '';
  position: absolute;
  top: 33px;
  left: 13px;
  width: 125px;
  background: #E90000;
  height: 2px;
}
@media only screen and (max-width: 767px) {
  .about-box01 dd:after {
    top: 19px;
  }
}
@media only screen and (max-width: 480px) {
  .about-box01 dd:after {
    width: 35px;
  }
}
.about-box01 dd:before {
  content: '';
  position: absolute;
  top: 29px;
  left: 13px;
  background: #E90000;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .about-box01 dd:before {
    top: 15px;
  }
}

.about-sec03 {
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .about-sec03 {
    padding: 40px 0 10px;
  }
}
.about-sec03 .box {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .about-sec03 .box {
    margin-top: 20px;
    flex-wrap: wrap;
  }
}
.about-sec03 .box .img {
  width: 33%;
}
@media only screen and (max-width: 767px) {
  .about-sec03 .box .img {
    width: 50%;
    text-align: center;
    margin: 0 auto 30px;
  }
}
.about-sec03 .box .cm-table {
  width: 64%;
}
@media only screen and (max-width: 767px) {
  .about-sec03 .box .cm-table {
    width: 100%;
  }
}
.about-sec03 .box .cm-table td {
  background: #fff;
}

.about-sec04 {
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .about-sec04 {
    padding: 40px 0;
  }
}

.about-flex {
  position: relative;
  margin-bottom: 80px;
}
@media only screen and (max-width: 960px) {
  .about-flex {
    margin-bottom: 40px;
  }
}
.about-flex .img-about {
    position: absolute;
    min-height: 390px;
    top: -30px;
    left: 0;
}
.about-flex.item02 .img-about{
    left: auto;
    right: 0;
}
@media only screen and (max-width: 960px) {
  .about-flex .img-about {
    min-height: auto;
    padding: 20% 0;
      position: relative;
      top: auto;
      left: auto;
  }
}
.about-flex .img {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: calc(50vw - 120px);
}
.about-flex .img figure {
  width: 100%;
  height: 100%;
}
.about-flex .img figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
@media only screen and (max-width: 960px) {
  .about-flex .img {
    width: 90%;
  }
}
.about-flex .container {
  background: url(./../wedding/images/s2-group-bg01.png) no-repeat center center/cover;
  display: flex;
  justify-content: flex-end;
  /* position: absolute;
  top: 30px;
  left: 0;
  right: 0; */
  margin: auto;
}
@media only screen and (max-width: 960px) {
  .about-flex .container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
.about-flex .ct-txt {
  width: 60%;
  padding: 30px;
}
@media only screen and (max-width: 960px) {
  .about-flex .ct-txt {
    width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about-flex .ct-txt {
    padding: 10px 0;
  }
}
.about-flex.item02 {
  margin-bottom: 0;
}
.about-flex.item02 .img {
  left: auto;
  right: 0;
}
.about-flex.item02 .img .title {
  right: auto;
  left: 0;
}
.about-flex.item02 .container {
  justify-content: flex-start;
}

.about-box02 .container {
  background: url(./../wedding/images/s2-group-bg01.png) no-repeat center center/cover;
  padding: 60px 50px;
}
@media only screen and (max-width: 960px) {
  .about-box02 .container {
    padding: 10px 30px 30px;
  }
}
.about-box02 figure {
  width: 35%;
}
.about-box02 .ct-txt {
  width: 61%;
}

#p-about .pv-pd-top01 .container {
  max-width: 1000px;
}
#p-about .breadcrumb {
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
}
#p-about .pv-pd-top01 {
  padding-top: 0 !important;
}

/*==================================================================================== EVENT PAGE.
====================================================================================*/
.event-list .inner {
  padding: 40px 0 320px;
}
@media only screen and (max-width: 767px) {
  .event-list .inner {
    padding: 30px 0 50px;
  }
}
.event-list .inner .img-event {
  margin-top: -250px;
}
@media only screen and (max-width: 767px) {
  .event-list .inner .img-event {
    margin: 0 0 30px;
  }
}
.event-list .inner:first-child .img-event {
  margin-top: 0;
}
.event-list .inner:last-child {
  padding-bottom: 100px;
}
.event-list .inner:nth-child(2n+2) {
  background: #fff;
}
.event-list .inner:nth-child(2n+2) .img-event .img {
  left: auto;
  right: 0;
}
.event-list .inner:nth-child(2n+2) .img-event .ct-txt {
  right: auto;
  left: 0;
}
.event-list .img-event {
  position: relative;
  min-height: 495px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .event-list .img-event {
    min-height: auto;
    padding: 25% 0;
  }
}
.event-list .img-event .img {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: calc(50vw + 580px);
}
@media only screen and (max-width: 1200px) {
  .event-list .img-event .img {
    width: 100%;
  }
}
.event-list .img-event .img figure {
  width: 100%;
  height: 100%;
}
.event-list .img-event .img figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.event-list .img-event .ct-txt {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 295px;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .event-list .img-event .ct-txt {
    width: 50%;
    padding: 20px;
  }
}
.event-list .img-event .ct-txt .title {
  color: #FB8D8D;
  font-size: 70px;
  margin-bottom: 10px;
  font-family: var(--font-zen-old-mincho);
}
.event-list .img-event .ct-txt .title.green {
  color: #7BBC3C;
}
.event-list .img-event .ct-txt .title.org {
  color: #F76200;
}
.event-list .img-event .ct-txt .title.brown {
  color: #A1927B;
}
@media only screen and (max-width: 767px) {
  .event-list .img-event .ct-txt .title {
    font-size: 50px;
  }
}
.event-list .img-event .ct-txt p {
  font-size: 24px;
  font-family: var(--font-zen-old-mincho);
}
@media only screen and (max-width: 767px) {
  .event-list .img-event .ct-txt p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .event-list .img-event .ct-txt p {
    font-size: 4.2vw;
  }
}

.datetime-list .item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .datetime-list .item {
    padding-left: 0;
  }
}
.datetime-list .time {
  width: 100px;
  padding-right: 20px;
  font-size: 34px;
  color: #B2A578;
  font-family: var(--font-zen-old-mincho);
}
@media only screen and (max-width: 767px) {
  .datetime-list .time {
    font-size: 25px;
    padding-right: 10px;
    width: 70px;
  }
}
.datetime-list .ct-txt {
  width: calc(100% - 100px);
  padding-left: 45px;
  border-left: 2px solid #B2A578;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .datetime-list .ct-txt {
    width: calc(100% - 70px);
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
.datetime-list .ct-txt .box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.datetime-list .ct-txt .box .left {
  width: 57%;
}
@media only screen and (max-width: 767px) {
  .datetime-list .ct-txt .box .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.datetime-list .ct-txt .box .left p {
  margin-bottom: 30px;
}
.datetime-list .ct-txt .box .left p:last-child {
  margin-bottom: 0;
}
.datetime-list .ct-txt .box .img {
  width: 38%;
}
@media only screen and (max-width: 767px) {
  .datetime-list .ct-txt .box .img {
    width: 100%;
  }
}
.datetime-list .list-txt {
  margin-bottom: 10px;
}
.datetime-list .list-txt li {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  font-family: var(--font-zen-old-mincho);
  padding-left: 20px;
}
.datetime-list .list-txt li:before {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #E90000;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .datetime-list .list-txt li {
    font-size: 18px;
  }
  .datetime-list .list-txt li:before {
    top: 12px;
  }
}

#p-event .breadcrumb {
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
}
#p-event .pv-pd-top01 {
  background: url(./../images/s1-bg.png) no-repeat center center/cover;
}
#p-event .txt01 {
  text-align: center;
  font-size: 18px;
  font-family: var(--font-zen-old-mincho);
}


.top-event__list .slick-prev,
.top-event__list .slick-next {
  position: absolute;
  cursor: pointer;
  z-index: 3;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  color: transparent;
  border: 1px solid var(--color-gray-fourth);
  transition: background-color 0.3s ease;
}
.top-event__list .slick-prev::before,
.top-event__list .slick-next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.top-event__list .slick-next::before {
  background-image: url("./../common_img/arrow-left01-gray.png");
  background-image: -webkit-image-set(url("./../common_img/arrow-left01-gray.png") 1x, url("./../common_img/arrow-left01-gray@2x.png") 2x);
  background-image: image-set(url("./../common_img/arrow-left01-gray.png") 1x, url("./../common_img/arrow-left01-gray@2x.png") 2x);
}
.top-event__list .slick-prev::before {
  background-image: url("./../common_img/arrow-right02-gray.png");
  background-image: -webkit-image-set(url("./../common_img/arrow-right02-gray.png") 1x, url("./../common_img/arrow-right02-gray@2x.png") 2x);
  background-image: image-set(url("./../common_img/arrow-right02-gray.png") 1x, url("./../common_img/arrow-right02-gray@2x.png") 2x);
}

@media only screen and (min-width: 1200px) {
  .top-event__list .slick-prev:hover,
  .top-event__list .slick-next:hover {
    background-color: var(--color-gray);
  }
  .top-event__list .slick-next:hover::before {
    background-image: url("./../common_img/arrow-left01-white.png");
    background-image: -webkit-image-set(url("./../common_img/arrow-left01-white.png") 1x, url("./../common_img/arrow-left01-white@2x.png") 2x);
    background-image: image-set(url("./../common_img/arrow-left01-white.png") 1x, url("./../common_img/arrow-left01-white@2x.png") 2x);
  }
  .top-event__list .slick-prev:hover::before {
    background-image: url("./../common_img/arrow-right02-white.png");
    background-image: -webkit-image-set(url("./../common_img/arrow-right02-white.png") 1x, url("./../common_img/arrow-right02-white@2x.png") 2x);
    background-image: image-set(url("./../common_img/arrow-right02-white.png") 1x, url("./../common_img/arrow-right02-white@2x.png") 2x);
  }
}
.top-event__list{
    padding-top: 30px;
    padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  .top-event__list .slick-list {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .top-event__list .slick-slide {
    margin: 0 1rem;
  }
  .top-event__list .slick-prev,
  .top-event__list .slick-next {
    bottom: 0;
  }
  .top-event__list .slick-next {
    right: 9.5rem;
  }
  .top-event__list .slick-prev {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
    .top-event__list{
        padding: 30px 5rem 0;
    }
    .top-event__list li figure img{
        margin: auto;
    }
    .top-event__list li{
        margin: 0 5px;
    }
  .top-event__list .slick-prev,
  .top-event__list .slick-next {
    top: 50%;
    width: 3.5rem;
    height: 3.5rem;
  }
  .top-event__list .slick-next {
    left: 0;
  }
  .top-event__list .slick-prev {
    right: 0;
  }
}
/*====================================================================================
7. END KENMUSYA PAGE.
====================================================================================*/
/*====================================================================================
3. START  PAGE
====================================================================================*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
3. END  PAGE
====================================================================================*/