@charset "UTF-8";
/*--------------------------------
   Media Queries (~ 1600px)
 --------------------------------*/
@media only screen and (max-width: 1600px) {
  html {
    font-size: 0.625vw;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.default-top * {
    box-sizing: border-box;
}

#FooterWrap {
  position: relative;
  /*background-color: #ffffff;
  margin-top: calc(-56 * 100vw/390);*/
  z-index: 1;
}

.report-area {
  position: relative;
  margin-top: calc(-21 * 100vw/390);
  z-index: 1;
}

.nav-top {
  display: none;
}

.fes_vol18 {
  position: relative;
  margin: 0;
  font-style: normal;
  letter-spacing: 0.025em;
  overflow: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 0;
}
.fes_vol18::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.fes_vol18 *:focus {
  outline: none;
}
.fes_vol18 a,
.fes_vol18 label {
  -webkit-tap-highlight-color: rgba(30, 160, 185, 0.4);
}
.fes_vol18 a {
  cursor: pointer;
  display: block;
  color: inherit;
}
.fes_vol18 input {
  display: none;
}
.fes_vol18 img,
.fes_vol18 svg {
  display: block;
  width: 100%;
  height: auto;
}
.fes_vol18 picture {
  display: block;
}
.fes_vol18 li,
.fes_vol18 ol {
  list-style-type: none;
}
.fes_vol18 .spOnly {
  display: block;
}
.fes_vol18 .pcOnly {
  display: none;
}
.fes_vol18 ::-moz-selection {
  color: #ffffff;
  background-color: #99D8DF;
}
.fes_vol18 ::selection {
  color: #ffffff;
  background-color: #99D8DF;
}
.fes_vol18 .mv,
.fes_vol18 .anim,
.fes_vol18 .hanabi::before,
.fes_vol18 .hanabi::after {
  opacity: 0;
}
.fes_vol18 .anim_enable {
  -webkit-animation: fade 1.2s ease forwards;
          animation: fade 1.2s ease forwards;
}
@-webkit-keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fes_vol18 .mv {
  -webkit-animation: mv-fade 1.6s ease 0.2s forwards;
          animation: mv-fade 1.6s ease 0.2s forwards;
  opacity: 0;
}
@-webkit-keyframes mv-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mv-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fes_vol18 .anim_enable .hanabi__01::after {
  -webkit-animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 2s forwards;
          animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 2s forwards;
}
.fes_vol18 .anim_enable .hanabi__01::before {
  -webkit-animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 1.9s forwards;
          animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 1.9s forwards;
}
.fes_vol18 .anim_enable .hanabi__03::after {
  -webkit-animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 1.2s forwards;
          animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 1.2s forwards;
}
.fes_vol18 .anim_enable .hanabi__03::before {
  -webkit-animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 1s forwards;
          animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 1s forwards;
}
.fes_vol18 .anim_enable .hanabi__02::after {
  -webkit-animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 0.6s forwards;
          animation: scale 0.7s cubic-bezier(0, 0, 0.28, 0.97) 0.6s forwards;
}
.fes_vol18 .anim_enable .hanabi__02::before {
  -webkit-animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 0.4s forwards;
          animation: scale 0.6s cubic-bezier(0, 0, 0.28, 0.97) 0.4s forwards;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.6) translate(-50%, -50%);
  }
  3% {
    opacity: 1;
  }
  90% {
    transform: scale(1.01) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.6) translate(-50%, -50%);
  }
  3% {
    opacity: 1;
  }
  90% {
    transform: scale(1.01) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}
.fes_vol18 .contents__item::before {
  max-height: 0;
}
.fes_vol18 .anim_enable.contents__item::before {
  -webkit-animation: extend 1.8s ease-out 0.4s forwards;
          animation: extend 1.8s ease-out 0.4s forwards;
}
@-webkit-keyframes extend {
  0% {
    opacity: 0;
    max-height: 0;
  }
  3% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    max-height: 100%;
  }
}
@keyframes extend {
  0% {
    opacity: 0;
    max-height: 0;
  }
  3% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    max-height: 100%;
  }
}
.fes_vol18 .action_enable.contents__data {
  -webkit-animation: 4s sway ease-in-out infinite;
          animation: 4s sway ease-in-out infinite;
  transform-origin: 50% 0%;
}
@-webkit-keyframes sway {
  0% {
    transform: rotate(-1deg) translateY(0);
    transform-origin: 50% 0%;
  }
  25% {
    transform: rotate(4deg) translateY(3%);
    transform-origin: 20% 20%;
  }
  50% {
    transform: rotate(-2deg) translateY(-1%);
    transform-origin: 60% 0%;
  }
  75% {
    transform: rotate(1deg) translateY(4%);
    transform-origin: 80% 18%;
  }
  100% {
    transform: rotate(-1deg) translateY(0);
    transform-origin: 50% 0%;
  }
}
@keyframes sway {
  0% {
    transform: rotate(-1deg) translateY(0);
    transform-origin: 50% 0%;
  }
  25% {
    transform: rotate(4deg) translateY(3%);
    transform-origin: 20% 20%;
  }
  50% {
    transform: rotate(-2deg) translateY(-1%);
    transform-origin: 60% 0%;
  }
  75% {
    transform: rotate(1deg) translateY(4%);
    transform-origin: 80% 18%;
  }
  100% {
    transform: rotate(-1deg) translateY(0);
    transform-origin: 50% 0%;
  }
}

/*--------------------------------
							SP  Only
--------------------------------*/
@media (max-width: 768px) {
  .fes_vol18 .simplebar-content {
    padding: calc(37 * 100vw/390) calc(0 * 100vw/390) calc(15 * 100vw/390) calc(6 * 100vw/390) !important;
  }
}

