@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
.sns-twitter::before {
  content: "\e61b";
}

.sns-instagram::before {
  content: "\f16d";
}

@media only screen and (max-width: 767px) {
  .pconly {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .sponly {
    display: none;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f1f4f5;
}

.wrap {
  background-color: #fff;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

.top {
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .top {
    margin: 0 auto;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .top {
    margin: 0 auto;
    padding-top: 20px;
  }
}
.top img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .top img {
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 767px) {
  .top img {
    margin: 0 auto 5px;
  }
}
.top__small {
  width: 70%;
}
@media only screen and (min-width: 768px) {
  .top__small {
    margin: 20px auto;
  }
}
@media only screen and (max-width: 767px) {
  .top__small {
    margin: 5px auto;
  }
}

.content {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media only screen and (min-width: 768px) {
  .content {
    width: 90%;
    margin: 50px auto 0;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .content {
    width: 98%;
    margin: 20px auto 0;
    padding-bottom: 20px;
  }
}
.content__topimgbox {
  justify-content: center;
  display: flex;
  max-width: 1213px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .content__topimgbox--left {
    flex: 0 0 33%;
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .content__topimgbox--left {
    flex: 0 0 33%;
    margin: 10px;
  }
}
.content__topimgbox--left img {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .content__topimgbox--left img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .content__topimgbox--left img {
    width: 100%;
    height: 100%;
  }
}
.content__topimgbox--left p {
  position: absolute;
  z-index: 10;
}
.content__topimgbox--right {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .content__topimgbox--right {
    flex: 0 0 66%;
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .content__topimgbox--right {
    flex: 0 0 66%;
    margin: 2.5px;
  }
}
.content__topimgbox--right img {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .content__topimgbox--right img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .content__topimgbox--right img {
    width: 97%;
    height: 50.5vw;
    max-height: 100%;
    margin-top: 0.75vw;
  }
}
.content__topimgbox--right p {
  color: #fff;
  font-weight: bolder;
  font-size: 1.75vw;
  position: absolute;
  z-index: 10;
  bottom: 15px;
  left: 25px;
  text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}
@media screen and (min-width: 1500px) {
  .content__topimgbox--right p {
    font-size: 30px;
  }
}
.content__imgbox {
  justify-content: center;
  display: flex;
  max-width: 1500px;
  margin: 0 auto;
}
.content__imgbox .img {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .content__imgbox .img {
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .content__imgbox .img {
    margin: 5px;
  }
}
.content__imgbox .img .top {
  color: #fff;
  font-weight: bolder;
  font-size: 0.25vw;
  position: absolute;
  z-index: 10;
  top: -10px;
  left: 25px;
  text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}
@media screen and (min-width: 1500px) {
  .content__imgbox .img .top {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .content__imgbox .img .top {
    left: 7px;
    top: -15px;
  }
}
.content__imgbox .img .bottom {
  color: #fff;
  font-weight: bolder;
  font-size: 0.25vw;
  position: absolute;
  z-index: 10;
  bottom: 15px;
  left: 25px;
  text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}
@media only screen and (max-width: 767px) {
  .content__imgbox .img .bottom {
    left: 7px;
    bottom: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .content__imgbox .img .bottom {
    font-size: 15px;
  }
}
.content__imgbox img {
  max-width: 380px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .content__imgbox img {
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .content__imgbox img {
    margin: 2.5px;
  }
}

@media only screen and (max-width: 767px) {
  .contentpc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .contentsp {
    display: none;
  }
}

.global_head {
  margin: 0 !important;
}

@media only screen and (min-width: 768px) {
  .global_foot {
    height: 284px;
  }
}/*# sourceMappingURL=style.css.map */