@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap");
/*変数設定用*/
.lazy {
  opacity: 0;
  transition: all 1s ease-in-out;
}
.lazy.on {
  opacity: 1;
}

.c_delay5 {
  transition-delay: 0.5s;
}

.c_delay10 {
  transition-delay: 1s;
}

.c_delay15 {
  transition-delay: 1.5s;
}

.lazy_bottom {
  transform: translateY(30px);
}
.lazy_bottom.on {
  transform: none;
}

.mv {
  height: 36vw;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
  .mv {
    height: 102.5vw;
  }
}

.shutter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 1;
  -webkit-animation: opening 3s linear forwards;
          animation: opening 3s linear forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  z-index: 85;
}

@-webkit-keyframes opening {
  0% {
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes opening {
  0% {
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}
.mv_catch {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  max-width: 40%;
}
.mv_catch.opening {
  top: 70%;
  transform: scale(1.2) translate(-42%, -100%);
  -webkit-animation: catchInUp 2s linear forwards;
          animation: catchInUp 2s linear forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media (max-width: 767px) {
  .mv_catch.opening {
    top: 68%;
    max-width: none;
    width: 80.9333333333%;
  }
}
@media (max-width: 767px) {
  .mv_catch {
    top: 77%;
    max-width: none;
    width: 80.9333333333%;
  }
}
.mv_catch.back {
  display: none;
}

@-webkit-keyframes catchInUp {
  0% {
    opacity: 1;
    transform: scale(1.2) translate(-42%, -100%);
  }
  100% {
    opacity: 0;
    transform: scale(1.2) translate(-42%, -100%);
  }
}

@keyframes catchInUp {
  0% {
    opacity: 1;
    transform: scale(1.2) translate(-42%, -100%);
  }
  100% {
    opacity: 0;
    transform: scale(1.2) translate(-42%, -100%);
  }
}
.mv_slide {
  position: relative;
  z-index: 10;
  margin-top: 30px;
}

.slide_wrapp {
  margin-left: 10.7142857143%;
}
@media all and (-ms-high-contrast: none) {
  .slide_wrapp {
    float: left;
    margin-left: 1%;
  }
}
.slide_wrapp img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (-ms-high-contrast: none) {
  .slide_wrapp img {
    width: 137px;
  }
}

.mv_slide_list:nth-child(even) .slide_wrapp {
  padding-top: 6.8vw;
}

.deco_wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 36.84%;
}

.mv_deco {
  position: absolute;
  z-index: 20;
}

@-webkit-keyframes rolling {
  0%, 100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(120deg);
  }
}

@keyframes rolling {
  0%, 100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(120deg);
  }
}
@-webkit-keyframes trans {
  0%, 100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10%, 10%);
  }
}
@keyframes trans {
  0%, 100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10%, 10%);
  }
}
.mv_deco_01 {
  right: 37%;
  top: 5%;
  width: 5.2%;
}
.mv_deco_01 .parts_01 {
  position: absolute;
  top: -2px;
  left: -10px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_01 .parts_02 {
  position: absolute;
  top: -19px;
  left: -51px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_01 .parts_03 {
  position: absolute;
  top: -34px;
  left: -7px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_01 {
    display: none;
  }
}

.mv_deco_02 {
  left: 31.9%;
  top: 47%;
  width: 9.4%;
}
.mv_deco_02 .parts_01 {
  position: absolute;
  top: 22px;
  left: -60px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_02 .parts_02 {
  position: absolute;
  top: -19px;
  left: -51px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_02 .parts_03 {
  position: absolute;
  top: -24px;
  left: -37px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_02 {
    display: none;
  }
}

.mv_deco_03 {
  left: 23%;
  top: 5%;
  width: 5.8%;
}
.mv_deco_03 .parts_01 {
  position: absolute;
  top: -32px;
  left: -32px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_03 .parts_02 {
  position: absolute;
  top: 36px;
  left: -56px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_03 .parts_03 {
  position: absolute;
  top: -3px;
  left: -105px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_03 {
    width: 6%;
    left: 80%;
    top: 20%;
  }
  .mv_deco_03 img {
    width: 100%;
  }
}

.mv_deco_04 {
  right: 0;
  top: 30%;
  width: 5.4%;
}
.mv_deco_04 .parts_01 {
  position: absolute;
  top: -2px;
  left: -10px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_04 .parts_02 {
  position: absolute;
  top: -19px;
  left: -51px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_04 .parts_03 {
  position: absolute;
  top: -34px;
  left: -7px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_04 {
    width: 10%;
    right: 70%;
    top: 120%;
  }
  .mv_deco_04 img {
    width: 100%;
  }
}

.mv_deco_05 {
  right: 26%;
  top: 72%;
  width: 8.4%;
}
.mv_deco_05 .parts_01 {
  position: absolute;
  top: -2px;
  left: -10px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_05 .parts_02 {
  position: absolute;
  top: -19px;
  left: -51px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_05 .parts_03 {
  position: absolute;
  top: -34px;
  left: -7px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_05 {
    display: none;
  }
}

.mv_deco_06 {
  left: 9.5%;
  bottom: 6%;
  width: 2.6%;
}
.mv_deco_06 .parts_01 {
  position: absolute;
  top: -68px;
  left: -39px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.mv_deco_06 .parts_02 {
  position: absolute;
  top: -19px;
  left: -51px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.mv_deco_06 .parts_03 {
  position: absolute;
  top: -34px;
  left: -7px;
  -webkit-animation: 3s trans infinite;
          animation: 3s trans infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media (max-width: 767px) {
  .mv_deco_06 {
    display: none;
  }
}

.mv_maru {
  position: absolute;
  -webkit-animation: 3s fuwa_st infinite;
          animation: 3s fuwa_st infinite;
}

@-webkit-keyframes fuwa_st {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes fuwa_st {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes fuwa_slan {
  0%, 100% {
    transform: translate(0);
  }
  50% {
    transform: translate(-20px, -20px);
  }
}
@keyframes fuwa_slan {
  0%, 100% {
    transform: translate(0);
  }
  50% {
    transform: translate(-20px, -20px);
  }
}
.mv_maru_01 {
  left: 0;
  top: 2%;
  width: 13.6%;
}
@media (max-width: 767px) {
  .mv_maru_01 {
    width: 27%;
  }
}

.mv_maru_02 {
  left: 19.6%;
  bottom: 5%;
  width: 8.5%;
}
@media (max-width: 767px) {
  .mv_maru_02 {
    display: none;
  }
}

.mv_maru_03 {
  left: 39.3%;
  top: 10%;
  width: 4.2%;
}
@media (max-width: 767px) {
  .mv_maru_03 {
    top: 0;
    left: 55%;
    width: 10%;
  }
}

.mv_maru_04 {
  left: 52.1%;
  bottom: 5%;
  width: 11.5%;
}
@media (max-width: 767px) {
  .mv_maru_04 {
    display: none;
  }
}

.mv_maru_05 {
  left: 71.8%;
  top: 6%;
  width: 8.4%;
}
@media (max-width: 767px) {
  .mv_maru_05 {
    display: none;
  }
}

.mv_maru_06 {
  right: 4%;
  top: 60%;
  width: 4.4%;
}
@media (max-width: 767px) {
  .mv_maru_06 {
    display: none;
  }
}

.mv_bottom {
  margin-top: 27px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .mv_bottom {
    margin: 0 auto;
    margin-top: 43px;
    margin-bottom: 45px;
  }
}

.mv_bottom_txt {
  text-align: center;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #000;
  line-height: 1.99;
  font-weight: 600;
}
@media (max-width: 767px) {
  .mv_bottom_txt {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 2;
    width: 100%;
    margin: 0 auto;
  }
}

.truearrow {
  padding: 60px 0 94px;
  position: relative;
  background: no-repeat url("./../image/truearrow.png");
  background-position: bottom center;
  background-size: cover;
}
@media (max-width: 767px) {
  .truearrow {
    background: no-repeat url("./../image/truearrow_sp.png");
    background-size: contain;
    padding-top: 5vw;
    padding-bottom: 20vw;
  }
}

.truearrow_ttl {
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .truearrow_ttl {
    letter-spacing: 7px;
    font-size: 2.5rem;
    line-height: 8vw;
  }
}
.truearrow_ttl .bold {
  font-size: 3.6rem;
}
@media (max-width: 767px) {
  .truearrow_ttl .bold {
    font-size: 4.5rem;
  }
}

/* 共通部分
===================================== */
.section {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .section {
    padding: 0 30px;
  }
}

.inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.ar_icon {
  width: 8.2%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .ar_icon {
    width: 16.5333333333%;
  }
  .ar_icon img {
    width: 100%;
    height: auto;
  }
}

.main_title {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .main_title {
    font-size: 4.8rem;
  }
}

.sub_title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 767px) {
  .sub_title {
    font-size: 3rem;
  }
}

.discription {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.24;
  color: #000;
}
@media (max-width: 767px) {
  .discription {
    font-size: 2.6rem;
    line-height: 1.61;
    font-weight: 600;
  }
}

.common_btn {
  display: block;
  width: 50%;
  height: 8.2vw;
  background: transparent url(../image/common_btn.png) no-repeat center center/contain;
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  .common_btn {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .common_btn {
    background: transparent url(../image/com_btn_sp.png) no-repeat center center/contain;
    width: 88.418079096%;
    height: 13.86vw;
  }
}
.common_btn:hover {
  opacity: 0.7;
}
.common_btn::after {
  content: "";
  position: absolute;
  background: transparent url(../image/btn_arrow.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: 21px;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .common_btn::after {
    width: 4.13vw;
    height: 4.13vw;
  }
}
.common_btn span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #e50833;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .common_btn span {
    font-size: 3.4rem;
  }
}

.small_title {
  width: 20%;
  margin: 0 auto;
  height: 59px;
  line-height: 59px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  color: #e30934;
  border-top: 1px #e30934 solid;
  border-bottom: 1px #e30934 solid;
}
@media (max-width: 767px) {
  .small_title {
    width: 42.3728813559%;
    height: 12.4vw;
    line-height: 12.4vw;
    font-size: 3.3rem;
  }
}

.small_title_mv {
  width: 35%;
  margin: 60px auto 0;
  height: 59px;
  line-height: 59px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  color: #e30934;
  border-top: 1px #e30934 solid;
  border-bottom: 1px #e30934 solid;
}
@media (max-width: 767px) {
  .small_title_mv {
    width: 70.6214689266%;
    height: 12.4vw;
    line-height: 12.4vw;
    font-size: 3.3rem;
  }
}

.yt_mv_wrap {
  width: 100%;
  max-width: 600px;
  margin: 28px auto 0;
}
@media (max-width: 767px) {
  .yt_mv_wrap {
    margin-top: 5.7971014493%;
  }
}
.yt_mv_wrap .yt_mv {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.yt_mv_wrap .yt_mv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .yt_mv_wrap .yt_mv {
    max-width: 600;
  }
}

/* work_place
===================================== */
.wp_inner {
  padding-top: 69px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .wp_inner {
    padding-top: 8.9855072464%;
    padding-bottom: 17.3913043478%;
  }
}

.wp_title {
  padding-top: 23px;
  color: #e30934;
}
@media (max-width: 767px) {
  .wp_title {
    padding-top: 7.9710144928%;
  }
}

.wp_subtitle {
  padding-top: 1px;
}
@media (max-width: 767px) {
  .wp_subtitle {
    padding-top: 1.884057971%;
  }
}

.wp_discription {
  padding-top: 33px;
}
@media (max-width: 767px) {
  .wp_discription {
    padding-top: 5.7971014493%;
    width: 72.4637681159%;
    margin: 0 auto;
  }
}

.wp_image_wrapper {
  position: relative;
  margin-top: 28px;
  padding-top: 89%;
}
@media (max-width: 767px) {
  .wp_image_wrapper {
    margin-top: 1.3043478261%;
    padding-top: 0;
  }
}

.wp_image_item {
  position: absolute;
  width: 60%;
  padding-top: 51.3%;
}
@media (max-width: 767px) {
  .wp_image_item {
    position: relative;
    width: 100%;
    padding-top: 86.52%;
  }
}
.wp_image_item:first-child {
  top: 0;
  left: 0;
}
.wp_image_item:first-child .wp_item_text {
  top: 32.3586744639%;
  left: 85.8333333333%;
}
@media (max-width: 767px) {
  .wp_image_item:first-child .wp_item_text {
    top: 64.824120603%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.wp_image_item:last-child {
  bottom: -8px;
  right: 0;
}
.wp_image_item:last-child .wp_item_text {
  top: 32.9434697856%;
  right: 86%;
}
@media (max-width: 767px) {
  .wp_image_item:last-child .wp_item_text {
    top: 64.824120603%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.wp_item_bg {
  position: absolute;
  width: 90%;
  height: auto;
  top: 0;
  left: 5%;
}
@media (max-width: 767px) {
  .wp_item_bg {
    width: 91.3043478261%;
  }
  .wp_item_bg img {
    width: 100%;
    height: auto;
  }
}

.wp_item_img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  left: 0;
}
@media all and (-ms-high-contrast: none) {
  .wp_item_img {
    opacity: 1;
  }
}
.wp_item_img.slideUp {
  -webkit-animation: moveUp 2s forwards;
          animation: moveUp 2s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media (max-width: 767px) {
  .wp_item_img img {
    width: 100%;
    height: auto;
  }
}

@-webkit-keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
  }
}
.wp_item_text {
  position: absolute;
  width: 80.8333333333%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 999px) {
  .wp_item_text {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .wp_item_text {
    width: 91.3043478261%;
  }
}
.wp_item_text p {
  padding-top: 5.7731958763%;
  padding-right: 7.2164948454%;
  padding-bottom: 11.1340206186%;
  padding-left: 7.2164948454%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 999px) {
  .wp_item_text p {
    padding-top: 6.2222222222%;
    padding-right: 2.2222222222%;
    padding-bottom: 12%;
    padding-left: 2.2222222222%;
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .wp_item_text p {
    padding-top: 4.126984127%;
    padding-right: 2.380952381%;
    padding-bottom: 11.746031746%;
    padding-left: 2.380952381%;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1.6;
  }
}
.wp_item_text .wp_btn {
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 51.7985611511%;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 767px) {
  .wp_item_text .wp_btn {
    top: 73.4104046243%;
    width: 72.5396825397%;
    height: 50.289017341%;
  }
}
.wp_item_text .wp_btn::after {
  content: "";
  position: absolute;
  background: transparent url(../image/btn_arrow.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .wp_item_text .wp_btn::after {
    right: 8px;
    width: 4.13vw;
    height: 4.13vw;
  }
}
.wp_item_text .wp_btn a {
  font-size: 1.8rem;
  line-height: 400%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  color: #fff;
  position: relative;
  transition: all 0.3s linear 0s;
  display: block;
  color: #fff;
  background-image: linear-gradient(to right, #e30934 50%, rgb(255, 255, 255) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 0.3s;
}
.wp_item_text .wp_btn a:hover {
  background-position: -100% 0;
  color: #e30934;
  border: 1px solid #e30934;
}
@media (max-width: 767px) {
  .wp_item_text .wp_btn a {
    font-size: 3.4rem;
    line-height: 267.6470588235%;
  }
}
.wp_item_text .wp_btn a:hover {
  opacity: 0.7;
}

.wp_image_list {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .wp_image_list {
    margin-top: 13.0434782609%;
    flex-wrap: wrap;
    row-gap: 4vw;
  }
}

.wp_list_item {
  position: relative;
  width: 22.8%;
}
.wp_list_item:hover .wp_list_cover {
  opacity: 1;
}
@media (max-width: 767px) {
  .wp_list_item {
    width: 47.8260869565%;
  }
}

.wp_list_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(253, 33, 33, 0.7);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.wp_list_text {
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  z-index: 20;
  transform: translate(-50%, -50%);
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .wp_list_text {
    font-size: 2.7rem;
  }
}

.wp_baner {
  margin-top: 49px;
  position: relative;
}
@media (max-width: 767px) {
  .wp_baner {
    margin-top: 4vw;
  }
}

/* occupation
===================================== */
.occupation {
  background-color: #fffbe9;
}

.ocp_inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .ocp_inner {
    padding-top: 8.6956521739%;
    padding-bottom: 17.2463768116%;
  }
}

.ocp_title {
  padding-top: 23px;
  color: #ff9b25;
}
@media (max-width: 767px) {
  .ocp_title {
    padding-top: 9.5652173913%;
  }
}

.ocp_subtitle {
  padding-top: 2px;
}
@media (max-width: 767px) {
  .ocp_subtitle {
    padding-top: 1.884057971%;
  }
}

.ocp_discription {
  padding-top: 31px;
}
@media (max-width: 767px) {
  .ocp_discription {
    padding-top: 5.5072463768%;
    width: 100%;
    margin: 0 auto;
  }
}

.ocp_image_list {
  margin-top: 33px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31.3% 3vw 31.3% 3vw 31.3%;
  grid-template-columns: 31.3% 31.3% 31.3%;
  -ms-grid-rows: auto 3vw auto;
  grid-template-rows: auto auto;
  justify-content: space-between;
  row-gap: 3vw;
}
@media (max-width: 767px) {
  .ocp_image_list {
    margin-top: 4.2028985507%;
    -ms-grid-columns: 47.82% 4vw 47.82%;
    grid-template-columns: 47.82% 47.82%;
    -ms-grid-rows: auto 4vw auto 4vw auto;
    grid-template-rows: auto auto auto;
    row-gap: 4vw;
  }
}

.ocp_image_item {
  width: 100%;
  height: auto;
  position: relative;
}
.ocp_image_item:hover .ocp_img_cover {
  opacity: 1;
}
.ocp_image_item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.ocp_image_item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}
.ocp_image_item:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.ocp_image_item:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}
.ocp_image_item:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.ocp_image_item:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}
@media (max-width: 767px) {
  .ocp_image_item:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}

.ocp_img_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(240, 143, 63, 0.7);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.ocp_list_text {
  position: absolute;
  white-space: nowrap;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.79;
  color: #fff;
}
@media (max-width: 767px) {
  .ocp_list_text {
    font-size: 2.7rem;
  }
}

.ocp_btn {
  margin: 0 auto;
  margin-top: 3vw;
}
@media (max-width: 767px) {
  .ocp_btn {
    margin-top: 4vw;
  }
}

/* employee
===================================== */
.emp_inner {
  padding-top: 120px;
  padding-bottom: 58px;
}
@media (max-width: 767px) {
  .emp_inner {
    padding-top: 14.4927536232%;
    padding-bottom: 14.4927536232%;
  }
}

.emp_title {
  padding-top: 18px;
  color: #e30934;
}
@media (max-width: 767px) {
  .emp_title {
    padding-top: 11.1594202899%;
  }
}

.emp_subtitle {
  padding-top: 3px;
}
@media (max-width: 767px) {
  .emp_subtitle {
    padding-top: 1.884057971%;
  }
}

.emp_discription {
  padding-top: 33px;
}
@media (max-width: 767px) {
  .emp_discription {
    padding-top: 5.7971014493%;
    width: 72.4637681159%;
    margin: 0 auto;
  }
}

.emp_content_wrapper {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .emp_content_wrapper {
    margin-top: 5.7971014493%;
  }
}

.emp_content_text {
  padding-top: 18px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.24;
  color: #000;
}
@media (max-width: 767px) {
  .emp_content_text {
    padding-top: 5.7971014493%;
    font-size: 2.2rem;
    line-height: 1.67;
    width: 49.2753623188%;
    margin: 0 auto;
    font-weight: 600;
  }
}

.emp_video_list {
  margin-top: 19px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .emp_video_list {
    margin-top: 4.347826087%;
    display: block;
  }
}

.video_item {
  width: 48.5%;
}
@media (max-width: 767px) {
  .video_item {
    width: 100%;
  }
  .video_item:not(:first-child) {
    margin-top: 48px;
  }
}
.video_item video {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: auto;
}

.video_text {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: left;
}
.video_text p {
  padding-top: 5.3608247423%;
  padding-right: 6.5979381443%;
  padding-bottom: 2.6804123711%;
  padding-left: 6.1855670103%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  color: #000;
}
@media (max-width: 767px) {
  .video_text p {
    padding-top: 4.347826087%;
    padding-right: 5.2173913043%;
    padding-bottom: 6.0869565217%;
    padding-left: 4.6376811594%;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.67;
  }
}

.emp_btn {
  margin: 0 auto;
  margin-top: 47px;
}
@media (max-width: 767px) {
  .emp_btn {
    margin-top: 8.6956521739%;
  }
}

/* friend
===================================== */
.friend {
  background: transparent url(../image/comp_back.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .friend {
    background: transparent url(../image/comp_back_sp.png) no-repeat center center/cover;
  }
}

.fr_inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .fr_inner {
    padding-top: 7.2463768116%;
    padding-bottom: 8.6956521739%;
  }
}

.fr_discription {
  padding-top: 22px;
}
@media (max-width: 767px) {
  .fr_discription {
    padding-top: 6.5217391304%;
    width: 62.3188405797%;
    margin: 0 auto;
  }
}

.fr_image_wrapper {
  margin-top: 23px;
}
@media (max-width: 767px) {
  .fr_image_wrapper {
    margin-top: 2.8985507246%;
  }
}
@media all and (-ms-high-contrast: none) {
  .fr_image_wrapper {
    clear: both;
  }
}

@media all and (-ms-high-contrast: none) {
  .fr_image_list {
    clear: both;
  }
}

.fr_list_item {
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  .fr_list_item {
    width: 19%;
    float: left;
    margin-top: 70px;
  }
}

.fr_item_img {
  margin: 0 6%;
  padding-top: 133%;
  position: relative;
}
@media (max-width: 767px) {
  .fr_item_img {
    margin: 0;
    padding-top: 96.66%;
  }
}
.fr_item_img img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .fr_item_img img {
    width: 66.0869565217%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.fr_item_text {
  position: absolute;
  z-index: 100;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 83.2%;
  height: 110px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
@media (max-width: 767px) {
  .fr_item_text {
    width: 60.2898550725%;
    height: 34.0909090909%;
    transform: translateX(-50%);
  }
}

.fr_text_title {
  position: absolute;
  top: -18px;
  left: -2.9%;
  width: 87.2246696035%;
  padding-left: 9.6916299559%;
  height: 38px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  color: #fff;
  letter-spacing: 1.25px;
  background-color: #e30934;
}
@media (max-width: 767px) {
  .fr_text_title {
    width: 88.9423076923%;
    top: -4.8vw;
    left: -4.8%;
    height: 35.6097560976%;
    font-size: 3rem;
    line-height: 2.4333333333;
  }
}

.fr_text_discription {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: normal;
  padding-top: 13.9423076923%;
  padding-left: 10.0961538462%;
  color: #000;
  text-align: left;
}
.fr_text_discription .bold {
  line-height: 1.8;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .fr_text_discription {
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: normal;
    padding-top: 14.1826923077%;
    padding-left: 10.5769230769%;
  }
  .fr_text_discription .bold {
    font-size: 3rem;
  }
}

@media all and (-ms-high-contrast: none) {
  .fr_text_discription {
    font-size: 1rem;
    padding-top: 30px;
  }
}
.slick-arrow {
  width: 4rem;
  height: 4rem;
  background: #e30934;
  position: absolute;
  border: none;
  top: 40%;
  z-index: 2;
}
@media (max-width: 767px) {
  .slick-arrow {
    width: 8rem;
    height: 8rem;
  }
}
.slick-arrow:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .slick-arrow:after {
    width: 2rem;
    height: 2rem;
  }
}
.slick-arrow.prev-arrow {
  left: 0;
  transform: translateX(38%);
}
@media (max-width: 767px) {
  .slick-arrow.prev-arrow {
    transform: none;
  }
}
.slick-arrow.prev-arrow:after {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.slick-arrow.next-arrow {
  right: 0;
  transform: translateX(-40%);
}
@media (max-width: 767px) {
  .slick-arrow.next-arrow {
    transform: none;
  }
}
.slick-arrow.next-arrow:after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.fr_btn {
  margin: 0 auto;
  margin-top: 41px;
}
@media (max-width: 767px) {
  .fr_btn {
    margin-top: 8.6956521739%;
  }
}

/* epsode
===================================== */
.eps_inner {
  padding-top: 82px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .eps_inner {
    padding-top: 14.347826087%;
    padding-bottom: 14.4927536232%;
  }
}

.eps_discription {
  padding-top: 23px;
}
@media (max-width: 767px) {
  .eps_discription {
    padding-top: 4.347826087%;
    width: 100%;
    margin: 0 auto;
  }
}

.eps_content_wrapper {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .eps_content_wrapper {
    margin-top: 18px;
  }
}

.eps_item {
  position: relative;
}
.eps_item:not(:first-child) {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .eps_item {
    padding-bottom: 36.67%;
  }
}
.eps_item:nth-child(odd) .eps_item_bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.eps_item:nth-child(odd) .eps_item_captions {
  top: 0;
  left: 54%;
  padding-top: 2.4%;
}
@media (max-width: 767px) {
  .eps_item:nth-child(odd) .eps_item_captions {
    top: 28.68%;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-left: 4.2028985507%;
  }
}
.eps_item:nth-child(even) .eps_item_image {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .eps_item:nth-child(even) .eps_item_image {
    position: static;
  }
}
.eps_item:nth-child(even) .eps_item_captions {
  top: 0;
  left: 0;
  padding-top: 2.4%;
  padding-left: 3.8%;
  z-index: 10;
}
@media (max-width: 767px) {
  .eps_item:nth-child(even) .eps_item_captions {
    top: 28.68%;
    left: 0;
    padding-top: 0;
    padding-left: 4.2028985507%;
  }
}
@media (max-width: 767px) {
  .eps_item:nth-child(even) .eps_item_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
}
.eps_item .eps_item_bg {
  width: 50%;
}
@media (max-width: 767px) {
  .eps_item .eps_item_bg {
    width: 100%;
  }
}
.eps_item .eps_item_image {
  width: 60%;
}
@media (max-width: 767px) {
  .eps_item .eps_item_image {
    width: 100%;
  }
  .eps_item .eps_item_image img {
    width: 100%;
    height: auto;
  }
}
.eps_item .eps_item_captions {
  position: absolute;
  text-align: left;
  width: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions {
    width: 100%;
    height: auto;
  }
}
.eps_item .eps_item_captions .eps_number {
  width: 20%;
  height: 28.328611898%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_number {
    width: 21.884057971%;
    height: 20.13vw;
  }
}
.eps_item .eps_item_captions .eps_number p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 4.8rem;
  font-weight: bold;
  color: #e30934;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_number p {
    font-size: 7.2rem;
  }
}
.eps_item .eps_item_captions .eps_number p::after {
  content: "EPISODE";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #e30934;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_number p::after {
    font-size: 2.4rem;
  }
}
.eps_item .eps_item_captions .eps_text_wrapper {
  margin: 1.58vw 0;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_text_wrapper {
    margin: 4vw 0;
  }
}
.eps_item .eps_item_captions .eps_text_wrapper .eps_text {
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.63;
  color: #fff;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #e30934 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 0.3s;
  padding: 0 10px;
}
@media all and (-ms-high-contrast: none) {
  .eps_item .eps_item_captions .eps_text_wrapper .eps_text {
    color: #e30934;
  }
}
.eps_item .eps_item_captions .eps_text_wrapper .eps_text.slideIn {
  background-position: -100% 0;
  color: #fff;
}
.eps_item .eps_item_captions .eps_text_wrapper .eps_text:last-child {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_text_wrapper .eps_text:last-child {
    margin-top: 2.67vw;
  }
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_text_wrapper .eps_text {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3rem;
  }
}
.eps_item .eps_item_captions .eps_item_btn {
  width: 60.2%;
  height: 16.1473087819%;
  text-align: center;
  border: solid 1px #e30934;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease 0s;
}
@media all and (-ms-high-contrast: none) {
  .eps_item .eps_item_captions .eps_item_btn {
    height: 56px;
  }
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_item_btn {
    width: 65.3623188406%;
  }
}
.eps_item .eps_item_captions .eps_item_btn::after {
  content: "";
  position: absolute;
  background: transparent url(../image/red_arrow.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_item_btn::after {
    background: transparent url(../image/btn_arrow.png) no-repeat center center/contain;
    width: 4.13vw;
    height: 4.13vw;
  }
}
.eps_item .eps_item_captions .eps_item_btn a {
  display: block;
  font-size: 1.8rem;
  line-height: 316.6666666667%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  color: #e30934;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #e30934 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 0.3s;
}
@media all and (-ms-high-contrast: none) {
  .eps_item .eps_item_captions .eps_item_btn a {
    line-height: 56px;
  }
}
.eps_item .eps_item_captions .eps_item_btn a:hover {
  background-position: -100% 0;
  color: #fff;
}
@media (max-width: 767px) {
  .eps_item .eps_item_captions .eps_item_btn a {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 3.1481481481;
  }
}

.eps_btn {
  margin: 0 auto;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .eps_btn {
    margin-top: 8.5507246377%;
  }
}

/* attempt
===================================== */
.attempt {
  background: transparent url(../image/new/att_back.png) no-repeat top center/100% 60%;
}
@media (max-width: 767px) {
  .attempt {
    background: transparent url(../image/new/att_back_sp.png) no-repeat top center/100% 35%;
  }
}

.atp_inner {
  padding-top: 63px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .atp_inner {
    padding-top: 6.3768115942%;
    padding-bottom: 14.4927536232%;
  }
}

.atp_title {
  color: #ff9b25;
}
.atp_title span {
  text-shadow: 2px 3px 4px #fff;
}
@media (max-width: 767px) {
  .atp_title {
    line-height: 1.25;
    text-shadow: 1px 2px 3px #fff;
  }
}

@media (max-width: 767px) {
  .atp_subtitle {
    padding-top: 2.8985507246%;
  }
}

.atp_discription {
  padding-top: 24px;
}
@media (max-width: 767px) {
  .atp_discription {
    padding-top: 1.884057971%;
  }
}

.atp_image_wrapper {
  margin-top: 27px;
}
@media (max-width: 767px) {
  .atp_image_wrapper {
    margin-top: 4.2028985507%;
  }
}

.atp_image_list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .atp_image_list {
    display: block;
  }
}

.atp_image_item {
  position: relative;
  width: 31.3%;
}
.atp_image_item:hover a {
  opacity: 1;
}
.atp_image_item:hover .atp_img_cover {
  opacity: 1;
}
@media (max-width: 767px) {
  .atp_image_item {
    width: 100%;
  }
  .atp_image_item:not(:first-child) {
    margin-top: 8.9855072464%;
  }
}

.atp_img_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(248, 149, 36, 0.7);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.atp_list_text {
  position: absolute;
  white-space: nowrap;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.79;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .atp_list_text {
    font-size: 3.4rem;
  }
}

/* footer
===================================== */
footer {
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
  footer {
    padding-bottom: 10.3vw;
  }
}

.footer_inner {
  padding-bottom: 34px;
}
@media (max-width: 767px) {
  .footer_inner {
    padding-bottom: 4%;
  }
}

.footer_menu {
  margin: 27px auto 0;
  width: 45.7%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media (max-width: 767px) {
  .footer_menu {
    width: 79.8666666667%;
    justify-content: space-around;
  }
}

.footer_menu_item {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  position: relative;
}
@media (max-width: 767px) {
  .footer_menu_item {
    font-size: 2.1rem;
    width: 30vw;
  }
}
.footer_menu_item a {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.footer_menu_item a::after {
  content: "";
  position: absolute;
  background: transparent url(../image/footer_ico.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 15px;
  height: 15px;
}
.footer_menu_item:not(:last-child)::before {
  content: "";
  position: absolute;
  background-color: #000;
  top: 50%;
  transform: translateY(-50%);
  right: -48px;
  width: 1px;
  height: 15px;
}
@media (min-width: 768px) and (max-width: 999px) {
  .footer_menu_item:not(:last-child)::before {
    right: -2.95vw;
  }
}
@media (max-width: 767px) {
  .footer_menu_item:not(:last-child)::before {
    right: -6.4vw;
  }
}

.footer_icon {
  margin: 27px auto 0;
  width: 242px;
}
.footer_icon img {
  width: 100%;
  height: auto;
  width: 186px;
}
@media (max-width: 767px) {
  .footer_icon {
    margin-top: 4%;
  }
}

.copyright {
  margin-top: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 3.33;
  color: #000;
}
@media (max-width: 767px) {
  .copyright {
    margin-top: 1.4492753623%;
    font-size: 2rem;
  }
}

/* 下記追記 */
#page-top {
  position: fixed;
  bottom: 50px;
  right: 80px;
}
@media (max-width: 767px) {
  #page-top {
    width: 12%;
    right: 15px;
  }
}/*# sourceMappingURL=style.css.map */