@charset "UTF-8";

.button-box-normal{
    display: block;
}
.button-box-ios{
    display: none;
}





/*
.ipad #section1 .main_img{
    padding-top: 33.3vh;
}
*/

/*縦*/
/*ipad_pro(12.9)*/
@media screen and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    #section1 .main_img{
        padding-top: 32.6vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad_pro(11)*/
@media screen and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait) {
    #section1 .main_img{
        padding-top: 32.6vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad_pro(10.5)*/
@media screen and (device-width: 834px) and (device-height: 1112px) and (orientation:portrait) {
    #section1 .main_img{
        padding-top: 32.6vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad&mini*/
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #section1 .main_img{
        padding-top: 32.6vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*XR XSMax*/
@media screen and (device-width: 414px) and (device-height: 896px) and (orientation:portrait) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*X*/
@media screen and (device-width: 375px) and (device-height: 812px) and (orientation:portrait) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*6 7 8Plus*/
@media screen and (device-width: 414px) and (device-height: 736px) and (orientation:portrait) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*6 7 8*/
@media screen and (device-width: 375px) and (device-height: 667px) and (orientation:portrait) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*5 SE*/
@media screen and (device-width: 320px) and (device-height: 568px) and (orientation:portrait) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}



/*横*/
/*ipad_pro(12.9)*/
@media screen and (width: 1366px) and (orientation:landscape) {
    #section1 .main_img{
        padding-top: 28vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad_pro(11)*/
@media screen and (width: 1194px) and (orientation:landscape) {
    #section1 .main_img{
        padding-top: 28vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad_pro(10.5)*/
@media screen and (width: 1112px) and (orientation:landscape) {
    #section1 .main_img{
        padding-top: 28vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*ipad&mini*/
@media screen and (width: 1024px) and (orientation:landscape) {
    #section1 .main_img{
        padding-top: 28vh;
    }
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 96%;
    }
}
/*XR XSMax*/
@media screen and (width: 896px) and (orientation:landscape) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*X*/
@media screen and (width: 812px) and (orientation:landscape) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*6 7 8Plus*/
@media screen and (width: 736px) and (orientation:landscape) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*6 7 8*/
@media screen and (width: 667px) and (orientation:landscape) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}
/*5 SE*/
@media screen and (width: 568px) and (orientation:landscape) {
    .button-box-normal{
        display: none;
    }
    .button-box-ios{
        display: block;
    }
    .button-box.button-box-ios{
        cursor: pointer;
        position: relative;
        width: 270px;
        height: 59px;
        margin: 88px auto 0;
        display: block;
        border: none; 
        border-image: none; 
        border-image-slice: 0; 
        overflow: hidden;
    }
    input.button.button-ios{
        display: block;
        cursor: pointer;
        width: 270px;
        height: auto; 
        font-family: none;
        font-weight: none;
        font-size: 0;
        border: none;
        background: none;
        background: none;
        background: none;
        -webkit-background-clip: none;
        -webkit-text-fill-color: none;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
    }
    input[type="image"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input.textbox{
        width: 94%;
    }
}





/*Safari縦*/
/*
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    _::-webkit-full-page-media, _:future, :root #section1 .main_img {
        padding-top: 33.3vh!important;
    }
    
    #section1 .main_img{
        padding-top: 33.3vh;
    }
}
*/