/*css*/



@media(min-width:1060px) {
    main {
        /*        background-color: #2e2e2e;*/
    }

    /*font-size*/
    .f-s,
    .f-m,
    .f-l,
    .f-x {
        line-height: 1.3em;
    }

    .f-s {
        font-size: 11px;
    }

    .f-m {
        font-size: 33px;
        font-weight: bold;
    }

    .f-l {
        font-size: 45px;
        font-weight: bold;
    }

    .f-ls {
        font-size: 45px;
        font-weight: bold;
        line-height: 1.5;
    }

    .f-x {
        font-size: 55px;
        font-weight: bold;
        line-height: 1.5;
    }

    /*margin*/
    .mb-s {
        margin-bottom: 10px;
    }

    .mb-m {
        margin-bottom: 30px;
    }

    .mb-l {
        margin-bottom: 50px;
    }

    .mb-x {
        margin-bottom: 135px;
    }

    .mtb-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .header-top {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header-top-left p {
        padding-bottom: 5px;
    }

    .header-top-right p {
        font-size: 20px;
    }

    .header-top-right-entry a {
        margin-right: 50px;
        padding: 10px 12px;
        font-size: 16px;
    }

    /*---------------------------
            main
    ---------------------------*/
    .box2 h4 {
        font-size: 25px;
    }

    .box2 p {
        font-size: 16px;
    }

    .genkai img {
        max-width: 510px;
    }

    .obi1 {
        font-size: 48px;
    }

    .obi1 p span {
        font-size: 55px;
    }

    .obi2 {
        padding: 30px 10px;
    }

    .obi2 p {
        font-size: 34px;
    }

    .obi3 {
        padding: 55px 10px 40px;
    }

    .obi3 p {
        font-size: 63px;
    }

    /*resolution*/
    .resolution_list h3 {
        font-size: 54px;
        margin-bottom: 10px;
    }

    .resolution_list span {
        font-size: 66px;
    }

    .resolution_list p {
        font-size: 21px;
    }

    .details_point p {
        font-size: 45px;
    }

    /*function born*/
    .point_green {
        padding-top: 33px;
        background-size: 55px 55px;
        background-image: radial-gradient(6px 6px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -moz-radial-gradient(6px 6px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -webkit-radial-gradient(6px 6px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -ms-radial-gradient(6px 6px at center center, #B3DB11, #B3DB11 100%, transparent);
    }
    



}


@media(max-width:640px) {
    .visual {
        height: auto;
        background-image: none;
        padding: 0;
    }

    .visual > * {
        width: 100%;
    }

    .visual-left {
        order: 2;
        padding-top: 2vw;
    }

    .visurl-right {
        order: 1;
    }

    main {
        /*        background-color: #2e2e2e;*/
    }

    .mb-show {
        display: inline;
    }

    .mb-none {
        display: none;
    }

    .f-l {
        font-size: 32px;
        /*        font-weight: normal;*/
    }

    .f-m {
        font-size: 4.5vw;
    }

    .f-ls {
        font-size: 22px;
        /*        font-weight: bold;*/
        line-height: 1.5;
    }

    .f-x {
        font-size: 35px;

    }

    .mb-x {
        margin-bottom: 50px;
    }

    .header-top {
        position: relative;
        padding: 5vw;
        background-color: #1C1C1C;
        width: 100%;

    }

    .header-top-right {
        width: 40%;
    }

    .header-top-right p {
        display: none;
    }

    .header-top-left-logo {
        order: 2;
        max-width: 30vw;
    }

    .header-top-left {
        width: 60%;
        justify-content: flex-start;
    }

    .header-top-left p {
        order: 1;
        font-size: 3vw;
    }

    .header-top-right-entry a {
        margin: 0;
        border: solid 1px #fff;
        font-size: 4vw;
        padding: 2vw;
    }
    .header-top-left-logo img {
/*        max-width: 26vw;*/
        max-width: 39vw;
        margin-top: 1vw;
    }

    .visual-left-movie {
        padding: 0 5vw;
    }

    /*-----------------------------
            main
    -----------------------------*/
    .visual-right {
        background-image: none;
    }

    /*section-born*/
    .born .text1 {
        margin-bottom: 2vw;
    }

    .born .text2 {
        margin-bottom: 6.5vw;
    }

    .born .text3 {
        text-align: left;
    }

    .obi1 {
        font-size: 24px;
        line-height: 1.3;
    }

    .obi1 p span {
        font-size: 30px;
    }

    .obi2 {
        background-image: url(../img/obi2_sp.png);
        padding: 10vw 10px;
        margin-bottom: 5vw;
    }

    .obi2 p {
        font-size: 5.8vw;
    }

    .obi3 {
/*        background-image: url(../img/obi3_sp.png);*/
/*        padding: 14vw 10px 7vw 10px;*/
    }

    .obi3 p {
        font-size: 7.4vw;
    }

    .genkai img {
        max-width: 100%;
        padding: 0 20px;
    }
    .point_green {
        padding-top: 22px;
/*
        background-size: 35px 35px;
        background-image: radial-gradient(3px 3px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -moz-radial-gradient(3px 3px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -webkit-radial-gradient(3px 3px at center center, #B3DB11, #B3DB11 100%, transparent);
        background: -ms-radial-gradient(3px 3px at center center, #B3DB11, #B3DB11 100%, transparent);
*/
        background: none;
    }
    /*function dissatisfied*/
    .dissatisfied .text1 {
        font-size: 7vw;
        padding-top: 10vw;
        padding-bottom: 5vw;
    }

    /*function resolution*/
    .resolution .text1 {
        text-align: left;
    }

    .resolution_list h3 {
        font-size: 6vw;
    }

    .resolution_list h3 span {
        font-size: 7.3vw;
    }

    .resolution_list p {
        font-size: 3.5vw;
        line-height: 1.5
    }

    .use_title {
        font-size: 4.2vw;
        line-height: 2;
        padding: 3vw 10px;
    }

    .use_content {
        padding: 3.5vw 20px;
    }

    /*function details*/
    .details_list {
        margin-bottom: 20vw;
    }

    .details_list h3 {
        font-size: 5vw;
    }

    .details_list h3 span {
        font-size: 6vw;
    }

    .details .text1 {
        margin-bottom: 6vw;
    }

    .details .text2 {
        font-size: 5.5vw;
        margin-bottom: 4.5vw;
    }

    .details .text2 span {
        font-size: 1.5vw;
    }

    .details .text3 {
        margin-bottom: 5vw;
    }

    .details .text4 {
        font-size: 3vw;
    }

    .details .text5 {
        font-size: 3vw;
    }

    .details_point {
        margin-bottom: 5vw;
    }

    .box2 {
        padding: 0 20px;
    }

    .box2 .split div {
        padding: 3vw 7vw;
    }

    .box2 .split {
        margin-bottom: 5vw;
    }

    .box2 h4 {
        font-size: 8vw;
    }

    .box2 p {
        font-size: 5vw;
        line-height: 1.5;
    }

    .box3 {
        margin-bottom: 10px;
        padding: 1.9vw 10px;
    }


    .details_point p {
        font-size: 4.2vw;
        margin: 0 10px;
    }

    .details_list .price {
        margin-bottom: 4vw;
        font-size: 12vw;
    }

    .details_list_text {
        font-size: 3.8vw;
        line-height: 1.5;
        margin-bottom: 5.5vw;
    }


    .details_check li {
        margin-bottom: 3vw;
        padding-left: 6vw;
        font-size: 4.5vw;
    }

    .details_check li:before {
        position: absolute;
        content: "";
        width: 5.1vw;
        height: 6.2vw;
        background-image: url(../img/check.png);
        background-size: contain;
        left: 0;
        top: -0.09vw;
    }

    .bk_white {
        font-size: 3vw;
        padding: 10px 15px;
    }

    /*function entry*/
    .entry .obi3 {
        top: -22vw;
        padding: 6vw 2vw 0vw;
    }

    .obi3 p {
        font-size: 6.3vw;
    }

    .entry .visual {
        height: auto;
    }





    .footer_list {
        max-width: 100%;
    }

    .footer_list {
        max-width: 85%;
        /*    width: 100%;*/
        margin: 2vw auto 6vw;
    }

    .footer_list li {
        font-size: 5vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        padding-left: 7vw;
        margin-bottom: 0.7vw;
    }

    .entry .visual-right {
        background-image: none;
    }

    .entry .visual-left {
        padding-top: 4vw;
    }

    .entry .content1 {
        max-width: 90%;
        margin-bottom: 3vw;
    }

    .contract a {
        font-size: 1.8vw;
        max-width: 85%;
        width: 100%;
        padding: 5vw 0;
        font-size: 4vw;
        margin-top: 3vw;
    }

    .entry .text1 {
        font-size: 8vw;
    }

    .entry .text1 span {
        font-size: 3.5vw;
    }

    footer {
        padding-top: 4vw;
        padding-bottom: 5vw;
        background-color: #1C1C1C;
    }

    footer img {
/*        max-width: 200px;*/
        max-width: 39vw;
        margin-bottom: 3vw;
    }

    footer small {
        font-size: 3vw;
    }
    /*20200525追記*/
    .tanmatu_details {
        font-size: 3.5vw;
    }

}