@media (max-width: 600px) {
    section h2:not(#machine_list h2) ,.more{
        font-size: 0.9rem;
    }
}
@media (max-width: 810px) {
    section.area_child{
        padding-top: 0;
    }
}
/*--------------------------------------------

header

--------------------------------------------*/
/*--------------------------------------------
max-height 800
--------------------------------------------*/
@media (max-height: 800px) {
}
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1199px) {
    /*header_bottom*/
    .header_bottom {
        padding-top: 55px;
    }
    .header_bottom .slide2 .title-item{
        left: 110px;
        top: 200px;
    }

    /*header_fixed*/
    /*header_contact*/
    .header_contact ul li {
        font-size: 1rem;
    }
}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
    .header_bottom .slide2 .title-item h2{
        font-size: 4rem;
    }
    .header_bottom .slide2 .title-item h2 span.title-br{
        font-size: 2.8rem;
    }
    .header_bottom .slide2 .item-slide .group{
        width: calc(100vw / 2);
        width: calc(100svw / 2);
    }
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
    /*header_slider*/
    .header_slider img {
        height: 150px;
    }
    .header_slider .prev-arrow {
        left: 20px;
    }
    .header_slider .next-arrow {
        right: 20px;
    }
    /*header_fixed*/
    /*header_text_slider*/
    .header_text_slider ul {
        animation: flowing 50s linear infinite;
        font-size: 0.8rem;
    }
    .header_text_slider{
        height: 30px;
        line-height: 30px;
    }

    /* recommend_item */
    .recommend_item__link {
        width: calc(100% / 2 - 1em / 2);
    }
    /*header_page_menu*/
    .header_page_menu summary {
        font-size: 2vw;
        padding: 30px 10px;
    }

    /*header_contact*/
    .header_contact {
        flex-direction: column;
        gap: 0;
    }
    .header_contact ul {
        flex-direction: row;
    }
    .header_contact ul li {
        font-size: 3vw;
    }
    .slide-first-tel {
        font-size: 11vw;
        margin-top: 10px;
    }
    .slide-first-tel span {
        font-size: 3vw;
    }
    .header_contact dl {
        width: 100%;
        margin-top: 10px;
    }

}
/*--------------------------------------------
max-width 650
--------------------------------------------*/
@media (max-width: 650px) {
    /*header_page_menu*/
    .header_page_menu {
        flex-wrap: wrap;
    }
    .header_page_menu details {
        width: 100%;
    }
    .header_page_menu summary {
        font-size: 1rem;
        padding: 20px 10px;
    }
}

/*--------------------------------------------

machine_list

--------------------------------------------*/
/*--------------------------------------------
max-height 900
--------------------------------------------*/
@media (max-height: 900px) {
#machine_list .machine_img{
    width: 270px;
}
}
/*--------------------------------------------
max-width 1450
--------------------------------------------*/
@media (max-width: 1450px) {
.machine_name{
    width: 430px;
}

}
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
#machine_list > div p.ob_title{
    left: 5%;
}
/*machine_list_top*/
.machine_list_top{
    width: 100%;
    margin: 0 auto;
}
#machine_list .machine_img{
    max-width: 350px;
}
/*button*/
.machine_all_button{
    margin: 20px auto 0 auto;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
#machine_list{
    height: fit-content;
    padding: 50px 0;
}
#machine_list .slick-track{
    display: flex;
}
div.eagle ,div.albatross ,div.fl{
    height: fit-content;
}
#machine_list > div p.ob_title{
    top: 5%;
}
.machine_list_slider_item {
    padding: 15px;
}
/*machine_list_top*/
#machine_list .machine_img{
    padding-left: 20px;
    width: 300px;
}
#machine_list .machine_logo{
    height: 5.5vh;
    height: 5.5svh;
}
#machine_list .machine_img{
    width: auto;
    height: 50vh;
    height: 50svh;
}
/*machine_list_bottom*/
.machine_all_button{
    margin: 20px auto 50px auto;
}
.machine_list_bottom{
    margin: 0;
    width: 100%;
}
.machine_name{
    width: calc(90% - 120px);
}
#machine_list .prev-arrow, #machine_list .next-arrow {
    width: 50px;
    height: 50px;
}
#machine_list .slick-dots li button {
    font-size: 0.8rem;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*machine_list_top*/
