@media screen and (min-width: 1080px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}
/* notice */
@media screen and (min-width: 1080px) {
  .notice {
    background: url(../img/bg_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 90px 25%; */
  }
  .notice img {
    width: 100%;
    padding: 0px 70px;
  }
}
/* content */
@media screen and (min-width: 1080px) {
  .top-bg {
    width: 100%;
    height: 80px;
  }
  .box-text {
    margin-left: calc(47% - 484.5px);
    margin-bottom: 30px;
    padding: 0;
  }
  .box-text .text-txt {
    font-size: 18px;
    position: relative;
  }
  .box-cont-1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .box-text p::before {
    background-size: contain;
    left: 0;
    top: -50px;
  }
  .text-set-1 p::before {
    left: 81%;
    width: 100px;
    top: -36px;
  }
  .text-set-2 p::before {
    width: 100px;
  }
  .text-set-3 p::before {
    width: 80px;
    left: 84%;
    top: -25px;
  }
  .tts-dis {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    position: relative;
    align-items: center;
    z-index: 2;
    gap: 15px;
  }
  .tts-dis .box-img {
    width: 50%;
    margin: 20px 0;
  }
  .box-img img {
    width: 50%;
    height: 320px;
  }
  .reserv .btn {
    /* width: 20%; */
    width: fit-content;
  }
  .gr-btn {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .reserv::after {
    content: "";
    background: url(../img/bg_red_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 590px;
    position: absolute;
    right: 0;
    bottom: -75%;
    z-index: -1;
  }
  .bot-bg {
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .bot-bg-img {
    width: 18%;
    position: absolute;
    left: calc(17% - 79px);
    top: -158px;
    z-index: 1;
  }
  .bot-bg-note {
    text-align: center;
    font-size: 14px;
  }
  .box-title {
    flex-direction: row;
    align-items: center;
  }
  .line {
    top: 12%;
    width: 38%;
  }
  .square-2 {
    margin-left: 90%;
  }
  .square-2-1 {
    margin-left: 95%;
  }
  .set {
    top: 65%;
    width: 83%;
  }
  .set1 {
    top: 69%;
  }
  .set2 {
    top: 9%;
    right: -59px !important;
    width: 18%;
  }
  .set3 {
    width: 100%;
    top: 62%;
    right: -60px !important;
  }
  .square-2-2 {
    margin-left: 60%;
  }
  .square-2-3 {
    margin-left: 93%;
  }
  .notes {
    padding: 20px;
  }
  .box-img-left {
    width: 53%;
    padding: 0;
  }
  /* content-2 */
  .content-2 {
    padding-bottom: 30px;
  }
  .content-2 .box-text {
    display: flex;
    margin-left: 0;
    justify-content: center;
    position: relative;
  }
  .content-2 .box-text p::before {
    left: 85%;
    top: -20px;
  }
  .cntdisplay-2 {
    flex-direction: row;
  }
  .tele {
    margin: 0 30%;
  }
  .tele::after {
    content: "";
    background: url(../img/bg_red_pc-rv.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 185%;
    height: 438px;
    position: absolute;
    left: -50%;
    top: -242%;
    z-index: -1;
  }
  .content-2 .content-ttl {
    padding-top: 90px;
  }
  .content-2 .btn {
    margin: 48px 38% 56px;
  }
  .content-2 .bot-bg .bot-bg-img {
    position: absolute;
    width: 14%;
    left: 66%;
    top: -200%;
  }
  .tele-note {
    flex-direction: row;
    align-items: center;
  }
  .content-2 .box-menu-ttl {
    width: 30%;
    max-width: max-content;
  }
  .content-2 .box-2 {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 15px;
  }
  .content-2 .box-2 .line {
    right: -30px;
  }
  /* content-3 */
  .content-3 {
    background: url(../img/bg_block_n_pc.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
  }
  .content-3 .top-bg {
    top: -40px;
    z-index: 1;
  }
  .tts-dis-cnt3 {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
  }
  .box-img-cnt3 {
    padding: 0;
    /* width: -webkit-fill-available; */
  }
  .resv {
    flex-direction: row;
  }
  .content-3 .box-text {
    margin-left: 0;
    margin-bottom: 25px;
    margin-top: 0;
    padding-left: 0;
  }
  .box-menu {
    margin: 0;
  }
  .dis-cnt3-rev {
    width: 30%;
  }
  .content-3 .box-1 {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    /* width: 430px; */
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .content-3 .box-1 .box-pc {
    width: 70%;
  }
  .content-3 .box-menu-ttl {
    width: 30%;
    max-width: max-content;
  }
  .dis-cnt3 {
    width: 30%;
  }
  .padd-style {
    padding-bottom: 130px;
  }
  .content-3::before {
    width: 659px;
    height: 404px;
  }
  .content-3::after {
    background-size: 100%;
    width: 580px;
    height: 350px;
  }
  /* content-4 */
  .content-4 {
    padding-bottom: 8%;
  }
  .content-4 .top-bg {
    position: absolute;
    top: -40px;
  }
  .content-4 .content-ttl {
    padding-top: 70px;
    padding-left: 5px;
  }
  .content-4 .content-ttl p {
    margin-left: 0;
  }
  .dis-cnt-4 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
  }
  .dis-cnt-4-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .content-4 .tts-dis-cnt3 {
    flex-direction: column;
  }
  .content-4 .box-text {
    margin-left: 0;
  }
  .content-4 .box-1 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
  .content-4 .box-menu-ttl {
    width: 30%;
    max-width: 95px;
  }
  .content-4 .box-menu {
    width: 520px;
    height: 360px;
  }
  .content-4::after {
    content: "";
    background: url(../img/bg_pc-cnt4.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 725px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    mix-blend-mode: soft-light;
  }
  .content-5 {
    padding-bottom: 5%;
  }
  .content-5 .top-bg {
    top: -43px;
  }
  .content-5::after {
    content: "";
    background: url(../img/07_section5_bg_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 135px;
    position: absolute;
    z-index: 0;
    bottom: 0;
  }
  .content-5 .box-text {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 35px;
    padding-left: 0;
  }
  .content-5 .box-1 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
  .content-5 .box-menu-ttl {
    width: 30%;
    max-width: 95px;
  }
  /* footer */
  footer .social {
    flex-direction: row;
  }
  footer .logo {
    width: 20%;
    margin: 40px 0;
  }
  footer .noti {
    padding: 0px 25%;
  }
}