@font-face {
    font-family: 'My gothic bold';
    src: url(../font/ZenMaruGothic-Bold.ttf);
}

@font-face {
    font-family: 'My gothic medium';
    src: url(../font/ZenMaruGothic-Medium.ttf);
}

@font-face {
    font-family: 'My noto medium';
    src: url(../font/NotoSansJP-Medium.ttf);
}

@font-face {
    font-family: 'My noto regular';
    src: url(../font/NotoSansJP-Regular.ttf);
}

body {
    background-color: #FF4F00;
}

header {
    position: fixed;
    display: flex;
    justify-content: space-between;
    z-index: 50;
}

a {
    text-decoration: none;
}

.sign-box {
    border: calc(2vw/12.8) solid #FF4F00;
    border-radius: 999px;
    width: fit-content;
    margin: 0 auto;
    padding: calc(3vw/12.8) calc(10vw/12.8);
}

.sign-text {
    color: #FF4F00;
    font-family: 'My gothic medium';
    font-size: calc(13vw/12.8);
}

.header-logo {
    width: calc(130vw/12.8);
    margin-top: calc(19vw/12.8);
    margin-left: calc(40vw/12.8);
}

.top-box {
    position: relative;
    height: calc(600vw/12.8);
    width: 100%;
}

.top-backimage {
    position: absolute;
    width: calc(1122vw/12.8);
    top: calc(75vw/12.8);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    opacity: 0.7;
}

