@charset "UTF-8";
body {
  font-family: "Yu Gothic, Avenir, Tsukushi B Round Gothic", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.05em;
}

img {
  width: 100%;
}

.inner {
  padding: 32px 12px;
}

.section__head {
  font-family: "Avenir", sans-serif;
  font-size: 3.9vw;
  font-weight: 500;
  line-height: 5.3vw;
  letter-spacing: 0.1em;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  margin-left: 3.9vw;
}
.section__head::before {
  position: absolute;
  content: "";
  top: -1vw;
  left: -3vw;
  width: 4.8vw;
  height: 4.8vw;
  background: #84d6d6;
  z-index: -1;
}
.section__head::after {
  position: absolute;
  content: "";
  bottom: -4px;
  left: 0;
  height: 1px;
  width: 10.6vw;
  background: #84d6d6;
}
.section__subhead {
  font-family: "YuGothic", sans-serif;
  line-height: 5.8vw;
  letter-spacing: 0em;
  padding-top: 8px;
  margin-left: 16px;
  font-size: 3.9vw;
}
.section__lead {
  padding: 24px 8px;
  display: flex;
  font-family: "Avenir", sans-serif;
  line-height: 22px;
  letter-spacing: 0.1em;
  margin-left: 16px;
  font-size: 3.9vw;
  position: relative;
}
.section__lead::after {
  position: absolute;
  content: "";
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D9D9D9;
}
.section__lead p:nth-child(1) {
  color: #84d6d6;
}
.section__button {
  color: #fff;
  width: 76vw;
  height: 19vw;
  margin: 60px auto;
  background: #757676;
  display: flex;
  align-items: center;
  padding: 24px;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 3.9vw;
  line-height: 5.8vw;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
}
.section__button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 6.5vw;
  height: 1px;
  background: #fff;
}
.section__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 8.7vw;
  right: 20px;
  width: 2.8vw;
  height: 2.8vw;
  border: 1px solid;
  border-color: transparent transparent #fff;
  transform: rotate(-155deg);
}

/*=====================================================
# header
======================================================*/
.header {
  width: 100%;
  height: 59px;
}
.header__pc {
  display: none;
}
.header__logo img {
  width: 182px;
  height: 59px;
}
.header__drawer-icon {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  width: 59px;
  height: 59px;
  display: inline-block;
  margin-left: auto;
  background-color: #84d6d6;
}
.header__drawer-icon__bar1 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 20px;
  height: 1px;
  background: #fff;
}
.header__drawer-icon__bar2 {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 20px;
  height: 1px;
  background: #fff;
}
.header__drawer-icon__bar3 {
  position: absolute;
  top: 40px;
  left: 20px;
  width: 20px;
  height: 1px;
  background: #fff;
}

.drawer__content {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  background-color: #EEF9F8;
  padding: 10px;
  display: none;
  width: 100%;
  height: 100%;
}
.drawer__content-inner {
  background: #fff;
  height: 100%;
}
.drawer__content-header {
  display: flex;
  justify-content: center;
  position: relative;
}
.drawer__content-logo {
  width: 154px;
  height: 54px;
}
.drawer__content-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.drawer__content-icon__bars {
  background-color: #84d6d6;
  width: 6vw;
  height: 6vw;
  position: relative;
}
.drawer__content-icon__bar1 {
  position: absolute;
  top: 50%;
  width: 5.2vw;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
}
.drawer__content-icon__bar2 {
  position: absolute;
  top: 50%;
  width: 5.2vw;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
}
.drawer__content-items {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: center;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 22px 0;
}
.drawer__content-overview {
  display: flex;
  justify-content: center;
  padding: 17px 0 16px;
}
.drawer__content-overview-text:not(:first-child) {
  margin-left: 20px;
}
.drawer__content-item {
  text-align: left;
  margin-bottom: 24px;
}
.drawer__content-login {
  display: block;
  margin: 0 auto;
  width: 215px;
  height: 59px;
  border: 1px solid #757676;
  background-color: #757676;
  text-align: left;
  padding: 16px 24px;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  color: #fff;
  position: relative;
}
.drawer__content-login::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 27px;
  height: 1px;
  background: #fff;
}
.drawer__content-login::after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  right: 33px;
  width: 12px;
  height: 12px;
  border: 1px solid;
  border-color: transparent transparent #fff;
  transform: rotate(-135deg);
}

/*=====================================================
# main__visual
======================================================*/
.main__visual {
  position: relative;
  background: url(/bridal/img/Frame\ 147.png) no-repeat center center/cover;
  width: 100%;
  height: 138.6vw;
}
.main__visual-container {
  width: 57.8vw;
  background: #fff;
  padding: 32px 15px;
  opacity: 0.9;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
}
.main__visual-text {
  font-family: "Avenir", sans-serif;
  font-size: 3.1vw;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #757676;
  padding-bottom: 17px;
}
.main__visual-head {
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  width: 40vw;
  margin: 0 auto;
  padding: 30px 0;
  border-top: 1px solid rgba(117, 118, 118, 0.5607843137);
  border-bottom: 1px solid rgba(117, 118, 118, 0.5607843137);
}
.main__visual-head1 {
  font-size: 5vw;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}
.main__visual-head1 span {
  font-size: 8.9vw;
  line-height: 55.5px;
  color: #84d6d6;
}
.main__visual-head2 {
  font-size: 4.3vw;
  line-height: 27px;
  letter-spacing: 0em;
  margin-bottom: 10px;
}
.main__visual-head3 {
  font-size: 4.8vw;
  line-height: 30px;
  letter-spacing: 0.1em;
}

.search__box {
  display: flex;
}
.search__button {
  width: 50%;
  display: block;
  text-align: center;
  color: #fff;
  padding: 15px 23px;
  outline: 1px solid rgb(255, 255, 255);
  outline-offset: -8px;
}
.search__button a {
  font-family: "YuGothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.05em;
  position: relative;
  right: 25px;
}
.search__button a::after {
  position: absolute;
  content: "";
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(/bridal/img/ep_arrow-down.png) no-repeat center center/cover;
}
.search__button a span {
  font-size: 16px;
  line-height: 24px;
}
.search__recommend {
  background: #757676;
}
.search__area {
  background: #84d6d6;
}

/*=====================================================
# modal
======================================================*/
.modal__recommend-items {
  position: fixed;
  z-index: 10;
  width: 334px;
  height: 479px;
  background: #fff;
  border: 1px solid #757676;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #757676;
  padding: 20px 32px;
  font-family: "YuGothic", sans-serif;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  display: none;
}
.modal__recommend-item {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #84d6d6;
  position: relative;
}
.modal__recommend-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  width: 45px;
  height: 1px;
  background: #757676;
}
.modal__recommend-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 1px;
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-135deg);
}
.modal__recommend-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.7;
  z-index: 10;
}
.modal__area-items {
  position: fixed;
  z-index: 10;
  width: 350px;
  height: 580px;
  background: #fff;
  border: 1px solid #757676;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #757676;
  padding: 20px 32px;
  font-family: "YuGothic", sans-serif;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  display: none;
}
.modal__area-item {
  display: flex;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #757676;
  position: relative;
}
.modal__area-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 50px;
  right: 0;
  width: 45px;
  height: 1px;
  background: #757676;
}
.modal__area-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 46px;
  right: 1px;
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-135deg);
}
.modal__area-img {
  width: 64px;
  height: 64px;
}
.modal__area-text {
  margin-left: 20px;
}
.modal__area-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.7;
  z-index: 10;
}

/*=====================================================
# recent
======================================================*/
.recent {
  margin-top: 40px;
}
.recent__inner {
  background: #EEF9F8;
}
.recent__planner-items {
  display: flex;
  overflow-y: hidden;
}
.recent__planner-item {
  background: #fff;
}
.recent__planner-item:not(:first-child) {
  margin-left: 20px;
}
.recent__planner-container {
  width: 89.6vw;
  height: 28vw;
  display: flex;
}
.recent__planner-img {
  margin-right: 8px;
  position: relative;
}
.recent__planner-img img {
  width: 27.5vw;
  height: 28vw;
}
.recent__planner-img__line1::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: 1px;
  background: #fff;
}
.recent__planner-img__line2::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: 1px;
  height: calc(100% - 10px);
  background: #fff;
}
.recent__planner-img__line3::after {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: 1px;
  background: #fff;
}
.recent__planner-box {
  padding: 9px;
  position: relative;
}
.recent__planner-name {
  font-family: "YuGothic", sans-serif;
  font-size: 4.3vw;
  line-height: 6.5vw;
  letter-spacing: 0em;
  cursor: pointer;
  position: relative;
}
.recent__planner-name::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  right: 0;
  border-radius: 50%;
  background-color: #757676;
  cursor: pointer;
  z-index: 0;
}
.recent__planner-star {
  position: absolute;
  content: "";
  top: 14px;
  right: 14px;
  width: 13px;
  height: 13px;
  background: #fff;
  -webkit-clip-path: polygon(50% 5%, 61% 40%, 98% 40%, 68% 62%, 79% 96%, 50% 75%, 21% 96%, 32% 62%, 2% 40%, 39% 40%);
          clip-path: polygon(50% 5%, 61% 40%, 98% 40%, 68% 62%, 79% 96%, 50% 75%, 21% 96%, 32% 62%, 2% 40%, 39% 40%);
  cursor: pointer;
}
.recent__planner-star.is-active {
  background: yellow;
}
.recent__planner-affiliation {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  padding-bottom: 1.7vw;
  position: relative;
}
.recent__planner-affiliation::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0.5px;
  width: 36.2vw;
  background: #757676;
}
.recent__planner-prefecture {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  margin-top: 4px;
  padding-left: 12vw;
  position: relative;
}
.recent__planner-prefecture::before {
  position: absolute;
  content: "エリア";
  width: 9.7vw;
  height: 4.8vw;
  color: #84d6d6;
  border: 1px solid #84d6d6;
  text-align: center;
  top: 5px;
  padding: 2px 0;
  left: -5px;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
}
.recent__report-items {
  display: flex;
  overflow-y: hidden;
}
.recent__report-item {
  width: 71vw;
  background: #fff;
  padding: 20px 17px 30px 17px;
  opacity: 0.88;
  outline: 1px solid #84d6d6;
  outline-offset: -10px;
  position: relative;
}
.recent__report-item:not(:first-child) {
  margin-left: 16px;
}
.recent__report-img {
  width: 62.8vw;
  height: 44.4vw;
  cursor: pointer;
  z-index: 0;
}
.recent__report-back {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: #757676;
  border-radius: 50%;
  top: 25px;
  right: 35px;
  z-index: 5;
}
.recent__report-heart {
  cursor: pointer;
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(/bridal/img/heart1.png) no-repeat center center/cover;
  z-index: 10;
  top: 32px;
  right: 41px;
}
.recent__report-heart.is-heart {
  background: url(/bridal/img/heart2.png) no-repeat center center/cover;
}
.recent__report-box {
  position: relative;
  background: #fff;
  top: -45px;
  opacity: 0.88;
  width: 59.4vw;
  height: 53.6vw;
  margin: 0 auto;
  padding: 14px 14px 6px 14px;
}
.recent__report-head {
  font-family: "YuGothic", sans-serif;
  font-size: 4.3vw;
  line-height: 6.5vw;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
}
.recent__report-head::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0.5px;
  width: 50.7vw;
  background: #757676;
}
.recent__report-lead {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
  background: #abd07b;
  margin-top: 10px;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.recent__report-lead__fhoto {
  background: #faa61a;
}
.recent__report-place {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  padding: 9px;
  margin-left: 45px;
  position: relative;
}
.recent__report-place::after {
  position: absolute;
  content: "エリア";
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  left: -9.5vw;
  padding: 2px;
  width: 9.2vw;
  height: 4vw;
  color: #84d6d6;
  border: 1px solid #84d6d6;
  text-align: center;
}
.recent__report-tag {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  gap: 2.4vw;
  padding-bottom: 10px;
}
.recent__report-tag p {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px 2px 4px;
  border-radius: 45px;
  color: #fff;
  background: #84d6d6;
  margin-bottom: 10px;
  margin-right: 5px;
}
.recent__report-more {
  width: 32.6vw;
  height: 6vw;
  display: inline-block;
  display: flex;
  margin-left: auto;
  position: relative;
}
.recent__report-more::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 32.6vw;
  height: 1px;
  background: #757676;
}
.recent__report-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  width: 19px;
  height: 19px;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-155deg);
}

