@charset "utf-8";
/*-----------------------------------------------
  base
-----------------------------------------------*/
body {
  background: #fdfbf3 !important;
  font-family:"Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic P" !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 2.2rem !important;
	color: #000 !important;
}
body .inner {
	max-width: 960px !important;
  width: 80% !important;
}
body .pc_only,
body .pc_none,
body .sp_none,
body .sp_only {
  display: none !important;
}
body a:hover {
  text-decoration: none !important;
}
@media screen and (min-width: 1400px) {
  body {
		font-size: 1.8rem !important;
	}
}
@media screen and (min-width: 1200px) {
  body .pc_only {
    display: block !important;
  }
}
@media screen and (max-width: 1399px) {
  body .pc_none {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  body .sp_none {
    display: block !important;
	}
}
@media screen and (max-width: 767px) {
  body .inner {
    width: 90% !important;
  }
  body .sp_only {
    display: block !important;
	}
}
/*-----------------------------------------------
  header
-----------------------------------------------*/
/* header base */
.header {
  position: absolute;
  top: 0;
  width:100%;
  z-index: 999;
  text-align: center;
  transition: 0.3s;
}
.header.fixedItem {
  position: fixed;
  background: rgba(255,255,255,0.6);
  display: none;
}
.header.fixedItem.active {
  display: block;
  animation: DownAnime 0.5s forwards;
}
.header.fixedItem.nonactive.start {
  display: block;
  animation: UpAnime 0.6s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 0;
  transform: translateY(-100px);
  }
}
.header.scrollDone.DownAnime {
  opacity: 1;
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.header .inner {
  height: 82px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* hamburger */
.hamburger {
  position: relative;
  width: min(6rem,5vw);
  height: min(6rem,5vw);
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 3;
}
.hamburger span {
  background: #000;
  height: min(0.4rem,0.33vw);
  left: min(0.5rem,0.416vw);
  position: absolute;
  transition: all 0.6s;
  width: min(5rem,4.16vw);
}
.hamburger_linetop {
  top: min(1.2rem,1vw);
}
.hamburger_linecenter {
  top: min(2.8rem,2.33vw);
}
.hamburger_linebottom {
  top: min(4.4rem,3.66vw);
}
/* closeButton */
.closeButton {
  position: absolute;
  display: block;
  width: 70px;
  height: 70px;
  top: 6px;
  right: 5px;
  cursor: pointer;
}
.closeButton span {
  background: #000;
  height: min(0.4rem,0.33vw);
  position: absolute;
  transition: all 0.6s;
  width: min(5rem,4.16vw);
  top: min(3.3rem,2.75vw);
  left: min(1.3rem,1.08vw);
}
.close_linetop {
  transform: rotate(45deg);
}
.close_linebottom {
  transform: rotate(-45deg);
}
/* nav_open */
.nav_open .menulist {
  right: 0 !important;
}
.nav_open .overlay {
  opacity: 0.7;
  visibility: visible;
}
.overlay {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
  cursor: pointer;
  z-index: 998;
}
/* menulist */
.header .menulist {
  height: 100vh;
  padding-top: min(10rem,12vw);
  position: fixed;
  right: max(-50%,-60rem);
  transition: all 0.6s;
  top: 0;
  width: min(60rem,50%);
  z-index: 999;
  background: rgba(255,255,255,0.8);
}
.header .menulist nav ul li {
  text-align: left;
}
.header .menulist ul li a {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(2.2rem,1.83vw);
  padding: min(2.5rem,2.08vw) min(4rem,4.16vw);
  font-weight: 800;
}
/* header Others */
.headerLogoBox {
  margin-right: auto;
}
.headerBuy {
  margin-right: min(5rem,4.16vw);
}
.headerBuy a {
  display: block;
  background: #000;
  padding: 0 min(2.5rem,2.08vw) 0 min(1.5rem,1.25vw);
  transition: 0.3s;
  line-height: min(4.9rem,4.08vw);
}
.headerBuy a span {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(1.3rem,1.08vw);
  color: #fff;
  font-weight: 800;
}
.headerBuy a span::after {
  content: "";
  background: url(../../images/arrows-white.png)no-repeat;
  background-size: contain;
  width: min(1rem,0.83vw);
  height: min(1.4rem,1.16vw);
  position: absolute;
  top: min(1.8rem,1.5vw);
  margin-left: min(0.4rem,0.33vw);
}
@media screen and (min-width: 768px) {
  .headerBuy a:hover {
    background: #ffea00;
  }
  .headerBuy a:hover span {
    color: #000;
  }
  .headerBuy a:hover span::after {
    background: url(../../images/arrows-white-hover.png)no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  .header .inner {
    height: 23vw;
    width: 100% !important;
    padding: 0 0 0 5%;
  }
  .header .headerLogo img {
    width: 32.8vw;
    height: auto;
  }
  .hamburger {
    height: 12vw;
    width: 12vw;
    right: 3.333vw;
  }
  .hamburger span {
    height: 1.067vw;
    left: 1.333vw;
    width: 9.333vw;
  }
  .hamburger_linetop {
    top: 2.267vw;
  }
  .hamburger_linecenter {
    top: 5.467vw;
  }
  .hamburger_linebottom {
    top: 8.933vw;
  }
  .nav_open .hamburger_linetop {
    top: 5.467vw;
    transform: rotate(45deg);
  }
  .nav_open .hamburger_linecenter {
    width: 0;
  }
  .nav_open .hamburger_linebottom {
    top: 5.467vw;
    transform: rotate(-45deg);
  }
  .closeButton {
    width: 12vw;
    height: 12vw;
    top: 8.53vw;
    right: 3.333vw;
  }
  .closeButton span {
    width: 9.333vw;
    height: 1.067vw;
    left: 1.333vw;
  }
  .header .menulist {
    right: -100%;
    width: 100%;
    padding-top: 24vw;
  }
  .header .menulist ul li a {
    font-size: 4.8vw;
    line-height: 1.6em;
    padding: 4vw 8vw;
  }
  .headerBuy {
    margin-right: 6.66vw;
  }
  .headerBuy a {
    padding: 0 5.333vw 0 2.667vw;
    line-height: 10.93vw;
  }
  .headerBuy a span {
    font-size: 2.666vw;
  }
  .headerBuy a span::after {
    width: 2.133vw;
    height: 2.933vw;
    top: 4.05vw;
    margin-left: 1.333vw;
  }
}
/*-----------------------------------------------
  common
-----------------------------------------------*/
/* font */
/* .noto-w800 {
  font-family: 'Noto Sans JP', sans-serif;
} */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Noto-EB.woff") format("woff");
  font-display: swap;
}

.font-mplus1p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
}

/* titleMosaic */
.titleMosaic {
  position: relative;
  background: #ff004e;
  width: 100%;
  height: min(6.4rem, 7.5vw);
  text-align: center;
  margin: 0 auto;
}
.titleMosaic p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  line-height: min(6.4rem, 7.5vw);
  color: #fff;
  font-weight: 800;
}
.titleMosaic::before,
.titleMosaic::after {
  content: "";
  background: url(../../images/object-mosaic.webp) no-repeat;
  background-size: contain;
  width: 100%;
  height: min(6.4rem, 7.5vw);
  position: absolute;
  top: 0;
  z-index: 1;
}
.no-webp .titleMosaic::before,
.no-webp .titleMosaic::after {
  background: url(../../images/object-mosaic.jpg) no-repeat;
  background-size: contain;
}
.titleMosaic::before {
  left: max(-0.83vw,-1rem);
}
.titleMosaic::after {
  right: max(-0.83vw,-1rem);
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .titleMosaic {
    width: 122vw;
    height: 16.8vw;
    margin: 0 -16vw;
  }
  .titleMosaic p {
    font-size: 4.8vw;
    line-height: 16.8vw;
  }
  .titleMosaic::before,
  .titleMosaic::after {
    height: 16.66vw;
  }
  .titleMosaic::before {
    left: max(-5.3vw,-2rem);
  }
  .titleMosaic::after {
    right: max(-5.3vw,-2rem);
  }
}
/* objectCheck */
.objectCheck {
  display: inline-block;
  position: relative;
  background: #ffea00;
  height: clamp(3.9rem, 10.4vw, 5.2rem);
  padding: 0 4rem 0 6rem;
  border-radius: 2rem;
}
.objectCheck::before {
  content: "";
  background: url(../../images/object-check.png) no-repeat;
  background-size: contain;
  width: clamp(5.9rem, 6.875vw, 8.25rem);
  height: clamp(6.85rem, 6.875vw, 9.1rem);
  position: absolute;
  top: max(-2.6vw,-2rem);
  left: max(-3.75vw,-4.5rem);
}
.objectCheck::after {
  content: "";
  background: #ffea00;
  height: calc(tan(60deg) * 1.2rem / 2);
  width: 1.6rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -1rem;
}
.objectCheck p {
  font-size: clamp(1.5rem, 2vw, 2.5rem);
  line-height: clamp(3.9rem, 10.4vw, 5.2rem);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .objectCheck {
    display: block;
    height: 10.4vw;
  }
  .objectCheck p {
    font-size: 4vw;
    line-height: 10.4vw;
  }
  .objectCheck::before {
    width: 15.73vw !important;
    height: 18.26vw !important;
  }
  .objectCheck.line2 {
    height: 14.39vw;
  }
  .objectCheck.line2 p {
    line-height: 1.5em;
    padding-top: 0.35em;
  }
}
/*-----------------------------------------
  main
-----------------------------------------*/
.ticket__lp .main {
  position: relative;
  width: 100vw;
  margin-bottom: max(-3.16vw,-3.8rem);
}
.ticket__lp .main img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .ticket__lp .main {
    margin-bottom: min(3.6rem,3vw);
  }
}
/*-----------------------------------------
  recommend
-----------------------------------------*/
/* area1 */
.recommend .area1 {
  padding: 5vw 0 5.8vw;
  margin-bottom: min(12rem,10vw);
}
.recommend .area1 .titleMosaic {
  margin-bottom: clamp(3.4rem,4.4vw,5.4rem);
}
.recommend .area1 .objectCheck {
  margin-bottom: min(8.5rem,7vw);
}
.recommend .area1 .textArea img {
  width: 100%;
  height: auto;
}
.recommend .area1 .textArea .text1 {
  width: clamp(19.3rem, 21.667vw, 26rem);
}
.recommend .area1 .textArea .text2 {
  width: clamp(23rem, 26vw, 31.2rem);
}
.recommend .area1 .movieArea {
  position: relative;
}
.recommend .area1 .movieArea::before {
  content: "";
  background: url(../../images/recommend/recommend-bgCircle.png) no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: min(51.75vw,62.1rem);
  position: absolute;
  top: max(-4.166vw,-5rem);
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.recommend .area1 .movieArea .movieItem.movie1 {
  text-align: center;
  margin-bottom: min(3.75vw,4.5rem);
}
.recommend .area1 .movieArea .movieItem {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.recommend .area1 .movieArea .movieItem iframe {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .recommend .area1 .textArea {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .recommend .area1 .textArea .text1,
  .recommend .area1 .textArea .text2 {
    position: absolute;
  }
  .recommend .area1 .textArea .text1 {
    top: min(8.1rem,6.75vw);
    left: max(-36.66vw,-44rem);
  }
  .recommend .area1 .textArea .text2 {
    top: min(31.5rem,26.25vw);
    right: max(-41.5vw,-49.8rem);
  }
  .recommend .area1 .movieArea .movieItem {
    width: min(42rem,35vw);
    max-height: 23.6rem;
  }
  /* .recommend .area1 .movieArea .movieFlex {
    display: flex !important;
    justify-content: center;
  } */
  .recommend .area1 .movieArea .movieArea_in {
    width: min(50vw,60rem);
    margin: 0 auto;
  }
  .recommend .area1 .movieArea .movieItem.movie1 {
    margin-right: 0;
  }
  .recommend .area1 .movieArea .movieItem.movie2 {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .recommend .area1 {
    padding-bottom: 0;
    margin-bottom: 6.66vw;
  }
  .recommend .area1 .objectCheck {
    margin-bottom: 6.6vw;
  }
  .recommend .area1 .textArea .text1 {
    width: 51.46vw;
    margin-bottom: 5.86vw;
  }
  .recommend .area1 .textArea .text2 {
    width: 61.33vw;
    margin: 0 0 0 auto;
  }
  .recommend .area1 .movieArea::before {
    /* background: url(../../images/recommend/recommend-bgCircle-sp.png) no-repeat;
    background-size: contain;
    background-position: top; */
    height: 141vw;
    width: 220vw;
    top: 12.846vw;
    left: -66vw;
  }
  .recommend .area1 .movieArea .movieItem {
    margin-bottom: min(5vw,6rem) !important;
  }
}
/* numberItem */
.recommend .numberItem .titleArea .inner_in {
  display: flex;
  align-items: center;
  width: 80%;
  max-width: 96rem;
  margin: 0 auto;
}
.recommend .numberItem .titleArea .num {
  height: clamp(7.7rem, 12.6vw, 15.2rem);
  margin-right: clamp(2.1rem,2.5vw,3rem);
}
.recommend .numberItem .titleArea .num-text {
  height: min(8.8rem, 7.3vw);
}
.recommend .numberItem .contactArea {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
}
.recommend .numberItem .titleArea .num img,
.recommend .numberItem .titleArea .num-text img {
  width: auto;
  height: 100%;
}
.recommend .numberItem .textArea img,
.recommend .numberItem .photoArea img {
  width: 100%;
  height: auto;
}
.recommend .numberItem .textArea .text1 {
  width: clamp(32.4rem, 36.5vw, 43.8rem);
}
@media screen and (min-width: 768px) {
  .recommend .numberItem .textArea {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .recommend .numberItem .textArea .text1 {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .recommend .numberItem .titleArea .num {
    height: 20.53vw;
    margin-right: clamp(2.1rem,2.5vw,3rem);
  }
  .recommend .numberItem .textArea .text1 {
    width: 86.6vw;
  }
}
/* area2 */
.recommend .area2.numberItem .objectCheck {
  margin-bottom: clamp(2.6rem,4.58vw,5.5rem);
}
.recommend .area2.numberItem .sutaguru {
  max-width: min(96rem,80vw);
  margin: 0 auto;
}
.recommend .area2.numberItem .sutaguru li {
  width: min(31.4rem,26.1vw);
}
.recommend .area2.numberItem .sutaguru li a {
  transition: 0.3s;
}
.recommend .area2.numberItem .sutaguru li .img {
  position: relative;
  margin-bottom: 1.8rem;
}
.recommend .area2.numberItem .sutaguru li .img img {
  width: 100%;
  height: auto;
}
.recommend .area2.numberItem .sutaguru li .text {
  position: relative;
  font-size: min(2rem,1.6vw);
  font-weight: bold;
  padding-left: min(4.1rem,3.41vw);
  line-height: 1em;
}
.recommend .area2.numberItem .sutaguru li .text::before {
  content: "";
  background: url(../../images/recommend/recommend-arrows-circle.png)no-repeat;
  background-size: contain;
  width: min(2.9rem,2.4vw);
  height: min(2.9rem,2.4vw);
  position: absolute;
  top: max(-0.45rem,-0.375vw);
  left: 0;
}
.recommend .area2.numberItem .slider1 img {
  width: 100%;
  height: auto;
}
.recommend .area2.numberItem .slider1 .slick-slide {
  margin-right: min(3rem,2.5vw);
}
.recommend .area2.numberItem .slider1 .slick-slide:last-child {
  margin-right: 0;
}
.recommend .area2.numberItem .contentArea.top {
  position: relative;
  background: url(../../images/recommend/recommend-bgStripeYellow-top.png)no-repeat;
  background-size: cover;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: min(5.5rem,4.58vw);
}
.recommend .area2.numberItem .contentArea.bottom {
  position: relative;
  padding-bottom: min(11.5rem,9.58vw);
}
@media screen and (min-width: 768px) {
  .recommend .area2 {
    margin-bottom: min(2.4rem,2vw);
  }
  .recommend .area2.numberItem .titleArea {
    margin-bottom: min(1.3rem,1.08vw);
  }
  .recommend .area2.numberItem .titleArea .num {
    margin-left: max(4.16vw,-5rem);
  }
  .recommend .area2.numberItem .textArea .text1 {
    margin-left: min(4rem,3.3vw);
  }
  .recommend .area2.numberItem .photoArea .photo1 {
    padding-top: min(8rem,6.6vw);
    margin-left: max(-7.5vw,-9rem);
    width: min( 124.4rem, 103.6vw);
  }
  .recommend .area2.numberItem .sutaguru {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .recommend .area2.numberItem .sutaguru li .hover {
    background: rgba(255,234,0,0.8);
    width: min(31.4rem, 26.16vw);
    height: min(17.7rem, 14.75vw);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: 0.3s;
  }
  .recommend .area2.numberItem .sutaguru li:hover .hover {
    opacity: 1;
  }
  .recommend .area2.numberItem .sutaguru li .hover p {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: min(2rem, 1.6vw);
    padding-left: min(5rem,4.16vw);
    font-weight: 800;
  }
  .recommend .area2.numberItem .sutaguru li .hover p::before {
    content: "";
    background: url(../../images/object-check.png) no-repeat;
    background-size: contain;
    width: min(6.25rem, 5.2vw);
    height: min(7.1rem, 5.9vw);
    position: absolute;
    top: max(-2.5vw,-3rem);
    left: max(-2vw,-2.5rem);
  }
  .recommend .area2.numberItem .contentArea.bottom .bgItem {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
  }
  .recommend .area2.numberItem .contentArea.bottom .bgItem::after {
    content: "";
    background: url(../../images/recommend/recommend-bgStripeYellow-bottom.png)no-repeat;
    background-size: contain;
    width: min(74vw,88.8rem);
    height: min(9.58vw,11.5rem);
    position: absolute;
    right: 0;
  }
  .recommend .area2.numberItem .slider1 {
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  .recommend .area2.numberItem .titleArea .num {
    margin-left: -5.6vw;
  }
  .recommend .area2.numberItem .titleArea .num-text {
    height: 27.73vw;
  }
  .recommend .area2.numberItem .textArea .text1 {
    margin: 0 auto max(1vw,1.2rem);
  }
  .recommend .area2.numberItem .photoArea .photo1 {
    margin-bottom: max(1.25vw,1.5rem);
  }
  .recommend .area2.numberItem .sutaguru li {
    width: 62.93vw;
    margin: 0 auto max(2.5vw,3rem);
  }
  .recommend .area2.numberItem .sutaguru li:last-child {
    margin-bottom: 0;
  }
  .recommend .area2.numberItem .sutaguru li .hover {
    display: none;
  }
  .recommend .area2.numberItem .sutaguru li .text {
    font-size: 4vw;
    padding-left: 8.79vw;
  }
  .recommend .area2.numberItem .sutaguru li .text::before {
    width: 5.86vw;
    height: 5.86vw;
    top: -0.8vw;
  }
  .recommend .area2.numberItem .contentArea.top {
    background: url(../../images/recommend/recommend-bgStripeYellow-top-sp.png)no-repeat;
    background-size: cover;
    background-position: right;
    padding: 6.13vw 0 8vw;
  }
  .recommend .area2.numberItem .contentArea.bottom {
    background: url(../../images/recommend/recommend-bgStripeYellow-bottom-sp.png)no-repeat;
    background-size: cover;
    background-position: right;
    padding: max(2.2rem,5.8vw) 0 max(9.3rem,24.75vw);
  }
}
/* area3 */
.recommend .area3.numberItem {
  margin-bottom: min(15.6rem,13vw);
}
.recommend .area3.numberItem .contentArea {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.recommend .area3.numberItem .textArea .text1::after {
  content: "";
  background: url(../../images/recommend/recommend-num2-photo2.webp)no-repeat;
  background-size: contain;
  width: clamp(6.8rem,11.16vw,13.4rem);
  height: clamp(11.2rem,18.41vw,22.1rem);
  position: absolute;
  right: clamp(-3.7rem,-3.08vw,-1rem);
  top: clamp(-15.4rem,-12.83vw,-8.8rem);
  z-index: -1;
}
.no-webp .recommend .area3.numberItem .textArea .text1::after {
  background: url(../../images/recommend/recommend-num2-photo2.png)no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .recommend .area3.numberItem .titleArea .inner_in {
    justify-content: center;
  }
  .recommend .area3.numberItem .photoArea .photo1 {
    margin-top: max(-5vw,-6rem);
    margin-left: max(-10.5vw,-12.6rem);
    width: min(152.6rem,127.16vw);
  }
  .recommend .area3.numberItem .textArea .text1 {
    margin-left: min(4rem,3.3vw);
    margin-top: min(7.5rem,6.25vw);
  }
}
@media screen and (max-width: 767px) {
  .recommend .area3.numberItem .titleArea {
    margin-bottom: 4.26vw;
  }
  .recommend .area3.numberItem .titleArea .num {
    margin-left: -1.4vw;
  }
  .recommend .area3.numberItem .titleArea .num-text {
    height: 20vw;
  }
  .recommend .area3.numberItem .textArea .text1 {
    margin: 0 auto -17.3vw;
    position: relative;
    z-index: 1;
  }
  .recommend .area3.numberItem .textArea .text1::after {
    width: 18.13vw;
    height: 29.86vw;
    top: -23.46vw;
    right: -2.6vw;
    z-index: 2;
  }
  .recommend .area3.numberItem .textArea .text1 img {
    margin-left: 2.66vw;
  }
}
/* area4 */
.recommend .area4.numberItem .titleArea {
  position: relative;
  z-index: 1;
}
.recommend .area4.numberItem .contentArea {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.recommend .area4.numberItem .contentArea::after {
  content: "";
  background: url(../../images/recommend/recommend-bgDots.png)no-repeat;
  background-size: cover;
  position: absolute;
  width: min(120rem,100vw);
  height: min(81.6rem,68vw);
  top: min(15rem,12.5vw);
}
@media screen and (min-width: 768px) {
  .recommend .area4.numberItem .photoArea .photo1 {
    margin-top: max(-20.25vw,-24.3rem);
    margin-right: max(-2.25vw,-27rem);
    width: min(114.3rem,95.25vw);
    margin-left: auto;
  }
  .recommend .area4.numberItem .textArea .text1 {
    margin-left: max(-4.16vw,-5rem);
    margin-top: min(21rem,17.5vw);
  }
}
@media screen and (max-width: 767px) {
  .recommend .area4.numberItem .titleArea {
    margin-bottom: 6.13vw;
  }
  .recommend .area4.numberItem .titleArea .num {
    margin-left: -1.4vw;
  }
  .recommend .area4.numberItem .titleArea .num-text {
    height: 12.26vw;
  }
  .recommend .area4.numberItem .textArea .text1 {
    margin: 0 auto -29.3vw;
    position: relative;
    z-index: 1;
  }
  .recommend .area4.numberItem .textArea .text1 img {
    margin-left: 2.66vw;
  }
}
/*-----------------------------------------
  pickup
-----------------------------------------*/
/* leadArea */
.pickup .titleArea {
  margin-bottom: min(4.4rem,3.66vw);
}
/* leadArea */
.pickup .leadArea {
  text-align: center;
  background: url(../../images/pickup/pickup-bgPhoto.webp)no-repeat;
  background-size: cover;
  background-position: center;
  width: min(120rem,100vw);
  height: min(63.4rem,52vw);
  padding-top: min(9rem,7.5vw);
  margin: 0 max(-10vw,-12rem) max(-14.6vw,-17.6rem);
}
.no-webp .pickup .leadArea {
  background: url(../../images/pickup/pickup-bgPhoto.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}
.pickup .leadArea p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(4rem,3.33vw);
  line-height: 2em;
  color: #fff;
  padding-left: 1em;
  font-weight: 800;
}
/* boxFlex */
.pickup .boxFlex .box1, .pickup .boxFlex .box2 {
  width: 50%;
  height: min(48rem,40vw);
}
.pickup .boxFlex.boxYellow .box1 { background: #ffea00; }
.pickup .boxFlex.boxGreen .box1 { background: #12bb85; }
.pickup .boxFlex.boxPink .box1 { background: #f31191;}
.pickup .boxFlex.boxYellow .box2 { background: #fff; border: solid 8px #ffea00; }
.pickup .boxFlex.boxGreen .box2 { background: #fff; border: solid 8px #12bb85; }
.pickup .boxFlex.boxPink .box2 { background: #fff; border: solid 8px #f31191; }
.pickup .boxFlex .box1 {
  position: relative;
}
.pickup .boxFlex .box1::before {
  content: "";
  background: url(../../images/pickup/pickup-bgObjectYellow.png)no-repeat;
  background-size: cover;
  position: absolute;
  width: min(57rem,47.5vw);
  height: min(50.5rem,42.08vw);
  top: max(-6.91vw,-8.3rem);
  left: max(-17.66vw,-21.2rem);
  z-index: 0;
}
.pickup .boxFlex.boxGreen .box1::before {
  background: url(../../images/pickup/pickup-bgObjectGreen.png)no-repeat;
  background-size: cover;
}
.pickup .boxFlex.boxPink .box1::before {
  background: url(../../images/pickup/pickup-bgObjectPink.png)no-repeat;
  background-size: cover;
}
.pickup .boxFlex .box1, .pickup .boxFlex .box2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pickup .boxFlex .box1 p {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(4rem,3.33vw);
  line-height: 1.8em;
  color: #fff;
  z-index: 1;
  font-weight: 800;
}
.pickup .boxFlex.boxYellow .box1 p { color: #000; }
.pickup .boxFlex .box2 p {
  font-size: min(2.2rem,1.83vw);
  line-height: 1.8em;
  color: #000;
  font-weight: 600;
}
/* boxLink */
.pickup .boxLink {
  margin-top: min(1.1rem,0.91vw);
}
.pickup .boxLink a {
  position: relative;
  display: block;
  background: #ffea00;
  width: 100%;
  padding: min(2.821rem,2.35vw) min(4rem,3.33vw);
  font-size: min(2.2rem,1.83vw);
  font-weight: bold;
  line-height: 1.8em;
  transition: 0.3s;
}
.pickup .boxLink a::after {
  content: "";
  background: url(../../images/pickup/pickup-objectBoxLink.webp)no-repeat;
  background-size: cover;
  position: absolute;
  width: min(4.2rem,3.5vw);
  height: min(4.2rem,3.5vw);
  right: max(-2.5rem,2.08vw);
}
.no-webp .pickup .boxLink a::after {
  background: url(../../images/pickup/pickup-objectBoxLink.jpg)no-repeat;
  background-size: cover;
}
/* area1 */
.pickup .area1 {
  margin-bottom: min(15.5rem,12.91vw);
}
/* area2 */
.pickup .area2 {
  margin-bottom: min(21.5rem,17.91vw);
}
/* area2 area3 */
.pickup .area2, .pickup .area3 {
  position: relative;
}
.pickup .area2::before, .pickup .area3::before {
  content: "";
  background: url(../../images/pickup/pickup-bgGreen.webp)no-repeat;
  background-size: cover;
  position: absolute;
  width: min(120rem,100vw);
  height: min(37.7rem,31.41vw);
  top: 0;
  margin: min(27.6rem,23vw) max(-10vw,-12rem) 0;
  z-index: -1;
}
.no-webp .pickup .area2::before {
  background: url(../../images/pickup/pickup-bgGreen.jpg)no-repeat;
  background-size: cover;
}
.pickup .area3::before {
  background: url(../../images/pickup/pickup-bgPink.webp)no-repeat;
  background-size: cover;
}
.no-webp .pickup .area3::before {
  background: url(../../images/pickup/pickup-bgPink.jpg)no-repeat;
  background-size: cover;
}
/* movieList */
.pickup .movieList {
  position: relative;
  margin: max(-5vw,-6rem) auto 0;
  z-index: 1;
}
.pickup .movieList li {
  width: min(28.7rem,23.91vw);
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.pickup .movieList li iframe {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .pickup {
    padding: min(11rem,9.16vw) 0 min(0,6.08vw);
	 /* padding: min(11rem,9.16vw) 0 min(7.3rem,6.08vw);*/
  }
  .pickup .boxFlex {
    display: flex;
    width: 100%;
  }
  .pickup .boxLink a:hover {
    background: #000;
    color: #ffea00;
  }
  .pickup .boxLink a:hover::after {
    background: url(../../images/pickup/pickup-objectBoxLink-hover.webp)no-repeat;
    background-size: cover;
  }
  .no-webp .pickup .boxLink a:hover::after {
    background: url(../../images/pickup/pickup-objectBoxLink-hover.jpg)no-repeat;
    background-size: cover;
  }
  .pickup .movieList {
    display: flex;
    justify-content: center;
    gap: 0 min(2rem,1.66vw);
    width: min(89.5rem,74.58vw);
  }
  .pickup .movieList li {
    max-height: 16.1rem;
  }
}
@media screen and (max-width: 767px) {
  .pickup {
    padding-top: 6.66vw;
    margin-bottom: 16.8vw;
  }
  .pickup .leadArea {
    background: url(../../images/pickup/pickup-bgPhoto-sp.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 84.53vw;
    margin: 0 -5.06vw -23.2vw;
    padding-top: 13.86vw;
  }
  .no-webp .pickup .leadArea {
    background: url(../../images/pickup/pickup-bgPhoto-sp.jpg)no-repeat;
    background-size: cover;
    background-position: center;
  }
  .pickup .leadArea p {
    font-size: 4.8vw;
    line-height: 2.2em;
  }
  .pickup .boxFlex .box1 {
    width: 64vw;
    height: 64vw;
    align-items: flex-start;
    padding-top: 15.2vw;
  }
  .pickup .area2 .boxFlex .box1, .pickup .area3 .boxFlex .box1 { width: 75vw; }
  .pickup .boxFlex .box2 {
    position: relative;
    z-index: 1;
    width: 90.66vw;
    margin-top: -20.26vw;
    margin-left: 4.26vw;
  }
  .pickup .area2 .boxFlex .box2, .pickup .area2 .boxFlex .box3 {
    width: 83.2vw;
    margin-left: auto;
    margin-right: 0;
  }
  .pickup .boxFlex .box1::before {
    width: 72.53vw;
    height: 64.26vw;
    top: -10.6vw;
    left: -27.2vw;
  }
  .pickup .boxFlex .box1 p { font-size: 5.33vw; }
  .pickup .boxFlex .box2 p { font-size: 4vw; }
  .pickup .boxFlex + .boxLink {
    margin-top: 5.6vw;
  }
  .pickup .boxLink a {
    font-size: 3.73vw;
    padding: 3.55vw 5.33vw;
  }
  .pickup .area1 {
    margin-bottom: 21.86vw;
  }
  .pickup .area2::before, .pickup .area3::before {
    background: url(../../images/pickup/pickup-bgGreen-sp.webp)no-repeat;
    background-size: cover;
    width: 100vw;
    height: 157.3vw;
    margin: 33.6vw -5.06vw 0;
  }
  .no-webp .pickup .area2::before {
    background: url(../../images/pickup/pickup-bgGreen-sp.jpg)no-repeat;
    background-size: cover;
  }
  .pickup .area3::before {
    background: url(../../images/pickup/pickup-bgPink-sp.webp)no-repeat;
    background-size: cover;
    height: 76vw;
  }
  .no-webp .pickup .area3::before {
    background: url(../../images/pickup/pickup-bgPink-sp.jpg)no-repeat;
    background-size: cover;
  }
  .pickup .movieList li {
    width: 73.33vw;
    margin: 0 auto 5.33vw 0;
  }
  .pickup .movieList li:nth-child(even) {
    margin: 0 0 5.33vw auto;
  }
  .pickup .movieList li:last-child {
    margin-bottom: 0;
  }
  .pickup .boxLink a::after {
    top: 50%;
    margin-top: max(-2.051vw,-0.8rem);
  }
}
/*-----------------------------------------
  howto
-----------------------------------------*/
.howto {
  background: url(../../images/howto/howto-bgDots.jpg);
  background-size: 2.8rem 2.8rem;
  width: min(120rem,100vw);
  padding: min(12.5rem,10.41vw) 0;
  margin: 0 auto min(11.3rem,9.41vw);
}
.howto .titleArea {
  margin-bottom: min(9.5rem,7.91vw);
}
.howto .titleMosaic::before, .howto .titleMosaic::after {
  background: url(../../images/object-mosaic-white.webp) no-repeat;
  background-size: contain;
}
.no-webp .howto .titleMosaic::before, .howto .titleMosaic::after {
  background: url(../../images/object-mosaic-white.jpg) no-repeat;
  background-size: contain;
}
/* movieArea */
.howto .movieArea {
  margin-bottom: min(5.4rem,4.5vw);
}
.howto .movieArea .text {
  margin-bottom: min(5.5rem,4.58vw);
}
.howto .movieArea .text p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(3rem,2.5vw);
  line-height: 1em;
  font-weight: 800;
}
.howto .movieArea .movie {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.howto .movieArea .movie iframe {
  width: 100%;
  height: 100%;
}
/* howtoList */
.howto .howtoList ul li {
  background: #fff;
  border: solid min(0.5rem,0.41vw) #ffea00;
  border-radius: 2rem;
  padding: min(6rem,5vw) min(5.5rem,4.58vw) min(5.5rem,4.58vw);
  margin-bottom: min(5.5rem,4.58vw);
}
.howto .howtoList ul li:last-child {
  margin-bottom: 0;
}
.howto .howtoList ul li .text1 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(3rem,2.5vw);
  line-height: min(5.3rem,4.41vw);
  margin-bottom: min(3.5rem,2.91vw);
  font-weight: 800;
}
.howto .howtoList ul li .text2 {
  font-size: min(1.5rem,1.25vw);
  line-height: min(2.6rem,2.16vw);
  font-weight: 600;
}
.howto .howtoList ul li .text3 {
  font-size: min(1.4rem,1.16vw);
  position: absolute;
  right: min(8.3rem,6.91vw);
  bottom: 0;
  font-weight: 600
}
.howto .howtoList ul li .item1 {
  position: relative;
  padding-top: min(11rem,9.16vw);
  padding-right: min(7rem,5.83vw);
}
.howto .howtoList ul li .item1::before {
  content: "";
  background: url(../../images/howto/howto-step1.png)no-repeat;
  background-size: contain;
  position: absolute;
  width: min(15.9rem,13.25vw);
  height: min(15.9rem,13.25vw);
  top: max(-8.33vw,-10rem);
  left: min(8rem,6.66vw);
  z-index: 1;
}
.howto .howtoList ul li:nth-child(2) .item1::before { background: url(../../images/howto/howto-step2.png)no-repeat; background-size: contain; }
.howto .howtoList ul li:nth-child(3) .item1::before { background: url(../../images/howto/howto-step3.png)no-repeat; background-size: contain; }
.howto .howtoList ul li:nth-child(4) .item1::before { background: url(../../images/howto/howto-step4.png)no-repeat; background-size: contain; }
.howto .howtoList ul li:nth-child(5) .item1::before { background: url(../../images/howto/howto-step5.png)no-repeat; background-size: contain; }
.howto .howtoList ul li:nth-child(6) .item1::before { background: url(../../images/howto/howto-step6.png)no-repeat; background-size: contain; }
.howto .howtoList ul li .item2 img {
  width: 100%;
  height: auto;
}
/* itemChoice */
.howto .nonFlex {
  display: block !important;
}
.howto .innerFlex {
  margin-bottom: min(5rem,4.16vw);
}
.howto .itemChoice {
  position: relative;
  background: #1b912e;
  border-radius: min(2rem,1.66vw);
  padding: min(6rem,5vw) min(4rem,3.33vw);
}
.howto .itemChoice::before {
  content: "";
  background: url(../../images/howto/howto-choice-object.png) no-repeat;
  background-size: contain;
  width: min(13.4rem, 11.16vw);
  height: min(13.4rem, 11.16vw);
  position: absolute;
  top: max(-3.58vw,-4.3rem);
  left: max(-2.5vw,-3rem);
}
.howto .itemChoice::after {
  content: "";
  background: #1b912e;
  height: calc(tan(60deg) * min(3.6rem,3vw) / 2);
  width: min(3.1rem,2.58vw);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: max(-2.416vw,-2.9rem);
}
.howto .itemChoice img {
  width: 100%;
  height: auto;
}
.howto .itemChoice .text1 {
  position: relative;
  margin: 0 auto min(6.5rem,5.41vw);
  z-index: 1;
}
.howto .itemChoice .content {
  position: relative;
  margin: 0 0 min(4.2rem,2.83vw);
  width: auto;
  overflow: visible;
  padding: 0;
}
.howto .itemChoice .content::before {
  content: "";
  background: url(../../images/howto/howto-choice-bgText.png) no-repeat;
  background-size: contain;
  width: min(70.7rem, 58.91vw);
  height: min(8.35rem, 6.95vw);
  position: absolute;
  top: max(-4.41vw,-5.3rem);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
.howto .itemChoice .content img {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .howto .howtoList ul li {
    display: flex;
  }
  .howto .howtoList ul li .item1,
  .howto .howtoList ul li .item2 {
    width: 50%;
  }
  .howto .howtoList ul li:nth-child(4) .item2 {
    position: relative;
  }
  .howto .howtoList ul li:nth-child(4) .item2 figure {
    position: absolute;
    top: max(-1.3rem,-1.08vw);
    left: max(-14.1rem,-11.75vw);
    width: min(25.6rem,21.3vw);
    height: min(11.7rem,9.75vw);
    z-index: 10;
  }
  .howto .howtoList ul li:nth-child(6) .text1 {
    padding-top: min(10rem,8.33vw);
    padding-left: min(9rem,7.5vw);
  }
  .howto .innerFlex {
    display: flex;
    align-items: center;
  }
  .howto .itemChoice .text1 {
    width: min(72.4rem,60.33vw);
  }
  .howto .itemChoice .text2 {
    width: min(73.4rem,61.16vw);
  }
  .howto .itemChoice .content {
    margin-right: max(-2vw,-2.4rem);
  }
}
@media screen and (max-width: 767px) {
  .howto .movieArea .text p {
    font-size: 4vw;
    line-height: 6.66vw;
    padding-top: 1.86vw;
  }
  .howto .movieArea {
    margin-bottom: 8.79vw;
  }
  .howto .howtoList ul li {
    border: solid 0.66vw #ffea00;
    padding: 9.33vw 7vw;
    margin-bottom: 10vw;
  }
  .howto .howtoList ul li .text1 {
    font-size: 5.33vw;
    line-height: 9.33vw;
    margin: 0;
  }
  .howto .howtoList ul li .text2 {
    font-size: 4vw;
    line-height: 7.19vw;
    margin-top: 3vw;
  }
  .howto .howtoList ul li .item1 {
    padding-top: 12.5vw;
    padding-bottom: 7vw;
  }
  .howto .howtoList ul li .item1::before {
    width: 21.3vw;
    height: 21.3vw;
    top: -14.93vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .howto .howtoList ul li:nth-child(4) .item2 figure {
    width: 51.46vw;
    margin: 0 auto 3.73vw;
  }
  .howto .innerFlex {
    margin-bottom: 5.73vw;
    border-radius: 5.33vw;
  }
  .howto .itemChoice {
    padding: 16.4vw 4vw 9.33vw;
  }
  .howto .itemChoice::before {
    width: 17vw;
    height: 17vw;
  }
  .howto .itemChoice .text1 {
    margin-bottom: 10.66vw !important;
  }
  .howto .itemChoice .content {
    margin-bottom: 8.53vw;
  }
  .howto .itemChoice .content .content1 {
    margin-bottom: 13vw;
    margin-right: -5.33vw;
  }
  .howto .itemChoice .content .content2 {
    margin-left: -5.33vw;
  }
}
/*-----------------------------------------
  QA
-----------------------------------------*/
.QA {
  padding: 5vw 0 5.8vw;
  margin-bottom: min(12rem,10vw);
}
.QA .titleArea {
  margin-bottom: min(4.8rem,4vw);
}
/* QAlist */
.QAlist {
  width: 100%;
  margin: 0 auto;
}
.QAlist > li {
  padding-bottom: min(4.5rem,3.75vw);
}
.QAlist > li:last-child {
  padding-bottom: 0;
}
.QAlist .label  {
  position: relative;
  background: #fff;
  border: min(3rem,0.25vw) solid #000;
  cursor: pointer;
  padding: min(1.9rem,1.583vw) min(8.5rem,7vw) min(1.9rem,1.583vw) min(3.5rem,2.91vw);
}
.QAlist .label p {
  position: relative;
  font-size: min(3rem,2.5vw);
  font-weight: bold;
  line-height: 1em;
}
.QAlist .label p::before {
  content: "Q";
  padding-right: min(3.5rem,2.91vw);
}
.QAlist .content {
  display: none;
  padding: min(3rem,2.5vw) min(6rem,5vw) min(3rem,2.5vw) min(9.7rem,8.08vw);
  background: #fff;
  border: min(3rem,0.25vw) solid #000;
  border-top: none !important;
  overflow: visible;
  margin: 0;
  width: auto;
}
.QAlist .content p {
  position: relative;
  font-size: min(2.2rem,1.83vw);
  line-height: min(3.8rem,3.16vw);
  text-indent: -2.5em;
  font-weight: 600;
}
.QAlist .content p::before {
  content: "A";
  padding-right: min(3.9rem,3.25vw);
}
.QAlist .content .linkItrem {
  margin-top: min(5.6rem,4.66vw);
  text-align: right;
}
.QAlist .content .linkItrem a {
  font-size: min(1.8rem,1.5vw);
  border-bottom: solid min(0.1rem,0.08vw) #000;
  font-weight: 600;
}
/* icon */
.icon-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  width: min(7rem,5.83vw);
  height: min(7rem,5.83vw);
}
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.3s;
  background: #000;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 3px;
  transform: translate(-50%, -50%);
}
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}
@media screen and (max-width: 767px) {
  .QA {
    margin-bottom: 20vw;
  }
  .QA .titleArea {
    margin-bottom: 6.93vw;
  }
  .QAlist .label {
    border: 0.4vw solid #000;
    padding: 2.46vw 8.53vw 2.46vw 9.86vw;
  }
  .QAlist .label p {
    font-size: 3.73vw;
    line-height: 5.6vw;
    text-indent: -1.6em;
  }
  .QAlist .content {
    border: 0.4vw solid #000;
    padding: 4.2vw 6.66vw 5.2vw 10.4vw;
  }
  .QAlist .content p {
    font-size: 3.73vw;
    line-height: 5.6vw;
    text-indent: -1.6em;
  }
  .QAlist .content .linkItrem {
    margin-top: 4.8vw;
  }
  .QAlist .content .linkItrem a {
    font-size: 3.73vw;
    border-bottom: solid 0.13vw #000;
  }
  .icon-wrap {
    right: 1.33vw;
    top: 5.33vw;
  }
}
/*-----------------------------------------
  contentSlider
-----------------------------------------*/
.contentSlider {
  margin-bottom: min(7rem,5.83vw);
}
.contentSlider .textArea {
  margin-bottom: min(6rem,5vw);
}
.contentSlider .textArea figure {
  width: min(60.2rem,50.16vw);
  margin: 0 auto;
}
.contentSlider .slider1 .slick-slide {
  margin-right: min(3rem,2.5vw);
}
.contentSlider .slider1 .slick-slide:last-child {
  margin-right: 0;
}
.contentSlider .credit {
  margin-top: min(2.2rem,1.83vw);
}
.contentSlider .credit figure {
  width: min(6.45rem,5.375vw);
  margin-left: auto;
}
.contentSlider .textArea img,
.contentSlider .slider1 img,
.contentSlider .credit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .contentSlider {
    margin-bottom: 12vw;
  }
  .contentSlider .textArea {
    margin-bottom: 8.26vw;
  }
  .contentSlider .textArea figure {
    width: 80%;
  }
  .contentSlider .credit {
    margin-top: 0;
  }
  .contentSlider .credit figure {
    width: 13.33vw;
  }
}
/*-----------------------------------------
  fixedBttom
-----------------------------------------*/
.fixedBttom {
  position: fixed;
  background: url(../../images/cta/fixed-cta-bg.webp)no-repeat;
  background-size: cover;
  width: 100vw;
  padding: min(1.6rem,1.33vw) 0;
  bottom: 0;
  z-index: 9999;
}
.no-webp .fixedBttom {
  background: url(../../images/cta/fixed-cta-bg.jpg)no-repeat;
  background-size: cover;
}
.fixedBttom img {
  width: 100%;
  height: auto;
}
.fixedBttom .item2 a {
  position: relative;
  display: block;
}
.fixedBttom .item2 img {
  position: relative;
  box-shadow: 0px 0px 13px 1px rgba(221,205,2,0.76);
}
.fixedBttom .hover {
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: 0.3s;
}
.fixedBttom .hover p {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(2rem, 1.6vw);
  color: #fff;
  opacity: 0;
  font-weight: 800;
}
.fixedBttom a:hover .hover,
.fixedBttom a:hover .hover p {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .fixedBttom .inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fixedBttom .item1 {
    width: min(24.85rem,20.7vw);
    margin-right: min(5rem,4.16vw);
  }
  .fixedBttom .item2 {
    width: min(56.2rem,46.83vw);
  }
}
@media screen and (max-width: 767px) {
  .fixedBttom {
    padding: 3.2vw 0;
  }
  .fixedBttom .item1 {
    width: 53.86vw;
    margin: 0 auto 1.06vw;
  }
}
/*-----------------------------------------
  footer
-----------------------------------------*/
footer {
  padding-bottom: min(5.5rem,4.583vw);
}
footer #partnersArea #titlepartnersList, footer #partnersArea #broadingpartnersList {
  width: 100%;
}
@media screen and (min-width: 768px) {
  footer #partnersArea #partnersList li.supporting a {
    margin-top: 8px;
  }
  footer #bottomArea a {
    color: #06c;
  }
}
@media screen and (max-width: 767px) {
  /* footer {
    padding-bottom: 33.78vw;
  } */



}