.sp440,
.sp375{display:none}


@media screen and (min-width: 769px) {
    a[href^="tel:"]{pointer-events: none;}
    .sp,.sp_only{display:none !important}
    [data-aos=fade-up] {transform: translate3d(0, 50px, 0);}

    /* GNAVI PC */
    /* .nav_pc>ul .col2 .sub {width: 440px}
    .nav_pc>ul .col2 .sub ul {display: flex;flex-wrap: wrap}
    .nav_pc>ul .col2 .sub ul li {width: 50%} */

    /* FIXED BUTTON */
    .time_sheet table td:first-child,
    .time_sheet table th:first-child {padding-left: 3%;}
    .fixed_banner {width: 8rem;}
    .fixed_banner>div {width: 8rem;height: 8rem;margin-bottom:1px;}
    .fixed_banner p {width: 8rem;height: 8rem}

    .fixed_banner .tel {transform: translateX();transition: all 0.3s ease}
    .fixed_banner .tel .tt::before {margin-bottom: 0.7rem;margin-top: 0.7rem;}
    .fixed_banner .tel p {border-top-left-radius: 0.5rem}
    .fixed_banner .tel .ov {display: flex;align-items: center;justify-content: center;background-color: var(--mcolor);position: absolute;left: 8rem;height: 100%;top: 0;width: 20rem;border-left: 1px solid #fff}
    .fixed_banner .tel .ov .text{font-size: 125%;font-family: var(--en)}
    .fixed_banner .web p .tt::before {margin-bottom: 0.5rem;margin-top: 0.5rem;}
    .fixed_banner .mail p {border-bottom-left-radius: 0.5rem}

    .logo {margin-top: 1.3rem;max-width: 28%;}
     header.active .logo{margin: 0;}
    .right_head {width: 65%;max-width: 105.6rem;padding-right: 4%;display: flex;justify-content: flex-end;align-items: center;gap: 6%;}
    .fixed_calendar:hover{left: 0;}
    .fixed_calendar:hover .time_ttl .arrow::before{transform: translate(-50%,-50%);left: 47%;}
    .menu_toggle{flex-direction: column;justify-content: center;}

    /*==========================================================
                            H O V E R
    ==========================================================*/
    .nav_pc>.menu>li:hover>a,
    .nav_pc>.menu>li:hover>p {color: var(--mcolor);}

    .nav_pc>.menu .subInner>ul>li>a:hover {color: var(--txt);}
    .nav_pc>.menu>li.menu-item-has-children:hover::after{background-color: var(--mcolor);}

    .nav_pc>.menu>li.menu-item-has-children>a:hover::after,
    .nav_pc>.menu>li.menu-item-has-children>p:hover::after,
    .nav_pc>.menu>li:hover>a.title::after,
    .nav_pc>.menu>li:hover>p.title::after {transform: translateY(-5px);}
    .nav_pc>.menu>li:last-child .subInner{width: 30rem;}


    .mv_bnn.is_scroll{right: 1rem;bottom: 11rem;}
    .mv_bnn:hover{box-shadow: 0rem 0 1rem rgba(0,0,0,0.3);}
    .mv_bnn:hover::after{right: 3.5%;}
    .mv_bnn_close:hover{background-color: var(--org);}

    .fixed_banner p:hover {color: #fff}
    .fixed_banner .tel:hover {right: 20rem}
    .fixed_banner .mail:hover p,
    .to_top:hover,.btn a:not([target="_blank"]):hover,.btn a.atv{background-color: var(--org);}
    .btn_w a:hover{color: #FFF;}
    .btn_w a:hover::before{background-color: #FFF;}
    .btn_w a:hover::after{background-color: var(--scolor);}
    .ft_link .menu_box li > a:hover,.menu_item .ttl a:hover{color: var(--mcolor);text-decoration: none;}
    .hamburger-btn .button-toggle:hover{opacity: 0.7;}
}

@media screen and (min-width:769px) and (max-width: 1560px){
    .inner_big, .inner{padding: 0 20px;}
  .mv_bnn{bottom:3rem;right: 4%;}
  .mv_bnn.is_scroll{right: -3rem;bottom:8rem;}
  .menu_toggle .menu_item .ttl{font-size: 2rem;}
  .menu_toggle .ft_link .menu_box li{line-height: 1.6;}
  .menu_toggle .ft_link .menu_box li > a{font-size: 1.6rem;}
  .menu_box:not(:last-child){margin-bottom: 3rem;}
  .menu_toggle .time_sheet table th{padding: 0.4rem 0.2rem;}
  .menu_toggle .time_sheet table td{padding: 0.4rem}
  .menu_toggle .time_sheet table td,.menu_toggle .time_sheet table th,.menu_toggle .ft_adr .adr{font-size: 1.6rem;}
  .menu_toggle .ft_adr{margin-bottom: 2rem;}
  .menu_toggle .ft_adr .tel{margin-bottom: 1rem;}
  .menu_toggle .ft_adr p .box{padding-left: 7rem;}
  .menu_toggle .ft_map{margin-bottom: 2rem;}
    .menu_toggle .ft_adr p .box::before{width: 5rem;height: 5rem;background-size: 2rem;}

    .fixed_calendar .time_ttl{width: 5.5rem;}
    .fixed_calendar .time_sheet{width: calc(100% - 5.5rem);}
    .fixed_calendar{width: 60.2rem;top: 20rem;}
    .mv_circle{left: 3rem;bottom: 0;top: initial;height: max-content;bottom:0;}
  .mv_circle_item{width: 20rem;}
  .mv_circle_item .ttl{font-size: 1.6rem;}
  .mv_circle_item .ttl .num{font-size: 3.6rem;}
  .mv_circle_item .ttl .lg{font-size: 2.6rem;}
  .mv_circle_item .ttl .key{font-size: 1.4rem;transform: translateY(-0.2rem);padding: 0.6rem;}
  .mv_circle_item.st1{margin-bottom: -5rem;}
  .mv_circle_item.st1 .ttl{padding-right: 1rem;}
  .mv_bnn{transform:scale(0.8) !important;right: 0;}
  .mv_bnn.is_scroll{right: -3rem;}
  .fixed_banner{width:60px}
  .fixed_banner p .tt{font-size:10px}
  .fixed_banner p .tt:before{transform: scale(0.8);margin:0 !important  }
  .fixed_banner>div{width:60px;height:60px}
 .fixed_banner p{width:100%;height:100%}
 .fixed_banner .tel .ov{left:60px}

}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    html{font-size: clamp(7px,0.520834vw,10px);}
    .right_head{padding-right: 6%;gap: 4%;width: 68%;}
    .nav_pc>.menu>li.menu-item-has-children:last-child .subInner{width: 30rem;}
    .nav_pc>ul .sub{width: 40rem;}
    .nav_pc>ul .sub ul li a,.nav_pc>ul>li>a, .nav_pc>ul>li>p{font-size: 1.8rem;}
    .ft_link .menu_box li > a{font-size: 1.4rem;}
    .ft_link .col2{grid-template-columns: 60% 40%;}
    .faq_list dl dd{font-size: 1.9rem;}
    .fixed_banner .tel .ov{font-size: 2rem;}
    .time_sheet table td, .time_sheet table th{font-size: 1.6rem;}
    .ft_link ul li:not(:last-child){margin-bottom: 0;}
    .ft_link ul li{line-height: 1.8;}
    .strengths_cta .txt{font-size: 1.6rem;}
    .ft_info{padding: 0 2%;}
    .sec02_col_bnn,.sec02_col_des{width: 50%;}
    .faq_list dl{padding: 3rem 4rem 3rem;}
    .sec08_list li .tt{font-size: 1.8rem;}
    .btn a{width:35rem; height: 7rem;}
    .btn2 a{width: 50rem;}
    .sec06_box .btn a{height: 8rem;}
    /* .mv_bnn{transform:scale(0.6) !important;}
    .mv_bnn.is_scroll{bottom:6rem;right: -7rem;}
    .mv_bnn_close{top: -1.5rem;left: -2rem;} */
    .menu_toggle .ft_ina{width: 46%;}
    .menu_toggle .ft_link{width: 53%;}
    .fixed_calendar .time_sheet .note{margin-bottom: 0.5rem;}
    .ft_adr .adr{font-size: 1.8rem;}

}
@media screen and (max-width: 768px) {
    html{font-size: 62.5%;}
    img{max-width:100%; height: auto;}
    .swap img{width:auto;}

    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    .pc,.pc_only{display:none!important}

    :root{
        --hamburger: 60px;
    }

    /*==========================================================
                        H E A D E R
    ==========================================================*/
    .logo{width:48%;max-width: 30rem;}
    .header_top{padding: 0 1.5rem;}
    .h_insta{margin-bottom: 0;}
    .right_head{margin-right: 3.5rem;display: flex;align-items: center;gap:0.8rem}
    #nav-icon{width: 3rem;}
    .menu_toggle{overflow-y: scroll;}
    .menu_toggle .inner{padding-bottom: 8rem;}
    .hamburger-btn{top: 1rem;width:5rem;}
    .hamburger-btn .button-toggle #menu_btn{font-size: 1.2rem;}
    .u_calendar{font-size: 1.2rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;margin: 0;color: #FFF;background-color: var(--org);height: var(--hamburger);padding: 0.5rem;}
    .u_calendar::before{content: "";display: block;background: url('../images/ic_calendar.png') no-repeat center /contain;margin: 0 auto ;width: 2rem;height: 2.1rem;}
    .fixed_calendar{top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(0, 0, 0, 0.6);padding-top: 6rem;z-index: 999;}
    .fixed_calendar:not(.is_show){display: none;}
    .fixed_calendar .time_ttl{display: none;}
    .fixed_calendar .time_sheet{padding: 2rem 1rem;background-color: #FFF;border: 1px solid var(--org);border-radius: 1rem;position: relative;width: calc(100% - 5rem)}
    .fixed_calendar_close { position: absolute; width: 3.7rem; height: 3.7rem; border-radius: 50%; background-color: var(--org); top: -1.8rem; right: -1.8rem; cursor: pointer; }
    .fixed_calendar_close::before,.fixed_calendar_close::after { content: ""; position: absolute; width: 1px; height: 1.3rem; background-color: #FFF; left: 1.8rem; top: 1.2rem; }
    .fixed_calendar_close::before { transform: rotate(-45deg); }
    .fixed_calendar_close::after { transform: rotate(45deg); }
    .fixed_calendar .time_sheet table td,.fixed_calendar .time_sheet table th{font-size: 1.4rem;}
    body:has(.fixed_calendar.is_show) header{background-color: #FFF;}
    .time_sheet{margin-left: auto;margin-right: auto;}
    .time_sheet .note{font-size: 1.4rem;margin-left:0.5rem;}
    body:has(.fixed_calendar.is_show){overflow:hidden}
    .time_sheet table td:last-child, .time_sheet table th:last-child{padding-right: 1rem;}
    .mv_bnn{width: 30rem;height: 10rem;right:initial;bottom: 12rem;left: 1.5rem;}
    .mv_bnn::after{width:1.4rem;height: 1.2rem;}
    .mv_bnn_box{padding: 2rem;}
    .mv_bnn_box .ttl{font-size: 1.8rem;}
    .mv_bnn_box .pick{height: 100%;}
    .mv_bnn_box .pick img{max-height: 100%;width: auto;}
    .mv_bnn_box .pick::before{width: 6rem;height: 5rem;}
    .mv_bnn_close{transform: scale(0.8);}

    /*==========================================================
                    M A I N    C O N T E N T
    ============================================================*/
    .ttl_h3{margin-bottom: 2rem;}
    .ttl_h3 .ja{font-size: 2.6rem;}
    .ttl_h3 .en{font-size:2rem;}
    .btn_box{gap: 10px;}
    .btn a{width: 30rem;font-size: 1.6rem;height: 5.5rem;}
    .btn.sm a{width: 15rem;font-size: 1.4rem;padding-right: 2rem;}
    .btn2 a{height: auto;padding: 1rem 2rem 1rem 1rem;}

    .faq_list dl{padding:1.5rem;}
    .faq_list dl dt{font-size: 1.8rem;padding-left: 0;}
    .faq_list dl dt .ico, .faq_list dl dd .ico{width: 4rem;height: 4rem;font-size: 2.4rem;padding-bottom: 0;left: 0;}
    .faq_list dl dt .ico{margin-right: 1rem;}
    .faq_list dl dd{padding: 1rem 0 0 5rem;font-size:16px;}
    .faq_list dl dd .ico{top: 0.4rem;}

    .strengths_cta li{padding: 1.5rem 1rem;}
    .strengths_cta .txt{font-size: 1.6rem;}
    .strengths_cta .ico{width: 6rem;}
    .strengths_cta .ico img{width: 3rem;}
    /*==========================================================
                            F O O T E R
    ==========================================================*/
    footer{padding: 4rem 0 5.5rem;}
    .ft_logo{text-align: center;max-width: 420px;margin: 0 auto 3rem;}
    .ft_adr .tel a{font-size: 3rem;}
    .ft_adr p .box{padding-left: 5rem;}
    .ft_adr p .box::before{width: 4rem;height: 4rem;}
    .ft_adr .adr .box::before{background-size: 1.6rem;}
    .ft_adr .tel .box::before{background-size: 2rem;}
    .ft_adr .adr{font-size: 1.6rem;}
    .ft_box{margin-bottom:30px;}
    .ft_map{margin-bottom: 20px;}
    .ft_info{margin-bottom: 3rem;}

    .copyright{margin-bottom: 30px;}
    .copyright .inner{display: block;}
    .copyright .textwidget::before{width:6rem;height: 1px;left: calc(50% - 3rem);top: 0;}
    .copyright .textwidget p{font-size: 1.4rem;margin-top: 1.5rem;padding-top: 0.5rem;}

    .sp_navi .ft_box{display: flex;flex-direction: column;padding-bottom: 80px;}
    .sp_navi .ft_box .ft_link{width: 100%;}
    .sp_navi .ft_box .ft_ina{margin-bottom: 10px;width: 100%;}
    .ft_link .menu_box li > a{font-size: 1.4rem;padding: 5px 10px 5px 20px;letter-spacing: 0.02rem;}
    .menu_item .ttl{font-size: 2.4rem;}
    .menu_item li{border-bottom: 1px dotted var(--txt);}
    .ft_link .col2{display: block;}
    .ft_link .bnn{justify-content: center;}
    .sp_navi .time_sheet table td,.sp_navi .time_sheet table th{font-size: 1.4rem;}
    .sp_navi .ft_adr,.sp_navi .ft_adr .tel{margin-bottom: 2rem;}

    /* to top */
    .to_top{width:40px;height:40px;right:10px;bottom: 70px;}
    .to_top a img{bottom:0;position:absolute}

    /* FIXED BANNER */
    .fixed_banner{top: inherit;bottom: -60px;width: 100%;display: flex;height: 60px;}
    .fixed_banner.active{bottom: 0;}
    .fixed_banner>div{width: calc(100% / 3);}
    .fixed_banner p .tt::before{transform: scale(0.7);}
    .fixed_banner .line p .tt::before{margin: 0;}
}

/*============ END 750 ============ */

/* screen-max:560px */
@media screen and (max-width: 560px) {

}
/* screen-max:440px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
    .ft_bnn li{width: 100%;}

}

/* screen-max: 374px */
@media screen and (max-width: 374px) {
    html{font-size: 53%;}
    .time_sheet table td, .time_sheet table th{font-size: 1.6rem;}
    .mv_bnn{bottom: 14rem;}
}