#contents {
  max-width: 100% !important;
  padding: 0 !important;
}

#container p {
  margin-bottom: 0 !important;
}

#container * {
  letter-spacing: -0.04em;
}

#container img {
  max-width: 500% !important;
}

#container section {
  position: relative;
}

.lp_container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.sns_center {
  margin: 30px auto;
  text-align: center;
  padding-bottom: 72px;
}

.goods-sns-btn-wrap_lp {
  display: inline-flex;
}

.tweet-btn a, .iine-btn a, .line-btn a, .instagram-btn a {
  display: block;
  margin-right: 10px;
  width: 50px;
}

.link_relative {
  position: relative;
}

.link_absolute {
  position: absolute;
  top: -70px;
  left: 0;
}

html {
  scroll-behavior: smooth;
}

.top_img, .item02 h2 img, .item03 h2 img {
  display: block;
  width: 100%;
}

#top_wrapper {
  margin-bottom: 50px;
}

#main_item {
  text-align: center;
}
#main_item .main01 {
  width: 350px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-left: 90px;
}
#main_item .main01 img {
  display: block;
  width: 100%;
}
#main_item h2 {
  font-size: 37.5px;
  font-weight: 700;
  margin-bottom: 20px;
}
#main_item h2 span {
  font-size: 50px;
  font-family: "Noto Serif Japanese", serif;
  color: #E20012;
}
#main_item p {
  font-size: 25px;
  font-weight: 700;
}
#main_item .main02 {
  position: relative;
  margin-top: 100px;
}
#main_item .main02 img {
  display: block;
  width: 100%;
}
#main_item .main02 p {
  font-size: 23.75px;
  line-height: 1.6;
  text-align: justify;
  width: 366.5px;
  color: white;
  position: absolute;
  top: 450px;
  right: auto;
  bottom: auto;
  left: 125px;
}
#main_item .main02 p:nth-of-type(2) {
  left: auto;
  right: 125px;
}

#item01 .lp_container {
  background: linear-gradient(to right, #C8D5E5 50%, #EAE3D4 50%);
}
#item01 .lp_container .lp_inner {
  padding: 60px 0 60px;
  position: relative;
  width: 82.5%;
  margin: 0 auto;
}
#item01 .lp_container .lp_inner .item01-title01 {
  width: 750px;
  display: block;
  margin: 0 auto;
}
#item01 .lp_container .lp_inner .item01-title02 {
  width: 787px;
  display: block;
  margin: 0 auto;
}
#item01 .lp_container .lp_inner .item01-title03 {
  width: 770px;
  display: block;
  margin: 0 auto;
}
#item01 .lp_container .lp_inner .flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin: 60px 0 100px 0;
}
#item01 .lp_container .lp_inner .flexbox div {
  width: 408px;
}
#item01 .lp_container .lp_inner .flexbox img {
  display: block;
  width: 100%;
  margin: 20px 0 15px 0;
}
#item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) {
  font-size: 25px;
  line-height: 1.6;
  text-align: justify;
  font-weight: 700;
  text-align: center;
}
#item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) span {
  font-size: 37.5px;
  font-family: "Noto Serif Japanese", serif;
  color: black;
}
#item01 .lp_container .lp_inner .flexbox p:nth-of-type(2) {
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item01 .lp_container .lp_inner .flexbox:nth-of-type(3) {
  margin: 60px 0 0;
}