.top-image {
    position: absolute;
    width: calc(576vw/12.8);
    top: calc(144vw/12.8);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.top-text-box {
    color: #FFFFFF;
    text-align: center;
    margin-top: calc(201vw/12.8);
}

.top-text {
    font-family: 'My gothic bold';
    font-size: calc(22vw/12.8);
    letter-spacing: calc(1vw/12.8);
    line-height: calc(32vw/12.8);
}

.text-space {
    height: calc(33vw/12.8);
}

.about {
    margin-top: calc(195vw/12.8);
}

.about-title {
    display: block;
    width: calc(166vw/12.8);
    margin: 0 auto;
}

.about-content-box {
    border: calc(2vw/12.8) solid black;
    border-radius: calc(18vw/12.8);
    text-align: center;
    background-color: #FFFFFF;
    width: calc(962vw/12.8);
    margin: calc(35vw/12.8) auto;
    padding: calc(63vw/12.8) 0 calc(70vw/12.8) 0;
}

.about-text {
    font-family: 'My gothic bold';
    font-size: calc(25vw/12.8);
    letter-spacing: calc(1.2vw/12.8);
    line-height: calc(39vw/12.8);
    color: #2C2C2C;
}

.about-txt {
    font-family: 'My gothic bold';
    font-size: calc(16vw/12.8);
    letter-spacing: calc(1vw/12.8);
    color: #2C2C2C;
}

.about-image {
    width: calc(85vw/12.8);
    margin: calc(24vw/12.8) 0 calc(20vw/12.8) 0;
}

.program {
    text-align: center;
    margin-top: calc(127vw/12.8);
}

.program-title {
    display: block;
    width: calc(208vw/12.8);
    margin: 0 auto;
}

.program-txt {
    font-family: 'My gothic bold';
    color: #FFFFFF;
    font-size: calc(20vw/12.8);
    letter-spacing: calc(1vw/12.8);
    margin: calc(10vw/12.8) 0 0 0;
}

.program-date-image,
.program-date-image2 {
    width: calc(573.4vw/12.8);
    margin: calc(80vw/12.8) auto 0 auto;
}

.program-date-image2 {
    margin: calc(130vw/12.8) auto calc(12vw/12.8) auto;
}

.program-place,
.program-place3 {
    font-family: 'My gothic bold';
    color: #FFFFFF;
    font-size: calc(25vw/12.8);
    letter-spacing: calc(1.2vw/12.8);
    margin: calc(17vw/12.8) 0 calc(24vw/12.8) 0;
}

.program-place3 {
    margin: calc(65vw/12.8) 0 calc(25vw/12.8) 0;
}

.program-content1,
.program-content2,
.program-content3 {
    width: calc(960vw/12.8);
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.program-big {
    width: calc(960vw/12.8);
    margin: 0 auto calc(17vw/12.8) auto;
}

.program-BG-text-cell {
    display: flex;
}

.program-cell {
    position: relative;
    width: calc(310vw/12.8);
    margin-right: calc(15vw/12.8);
    margin-bottom: calc(14vw/12.8);
    text-align: center;
}

.program-cell:nth-of-type(3n) {
    margin-right: 0;
}

.program-backimage,
.program-backimage-BG {
    width: 100%;
}

.program-cell-image,
.program-cell-image2 {
    position: absolute;
    width: calc(310vw/12.8);
    z-index: 1;
    top: 0;
    left: 0;
}

.program-cell-text-box {
    position: absolute;
    z-index: 1;
    top: calc(181vw/12.8);
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.program-cell-orange {
    color: #FF4F00;
    font-family: 'My gothic medium';
    font-size: calc(16vw/12.8);
    margin: calc(18vw/12.8) 0 calc(6vw/12.8) 0;
}

.program-cell-text {
    font-family: 'My gothic bold';
    font-size: calc(22vw/12.8);
    margin-top: calc(10vw/12.8);
    letter-spacing: calc(-1vw/12.8);
    line-height: calc(25vw/12.8);
}

.program-cell-txt {
    font-family: 'My gothic medium';
    font-size: calc(15vw/12.8);
    letter-spacing: calc(0.8vw/12.8);
    line-height: calc(18vw/12.8);
}
.program-cell-txt-mini{
    font-size: calc(14vw/12.8);
    letter-spacing: calc(0.4vw/12.8);
    line-height: calc(16vw/12.8);
}

.program-big {
    position: relative;
}

.program-text-box-BG {
    position: absolute;
    display: flex;
    width: 100%;
    top: calc(195vw/12.8);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 1;
}

.program-title-BG {
    position: absolute;
    top: calc(145vw/12.8);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 1;
}

h3 {
    font-family: 'My gothic bold';
    font-size: calc(20vw/12.8);
    margin: calc(12vw/12.8) 0;
    letter-spacing: calc(1vw/12.8);
}

.program-text-box-BG-line {
    width: calc(2vw/12.8);
    height: calc(400vw/12.8);
    margin-top: calc(30vw/12.8);
    background-color: #6C6C6C;
}

.program-text-box-BG1,
.program-text-box-BG2 {
    width: calc(479vw/12.8);
}

.cell-short {
    background-color: #FFFFFF;
    border: calc(2vw/12.8) solid black;
    border-radius: calc(18vw/12.8);
}

.BG-text-PC {
    text-align: center;
    font-family: 'My gothic bold';
    font-size: calc(15vw/12.8);
    letter-spacing: calc(1vw/12.8);
    line-height: calc(22vw/12.8);
    margin: 0;
    margin-left: calc(40vw/12.8);
    width: calc(130vw/12.8);
}

.BG-txt-PC {
    text-align: left;
    font-family: 'My gothic medium';
    font-size: calc(15vw/12.8);
    line-height: calc(22vw/12.8);
}

.BG-title2 {
    margin: 0;
}

.BG-orange {
    margin-top: calc(30vw/12.8);
}

.cell-short {
    height: calc(172vw/12.8);
    align-items: center;
    justify-content: center;
    display: flex;
}
.cell-short2,.cell-short3 {
    height: calc(366.91vw/12.8);
    align-items: center;
    overflow: hidden;
    display: block;
}

.timetable {
    margin-top: calc(285vw/12.8);
    margin-bottom: calc(100vw/12.8);
}

.timetable-title {
    display: block;
    width: calc(292vw/12.8);
    margin: 0 auto;
}

.timetable-content{
    display: flex;
    width: calc(1154vw/12.8);
    margin: 0 auto;
}

.timetable1,.timetable2{
    width: calc(577vw/12.8);
}

.company {
    background-color: #FFFFFF;
    text-align: center;
    padding: calc(70vw/12.8) 0 calc(88vw/12.8) 0;
}

.company-txt {
    font-family: 'My gothic medium';
    font-size: calc(19vw/12.8);
    letter-spacing: calc(1vw/12.8);
    line-height: calc(24vw/12.8);
}

.company-space {
    height: calc(27.3vw/12.8);
}

.contact-title {
    display: block;
    width: calc(250vw/12.8);
    margin: calc(84vw/12.8) auto 0 auto;
}

.contact-caution {
    font-family: 'My gothic bold';
    font-size: calc(14vw/12.8);
    color: #FFFFFF;
    text-align: right;
    padding-top: calc(20vw/12.8);
    padding-right: calc(356vw/12.8);
    letter-spacing: calc(1.5vw/12.8);
}

form {
    padding-left: calc(348vw/12.8);
    padding-top: calc(25vw/12.8);
}

.con-label {
    font-family: 'My gothic bold';
    font-size: calc(18vw/12.8);
    letter-spacing: calc(1vw/12.8);
    color: #FFFFFF;
}

.con-label span {
    font-family: 'My gothic bold';
    font-size: calc(18vw/12.8);
    color: #FFFFFF;
}

.form-box {
    margin-top: calc(11vw/12.8);
    margin-bottom: calc(24vw/12.8);
    width: calc(557vw/12.8);
    height: calc(42vw/12.8);
    border: calc(2vw/12.8) solid #0E5072;
    border-radius: calc(5vw/12.8);
    font-family: 'My noto medium';
    font-size: calc(15vw/12.8);
    padding-left: calc(20vw/12.8);
}

.name {
    width: calc(258vw/12.8);
    height: calc(39vw/12.8);
    margin-right: calc(10vw/12.8);
}

textarea {
    width: calc(557vw/12.8);
    height: calc(200vw/12.8);
    border: calc(2vw/12.8) solid #0E5072;
    border-radius: calc(5vw/12.8);
    margin-top: calc(20vw/12.8);
    margin-bottom: calc(10vw/12.8);
    font-family: "Noto Sans MEDIUM";
    font-size: calc(15vw/12.8);
    padding-left: calc(20vw/12.8);
    padding-top: calc(15vw/12.8);
}

.btn-space {
    background-color: #2C2C2C;
    color: #FFFFFF;
    width: calc(583vw/12.8);
    height: calc(50vw/12.8);
    margin-top: calc(45vw/12.8);
    margin-bottom: calc(145vw/12.8);
    border-radius: calc(5vw/12.8);
    font-family: 'My noto medium';
    font-size: calc(14vw/12.8);
}

.btn-area span {
    margin-left: calc(-65vw/12.8);
    color: #FFFFFF;
    font-family: "Noto Sans MEDIUM";
    font-size: calc(20vw/12.8);
}

.main-accept {
    display: flex;
}

.accept-p a {
    color: #F9F6ED;
    border-bottom: 1px solid #F9F6ED;
}

.accept-p {
    font-family: 'My noto regular';
    font-size: calc(13vw/12.8);
    line-height: calc(13vw/12.8);
}

.checkbox-icon {
    width: calc(15vw/12.8);
    height: calc(15vw/12.8);
}

footer {
    text-align: center;
    padding-bottom: calc(90vw/12.8);
}

.footer-logo {
    width: calc(232vw/12.8);
}

.footer-text {
    color: #FFFFFF;
    font-family: 'My gothic bold';
    font-size: calc(15vw/12.8);
    margin-top: calc(18vw/12.8);
    letter-spacing: calc(1vw/12.8);
}

/*    nav     */
.SP-menu-btn-op {
    position: fixed;
    background-color: #2C2C2C;
    border-radius: calc(3vw/12.8);
    top: calc(44vw/12.8);
    right: calc(47vw/12.8);
    width: calc(64vw/12.8);
    height: calc(64vw/12.8);
    justify-content: center;
    align-items: center;
}

.open-btn-top,
.open-btn-middle,
.open-btn-bottom {
    position: absolute;
    content: '';
    display: block;
    height: calc(3vw/12.8);
    border-radius: 999px;
    width: 55%;
    margin-left: 22.5%;
    background-color: #FFFFFF;
}

.open-btn-top {
    top: calc(23vw/12.8);
}

.open-btn-middle {
    bottom: calc(30vw/12.8);
}

.open-btn-bottom {
    bottom: calc(23vw/12.8);
}

.SP-menu p {
    letter-spacing: calc(1vw/12.8);
}

.SP-menu a {
    text-decoration: none;
}

.SP-menu-A {
    display: flex;
}

.ja-tit {
    color: #FFFFFF;
    font-size: calc(20vw/12.8);
    letter-spacing: calc(1vw/12.8);
    margin: calc(28vw/12.8) auto;
    font-family: 'My gothic bold';
}

.menu-down {
    position: fixed;
    right: 100%;
    width: calc(268vw/12.8);
    top: calc(44vw/12.8);
    padding: calc(0vw/12.8) 0 calc(80vw/12.8) 0;
    border-radius: calc(3vw/12.8);
    background-color: #2C2C2C;
    overflow: scroll;
}
.menu-inner{
    margin-top: calc(28vw/12.8);
}

.menu-inner::-webkit-scrollbar {
    display: none;
}

.menu-down::-webkit-scrollbar {
    display: none;
}

.SP-menu-btn-clo {
    position: relative;
    background-color: #2C2C2C;
    border-radius: calc(3vw/12.8);
    left: calc(205vw/12.8);
    width: calc(64vw/12.8);
    height: calc(64vw/12.8);
    justify-content: center;
    align-items: center;
    display: inline-block;
    z-index: 2;
}

.clo-btn-top,
.clo-btn-bottom {
    position: absolute;
    content: '';
    display: block;
    height: calc(3vw/12.8);
    border-radius: 999px;
    width: 55%;
    margin-left: 22.5%;
    background-color: #FFFFFF;
}

.clo-btn-top {
    top: calc(33vw/12.8);
    transform: rotate(25deg);
}

.clo-btn-bottom {
    top: calc(33vw/12.8);
    transform: rotate(-25deg);
}

.menu-btn {
    text-align: center;
    display: block;
}

#op-menu-check{
    display: none;
}

#op-menu-check:checked ~ .menu-down {
    right: calc(47vw/12.8);
}

@media screen and (min-width:787px) {
    .SP {
        display: none;
    }
}

@media screen and (max-width:786px) {
    .PC {
        display: none;
    }
    .sign-box{
        padding: calc(8vw/7.86) calc(25vw/7.86);
    }
    .sign-text{
        font-size: calc(22vw/7.86);
    }
    .top-box{
        height: calc(1600vw/7.86);
    }
    .top-backimage{
        width: calc(653vw/7.86);
        top: calc(93vw/7.86);
    }
    .top-image{
        width: calc(552vw/7.86);
        top: calc(669vw/7.86);
    }
    .top-text-box{
        margin-top: calc(100vw/7.86);
    }
    .top-text{
        font-size: calc(28vw/7.86);
        letter-spacing: calc(1vw/7.86);
        line-height: calc(50vw/7.86);
    }
    .text-space{
        height: calc(50vw/7.86);
    }
    .about{
        margin-top: calc(205vw/7.86);
    }
    .about-title{
        width: calc(208vw/7.86);
    }
    .about-content-box{
        border-radius: calc(36vw/7.86);
        margin-top: calc(47vw/7.86);
        padding: calc(104vw/7.86) 0;
        border: calc(4vw/7.86) solid black;
        width: calc(652vw/7.86);
    }
    .program-content1,
    .program-content2,
    .program-content3 {
        display: block;
    }
    .program-text-box-BG{
        display: block;
    }
    .program-text-box-BG-line{
        width: calc(500vw/7.86);
        height: calc(2vw/7.86);
        margin: calc(80vw/7.86) auto;
    }
    .about-text{
        font-size: calc(40vw/7.86);
        line-height: calc(56vw/7.86);
        letter-spacing: calc(2vw/7.86);
    }
    .about-image{
        width: calc(170vw/7.86);
        margin: calc(36vw/7.86) 0 calc(38vw/7.86) 0;
    }
    .about-txt{
        font-size: calc(26vw/7.86);
        line-height: calc(36vw/7.86);
        letter-spacing: calc(1.3vw/7.86);
    }
    .program{
        margin-top: calc(258vw/7.86);
    }
    .program-title{
        width: calc(260vw/7.86);
    }
    .program-txt{
        font-size: calc(26vw/7.86);
        line-height: calc(36vw/7.86);
        letter-spacing: calc(1.3vw/7.86);
        margin-top: calc(9vw/7.86);
    }
    .program-date-image,
    .program-date-image2{
        width: calc(356vw/7.86);
        margin-top: calc(75vw/7.86);
    }
    .program-date-image2{
        margin-top: calc(240vw/7.86);
    }
    .program-place,
    .program-place3{
        font-size: calc(34vw/7.86);
        line-height: calc(54vw/7.86);
    }
    .program-place{
        margin-top: calc(23vw/7.86);
        margin-bottom: calc(115vw/7.86);
    }
    .program-place2{
        margin-bottom: calc(75vw/7.86);
    }
    .program-place3{
        margin-top: calc(106vw/7.86);
        margin-bottom: calc(42vw/7.86);
    }
    .program-content1{
        width: calc(512vw/7.86);
    }
    .program-content2,
    .program-content3{
        width: calc(614vw/7.86);
    }
    .program-content2{
        margin-top: calc(30vw/7.86);
    }
    .program-cell{
        width: calc(512vw/7.86);
        margin-right: 0;
        margin-bottom: calc(37vw/7.86);
    }
    .program-cell1{
        width: calc(614vw/7.86);
    }
    .program-cell-image,
    .program-cell-image2{
        width: calc(512vw/7.86);
    }
    .program-cell-image3{
        width: calc(614vw/7.86);
    }
    .program-cell-text-box{
        top: calc(295vw/7.86);
    }
    .program-cell-text-box1{
        top: calc(360vw/7.86);
    }
    .program-cell-text{
        font-size: calc(32vw/7.86);
        line-height: calc(40vw/7.86);
        letter-spacing: calc(1.6vw/7.86);
        margin-top: calc(15vw/7.86);
    }
    .program-cell-text-box1 .program-cell-text,
    .cell-short .program-cell-text{
        font-size: calc(40vw/7.86);
        line-height: calc(50vw/7.86);
        letter-spacing: calc(2vw/7.86);
    }
    .cell-short2 .program-cell-text{
        font-size: calc(32vw/7.86);
        line-height: calc(40vw/7.86);
        letter-spacing: calc(1.6vw/7.86);
        margin-top: calc(15vw/7.86);
    }
    .program-cell-orange{
        font-size: calc(24vw/7.86);
        margin: calc(30vw/7.86) 0 calc(12vw/7.86) 0;
    }
    .program-cell-txt{
        font-size: calc(24vw/7.86);
        line-height: calc(28vw/7.86);
    }
    .program-cell-txt-mini{
        font-size: calc(23vw/7.86);
        line-height: calc(27vw/7.86);
    }
    .program-cell-text-box1 .program-cell-orange,
    .cell-short .program-cell-orange{
        font-size: calc(30vw/7.86);
        line-height: calc(46vw/7.86);
        letter-spacing: calc(1.5vw/7.86);
        margin: calc(20vw/7.86) 0 0 0;
    }
    .cell-short2 .program-cell-orange{
        font-size: calc(24vw/7.86);
        margin: calc(30vw/7.86) 0 calc(12vw/7.86) 0;
    }
    .program-cell-text-box1 .program-cell-txt,
    .cell-short .program-cell-txt{
        font-size: calc(30vw/7.86);
        line-height: calc(45vw/7.86);
        letter-spacing: calc(1.5vw/7.86);
    }
    .cell-short2 .program-cell-orange{
        font-size: calc(24vw/7.86);
        line-height: calc(28vw/7.86);
    }
    .cell-text-short{
        top: calc(340vw/7.86);
    }
    .cell-text-short .program-cell-orange{
        margin: calc(15vw/7.86) 0 0 0;
    }
    .cell-text-short .program-cell-txt{
        line-height: calc(35vw/7.86);
    }
    .cell-short{
        border-radius: calc(36vw/7.86);
        border: calc(6vw/7.86) solid black;
        padding: calc(30vw/7.86) 0;
        height: fit-content;
    }
    .cell-short2{
        border-radius: calc(36vw/7.86);
        border: calc(6vw/7.86) solid black;
        padding: 0 0;
        height: calc(592.12vw/7.86);
    }
    .cell-short3{
        border-radius: calc(36vw/7.86);
        border: calc(6vw/7.86) solid black;
        padding: 0 0;
        height: calc(710.078vw/7.86);
    }
    .program-big{
        width: calc(614vw/7.86);
    }
    .program-backimage-BG{
        width: calc(614vw/7.86);
    }
    .program-title-BG{
        top: calc(250vw/7.86);
        width: calc(614vw/7.86);
        text-align: center;
    }
    h3{
        font-size: calc(40vw/7.86);
        margin-top: calc(25vw/7.86);
        letter-spacing: calc(2vw/7.86);
    }
    .program-text-box-BG{
        top: calc(395vw/7.86);
        width: calc(614vw/7.86);
    }
    .BG-tit,
    .BG-tit1,
    .BG-tit2,
    .BG-tit3{
        font-size: calc(30vw/7.86);
        letter-spacing: calc(1.5vw/7.86);
        line-height: calc(50vw/7.86);
    }
    .BG-tit{
        margin-top: 0;
    }
    .BG-tit1{
        margin-top: calc(10vw/7.86);
    }
    .BG-tit2{
        margin-top: calc(40vw/7.86);
    }
    .BG-tit3{
        margin: calc(50vw/7.86) 0 calc(30vw/7.86) 0;
    }
    .program-text-box-BG1,
    .program-text-box-BG2{
        width: 100%;
    }
    .program-txtb{
        font-family: 'My gothic medium';
        font-size: calc(26vw/7.86);
        line-height: calc(40vw/7.86);
        letter-spacing: calc(1.3vw/7.86);
    }
    .timetable{
        margin-bottom: calc(150vw/7.86);
    }
    .timetable-title{
        width: calc(364vw/7.86);
        margin-bottom: calc(20vw/7.86);
    }
    .timetable-content{
        display: block;
        width: calc(614vw/7.86);
    }
    .timetable1,.timetable2{
        width: calc(614vw/7.86);
    }
    .company{
        padding-top: calc(115vw/7.86);
        padding-bottom: calc(125vw/7.86);
    }
    .company-txt{
        font-size: calc(26vw/7.86);
        line-height: calc(44vw/7.86);
        letter-spacing: calc(1.3vw/7.86);
    }
    .company-space{
        height: calc(44vw/7.86);
    }
    .contact-title{
        width: calc(312vw/7.86);
        margin-top: calc(110vw/7.86);
        margin-bottom: calc(35vw/7.86);
    }
    .contact-caution{
        font-size: calc(14vw/7.86);
        letter-spacing: 0;
        padding-right: calc(130vw/7.86);
    }
    .con-label{
        font-size: calc(28vw/7.86);
    }
    .form-box{
        width: calc(510vw/7.86);
        height: calc(68vw/7.86);
        border-radius: calc(10vw/7.86);
        border: calc(2vw/7.86) solid #000000;
        margin-top: calc(11vw/7.86);
        margin-bottom: calc(42vw/7.86);
        font-size: calc(26vw/7.86);
    }
    .name{
        width: calc(232vw/7.86);
        margin-right: calc(18vw/7.86);
    }
    .name:nth-of-type(2n){
        margin-right: 0;
    }
    textarea{
        width: calc(510vw/7.86);
        height: calc(315vw/7.86);
        border-radius: calc(10vw/7.86);
        border: calc(2vw/7.86) solid #000000;
        font-size: calc(26vw/7.86);
    }
    form{
        padding-top: calc(25vw/7.86);
        padding-left: calc(124vw/7.86);
    }
    .checkbox-icon{
        width: calc(20vw/7.86);
        height: calc(20vw/7.86);
    }
    .accept-p{
        font-size: calc(18vw/7.86);
        line-height: calc(20vw/7.86);
    }
    .con-label span{
        font-size: calc(18vw/7.86);
    }
    .main-accept{
        margin-top: calc(20vw/7.86);
    }
    .btn-space{
        width: calc(536vw/7.86);
        height: calc(86vw/7.86);
        font-size: calc(26vw/7.86);
        margin-top: calc(50vw/7.86);
    }
    .btn-area span{
        font-size: calc(26vw/7.86);
        margin-left: calc(-80vw/7.86);
    }
    footer{
        padding-top: calc(90vw/7.86);
        padding-bottom: calc(130vw/7.86);
    }
    .footer-logo{
        width: calc(360vw/7.86);
    }
    .footer-text{
        font-size: calc(22vw/7.86);
        margin-top: calc(25vw/7.86);
    }

    /*    nav     */
    .SP-menu-btn-op{
        border-radius: 0;
        top: calc(30vw/7.86);
        right: calc(34vw/7.86);
        width: calc(126vw/7.86);
        height: calc(126vw/7.86);
    }
    .open-btn-top,
    .open-btn-middle,
    .open-btn-bottom{
        height: calc(3vw/7.86);
    }
    .open-btn-top{
        top: calc(50vw/7.86);
    }
    .open-btn-middle{
        top: calc(62vw/7.86);
    }
    .open-btn-bottom{
        bottom: calc(50vw/7.86);
    }
    .ja-tit{
        font-size: calc(40vw/7.86);
        letter-spacing: calc(2vw/7.86);
        padding-bottom: calc(80vw/7.86);
    }
    .menu-down{
        width: 100%;
        top: 0;
    }
    .menu-inner{
        margin-top: calc(50vw/7.86);
        padding-bottom: calc(50vw/7.86);
    }
    .SP-menu-btn-clo{
        top: calc(30vw/7.86);
        left: calc(626vw/7.86);
        width: calc(126vw/7.86);
        height: calc(126vw/7.86);
    }
    .clo-btn-top,
    .clo-btn-bottom{
        height: calc(6vw/7.86);
    }
    .clo-btn-top {
        top: calc(60vw/7.86);
    }

    .clo-btn-bottom {
        top: calc(60vw/7.86);
    }
    #op-menu-check:checked ~ .menu-down {
        right: 0;
    }
}