production@media only screen and (min-width: 1600px) {
    .top_recruit_wrap img{
        max-width:1580px;
      }

    .top_company_wrap img{
        max-width:1580px;
      }

}


@media only screen and (min-width: 1201px) {
    
.openbtn {
    display: none;
}

.logo_list_sp{
    display:none;
}

      
}

@media only screen and (min-width: 1200px) {
    
      
}






@media only screen and (min-width: 1024px) {}

@media only screen and (min-width: 991px) {
    

}

@media only screen and (min-width: 768px) {
    .img-sp{
        display:none;
    }
}


@media only screen and (min-width: 468px) {}






@media only screen and (max-width: 1500px) {

    .flex_wrap.outline_content {
        gap: 0rem;
    }

}



@media only screen and (max-width: 1280px) {}


@media only screen and (max-width: 1200px) {

 #employee-interview .interview_wrap:nth-of-type(2n):before {
    width:100%;
    border-radius:0;
 }
 #part-interview .interview_wrap:nth-of-type(2n):before {
    width:100%;
    border-radius:0;
 }


 #pc-nav {
    display: none;
}
.contact_btn{
margin-right:5rem;
}

.contact_btn a {
border-radius: 0;
padding: 0 0 0 0;
border: 1px solid #3CABE5;
background-color: #3CABE5;
transition: all .3s;
color: #fff;
height:100%;
position:relative;
display:flex;
align-items: center;
justify-content: center;
width:80px;
height:80px;
font-size:1.6rem;
}


.logo_list{
    display:none;
}



.logo_list_sp .logo_img img{
    height:50px;
    width:auto;
}
.logo_list_sp .logo_img.keiei img{
    height:35px;
    width:auto;
}


}



@media only screen and (max-width: 1100px) {

    .outside-left {
        margin-left: 0;
    }

    .outside-right{
        margin-right:0;
      }



  .column-outside-left{
    margin-left:0;
}

.column-outside-right{
    margin-right:0;
}



  
}




@media only screen and (max-width: 1024px) {}


@media only screen and (max-width: 991px) {

    h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }


#container h2 {
    font-size: 3rem;
}


#recruitfootcontact h2 {
    font-size: 2.8rem;
}


.tel-number {
    font-size: 2.8rem;
}

.tel-number:before {
    top: 0px;
    font-size: 3rem;
}


.foot-contact-btn a {
    font-size: 1.6rem;
}

.footer-logo {
    font-size: 1.4rem;
}
    
    h4,
    .heading-size-4 {
        font-size: 1.6rem;
    }


    .flex_wrap {
        flex-flow: column;
    }


    .sec_cnt_v_wrap {
        width: 100%;
    }



    
    .sec_title_v_wrap {
        width: 100%;
    }


    .outside-right {
        width:calc(100% - 2rem);
    }

    .outside-left {
        width:calc(100% - 2rem);
    }


    .service-wrap {
        margin-bottom:3rem;
    }





    .top_facilities_txt p{
        margin-bottom:3rem;
    }

    #top_facilities .orderflow-area {
    gap:3rem;
    }

    #top_workflow .orderflow-area {
    gap:3rem;
    }

    








.company-menu {
    position: relative;
    top:0;
    width: 100%;
    max-width: 990px;
    margin-left: 0px;
    z-index: 100;
    margin-top: 5rem;
    margin-bottom:2rem;
    
}

.company-menu ul {
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    margin-left:2rem;
}


.company-menu li {
    
    border-bottom: none;
    padding-bottom: 1.2rem;
    padding-top: 0;
    margin-left:1rem;
    margin-right:1rem;
    background-position: 5px 5px;

}

.youto{
    gap:0 3rem;
}

.youto_list{
    display:block;
    
}

.youto_list li{
    width: 100%;
    margin-bottom:1.5rem;
}




}


@media only screen and (max-width: 767px) {

    #wrapper {
        opacity: 1;
        position:relative;
        /*はじめは透過0に*/
    
        width:100%;
        height:100%;
        min-width: auto;
    
    }