/* .fes_vol18 : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.fes_vol18 {
  /*≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡*/
  --color-primary: #1EA0B9;
  --color-tertiary: #ffffff;
  --color-background: #F7F4E4;
  --font-japanese: "Noto Sans JP", sans-serif;
  /*------ mv ------*/
  /*------ fes ------*/
  /*------ brand_slider ------*/
  /*------ ranking ------*/
  /*------ campaign ------*/
  /*------ item ------*/
  /*------ contents ------*/
  /*------ event ------*/
}
.fes_vol18 .fes {
  position: relative;
  padding: calc(54 * 100vw/390) 0 calc(42 * 100vw/390);
  background-color: var(--color-background);
  z-index: 0;
}
.fes_vol18 .fes .hanabi {
  position: absolute;
  z-index: 0;
}
.fes_vol18 .fes .hanabi::before, .fes_vol18 .fes .hanabi::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  transform-origin: 0% 0%;
}
.fes_vol18 .fes .hanabi::after {
  width: 100%;
  height: 100%;
}
.fes_vol18 .fes .hanabi__01 {
  top: calc(304 * 100vw/390);
  left: calc(-7 * 100vw/390);
  width: calc(58 * 100vw/390);
  height: calc(58 * 100vw/390);
}
.fes_vol18 .fes .hanabi__01::before {
  background-image: url(../img/hababi01_1.svg);
  width: calc(49 * 100vw/390);
  height: calc(43 * 100vw/390);
}
.fes_vol18 .fes .hanabi__01::after {
  background-image: url(../img/hababi01_2.svg);
  width: calc(58 * 100vw/390);
  height: calc(58 * 100vw/390);
}
.fes_vol18 .fes .hanabi__02 {
  top: calc(56 * 100vw/390);
  right: calc(32 * 100vw/390);
  width: calc(36 * 100vw/390);
  height: calc(36 * 100vw/390);
}
.fes_vol18 .fes .hanabi__02::before {
  background-image: url(../img/hababi02_1.svg);
  width: calc(34 * 100vw/390);
  height: calc(30 * 100vw/390);
}
.fes_vol18 .fes .hanabi__02::after {
  background-image: url(../img/hababi02_2.svg);
  width: calc(36 * 100vw/390);
  height: calc(36 * 100vw/390);
}
.fes_vol18 .fes .hanabi__03 {
  top: calc(115 * 100vw/390);
  right: calc(-3 * 100vw/390);
  width: calc(59 * 100vw/390);
  height: calc(59 * 100vw/390);
}
.fes_vol18 .fes .hanabi__03::before {
  background-image: url(../img/hababi03_1.svg);
  width: 100%;
  height: 100%;
}
.fes_vol18 .fes .hanabi__03::after {
  background-image: url(../img/hababi03_2.svg);
  width: calc(59 * 100vw/390);
  height: calc(59 * 100vw/390);
}
.fes_vol18 .fes__title {
  margin-bottom: calc(28 * 100vw/390);
  color: var(--color-primary);
  font-size: calc(34 * 100vw/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.fes_vol18 .fes__title .jp {
  padding-left: calc(3 * 100vw/390);
  font-family: var(--font-japanese);
  font-size: calc(27 * 100vw/390);
  font-weight: bold;
}
.fes_vol18 .fes__text {
  font-family: "dnp-shuei-gothic-kin-std", sans-serif;
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
}
.fes_vol18 .fes__text:not(:last-child) {
  margin-bottom: calc(17 * 100vw/390);
}
.fes_vol18 .fes__list {
  margin-top: calc(41 * 100vw/390);
}
.fes_vol18 .fes__item {
  position: relative;
  margin-inline: auto;
  padding: calc(24 * 100vw/390) calc(21 * 100vw/390) calc(27 * 100vw/390);
  background-color: var(--color-tertiary);
  border-radius: calc(15 * 100vw/390);
  box-sizing: border-box;
  text-align: center;
  width: calc(330 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .fes__item::before {
  content: "";
  position: absolute;
  top: calc(-5 * 100vw/390);
  left: calc(-5 * 100vw/390);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  border: 1px solid var(--color-primary);
  border-radius: calc(15 * 100vw/390);
  pointer-events: none;
  z-index: 1;
}
.fes_vol18 .fes__item.osaka {
  position: relative;
  background-color: #1f4894;
  color: #ffffff;
  z-index: 0;
}
.fes_vol18 .fes__item.osaka::after {
  content: '';
  position: absolute;
  top: calc(-45 * 100vw/390);
  right: calc(-33 * 100vw/390);
  width: calc(94 * 100vw/390);
  height: calc(74 * 100vw/390);
  background-image: url(../img/next.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.fes_vol18 .fes__item.osaka h3 {
  font-size: calc(31 * 100vw/390);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.fes_vol18 .fes__item.osaka h3 small {
  font-size: .55em;
}
.fes_vol18 .fes__item.osaka::before {
  border: 1px solid #f67b99;
}
.fes_vol18 .osaka .content__text-head {
  display: inline-block;
  margin-bottom: calc(10* 100vw / 390);
  padding: calc(9* 100vw / 390) calc(11* 100vw / 390) calc(7* 100vw / 390);
  background: #f67b99;
  border-radius: calc(5* 100vw / 390);
  color: #ffffff;
  font-size: calc(16* 100vw / 390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .osaka .content__text {
  font-size: calc(14* 100vw / 390);
  font-weight: 500;
  line-height: 2;
}
.fes_vol18 .osaka .content__textwrap:nth-child(n+2) {
  margin-top: calc(21* 100vw / 390);
}
.fes_vol18 .osaka .content__wrap {
  margin-block: calc(26* 100vw / 390) calc(21* 100vw / 390);
}
.fes_vol18 .fes__item:nth-child(1) {
  margin-bottom: calc(22 * 100vw/390);
  pointer-events: none;
}
.fes_vol18 .fes__item:nth-child(1) .fes__button {
  color: #70959e;
  background-color: #fff;
  border: 1px solid #70959e;
}
.fes_vol18 .fes__item:nth-child(2) {
  margin-bottom: calc(41 * 100vw/390);
}
.fes_vol18 .fes__item:nth-child(2) .fes__button {
  padding: calc(17* 100vw / 390) calc(28* 100vw / 390);
  width: calc(206* 100vw / 390);
}
.fes_vol18 .fes__item__text {
  position: relative;
  margin-bottom: calc(13 * 100vw/390);
  font-family: "dnp-shuei-gothic-kin-std", sans-serif;
  font-size: calc(16 * 100vw/390);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  z-index: 0;
}
.fes_vol18 .fes__item__text::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: calc(3 * 100vw/390);
  left: 50%;
  width: calc(308 * 100vw/390);
  height: calc(17 * 100vw/390);
  background-image: url(../img/border-l_sp.svg), url(../img/border-r_sp.svg);
  background-position: top left, top right;
  background-size: calc(15 * 100vw/390) calc(15 * 100vw/390), calc(15 * 100vw/390) calc(15 * 100vw/390);
  background-repeat: no-repeat;
  z-index: 0;
}
.fes_vol18 .fes__button {
  display: inline-block;
  padding: calc(15 * 100vw/390) calc(28 * 100vw/390);
  background-color: #63becf;
  border-radius: calc(28 * 100vw/390);
  color: var(--color-tertiary);
  font-size: calc(16 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .fes .sold {
  margin-bottom: calc(16 * 100vw/390);
  padding: 0 calc(16 * 100vw/390);
}
.fes_vol18 .brand_slider {
  padding-top: calc(49 * 100vw/390);
  padding-bottom: calc(50 * 100vw/390);
  background-color: var(--color-tertiary);
}
.fes_vol18 .brand_slider__title {
  margin-bottom: calc(24 * 100vw/390);
  font-family: var(--font-japanese);
  font-size: calc(22 * 100vw/390);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
}
.fes_vol18 .brand_slider__list {
  display: flex;
  width: 100vw;
  height: calc(100 * 100vw/390);
  overflow: hidden;
}
.fes_vol18 .brand_slider__item {
  display: flex;
  height: 100%;
}
.fes_vol18 .brand_slider .anim .container01 {
  -webkit-animation: slide1 160s -80s linear infinite;
          animation: slide1 160s -80s linear infinite;
}
@-webkit-keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.fes_vol18 .brand_slider .anim .container02 {
  -webkit-animation: slide2 160s linear infinite;
          animation: slide2 160s linear infinite;
}
@-webkit-keyframes slide2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
.fes_vol18 .brand_slider .logo__img {
  width: auto;
  height: 100%;
}
.fes_vol18 .ranking {
  padding: calc(43 * 100vw/390) 0 calc(50 * 100vw/390);
  background-color: rgba(12, 165, 201, 0.3);
  text-align: center;
}
.fes_vol18 .ranking__title {
  margin-bottom: calc(22 * 100vw/390);
  color: var(--color-tertiary);
  font-size: calc(56 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
.fes_vol18 .ranking .icn_rank {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(-28 * 100vw/390) auto calc(9 * 100vw/390);
  background-color: #2E2E2E;
  color: #ffffff;
  border-radius: 50%;
  font-size: calc(18 * 100vw/390);
  text-align: center;
  width: calc(38.7 * 100vw/390);
  height: calc(38.7 * 100vw/390);
}
.fes_vol18 .ranking .item_list__item {
  padding: calc(9 * 100vw/390) calc(11 * 100vw/390) calc(1 * 100vw/390);
  overflow: unset;
  width: calc(168 * 100vw/390);
}
.fes_vol18 .ranking .item_list_common {
  padding: calc(35 * 100vw/390) 0 calc(15 * 100vw/390) calc(15 * 100vw/390);
}
.fes_vol18 .ranking .item_list__cat {
  padding: calc(5 * 100vw/390) calc(7 * 100vw/390) calc(4 * 100vw/390);
  background: #F4EFE9;
  font-size: calc(10 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: left;
}
.fes_vol18 .ranking .item_list__title {
  font-size: calc(13 * 100vw/390);
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.fes_vol18 .ranking .reviewFeature__RankingParts {
  margin-bottom: calc(12 * 100vw/390);
}
.fes_vol18 .ranking .item_list__item {
  border-radius: calc(20 * 100vw/390);
}
.fes_vol18 .ranking .txt_price {
  font-family: Helvetica, sans-serif;
  font-size: calc(15 * 100vw/390);
}
.fes_vol18 .ranking .num, .fes_vol18 .ranking .ken {
  font-family: Helvetica, sans-serif;
  font-size: calc(8 * 100vw/390);
}
.fes_vol18 .ranking .num {
  padding-bottom: calc(1 * 100vw/390);
  font-weight: 600;
}
.fes_vol18 .ranking .ken {
  margin-left: auto;
  margin-right: 0;
  padding-bottom: calc(2 * 100vw/390);
  text-decoration: underline;
}
.fes_vol18 .ranking .rate {
  font-size: 0.8em;
  width: calc(49.6 * 100vw/390);
}
.fes_vol18 .ranking .rate:after {
  color: #040000;
}
.fes_vol18 .ranking .item_list__review {
  max-width: calc(102 * 100vw/390);
}
.fes_vol18 .ranking .item_list__review a {
  display: flex;
}
.fes_vol18 .ranking__button {
  display: inline-block;
  margin: calc(5 * 100vw/390) auto 0;
  padding: calc(18 * 100vw/390) calc(46 * 100vw/390) calc(17 * 100vw/390);
  background-color: #228395;
  border-radius: calc(28 * 100vw/390);
  color: var(--color-tertiary);
  font-size: calc(17 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
}
.fes_vol18 .ranking .rate0-1:after, .fes_vol18 .ranking .rate0-2:after, .fes_vol18 .ranking .rate0-3:after, .fes_vol18 .ranking .rate0-4:after.rate0-5:after {
  width: 7%;
}
.fes_vol18 .ranking .rate0-6:after, .fes_vol18 .ranking .rate0-7:after, .fes_vol18 .ranking .rate0-8:after, .fes_vol18 .ranking .rate0-9:after, .fes_vol18 .ranking .rate1:after {
  width: 15%;
}
.fes_vol18 .ranking .rate1-1:after, .fes_vol18 .ranking .rate1-2:after, .fes_vol18 .ranking .rate1-3:after, .fes_vol18 .ranking .rate1-4:after, .fes_vol18 .ranking .rate1-5:after {
  width: 25%;
}
.fes_vol18 .ranking .rate1-6:after, .fes_vol18 .ranking .rate1-7:after, .fes_vol18 .ranking .rate1-8:after, .fes_vol18 .ranking .rate1-9:after, .fes_vol18 .ranking .rate2:after {
  width: 35%;
}
.fes_vol18 .ranking .rate2-1:after, .fes_vol18 .ranking .rate2-2:after, .fes_vol18 .ranking .rate2-3:after, .fes_vol18 .ranking .rate2-4:after, .fes_vol18 .ranking .rate2-5:after {
  width: 43%;
}
.fes_vol18 .ranking .rate2-6:after, .fes_vol18 .ranking .rate2-7:after, .fes_vol18 .ranking .rate2-8:after, .fes_vol18 .ranking .rate2-9:after, .fes_vol18 .ranking .rate3:after {
  width: 50%;
}
.fes_vol18 .ranking .rate3-1:after, .fes_vol18 .ranking .rate3-2:after, .fes_vol18 .ranking .rate3-3:after, .fes_vol18 .ranking .rate3-4:after, .fes_vol18 .ranking .rate3-5:after {
  width: 61%;
}
.fes_vol18 .ranking .rate3-6:after, .fes_vol18 .ranking .rate3-7:after, .fes_vol18 .ranking .rate3-8:after, .fes_vol18 .ranking .rate3-9:after, .fes_vol18 .ranking .rate4:after {
  width: 70%;
}
.fes_vol18 .ranking .rate4-1:after, .fes_vol18 .ranking .rate4-2:after, .fes_vol18 .ranking .rate4-3:after, .fes_vol18 .ranking .rate4-4:after, .fes_vol18 .ranking .rate4-5:after {
  width: 78%;
}
.fes_vol18 .campaign {
  padding-block: calc(50 * 100vw/390) calc(44 * 100vw/390);
  background-color: #E8E484;
  color: #ffffff;
  text-align: center;
}
.fes_vol18 .campaign__title {
  font-size: calc(32 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.07em;
  text-align: center;
}
.fes_vol18 .campaign__subtitle {
  margin-top: calc(15 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
}
.fes_vol18 .campaign__data {
  font-size: calc(36 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.05em;
}
.fes_vol18 .campaign__data .small {
  font-size: calc(18 * 100vw/390);
  font-weight: 500;
}
.fes_vol18 .campaign__data:nth-child(1) {
  position: relative;
  z-index: 0;
}
.fes_vol18 .campaign__data:nth-child(1)::after {
  content: "";
  position: absolute;
  top: calc(18 * 100vw/390);
  right: calc(-55 * 100vw/390);
  width: calc(40 * 100vw/390);
  height: 1px;
  border-bottom: 1px solid #ffffff;
  z-index: 0;
}
.fes_vol18 .campaign__data-wrap {
  display: flex;
  justify-content: center;
  -moz-column-gap: calc(70 * 100vw/390);
       column-gap: calc(70 * 100vw/390);
  margin-top: calc(14 * 100vw/390);
}
.fes_vol18 .campaign__img {
  position: relative;
  margin: calc(36 * 100vw/390) auto 0;
  width: calc(330 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .campaign__img::before {
  content: "";
  position: absolute;
  top: calc(-20 * 100vw/390);
  right: calc(-20 * 100vw/390);
  width: calc(80 * 100vw/390);
  height: calc(80 * 100vw/390);
  background-image: url(../img/web-limited_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.fes_vol18 .campaign__img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/point_cover_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.fes_vol18 .item {
  padding-top: calc(47 * 100vw/390);
  padding-bottom: calc(51 * 100vw/390);
  background-color: rgba(12, 165, 201, 0.3);
  text-align: center;
}
.fes_vol18 .item__title {
  margin-right: calc(30 * 100vw/390);
  margin-bottom: calc(15 * 100vw/390);
  color: var(--color-tertiary);
  font-size: calc(70 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: right;
}
.fes_vol18 .item__list {
  margin-top: calc(-40 * 100vw/390);
}
.fes_vol18 .item__item {
  position: relative;
  width: calc(280 * 100vw/390);
}
.fes_vol18 .item__item:nth-child(n+2) {
  margin-top: calc(-90 * 100vw/390);
}
.fes_vol18 .item .fun {
  position: absolute;
  top: calc(-40 * 100vw/390);
  height: calc(125 * 100vw/390);
  width: calc(110 * 100vw/390);
  font-family: var(--font-japanese), "Futura PT";
  font-weight: 500;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.fes_vol18 .item .fun__text {
  padding-top: calc(14 * 100vw/390);
  color: #ffffff;
  font-size: calc(40 * 100vw/390);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.015em;
}
.fes_vol18 .item .fun__text .en {
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
}
.fes_vol18 .item__img {
  position: relative;
  overflow: clip;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  height: calc(280 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .item__item__link {
  display: inline-block;
  position: relative;
  margin: auto;
  bottom: calc(62 * 100vw/390);
  left: 0;
  right: 0;
  padding: calc(5 * 100vw/390) calc(13 * 100vw/390) calc(4 * 100vw/390) calc(5 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #000000;
  border-radius: calc(22 * 100vw/390);
  font-size: calc(10 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.06em;
  z-index: 0;
}
.fes_vol18 .item__item__link::after {
  content: "";
  position: absolute;
  top: calc(7 * 100vw/390);
  right: calc(4 * 100vw/390);
  width: calc(6 * 100vw/390);
  height: calc(6 * 100vw/390);
  background-image: url(../img/cross.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.fes_vol18 .item .Bio-Normalizer {
  z-index: 0;
}
.fes_vol18 .item .bruno-snack {
  z-index: 1;
}
.fes_vol18 .item .ecostore {
  z-index: 2;
}
.fes_vol18 .item .AINOKImebuki {
  z-index: 3;
}
.fes_vol18 .item .soel {
  z-index: 4;
}
.fes_vol18 .item .soel .fun,
.fes_vol18 .item .ecostore .fun,
.fes_vol18 .item .Bio-Normalizer .fun {
  left: calc(2 * 100vw/390);
  background-image: url(../img/fan01_sp.png);
}
.fes_vol18 .item .soel .fun__text,
.fes_vol18 .item .ecostore .fun__text,
.fes_vol18 .item .Bio-Normalizer .fun__text {
  padding-right: calc(11 * 100vw/390);
}
.fes_vol18 .item .AINOKImebuki,
.fes_vol18 .item .bruno-snack {
  margin-left: auto;
  margin-right: 0;
}
.fes_vol18 .item .AINOKImebuki .fun,
.fes_vol18 .item .bruno-snack .fun {
  right: calc(2 * 100vw/390);
  background-image: url(../img/fan01.png);
}
.fes_vol18 .item .AINOKImebuki .fun__text,
.fes_vol18 .item .bruno-snack .fun__text {
  padding-left: calc(4 * 100vw/390);
}
.fes_vol18 .contents {
  padding-top: calc(45 * 100vw/390);
  padding-inline: calc(15 * 100vw/390);
  padding-bottom: calc(50 * 100vw/390);
  background-color: #F7F4E4;
}
.fes_vol18 .contents__title {
  margin-bottom: calc(19 * 100vw/390);
  font-size: calc(56 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
}
.fes_vol18 .contents__wrapper {
  position: relative;
}
.fes_vol18 .contents .wrapper01 {
  z-index: 1;
}
.fes_vol18 .contents .wrapper01 .contents__data {
  background-image: url(../img/balloon01.png);
}
.fes_vol18 .contents .wrapper01 .contents__list {
  margin-top: calc(-50 * 100vw/390);
}
.fes_vol18 .contents .wrapper01 .contents__item:last-child::before {
  height: calc(791 * 100vw/390);
}
.fes_vol18 .contents .wrapper02 {
  margin-top: calc(19 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .contents .wrapper02 .contents__data {
  background-image: url(../img/balloon02.png);
}
.fes_vol18 .contents .wrapper02 .contents__list {
  margin-top: calc(-56 * 100vw/390);
}
.fes_vol18 .contents .wrapper02 .contents__item:last-child::before {
  height: calc(772 * 100vw/390);
}
.fes_vol18 .contents__data {
  content: "";
  position: -webkit-sticky;
  position: sticky;
  top: calc(70 * 100vw/390);
  margin-left: auto;
  margin-right: 0;
  padding-top: calc(26 * 100vw/390);
  background-size: contain;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: calc(34 * 100vw/390);
  font-weight: 500;
  line-height: .8;
  letter-spacing: 0.05em;
  text-align: center;
  width: calc(100 * 100vw/390);
  height: calc(100 * 100vw/390);
  z-index: 4;
}
.fes_vol18 .contents__data .small {
  font-size: calc(14 * 100vw/390);
}
.fes_vol18 .contents__item {
  position: relative;
  padding: calc(15 * 100vw/390) calc(15 * 100vw/390) calc(25 * 100vw/390);
  background-color: #ffffff;
  border-radius: calc(15 * 100vw/390);
}
.fes_vol18 .contents__item:nth-child(n+2) {
  margin-top: calc(13 * 100vw/390);
}
.fes_vol18 .contents__item:nth-child(1) {
  z-index: 3;
}
.fes_vol18 .contents__item:nth-child(2) {
  z-index: 2;
}
.fes_vol18 .contents__item:nth-child(3) {
  z-index: 1;
}
.fes_vol18 .contents__item::before {
  content: "";
  position: absolute;
  top: calc(40 * 100vw/390);
  left: calc(24 * 100vw/390);
  width: 2px;
  height: calc(830 * 100vw/390);
  background-size: calc(2 * 100vw/390) calc(6 * 100vw/390);
  background-repeat: repeat-y;
  background-image: linear-gradient(to bottom, #2E2E2E 2px, transparent 2px);
  background-position: top;
  z-index: 0;
}
.fes_vol18 .contents__item__title {
  margin-left: calc(30 * 100vw/390);
  margin-bottom: calc(12 * 100vw/390);
  font-size: calc(16 * 100vw/390);
  line-height: 1.75;
}
.fes_vol18 .contents__item__title .small {
  font-size: 0.9em;
}
.fes_vol18 .contents__time {
  display: inline-block;
  margin-bottom: calc(15 * 100vw/390);
  padding: calc(8 * 100vw/390) calc(10 * 100vw/390);
  background-color: #2E2E2E;
  color: #ffffff;
  font-size: calc(20 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.08em;
}
.fes_vol18 .contents__time .small {
  padding-left: calc(3 * 100vw/390);
  font-size: calc(12 * 100vw/390);
}
.fes_vol18 .contents__img {
  margin: 0 auto calc(20 * 100vw/390);
  border-radius: calc(15 * 100vw/390);
  overflow: clip;
  width: calc(220 * 100vw/390);
}
.fes_vol18 .contents__textwrap {
  margin-left: calc(30 * 100vw/390);
  width: calc(290 * 100vw/390);
}
.fes_vol18 .contents .position {
  font-size: calc(14 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .contents .name {
  margin-top: calc(8 * 100vw/390);
  font-size: calc(25 * 100vw/390);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.025em;
  white-space: nowrap;
}
.fes_vol18 .contents .name .small {
  padding-left: calc(4 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  letter-spacing: 0;
}
.fes_vol18 .contents .text {
  margin-top: calc(12 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: justify;
}
.fes_vol18 .contents .link {
  display: inline-block;
  margin-top: calc(10 * 100vw/390);
  padding: calc(11 * 100vw/390) calc(26 * 100vw/390) calc(9 * 100vw/390);
  border: 1px solid #2E2E2E;
  border-radius: calc(18 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
}
.fes_vol18 .event {
  padding-top: calc(40 * 100vw/390);
  padding-bottom: calc(47 * 100vw/390);
}
.fes_vol18 .event__title {
  margin-bottom: calc(34 * 100vw/390);
  color: #228395;
  font-family: var(--font-japanese);
  font-size: calc(30 * 100vw/390);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.fes_vol18 .event__itemwrap {
  position: relative;
  margin-inline: calc(33 * 100vw/390) calc(27 * 100vw/390);
  padding: calc(27 * 100vw/390) calc(15 * 100vw/390) calc(23 * 100vw/390);
  background-color: #ffffff;
  border-radius: calc(15 * 100vw/390);
  text-align: center;
  z-index: 0;
}
.fes_vol18 .event__itemwrap::before {
  content: "";
  position: absolute;
  top: calc(-5 * 100vw/390);
  left: calc(-5 * 100vw/390);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  border: 1px solid var(--color-primary);
  border-radius: calc(15 * 100vw/390);
  pointer-events: none;
  z-index: 1;
}
.fes_vol18 .event__item__title {
  margin-bottom: calc(13 * 100vw/390);
  color: #228395;
  font-size: calc(25 * 100vw/390);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .event__item__text {
  font-size: calc(14 * 100vw/390);
  line-height: 1.75;
  letter-spacing: 0.025em;
}
.fes_vol18 .event__personal {
  margin-top: calc(18 * 100vw/390);
}
.fes_vol18 .event__personal__img {
  margin: 0 auto;
  border-radius: calc(15 * 100vw/390);
  overflow: clip;
  width: calc(220 * 100vw/390);
}
.fes_vol18 .event__personal__info {
  margin-top: calc(20 * 100vw/390);
}
.fes_vol18 .event .position {
  margin-bottom: calc(11 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .event strong.position {
  display: inline-block;
  margin-bottom: calc(10 * 100vw/390);
  border: 1px solid;
  padding: calc(6 * 100vw/390) calc(6 * 100vw/390) calc(3 * 100vw/390);
  font-size: calc(15 * 100vw/390);
}
.fes_vol18 .event .name {
  margin-bottom: calc(7 * 100vw/390);
  font-size: calc(23 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .event .name .small {
  padding-left: calc(5 * 100vw/390);
  font-size: calc(12 * 100vw/390);
}
.fes_vol18 .event .text {
  font-size: calc(13 * 100vw/390);
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: justify;
}
.fes_vol18 .event__list {
  margin-top: calc(105 * 100vw/390);
}
.fes_vol18 .event__item {
  position: relative;
  width: calc(250 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .event__item:nth-child(n+2) {
  margin-top: calc(-78 * 100vw/390);
}
.fes_vol18 .event__item::after {
  content: "";
  position: absolute;
  top: calc(-20 * 100vw/390);
  left: 0;
  width: calc(252 * 100vw/390);
  height: calc(252 * 100vw/390);
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #66B4C3;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -2;
}
.fes_vol18 .event .fun {
  position: absolute;
  top: calc(-90 * 100vw/390);
  height: calc(150 * 100vw/390);
  width: calc(130 * 100vw/390);
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  z-index: -1;
}
.fes_vol18 .event .fun__text {
  color: #ffffff;
  font-size: calc(18 * 100vw/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.025em;
}
.fes_vol18 .event .fun__text .small {
  display: inline-block;
  padding-bottom: calc(3 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  line-height: 1.5;
}
.fes_vol18 .event__img {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  height: calc(250 * 100vw/390);
  z-index: 0;
}
.fes_vol18 .event__item:nth-child(odd) .fun {
  left: calc(0 * 100vw/390);
  background-image: url(../img/fan02.png);
}
.fes_vol18 .event__item:nth-child(odd) .fun__text {
  padding-right: calc(8 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(even) {
  margin-left: auto;
  margin-right: 0;
}
.fes_vol18 .event__item:nth-child(even) .fun {
  right: 0;
  background-image: url(../img/fan02_sp.png);
}
.fes_vol18 .event__item:nth-child(even) .fun__text {
  padding-left: calc(8 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(1) .fun__text {
  padding-top: calc(37 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(2) .fun__text {
  padding-top: calc(26 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(3) .fun__text {
  padding-top: calc(26 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(4) .fun__text {
  padding-top: calc(24 * 100vw/390);
}
.fes_vol18 .event__item:nth-child(5) .fun__text {
  padding-top: calc(35 * 100vw/390);
}

/* .fes_vol18 SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 769px) {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ S e t U p  PC ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  main {
    max-width: 100vw;
  }
  #FooterWrap {
    margin-top: 0;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  .report-area {
    max-width: 100% !important;
  }
  .report-area-inner {
    margin-inline: auto;
    max-width: 110rem;
  }
  .fes_vol18 {
    width: 100%;
    max-width: 100vw;
  }
  .fes_vol18::after {
    background-image: url(../img/bg_pc.jpg);
  }
  .fes_vol18 img,
.fes_vol18 svg {
    opacity: 1;
  }
  .fes_vol18 picture {
    display: block;
  }
  .fes_vol18 a {
    opacity: 1;
  }
  .fes_vol18 .pcOnly {
    display: block;
  }
  .fes_vol18 .spOnly {
    display: none;
  }
  .fes_vol18 .fv__mv,
.fes_vol18 .anim {
    opacity: 0;
  }
  .fes_vol18 .anim_enable {
    -webkit-animation: fade 1s ease forwards;
            animation: fade 1s ease forwards;
  }
  @-webkit-keyframes fade {
    20% {
      opacity: 0;
      transform: translateY(4%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fade {
    20% {
      opacity: 0;
      transform: translateY(4%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @-webkit-keyframes mv_fade {
    20% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes mv_fade {
    20% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .fes_vol18 .anim_enable.contents__item::before {
    -webkit-animation: extend 0.8s ease-out 0.4s forwards;
            animation: extend 0.8s ease-out 0.4s forwards;
  }
  @-webkit-keyframes extend {
    0% {
      opacity: 0;
      max-height: 0;
    }
    3% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      max-height: 110%;
    }
  }
  @keyframes extend {
    0% {
      opacity: 0;
      max-height: 0;
    }
    3% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      max-height: 110%;
    }
  }
  /* .fes_vol18 : set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡ ▼ Layout PC First ▼ ≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .fes_vol18 {
    /*------ mv ------*/
    /*------ fes ------*/
    /*------ brand_slider ------*/
    /*------ ranking ------*/
    /*------ campaign ------*/
    /*------ item ------*/
    /*------ contents ------*/
    /*------ event ------*/
  }
  .fes_vol18 .mv {
    word-wrap: 100%;
  }
  .fes_vol18 .fes {
    padding: 8.8rem 0 7.3rem;
  }
  .fes_vol18 .fes__inner {
    position: relative;
    margin-inline: auto;
    max-width: 95rem;
    z-index: 0;
  }
  .fes_vol18 .fes .hanabi__01 {
    top: 40.4rem;
    left: 1.3rem;
    width: 9.8rem;
    height: 9.8rem;
  }
  .fes_vol18 .fes .hanabi__01::before {
    width: 9.1rem;
    height: 7.9rem;
  }
  .fes_vol18 .fes .hanabi__01::after {
    width: 9.8rem;
    height: 9.8rem;
  }
  .fes_vol18 .fes .hanabi__02 {
    top: 18.5rem;
    right: 10.1rem;
    width: 7.3rem;
    height: 7.3rem;
  }
  .fes_vol18 .fes .hanabi__02::before {
    width: 6rem;
    height: 5.4rem;
  }
  .fes_vol18 .fes .hanabi__02::after {
    width: 7.3rem;
    height: 7.3rem;
  }
  .fes_vol18 .fes .hanabi__03 {
    top: 24.8rem;
    right: 0.2rem;
    width: 9.8rem;
    height: 9.8rem;
  }
  .fes_vol18 .fes .hanabi__03::before {
    width: 9.8rem;
    height: 9.8rem;
  }
  .fes_vol18 .fes .hanabi__03::after {
    width: 9.8rem;
    height: 9.8rem;
  }
  .fes_vol18 .fes__title {
    margin-bottom: 4rem;
    font-size: 5.6rem;
  }
  .fes_vol18 .fes__title .jp {
    padding-left: 0.6rem;
    font-size: 4.5rem;
  }
  .fes_vol18 .fes__text {
    font-size: 2rem;
    line-height: 1.75;
  }
  .fes_vol18 .fes__text:not(:last-child) {
    margin-bottom: 2.3rem;
  }
  .fes_vol18 .fes__list {
    display: flex;
    justify-content: center;
    column-gap: 4rem;
    margin-top: 6.5rem;
    margin-bottom: 5.9rem;
  }
  .fes_vol18 .fes__item {
    padding: 6.2rem 2rem 6.9rem;
    border-radius: 2rem;
    width: 56rem;
  }
  .fes_vol18 .fes__item::before {
    top: -0.8rem;
    left: -0.8rem;
    border-radius: 2rem;
  }
  .fes_vol18 .fes__item.osaka h3 {
    font-size: 3.8rem;
    line-height: 1.25;
  }
  .fes_vol18 .fes__item.osaka::after {
    top: 1.8rem;
    right: -8.3rem;
    width: 12.4rem;
    height: 10.9rem;
  }
  .fes_vol18 .osaka .content__text-head {
    margin-bottom: 0;
    padding: 0.9rem 0.8rem 0.8rem 1.2rem;
    border-radius: 0.5rem;
    font-size: 2rem;
  }
  .fes_vol18 .osaka .content__text {
    font-size: 2rem;
    line-height: 1.75;
  }
  .fes_vol18 .osaka .content__textwrap:nth-child(n+2) {
    margin-top: 1.6rem;
  }
  .fes_vol18 .osaka .content__wrap {
    margin-block: 2.6rem 3.2rem;
  }
  .fes_vol18 .osaka .content__textwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    text-align: left;
  }
  .fes_vol18 .fes__item:nth-child(1) {
    margin: 0;
  }
  .fes_vol18 .fes__item:nth-child(2) {
    margin: 0;
  }
  .fes_vol18 .fes__item:nth-child(2) .fes__button {
    padding: 2.2rem 5.3rem;
    width: 45rem;
  }
  .fes_vol18 .fes__item__text {
    margin-bottom: 1.7rem;
    font-size: 2rem;
  }
  .fes_vol18 .fes__item__text::after {
    bottom: 0.2rem;
    width: 39.6rem;
    height: 2.4rem;
    background-image: url(../img/border-l_pc.svg), url(../img/border-r_pc.svg);
    background-size: 2.5rem 2.4rem, 2.5rem 2.4rem;
  }
  .fes_vol18 .fes__button {
    transition: all .4s ease;
    padding: 2rem 5.3rem;
    border-radius: 3rem;
    font-size: 1.9rem;
  }
  .fes_vol18 .fes__button:hover {
    background-color: #abdae2;
  }
  .fes_vol18 .fes .sold {
    margin-bottom: 2rem;
    padding: 0 6rem;
  }
  .fes_vol18 .brand_slider {
    padding-top: 6.9rem;
    padding-bottom: 6.3rem;
  }
  .fes_vol18 .brand_slider__title {
    margin-bottom: 3.6rem;
    font-size: 3rem;
    line-height: 1;
  }
  .fes_vol18 .brand_slider__list {
    height: 14rem;
  }
  .fes_vol18 .ranking {
    padding: 9.2rem 0 8rem;
  }
  .fes_vol18 .ranking__title {
    margin-bottom: 1.7rem;
    font-size: 9.5rem;
  }
  .fes_vol18 .ranking .icn_rank {
    margin: -2.2rem auto 1.4rem;
    font-size: 2.5rem;
    text-align: center;
    width: 4.5rem;
    height: 4.5rem;
  }
  .fes_vol18 .ranking .item_list__item {
    padding: 0 2rem 0.8rem;
    width: 22.1rem;
  }
  .fes_vol18 .ranking .item_list_common {
    padding: 2.2rem 0 0 0;
    overflow: clip;
  }
  .fes_vol18 .ranking .item_list_common .item_list__cat {
    padding: 0.65rem 0.9rem 0.5rem;
    font-size: 1.2rem;
  }
  .fes_vol18 .ranking .item_list_common .item_list__title {
    margin: 0 0 2rem;
    font-size: 1.3rem;
    line-height: 1.54;
  }
  .fes_vol18 .ranking .reviewFeature__RankingParts {
    margin-bottom: 0;
  }
  .fes_vol18 .ranking .item_list__item {
    border-radius: 2rem;
  }
  .fes_vol18 .ranking .txt_price {
    font-size: 2.1rem;
  }
  .fes_vol18 .ranking .num, .fes_vol18 .ranking .ken {
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .fes_vol18 .ranking .num {
    transform: translateX(-1.6rem);
    padding-bottom: 0.1rem;
  }
  .fes_vol18 .ranking .ken {
    padding-bottom: 0.2rem;
  }
  .fes_vol18 .ranking .rate {
    font-size: 1.3em;
    width: 10.6rem;
  }
  .fes_vol18 .ranking .item_list__review {
    max-width: 16.5rem;
  }
  .fes_vol18 .ranking .item_list_common .item_list__inner {
    margin-bottom: 3.5rem;
  }
  .fes_vol18 .ranking__button {
    margin: 0.5rem auto 0;
    padding: 2rem 8.6rem 1.9rem;
    border-radius: 3.1rem;
    font-size: 2.2rem;
  }
  .fes_vol18 .campaign {
    padding-block: 7.3rem 8rem;
  }
  .fes_vol18 .campaign__title {
    font-size: 6.6rem;
    letter-spacing: 0.05em;
  }
  .fes_vol18 .campaign__subtitle {
    margin-top: 1.4rem;
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
  .fes_vol18 .campaign__data {
    font-size: 5.6rem;
  }
  .fes_vol18 .campaign__data .small {
    font-size: 2.7rem;
  }
  .fes_vol18 .campaign__data:nth-child(1)::after {
    top: 2.9rem;
    right: -7.8rem;
    width: 6rem;
  }
  .fes_vol18 .campaign__data-wrap {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
    margin-top: 2.2rem;
  }
  .fes_vol18 .campaign__img {
    margin: 3.8rem auto 0;
    width: 60rem;
  }
  .fes_vol18 .campaign__img::before {
    top: -2rem;
    right: -2rem;
    width: 10rem;
    height: 10rem;
    background-image: url(../img/web-limited_pc.png);
  }
  .fes_vol18 .campaign__img::after {
    background-image: url(../img/point_cover_pc.png);
  }
  .fes_vol18 .item {
    padding-top: 15.2rem;
    padding-bottom: 10rem;
  }
  .fes_vol18 .item__inner {
    transform: translateX(-3.5rem);
    margin: 0 auto;
    width: 123rem;
  }
  .fes_vol18 .item__title {
    margin-right: 23.1rem;
    margin-bottom: 0;
    font-size: 12rem;
    letter-spacing: 0.05em;
  }
  .fes_vol18 .item__list {
    margin-top: -15.1rem;
  }
  .fes_vol18 .item__item {
    width: 61.7rem;
  }
  .fes_vol18 .item .fun {
    top: -2.2rem;
    height: 20rem;
    width: 17.2rem;
  }
  .fes_vol18 .item .fun__text {
    padding-top: 5rem;
    font-size: 6.5rem;
    letter-spacing: 0;
    line-height: 0.4;
  }
  .fes_vol18 .item .fun__text .en {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
  }
  .fes_vol18 .item__info {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -28rem;
    margin-left: 26.2rem;
    color: #ffffff;
    width: 42.4rem;
    height: 42.4rem;
    z-index: -1;
  }
  .fes_vol18 .item__info__inner {
    margin-top: 5rem;
    width: 30rem;
  }
  .fes_vol18 .item__info::before {
    position: absolute;
    top: 6rem;
    left: 44.3%;
    transform: rotate(45deg);
    color: #ffffff;
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    width: 30rem;
    height: 4.6rem;
    z-index: 0;
  }
  .fes_vol18 .item__info::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 42.4rem;
    height: 42.4rem;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: rgb(96, 182, 206);
    background: linear-gradient(180deg, rgb(96, 182, 206) 0%, rgb(96, 184, 204) 31%, rgb(73, 199, 195) 100%);
    z-index: -1;
  }
  .fes_vol18 .item__info__title {
    margin-bottom: 0.2rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
  }
  .fes_vol18 .item__info__title .small {
    font-size: 0.95em;
  }
  .fes_vol18 .item__info__text {
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.025em;
    text-align: left;
  }
  .fes_vol18 .item__info__link {
    display: block;
    margin-inline: auto;
    margin-bottom: 1rem;
    padding: 1rem 2.6rem;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 2rem;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    width: 15rem;
  }
  .fes_vol18 .item__info__other-link {
    display: inline-block;
    position: relative;
    margin-right: 1.3rem;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.025em;
    z-index: 0;
  }
  .fes_vol18 .item__info__other-link::before {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    bottom: -0.5rem;
    left: 56%;
    width: 13.7rem;
    height: 1px;
    border-bottom: 1px solid #ffffff;
    z-index: 0;
  }
  .fes_vol18 .item__info__other-link::after {
    content: "";
    position: absolute;
    top: 0.1rem;
    right: -1.4rem;
    width: 0.5rem;
    height: 1rem;
    background-image: url(../img/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .fes_vol18 .item .soel .item__info::before {
    content: "soel";
  }
  .fes_vol18 .item .AINOKImebuki {
    margin-top: -30.3rem;
  }
  .fes_vol18 .item .AINOKImebuki .item__info::before {
    content: "AINOKI mebuki";
  }
  .fes_vol18 .item .ecostore {
    margin-top: -29.3rem;
    margin-left: 15rem;
  }
  .fes_vol18 .item .ecostore .item__info::before {
    content: "Repos MAISON DE AQUA";
    top: 1.5rem;
    left: 52%;
    width: 25rem;
    z-index: 1;
  }
  .fes_vol18 .item .bruno-snack {
    margin-top: -49.2rem;
  }
  .fes_vol18 .item .bruno-snack .item__info::before {
    content: "bruno snack";
  }
  .fes_vol18 .item .Bio-Normalizer {
    margin-top: -12rem;
  }
  .fes_vol18 .item .Bio-Normalizer .item__info::before {
    content: "Bio-Normalizer";
  }
  .fes_vol18 .item__img {
    overflow: visible;
    pointer-events: none;
    width: 45rem;
    height: auto;
  }
  .fes_vol18 .item .soel .fun,
.fes_vol18 .item .ecostore .fun,
.fes_vol18 .item .Bio-Normalizer .fun {
    left: auto;
    right: 11.5rem;
    background-image: url(../img/fan01.png);
  }
  .fes_vol18 .item .soel .fun__text,
.fes_vol18 .item .ecostore .fun__text,
.fes_vol18 .item .Bio-Normalizer .fun__text {
    padding-left: 0.1em;
    padding-right: 0;
  }
  .fes_vol18 .item .AINOKImebuki .fun,
.fes_vol18 .item .bruno-snack .fun {
    right: 11.5rem;
  }
  .fes_vol18 .item .AINOKImebuki .fun__text,
.fes_vol18 .item .bruno-snack .fun__text {
    padding-left: 0.1em;
    padding-left: 0;
  }
  .fes_vol18 .item .Bio-Normalizer {
    margin-left: auto;
    margin-right: 0;
  }
  .fes_vol18 .item .bruno-snack {
    margin-left: 0;
    margin-right: auto;
  }
  .fes_vol18 .contents {
    padding-top: 9.2rem;
    padding-inline: 0;
    padding-bottom: 9rem;
  }
  .fes_vol18 .contents__title {
    margin-bottom: 5.5rem;
    font-size: 9.5rem;
    letter-spacing: 0.05em;
  }
  .fes_vol18 .contents__wrapper {
    margin: 0 auto;
    width: 120rem;
  }
  .fes_vol18 .contents__list {
    margin-left: auto;
    margin-right: 0;
    width: 99rem;
  }
  .fes_vol18 .contents .wrapper01 .contents__list {
    margin-top: -15.1rem;
  }
  .fes_vol18 .contents .wrapper01 .contents__item:last-child::before {
    height: 50rem;
  }
  .fes_vol18 .contents .wrapper02 {
    margin-top: 8.2rem;
  }
  .fes_vol18 .contents .wrapper02 .contents__list {
    margin-top: -15rem;
  }
  .fes_vol18 .contents .wrapper02 .contents__item:last-child::before {
    height: 50rem;
  }
  .fes_vol18 .contents__data {
    top: 20rem;
    margin-left: 0;
    margin-right: auto;
    padding-top: 4.9rem;
    font-size: 5rem;
    line-height: 0.6;
    width: 15rem;
    height: 15rem;
  }
  .fes_vol18 .contents__data .small {
    font-size: 2rem;
  }
  .fes_vol18 .contents__item {
    padding: 4rem;
    border-radius: 2rem;
  }
  .fes_vol18 .contents__item__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .fes_vol18 .contents__item:nth-child(n+2) {
    margin-top: 2.2rem;
  }
  .fes_vol18 .contents__item::before {
    top: 9rem;
    left: 7.2rem;
    height: 57rem;
    background-size: 0.2rem 0.6rem;
  }
  .fes_vol18 .contents__item__title {
    margin-top: 0.8rem;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 3.3rem;
    font-size: 2.4rem;
    line-height: 1;
    text-align: center;
    width: 72rem;
  }
  .fes_vol18 .contents__time {
    margin-top: -6.6rem;
    margin-bottom: 0;
    padding: 1.3rem 1.7rem 1.3rem 1.9rem;
    font-size: 2.5rem;
  }
  .fes_vol18 .contents__time .small {
    padding-left: 0.3rem;
    font-size: 1.6rem;
  }
  .fes_vol18 .contents__img {
    margin: 0;
    border-radius: 2rem;
    width: 27rem;
  }
  .fes_vol18 .contents__textwrap {
    margin-left: 0;
    width: 42rem;
  }
  .fes_vol18 .contents .position {
    font-size: 1.5rem;
  }
  .fes_vol18 .contents .name {
    margin-top: 1.2rem;
    font-size: 3rem;
  }
  .fes_vol18 .contents .name .small {
    padding-left: 0.4rem;
    font-size: 1.5rem;
  }
  .fes_vol18 .contents .text {
    margin-top: 1.7rem;
    font-size: 1.5rem;
    line-height: 2;
  }
  .fes_vol18 .contents .link {
    margin-top: 1.1rem;
    padding: 1.2rem 3.4rem;
    border-radius: 2rem;
    font-size: 1.5rem;
  }
  .fes_vol18 .event {
    padding-top: 8.9rem;
    padding-bottom: 10rem;
  }
  .fes_vol18 .event__inner {
    margin: 0 auto;
    width: 131rem;
  }
  .fes_vol18 .event__title {
    margin-bottom: 6rem;
    font-size: 5rem;
    line-height: 1;
  }
  .fes_vol18 .event__itemwrap {
    margin-inline: auto;
    padding: 4.1rem 8rem;
    border-radius: 2rem;
    width: 80rem;
  }
  .fes_vol18 .event__itemwrap::before {
    top: -1rem;
    left: -1rem;
    border-radius: 2rem;
  }
  .fes_vol18 .event__item__title {
    margin-bottom: 1.9rem;
    font-size: 3.6rem;
  }
  .fes_vol18 .event__item__text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .fes_vol18 .event__personal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.4rem;
  }
  .fes_vol18 .event__personal__img {
    margin: 0;
    border-radius: 2rem;
    width: 27rem;
  }
  .fes_vol18 .event__personal__info {
    margin-top: 0.8rem;
    text-align: left;
    width: 34rem;
  }
  .fes_vol18 .event .position {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .fes_vol18 .event strong.position {
    margin-bottom: 1.1rem;
    padding: 0.7rem 0.7rem 0.4rem;
    font-size: 1.7rem;
  }
  .fes_vol18 .event .name {
    margin-bottom: 1.8rem;
    font-size: 3rem;
  }
  .fes_vol18 .event .name .small {
    padding-left: 0.5rem;
    font-size: 1.5rem;
  }
  .fes_vol18 .event .text {
    font-size: 1.5rem;
    line-height: 2;
  }
  .fes_vol18 .event__list {
    margin-top: 8.9rem;
    margin-left: 9.6rem;
  }
  .fes_vol18 .event__item {
    width: 40rem;
  }
  .fes_vol18 .event__item::after {
    transform: translateX(-50%);
    top: -3rem;
    left: 50%;
    width: 41rem;
    height: 41rem;
  }
  .fes_vol18 .event .fun {
    top: -4rem;
    height: 23rem;
    width: 20rem;
  }
  .fes_vol18 .event .fun__text {
    font-size: 2.4rem;
    line-height: 1.1;
  }
  .fes_vol18 .event .fun__text .small {
    padding-bottom: 0.4rem;
    font-size: 1.6rem;
  }
  .fes_vol18 .event__img {
    height: 41rem;
  }
  .fes_vol18 .event__item:nth-child(odd) .fun {
    left: -8.6rem;
  }
  .fes_vol18 .event__item:nth-child(odd) .fun__text {
    padding-right: 0.8rem;
  }
  .fes_vol18 .event__item:nth-child(even) .fun {
    right: auto;
    left: -9.1rem;
    background-image: url(../img/fan02.png);
  }
  .fes_vol18 .event__item:nth-child(even) .fun__text {
    padding-left: 0;
    padding-right: 0.8rem;
  }
  .fes_vol18 .event__item:nth-child(1) {
    margin-left: 24.6rem;
  }
  .fes_vol18 .event__item:nth-child(1) .fun__text {
    padding-top: 5.6rem;
  }
  .fes_vol18 .event__item:nth-child(2) {
    margin-top: -15rem;
    margin-left: 0;
    margin-right: auto;
  }
  .fes_vol18 .event__item:nth-child(2) .fun__text {
    padding-top: 3.8rem;
  }
  .fes_vol18 .event__item:nth-child(3) {
    margin-top: -50.8rem;
    margin-left: auto;
    margin-right: 0;
  }
  .fes_vol18 .event__item:nth-child(3) .fun__text {
    padding-top: 5.4rem;
  }
  .fes_vol18 .event__item:nth-child(4) {
    margin-top: -15rem;
    margin-right: 25rem;
  }
  .fes_vol18 .event__item:nth-child(4) .fun__text {
    padding-top: 4.6rem;
  }
  .fes_vol18 .event__item:nth-child(5) {
    margin-top: -15.2rem;
    margin-left: 31.3rem;
  }
  .fes_vol18 .event__item:nth-child(5) .fun__text {
    padding-top: 5.7rem;
  }
}
/* .fes_vol18 PC*/
/*--------------------------------
   Media Queries ( 1830px ~ )
 --------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ tab SP ▼ ≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.fes_vol18 .tab__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.fes_vol18 .tab_label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: calc(6 * 100vw/390) calc(6 * 100vw/390);
  color: #ffffff;
  font-size: calc(18 * 100vw/390);
  letter-spacing: 0em;
  order: -1;
  overflow: hidden;
  background-image: url(../img/ranking_inactive_sp.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: calc(172 * 100vw/390);
}
.fes_vol18 .tab_label .en {
  font-size: calc(22 * 100vw/390);
  font-weight: 500;
}
.fes_vol18 .tab1_label,
.fes_vol18 .tab3_label {
  margin-right: calc(15 * 100vw/390);
}
.fes_vol18 .tab1_label,
.fes_vol18 .tab2_label,
.fes_vol18 .tab3_label,
.fes_vol18 .tab4_label {
  margin-bottom: calc(11 * 100vw/390);
}
.fes_vol18 .tab_label_inner {
  padding-bottom: calc(3 * 100vw/390);
}
.fes_vol18 .tab_panel {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
}
.fes_vol18 input + .tab_label {
  transition: all 0.4s;
  box-sizing: border-box;
  text-align: center;
  height: calc(60 * 100vw/390);
}
.fes_vol18 input + .tab_label p {
  line-height: 1.1;
}
.fes_vol18 .item_list__title,
.fes_vol18 .item_list__price,
.fes_vol18 .item_list__review {
  padding: 0;
}
.fes_vol18 .item_list__price {
  margin-bottom: calc(8 * 100vw/390);
}
.fes_vol18 .item_list__item {
  margin: 0 calc(5 * 100vw/390) calc(14 * 100vw/390);
  box-sizing: border-box;
  text-align: left;
}
.fes_vol18 input:checked + .tab_label {
  background-image: url(../img/ranking_active_sp.svg);
}
.fes_vol18 input:checked + .tab_label .tab_label_inner {
  color: #FFFFFF;
}
.fes_vol18 input:checked + .tab_label + .tab_panel {
  height: auto;
  overflow: auto;
  transition: 0.6s opacity ease-in-out;
  opacity: 1;
  z-index: 1;
}
.fes_vol18 .js_item_slidebar .simplebar-track.simplebar-horizontal {
  margin: 0 calc(15.5 * 100vw/390);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.fes_vol18 .simplebar-track.simplebar-horizontal .simplebar-scrollbar,
.fes_vol18 .js_item_slidebar .simplebar-scrollbar::before {
  background: #2E2E2E;
  border-radius: 2px;
}

/* .fes_vol18 : tab SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ tab PC ▼ ≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
@media (min-width: 769px) {
  .fes_vol18 .tab_label {
    margin-bottom: 3.5rem;
    padding-block: 1.2rem 0.6rem;
    font-size: 2rem;
    background-image: url(../img/ranking_inactive_pc.svg);
    width: 22rem;
  }
  .fes_vol18 .tab_label .en {
    font-size: 2.7rem;
  }
  .fes_vol18 .tab_label:nth-of-type(n+2) {
    margin-left: 2.5rem;
  }
  .fes_vol18 .tab1_label,
.fes_vol18 .tab3_label {
    margin-right: 0;
  }
  .fes_vol18 .tab_label_inner {
    padding-bottom: 0.3rem;
  }
  .fes_vol18 input + .tab_label {
    height: 8.1rem;
  }
  .fes_vol18 input + .tab_label p {
    line-height: 1.3;
  }
  .fes_vol18 .item_list__price {
    margin-bottom: -0.5rem;
  }
  .fes_vol18 .item_list__item {
    margin: 0 1.25rem 0;
  }
  .fes_vol18 .item_list__inner {
    justify-content: center;
  }
  .fes_vol18 input:checked + .tab_label {
    background-image: url(../img/ranking_active_pc.svg);
  }
}
/* .fes_vol18 : tab PC*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡ ▼ modal SP ▼ ≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
body.fixd {
  overflow: hidden;
}

.fixd .modal_area {
  position: fixed;
  top: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  visibility: visible;
  z-index: 1000;
}

.modal_area {
  visibility: hidden;
  z-index: -1;
}
.modal_area img {
  width: 100%;
  height: auto;
}
.modal_area .modal_bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/modal_bg_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.soel .modal_container::before {
  content: "soel";
}

.AINOKImebuki .modal_container::before {
  content: "AINOKI mebuki";
}

.ecostore .modal_container::before {
  content: "Repos MAISON DE AQUA";
  top: calc(60 * 100vw/390);
  left: 46%;
  width: calc(280 * 100vw/390);
  z-index: 1;
}

.bruno-snack .modal_container::before {
  content: "bruno snack";
}

.Bio-Normalizer .modal_container::before {
  content: "Bio-Normalizer";
}

.modal_top {
  position: fixed;
  top: calc(12 * 100vw/390);
  right: calc(12 * 100vw/390);
  width: calc(40 * 100vw/390);
  height: calc(40 * 100vw/390);
}

.modal_container {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 17vh;
  height: calc(453 * 100vw/390);
  z-index: 0;
}
.modal_container::before {
  position: absolute;
  top: calc(73 * 100vw/390);
  left: 43%;
  transform: rotate(45deg);
  color: #ffffff;
  font-size: calc(36 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
  width: calc(320 * 100vw/390);
  height: calc(46 * 100vw/390);
  z-index: 0;
}
.modal_container .item__info {
  position: relative;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  width: calc(300 * 100vw/390);
  z-index: 0;
}
.modal_container .item__info::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: calc(453 * 100vw/390);
  height: calc(453 * 100vw/390);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: rgb(96, 182, 206);
  background: linear-gradient(180deg, rgb(96, 182, 206) 0%, rgb(96, 184, 204) 31%, rgb(73, 199, 195) 100%);
  z-index: -1;
}
.modal_container .item__info__title {
  margin-bottom: calc(20 * 100vw/390);
  font-size: calc(18 * 100vw/390);
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
.modal_container .item__info__text {
  margin-bottom: calc(22 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: left;
}
.modal_container .item__info__link {
  display: inline-block;
  margin-bottom: calc(15 * 100vw/390);
  padding: calc(11 * 100vw/390) calc(20 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: calc(20 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
}
.modal_container .item__info__other-link {
  display: inline-block;
  position: relative;
  margin-top: calc(6.5 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.025em;
  z-index: 0;
}
.modal_container .item__info__other-link::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: calc(-5 * 100vw/390);
  left: 56%;
  width: calc(137 * 100vw/390);
  height: 1px;
  border-bottom: 1px solid #ffffff;
  z-index: 0;
}
.modal_container .item__info__other-link::after {
  content: "";
  position: absolute;
  top: calc(1 * 100vw/390);
  right: calc(-14 * 100vw/390);
  width: calc(5 * 100vw/390);
  height: calc(10 * 100vw/390);
  background-image: url(../img/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

/* .fes_vol18 : modal SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡ ▼ modal PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/* .fes_vol18 : modal PC*/
/*# sourceMappingURL=style.css.map */


.report-area .contact {
    margin: 8rem auto 10rem;
    padding: 1.9rem 0 1.6rem;
    width: 50rem;
    display: block;
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
}

@media (max-width: 768px) {
.report-area .contact {
    margin: calc(20 * (100vw / 390)) auto calc(60 * (100vw / 390));
    padding: calc(14 * (100vw / 390)) 0;
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    width: calc(310 * (100vw / 390));
    font-size: calc(15 * (100vw / 390));
}
}