/*=====================================================
# what
======================================================*/
.what {
  position: relative;
}
.what__inner {
  padding-top: 64px;
}
.what__container {
  padding: 45px 20px;
}
.what__lead {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 5.1vw;
  font-weight: 400;
  line-height: 9.7vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #202020;
}
.what__lead span {
  font-size: 8vw;
  color: #84d6d6;
}
.what__text {
  font-family: "YuGothic", sans-serif;
  font-size: 3.9vw;
  font-weight: 500;
  line-height: 9.7vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #202020;
  padding-top: 24px;
}
.what__text p:not(:last-child) {
  padding-bottom: 50px;
}
.what__inquiry-text {
  font-family: "Avenir", sans-serif;
  font-size: 3.9vw;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #84d6d6;
  padding-bottom: 30px;
  position: relative;
}
.what__inquiry-text::before {
  position: absolute;
  left: 65px;
  top: -10px;
  content: "";
  width: 1px;
  height: 40px;
  background: #84d6d6;
  border-radius: 3px;
  transform: rotate(-45deg);
}
.what__inquiry-text::after {
  position: absolute;
  content: "";
  right: 65px;
  top: -10px;
  width: 1px;
  height: 40px;
  background: #84d6d6;
  border-radius: 3px;
  transform: rotate(45deg);
}
.what__inquiry-button {
  width: 77.8vw;
  height: 13.5vw;
  font-size: 3.9vw;
  margin: 0 auto;
  color: #fff;
  background: #84d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.what__background {
  position: absolute;
  bottom: 96.6vw;
}
.what__picture {
  overflow: hidden;
}
.what__picture-items {
  position: relative;
  display: flex;
  width: 212.6vw;
  height: 26.5vw;
  -webkit-animation: slide1 60s linear infinite;
          animation: slide1 60s linear infinite;
}
@-webkit-keyframes slide1 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes slide1 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.what__picture-item {
  width: 26.5vw;
  height: 26.5vw;
}

/*=====================================================
# recommend
======================================================*/
.recommend {
  padding: 70px 0;
}
.recommend__container {
  width: 80%;
  margin: 20px auto;
  background: #EEF9F8;
}
.recommend__items {
  padding: 38px 17px;
}
.recommend__item {
  background: #fff;
  position: relative;
}
.recommend__item:nth-child(1)::before {
  position: absolute;
  content: "";
  width: 8.5vw;
  height: 8.5vw;
  left: -4.25vw;
  top: -4.25vw;
  background: #d684b8;
  z-index: 0;
}
.recommend__item:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 8.5vw;
  height: 8.5vw;
  left: -4.25vw;
  top: -4.25vw;
  background: #84b6d6;
}
.recommend__item:nth-child(3)::before {
  position: absolute;
  content: "";
  width: 8.5vw;
  height: 8.5vw;
  left: -4.25vw;
  top: -4.25vw;
  background: #faa61a;
}
.recommend__item:nth-child(4)::before {
  position: absolute;
  content: "";
  width: 8.5vw;
  height: 8.5vw;
  left: -4.25vw;
  top: -4.25vw;
  background: #d6bf84;
}
.recommend__item:nth-child(5)::before {
  position: absolute;
  content: "";
  width: 8.5vw;
  height: 8.5vw;
  left: -4.25vw;
  top: -4.25vw;
  background: #84d6d6;
}
.recommend__item:not(:last-child) {
  margin-bottom: 6vw;
}
.recommend__item:active {
  background: #000;
  opacity: 0.49;
}
.recommend__item-line1::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 8px;
  width: calc(100% - 18px);
  height: 1px;
  background: #fff;
}
.recommend__item-line2::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 8px;
  width: 1px;
  height: calc(100% - 16px);
  background: #fff;
}
.recommend__item-line3::after {
  position: absolute;
  content: "";
  bottom: 8px;
  left: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background: #fff;
}
.recommend__item-line4::after {
  position: absolute;
  content: "";
  top: 8px;
  right: 8px;
  width: 1px;
  height: calc(100% - 16px);
  background: #fff;
}
.recommend__item-box {
  display: flex;
}
.recommend__item-img {
  width: 37%;
}
.recommend__item-text {
  width: 63%;
  font-family: "YuGothic", sans-serif;
  color: #757676;
  font-size: 3.9vw;
  font-weight: 500;
  line-height: 6.5vw;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.recommend__item-text::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 9.3vw;
  height: 1px;
  background: #757676;
}
.recommend__item-text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 25px;
  right: 20px;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-155deg);
}