.left.sp-center{
    text-align:center !important;
}

    .rightbnr {
        display: none;
    }

    .mailon {
        padding: 8px;
    }

    .mailon:after {
        display: none;

    }

    .mailoff {
        border-bottom: 1px solid #aaa;
        padding: 8px;
    }

    .mailoff:after {
        display: none;
    }

    .mailoffcenter {
        padding: 8px;
    }

    .mailoffcenter:after {
        display: none;
    }

    .mailend {
        padding: 8px;
    }

    .mailcomplete {
        padding: 8px;
    }

    .navbar,
    .navbar .container {
        height: auto;
    }

    #navbarNavDropdown ul li,
    #navbarNavDropdown ul li a {
        border: none !important;
    }

    #navbarNavDropdown ul li a:hover {
        background: #ddd;
    }

    #formarea .submit {

        font-size: 1.4rem;
        letter-spacing: 1px;
        padding: 8px 5px;

    }


    .main-area {
        padding-left: 2rem;
        padding-right: 2rem;
    }


        #header {
            padding-left:15px;
        }


#header .site-logo a img {
    max-width: 190px;
}


    .site-logo a {
        display:block;
    
    }
    .site-logo a span {
        display:block;
    text-align: center;
    margin-top:3px;
    }


    #pagetitle .titlecontact h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 2.5rem;
    }


.swiper-wrap {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

    .service-txt {
        width: 100%;
        margin-bottom:5rem;
    }


    

    
.video-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    
}

.video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .rightside{
        justify-content: flex-end;
    }


    .top_calender{
        background-size:auto 90px;
      }



      
.top_facilities_txt h3 {
    font-size: 2rem;
    margin: 0 0 2.4rem 0;
}



.top_company-box {
    position:relative;
    bottom:0;
    width:100%;
border-radius: 20px 0 0 0;
padding:2rem 2rem;
}

.top_company-txtarea {
    margin: 0 0 0 0;
    width:calc(50% +7rem);
    max-width: 480px;
    z-index: 5;
}

.top_company-txtarea h3{
    font-size:1.8rem;
    
}
.top_company-txtarea p {
    margin: 0 0 3rem 0;
}



#top_products {
    padding-bottom: clamp(20rem, 10.908rem + 24.24vw, 40rem);
}


#top_company{
    padding-bottom: clamp(20rem, 10.908rem + 24.24vw, 40rem);
  }

  .about_slide_img_wrapper {
    bottom:5rem;

}


#top_facilities {
    margin: 0rem 0 0rem 0;
    padding-bottom:25rem;
    padding-top:0;
    
}
#top_facilities::before {
    background: none;
    height:100%;
}

#top_facilities .orderflow-area {
    margin: 0 0 0px 0;
}
.top_facilities_txt {
    margin-top: 3rem;
}
#top_facilities .orderflow-area .img {
    display:none;
}

.float_bg01 .main-area{
    padding-bottom:0;
}

.float_bg01 {
    background:none;
    top:0;
}
.float_bg02 {
    display:none;
}
.float_bg03 {
    display:none;
}


#top_workflow {
    margin: 0;
    
    position:relative;
}

#top_workflow .orderflow-area .img {
    display:none;
}

#top_workflow::before {
    margin-right:0;
    left:0;
    top:0;
    z-index: -1;
    border-radius:0;
    height: 100%;
}

.topflow_subtitle{
    color:#ffd966 !important;
}
.topflow_text {
    color:#fff !important;
}

.workflow_txt p {
    color:#fff;
}

.workflow_txt h3 {
    color: #ffd966;
}
.workflow_txt h3 span {
    color: #ffd966;
}



#top_recruit{
    padding-top: 5rem;
    padding-bottom: clamp(20rem, 10.908rem + 24.24vw, 40rem);
    position:relative;

  }


  .top_recruit-box {
    width: 100%;
    border-radius: 0 20px 0 0;
    padding: 2rem 2rem;
    position:relative;
    bottom:0;
}



.img-sp{
    padding-left:4rem;
    padding-right:4rem;
    }


.main-area {
    min-width: auto;
    
}

.service-btn{
    width:100%;
}



.top-catch {
    top: 25px;
    margin-left:2rem;
}

.top-catch .main-txt {
    font-size: 4.2rem;
    margin-bottom: .8rem;
    padding:0;
}

.top-catch .sub-txt {
    font-size: 1.6rem;
    color: #fff;
    padding: 0;
    letter-spacing: 1px;
    margin-top: 1rem;
}


.footlogo {
    margin-bottom: 2rem;
}







.support-box{
    margin-left:0px;
    margin-bottom:8rem;
}