#item02 {
  position: relative;
  background: white;
  margin-top: -21px;
  margin-bottom: -21px
}
#item02 h2 img {
  display: block;
  width: 100%;
}
#item02 .textbox {
  position: absolute;
  top: 1080px;
  right: auto;
  bottom: auto;
  left: 100px;
  width: 410px;
  font-size: 23.75px;
  line-height: 1.6;
  text-align: justify;
}
#item02 .textbox span {
  color: #E20012;
}
#item02 .subtext1 {
  position: absolute;
  top: 650px;
  right: 202px;
  bottom: auto;
  left: auto;
  width: 253px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
  color: #fff;
}
#item02 .subtext2 {
  position: absolute;
  top: 1150px;
  right: 122px;
  bottom: auto;
  left: auto;
  width: 195px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item02 .subtext3 {
  position: absolute;
  top: 1455px;
  right: 95px;
  bottom: auto;
  left: auto;
  width: 222px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item02 .mygoods {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
#item02 .mygoods .goods {
  font-size: 31px;
}
#item02 .mygoods .goods span {
  font-size: 43.75px;
  line-height: 1.2;
}
#item02 .mygoods .price {
  font-size: 40.5px;
}
#item02 .mygoods .price span {
  font-size: 28px;
}
#item02 .mygoods .btn {
  display: block;
  margin: 0 auto;
  width: 365px;
  margin-top: 20px;
}
#item02 .mygoods:nth-of-type(1) {
  position: absolute;
  top: 1635px;
  right: 80px;
  bottom: auto;
  left: auto;
  width: 444px;
}
#item02 .mygoods:nth-of-type(2) {
  position: absolute;
  top: 1970px;
  right: 80px;
  bottom: auto;
  left: auto;
  width: 444px;
}
#item02 .mygoods:nth-of-type(3) {
  position: absolute;
  top: 2305px;
  right: 20px;
  bottom: auto;
  left: auto;
  width: 562px;
}
#item02 .mygoods:nth-of-type(3) .goods {
  padding-bottom: 10px;
}
#item02 .mygoods:nth-of-type(3) .btn02 {
  display: block;
  margin: 0 auto;
  width: 479px;
}
#item02 .mygoods:nth-of-type(3) .price02 {
  font-size: 47px;
  color: #E20012;
}
#item02 .mygoods:nth-of-type(3) .price02 span {
  font-size: 28px;
}

#item03 {
  position: relative;
  background: white;
}
#item03 h2 img {
  display: block;
  width: 100%;
}
#item03 .textbox {
  position: absolute;
  top: 1080px;
  right: auto;
  bottom: auto;
  left: 100px;
  width: 360px;
  font-size: 23.75px;
  line-height: 1.6;
  text-align: justify;
}
#item03 .textbox span {
  color: #E20012;
}
#item03 .subtext1 {
  position: absolute;
  top: 684px;
  right: 205px;
  bottom: auto;
  left: auto;
  width: 255px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item03 .subtext2 {
  position: absolute;
  top: 1070px;
  right: 115px;
  bottom: auto;
  left: auto;
  width: 215px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item03 .subtext3 {
  position: absolute;
  top: 1430px;
  right: 105px;
  bottom: auto;
  left: auto;
  width: 225px;
  font-size: 22px;
  line-height: 1.6;
  text-align: justify;
}
#item03 .mygoods {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
#item03 .mygoods .goods {
  font-size: 31px;
}
#item03 .mygoods .goods span {
  font-size: 43.75px;
  line-height: 1.2;
}
#item03 .mygoods .price {
  font-size: 40.5px;
}
#item03 .mygoods .price span {
  font-size: 28px;
}
#item03 .mygoods .btn {
  display: block;
  margin: 0 auto;
  width: 365px;
  margin-top: 20px;
}
#item03 .mygoods:nth-of-type(1) {
  position: absolute;
  top: 1685px;
  right: 65px;
  bottom: auto;
  left: auto;
  width: 470px;
}
#item03 .mygoods:nth-of-type(2) {
  position: absolute;
  top: 2020px;
  right: 80px;
  bottom: auto;
  left: auto;
  width: 436px;
}
#item03 .mygoods:nth-of-type(3) {
  position: absolute;
  top: 2355px;
  right: 31px;
  bottom: auto;
  left: auto;
  width: 532px;
}
#item03 .mygoods:nth-of-type(3) .goods {
  padding-bottom: 10px;
}
#item03 .mygoods:nth-of-type(3) .btn02 {
  display: block;
  margin: 0 auto;
  width: 479px;
}
#item03 .mygoods:nth-of-type(3) .price02 {
  font-size: 47px;
  color: #E20012;
}
#item03 .mygoods:nth-of-type(3) .price02 span {
  font-size: 28px;
}