.machine_list_top{
    flex-direction: column-reverse;
}
#machine_list div{
    position: relative;
    z-index: 2;
}
#machine_list .machine_img{
    height: 25vh;
    padding: 0;
    margin: 0 0 -10vh auto;
    position: relative;
    z-index: 0;
}
#machine_list .machine_logo{
    height: 6vh;
    height: 6svh;
}
}
/*--------------------------------------------
max-width 414
--------------------------------------------*/
@media (max-width: 414px) {
.machine_list_bottom ul li{
    margin: 0 5px;
}
.machine_name{
    width: calc(90% - 100px);
}
}
/*--------------------------------------------

brand_list

--------------------------------------------*/
/*--------------------------------------------
max-width 850
--------------------------------------------*/
@media (max-height: 850px){
.brand_list_slider .brand_product{
    height: 40vh;
    height: 40svh;
}
.brand_list_nav{
    width: 1000px;
}
.brand_list_nav div.slider_content{
    padding: 20px 0;
}
.brand_list_nav .brand_product{
    width: 55%;
}
.brand_list_nav .inbody .brand_product{
    height: 130px;
}
.brand_list_nav .zkc .brand_product{
    height: 110px;
}
.brand_list_nav .brand_logo{
    padding-top: 5px;
}
}
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
#brand_list h2 ,.brand_list_slider{
    width: 90%;
}
.brand_list_nav{
    width: 85%;
}
.brand_list_nav div.slider_content{
    margin: 0 10px;
}
}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px){
.brand_list_nav{
    width: 90%;
}
.brand_list_nav div.slider_content{
    padding: 30px 0;
}
.brand_list_nav .zkc .brand_product{
    width: 65%;
    height: auto;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
#brand_list > div{
    height: fit-content;
    padding: 30px 0;
}
.brand_list_slider div.slider_content{
    flex-direction: column;
}
.brand_list_slider .slider_content div{
    width: 100%;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
.brand_list_slider .brand_product{
    height: 35vh;
    height: 35svh;
}
.brand_list_slider .brand_logo{
    height:40px;
}
.brand_list_nav{
    width: 95%;
    padding: 0 5%;
}
.brand_list_nav div.slider_content{
    margin: 0 5px;
    width: calc(100% - 10px);
}
.brand_list_nav .zkc .brand_product{
    height: 10vh;
    height: 10svh;
    width: auto;
}
.brand_list_nav .inbody .brand_product{
    height: 15vh;
    height: 15svh;
}
#brand_list .prev-arrow{
    left: 5px;
}
#brand_list .next-arrow{
    right: 5px;
}
}
/*--------------------------------------------

machine_quality

--------------------------------------------*/
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
.machine_quality_content{
    padding: 90px 5% 0 5%;
    margin: 0 auto;
}
.quality_menu li{
    width: calc(100vw / 5);
    width: calc(100svw / 5);
    height: calc(100vw / 5);
    height: calc(100svw / 5);
}
.quality_menu a span{
    display: block;
}
}
/*--------------------------------------------
max-width 950
--------------------------------------------*/
@media (max-width: 950px) {
.quality_menu a{
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.quality_menu a span{
    display: block;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
#machine_quality{
    background-image: linear-gradient(transparent 0 ,rgba(255,255,255,0.2) 30% ,rgba(255,255,255,0.6) 100%), url(../images/top/background/machine_quality.webp);
}
.machine_quality_content{
    padding: 30px 5%;
    height: fit-content;
}
.machine_quality_content div{
    margin-bottom: 20px;
}
.best_quality img{
    height: 70px;
}
div.machine_tool{
    display: none;
}
.machine_quality_content p{
    margin: 20px 0;
}
.quality_menu {
    flex-wrap: wrap;
    gap: 10px;
}
.quality_menu li{
    width: calc(45vw - 5px);
    width: calc(45svw - 5px);
    height: calc(45vw - 5px);
    height: calc(45svw - 5px);
}
.quality_menu a{
    font-size: 0.8rem;
    background-size: cover;
}
.quality_menu li:nth-child(1) a{background-position: 20% 10%;}
.quality_menu li:nth-child(2) a{background-position: 100% 5%;}
.quality_menu li:nth-child(3) a{background-position: 100% 25%;}
.quality_menu li:nth-child(4) a{background-position: 0% 100%;}
.quality_menu li:nth-child(5) a{background-position: 100% 0;}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
.machine_quality_content p ,.machine_quality_content div{
    font-size: 0.8rem;
}
.quality_menu a{
    width: 96%;
}
.machine_quality_img{
    display: block;
}
}
/*--------------------------------------------

service_list

--------------------------------------------*/
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
#service_list > div{
    padding: 90px 5% 0 5%;
}
.service_list_content a{
    width: calc(50% - 20px);
    height: 22vh;
    height: 22svh;
}
#service_list h3{
    margin: 0 0 5px 0;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