.support-title h3{
    font-size:2rem;
    letter-spacing: 0;
}

.support-title img{
    width:100%;
    max-width: 90px;
    border-radius: 50%;
    margin-bottom:-30px;
}

.sec-btn {
    padding: 0 50px 0 20px;
}


.product_wrap{
    gap:1rem;
    margin:5rem auto 6rem auto;
    
}

.product_box{
    width:calc(50% - 1rem);
    padding:.5rem;
}
.product_name{
    font-size:2.1rem;
    font-weight:500;
    
}
.product_name_jp{
    font-size:1.2rem;
}



.product_txt h3 {
    color: #3CABE5;
}

.product_txt p {
    color:#111;
}

.Prose-splash {
    padding-bottom:4rem;
    padding-left:1em;
    padding-right:1em;
  }

  .guide_box{
    width:100%;
    
  }

  .guide_wrap{
    
    padding:2rem 2rem;
  }

  .guide_box h3{
    font-size:1.6rem;
  }



  .ol_detail {
    width: 100%;
    padding-left:0;
    font-size: 14px;
}

.ol_subject {
    width: auto;
    margin-left:0;
    margin-bottom: 0rem;
    font-size: 1.5rem;
    font-weight:700;
}


.ol_line::before {
    width:10rem;
}
.ol_line::after {
    left: 10rem;
    width: calc(100% - 10rem);
}



.ceo-img {
    width:100%;
    max-width:250px;
}


.option_box{
    width:calc(50% - 3rem);

}


.product_detail_wrap{
    padding-left:1em;
    padding-right:1em;
    
}

.product_detail_box{
    width:100%;
}

.product_detail{
    width:100%;
}
.flow_img{
    width:100%;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
}


.product_detail_left{

    width:100%;
}


form input.halfinput {
    width: 100%;
    max-width: 800px;
}


.access-text{
    margin-bottom:6rem;
}

.gaikan-img {
    margin-bottom: 2rem;
}

.company-content-title {
    
    font-size: 2.2rem;
    padding-left: 2rem;
}



.foot-contact {
    padding-left:0;
    padding-right:0;
    width:100%;
    max-width:100%;
}

.foot-contact-left {
    border-right: none;
    padding-bottom: 2rem;
    border-bottom:1px solid #fff;
}

.footer-logo {
    width: 100%;
}

.foot-contact-left {
    width: 100%;
}

.foot-contact-right {
    width: 100%;
}




#employee-intro {
    padding-top: 4rem;
}

.employee-title{
    font-size: 2.5rem;
    padding:0 0rem 1.5rem 0;
    width: 65%;
    top:-1rem;
}
.employee-title_sub{
    font-size:1.5rem;
    line-height: 140%;
}

#employee-interview{
    padding: 5rem 0 0 0;
}

.part-title{
    font-size: 2.5rem;
    padding:0 0rem 1.5rem 0;
    width: 75%;
    top:-1rem;
}
.part-title_sub{
    font-size:1.5rem;
    line-height: 140%;
}


.interview_section{
    display: flex;
    flex-direction: column;
  }
  

  .workflow_section{
    display: flex;
    flex-direction: column;
    
  }

 .column-outside-right{
    margin-left: 6rem;
    margin-right:6rem;

}
  .column-outside-left {
    margin-right:6rem;
    margin-left: 6rem;
}

.column-outside-right img{
    border-radius:30px;
  }

  .column-outside-left img{
    border-radius:30px;
  }



  .column{
    width: calc(100% - 4rem);
    margin:5rem 2rem 0 2rem;
        
  }
  .column .content-area{
    display: flex;
    justify-content: center;
  }


 .interview_section{
    padding-bottom: 0;
  }

  .interview_section.reverse .column {
    padding-left: 0rem;
}
  .interview_section .column {
    padding-right: 0rem;
    padding-left: 0rem;
}

.workflow_column{
    width: 100%;
  }

.workflow_txt {
    background:none;
    border-radius: 0;
    padding: 3rem 3rem;
    box-shadow: none;
}


.workflow_menu_btn:nth-child(2n)::after{
    background:none;
}

.workflow_menu_btn{
    width:calc(50% - 1.6rem);
}


#section1{
    position: relative;
    background: url(../imgs/flow_bg_sp03.png) no-repeat center bottom;
    background-size: 100%;
}