#last_item {
  margin-top: 100px;
  margin-bottom: 100px;
}
#last_item .btn03 {
  display: block;
  margin: 0 auto;
  width: 70%;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .sns_center {
    padding-top: 2.5vw;
    padding-bottom: 6vw;
  }
  #top_wrapper {
    margin-bottom: 4.1666666667vw;
  }
  #main_item .main01 {
    width: 29.1666666667vw;
    margin: 0 auto;
    margin-bottom: 2.5vw;
    padding-left: 7.5vw;
  }
  #main_item .main01 img {
    display: block;
    width: 100%;
  }
  #main_item h2 {
    font-size: 3.125vw;
    margin-bottom: 1.6666666667vw;
  }
  #main_item h2 span {
    font-size: 4.1666666667vw;
  }
  #main_item p {
    font-size: 2.0833333333vw;
  }
  #main_item .main02 {
    margin-top: 8.3333333333vw;
  }
  #main_item .main02 p {
    font-size: 1.9791666667vw;
    line-height: 1.6;
    text-align: justify;
    width: 30.5416666667vw;
    position: absolute;
    top: 37.5vw;
    right: auto;
    bottom: auto;
    left: 10.4166666667vw;
  }
  #main_item .main02 p:nth-of-type(2) {
    right: 10.4166666667vw;
  }
  #item01 .lp_container {
    background: linear-gradient(to right, #C8D5E5 50%, #EAE3D4 50%);
  }
  #item01 .lp_container .lp_inner {
    padding: 5vw 0 5vw;
  }
  #item01 .lp_container .lp_inner .item01-title01 {
    width: 62.5vw;
  }
  #item01 .lp_container .lp_inner .item01-title02 {
    width: 65.5833333333vw;
  }
  #item01 .lp_container .lp_inner .item01-title03 {
    width: 64.1666666667vw;
  }
  #item01 .lp_container .lp_inner .flexbox {
    margin: 5vw 0 8.3333333333vw 0;
  }
  #item01 .lp_container .lp_inner .flexbox div {
    width: 34vw;
  }
  #item01 .lp_container .lp_inner .flexbox img {
    margin: 1.6666666667vw 0 1.25vw 0;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) {
    font-size: 2.0833333333vw;
    line-height: 1.6;
    text-align: justify;
    text-align: center;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) span {
    font-size: 3.125vw;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(2) {
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item01 .lp_container .lp_inner .flexbox:nth-of-type(3) {
    margin: 5vw 0 0;
  }
  #item02 {
    position: relative;
  }
  #item02 .textbox {
    position: absolute;
    top: 90vw;
    right: auto;
    bottom: auto;
    left: 8.3333333333vw;
    width: 34.1666666667vw;
    font-size: 1.9791666667vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .subtext1 {
    position: absolute;
    top: 54.1666666667vw;
    right: 16.8333333333vw;
    bottom: auto;
    left: auto;
    width: 21.0833333333vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
    color: #fff;
  }
  #item02 .subtext2 {
    position: absolute;
    top: 95.4166666667vw;
    right: 10.1666666667vw;
    bottom: auto;
    left: auto;
    width: 16.25vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .subtext3 {
    position: absolute;
    top: 120.8333333333vw;
    right: 7.9166666667vw;
    bottom: auto;
    left: auto;
    width: 18.5vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .mygoods .goods {
    font-size: 2.5833333333vw;
  }
  #item02 .mygoods .goods span {
    font-size: 3.4166666667vw;
  }
  #item02 .mygoods .price {
    font-size: 3.375vw;
  }
  #item02 .mygoods .price span {
    font-size: 2.3333333333vw;
  }
  #item02 .mygoods .btn {
    width: 30.4166666667vw;
    margin-top: 1.6666666667vw;
  }
  #item02 .mygoods:nth-of-type(1) {
    position: absolute;
    top: 136.25vw;
    right: 6.6666666667vw;
    bottom: auto;
    left: auto;
    width: 37vw;
  }
  #item02 .mygoods:nth-of-type(2) {
    position: absolute;
    top: 164.1666666667vw;
    right: 6.6666666667vw;
    bottom: auto;
    left: auto;
    width: 37vw;
  }
  #item02 .mygoods:nth-of-type(3) {
    position: absolute;
    top: 192.0833333333vw;
    right: 1.6666666667vw;
    bottom: auto;
    left: auto;
    width: 46.8333333333vw;
  }
  #item02 .mygoods:nth-of-type(3) .goods {
    padding-bottom: 0.8333333333vw;
  }
  #item02 .mygoods:nth-of-type(3) .btn02 {
    display: block;
    margin: 0 auto;
    width: 39.9166666667vw;
  }
  #item02 .mygoods:nth-of-type(3) .price02 {
    font-size: 3.9166666667vw;
    color: #E20012;
  }
  #item02 .mygoods:nth-of-type(3) .price02 span {
    font-size: 2.3333333333vw;
  }
  #item03 .textbox {
    position: absolute;
    top: 90vw;
    right: auto;
    bottom: auto;
    left: 8.3333333333vw;
    width: 30vw;
    font-size: 1.9791666667vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext1 {
    position: absolute;
    top: 55vw;
    right: 16.6666666667vw;
    bottom: auto;
    left: auto;
    width: 21.25vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext2 {
    position: absolute;
    top: 87.5vw;
    right: 9.3333333333vw;
    bottom: auto;
    left: auto;
    width: 17.9166666667vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext3 {
    position: absolute;
    top: 118.75vw;
    right: 8.5vw;
    bottom: auto;
    left: auto;
    width: 18.75vw;
    font-size: 1.8333333333vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .mygoods .goods {
    font-size: 2.5833333333vw;
  }
  #item03 .mygoods .goods span {
    font-size: 3.4166666667vw;
  }
  #item03 .mygoods .price {
    font-size: 3.375vw;
  }
  #item03 .mygoods .price span {
    font-size: 2.3333333333vw;
  }
  #item03 .mygoods .btn {
    width: 30.4166666667vw;
    margin-top: 1.6666666667vw;
  }
  #item03 .mygoods:nth-of-type(1) {
    position: absolute;
    top: 140.4166666667vw;
    right: 5.4166666667vw;
    bottom: auto;
    left: auto;
    width: 39.1666666667vw;
  }
  #item03 .mygoods:nth-of-type(2) {
    position: absolute;
    top: 168.3333333333vw;
    right: 6.6666666667vw;
    bottom: auto;
    left: auto;
    width: 36.3333333333vw;
  }
  #item03 .mygoods:nth-of-type(3) {
    position: absolute;
    top: 196.25vw;
    right: 2.5833333333vw;
    bottom: auto;
    left: auto;
    width: 44.3333333333vw;
  }
  #item03 .mygoods:nth-of-type(3) .goods {
    padding-bottom: 0.8333333333vw;
  }
  #item03 .mygoods:nth-of-type(3) .btn02 {
    display: block;
    margin: 0 auto;
    width: 39.9166666667vw;
  }
  #item03 .mygoods:nth-of-type(3) .price02 {
    font-size: 3.9166666667vw;
    color: #E20012;
  }
  #item03 .mygoods:nth-of-type(3) .price02 span {
    font-size: 2.3333333333vw;
  }
  #last_item {
    margin-top: 8.3333333333vw;
    margin-bottom: 8.3333333333vw;
  }
}
@media (max-width: 767px) {
  #top_wrapper {
    margin-bottom: 7vw;
  }
  #main_item .main01 {
    width: 28vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 4vw;
    padding-left: 5vw;
  }
  #main_item h2 {
    font-size: 3.5vw;
    margin-bottom: 4vw;
  }
  #main_item h2 span {
    font-size: 5vw;
  }
  #main_item p {
    font-size: 3vw;
    width: 85vw;
  }
  #main_item .main02 {
    margin-top: 9vw;
  }
  #main_item .main02 p {
    font-size: 2.5vw;
    line-height: 1.6;
    text-align: justify;
    width: 41vw;
    color: white;
    position: absolute;
    top: 72vw;
    right: auto;
    bottom: auto;
    left: 3.7vw;
  }
  #main_item .main02 p:nth-of-type(2) {
    left: auto;
    right: 3.7vw;
    color: #000;
  }
  #item01 .lp_container {
    background: linear-gradient(to right, #C8D5E5 50%, #EAE3D4 50%);
  }
  #item01 .lp_container .lp_inner {
    padding: 5vw 0 5vw;
    position: relative;
    width: 88vw;
    margin: 0 auto;
  }
  #item01 .lp_container .lp_inner .item01-title01 {
    display: block;
    width: 100%;
  }
  #item01 .lp_container .lp_inner .item01-title02 {
    display: block;
    width: 100%;
  }
  #item01 .lp_container .lp_inner .item01-title03 {
    display: block;
    width: 100%;
  }
  #item01 .lp_container .lp_inner .flexbox {
    margin: 4.5vw 0 6vw 0;
  }
  #item01 .lp_container .lp_inner .flexbox div {
    width: 40.5vw;
  }
  #item01 .lp_container .lp_inner .flexbox img {
    margin: 2vw 0 1.5vw 0;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) {
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
    text-align: center;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(1) span {
    font-size: 3.5vw;
    font-family: "Noto Serif Japanese", serif;
    color: black;
  }
  #item01 .lp_container .lp_inner .flexbox p:nth-of-type(2) {
    font-size: 2.5vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item01 .lp_container .lp_inner .flexbox:nth-of-type(3) {
    margin: 4.5vw 0 0;
  }
  #item02{
    margin-top: -2vw;
    margin-bottom: -2vw;
  }
  #item02 .textbox {
    position: absolute;
    top: 146vw;
    right: auto;
    bottom: auto;
    left: 10vw;
    width: 80vw;
    font-size: 3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .subtext1 {
    position: absolute;
    top: 52vw;
    right: 17vw;
    bottom: auto;
    left: auto;
    width: 28vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
    color: #fff;
  }
  #item02 .subtext2 {
    position: absolute;
    top: 125vw;
    right: auto;
    bottom: auto;
    left: 14vw;
    width: 23vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .subtext3 {
    position: absolute;
    top: 99vw;
    right: 3vw;
    bottom: auto;
    left: auto;
    width: 25vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item02 .mygoods .goods {
    font-size: 4vw;
  }
  #item02 .mygoods .goods span {
    font-size: 5.5vw;
    line-height: 1.2;
  }
  #item02 .mygoods .price {
    font-size: 5vw;
  }
  #item02 .mygoods .price span {
    font-size: 4.3vw;
  }
  #item02 .mygoods .btn {
    width: 49vw;
    margin-top: 2vw;
  }
  #item02 .mygoods:nth-of-type(1) {
    position: absolute;
    top: 315vw;
    right: auto;
    bottom: auto;
    left: 6vw;
    width: 88vw;
  }
  #item02 .mygoods:nth-of-type(2) {
    position: absolute;
    top: 352vw;
    right: auto;
    bottom: auto;
    left: 11vw;
    width: 78vw;
  }
  #item02 .mygoods:nth-of-type(3) {
    position: absolute;
    top: 389vw;
    right: 20px;
    bottom: auto;
    left: 16vw;
    width: 68vw;
  }
  #item02 .mygoods:nth-of-type(3) .goods {
    padding-bottom: 2vw;
  }
  #item02 .mygoods:nth-of-type(3) .btn02 {
    display: block;
    margin: 0 auto;
    width: 64vw;
  }
  #item02 .mygoods:nth-of-type(3) .price02 {
    font-size: 6vw;
    color: #E20012;
  }
  #item02 .mygoods:nth-of-type(3) .price02 span {
    font-size: 4vw;
  }
  #item03 .textbox {
    position: absolute;
    top: 150vw;
    right: auto;
    bottom: auto;
    left: 10vw;
    width: 80vw;
    font-size: 3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext1 {
    position: absolute;
    top: 55vw;
    right: 17vw;
    bottom: auto;
    left: auto;
    width: 28vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext2 {
    position: absolute;
    top: 108vw;
    right: auto;
    bottom: auto;
    left: 10vw;
    width: 23vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .subtext3 {
    position: absolute;
    top: 102vw;
    right: 10vw;
    bottom: auto;
    left: auto;
    width: 18vw;
    font-size: 2.3vw;
    line-height: 1.6;
    text-align: justify;
  }
  #item03 .mygoods .goods {
    font-size: 4vw;
  }
  #item03 .mygoods .goods span {
    font-size: 5.5vw;
    line-height: 1.2;
  }
  #item03 .mygoods .price {
    font-size: 5vw;
  }
  #item03 .mygoods .price span {
    font-size: 4.3vw;
  }
  #item03 .mygoods .btn {
    width: 49vw;
    margin-top: 2vw;
  }
  #item03 .mygoods:nth-of-type(1) {
    position: absolute;
    top: 312vw;
    right: auto;
    bottom: auto;
    left: 13vw;
    width: 74vw;
  }
  #item03 .mygoods:nth-of-type(2) {
    position: absolute;
    top: 356vw;
    right: auto;
    bottom: auto;
    left: 18vw;
    width: 64vw;
  }
  #item03 .mygoods:nth-of-type(3) {
    position: absolute;
    top: 400vw;
    right: auto;
    bottom: auto;
    left: 2vw;
    width: 98vw;
  }
  #item03 .mygoods:nth-of-type(3) .goods {
    padding-bottom: 2vw;
  }
  #item03 .mygoods:nth-of-type(3) .btn02 {
    display: block;
    margin: 0 auto;
    width: 64vw;
  }
  #item03 .mygoods:nth-of-type(3) .price02 {
    font-size: 6vw;
    color: #E20012;
  }
  #item03 .mygoods:nth-of-type(3) .price02 span {
    font-size: 4vw;
  }
  #last_item {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  #last_item .btn03 {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
}
.sp_only {
  display: none !important;
}

@media (max-width: 767px) {
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
}