#service_list > div{
    padding: 30px 5%;
    height: fit-content;
}
.service_list_content{
    gap: 20px;
    justify-content: space-between;
    align-items: stretch;
}
.service_list_content a{
    flex-direction: column-reverse;
    margin: 0;
    width: calc(50% - 10px);
    height: auto;
    justify-content: flex-end;
}
.service_list_content div{
    padding: 10px;
    width: calc(100% - 20px);
}
.service_list_content img{
    border-radius: 20px 20px 0 0;
    height: 18vh;
    height: 18svh;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
.service_list_content{
    gap: 10px;
}
.service_list_content a{
    width: calc(50% - 5px);
}
#service_list h3{
    font-size: 0.8rem;
}
}
/*--------------------------------------------

arrival_sns

--------------------------------------------*/
/*--------------------------------------------
max-height 900
--------------------------------------------*/
@media (max-height: 900px) {
.new_product a div p{
    padding: calc(55% - 2em) 0;
}
}
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
/*Instagram*/
.sns_content ,.sns_content_title{
    width: 1080px;
}
}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
/*Instagram*/
.sns_content ,.sns_content_title{
    width: 90%;
}
.new_product a div p{
    padding: calc(56% - 2em) 0;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*Instagram*/
.sns_content{
    flex-wrap: wrap;
}
.sns_content a{
    width: calc(100% / 2 - 10px);

}
}
/*--------------------------------------------
max-height 700
--------------------------------------------*/
@media (max-height: 700px) {
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*Instagram*/
.sns_content a{
    width: calc(100% / 2 - 10px);
    padding-top: calc(100% / 2 - 10px);
}
}
/*--------------------------------------------

machine_list_slider,brand_list_slider

--------------------------------------------*/
/*--------------------------------------------
max-width 400
--------------------------------------------*/
@media (max-width: 400px) {
/*左右のボタン*/
.machine_next ,.machine_prev{
    width: 2.5em;
    height: 2.5em;
}
.brand_next ,.brand_prev{
    width: 2.5em;
    height: 2.5em;
}
.machine_next::before ,.brand_next::before{
    left: 0.8em;
}
.machine_prev::before ,.brand_prev::before{
    left: 1em;
}
}
/*--------------------------------------------

access_news

--------------------------------------------*/
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
.access_news{
    width: 90%;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
.access_news{
    flex-direction: column;
}
.footer_top{
    padding: 30px 0;
}
}
/*--------------------------------------------

slider 共通

--------------------------------------------*/
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*slider_button*/
.prev-arrow, .next-arrow{
    width: 40px;
    height: 40px;
}
}


/*--------------------------------------------

top_guide

--------------------------------------------*/
@media (max-width: 1200px) {
    .top_search_btn {
        padding: 20px;
    }
    .top_search_btn img {
        width: 50px;
    }
}
@media (max-width: 1080px) {
    /*top_guide_left*/
    .top_guide_left p img{
        height: 2rem;
    }
    .top_guide_left h2{
        font-size: 1rem;
    }
    .top_guide_btn{
        font-size: 0.8rem;
    }
    /*top_guide_right*/
    /*top_menu*/
    ul#category_top_menu li{
        padding: 2.5px 10px;
    }
    #category_top_content .product_top_menu li{
        width: calc(100% / 6 - 10px);
    }
    #category_top_content .maker_top_menu ul li{
        width: calc(100% / 6 - 20px);
    }
    #category_top_content .site_top_menu .site_button{
        gap: 10px;
    }
    #category_top_content .site_top_menu .site_button li p{
        margin: 0;
    }
}
@media (max-width: 810px) {
    /*top_search_btn*/
    .top_search_btn {
        width: 100%;
        gap: 5px;
    }
    .top_search_btn h2 {
        margin: 0;
        margin-bottom: 5px;
        font-size: 1.5vh;
        font-size: 1.5svh;
    }
    .top_guide_btn {
        margin: 0;
    }
    /*top_menu*/
    .top_menu{
        width: 100%;
        margin: 0;
    }
    #category_top_content > li > ul{
        height: 896px;
    }
    #category_top_content .category_top_tab ul{
        height: 880px;
    }
    /*top_new*/
    .top_new{
        width: 100%;
        margin: 0;
    }
    #arrival_sns .slick-dots {
        display: none !important;
    }
}
@media (max-width: 600px) {
    ul#category_top_menu{
        flex-wrap: wrap;
        border-radius: 15px;
        padding: 10px;
    }
    ul#category_top_menu li{
        width: calc(50% - 5px);
        text-align: center;
    }
    #category_top_content .product_top_menu li{
        width: calc(100% / 4 - 10px);
    }
    #category_top_content .maker_top_menu ul li{
        width: calc(100% / 4 - 20px);
    }
    #category_top_content .purpose_top_menu ul li{
        width: calc(100% / 4 - 20px);
    }
}
@media (max-width: 450px) {
    .top_guide_left h2{
        font-size: 0.8rem !important;
    }
    ul#category_top_menu li{
        font-size: 0.75rem;
    }
    ul#category_top_menu li::after{
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        padding-left: 3px;
    }
    #category_top_content .product_top_menu li{
        width: calc(100% / 3 - 10px);
    }
    #category_top_content .maker_top_menu ul li{
        width: calc(100% / 3 - 20px);
    }
    #category_top_content .purpose_top_menu ul li{
        width: calc(100% / 3 - 20px);
    }
}
@media (max-width: 400px) {
    .top_guide_right{
        width: 101%;
        padding: 0 10px;
        padding-top: 140px;
    }
}

/*--------------------------------------------

payment

--------------------------------------------*/
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
    .payment_content a {
        width: calc((100% / 2) - (20px / 2));
    }
}
/*--------------------------------------------
max-width 500
--------------------------------------------*/
@media (max-width: 500px) {
    .payment_content {
        gap: 10px;
    }
    .payment_content a{
        font-size: 0.8rem;
        width: calc((100% / 2) - ( 10px / 2));
        padding: 20px 10px;
    }
}