#section2{
    position: relative;
    background: url(../imgs/flow_bg_sp02.png) no-repeat center bottom;
    background-size: 100%;
    margin-top:-1px;
}


#section3{
    position: relative;
    background: url(../imgs/flow_bg_sp.png) no-repeat center bottom;
    background-size: 100%;
    }
    
#section4{
    position: relative;
    background: url(../imgs/flow_bg_sp01.png) no-repeat center bottom;
    background-size: 100%;
    margin-top:-1px;
}


#section5{
    position: relative;
    background: url(../imgs/flow_bg_sp01.png) no-repeat center bottom;
    background-size: 100%;
    }
    
#section6{
    position: relative;
    background: url(../imgs/flow_bg_sp01.png) no-repeat center bottom;
    background-size: 100%;
    margin-top:-1px;
}





.part-title_img{
    width:calc(100% - 2rem);
    margin-right:0;  
  }

.employee-title_img{
width:calc(100% - 2rem);
margin-right:0;  
}


#pagetitle {
    position: fixed;
    top:80px;

    height: 22vh;
    background: url("../imgs/header_bg.jpg") no-repeat center top;
    background-size: cover;
}


#pagetitle.recruittitle{
    background: url("../imgs/header_recruit_sp.jpg") no-repeat center center;
    background-size: cover;
}

#pagetitle.companytitle{
    background: url("../imgs/header_company_sp.jpg") no-repeat center center;
    background-size: cover;
}
#pagetitle.equipment{
    background: url("../imgs/header_equipment_sp.jpg") no-repeat center center;
    background-size: cover;
}



#page_intro {
    margin-top: calc(22vh + 80px);
    
}

#company-outline {
    margin-top: calc(22vh + 80px);
}



.moving-object {
    
    position: absolute;
    top: 25%;
    transform: translateY(0%);
}


.workflow_menu_btn a{
    font-size:1.4rem;
}


.products_menu {
    justify-content: flex-start;
    
}
.products_menu_btn{
    width:calc(50% - 0.8rem);
}


.products_menu_btn:nth-of-type(odd):before{

    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:#707070;
    left:-8px;
    top:0;

}
.products_menu_btn:last-child::after {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:#707070;
    right:-8px;
    top:0;
}


.products_intro_txt{
    width:calc(100% - 4rem);
    margin-left:2rem;
    margin-right:2rem;
}
#product_entry{
    padding:5rem 0;
}

.product_entry_wrap {
    margin-bottom: 0rem;
}

.product_section{
    position:relative;
    display: block;
    padding-bottom:0;
}


.product_column{
    width: 100%;
    margin-left:0;
}

.reverse .product_column{
    width: 100%;
    margin-left:auto;
    margin-right:0;
}

.product_txt{
    background:none;
    border-radius:0;
    padding:3rem;
    box-shadow:none;
}

  /*右側へ要素を広げる（2カラム）*/
  .product_column-outside-right{
    width:calc(70% - 2rem);
    margin-right: 0;
    margin-left:auto;
    position:relative;
    right:0;
}

/*左側へ要素を広げる（2カラム）*/
.product_column-outside-left{
    width:calc(70% - 2rem);
    margin-left: 0;
    right:0;
}

#product_entry .product_entry_wrap::before  {
    position:relative;
    height:auto;
    
    
 }


 .product_entry .product_entry_wrap::before  {
    position:relative;
    background:none;
    
 }

 .youto{
        z-index:50;
        width:calc(100% - 2rem);
        max-width:800px;
        margin:0 0 4rem 0;
        display:block;
        padding:3rem 2rem;
        background:#3CABE5;
        border-radius:0 30px 30px 0;
}

.youto.youto_rev {
position:relative;
right:0;
margin-left:auto;
    border-radius: 30px 0 0 30px;
}


.youto_mark{
        width:100%;
        text-align:left;
        height:auto;
        display:flex;
        flex-direction:inherit;
        justify-content: flex-start;
        align-items:center;
        margin-bottom:2rem;
        font-size:1.8rem;
        border-bottom:1px solid #fff;
        border-radius:0;
        padding-bottom:1rem;
}
.youto_mark img{
    margin-right:1rem;
}
.youto_mark:before{
        border:none;
        
}