/*=====================================================
# popular
======================================================*/
.popular {
  margin-top: 40px;
  background: #F4F4F4;
  padding: 64px 0;
}
.popular__planner-items {
  display: flex;
  overflow-y: hidden;
}
.popular__planner-item {
  background: #fff;
  width: 71vw;
}
.popular__planner-item:not(:first-child) {
  margin-left: 20px;
}
.popular__planner-container {
  display: flex;
  margin-top: -45px;
  margin-bottom: 20px;
  margin-left: 1.4vw;
}
.popular__planner-img {
  position: relative;
  margin-right: 8px;
}
.popular__planner-img img {
  width: 12vw;
  height: 12vw;
}
.popular__planner-img::before {
  position: absolute;
  content: "";
  width: 4.6vw;
  height: 4.6vw;
  top: -9.5px;
  left: -9.5px;
  background: #84d6d6;
}
.popular__planner-name {
  font-family: "YuGothic", sans-serif;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 5.1vw;
  letter-spacing: 0em;
  text-align: left;
}
.popular__planner-affiliation {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: left;
}
.popular__planner-prefecture {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.popular__report-text {
  display: none;
}
.popular__report-items {
  display: flex;
  overflow-y: hidden;
}
.popular__report-item {
  background: #fff;
  width: 71vw;
  padding: 30px 17px;
  opacity: 0.88;
  outline: 1px solid #84d6d6;
  outline-offset: -10px;
  position: relative;
}
.popular__report-item:not(:first-child) {
  margin-left: 16px;
}
.popular__report-wrapper {
  position: relative;
}
.popular__report-ribbon1 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 60px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c99700;
}
.popular__report-ribbon1 strong {
  font-size: 20px;
  line-height: 30px;
}
.popular__report-ribbon1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 30px solid #c99700;
  border-right: 30px solid #c99700;
  border-bottom: 20px solid transparent;
}
.popular__report-ribbon2 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 60px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c4c4c4;
}
.popular__report-ribbon2 strong {
  font-size: 20px;
  line-height: 30px;
}
.popular__report-ribbon2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 30px solid #c4c4c4;
  border-right: 30px solid #c4c4c4;
  border-bottom: 20px solid transparent;
}
.popular__report-ribbon3 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 60px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #ba6e40;
}
.popular__report-ribbon3 strong {
  font-size: 20px;
  line-height: 30px;
}
.popular__report-ribbon3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 30px solid #ba6e40;
  border-right: 30px solid #ba6e40;
  border-bottom: 20px solid transparent;
}
.popular__report-back {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: #757676;
  border-radius: 50%;
  top: 30px;
  right: 30px;
  z-index: 5;
}
.popular__report-img {
  width: 62.8vw;
  height: 44.4vw;
  cursor: pointer;
}
.popular__report-heart {
  cursor: pointer;
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(/bridal/img/heart1.png) no-repeat center center/cover;
  z-index: 10;
  top: 37px;
  right: 36px;
}
.popular__report-heart.is-heart {
  background: url(/bridal/img/heart2.png) no-repeat center center/cover;
}
.popular__report-box {
  position: relative;
  background: #fff;
  top: -45px;
  opacity: 0.88;
  width: 59.4vw;
  margin: 0 auto;
  padding: 14px 14px 6px 14px;
}
.popular__report-head {
  font-family: "YuGothic", sans-serif;
  font-size: 4.3vw;
  line-height: 6.5vw;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
}
.popular__report-head::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0.5px;
  width: 50.7vw;
  background: #757676;
}
.popular__report-head__new {
  font-size: 3.9vw;
}
.popular__report-lead {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
  background: #abd07b;
  margin-top: 10px;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.popular__report-lead__domestic {
  background: #d684b8;
}
.popular__report-lead__fhoto {
  background: #faa61a;
}
.popular__report-place {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  padding: 9px;
  margin-left: 10.9vw;
  position: relative;
}
.popular__report-place::after {
  position: absolute;
  content: "エリア";
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  left: -10.9vw;
  padding: 2px;
  width: 9.2vw;
  height: 4vw;
  color: #84d6d6;
  border: 1px solid #84d6d6;
  text-align: center;
}
.popular__report-tag {
  display: flex;
  flex-wrap: wrap;
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  gap: 2.4vw;
  padding-bottom: 10px;
}
.popular__report-tag p {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px 2px 4px;
  border-radius: 45px;
  color: #fff;
  background: #84d6d6;
}
.popular__report-tag__pc {
  display: none;
}
.popular__report-more {
  width: 135px;
  height: 25px;
  display: inline-block;
  display: flex;
  margin-left: auto;
  position: relative;
}
.popular__report-more::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 135px;
  height: 1px;
  background: #757676;
}
.popular__report-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  width: 19px;
  height: 19px;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-155deg);
}
.popular__plan {
  text-align: center;
}
.popular__plan-inner {
  padding: 48px 10px 48px 10px;
  background: #fff;
}
.popular__plan-items {
  background: #eef9f8;
  width: 100%;
  margin: 0 auto;
  padding: 58px 0;
}
.popular__plan-lead {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 4.3vw;
  line-height: 6.5vw;
  letter-spacing: 0em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.popular__plan-lead1 {
  position: relative;
  z-index: 1;
}
.popular__plan-lead1::before {
  content: "";
  position: absolute;
  width: 7.5vw;
  height: 7.2vw;
  background: #d684b8;
  z-index: -1;
  left: -4.8vw;
  top: 50%;
  transform: translateY(-50%);
}
.popular__plan-lead2 {
  position: relative;
  z-index: 1;
}
.popular__plan-lead2::before {
  content: "";
  position: absolute;
  width: 7.5vw;
  height: 7.2vw;
  background: #faa61a;
  z-index: -1;
  left: -4.8vw;
  top: 50%;
  transform: translateY(-50%);
}
.popular__plan-lead3 {
  position: relative;
  z-index: 1;
}
.popular__plan-lead3::before {
  content: "";
  position: absolute;
  width: 7.5vw;
  height: 7.2vw;
  background: #abd07b;
  z-index: -1;
  left: -4.8vw;
  top: 50%;
  transform: translateY(-50%);
}
.popular__plan-item {
  background: #fff;
  width: 85%;
  margin: 50px auto;
  opacity: 0.88;
  outline: 1px solid #84d6d6;
  outline-offset: -10px;
  padding-top: 20px;
}
.popular__plan-back {
  position: absolute;
  content: "";
  width: 3.4vw;
  height: 3.4vw;
  background: #757676;
  border-radius: 50%;
  top: 3.9vw;
  right: 3.9vw;
  z-index: 5;
}
.popular__plan-heart {
  cursor: pointer;
  position: absolute;
  width: 1.7vw;
  height: 1.7vw;
  background: url(/bridal/img/heart1.png) no-repeat center center/cover;
  z-index: 10;
  top: 4.7vw;
  right: 4.7vw;
}
.popular__plan-heart.is-heart {
  background: url(/bridal/img/heart2.png) no-repeat center center/cover;
}
.popular__plan-img {
  width: 62.8vw;
  margin: 0 auto;
  position: relative;
}
.popular__plan-head {
  font-family: "YuGothic", sans-serif;
  font-size: 4.3vw;
  line-height: 6.5vw;
  letter-spacing: 0em;
  text-align: left;
  display: inline-block;
  position: relative;
}
.popular__plan-head::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0.5px;
  width: 210px;
  background: #757676;
}
.popular__plan-box {
  position: relative;
  background: #fff;
  top: -8vw;
  opacity: 0.88;
  width: 60vw;
  margin: 0 auto;
  padding: 14px 14px 6px 14px;
}
.popular__plan-place {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  padding: 2.2vw;
  margin-left: 10.9vw;
  position: relative;
}
.popular__plan-place::after {
  position: absolute;
  content: "エリア";
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  left: -10.9vw;
  top: 10px;
  text-align: center;
  padding: 2px;
  width: 9.2vw;
  height: 4vw;
  color: #84d6d6;
  border: 1px solid #84d6d6;
}
.popular__plan-tag {
  display: flex;
  flex-wrap: wrap;
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  gap: 2.4vw;
  padding-bottom: 2.4vw;
}
.popular__plan-tag p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px 2px 4px;
  border-radius: 45px;
  color: #fff;
  background: #84d6d6;
}
.popular__plans-container {
  display: flex;
}
.popular__plans-img {
  width: 15.7vw;
  height: 15.7vw;
  position: relative;
}
.popular__plans-img::before {
  content: "";
  position: absolute;
  width: 4.6vw;
  height: 4.6vw;
  background: #84d6d6;
  top: -2.3vw;
  left: -2.3vw;
}
.popular__plans-box {
  margin-left: 3.9vw;
  padding: 2.5vw;
}
.popular__plans-affiliation {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: left;
  opacity: 0.5;
}
.popular__plans-name {
  font-family: "YuGothic", sans-serif;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 5.1vw;
  letter-spacing: 0em;
  text-align: left;
}
.popular__plans-prefecture {
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.popular__plans-more {
  display: none;
}
.popular__new-back {
  top: 35px;
}
.popular__new-heart {
  top: 42px;
}
.popular__new-container {
  margin-top: 2.6vw;
}
.popular__new-item__pc {
  display: none;
}
.popular__section-lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

/*=====================================================
# human
======================================================*/
.human {
  padding-top: 60px;
}
.human__planner-items {
  display: flex;
  gap: 2.4vw;
  overflow-y: hidden;
  margin-bottom: 50px;
  margin-top: 30px;
}
.human__planner-items__new {
  padding: 48px;
  background: #EEF9F8;
}
.human__planner-item {
  background: #EEF9F8;
  padding: 30px 6px;
  width: 71vw;
}
.human__planner-item__new {
  background: #fff;
}
.human__planner-wrapper {
  position: relative;
}
.human__planner-ribbon1 {
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c99700;
}
.human__planner-ribbon1 strong {
  font-size: 20px;
  line-height: 30px;
}
.human__planner-ribbon1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #c99700;
  border-right: 20px solid #c99700;
  border-bottom: 20px solid transparent;
}
.human__planner-ribbon2 {
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c4c4c4;
}
.human__planner-ribbon2 strong {
  font-size: 20px;
  line-height: 30px;
}
.human__planner-ribbon2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #c4c4c4;
  border-right: 20px solid #c4c4c4;
  border-bottom: 20px solid transparent;
}
.human__planner-ribbon3 {
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #ba6e40;
}
.human__planner-ribbon3 strong {
  font-size: 20px;
  line-height: 30px;
}
.human__planner-ribbon3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #ba6e40;
  border-right: 20px solid #ba6e40;
  border-bottom: 20px solid transparent;
}
.human__planner-container {
  display: flex;
}
.human__planner-img {
  width: 32.4vw;
  height: 39.6vw;
  cursor: pointer;
  position: relative;
}
.human__planner-img::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #757676;
  top: 5px;
  right: 5px;
  z-index: 0;
}
.human__planner-star {
  position: absolute;
  content: "";
  top: 10px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: #fff;
  -webkit-clip-path: polygon(50% 5%, 61% 40%, 98% 40%, 68% 62%, 79% 96%, 50% 75%, 21% 96%, 32% 62%, 2% 40%, 39% 40%);
          clip-path: polygon(50% 5%, 61% 40%, 98% 40%, 68% 62%, 79% 96%, 50% 75%, 21% 96%, 32% 62%, 2% 40%, 39% 40%);
  cursor: pointer;
  z-index: 1;
}
.human__planner-star.is-active {
  background: yellow;
}
.human__planner-name {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 4.8vw;
  line-height: 5.8vw;
  letter-spacing: 0em;
  text-align: left;
}
.human__planner-affiliation {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.human__planner-box {
  width: 50%;
  padding-left: 1.9vw;
}
.human__planner-text {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 3.9vw;
  font-weight: 400;
  line-height: 5.8vw;
  letter-spacing: 0em;
  width: 33.6vw;
  height: 21.3vw;
  display: flex;
  align-items: center;
}
.human__planner-prefecture {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  width: 33.6vw;
  height: 21.3vw;
  display: flex;
  align-items: center;
  position: relative;
}
.human__planner-prefecture::before {
  content: "エリア";
  position: absolute;
  width: 8vw;
  height: 3.6vw;
  top: 0;
  color: #84d6d6;
  border: 1px solid #84d6d6;
  font-family: "YuGothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: left;
}
.human__planner-tag {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  gap: 2.4vw;
  padding-top: 20px;
  padding-bottom: 10px;
}
.human__planner-tag p {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px 2px 4px;
  border-radius: 45px;
  color: #fff;
  background: #84d6d6;
  margin-right: 5px;
}
.human__planner-tag p:not(:first-child) {
  margin-bottom: 10px;
}
.human__planner-point {
  background: #fff;
  padding: 20px 0;
}
.human__planner-point__new {
  background: #c4c4c4;
}
.human__planner-point__lead {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 7.2vw;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 7.5vw;
  position: relative;
}
.human__planner-point__lead::before {
  content: "";
  position: absolute;
  width: 3.1vw;
  height: 3.1vw;
  background: url(/bridal/img/608_ex_h\ 1.png) no-repeat center center/cover;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.human__planner-point__text {
  font-family: "Avenir", sans-serif;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 5.4vw;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.human__planner-point__text::before {
  content: "";
  position: absolute;
  width: 1.2vw;
  height: 1.2vw;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #000;
}
.human__planner-gallery__lead {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  color: #757676;
  padding-left: 7.3vw;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.human__planner-gallery__lead::before {
  content: "";
  position: absolute;
  width: 3.1vw;
  height: 3.1vw;
  background: url(/bridal/img/451_ca_h\ 1.png) no-repeat center center/cover;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.human__planner-gallery__foto {
  display: flex;
  gap: 8px;
}
.human__planner-gallery__foto-img {
  width: 50%;
}

/*=====================================================
# pickup
======================================================*/
.pickup {
  background: #EEF9F8;
  padding: 104px 0 72px;
}
.pickup__items {
  background: #fff;
  margin-top: 24px;
}
.pickup__item {
  text-align: center;
  padding-top: 48px;
}
.pickup__item-line {
  position: relative;
}
.pickup__item-line::after {
  content: "";
  position: absolute;
  top: 0;
  width: 55.3vw;
  height: 1px;
  background: #757676;
  right: 50%;
  transform: translateX(50%);
}
.pickup__item-line::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 55.3vw;
  height: 1px;
  background: #757676;
  right: 50%;
  transform: translateX(50%);
}
.pickup__lead {
  font-family: "YuGothic", sans-serif;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 7.2vw;
  letter-spacing: 0em;
  position: relative;
}
.pickup__lead::before {
  position: absolute;
  left: 64px;
  top: 0;
  content: "";
  width: 1px;
  height: 7.2vw;
  background: #84d6d6;
  border-radius: 3px;
  transform: rotate(-45deg);
}
.pickup__lead::after {
  position: absolute;
  content: "";
  right: 64px;
  top: 0;
  width: 1px;
  height: 7.2vw;
  background: #84d6d6;
  border-radius: 3px;
  transform: rotate(45deg);
}
.pickup__box {
  padding: 32px 0 48px;
  max-width: 75.6vw;
  margin: 0 auto;
}
.pickup__tag {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  display: inline-block;
  text-align: left;
}
.pickup__tag p {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px 2px 4px;
  border-radius: 45px;
  color: #fff;
  background: #84d6d6;
  margin: 0 13px 10px;
}

/*=====================================================
# voice
======================================================*/
.voice {
  overflow-y: hidden;
  margin-bottom: 5.2vw;
}
.voice__container {
  background: #C8C8C8;
  width: 200vw;
  padding-bottom: 15.2vw;
}
.voice__lead {
  padding: 5.2vw 0;
}
.voice__new-items {
  display: flex;
  gap: 16px;
}
.voice__new-item {
  display: flex;
  padding: 16px 13px;
  background: #fff;
  width: 86.5vw;
  height: 75.4vw;
  position: relative;
}
.voice__new-triangle {
  content: "";
  position: absolute;
  color: #fff;
  top: -2px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.5vw 13.5vw 0 0;
  border-color: #84d6d6 transparent transparent transparent;
}
.voice__new-triangle__text {
  content: "";
  position: absolute;
  z-index: 10;
  color: #fff;
  font-size: 2.4vw;
  top: -3.5vw;
  left: 1vw;
  width: 13.5vw;
  height: 13.5vw;
  display: flex;
  align-items: center;
}
.voice__new-picture {
  width: 31.2vw;
}
.voice__new-img {
  width: 31.2vw;
  height: 34.8vw;
}
.voice__new-container {
  display: flex;
  margin-top: 11.5vw;
  position: relative;
}
.voice__new-container::before {
  content: "";
  position: absolute;
  width: 18.8vw;
  height: 3.4vw;
  left: 0;
  bottom: 0;
  background: url(/bridal/img/Frame\ 28.png) no-repeat center center/cover;
}
.voice__new-box {
  width: 47.8vw;
  margin-left: 10px;
}
.voice__new-lead {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 3.9vw;
  font-weight: 400;
  line-height: 5.8vw;
  letter-spacing: 0em;
  text-align: left;
}
.voice__new-level {
  font-family: "Avenir", sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  padding: 1.9vw 0;
  position: relative;
}
.voice__new-level::after {
  content: "";
  position: absolute;
  width: 22.7vw;
  height: 4.3vw;
  background: url(/bridal/img/Frame\ 28.png) no-repeat center center/cover;
}
.voice__new-tag {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 1.9vw;
  width: 29.7vw;
  height: 4.3vw;
  color: #fff;
  background: #F1B04E;
  text-align: center;
}
.voice__new-text {
  width: 40.8vw;
  height: 16.2vw;
  font-family: "YuGothic", sans-serif;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 5.1vw;
  letter-spacing: 0em;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.voice__new-name {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 6.9vw;
  position: relative;
}
.voice__new-name::after {
  content: "";
  position: absolute;
  left: 0;
  width: 4.3vw;
  height: 4.3vw;
  background: url(/bridal/img/737_pe_h\ 1.png) no-repeat center center/cover;
}
.voice__new-more {
  font-size: 3.9vw;
  width: 32.6vw;
  margin-top: 6.5vw;
}
.voice__new-more::before {
  content: "";
  display: block;
  position: absolute;
  top: 7.2vw;
  left: 0;
  width: 32.6vw;
  height: 1px;
  background: #757676;
}
.voice__new-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 6vw;
  right: 0;
  width: 4.6vw;
  height: 4.6vw;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-155deg);
}
.voice__planner {
  margin-left: 1.9vw;
}
.voice__planner-img {
  width: 8.7vw;
  height: 8.7vw;
  position: relative;
}
.voice__planner-img::before {
  position: absolute;
  content: "";
  width: 3.6vw;
  height: 3.6vw;
  top: -9.5px;
  left: -9.5px;
  background: #84d6d6;
}
.voice__planner-affiliation {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.voice__planner-name {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 3.4vw;
  font-weight: 500;
  line-height: 5.1vw;
  letter-spacing: 0em;
  text-align: left;
}
.voice__planner-point {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 3.6vw;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 8.9vw;
  padding-top: 3.6vw;
}
.voice__planner-point span {
  color: #757676;
  text-decoration: underline;
}
.voice__ranking-items {
  display: flex;
  gap: 16px;
}
.voice__ranking-item {
  background: #fff;
  width: 73.4vw;
  padding: 16px 8px;
}
.voice__ranking-container {
  display: flex;
  position: relative;
}
.voice__ranking-ribbon1 {
  display: inline-block;
  position: absolute;
  top: -2.3vw;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 7.5vw;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c99700;
}
.voice__ranking-ribbon1 strong {
  font-size: 3.6vw;
  line-height: 2.2vw;
}
.voice__ranking-ribbon1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 3.8vw solid #c99700;
  border-right: 3.8vw solid #c99700;
  border-bottom: 3vw solid transparent;
}
.voice__ranking-ribbon2 {
  display: inline-block;
  position: absolute;
  top: -2.3vw;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 7.5vw;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #c4c4c4;
}
.voice__ranking-ribbon2 strong {
  font-size: 3.6vw;
  line-height: 2.2vw;
}
.voice__ranking-ribbon2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 3.8vw solid #c4c4c4;
  border-right: 3.8vw solid #c4c4c4;
  border-bottom: 3vw solid transparent;
}
.voice__ranking-ribbon3 {
  display: inline-block;
  position: absolute;
  top: -2.3vw;
  left: 0;
  margin: 0;
  z-index: 2;
  width: 7.5vw;
  text-align: center;
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  background: #ba6e40;
}
.voice__ranking-ribbon3 strong {
  font-size: 3.6vw;
  line-height: 2.2vw;
}
.voice__ranking-ribbon3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 3.8vw solid #ba6e40;
  border-right: 3.8vw solid #ba6e40;
  border-bottom: 3vw solid transparent;
}
.voice__ranking-img {
  width: 25.4vw;
  height: 28.7vw;
}
.voice__ranking-box {
  padding: 4px 12px;
}
.voice__ranking-company {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.voice__ranking-name {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 4.3vw;
  font-weight: 400;
  line-height: 6.5vw;
  letter-spacing: 0em;
  text-align: left;
}
.voice__ranking-point {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 3.9vw;
  font-weight: 500;
  line-height: 5.8vw;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 26vw;
  position: relative;
}
.voice__ranking-point::before {
  content: "";
  position: absolute;
  width: 22.7vw;
  height: 4.3vw;
  background: url(/bridal/img/Frame\ 28.png) no-repeat center center/cover;
  left: 0;
  top: 1vw;
}
.voice__ranking-point span {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  color: #757676;
}
.voice__ranking-lead {
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 5vw;
  position: relative;
}
.voice__ranking-lead::before {
  content: "";
  position: absolute;
  left: 1vw;
  width: 2.9vw;
  height: 2.9vw;
  background: url(/bridal/img/la_comment.png) no-repeat center center/cover;
  top: 50%;
  transform: translateY(-50%);
}
.voice__ranking-text {
  padding-top: 4px;
  font-family: "YuGothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 4.3vw;
  letter-spacing: 0em;
}
.voice__ranking-more {
  margin: 3.9vw 0;
  margin-left: auto;
  width: 45.1vw;
  color: #757676;
  font-size: 3.4vw;
}
.voice__ranking-more::before {
  content: "";
  display: block;
  position: absolute;
  top: 6.2vw;
  width: 44.8vw;
  height: 1px;
  background: #757676;
}
.voice__ranking-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 3.6vw;
  right: 1.5vw;
  width: 5.1vw;
  height: 5.1vw;
  border: 1px solid;
  border-color: transparent transparent #757676;
  transform: rotate(-135deg);
}
.voice__button {
  margin-left: 19.6vw;
  margin-top: 25vw;
  width: 52.9vw;
  height: 13.5vw;
  position: relative;
}
.voice__button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 6.5vw;
  height: 1px;
  background: #fff;
}
.voice__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 6vw;
  right: 20px;
  width: 2.8vw;
  height: 2.8vw;
  border: 1px solid;
  border-color: transparent transparent #fff;
  transform: rotate(-155deg);
}

