@font-face {
    font-family: 'My font';
    src: url(../font/DelaGothicOne-Regular.ttf);
}
@font-face {
    font-family: 'My font B';
    src: url(../font/NotoSansJP-Black.ttf);
}
@font-face {
    font-family: 'My font 800';
    src: url(../font/NotoSansJP-ExtraBold.ttf);
}
@font-face {
    font-family: 'My font 700';
    src: url(../font/NotoSansJP-Bold.ttf);
}
@font-face {
    font-family: 'My font 600';
    src: url(../font/NotoSansJP-SemiBold.ttf);
}
html{
    scroll-behavior: smooth;
    min-width: 100%;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
body{
    width: calc(1200vw/12);
    overflow-x: hidden;
}
.background-image{
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    z-index: -3;
}
.btn-circle{
    border-radius: 100%;
    background-color: white;
    width: calc(31vw/12);
    min-width: 31px;
    height: calc(31vw/12);
    min-height: 31px;
    margin: calc(4vw/12) calc(8vw/12) calc(4vw/12) 0;
    text-align: center;
}
.btn-circle2{
    width: calc(35vw/12);
    min-width: 35px;
    height: calc(35vw/12);
    min-height: 35px;
    margin: 0 calc(6vw/12) 0 0;
}
.yajirushi{
    color: #231815;
    font-size: calc(15vw/12);
    line-height: calc(31vw/12);
}
.yajirushi2{
    line-height: calc(35vw/12);
}
main{
    margin: 0 auto;
    width: calc(413vw/12);
    min-width: 413px;
}
h1,h2,h3,h4,p{
    color: white;
}
.contents{
    text-align: center;
}
.content-text{
    font-size: calc(16vw/12);
    font-family: 'My font 600';
    line-height: calc(24vw/12);
    letter-spacing: calc(1.5vw/12);
}
.content3-space{
    height: calc(24vw/12);
    min-height: 24px;
}
header{
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
}
.header-top{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header-logo{
    width: calc(108vw/12);
    min-width: 108px;
    margin-top: calc(23vw/12);
    margin-left: calc(35vw/12);
}
.header-btn-box{
    background-color: #D71718;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    height: calc(44vw/12);
    min-height: 44px;
    border-radius: 9999px;
    border: 3px solid black;
    margin: calc(27vw/12) calc(30vw/12) 0 0;
}
.header-btn-box::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fbfbfb;
    animation: header-btn 6s ease-in-out infinite;
}
@-webkit-keyframes header-btn {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.header-btn-txt{
    font-family: 'My font 600';
    color: white;
    margin-left: calc(20vw/12);
    letter-spacing: calc(0.1vw/12);
}
.go-top-box{
    position: fixed;
    width: calc(35vw/12);
    min-width: 35px;
    height: calc(35vw/12);
    min-height: 35px;
    bottom: calc(60vw/12);
    right: calc(37vw/12);
    z-index: 3;
}
.go-top-txt{
    width: calc(35vw/12);
    min-width: 35px;
    height: calc(35vw/12);
    min-height: 35px;
}

.content1{
    top: 0;
}
.content1-image-box{
    position: relative;
    height: calc(447vw/12);
    min-height: 447px;
}
.content1-copy1,.content1-copy2,.content1-copy3{
    width: calc(285vw/12);
    min-width: 285px;
    position: absolute;
}
.content1-copy1{
    top: calc(50vw/12);
    left: calc(65vw/12);
    z-index: 0;
}
.content1-copy2{
    width: calc(215vw/12);
    top: calc(215vw/12);
    left: calc(35vw/12);
    min-width: 215px;
    z-index: 2;
}
.content1-copy3{
    top: calc(270vw/12);
    left: calc(105vw/12);
    width: calc(290vw/12);
    min-width: 290px;
    z-index: 2;
}
.content1-image{
    position: absolute;
    width: calc(890vw/12);
    min-width: 890px;
    top: calc(10vw/12);
    left: calc(-330vw/12);
    z-index: 1;
}
.content1-text-box{
    text-align: center;
}
.content1-text1-box{
    background-color: #231815;
    padding: calc(7vw/12) 0;
    width: calc(150vw/12);
    min-width: 150px;
    border-radius: calc(10vw/12);
    margin: 0 auto;
}
.content1-text1{
    font-family: 'My font 600';
    font-size: calc(9vw/12);
}
.content1-logo{
    position: relative;
    width: calc(290vw/12);
    min-width: 290px;
    z-index: 2;
}
.content1-text2{
    font-size: calc(16vw/12);
    font-family: 'My font 800';
    line-height: calc(24vw/12);
    letter-spacing: calc(1.5vw/12);
}
.content1-btn-box{
    background-color: #D71718;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(50vw/12);
    min-height: 50px;
    width: calc(330vw/12);
    min-width: 330px;
    border-radius: 9999px;
    border: 1px solid black;
    margin: calc(28vw/12) auto;
    overflow: hidden;
    animation: content1-btn_animation 1s infinite;
}
@-webkit-keyframes content1-btn_animation {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.1); }
    50% { -webkit-transform: scale(1); }
    75% { -webkit-transform: scale(1.1); }
    75% { -webkit-transform: scale(1); }
}
.btn-text{
    margin-left: calc(75vw/12);
}
.content1-btn-txt-mini{
    font-family: 'My font 600';
    font-size: calc(9vw/12);
}
.content1-btn-txt{
    font-family: 'My font 600';
    font-size: calc(15vw/12);
    margin-top: calc(2vw/12);
}
.backcolor{
    position: absolute;
    top: calc(420vw/12);
    left: 0;
    background: linear-gradient(180deg, #00000000 5%, #B2000E 21%, #D71718 100%);
    width: calc(1200vw/12);
    min-width: 413px;
    height: calc(880vw/12);
    min-height: 880px;
    z-index: -3;
}
.content2{
    position: relative;
    text-align: center;
    width: calc(413vw/12);
    min-width: 413px;
    margin: calc(65vw/12) auto 0 auto;
}
.content3{
    position: relative;
    text-align: center;
    width: calc(413vw/12);
    min-width: 413px;
    margin: 0 auto;
}
.content4{
    position: relative;
    text-align: center;
    width: calc(413vw/12);
    min-width: 413px;
    margin: 0 auto;
}
.content5{
    position: relative;
    text-align: center;
    width: calc(413vw/12);
    min-width: 413px;
    margin: 0 auto;
}
.content6{
    position: relative;
    width: calc(413vw/12);
    min-width: 413px;
    margin: calc(15vw/12) auto 0 auto;
    z-index: -1;
}
.info-box{
    position: relative;
    width: calc(413vw/12);
    min-width: 413px;
    margin: 0 auto;
}
.content3-backcolor{
    position: absolute;
    top: calc(65vw/12);
    left: 0;
    width: calc(413vw/12);
    min-width: 413px;
    height: calc(797vw/12);
    min-height: 797px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.content4-backcolor{
    position: absolute;
    top: calc(30vw/12);
    left: 0;
    width: calc(413vw/12);
    min-width: 413px;
    height: calc(868vw/12);
    min-height: 868px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
}
.content5-backcolor{
    position: absolute;
    top: calc(-191vw/12);
    left: 0;
    width: calc(413vw/12);
    min-width: 413px;
    height: calc(1070vw/12);
    min-height: 1070px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -2;
}
h2{
    font-family: 'My font';
    font-size: calc(20vw/12);
    margin-bottom: calc(17vw/12);
}
iframe{
    width: calc(365vw/12);
    height: calc(206vw/12);
    min-width: 365px;
    min-height: 206px;
    margin: 0 auto;
}
.content2-text-box{
    margin-top: calc(360vw/12);
}
.content2-title{
    width: calc(290vw/12);
    min-width: 290px;
    margin-bottom: calc(23vw/12);
}
.content2-text1{
    text-align: left;
    font-size: calc(14vw/12);
    margin: 0 calc(14vw/12);
    font-family: 'My font 800';
    line-height: calc(24vw/12);
    letter-spacing: calc(1.2vw/12);
}
.content2-backimage1{
    position: absolute;
    z-index: -1;
    top: calc(-649vw/12);
    left: calc(35vw/12);
    width: calc(340vw/12);
    min-width: 340px;
}
.content2-backimage2{
    position: absolute;
    z-index: -1;
    top: calc(-382vw/12);
    left: calc(-2vw/12);
    width: calc(337vw/12);
    min-width: 337px;
}
.content2-backimage3{
    position: absolute;
    z-index: -1;
    top: calc(-340vw/12);
    right: calc(15vw/12);
    width: calc(110vw/12);
    min-width: 110px;
}
.content3-backimage{
    position: absolute;
    width: calc(413vw/12);
    top: calc(65vw/12);
    left: 0;
    min-width: 413px;
    z-index: -2;
}
.content4-backimage{
    position: absolute;
    width: calc(413vw/12);
    min-width: 413px;
    top: calc(30vw/12);
    left: 0;
    z-index: -3;
}
.content5-backimage{
    position: absolute;
    width: calc(413vw/12);
    top: calc(-150vw/12);
    left: 0;
    min-width: 413px;
    z-index: -3;
}
.content3-title{
    width: calc(360vw/12);
    margin-top: calc(155vw/12);
    margin-bottom: calc(15vw/12);
    min-width: 360px;
}
.content4-title{
    width: calc(360vw/12);
    margin-top: calc(115vw/12);
    margin-bottom: calc(43vw/12);
    min-width: 360px;
}
.content5-title{
    width: calc(360vw/12);
    margin-top: calc(10vw/12);
    margin-bottom: calc(16vw/12);
    min-width: 360px;
}
.content6-title{
    width: calc(360vw/12);
    margin-top: calc(103vw/12);
    margin-bottom: calc(19vw/12);
    min-width: 360px;
}
.content3-btn-box{
    background-color: #D71718;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(50vw/12);
    min-height: 50px;
    width: calc(280vw/12);
    min-width: 280px;
    border-radius: 9999px;
    border: 1px solid black;
    margin: calc(55vw/12) auto;
}
.content3-btn-txt{
    font-family: 'My font 600';
    font-size: calc(13vw/12);
    margin-left: calc(55vw/12);
}
.info-text-box{
    background-color: #D71718;
    border-radius: 100%;
    margin-left: calc(-30vw/12);
    margin-top: calc(85vw/12);
    width: calc(320vw/12);
    height: calc(320vw/12);
    padding: calc(59vw/12) calc(71vw/12);
    min-width: 320px;
    min-height: 320px;
}
h3{
    font-size: calc(32vw/12);
    font-family: 'My font B';
}
.unnderbar{
    width: calc(135vw/12);
    min-width: 135px;
    height: calc(6vw/12);
    min-height: 6px;
    background-color: #231815;
    margin: calc(13vw/12) 0 calc(11vw/12) 0;
}
.info-text{
    font-family: 'My font B';
    font-size: calc(15vw/12);
    line-height: calc(24vw/12);
    letter-spacing: calc(0.8vw/12);
}
.info-image{
    width: calc(280vw/12);
    min-width: 280px;
    margin-right: calc(-70vw/12);
    margin-left: calc(195vw/12);
    margin-top: calc(-260vw/12);
}
.date-box{
    position: relative;
    background-color: rgba(255, 255, 255, 0.507);
    margin: calc(-18vw/12) auto 0 auto;
    padding-top: calc(37vw/12);
    padding-bottom: calc(18vw/12);
    border-radius: calc(10vw/12);
    width: calc(345vw/12);
    min-width: 345px;
    z-index: 1;
}
.date-title-box{
    position: relative;
    background-color: yellow;
    border: 1px solid black;
    border-radius: 9999px;
    width: calc(240vw/12);
    min-width: 240px;
    height: calc(38vw/12);
    min-height: 38px;
    margin: calc(40vw/12) auto 0 auto;
    z-index: 2;
}
.date-title{
    color: black;
    font-family: 'My font 800';
    margin: calc(12vw/12) 0;
}
.date-calendar{
    display: flex;
    justify-content: center;
    width: calc(272vw/12);
    min-width: 272px;
    flex-wrap: wrap;
    margin: calc(-10vw/12) auto 0 auto;
}
.date-cell{
    width: calc(68vw/12);
    min-width: 68px;
    margin-top: calc(10vw/12);
}
.date-day-cell{
    background-color: #231815;
    border: 1px solid black;
    height: calc(35vw/12);
    min-height: 35px;
}
.date-day{
    line-height: calc(35vw/12);
    font-family: 'My font 700';
}
.date-name-cell{
    background-color: white;
    border: 1px solid black;
    height: calc(80vw/12);
    min-height: 70px;
    padding-top: calc(10vw/12);
}
.date-name{
    color: #231815;
    font-family: 'My font 800';
    font-size: calc(14vw/12);
	margin-bottom: 5px;
}
.caution{
    color: black;
    font-family: 'My font 600';
    font-size: calc(7vw/12);
    margin: calc(8vw/12) 0 calc(29vw/12) calc(70vw/12);
    text-align: left;
}
.content5-btn-box{
    background-color: #D71718;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(50vw/12);
    min-height: 50px;
    width: calc(280vw/12);
    min-width: 280px;
    border-radius: 9999px;
    border: 1px solid black;
    margin: calc(9vw/12) auto;
}
.content5-btn-txt{
    font-family: 'My font 600';
    font-size: calc(13vw/12);
    margin-left: calc(75vw/12);
}
p.md {
    font-size: calc(20vw / 12);
    margin: 16px 22px;
    padding: 16px 0px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
@media screen and (max-width: 1200px) {
    p.md {
        font-size: 22px;
    }
}
.content6-image{
    width: calc(270vw/12);
    min-width: 270px;
    margin-top: calc(20vw/12);
}
.content6-backimage{
    width: calc(413vw/12);
    min-width: 413px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.backcolor2{
    background-color: #D71718;
    position: absolute;
    width: calc(413vw/12);
    min-width: 413px;
    top: 0;
    height: calc(1000vw/12);
    min-height: 1000px;
    z-index: -2;
}
.caution2{
    margin-top: calc(10vw/12);
    font-family: 'My font 700';
}
.link-box{
    background-color: #231815;
    width: calc(413vw/12);
    min-width: 413px;
    margin-top: calc(-5vw/12);
    padding: calc(35vw/12) 0 calc(25vw/12) 0;
}
.link-text{
    font-size: calc(18vw/12);
    letter-spacing: calc(3vw/12);
    font-family: 'My font 800';
    text-align: center;
    margin: 0 auto;
}
.link-btn-box1{
    background-color: #D71718;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(50vw/12);
    min-height: 50px;
    width: calc(280vw/12);
    min-width: 280px;
    border-radius: 9999px;
    border: 1px solid black;
    margin: calc(13vw/12) auto;
}
.link-btn-box2{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(50vw/12);
    min-height: 50px;
    width: calc(280vw/12);
    min-width: 280px;
    border-radius: 9999px;
    border: 1px solid black;
    margin: calc(9vw/12) auto;
}
.link-btn-txt1{
    font-family: 'My font 600';
    font-size: calc(13vw/12);
    margin-left: calc(55vw/12);
}
.link-btn-txt2{
    font-family: 'My font 600';
    font-size: calc(13vw/12);
    margin-left: calc(80vw/12);
}
.Red{
    color: #D71718;
}
.Black{
    background-color: black;
}
.White{
    color: white;
}
.link-btn-txt2{
    color: black;
}
footer{
    text-align: center;
    width: calc(413vw/12);
    min-width: 413px;
    margin: 0 auto;
    background-color: #D71718;
    padding-bottom: calc(90vw/12);
}
.footer-logo{
    width: calc(120vw/12);
    min-width: 120px;
    margin: calc(28vw/12) auto calc(7vw/12) auto;
}
.footer-text{
    font-size: calc(7vw/12);
    letter-spacing: calc(0.1vw/12);
    text-align: center;
}
.title-slider{
    animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}
@-webkit-keyframes poyoyon {
  0% {
    transform: translateX(140px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
  }
  65% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0);
  }
  20%,100% {
    opacity: 1;
  }
}
.float-up{
    position: relative;
  z-index: -3;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  transform: translateY(100px);
}
.float-up-active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media screen and (max-width:1200px) {
    .background-image{
        min-width: 0px;
        height: 675px;
        object-fit: cover;
    }
    .btn-circle{
        margin: 4px 8px 4px 0;
    }
    .btn-circle2{
        margin: 6px 6px 6px 0;
    }
    .yajirushi{
        font-size: 15px;
        line-height: 31px;
    }
    .yajirushi2{
        line-height: 35px;
    }
    .content-text{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.5px;
    }
    .header-logo{
        margin-top: 23px;
        margin-left: 35px;
    }
    .header-btn-box{
        margin: 27px 30px 0 0;
    }
    .header-btn-txt{
        margin-left: 20px;
        letter-spacing: 0.1px;
    }
    .go-top-box{
        bottom: 60px;
        right: 37px;
    }
    .content1-copy1{
        top: 50px;
        left: 65px;
    }
    .content1-copy2{
        top: 215px;
        left: 35px;
    }
    .content1-copy3{
        top: 270px;
        left: 105px;
    }
    .content1-image{
        top: 10px;
        left: -330px;
    }
    .content1-text1-box{
        padding: 7px 0;
        border-radius: 10px;
    }
    .content1-text1{
        font-size: 9px;
    }
    .content1-text2{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.5px;
    }
    .content1-btn-box{
        margin: 28px auto;
    }
    .btn-text{
        margin-left: 75px;
    }
    .content1-btn-txt-mini{
        font-size: 9px;
    }
    .content1-btn-txt{
        font-size: 15px;
        margin-top: 2px;
    }
    .backcolor{
        top: 420px;
    }
    .content2{
        margin-top: 65px;
    }
    h2{
        font-size: 20px;
        margin-bottom: 17px;
    }
    .content2-text-box{
        margin-top: 360px;
    }
    .content2-title{
        margin-bottom: 23px;
    }
    .content2-text1{
        font-size: 14px;
        margin: 0 14px;
        line-height: 24px;
        letter-spacing: 1.2px;
    }
    .content3-backcolor{
        top: 58px;
    }
    .content4-backcolor{
        top: 30px;
    }
    .content5-backcolor{
        top: -192px;
    }
    .content2-backimage1{
        top: -649px;
        left: 35px;
    }
    .content2-backimage2{
        top: -381px;
        left: -2px;
    }
    .content2-backimage3{
        top: -339px;
        right: 15px;
    }
    .content3-backimage{
        top: 58px;
    }
    .content4-backimage{
        top: 30px;
    }
    .content5-backimage{
        top: -150px;
    }
    .content3-title{
        margin-top: 155px;
        margin-bottom: 15px;
    }
    .content4-title{
        margin-top: 115px;
        margin-bottom: 43px;
    }
    .content5-title{
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .content6-title{
        margin-top: 103px;
        margin-bottom: 19px;
    }
    .content3-btn-box{
        margin: 55px auto;
    }
    .content3-btn-txt{
        font-size: 13px;
        margin-left: 55px;
    }
    .info-text-box{
        margin-top: 85px;
        padding: 59px 71px;
    }
    h3{
        font-size: 32px;
    }
    .unnderbar{
        margin: 13px 0 11px 0;
    }
    .info-text{
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0.8px;
    }
    .info-image{
        margin-top: -260px;
        margin-left: 195px;
    }
    .date-box{
        margin: -18px auto 0 auto;
        padding-top: 37px;
        padding-bottom: 18px;
        border-radius: 10px;
    }
    .date-title-box{
        margin: 45px auto 0 auto;
    }
    .date-title{
        margin: 10px 0;
    }
    .date-calendar{
        margin: -10px auto 0 auto;
    }
    .date-cell{
        margin-top: 10px;
    }
    .date-day{
        line-height: 35px;
    }
    .date-name-cell{
        padding-top: 8px;
    }
    .date-name{
        font-size: 13px;
		margin-bottom: 3px;
    }
    .caution{
        font-size: 7px;
        margin: 8px 0 29px 70px;
    }
    .content5-btn-box{
        margin: 9px auto;
    }
    .content5-btn-txt{
        font-size: 13px;
        margin-left: 75px;
    }
    .content6-image{
        margin-top: 20px;
    }
    .caution2{
        margin-top: 10px;
    }
    .link-box{
        margin-top: -5px;
        padding: 35px 0 25px 0;
    }
    .link-text{
        font-size: 18px;
        letter-spacing: 3px;
    }
    .link-btn-box1{
        margin: 13px auto;
    }
    .link-btn-box2{
        margin: 9px auto;
    }
    .link-btn-txt1{
        font-size: 13px;
        margin-left: 55px;
    }
    .link-btn-txt2{
        font-size: 13px;
        margin-left: 80px;
    }
    footer{
        padding-bottom: 90px;
    }
    .footer-logo{
        margin: 28px auto 7px auto;
    }
    .footer-text{
        font-size: 7px;
        letter-spacing: 0.1px;
    }
}
@media screen and (max-width:786px) {
    .PC{
        display: none;
    }
    .header-SP,.header-left,.header-btn-box{
        display: flex;
        align-items: center;
        min-height: 0px;
        height: 40px;
        width: 100%;
    }
    .header-left{
        background-color: #231815;
        width: 50%;
    }
    .header-btn-box{
        border-radius: 0;
        border: none;
        margin: 0;
        width: 50%;
    }
    .header-logo{
        width: 56px;
        min-width: 0px;
        height: 25px;
        margin: 0;
        margin-left: calc(15vw/7.86);
    }
    .header-KV{
        width: 114px;
        height: 25px;
        margin: 0 calc(30vw/7.86);
    }
    .header-btn-txt{
        font-size: 13px;
        letter-spacing: calc(-1.5vw/7.86);
        margin: 0 0 0 calc(30vw/7.86);
    }
    .btn-circle{
        width: 19px;
        min-width: 0px;
        height: 19px;
        min-height: 0px;
    }
    .yajirushi{
        font-size: 10px;
        line-height: 19px;
    }
    .btn-circle2{
        min-width: 35px;
        min-height: 35px;
    }
    .yajirushi2{
        font-size: 15px;
        line-height: 35px;
    }
}
@media screen and (max-width:600px) {
        main,.content3-backcolor,.content4-backcolor,.content5-backcolor,.content3-backimage,.content4-backimage,.backcolor
    ,.content5-backimage,.content6-backimage,.backcolor2,.content3,.content4,.content5,.content6,.link-box,footer{
        width: 100%;
        min-width: 0px;
    }
    .content3-backcolor{
        height: 807px;
    }
    .content3-backimage{
        height: 807px;
        object-fit: cover;
    }
    .content4-backcolor{
        height: 873px;
    }
    .content4-backimage{
        height: 1090px;
        object-fit: cover;
    }
    .content5-backcolor{
        height: 1050px;
    }
    .content5-backimage{
        height: 1025px;
        object-fit: cover;
    }
    .backcolor2{
        height: 1000px;
    }
    .content6-backimage{
        height: 823.22px;
        object-fit: cover;
    }
}
@media screen and (max-width:400px) {
    .header-btn-txt{
        font-size: 11px;
    }
    .content2{
        width: 100%;
        min-width: 0px;
    }
    .content2-text1{
        font-size: 12px;
        font-family: 'My font 600';
        margin: 0 calc(16vw/4);
    }
}
@media screen and (min-width:786px) {
    .header-SP{
        display: none;
    }
}
    .taiki{
        width: 90%;
        min-width: 0px;
    }
    .campaign{
        margin-top: 30px;
		margin-bottom: 30px;
		text-align: center
    }