.equip_nobg{
    margin:0 2rem;
}
.equip_wbg_right{
    padding:5rem 2rem 2rem 2rem;
}
.equip_wbg_left{
    padding:5rem 2rem 2rem 2rem;
}

.equip_wbg_right::before{
    border-radius: 3rem 0 0 3rem;
}
.equip_wbg_left::before{
    border-radius: 0 3rem 3rem 0 ;
}



.equip_menu_btn a{
    font-size:1.5rem;
    }


.equip_wrap{
    gap:5rem 2rem;
    
}
.equip_box{
    width:calc(50% - 1rem);
}

.equip_img img {
    border-radius: 10px;
}

.equip_01{
    width:calc(100% - 2rem);
    padding: 0;
    top: -5rem;
}
.test_01{
    width:calc(100% - 2rem);
    margin-left:2rem;
    padding: 0;
    top: -5rem;
}

.automatic_01{
    width:calc(100% - 2rem);
    padding: 0;
    top: -5rem;
}


#equipment{
    margin:7rem 0 12rem 0;
}
#test{
    margin:7rem 0 12rem 0;
}
#automatic{
    margin:7rem 0 0 0;
    padding-bottom: 5rem;
}

#guidelines:before {
    width: 10rem;
}
#guidelines::after {
    left: 10rem;
    width: calc(100% - 10rem);
}

.main-area.equip_menu_area{
    padding-left:0;
    padding-right:0;
    padding-top:5rem;
    padding-bottom:2rem;
}


.product_section{
    padding-top: 3rem;
  }


  .flow_wrap{
    display:flex;
    flex-direction: column;
    
    gap:1rem 5rem;
}


.flow_step{
    flex-wrap: wrap;
    gap:0rem 2rem;
    justify-content: center;
    flex-direction:row;
    padding: 1rem 2rem;
    margin-bottom:2rem;
    width:auto;
    max-width:auto;
    margin-left:auto;
    margin-right:auto;
}


.flow_step::after{
    position:absolute;
    content:"";
    background: url(../imgs/arrow_down_flow.svg) left top no-repeat;
    background-size: 20px;
bottom:0;
left:calc(50% - 10px);
right:auto;
width:20px;
height:20px;
margin-bottom:-2.8rem;
z-index:10;
}

#part-flow .flow_step::after{
    background: url(../imgs/arrow_down_flow_part.svg) left top no-repeat;
}



#guidelines .ol_line {
    padding: 15px 0 15px 0px;
}

.sp_yellow{
    color:#ffd966 !important;
}
.sp_white{
    color:#fff !important;
}


.top_calender {
    padding-bottom:10rem;
}



.thumb_round_img {
    overflow: hidden;
    border-radius:20px 20px 0 0;
    aspect-ratio: 4 / 3;
    display:flex;
    align-items: center;
    justify-content: center;
}


#profile_list{
    margin-top:5rem;
}

#history {
    padding-bottom: 10rem;
}
#greeting-area{
    padding-bottom:9rem;
}



#top_workflow::before {
    width:100%;
    max-width:100%;
}


}




@media screen and (max-width: 736px) {
    .cd-fixed-bg {
        background-size: cover;
        background-attachment: scroll;
    }
}



@media screen and (max-width: 700px) {
    
    .access_howto_box{
        width:100%;
    }

}




@media screen and (max-width: 600px) {

    #top-main {
        flex-direction: column;
        align-items: center;
        height:calc(100vh - 80px);
    }

    .swiper-wrap {
        width: 100%;
    }


    #employee-movie h3{
        text-align: center;
    }

    #part-movie h3{
        text-align: center;
    }

    #employee-entry{
        margin-bottom:5rem;
        width:95%;
    }
    .entry_btn a{
        font-size:2.2rem;
        padding:2rem 2rem 2rem 1rem;
        border-radius:0 12rem 12rem 0;
    }

    

    .step_number{
        width:5.5rem;
    }

    .step_text{
        width:100%;
    }

    
    #part-entry{
        margin-bottom:10rem;
        width:95%;
    }
    #part-entry .entry_btn a{
        font-size:2.2rem;
        padding:2rem 2rem 2rem 1rem;
        border-radius:0 12rem 12rem 0;
    }
    #employee-movie{
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
    
    #part-movie{
        padding-top: 0rem;
        padding-bottom: 4rem;
      }





}