/*=====================================================
# instagram
======================================================*/
.instagram {
  padding: 5.2vw 0;
}
.instagram__items {
  display: flex;
  flex-wrap: wrap;
  gap: 5.8vw;
  justify-content: center;
  margin-top: 4.6vw;
}
.instagram__item {
  width: 25%;
}
.instagram__item-pc {
  display: none;
}

/*=====================================================
# footer
======================================================*/
.footer {
  background: #F7F7F7;
}
.footer__inner {
  padding-bottom: 0;
}
.footer__container {
  display: flex;
  justify-content: center;
  gap: 14.7vw;
  padding: 11.6vw 0;
  position: relative;
}
.footer__container::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 75.1vw;
  background: #757676;
  left: 50%;
  transform: translateX(-50%);
}
.footer__left {
  text-align: center;
}
.footer__left-logo img {
  width: 28vw;
  height: 7.7vw;
}
.footer__left-lead {
  font-family: "Avenir", sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 3.9vw;
  letter-spacing: 0.1em;
  margin-top: 7.7vw;
  position: relative;
}
.footer__left-lead::before {
  position: absolute;
  left: 2.5vw;
  top: 0;
  content: "";
  width: 1px;
  height: 3.9vw;
  background: #757676;
  border-radius: 3px;
  transform: rotate(-45deg);
}
.footer__left-lead::after {
  position: absolute;
  content: "";
  right: 2.5vw;
  top: 0;
  width: 1px;
  height: 3.9vw;
  background: #757676;
  border-radius: 3px;
  transform: rotate(45deg);
}
.footer__left-sns {
  display: flex;
  gap: 1.9vw;
  justify-content: center;
  margin-top: 1.9vw;
}
.footer__left-sns a {
  width: 3.9vw;
  height: 3.9vw;
}
.footer__right-first {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
}
.footer__right a {
  display: block;
}
.footer__right a:not(:first-child) {
  margin-top: 1.9vw;
}
.footer__right-second {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 4.3vw;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 5.8vw;
}
.footer__right-second a {
  display: block;
}
.footer__right-second a:not(:first-child) {
  margin-top: 1.9vw;
}
.footer__link {
  font-family: "Tsukushi B Round Gothic", sans-serif;
  font-size: 2.7vw;
  font-weight: 400;
  line-height: 4.1vw;
  letter-spacing: 0em;
  text-align: left;
  padding: 3.9vw 0;
  text-align: center;
}
.footer__link-text:not(:last-child) {
  margin-right: 3.9vw;
}
.footer__end {
  color: #fff;
  background: #84d6d6;
  padding: 3vw;
}
.footer__copy {
  margin: 0 auto;
  max-width: 72.5vw;
  text-align: center;
}
.footer__copy-lead {
  font-family: "Avenir", sans-serif;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 1vw;
  letter-spacing: 0.1em;
}
.footer__copy-text {
  font-family: "Avenir", sans-serif;
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  margin-top: 1.9vw;
}

