/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-search {
        padding: 15px 0px;
    }
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    .logo {
        text-align: center;
    }
    .cart-content-right {
        padding-bottom: 5px;
    }
    .mg {
        margin: 0px 0px;
    }
    .menu-area-main {
        height: 256px;
        overflow-y: auto;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        height: 19px;
    }
    .category-box.women-box {
        display: none;
    }
    .cart-box {
        display: inline-block;
        margin: 0px 30px;
    }
    .wish-box {
        float: none;
        margin: 0px 30px;
        display: inline-block;
    }
    .menu-add {
        display: none;
    }
    .category-box {
        display: none;
    }
    .mean-container .mean-nav ul li ol {
        padding: 0px;
    }
    .mean-container .mean-nav ul li a {
        padding: 10px 20px;
        width: 94.8%;
    }
    .mean-container .mean-nav ul li li a {
        width: 92%;
        padding: 1em 4%;
    }
    .mean-container .mean-nav ul li li li a {
        width: 100%;
    }
    .header-search {
        padding: 15px 0px;
    }
    #collapseFilter.d-md-block {
        padding: 30px 0px;
    }
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    .cart-content-right {
        padding-bottom: 5px;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a {
        padding: 1em 4%;
        width: 92%;
    }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 1em 5%;
    }
    .mean-container .sub-full.megamenu-categories ol li a {
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
    }
    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
        width: auto;
        border: none;
        float: none;
    }
    .menu-area-main {
        height: 45px;
        overflow-y: auto;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ml-auto,
    .mx-auto {
        margin: 0 auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 14px;
    }
    .login_text li {
        font-size: 14px;
        padding: 0px 10px;
    }
    .quote_btn {
        width: 140px;
    }
    .quote_btn a {
        font-size: 14px;
    }
    #my_slider a.carousel-control-prev {
        left: inherit;
        top: 180px;
        right: 30px;
    }
    #my_slider a.carousel-control-next {
        right: 30px;
        top: 120px;
        left: initial;
    }
    .services_section_2 {
        width: 98%;
    }
    .development_text {
        font-size: 20px;
    }
    .service_img img {
        min-height: 30px;
    }
    .about_taital {
        padding-top: 40px;
    }
    #costum_slider a.carousel-control-next {
        right: -60px;
        left: 0px;
        top: 550px;
    }
    #costum_slider a.carousel-control-prev {
        left: -60px;
        right: 0px;
        top: 550px;
    }
    .mail_section_1 {
        padding-left: 15px;
        padding-top: 0px;
    }
    .location_text li {
        padding: 0px 90px 30px 90px;
    }
    .useful_text {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #my_slider a.carousel-control-prev {
        left: 30px;
        top: 180px;
        right: 0px;
        display: none;
    }
    #my_slider a.carousel-control-next {
        right: 0px;
        top: 120px;
        left: 30px;
        display: none;
    }
    .header_top_section {
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
        margin-top: 0px;
    }
    .navbar-toggler {
        background-color: #fff;
    }
    .header_section {
        background-size: cover;
    }
    .logo {
        width: auto;
    }
    .banner_taital_main {
        width: 80%;
    }
    .banner_taital {
        font-size: 50px;
        line-height: 55px;
    }
    .about_text {
        font-size: 14px;
        margin: 0px;
    }
    .about_taital {
        padding-top: 0px;
    }
    .video_bt {
        width: 100%;
        padding: 120px 0px;
    }
    .projects_section ul .nav-link {
        padding: 12px 9px;
        margin: 0px 5px;
        width: auto;
    }
    .image {
        min-height: auto;
        margin-top: 30px;
    }
    .testimonial_section_2 {
        width: 100%;
        padding-top: 30px;
    }
    #costum_slider a.carousel-control-next {
        top: 560px;
    }
    #costum_slider a.carousel-control-prev {
        top: 560px;
    }
    .textimonial_text {
        padding: 40px 20px;
    }
    .testimonial_section {
        padding: 90px 0px 150px 0px;
    }
    .contact_taital {
        padding-left: 0px;
    }
    .mail_section_1 {
        padding-left: 0px;
        padding-top: 0px;
    }
    .contact_img {
        margin-top: 30px;
    }
    .location_text li {
        padding: 0px 50px 30px 50px;
    }
    .useful_text {
        font-size: 14px;
    }
    .lorem_text {
        font-size: 14px;
    }
    .footer_menu {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #my_slider a.carousel-control-prev {
        left: 30px;
        top: 180px;
        right: 0px;
        display: none;
    }
    #my_slider a.carousel-control-next {
        right: 0px;
        top: 120px;
        left: 30px;
        display: none;
    }
    .header_top_section {
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
        margin-top: 0px;
    }
    .navbar-toggler {
        background-color: #fff;
    }
    .header_section {
        background-size: cover;
    }
    .logo {
        width: auto;
    }
    .banner_taital_main {
        width: 100%;
    }
    .banner_taital {
        font-size: 50px;
        line-height: 55px;
    }
    .about_text {
        font-size: 14px;
    }
    .about_taital {
        padding-top: 0px;
    }
    .video_bt {
        width: 100%;
        padding: 60px 0px;
    }
    .about_img {
        margin-top: 30px;
    }
    .projects_section ul .nav-link {
        padding: 12px 5px;
    }
    .image {
        min-height: auto;
        margin-top: 30px;
    }
    .testimonial_section_2 {
        width: 100%;
        padding-top: 30px;
    }
    #costum_slider a.carousel-control-next {
        display: none;
    }
    #costum_slider a.carousel-control-prev {
        display: none;
    }
    .textimonial_text {
        padding: 40px 20px;
    }
    .testimonial_section {
        padding: 90px 0px 90px 0px;
    }
    .contact_taital {
        padding-left: 0px;
    }
    .mail_section_1 {
        padding-left: 0px;
        padding-top: 0px;
    }
    .contact_img {
        margin-top: 30px;
    }
    .location_text li {
        float: none;
        padding: 0px 20px 30px 20px;
    }
    .useful_text {
        padding-top: 20px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    p{
        font-size: 4.1vw;
    }
    .bg_top{
        position: relative;
    }
    .header_top_main{
        padding: 0;
        transform: none;
    }
    .header_top_section{
        padding: 14px 0 18px;
    }
    .header_top_section img{
        width: 42vw !important;
    }
    .banner_section .intro_service_title{
        font-size: 4vw;
        margin-bottom: 0;
    }
    .header_top_main .btn_wrapper a{
        font-size: 3.8vw;
        padding: 6vw 3.5vw 0;
        writing-mode: vertical-rl;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 0;
        position: absolute;
        width: 12.3vw;
        height: 28vw;
        right: 0;
        z-index: 9;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
        margin-top: 0px;
    }
    .navbar-toggler {
        background-color: #fff;
    }
    .bg_top{
        background-image: url(../images/bg_top_sp.png);
        background-size: 100% auto;
    }
    .header_section {
        background-size: cover;
        background-image: none;
        padding: 0;
        height: auto;
    }
    .header_top_main .call_text{
        margin-top: 0;
    }
    .banner_section{
        background: none;
        padding: 0;
        width: 100%;
    }
    .banner_section .intro_service_text {
        margin-top: 2vw;
    }
    .banner_section .intro_service_text small{
        font-size: 5vw;
    }
    .banner_section .intro_service_text:after{
        width: 28.9vw;
        height: 17vw;
        right: -1%;
        left: auto;
    }
    .banner_section .btn_catalog_download a{
        font-size: 5vw;
        width: 80%;
        padding: 5.9vw 0 5.9vw 22vw;
        text-align: left;
    }
    .banner_section .btn_catalog_download a:before {
        width: 16vw;
        height: 19.5vw;
        transform: translateY(-12.5%);
        left: 5%;
    }
    .banner_section .btn_catalog_download a:after{
        width: 4.6vw;
        height: 2vw;
    }
    .btn_top_download{
        text-align: center;
        margin-top: 5.6vw;
    }
    .banner_section .intro_service_subtext {
        font-size: 3.8vw;
        text-align: center;
        margin: 5.4vw 0 0;
    }
    .banner_section .sp_top{
        width: 96%;
    }
    .banner_section .top_merit_wrapper{
        width: 100%;
        margin-top: 2vw;
    }
    .banner_section .top_merit_wrapper .top_merit{
        width: 29vw;
        height: 17vw;
        padding: 0;
        border-radius: 1.5vw;
    }
    .banner_section .top_merit_wrapper .top_merit p{
        font-size: 2.5vw;
        margin-top: 1vw;
    }
    .banner_section .top_merit_wrapper .top_merit img{
        width: 9.4vw;
    }
    .banner_section .top_merit_wrapper .top_merit small{
        font-size: 2.5vw;
    }
    .banner_section .banner_section_inner{
        padding: 0;
        margin: 22px auto 0;
        flex-direction: column;
        width: 89.7%;
        transform: none;
    }
    .banner_section .banner_media{
        margin: 3.3vw 0 0;
        width: 100%;
    }
    .section_title{
        font-size: 7vw;
    }
    .section_title:after{
        width: 15.3vw;
        margin-top: 4.8vw;
    }
    .point .section_title{
        font-size: 6vw;
    }
    .section_subtitle{
        font-size: 7.7vw;
        margin: 7vw 0 0;
    }
    .underline-yellow{
        text-decoration-thickness: 2.5vw;
    }
    .problem{
        padding: 7.7vw 0 20vw;
        background-image: url(../images/bg_problem_sp.png);
        background-size: 100% auto;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .problem .problem_desc{
        font-size: 3.8vw;
    }
    .problem .problem_intro{
        width: 83.8vw;
        padding: 5vw 0 5.3vw 5vw;
        margin-top: 6.9vw;
    }
    .problem .problem_intro p{
        font-size: 3.8vw;
        padding-left: 2em;
        position: relative;
    }
    .problem .problem_intro span{
        font-size: 6.6vw;
        position: absolute;
        top: 0;
        left: 0;
    }
    .problem .problem_intro p:last-child{
        margin-top: 3vw;
    }
    .problem .problem_intro p:last-child span{
        top: -2vw
    }
    .problem .problem_lifetime{
        margin-top: 2vw;
    }
    .problem .lifetime_inner{
        flex-direction: column;
        align-items: center;
    }
    .problem .lifetime_inner img{
        width: 27.4vw;
    }
    .problem .lifetime_inner p{
        font-size: 6vw;
        margin-bottom: 2vw;
    }
    .problem .lifetime_desc{
        font-size: 3.8vw;
        margin-top: 0;
    }
    .problem .trouble_title{
        font-size: 5.6vw;
    }
    .problem .trouble{
        margin-top: 7.7vw;
    }
    .problem .trouble_inner {
        flex-direction: column;
        width: 89.7%;
        margin: auto;
    }
    .problem .trouble_detail {
        width: 100%;
        margin-top: 3vw;
        padding: 6.9vw 8.2vw 7.4vw !important;
        border-radius: 3.5vw;
    }
    .problem .trouble_detail:first-child img{
        width: 26vw;
    }
    .problem .trouble_detail:last-child img{
        width: 28vw;
    }
    .problem .trouble_detail_title{
        font-size: 5vw;
        margin-top: 4vw;
    }
    .problem .trouble_desc p{
        font-size: 3.8vw;
        line-height: 2;
    }
    .problem .trouble_desc p:before{
        width: 6.4vw;
        height: 6.4vw;
        top: 1vw;
    }
    .problem .trouble_desc p+p{
        margin-top: 2vw;
    }
    .recommend{
        margin-top: 10vw;
    }
    .recommend .recomend_title{
        margin-bottom: 0;
    }
    .recommend .recomend_title img{
        width: 67vw;
    }
    .recommend .recommend_text{
        margin: 6.4vw 0 0;
        font-size: 3.8vw;
    }
    .recommend .recommend_media {
        margin: 5vw 0 0;
        background-image: url(../images/bg_recommend_sp.png);
        padding-bottom: 31.7vw;
        background-size: 95% 47vw;
        background-position: left bottom;
    }
    .recommend .recommend_media img{
        width: 100%;
        margin: 0;
    }
    .solution{
        padding: 0 0 11vw;
        margin-top: -10vw;
    }
    .solution .solution_title{
        font-size: 5vw;
        margin-bottom: 0;
    }
    .solution .solution_desc .deco span{
        text-decoration: underline;
        text-decoration-thickness: 2.5vw;
        text-decoration-color: rgba(255, 232, 99, 1);
        text-underline-offset: -1vw;
    }
    .solution .solution_desc .deco:after{
        height: 2.5vw;
        bottom: -.5vw;
    }
    .solution .solution_title:before{
        width: 21vw;
        height: 10.7vw;
        left: 0;
        top: -12vw;
    }
    .solution .solution_inner{
        width: 87%;
    }
    .solution .solution_desc{
        font-size: 3.6vw;
        line-height: 2;
        margin-top: 3vw;
    }
    .solution .solution_intro{
        margin-top: 8vw;
        flex-wrap: wrap;
    }
    .solution .solution_detail:last-child{
        transform: translateX(-31.2vw);
    }
    .solution .solution_detail{
        width: 24.6vw;
        margin-bottom: 3vw;
    }
    .solution .solution_detail p{
        font-size: 3.5vw;
    }
    .solution .alsmart{
        margin-top: 11vw;
        width: 83%;
        padding: 8.9vw 4vw 7.9vw;
        background-image: url(../images/bg_alsmart_sp.png);
    }
    .solution .alsmart_title {
        font-size: 7vw;
    }
    .solution .alsmart_title small{
        font-size: 4.6vw;
    }
    .solution .alsmart_subtitle{
        font-size: 3vw;
    }
    .solution .elecom{
        flex-direction: column;
        margin-top: 8.4vw;
        align-items: center;
    }
    .solution .elecom_text{
        width: 100%;
        text-align: center;
    }
    .solution .elecom_text img{
        width: 33vw;
    }
    .solution .elecom_title{
        font-size: 4.1vw;
        margin: 2vw 0 0;
    }
    .solution .elecom_media{
        width: 100%;
        margin-top: 4vw;
    }
    .solution .elecom_desc{
        font-size: 3vw;
        margin-top: 2vw;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .solution .elecom_desc span:last-child{
        transform: translateX(-9vw);
    }
    .solution .alsmart_desc p{
        font-size: 3.3vw;
    }
    .solution .alsmart_desc{
        padding: 4vw;
        text-align: left;
        margin-top: 5vw;
    }
    .download{
        padding: 12.9vw 0 10vw;
        background-image: url(../images/bg_download_sp.png);
    }
    .download .download_inner .alsmart_label{
        font-size: 4.3vw;
        width: 27.4vw;
        height: 26.4vw;
        padding-top: 8.5vw;
        top: -11vw;
        left: -8vw;
    }
    .download .download_inner{
        width: 84.6%;
        flex-direction: column;
        padding: 10.5vw 0 8vw;
        align-items: center;
        border-radius: 3.8vw;
    }
    .download .download_inner img{
        width: 39vw;
    }
    .download .download_text p{
        font-size: 5.3vw;
    }
    .download .download_text p small{
        font-size: 3.8vw;
    }
    .download a{
        font-size: 4vw;
        padding: 2.5vw 0 3.5vw;
        margin-top: 2.5vw;
        width: 69vw;
    }
    .point{
        background-image: url(../images/bg_point_sp.png);
        background-size: 100% 100%;
        margin-top: 7vw;
        padding: 20vw 0 16vw;
    }
    .point .point_detail_inner{
        border-radius: 3vw;
        width: 86%;
        margin: 3vw auto 0;
    }
    .point .point_inner_title{
        font-size: 5vw;
        padding: 5vw 0;
    }
    .point .point_desc_text{
        font-size: 3.5vw;
    }
    .point .point_inner_desc{
        padding: 3.8vw 6vw 7vw;
    }
    .point .point_inner_desc img{
        width: 100%;
        margin-top: 4vw;
    }
    .case .carousel{
        margin-top: 6vw;
    }
    .case .case_detail{
        padding-top: 2vw;
        height: 150vw;
        width: 89.7vw;
    }
    .case .case_detail_media{
        height: 84vw;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .case .case_detail .case_detail_media img{
        width: auto;
        height: auto;
        max-width: 90%;
        max-height: 84vw;
        margin: 0;
    }
    .case .case_detail .case_detail_text{
        width: 100%;
        flex-direction: column;
    }
    .case .case_detail .case_detail_title{
        width: 100%;
        font-size: 4.3vw;
        padding: 3vw 0;
        position: relative;
    }
    .case .case_detail .case_detail_title:before{
        content: '';
        position: absolute;
        left: 5vw;
        top: -4vw;
        width: 13vw;
        height: 13vw;
        background-size: 100% 100%;
    }
    .case .case_detail1 .case_detail_title:before{
        background-image: url(../images/case1_deco.svg);
    }
    .case .case_detail2 .case_detail_title:before{
        background-image: url(../images/case2_deco.svg);
    }
    .case .case_detail3 .case_detail_title:before{
        background-image: url(../images/case3_deco.svg);
    }
    .case .case_detail4 .case_detail_title:before{
        background-image: url(../images/case4_deco.svg);
    }
    .case .case_detail5 .case_detail_title:before{
        background-image: url(../images/case5_deco.svg);
    }
    .case .case_detail .case_detail_desc{
        width: 100%;
        font-size: 3.5vw;
        max-width: 77vw;
        margin: 2vw auto 0;
    }
    .swiper-pagination-bullet{
        width: 3vw;
        height: 3vw;
    }
    .case .slick-arrow{
        font-size: 3vw;
        width: 6.4vw;
        height: 12.8vw;
        border-radius: 2vw;
    }
    .case .swiper-button-next{
        left: 92%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .case .swiper-button-prev{
        right: 92%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .plan{
        margin: 7.7vw 0 13.3vw;
    }
    .plan .plan_logo {
        margin-top: 2.8vw;
    }
    .plan .plan_logo img{
        width: 70vw;
    }
    .plan .plan_standard{
        margin-top: 8.4vw;
        padding: 5vw 0 5vw;
        background-image: url(../images/bg_plan_sp.png);
    }
    .plan .standard_title{
        font-size: 4.6vw;
        margin: 0;
    }
    .plan .standard_price{
        font-size: 4.6vw;
        margin: 2vw 0 0;
    }
    .plan .standard_price span{
        font-size: 11.8vw;
        margin-left: 2vw;
    }
    .plan .plan_desc{
        font-size: 3vw;
        margin: 5.6vw auto 0;
        text-align: left;
        max-width: 90vw;
    }
    .app{
        margin: 11vw 0;
    }
    .app .extend {
        background-size: 100% 45vw;
        background-repeat: no-repeat;
        background-image: url(../images/bg_app_sp.png);
    }
    .app .extend_inner{
        flex-direction: column;
        width: 83vw;
        margin: 0 0 0 auto;
        transform: translateY(10vw);
    }
    .app .extend_inner p{
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .app .extend_inner img{
        width: 81vw;
        margin-top: 5vw;
    }
    .app .app_desc{
        max-width: 82%;
        margin: 16vw auto 0;
        font-size: 3.6vw;
    }
    .contact_section{
        background-image: url(../images/bg_contact_sp.png);
        padding: 63vw 0 22vw;
        margin-top: -35vw;
    }
    .app .app_example{
        margin-top: 11vw;
    }
    .app .example_inner{
        margin-top: 5vw;
        flex-direction: column-reverse;
    }
    .app .app_example:before{
        display: none;
    }
    .app .app_example:after{
        background-image: url(../images/app_deco2_sp.png);
        width: 51vw;
        height: 49.2vw;
        bottom: -30vw;
    }
    .app .app2{
        width: 84%;
        margin: 5vw auto 0;
        text-align: center;
    }
    .app .app2_title{
        font-size: 5vw;
        padding: 2vw 0;
        text-align: center;
    }
    .app .app2_desc{
        font-size: 3.5vw;
        text-align: left;
    }
    .app .app2 img{
        margin: 6.9vw auto 0;
        width: 77vw;
    }
    .app .app1{
        margin: 5vw auto 0;
        width: 77vw;
    }
    .app .app_mobile{
        margin-top: 20.5vw;
    }
    .app .mobile_title_inner:before{
        width: 22vw;
        height: 11vw;
        top: -11vw;
        left: -2vw;
    }
    .app .mobile_inner{
        flex-direction: column-reverse;
        width: 82.5vw;
    }
    .app .app_mobile_text{
        width: 100%;
    }
    .app .mobile_inner .app_mobile_media{
        width: 100%;
    }
    .app .mobile_inner p.mobile_title{
        text-align: left;
        font-size: 5.1vw;
        font-weight: bold;
        margin-top: 10vw;
    }
    .app .mobile_inner p{
        width: 100%;
    }
    .app .mobile_inner img{
        width: 100%;
    }
    .consult{
        margin-top: 10vw;
        padding: 12.8vw 0;
        background-image: url(../images/bg_consult_sp.png);
    }
    .consult .consult_inner{
        width: 84vw;
        padding: 7.4vw 4vw 10vw;
        border-width: 1.2vw;
        background: white;
    }
    .consult .consult_text{
        width: 100%;
        text-align: center;
    }
    .consult .consult_title{
        font-size: 3.8vw;
        text-align: center;
    }
    .consult .consult_desc{
        font-size: 3.5vw;
        margin: 3.5vw 0 0;
        text-align: left;
    }
    .consult .consult_text img{
        width: 59vw;
        margin-top: 4vw;
    }
    .consult .consult_title .large{
        font-size: 6vw;
    }
    .contact_btn_wrapper{
        flex-direction: column;
        margin-top: 8.7vw;
    }
    .contact_btn_wrapper a{
        width: 84vw;
        font-size: 4.1vw;
    }
    .contact_btn_wrapper a:last-child{
        margin-top: 3vw;
    }
    .copyright{
        padding: 5.9vw 0 48.9vw;
    }
    .d-pc{
        display: none;
    }
    .d-sp{
        display: block;
    }
    .d-sp-table{
        display: table;
    }
    .swiper-pagination{
        position: initial;
        margin-top: 3vw;
    }
    .section_title_desc{
        font-size: 6.6vw;
        margin-top: 10vw;
    }
    .download_section{
        padding-top: 15vw;
    }
    .download_section .section_subtitle_desc{
        margin-top: 4.4vw;
    }
    .download_section .download_wrapper{
        flex-direction: column;
        margin-top: 10vw;
    }
    .download_section .download_wrapper .download_detail{
        width: 82%;
        margin: 14vw auto 0;
    }
    .download_section .download_wrapper .download_detail:first-child{
        margin-top: 0;
    }
    .download_section .download_media{
        min-height: 82vw;
    }
    .download_section .download_media img{
        max-width: 77.5%;
        max-height: 84vw;
    }
    .download_section .download_detail a{
        font-size: 5vw;
        padding: 2vw 0;
        margin-top: 1vw;
    }
    .step{
        margin-top: 0;
    }
    .step:before{
        background-image: url(../images/step_deco1_sp.png);
        width: 59.4vw;
        height: 73.5vw;
        top: -10vw;
    }
    .step:after{
        background-image: url(../images/step_deco2_sp.png);
        width: 39.2vw;
        height: 60vw;
        right: 0;
        bottom: -30vw;
    }
    .step .step_inner{
        padding: 12.8vw 0;
    }
    .step .step_desc{
        font-size: 3.5vw;
        margin: 3vw 0 0;
    }
    .step img{
        width: 57vw;
        margin-top: 6vw;
    }
    .contact_section_bottom {
        background-image: url(../images/bg_contact_bottom_sp.png);
        margin-top: 0;
        padding-top: 45vw;
    }
    .contact_section .online_interview{
        flex-direction: column;
        padding: 5.3vw 4vw 6.6vw;
        border-radius: 1.5vw;
        border: 1.5vw solid var(--pink);
        margin-top: 5vw;
    }
    .contact_section .online_interview_title{
        font-size: 4vw;
        text-align: center;
        margin-bottom: 5vw;
    }
    .contact_section .online_interview_title .large{
        font-size: 5.6vw;
    }
    .contact_section .online_interview .online_interview_text{
        width: 100%;
    }
    .contact_section .online_interview_desc{
        margin-bottom: 0;
    }
    .contact_section .online_interview img{
        width: 55%;
        margin: auto;
    }
    .contact_section_bottom .contact_btn_wrapper{
        margin-top: 7.2vw;
    }
    .copyright{
        padding: 3.5vw 0 35vw;
    }
    .copyright .addr{
        font-size: 3.33vw;
    }
    .copyright_text{
        font-size: 3vw;
        line-height: 3;
        display: none;
    }
    .footer_fixed{
        padding: 2.5vw 0 5vw;
        flex-direction: column;
        margin-top: 2vw;
    }
    .footer_fixed span{
        font-size: 3.5vw;
    }
    .footer_fixed span .large{
        font-size: 8vw;
        margin: 0;
    }
    .footer_fixed .btn_catalog_download a {
        font-size: 4.4vw;
        width: 89.7vw;
        padding: 4.6vw 0 4.6vw 44vw;
        text-align: left;
        margin-top: 2.5vw;
    }
    .footer_fixed .btn_catalog_download a:before {
        width: 30vw;
        height: 21vw;
        transform: rotate(-6deg) translateY(-3vw);
        left: 10%;
    }
    .footer_fixed .btn_catalog_download a:after{
        display: none;
    }
    .footer_fixed .btn_catalog_download{
        margin-left: 0;
        margin-top: 2vw;
    }
}