@media only screen and (max-width: 500px) {
    
.main-area {
    width: 100%;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right:2rem;
    padding-top:5rem;
    padding-bottom:5rem;
}


.service-wrap {
    margin-top: 5rem;
    margin-bottom:3rem;
}
.service-txt {
    margin-bottom: 3rem;
}


.recfctitle img {
    width: 150px;

}


.option_box{
    width:90%;
    margin:0 auto 5rem auto;

}


.manual-link{
    display:block;
}

.service-sec-btn {
    margin-bottom: 3rem;
}

.company-block {
    padding: 1rem 2rem 0 2rem;
}

.access_howto{
    padding-left:2rem;
    padding-right:2rem;
}

.select_btn_wrap{
padding-left: 2rem;
padding-right: 2rem;
}


.equip_name{
    font-size:1.8rem;
    margin-bottom:1.5rem;
}


.equip_box{
    width:100%;
}

.equip_wbg_right{
    margin-left:2rem;
}


.equip_wbg_left{
    margin-right:2rem;
    
}

.equip_subtitle h3 {
    font-size: 2.0rem;
    margin-bottom: 4rem;
}

.scroll-content .main-area{
    padding-top:5rem;
    padding-bottom:5rem;
}
#section0 .main-area{
    padding-top:5rem;
    padding-bottom:5rem;
}


/*右側へ要素を広げる（2カラム）*/
.product_column-outside-right{
    width:calc(100% - 2rem);
}

/*左側へ要素を広げる（2カラム）*/
.product_column-outside-left{
    width:calc(100% - 2rem);
}

.equip_table td{
    font-size:1.3rem;
    padding:2rem .5rem;
 }


 .mov_area{
    padding:0 2rem;
    margin-bottom:10rem;
}
.mov_area.rec_mov {
    padding: 0rem 1.5rem;
}




}



@media only screen and (max-width: 468px) {

    h2 {
        font-size: 1.8rem;

        line-height: 2.4rem;
        margin-bottom: 1rem;
    }



    .content-wrapper {
        padding-top: 75px;
    }

    .swiper-slide img{
 width: calc(100% - 10px);
}


    .service-area-dark .inner::before {
        content: "";
        position: absolute;

        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-image: url(../imgs/bg_06.jpg);
        background-size: cover;
        padding: 200px 0;
    }


    .no-bg {
        padding: 0;
    }

    .service-area-dark .inner {
        padding: 200px 0;
    }


    .service-area-dark {
        position: relative;
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 0 300px 0;
        z-index: 2;
        background: none !important;
        background-size: none !important;
        background-attachment: none !important;

    }



    .content-wrapper.philosohpy_bg {
        background: none !important;
        background-size: none;
        background-attachment: none;
    }



    .content-wrapper.philosohpy_bg::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-image: url(../imgs/philo_bg02.jpg);
        background-size: cover;
    }

    .equip_menu_btn a {
        font-size: 1.4rem;
    }


}

@media only screen and (min-width:768px) and (max-width:1100px) {

.product_column-outside-left {
    margin-left: 0;
}
.product_column-outside-right {
    margin-right: 0;
}

.product_entry .product_entry_wrap::before  {
    width: 100%;
 }


}



@media only screen and (min-width:1201px) and (max-width:1245px) {

#header .site-logo a img {
    max-width: 180px;
}
#header .site-logo a span {
    font-size: 1.1rem;
    padding-left:1rem;
}


}



@media only screen and (min-width:769px) and (max-width:1000px) {
    #navbarNavDropdown ul li a {
        display: block;

        font-size: 1.2rem;
        padding: .1em .3em;
        letter-spacing: 0.08rem;

    }

    .rightbnr {
        font-size: 0;
        margin-left: 8px;
    }

    .entrybtn {
        text-align: center;

        width: auto;
        margin: 0 0 0 0;
        display: inline-block;
        height: 100px;
        width: 100px;
        position: relative;
    }

    .entrybtn a {
        white-space: nowrap;
        color: #fff;
        padding: 0 0px;
        font-size: 1.2rem;
        letter-spacing: 0;
        text-decoration: none;
        display: block;
        transition: 0.5s;
        background: linear-gradient(90deg, #a0dccc, #a0dccc 150px, #a0dccc 350px, #0080cd);
        background-position: 100% 0;
        background-size: 500px 100px;
    }



}