/* # pc
======================================================*/
@media screen and (min-width: 768px) {
  .section__header {
    display: flex;
    margin: 4.4vw 0;
  }
  .section__head {
    font-size: 2.1vw;
    line-height: 2.8vw;
    position: relative;
  }
  .section__head::before {
    position: absolute;
    content: "";
    top: -1vw;
    left: -1.5vw;
    width: 2.4vw;
    height: 2.4vw;
    background: #84d6d6;
    z-index: -1;
  }
  .section__head::after {
    display: none;
  }
  .section__subhead {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
  .section__lead {
    font-size: 1.4vw;
    line-height: 2.1vw;
    margin-left: 9vw;
  }
  /*=====================================================
  # header
  ======================================================*/
  .header {
    height: 0;
  }
  .header__sp {
    display: none;
  }
  .header__drawer-icon {
    display: block;
    width: 100px;
    height: 100px;
  }
  .header__drawer-icon__bar1 {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 35px;
    height: 3px;
    background: #fff;
  }
  .header__drawer-icon__bar2 {
    position: absolute;
    top: 50px;
    left: 30px;
    width: 35px;
    height: 3px;
    background: #fff;
  }
  .header__drawer-icon__bar3 {
    position: absolute;
    top: 60px;
    left: 30px;
    width: 35px;
    height: 3px;
    background: #fff;
  }
  .header__drawer-first {
    z-index: 20;
    position: fixed;
    right: 0;
    top: 100px;
    width: 100px;
    height: 100px;
    font-family: "YuGothic", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    background: #fff;
    padding-top: 50px;
    border: 1px solid #84d6d6;
    color: #757676;
  }
  .header__drawer-first::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 33px;
    background: url(/bridal/img/wakaba.png) no-repeat center center/cover;
    top: 10px;
    right: 50%;
    transform: translateX(50%);
  }
  .header__drawer-login {
    z-index: 20;
    position: fixed;
    right: 0;
    top: 200px;
    width: 100px;
    height: 100px;
    font-family: "YuGothic", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    background: #fff;
    padding-top: 65px;
    border: 1px solid #84d6d6;
    color: #757676;
    border-top: none;
  }
  .header__drawer-login::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(/bridal/img/door.png) no-repeat center center/cover;
    top: 20px;
    right: 50%;
    transform: translateX(50%);
  }
  .header__drawer-heart {
    z-index: 20;
    position: fixed;
    right: 0;
    top: 300px;
    width: 100px;
    height: 100px;
    font-family: "YuGothic", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    background: #fff;
    padding-top: 50px;
    border: 1px solid #84d6d6;
    color: #757676;
    border-top: none;
  }
  .header__drawer-heart::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/bridal/img/heart.png) no-repeat center center/cover;
    top: 10px;
    right: 50%;
    transform: translateX(50%);
  }
  /*=====================================================
  # main
  ======================================================*/
  .main__visual {
    background-color: #84d6d6;
    height: 54.9vw;
    background: url(/bridal/img/mv\ pc.png) no-repeat center center/cover;
  }
  .main__visual-container {
    width: 28.7vw;
    height: 54.9vw;
    margin-left: 10.1vw;
    padding: 9.4vw 0;
  }
  .main__visual-text {
    font-size: 1.1vw;
    line-height: 1.5vw;
    letter-spacing: 0.1em;
  }
  .main__visual-head {
    width: 19vw;
    margin-top: 2.7vw;
    border: none;
    position: relative;
  }
  .main__visual-head::before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 15.1vw;
    background: #757676;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.56;
  }
  .main__visual-head::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 15.1vw;
    background: #757676;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.56;
  }
  .main__visual-head1 {
    font-size: 3.3vw;
    line-height: 5vw;
  }
  .main__visual-head1 span {
    font-size: 4.4vw;
    line-height: 6.7vw;
  }
  .main__visual-head2 {
    font-size: 2.5vw;
    line-height: 3.75vw;
    letter-spacing: -0.05em;
  }
  .main__visual-head3 {
    font-size: 2.7vw;
    line-height: 4.2vw;
  }
  .main__visual-logo {
    margin: 0 auto;
    width: 17.9vw;
    height: 6.9vw;
    background: url(/bridal/img/ロゴ２\ 1.png) no-repeat center center/cover;
    margin-top: 3vw;
  }
  .search__button {
    width: 27.8vw;
    height: 10.5vw;
    position: relative;
    top: -4.9vw;
    font-size: 1.4vw;
    line-height: 2.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search__button a {
    position: relative;
  }
  .search__button a::after {
    position: absolute;
    content: "";
    right: -6.1vw;
    top: 50%;
    transform: translateY(-50%);
    width: 3vw;
    height: 3vw;
    background: url(/bridal/img/ep_arrow-down.png) no-repeat center center/cover;
  }
  .search__button span {
    font-size: 1.7vw;
    font-weight: 700;
    line-height: 2.5vw;
  }
  /*=====================================================
  # drawer
  ======================================================*/
  .drawer__content-header {
    display: block;
  }
  .drawer__content-icon {
    width: 3.9vw;
    height: 3.9vw;
  }
  .drawer__content-logo {
    width: 21vw;
  }
  .drawer__content-items {
    display: flex;
    gap: 20.8vw;
    margin-top: 11vw;
    font-size: 1.7vw;
    line-height: 2.5vw;
  }
  .drawer__content-right {
    position: relative;
  }
  .drawer__content-right::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 30.9vw;
    left: -6.3vw;
    background: #757676;
  }
  .drawer__content-item {
    margin-bottom: 2.2vw;
  }
  .drawer__content-login {
    margin-left: 21.5vw;
    width: 15.1vw;
    height: 4.7vw;
    font-size: 1.7vw;
    line-height: 2.5vw;
    padding: 1.1vw 1.7vw;
    position: relative;
  }
  .drawer__content-login::before {
    content: "";
    display: block;
    position: absolute;
    top: 2.1vw;
    right: 2.1vw;
    width: 1.9vw;
    height: 1px;
    background: #fff;
  }
  .drawer__content-login::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.7vw;
    right: 2.3vw;
    width: 0.8vw;
    height: 0.8vw;
    border: 1px solid;
    border-color: transparent transparent #fff;
    transform: rotate(-135deg);
  }
  .drawer__content-overview {
    justify-content: end;
    margin-top: 13.9vw;
    margin-right: 11.8vw;
    font-size: 1.3vw;
    line-height: 1.9vw;
    position: relative;
  }
  .drawer__content-overview::before {
    content: "";
    position: absolute;
    width: 2.1vw;
    height: 1vw;
    background: url(/bridal/img/Union.png) no-repeat center center/cover;
    right: 34vw;
  }
  /*=====================================================
  # modal
  ======================================================*/
  .modal__recommend-items {
    width: 52.1vw;
    height: 24vw;
    font-size: 1.1vw;
    line-height: 1.7vw;
    padding: 1.4vw 2.2vw;
  }
  .modal__recommend-container {
    display: flex;
    justify-content: center;
    gap: 4.4vw;
    padding: 1.7vw 4.2vw;
  }
  .modal__recommend-box {
    display: block;
    width: 19.4vw;
  }
  .modal__recommend-item {
    width: 19.4vw;
    height: 4.5vw;
    padding: 1.3vw 0;
  }
  .modal__area-items {
    width: 52.1vw;
    height: 23.8vw;
    font-size: 1.1vw;
    line-height: 1.7vw;
  }
  .modal__area-container {
    display: flex;
    justify-content: center;
    gap: 4.4vw;
    padding: 1.7vw 4.2vw;
  }
  .modal__area-box {
    display: block;
    width: 19.4vw;
  }
  .modal__area-item {
    width: 19.4vw;
    height: 5.8vw;
    position: relative;
  }
  .modal__area-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 3vw;
    right: 0;
    width: 3.1vw;
    height: 1px;
    background: #757676;
  }
  .modal__area-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 2.8vw;
    right: 1px;
    width: 0.6vw;
    height: 0.6vw;
    border: 1px solid;
    border-color: transparent transparent #757676;
    transform: rotate(-135deg);
  }
  .modal__area-img {
    width: 4.4vw;
    height: 4.4vw;
  }
  .modal__area-text {
    margin-left: 1.4vw;
  }
  /*=====================================================
  # recent
  ======================================================*/
  .recent {
    margin-top: 40px;
  }
  .recent__inner {
    background: #EEF9F8;
  }
  .recent__planner-container {
    width: 31.9vw;
    height: 11.1vw;
    display: flex;
  }
  .recent__planner-img {
    margin-right: 0.6vw;
  }
  .recent__planner-img img {
    width: 11vw;
    height: 11.1vw;
  }
  .recent__planner-box {
    padding: 9px;
    position: relative;
  }
  .recent__planner-name {
    font-size: 1.5vw;
    line-height: 2.3vw;
    letter-spacing: 0em;
  }
  .recent__planner-affiliation {
    font-family: "Tsukushi B Round Gothic", sans-serif;
    font-size: 0.8vw;
    line-height: 1.3vw;
    padding-bottom: 0.6vw;
    position: relative;
  }
  .recent__planner-affiliation::after {
    position: absolute;
    content: "";
    height: 0.5px;
    width: 18vw;
  }
  .recent__planner-prefecture {
    font-family: "Tsukushi B Round Gothic", sans-serif;
    font-size: 1vw;
    line-height: 1.5vw;
    margin-top: 1.1vw;
    padding-left: 4.3vw;
    position: relative;
  }
  .recent__planner-prefecture::before {
    position: absolute;
    content: "エリア";
    width: 3.2vw;
    height: 1.6vw;
    top: 5px;
    padding: 2px 0;
    left: -5px;
    font-size: 0.7vw;
    line-height: 1vw;
  }
  .recent__report-items {
    display: flex;
    overflow-y: hidden;
  }
  .recent__report-item {
    width: 28.9vw;
    padding: 1.7vw;
    outline-offset: -0.8vw;
    position: relative;
  }
  .recent__report-item:not(:first-child) {
    margin-left: 1.1vw;
  }
  .recent__report-img {
    width: 25.6vw;
    height: 15vw;
  }
  .recent__report-back {
    position: absolute;
    content: "";
    top: 35px;
    right: 35px;
  }
  .recent__report-heart {
    position: absolute;
    top: 42px;
    right: 41px;
  }
  .recent__report-box {
    position: relative;
    top: -3.1vw;
    width: 23vw;
    height: 15.7vw;
    padding: 1vw;
  }
  .recent__report-head {
    font-family: "YuGothic", sans-serif;
    font-size: 1.2vw;
    line-height: 1.9vw;
    height: 3.8vw;
    position: relative;
  }
  .recent__report-head::after {
    position: absolute;
    content: "";
    width: 20.1vw;
  }
  .recent__report-lead {
    font-size: 0.8vw;
    line-height: 1.3vw;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 0.7vw;
    padding: 0.3vw;
  }
  .recent__report-place {
    font-size: 0.8vw;
    line-height: 1.3vw;
    letter-spacing: 0em;
    text-align: left;
    padding: 9px;
    margin-left: 45px;
    position: relative;
  }
  .recent__report-place::after {
    position: absolute;
    font-size: 0.5vw;
    line-height: 1vw;
    left: -2.5vw;
    width: 2.6vw;
    height: 1.2vw;
  }
  .recent__report-tag {
    font-size: 0.8vw;
    line-height: 1.3vw;
    gap: 2.4vw;
    padding-bottom: 0.7vw;
  }
  .recent__report-more {
    display: none;
  }
  /*=====================================================
  # what
  ======================================================*/
  .what {
    position: relative;
  }
  .what__inner {
    padding-top: 4.4vw;
  }
  .what__container {
    padding: 45px 20px;
  }
  .what__lead {
    font-size: 2.5vw;
    line-height: 5.2vw;
  }
  .what__lead br:nth-child(3) {
    display: none;
  }
  .what__lead span {
    font-size: 3.3vw;
  }
  .what__text {
    font-family: "YuGothic", sans-serif;
    font-size: 1.3vw;
    line-height: 3.7vw;
    padding-top: 1.7vw;
  }
  .what__text p:not(:last-child) {
    padding-bottom: 3.5vw;
  }
  .what__text1 {
    padding-bottom: 5vw;
  }
  .what__text1 p br:nth-child(3) {
    display: none;
  }
  .what__text2 p {
    padding-bottom: 5vw;
  }
  .what__text2 p br:nth-child(1) {
    display: none;
  }
  .what__text2 p br:nth-child(3) {
    display: none;
  }
  .what__inquiry-text {
    font-size: 1.4vw;
    line-height: 2.1vw;
    padding-bottom: 2.1vw;
    position: relative;
  }
  .what__inquiry-text::before {
    position: absolute;
    left: 38vw;
    top: -0.7vw;
    content: "";
    height: 2.8vw;
  }
  .what__inquiry-text::after {
    position: absolute;
    content: "";
    right: 38vw;
    top: -0.7vw;
    height: 2.8vw;
  }
  .what__inquiry-button {
    width: 31.3vw;
    height: 4.3vw;
    font-size: 1.4vw;
  }
  .what__background {
    position: absolute;
    bottom: 35vw;
    left: 25vw;
  }
  .what__background img {
    width: 72.7vw;
    height: 39.2vw;
  }
  .what__picture-items {
    height: 16.3vw;
  }
  @-webkit-keyframes slide1 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-10%);
    }
  }
  @keyframes slide1 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-10%);
    }
  }
  .what__picture-item {
    width: 16.3vw;
    height: 16.3vw;
  }
  /*=====================================================
  # recommend
  ======================================================*/
  .recommend {
    padding-bottom: 0;
  }
  .recommend__container {
    width: 95%;
    padding: 10px;
  }
  .recommend__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4.2vw;
  }
  .recommend__item {
    width: 23.8vw;
    height: 8.7vw;
    position: relative;
  }
  .recommend__item:nth-child(1)::before {
    position: absolute;
    content: "";
    width: 2.8vw;
    height: 2.8vw;
    left: -1vw;
    top: -1vw;
  }
  .recommend__item:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 2.8vw;
    height: 2.8vw;
    left: -1vw;
    top: -1vw;
    background: #84b6d6;
  }
  .recommend__item:nth-child(3)::before {
    position: absolute;
    content: "";
    width: 2.8vw;
    height: 2.8vw;
    left: -1vw;
    top: -1vw;
    background: #faa61a;
  }
  .recommend__item:nth-child(4)::before {
    position: absolute;
    content: "";
    width: 2.8vw;
    height: 2.8vw;
    left: -1vw;
    top: -1vw;
    background: #d6bf84;
  }
  .recommend__item:nth-child(5)::before {
    position: absolute;
    content: "";
    width: 2.8vw;
    height: 2.8vw;
    left: -1vw;
    top: -1vw;
    background: #84d6d6;
  }
  .recommend__item:not(:last-child) {
    margin-bottom: 1vw;
  }
  .recommend__item-line1::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 8px;
    width: calc(100% - 18px);
    height: 1px;
    background: #fff;
  }
  .recommend__item-line2::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 8px;
    width: 1px;
    height: calc(100% - 16px);
    background: #fff;
  }
  .recommend__item-line3::after {
    position: absolute;
    content: "";
    bottom: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: 1px;
    background: #fff;
  }
  .recommend__item-line4::after {
    position: absolute;
    content: "";
    top: 8px;
    right: 8px;
    width: 1px;
    height: calc(100% - 16px);
    background: #fff;
  }
  .recommend__item-img {
    width: 8.7vw;
    height: 8.7vw;
  }
  .recommend__item-text {
    width: 67%;
    font-size: 1.4vw;
    line-height: 1.9vw;
    position: relative;
  }
  .recommend__item-text::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 1vw;
    right: 1.4vw;
    width: 3.1vw;
  }
  .recommend__item-text::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0.7vw;
    right: 1.4vw;
    width: 0.5vw;
    height: 0.5vw;
  }
  /*=====================================================
  # popular
  ======================================================*/
  .popular__content {
    display: flex;
    padding-bottom: 2.8vw;
    position: relative;
  }
  .popular__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #757676;
    left: 50%;
    transform: translateX(-50%);
  }
  .popular__planner-container {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .popular__planner-img {
    position: relative;
  }
  .popular__planner-img img {
    width: 4.7vw;
    height: 4.5vw;
  }
  .popular__planner-img::before {
    position: absolute;
    content: "";
    width: 1.3vw;
    height: 1.3vw;
  }
  .popular__planner-name {
    font-size: 1.1vw;
    line-height: 1.7vw;
  }
  .popular__planner-affiliation {
    font-size: 0.7vw;
    line-height: 1vw;
  }
  .popular__planner-prefecture {
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__report-text {
    display: block;
  }
  .popular__report-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .popular__report-item {
    padding: 2.8vw 1.5vw 2.1vw;
    outline-offset: -0.7vw;
  }
  .popular__report-item:nth-child(1) {
    width: 81.9vw;
  }
  .popular__report-item:nth-child(2) {
    width: 40.3vw;
  }
  .popular__report-item:nth-child(3) {
    width: 40.3vw;
  }
  .popular__report-ribbon1 {
    top: -2.6vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__report-ribbon1 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .popular__report-ribbon1::after {
    border-left: 1.6vw solid #c99700;
    border-right: 1.6vw solid #c99700;
    border-bottom: 1.4vw solid transparent;
  }
  .popular__report-ribbon2 {
    top: -2.6vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__report-ribbon2 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .popular__report-ribbon2::after {
    border-left: 1.6vw solid #c4c4c4;
    border-right: 1.6vw solid #c4c4c4;
    border-bottom: 1.4vw solid transparent;
  }
  .popular__report-ribbon3 {
    top: -2.6vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__report-ribbon3 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .popular__report-ribbon3::after {
    border-left: 1.6vw solid #ba6e40;
    border-right: 1.6vw solid #ba6e40;
    border-bottom: 1.4vw solid transparent;
  }
  .popular__report-img {
    position: relative;
  }
  .popular__report-img1 {
    width: 37.5vw;
    height: 20.4vw;
  }
  .popular__report-img1 img {
    width: 37.5vw;
    height: 20.4vw;
  }
  .popular__report-img2 {
    width: 16.4vw;
    height: 15.7vw;
  }
  .popular__report-img2 img {
    width: 16.4vw;
    height: 15.7vw;
  }
  .popular__report-box {
    position: relative;
    background: none;
    top: 0;
    opacity: 0.88;
    width: 20.3vw;
  }
  .popular__report-head {
    font-size: 1.5vw;
    line-height: 2.3vw;
    position: relative;
  }
  .popular__report-head::after {
    display: none;
  }
  .popular__report-lead {
    font-size: 1vw;
    line-height: 1.5vw;
    margin-top: 10px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .popular__report-place {
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 0.8vw;
    margin-left: 3.9vw;
    position: relative;
  }
  .popular__report-place::after {
    position: absolute;
    font-size: 0.7vw;
    line-height: 1vw;
    left: -3.9vw;
    padding: 2px;
    width: 2.8vw;
    height: 1.5vw;
    color: #84d6d6;
    border: 1px solid #84d6d6;
    text-align: center;
  }
  .popular__report-tag {
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__report-tag p {
    margin-right: 1vw;
    margin-top: 0.4vw;
  }
  .popular__report-tag__sp {
    display: none;
  }
  .popular__report-tag__pc {
    display: block;
  }
  .popular__report-text__lead {
    font-family: "YuGothic", sans-serif;
    font-size: 1.7vw;
    font-weight: 500;
    line-height: 2.1vw;
    letter-spacing: 0em;
    color: #84d6d6;
    padding: 1.3vw 0;
  }
  .popular__report-text__report {
    font-family: "YuGothic", sans-serif;
    font-size: 1.1vw;
    font-weight: 500;
    line-height: 1.7vw;
    letter-spacing: 0em;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .popular__report-more {
    margin-top: -3.5vw;
  }
  .popular__button {
    width: 33.2vw;
    height: 4.3vw;
    font-size: 1.4vw;
    line-height: 2.1vw;
    position: relative;
  }
  .popular__button::before {
    content: "";
    position: absolute;
    right: 1.4vw;
    width: 1.9vw;
  }
  .popular__button::after {
    content: "";
    position: absolute;
    top: 1.9vw;
    right: 1.5vw;
    width: 0.8vw;
    height: 0.8vw;
  }
  .popular__button br {
    display: none;
  }
  .popular__plan-items {
    display: flex;
    justify-content: center;
    gap: 0.5vw;
  }
  .popular__plan-lead {
    font-size: 1.3vw;
    line-height: 1.9vw;
    height: 4.2vw;
    display: flex;
    align-items: center;
  }
  .popular__plan-lead1::before {
    width: 2.1vw;
    height: 2.1vw;
    left: -1.5vw;
  }
  .popular__plan-lead2::before {
    width: 2.1vw;
    height: 2.1vw;
    left: -1.5vw;
  }
  .popular__plan-lead3::before {
    width: 2.1vw;
    height: 2.1vw;
    left: -1.5vw;
  }
  .popular__plan-item {
    width: 24.2vw;
    margin-top: 0.5vw;
    padding-bottom: 2.1vw;
  }
  .popular__plan-back {
    position: absolute;
    content: "";
    width: 1.8vw;
    height: 1.8vw;
    background: #757676;
    border-radius: 50%;
    top: 1.9vw;
    right: 1.5vw;
    z-index: 5;
  }
  .popular__plan-heart {
    width: 0.8vw;
    height: 0.8vw;
    top: 2.3vw;
    right: 2vw;
  }
  .popular__plan-img {
    width: 21vw;
  }
  .popular__plan-head {
    font-size: 1.3vw;
    line-height: 1.9vw;
  }
  .popular__plan-head::after {
    display: none;
  }
  .popular__plan-box {
    top: 0;
    opacity: 1;
    width: 21vw;
    margin: 0 auto;
    padding: 14px 14px 6px 14px;
  }
  .popular__plan-place {
    font-size: 0.8vw;
    line-height: 18px;
    padding: 2.2vw;
    margin-left: 1.9vw;
    position: relative;
  }
  .popular__plan-place::after {
    font-size: 0.7vw;
    line-height: 1vw;
    left: -2.5vw;
    top: 2.1vw;
    text-align: center;
    padding: 2px;
    width: 3.9vw;
    height: 1.6vw;
  }
  .popular__plan-tag {
    font-size: 0.8vw;
    line-height: 1.3vw;
    gap: 0.5vw;
    padding-bottom: 2vw;
  }
  .popular__plan-tag p {
    padding: 4px 8px 4px 6px;
  }
  .popular__plans-img {
    width: 4.7vw;
    height: 4.5vw;
  }
  .popular__plans-img::before {
    width: 1.4vw;
    height: 1.4vw;
    top: -0.5vw;
    left: -0.5vw;
  }
  .popular__plans-box {
    margin-left: 1vw;
    padding: 0;
  }
  .popular__plans-affiliation {
    font-family: "YuGothic", sans-serif;
    font-size: 0.7vw;
    line-height: 1vw;
  }
  .popular__plans-name {
    font-size: 1.1vw;
    line-height: 1.7vw;
  }
  .popular__plans-prefecture {
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .popular__plans-more {
    font-size: 1.1vw;
    line-height: 1.1vw;
    display: inline-block;
    left: 2.9vw;
    position: relative;
  }
  .popular__plans-more::before {
    content: "";
    display: block;
    position: absolute;
    top: 2.1vw;
    left: 0;
    width: 9vw;
    height: 1px;
    background: #757676;
  }
  .popular__plans-more::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.7vw;
    right: -2vw;
    width: 1.3vw;
    height: 1.3vw;
    border: 1px solid;
    border-color: transparent transparent #757676;
    transform: rotate(-155deg);
  }
  .popular__new-items {
    flex-wrap: nowrap;
    gap: 2.2vw;
    overflow-y: hidden;
    justify-content: start;
  }
  .popular__new-item__pc {
    display: block;
  }
  .popular__new-item__pc img {
    width: 25vw;
    height: 15vw;
  }
  .popular__new-img1 {
    width: 21.2vw;
    height: 14vw;
  }
  .popular__new-head {
    font-size: 1.3vw;
    line-height: 1.9vw;
  }
  .popular__new-tag {
    gap: 0;
    height: 6.5vw;
  }
  .popular__new-tag p {
    text-align: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .popular__new-img2 img {
    width: 4.7vw;
    height: 4.5vw;
  }
  .popular__new-more {
    margin-top: 0;
  }
  .popular__section-lead {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  /*=====================================================
  # human
  ======================================================*/
  .human__planner-items {
    gap: 1.7vw;
    justify-content: center;
  }
  .human__planner-item {
    background: #EEF9F8;
    padding: 30px 6px;
    width: 27.6vw;
    position: relative;
  }
  .human__planner-ribbon1 {
    top: -2vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .human__planner-ribbon1 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .human__planner-ribbon1::after {
    border-left: 1.6vw solid #c99700;
    border-right: 1.6vw solid #c99700;
    border-bottom: 1.4vw solid transparent;
  }
  .human__planner-ribbon2 {
    top: -2vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .human__planner-ribbon2 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .human__planner-ribbon2::after {
    border-left: 1.6vw solid #c4c4c4;
    border-right: 1.6vw solid #c4c4c4;
    border-bottom: 1.4vw solid transparent;
  }
  .human__planner-ribbon3 {
    top: -2vw;
    left: 0;
    width: 3.2vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .human__planner-ribbon3 strong {
    font-size: 1.4vw;
    line-height: 2.1px;
  }
  .human__planner-ribbon3::after {
    border-left: 1.6vw solid #ba6e40;
    border-right: 1.6vw solid #ba6e40;
    border-bottom: 1.4vw solid transparent;
  }
  .human__planner-container {
    display: flex;
  }
  .human__planner-img {
    width: 9.7vw;
    height: 10.1vw;
  }
  .human__planner-img img {
    width: 9.7vw;
    height: 10.1vw;
  }
  .human__planner-name {
    font-size: 1.5vw;
    line-height: 1.7vw;
  }
  .human__planner-affiliation {
    font-size: 0.8vw;
    line-height: 1.8vw;
  }
  .human__planner-box {
    width: 50%;
    padding-left: 1.9vw;
  }
  .human__planner-text {
    font-size: 1.3vw;
    line-height: 1.7vw;
    letter-spacing: 0em;
    width: 15vw;
    height: 3vw;
    display: block;
  }
  .human__planner-prefecture {
    font-size: 1vw;
    line-height: 1.5vw;
    width: 15vw;
    height: 8.3vw;
  }
  .human__planner-prefecture br {
    display: none;
  }
  .human__planner-prefecture::before {
    width: 3.2vw;
    height: 1.6vw;
    top: 10px;
    font-size: 0.7vw;
    line-height: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .human__planner-tag {
    font-size: 0.8vw;
    line-height: 1.3vw;
    gap: 0;
    padding-top: 0px;
    margin-left: 12.5vw;
    margin-top: -2.1vw;
  }
  .human__planner-tag p:not(:first-child) {
    margin-bottom: 5px;
  }
  .human__planner-point {
    display: flex;
  }
  .human__planner-point__lead {
    font-size: 0.8vw;
    line-height: 2.1vw;
    padding-left: 2.5vw;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .human__planner-point__lead::before {
    width: 0.9vw;
    height: 0.9vw;
  }
  .human__planner-point__text {
    font-size: 1vw;
    line-height: 0.7vw;
    padding: 10px 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  .human__planner-point__text::before {
    width: 0.2vw;
    height: 0.2vw;
  }
  .human__planner-gallery__lead {
    font-size: 0.8vw;
    line-height: 1.3vw;
    padding-left: 2.3vw;
    position: relative;
  }
  .human__planner-gallery__lead::before {
    width: 0.8vw;
    height: 0.8vw;
  }
  /*=====================================================
  # pickup
  ======================================================*/
  .pickup {
    padding-top: 0;
  }
  .pickup__items {
    display: flex;
    width: 86.1vw;
    margin: 0 auto;
  }
  .pickup__item-line::after {
    display: none;
  }
  .pickup__item-line::before {
    display: none;
  }
  .pickup__lead {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
  .pickup__lead::before {
    height: 1.9vw;
  }
  .pickup__lead::after {
    height: 1.9vw;
  }
  .pickup__box {
    padding: 32px 0 48px;
    width: 29vw;
  }
  .pickup__tag {
    font-size: 1.1vw;
    line-height: 1.7vw;
  }
  /*=====================================================
  # voice
  ======================================================*/
  .voice {
    overflow: hidden;
  }
  .voice__container {
    width: 100%;
    padding-bottom: 1.4vw;
  }
  .voice__lead {
    font-family: "Avenir", sans-serif;
    font-size: 2.7vw;
    line-height: 2.3vw;
  }
  .voice__lead p:nth-child(1) {
    color: #fff;
  }
  .voice__new-items {
    overflow-y: hidden;
  }
  .voice__new-item {
    width: 95vw;
    height: 21.5vw;
    position: relative;
  }
  .voice__new-triangle {
    border-width: 5.2vw 5.2vw 0 0;
  }
  .voice__new-triangle__text {
    font-size: 1vw;
    top: -5.5vw;
    left: 0.5vw;
  }
  .voice__new-picture {
    width: 15.9vw;
    height: 16.4vw;
  }
  .voice__new-img {
    width: 15.9vw;
    height: 16.4vw;
  }
  .voice__new-container {
    margin-top: 0;
    left: 55.6vw;
    bottom: 16vw;
    width: 27vw;
  }
  .voice__new-container::before {
    width: 7vw;
    height: 1.3vw;
    left: 11.1vw;
    bottom: 1.4vw;
    background: url(/bridal/img/Frame\ 28.png) no-repeat center center/cover;
  }
  .voice__new-box {
    width: 70.8vw;
    margin-left: 1.4vw;
  }
  .voice__new-lead {
    font-size: 1.8vw;
    line-height: 2.1vw;
  }
  .voice__new-level {
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 1.4vw 0;
  }
  .voice__new-level::after {
    width: 9.2vw;
    height: 1.7vw;
  }
  .voice__new-tag {
    position: absolute;
    bottom: 3.5vw;
    font-size: 1vw;
    line-height: 1.3vw;
    margin-bottom: 0;
    width: 8.5vw;
    height: 1.5vw;
  }
  .voice__new-text {
    width: 69vw;
    height: 6.2vw;
    font-size: 1.5vw;
    line-height: 1.7vw;
  }
  .voice__new-name {
    font-size: 1vw;
    line-height: 1.5vw;
    padding-left: 2.5vw;
  }
  .voice__new-name::after {
    width: 1.3vw;
    height: 1.3vw;
  }
  .voice__new-more {
    font-size: 1.1vw;
    width: 13.4vw;
    margin-top: 2.5vw;
  }
  .voice__new-more::before {
    top: 2.5vw;
    width: 9.4vw;
  }
  .voice__new-more::after {
    top: 2.2vw;
    right: 4vw;
    width: 1.3vw;
    height: 1.3vw;
  }
  .voice__planner {
    margin-left: 20px;
  }
  .voice__planner-img {
    width: 4vw;
    height: 4vw;
    position: relative;
  }
  .voice__planner-img img {
    width: 4vw;
    height: 4vw;
  }
  .voice__planner-img::before {
    width: 1vw;
    height: 1vw;
  }
  .voice__planner-affiliation {
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__planner-name {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
  .voice__planner-point {
    font-size: 1.1vw;
    line-height: 1.7vw;
    padding-left: 13vw;
    padding-top: 0;
    margin-top: -2.3vw;
  }
  .voice__ranking-items {
    padding: 0 2.8vw;
  }
  .voice__ranking-item {
    width: 33%;
    padding: 16px 8px;
  }
  .voice__ranking-container {
    display: flex;
    position: relative;
  }
  .voice__ranking-ribbon1 {
    top: -1.1vw;
    width: 2.5vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__ranking-ribbon1 strong {
    font-size: 1.3vw;
    line-height: 1.9vw;
  }
  .voice__ranking-ribbon1::after {
    border-left: 1.3vw solid #c99700;
    border-right: 1.3vw solid #c99700;
    border-bottom: 1vw solid transparent;
  }
  .voice__ranking-ribbon2 {
    top: -1.1vw;
    width: 2.5vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__ranking-ribbon2 strong {
    font-size: 1.3vw;
    line-height: 1.9vw;
  }
  .voice__ranking-ribbon2::after {
    border-left: 1.3vw solid #c4c4c4;
    border-right: 1.3vw solid #c4c4c4;
    border-bottom: 1vw solid transparent;
  }
  .voice__ranking-ribbon3 {
    top: -1.1vw;
    width: 2.5vw;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__ranking-ribbon3 strong {
    font-size: 1.3vw;
    line-height: 1.9vw;
  }
  .voice__ranking-ribbon3::after {
    border-left: 1.3vw solid #ba6e40;
    border-right: 1.3vw solid #ba6e40;
    border-bottom: 1vw solid transparent;
  }
  .voice__ranking-img {
    width: 9.4vw;
    height: 10.9vw;
  }
  .voice__ranking-company {
    font-size: 1vw;
    line-height: 1.5vw;
  }
  .voice__ranking-name {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
  .voice__ranking-point {
    font-size: 1.1vw;
    line-height: 1.7vw;
    padding-left: 8vw;
  }
  .voice__ranking-point::before {
    width: 6.9vw;
    height: 1.3vw;
    top: 0.3vw;
  }
  .voice__ranking-point span {
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__ranking-lead {
    font-size: 0.8vw;
    line-height: 1.3vw;
    padding-left: 2vw;
  }
  .voice__ranking-lead::before {
    content: "";
    position: absolute;
    left: 1vw;
    width: 0.8vw;
    height: 0.8vw;
  }
  .voice__ranking-head {
    font-family: "Tsukushi B Round Gothic", sans-serif;
    font-size: 1vw;
    font-weight: 700;
    line-height: 1.5vw;
    letter-spacing: 0em;
    text-align: left;
  }
  .voice__ranking-text {
    padding-top: 4px;
    font-size: 0.8vw;
    line-height: 1.3vw;
  }
  .voice__ranking-more {
    margin-top: 1.2vw;
    margin-bottom: 0;
    margin-right: 2vw;
    padding-bottom: 1.2vw;
    margin-left: 11vw;
    width: 14vw;
    font-size: 1vw;
    border-bottom: 1px solid #757676;
  }
  .voice__ranking-more::before {
    top: 1.3vw;
    width: 1.5vw;
    left: 12.5vw;
  }
  .voice__ranking-more::after {
    top: 1vw;
    left: 13.3vw;
    width: 0.7vw;
    height: 0.7vw;
  }
  .voice__button {
    margin: 4.4vw auto;
    width: 17.2vw;
    height: 4.3vw;
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
  .voice__button::before {
    right: 20px;
    width: 1.9vw;
  }
  .voice__button::after {
    top: 2vw;
    right: 1.5vw;
    width: 0.8vw;
    height: 0.8vw;
  }
  /*=====================================================
  # instagram
  ======================================================*/
  .instagram {
    padding: 0;
  }
  .instagram__items {
    gap: 2.8vw;
  }
  .instagram__item {
    width: 20%;
  }
  .instagram__item-pc {
    display: block;
  }
  /*=====================================================
  # footer
  ======================================================*/
  .footer__container {
    gap: 30vw;
    padding: 5vw 0;
  }
  .footer__container::after {
    width: 85.1vw;
  }
  .footer__left-logo img {
    width: 15.9vw;
    height: 4vw;
  }
  .footer__left-lead {
    font-size: 1.1vw;
    line-height: 1.5vw;
  }
  .footer__left-lead::before {
    left: 3.5vw;
    top: 0;
    height: 1.5vw;
  }
  .footer__left-lead::after {
    right: 3.5vw;
    top: 0;
    height: 1.5vw;
  }
  .footer__left-sns a {
    width: 1.4vw;
    height: 1.4vw;
  }
  .footer__right-first {
    font-size: 1.1vw;
    line-height: 1.7vw;
    display: flex;
    gap: 2vw;
  }
  .footer__right a {
    display: block;
    margin-top: 1.9vw;
  }
  .footer__right-second {
    font-size: 1.1vw;
    line-height: 1.7vw;
    display: flex;
    gap: 2vw;
    margin-top: 0;
  }
  .footer__right-second a {
    display: block;
  }
  .footer__link {
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 3vw 12vw;
    text-align: right;
  }
  .footer__end {
    padding: 1vw 0;
  }
  .footer__copy-lead {
    font-size: 0.8vw;
    line-height: 1.2vw;
  }
  .footer__copy-text {
    font-size: 0.7vw;
    line-height: 1vw;
    margin-top: 0.9vw;
  }
}