@charset "UTF-8";
/* =====================================
	全体設定
===================================== */
.wrapper {
  font-size: 62.5%;
}
.wrapper a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s all ease;
}
.wrapper .sp {
  display: none !important;
}
.wrapper {
  position: relative;
  margin: 0 auto;
  font-size: 1.8rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.68;
  text-align: left;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /*Chrome,Safari*/
  -ms-text-size-adjust: 100%;
  /*EgdeMobile*/
  -moz-text-size-adjust: 100%;
  /*firefox*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
.wrapper img {
  max-width: 100%;
  margin: 0 auto;
}
/* =====================================
	visual
===================================== */
.wrapper .visual h1 {
  width: 100%;
  background: url("/_var/clubelleair/members/yell-guide/img/bg01.png") no-repeat center;
}
.wrapper .visual p {
  width: 100%;
  background: url("/_var/clubelleair/members/yell-guide/img/bg02.png") no-repeat center;
}
.wrapper .visual ul {
  width: 100%;
  height: 415px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: url("/_var/clubelleair/members/yell-guide/img/bg03.png") no-repeat center;
}
.wrapper .visual ul li {
  position: relative;
}
.wrapper .visual ul li:nth-child(1) img {
  filter: drop-shadow(0px 7px 0px rgba(252, 198, 193, 1));
  transition: 0.1s all ease;
}
.wrapper .visual ul li:nth-child(1) a:hover img {
  filter: drop-shadow(0px 3px 0px rgba(252, 198, 193, 1));
  transform: translateY(4px);
}
.wrapper .visual ul li:nth-child(2) img {
  filter: drop-shadow(0px 7px 0px rgba(191, 216, 236, 1));
  transition: 0.1s all ease;
}
.wrapper .visual ul li:nth-child(2) a:hover img {
  filter: drop-shadow(0px 3px 0px rgba(191, 216, 236, 1));
  transform: translateY(4px);
}
.wrapper .visual ul li:nth-child(1) a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("/_var/clubelleair/members/yell-guide/img/illust01.png") no-repeat;
  background-size: 92px 89px;
  width: 92px;
  height: 89px;
  z-index: 10;
  transition: 0.1s all ease;
}
.wrapper .visual ul li:nth-child(1) a:hover::before {
  bottom: -4px;
}
.wrapper .visual ul li:nth-child(2) a::before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 17px;
  background: url("/_var/clubelleair/members/yell-guide/img/illust02.png") no-repeat;
  background-size: 124px 128px;
  width: 124px;
  height: 128px;
  z-index: 10;
  transition: 0.1s all ease;
}
.wrapper .visual ul li:nth-child(2) a:hover::before {
  bottom: -30px;
}
.wrapper .about p {
  width: 100%;
  background: url("/_var/clubelleair/members/yell-guide/img/bg04.png") no-repeat center;
}
.wrapper .method {
  width: 100%;
  background: #fffaeb;
}
.wrapper .method h2 {
  width: 100%;
  background: url("/_var/clubelleair/members/yell-guide/img/bg05.png") no-repeat center;
}
.wrapper .method .anchor {
  display: flex;
  justify-content: center;
  gap: 30px 15px;
  flex-wrap: wrap;
  width: 1000px;
  margin: 0 auto 100px;
}
.wrapper .method .anchor a img {
  filter: drop-shadow(0px 7px 0px rgba(191, 216, 236, 1));
  transition: 0.1s all ease;
}
.wrapper .method .anchor a:hover img {
  filter: drop-shadow(0px 3px 0px rgba(191, 216, 236, 1));
  transform: translateY(4px);
}
.wrapper .method ul li {
  position: relative;
  display: table;
  margin: 0 auto;
}
.wrapper .method ul li a img {
  filter: drop-shadow(0px 4px 0px rgba(191, 216, 236, 1));
  transition: 0.1s all ease;
}
.wrapper .method ul li a:hover img {
  filter: drop-shadow(0px 2px 0px rgba(191, 216, 236, 1));
  transform: translateY(2px);
}
.wrapper .method ul .sec01 a img {
  position: absolute;
  top: 60.93%;
  left: 24.8%;
  width: 23.2%;
}
.wrapper .method ul .sec02 a img {
  position: absolute;
  top: 64.34%;
  left: 51.8%;
  width: 23.2%;
}
.wrapper .method ul .sec03 a img {
  position: absolute;
  top: 63.3772%;
  left: 19.8%;
}
.wrapper .method ul .sec06 a img {
  position: absolute;
  top: 49.261%;
  left: 45.8%;
}
.wrapper .cv ul {
  width: 100%;
  height: 415px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: url("/_var/clubelleair/members/yell-guide/img/bg06.png") no-repeat center;
}
.wrapper .cv ul li {
  position: relative;
}
.wrapper .cv ul li:nth-child(1) img {
  filter: drop-shadow(0px 7px 0px rgba(252, 198, 193, 1));
  transition: 0.1s all ease;
}
.wrapper .cv ul li:nth-child(1) a:hover img {
  filter: drop-shadow(0px 3px 0px rgba(252, 198, 193, 1));
  transform: translateY(4px);
}
.wrapper .cv ul li:nth-child(2) img {
  filter: drop-shadow(0px 7px 0px rgba(191, 216, 236, 1));
  transition: 0.1s all ease;
}
.wrapper .cv ul li:nth-child(2) a:hover img {
  filter: drop-shadow(0px 3px 0px rgba(191, 216, 236, 1));
  transform: translateY(4px);
}
.wrapper .cv ul li:nth-child(1) a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("/_var/clubelleair/members/yell-guide/img/illust01.png") no-repeat;
  background-size: 92px 89px;
  width: 92px;
  height: 89px;
  z-index: 10;
  transition: 0.1s all ease;
}
.wrapper .cv ul li:nth-child(1) a:hover::before {
  bottom: -4px;
}
.wrapper .cv ul li:nth-child(2) a::before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 17px;
  background: url("/_var/clubelleair/members/yell-guide/img/illust02.png") no-repeat;
  background-size: 124px 128px;
  width: 124px;
  height: 128px;
  z-index: 10;
  transition: 0.1s all ease;
}
.wrapper .cv ul li:nth-child(2) a:hover::before {
  bottom: -30px;
}
.use p {
  width: 100%;
  background: url("/_var/clubelleair/members/yell-guide/img/bg07.png") no-repeat center;
}
.wrapper .bnr {
  width: 100%;
  padding: 57px 40px 62px;
  border-top: 3px solid #e5e5e5;
}
.wrapper .bnr ul {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.wrapper .bnr ul li {
  max-width: 420px;
}
.wrapper .bnr ul li a {
  transition: 0.3s all ease;
}
.wrapper .bnr ul li a:hover {
  opacity: 0.6;
}
@media screen and (max-width:750px) {
  .wrapper .pc {
    display: none !important;
  }
  .wrapper .sp {
    display: block !important;
  }
  .wrapper a:hover {
    opacity: 1;
  }
  /* =====================================
	visual
===================================== */
  .wrapper .visual ul {
    height: 68.67vw;
    display: block;
    background: url("/_var/clubelleair/members/yell-guide/img/sp/bg03.png") no-repeat center;
    background-size: 100% auto;
    padding-top: 17.067vw;
  }
  .wrapper .visual ul li {
    width: 77.33vw;
    margin: 0 auto 4.67vw;
  }
  .wrapper .visual ul li:nth-child(1) img {
    filter: drop-shadow(0px 0.933vw 0px rgba(252, 198, 193, 1));
  }
  .wrapper .visual ul li:nth-child(1) a:hover img {
    filter: drop-shadow(0px 0.933vw 0px rgba(252, 198, 193, 1));
    transform: translateY(0);
  }
  .wrapper .visual ul li:nth-child(2) img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
    transition: 0.1s all ease;
  }
  .wrapper .visual ul li:nth-child(2) a:hover img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
    transform: translateY(0);
  }
  .wrapper .visual ul li:nth-child(1) a::before {
    left: 4.67vw;
    background: url("/_var/clubelleair/members/yell-guide/img/illust01.png") no-repeat;
    background-size: 16vw 15.33vw;
    width: 16vw;
    height: 15.33vw;
  }
  .wrapper .visual ul li:nth-child(1) a:hover::before {
    bottom: 0;
  }
  .wrapper .visual ul li:nth-child(2) a::before {
    bottom: -4.533vw;
    left: 2.933vw;
    background: url("/_var/clubelleair/members/yell-guide/img/illust02.png") no-repeat;
    background-size: 21.467vw 22.133vw;
    width: 21.467vw;
    height: 22.133vw;
  }
  .wrapper .visual ul li:nth-child(2) a:hover::before {
    bottom: -4.533vw;
  }
  .wrapper .method .anchor {
    gap: 2.933vw 2.67vw;
    width: 89.33vw;
    margin: 0 auto 14.267vw;
  }
  .wrapper .method .anchor a img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
    width: 43.33vw;
  }
  .wrapper .method .anchor a:hover img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
    transform: translateY(0);
  }
  .wrapper .method .anchor li:nth-child(5) a img, .wrapper .method .anchor li:nth-child(6) a img {
    width: 100%;
  }
  .wrapper .method ul li a img {
    filter: drop-shadow(0px 0.533vw 0px rgba(191, 216, 236, 1));
  }
  .wrapper .method ul li a:hover img {
    filter: drop-shadow(0px 0.533vw 0px rgba(191, 216, 236, 1));
    transform: translateY(0);
  }
  .wrapper .method ul .sec01 a img {
    top: 60.933vw;
    left: 12.8vw;
    width: 40.267vw;
  }
  .wrapper .method ul .sec02 a img {
    top: 92.8vw;
    left: 46.533vw;
    width: 42.933vw;
  }
  .wrapper .method ul .sec03 a img {
    top: 78.4vw;
    left: 12vw;
    width: 40.267vw;
  }
  .wrapper .method ul .sec06 a img {
    top: 44.267vw;
    left: 43.867vw;
    width: 45.6vw;
  }
  .wrapper .cv ul {
    height: 68.67vw;
    display: block;
    background: url("/_var/clubelleair/members/yell-guide/img/sp/bg06.png") no-repeat center;
    background-size: 100% auto;
    padding-top: 17.067vw;
  }
  .wrapper .cv ul li {
    width: 77.33vw;
    margin: 0 auto 4.67vw;
  }
  .wrapper .cv ul li:nth-child(1) img {
    filter: drop-shadow(0px 0.933vw 0px rgba(252, 198, 193, 1));
  }
  .wrapper .cv ul li:nth-child(1) a:hover img {
    filter: drop-shadow(0px 0.933vw 0px rgba(252, 198, 193, 1));
    transform: translateY(0);
  }
  .wrapper .cv ul li:nth-child(2) img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
  }
  .wrapper .cv ul li:nth-child(2) a:hover img {
    filter: drop-shadow(0px 0.933vw 0px rgba(191, 216, 236, 1));
    transform: translateY(0);
  }
  .wrapper .cv ul li:nth-child(1) a::before {
    left: 4.67vw;
    background: url("/_var/clubelleair/members/yell-guide/img/illust01.png") no-repeat;
    background-size: 16vw 15.33vw;
    width: 16vw;
    height: 15.33vw;
  }
  .wrapper .cv ul li:nth-child(1) a:hover::before {
    bottom: 0;
  }
  .wrapper .cv ul li:nth-child(2) a::before {
    bottom: -4.533vw;
    left: 2.933vw;
    background: url("/_var/clubelleair/members/yell-guide/img/illust02.png") no-repeat;
    background-size: 21.467vw 22.133vw;
    width: 21.467vw;
    height: 22.133vw;
  }
  .wrapper .cv ul li:nth-child(2) a:hover::before {
    bottom: -4.533vw;
  }
  .wrapper .bnr {
    padding: 10.267vw 0 16vw;
    border-top: 0.4vw solid #e5e5e5;
  }
  .wrapper .bnr h2 img {
    width: 77.733vw;
  }
  .wrapper .bnr ul {
    margin-top: 5.33vw;
    flex-wrap: wrap;
    gap: 5.33vw;
  }
  .wrapper .bnr ul li {
    max-width: 89.33vw;
  }
  .wrapper .bnr ul li a:hover {
    opacity: 1;
  }
}