.sp440{display:none}
.pc1280{display:none}
@media screen and (min-width:2000px) {
    .to_top{right: calc(50% - 960px);}
    .sec04 .inner::before{right: -60px;}
}
@media screen and (min-width: 751px) {

    .h_box{min-width: 1260px}
    #index #wrapper {overflow: visible;}
    #index header,.sec01,.sec02,.sec03,.sec05,.sec06,.sec07,.sec08,footer,.mv {overflow: hidden}
    a[href^="tel:"]{pointer-events: none;}
    .sp{display:none}

#logo{margin: 0 21px 0 0;}
/* nav */
.hamburger{display:none;}
.nav_list{display: flex;}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;margin: 0px 36px 0px 0;height:auto;color: #363B40;}
.nav_list>li>.sub_btn::before,.nav_list>li>.sub_btn::after{position: absolute;content:"";right: -16px;top: 8px;height:1px;width: 10px;background: #A3A3A3}
.nav_list>li>.sub_btn::before{transform: rotate(-90deg);}
.nav_list>li.parent>.sub_btn{cursor:default}
.sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;border-top:solid 1px #FFF;width:300px;top:100%;left:0}
.sub ul li a{font-size:16px;display:flex;width:100%;height:60px;align-items:center;letter-spacing:.001em;padding:5px 35px;margin:0 auto;border-bottom:solid 1px #FFF;color:#fff;background:var(--mcolor);}

.nav_list>li.parent:hover .sub_btn{color: var(--mcolor);}

.sub_ver {position: absolute;z-index: 1;transition: all .3s;opacity: 0;visibility: hidden;width: 1500px;top: 86%;left: 20px;background: var(--body);border-radius: 0 0 5px 5px;padding: 72px 70px 70px 70px;cursor: default;}

.nav_list>li.parent>.sub_btn .sub_btn_line,.nav_list>li>a .sub_btn_line{position: relative}
.nav_list>li.parent>.sub_btn .sub_btn_line::before,.nav_list>li>a .sub_btn_line::before{position: absolute;content:"";left: 0;bottom: -36px;background: var(--mcolor);height: 3px;width: calc(100% + 14px);z-index: 2;transition: 0.3s all;opacity: 0;visibility: hidden}

.nav_list>li:nth-child(4) a,.nav_list>li:nth-child(5) a{margin-right: 19px}
.nav_list>li:nth-child(4) a .sub_btn_line::before,.nav_list>li:nth-child(5) a .sub_btn_line::before{width: 100%}
.box_gnavi_right .btn_h.cart a{padding-right:13px}
.nav_list>li:hover>a .sub_btn_line::before{opacity: 1;visibility: visible}
body.active .box_gnavi{border-radius: 5px 5px 0 0}

.info_gnavi_top{display: flex;flex-wrap: wrap;width: 100%;max-width:1290px}
.info_gnavi_top .item{width: calc((100% - 90px) / 4);margin: 0 30px 40px 0;position: relative;pointer-events: all;cursor: pointer;}
.info_gnavi_top .item:nth-child(4n+4){margin-right: 0}

.info_gnavi_top .item .img-menu{margin-bottom: 16px;}
.info_gnavi_top .item .num-menu{font-weight: 300;font-family: var(--font-Outfit);font-size: 13px;color: #898F95;margin-bottom: -1px;}
.info_gnavi_top .item .name-menu{font-weight: 500;letter-spacing: 0.1em;position: relative;padding: 0 0 16px 0;margin-bottom: 0;line-height: 1.6875em}
.info_gnavi_top .item .name-menu .txt{position: relative;display: block;width: 100%;padding-right: 35px;}
.info_gnavi_top .item .name-menu::before,.info_gnavi_top .item .name-menu::after,.info_gnavi_top .item .name-menu .txt::after{position: absolute;content:""}
.info_gnavi_top .item .name-menu::before,.info_gnavi_top .item .name-menu::after{bottom: 0;left: 0;}
.info_gnavi_top .item .name-menu::before{width: 100%;height: 1px;background: #E2E2E2;}
.info_gnavi_top .item .name-menu::after{width: 50px;height: 1px;background: var(--mcolor);}
.info_gnavi_top .item .name-menu .txt::after{aspect-ratio: 1 / 1;width: 24px;background: url(../images/ic_menu.png) center /cover no-repeat;right: 0;top: 4px;}
.info_gnavi_bottom{display: flex;margin-top: 16px;}
.info_gnavi_bottom .tt-link{margin-bottom: 0}
.info_gnavi_bottom .tt-link:not(:last-child){margin-right: 28px;}
.info_gnavi_bottom .tt-link a{letter-spacing: 0.1em;font-weight: 500;position: relative;pointer-events: all;cursor: pointer;}
.info_gnavi_bottom .tt-link a::before,.info_gnavi_bottom .tt-link a::after{position: absolute;content:"";left: 0;bottom: -5px;background: #E2E2E2;width: 100%;transition: 0.3s ease all;height: 1px;}
.info_gnavi_bottom .tt-link a::after{ transform: scaleX(0);transform-origin: left;transition: transform .3s ease;background: var(--blue);}
.info_gnavi_bottom .tt-link a:hover{color:var(--blue);}
.info_gnavi_bottom .tt-link a:hover::after{transform: scaleX(1);}

.info_gnavi_top .item:hover .name-menu{color:var(--mcolor);}
.info_gnavi_top .item:hover .name-menu .txt::after{background: url(../images/ic_menu_green.png) center / cover no-repeat;}
.info_gnavi_top1 .item:not(.item4) .name-menu{padding: 0 0 44px 0}

/*TAB GNAVI 2*/
.info_gnavi_top2 .item .img-menu{margin-bottom: 19px;}
.info_gnavi_top2 .item .name-menu{padding: 0 0 17px 0;}
.info_gnavi_top2 .item6 .img-menu{margin-bottom: 40px;}
.info_gnavi_top2 .item6 .name-menu{padding: 0 0 47px 0;}
.info_gnavi_top2 .item8 .name-menu{padding: 0 0 44px 0;}
.info_gnavi_top2 .item9 .img-menu{margin-bottom:7px;}
.info_gnavi_top2 .item9 .name-menu{padding: 0 0 30px 0;}


/*TAB GNAVI 3*/
.info_gnavi_top .item_ver3{border: 1px solid #DBDBDB;width: calc((100% - 90px) / 4);margin: 0 30px 0px 0;position: relative;pointer-events: all;cursor: pointer;}

.info_gnavi_top .item_ver3 .info_v3{padding: 25px 25px 18px 22px;display: flex;flex-direction: column;justify-content: flex-end;height: 190px;position: relative}
.info_gnavi_top .item_ver3::before,.info_gnavi_top .item_ver3::after{position: absolute;content:"";height: auto}
.info_gnavi_top .item_ver3::before{top: 18px;left: 22px;aspect-ratio: 73 / 57;background: url(../images/ic_log_menu.png) center /cover no-repeat;width:73px}
.info_gnavi_top .item_ver3::after{top: 18px;right: 18px;aspect-ratio: 1 / 1;background: url(../images/ic_link.png) center /cover no-repeat;width:15px}
.info_gnavi_top .item_ver3 .txt_small{font-size: 13px;letter-spacing: 0.025em;line-height: 1.5em;color:#7B7B7B;margin-bottom: 0;}
.info_gnavi_top .item_ver3 .txt_big{color: #363B40;font-weight: 500;font-size: 17px;line-height: 1.77em;margin-bottom: 0;}

.info_gnavi_top .item_ver3:hover .txt_small,.info_gnavi_top .item_ver3:hover .txt_big{color:#fff;}
.info_gnavi_top .item_ver3:hover::before,.info_gnavi_top .item_ver3:hover::after{filter: brightness(0) invert(1)}
.info_gnavi_top .item_ver3 .info_v3{position: relative;}
.info_gnavi_top .item_ver3 .info_v3::before,.info_gnavi_top .item_ver3 .info_v3::after{position: absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
.info_gnavi_top .item_ver3 .info_v3::before{z-index: -2;background: url(../images/mv_img_01.jpg) center /cover no-repeat;}
.info_gnavi_top .item_ver3 .info_v3::after{z-index: -1;background: url(../images/bg_btn_1.png) center /cover no-repeat;}

.info_gnavi_top .item_ver3:nth-child(2) .info_v3::before{background: url(../images/mv_img_02.jpg) center /cover no-repeat;}
.info_gnavi_top .item_ver3:nth-child(2) .info_v3::after{z-index: -1;background: url(../images/bg_btn_2.png) center /cover no-repeat;}
.info_gnavi_top .item_ver3:nth-child(3) .info_v3::before{background: url(../images/mv_img_03.jpg) center /cover no-repeat;}
.info_gnavi_top .item_ver3:nth-child(3) .info_v3::after{z-index: -1;background: url(../images/bg_btn_3.png) center /cover no-repeat;}

.info_gnavi_top .item_ver3 .info_v3:hover::before,.info_gnavi_top .item_ver3 .info_v3:hover::after{opacity: 1}


/*TAB GNAVI 4*/
.info_gnavi_top4 .item .img-menu{margin-bottom: 16px;display: none}
.info_gnavi_top4 .item .txt-info-menu{font-weight:500;font-size: 14px;color: #363B40;letter-spacing: 0.1em;line-height: 1.1em;display: inline-block;border: 1px solid #BCBCBC;border-radius: 3px;padding: 5px 10px;margin-bottom: 4px}
.info_gnavi_top4 .item .name-menu{padding: 0 0 20px 0}

.info_gnavi_top2 .item,.info_gnavi_top4 .item{margin-bottom: 0}

/*BUTTON MV*/
.group_btn_mv .item:last-child{margin-right: 0}
.group_btn_mv .item2 .info .tt::before{top: -7px}
.group_btn_mv .item1 .info_top:hover .info_fix::before{background:rgb(44,178,227,66%)}
.group_btn_mv .item2 .info_top:hover .info_fix::before{background:rgb(9,78,147,60%)}
.group_btn_mv .item3 .info_top:hover .info_fix::before{background:rgb(50,185,159,60%)}

.group_btn_mv .item1 .info_fix_b:hover::after {background:rgb(44,178,227,66%)}
.group_btn_mv .item2 .info_fix_b:hover::after {background:rgb(9,78,147,60%)}
.group_btn_mv .item3 .info_fix_b:hover::after {background:rgb(50,185,159,60%)}

.group_btn_mv .item .info_top:hover .tt-name::before{background: url(../images/ic_btn_gray.png) center /cover no-repeat;}
.group_btn_mv .item2 .info .tt::after{top: 8px}
.group_btn_mv .item3 .txt-big{letter-spacing: 0.055em}

/*SEC01*/
.info_sec01{display: flex;justify-content: space-between;}
.info_sec01 .box_left{width: 365px;padding: 73px 0 0 0;}
.info_sec01 .box_right{width: calc(100% - 489px);}
.tt-view a:hover{color: var(--mcolor);}
.tt-view a:hover::before{background: url(../images/ic_btn_green.png) center / cover no-repeat;}
.list-news li .name:hover,.list-news li:hover .name{text-decoration: underline;text-underline-offset: 3px}

/*SEC03*/
.info_ttl{display: flex;justify-content: space-between;align-items: center}
.info_sec03{display: flex;justify-content: space-between;}
.info_sec03 .item .name{min-height: 180px}
.info_sec03 .item .desc {
  min-height: 150px;
}
.info_sec03 .item .link:hover::before{background: url(../images/ic_btn_green.png) center / cover no-repeat;}
.info_sec03 .item .banner:hover{background-color: var(--mcolor);color:#fff}
.info_sec03 .item .banner:hover .txt-small,.info_sec03 .item .banner:hover .txt-big{color:#fff}
.info_sec03 .item .banner:hover::before,.info_sec03 .item .banner:hover::after{filter: brightness(0) invert(1);}

/*SEC04*/
.sec04 .inner{display: flex;justify-content: space-between;padding-right: 0;padding-left: 0;}
.sec04 .inner .box_left{width: 960px;height: 1080px;position: sticky;top: 43px;padding: 129px 50px 50px 140px;overflow: hidden;}
.sec04 .inner .box_right{width: 840px;padding-bottom: 18px;}
.info_sec04 .item:hover{opacity: 0.7}
.info_sec04 .item:hover .info_b::before{background: url(../images/ic-right-white.png) center /cover no-repeat}

/*SEC05*/
.info_sec05{width: calc(100% + 244px);margin-right: -122px;}
.info_sec05 .item{display: flex;justify-content: space-between;align-items: center;}
.info_sec05 .item .box_left{width: 538px;}
.info_sec05 .item .box_right{width: calc(100% - 650px);}
.info_sec05 .item .box_right .img{margin: 2px 0px 0 0;position: relative;right: 11px;}

.info_sec05 .item2 .box_left{width: 702px;}
.info_sec05 .item2 .desc{max-width: 550px}
.info_sec05 .item2 .box_right{width: calc(100% - 750px);}
.info_sec05 .item2 .box_right .img{margin: -26px 0px 0 0;position: relative;right: 37px;text-align: center;}
.info_sec05 .item:hover{opacity: 0.8}


/*SEC06*/

.sec06 .info_ttl .box_right{width:780px;position: relative;top: 11px;}
.info_sec06 .item{display: flex;}
.info_sec06 .box_img{width: 900px}
.info_sec06 .box_info{width: calc(100% - 900px);margin: 72px 0 0 0;}
.info_sec06 .box_info.cls{margin:-42px 0 0 0;}
.info_sec06 .item .box_info .box_name:hover .tt-name .name,.info_sec06 .item .box_info .box_name:hover .view{color:var(--mcolor);}
.info_sec06 .item .box_info .box_name:hover .view::before{background: url(../images/ic_btn_green.png) center / cover no-repeat;}
.info_sec06 .item .box_info .box_info_ct:last-child::before{display: none}
.info_sec06 .item .box_info .box_info_ct:last-child{border-bottom: none}

/*SEC07*/
.info_sec07{display: flex;justify-content: space-between;}
.info_sec07 .box_left{width:658px; }
.info_sec07 .box_right{width: calc(100% - 840px);margin: -24px 0 0 0;}
.info_sec07 .btn a:hover{background-color: var(--blue);}


/*  FOOTER */
.ft_top .box_btn1 .tt-name{top: -4px;}
.ft_top .box_btn2 .item:nth-child(4n+4){margin-right: 0} 
.ft_top .box_btn2 .item:not(.item1):hover{background: #E2FAF9;}


.ft_top2 .info_ft_sec02 .item1{padding: 27px 30px;}
.ft_top2 .info_ft_sec03 .box_left{width: 433px}
.ft_top2 .info_ft_sec03 .box_right{margin: 99px -3px 0 0;}
.link_ft a:hover,.box_address .link-map a:hover{text-decoration: underline;text-underline-offset: 3px}
.box_logo .lang_ft a:hover{background: rgb(226,230,232,30%);font-weight: 400}
.ft_top2 .info_ft_sec02 .item:hover{transform: translateY(-5px);}


/* hover */
.ft_link ul li > a:hover{text-decoration: underline;text-underline-offset: 3px}
.nav_list>li>a:hover{color:var(--mcolor);text-decoration: none;}
.parent:hover .sub,.parent:hover .sub_ver{opacity:1;transform:translate(0,0);visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;}
.ft_bnn li a:hover,
.to_top img:hover{opacity:.8}
.btn a:hover{background-color: var(--mcolor);color:#fff}
.btn a:hover::before{background: #fff;}

.h_contact_mail a:hover{background:#fff}
.h_contact_mail a:hover .txt-contact,.h_contact_mail a:hover .txt-en{color:var(--mcolor);}
.h_contact_mail a:hover::before{background: url(../images/ic_h_mail_green.png) center /cover no-repeat;}



.box_gnavi_right .lang a:hover{font-weight: 400;color:var(--mcolor);background: #E2E6E8;}

body.active .loading{opacity: 1;visibility: visible;pointer-events: all;}
body.active .nav_list>li:not(.active)>.sub_btn,body.active .nav_list>li:not(.active)>a{color:rgb(54,59,64,50%)}

/*CLICK GNAVI*/

.nav_list>li.parent,.nav_list>li.parent>.sub_btn{cursor: pointer;}
.nav_list>li.parent.active>.sub_btn .sub_btn_line::before,.nav_list>li.parent:hover>.sub_btn .sub_btn_line::before{opacity: 1;visibility: visible}

.nav_list>li.parent.active .sub_ver{opacity: 1;visibility: visible}
.nav_list>li>a:hover,.nav_list>li.active>.sub_btn{color:var(--mcolor);}
.nav_list>li.parent.active .sub_btn::before,.nav_list>li.parent:hover .sub_btn::before{opacity: 0}


.box_gnavi_right .btn_h a:hover{background: var(--mcolor);color:#fff}
.box_gnavi_right .btn_h a:hover::before{filter: brightness(0) invert(1);}

.ft_link ul li .link:hover{background: #02857a;border-color: #02857a}

.node:hover .txt .txt-ja{color:var(--mcolor);}
.node:hover .txt .txt-en{color:rgb(0,164,150,60%);}
.dot:hover{background: var(--mcolor);}
.dot:hover::before,.dot:hover::after{transform: translate(-50%, -50%) scale(1);opacity: 1;}

.banner_youtube:hover{opacity: 0.7}

}

@media screen and (min-width: 751px) and (max-width: 1600px){
    .pc1280{display: block;}
    .inner{padding-left: 30px;padding-right: 30px;}
    main{padding-top: 123px;}

    #logo{width: 150px}
    .h_inner{padding: 0 0 0 20px;}
    .box_gnavi{padding:20px 10px;}
    .h_contact_mail a, .h_contact_tel a{width: 110px;height: 110px;}
    .h_contact_mail a{font-size: 12px;}
    .h_contact_mail a::before{width: 25px}
    .h_contact_mail a .txt-en{font-size: 10px}

    .h_contact_tel a::before{width: 25px}
    .h_contact_tel a .txt-tel{/*font-size: 13px;*/font-size: 0.8vw;}
    .h_contact_tel .txt-time{/*font-size: 9px*/font-size: 0.55vw;left: 0;}

    .nav_list>li>a, .nav_list>li>.sub_btn,.nav_list>li:nth-child(4) a,.nav_list>li:nth-child(5) a{margin: 0px 27px 0px 0;font-size: 15px}
    .nav_list>li>.sub_btn::before, .nav_list>li>.sub_btn::after{right: -8px;width: 8px;}

    .box_gnavi_right .lang a{font-size: 14px;width: 30px;height: 30px}
    .box_gnavi_right .lang a:last-child{margin-right: 0}

    .box_gnavi_right{margin: 0px 0 0 15px;}
    .box_gnavi_right .btn_h a{font-size: 13px;padding: 5px 5px 5px 30px;}
    .box_gnavi_right .btn_h a::before{width: 20px;}
    .box_gnavi_right .btn_h.download a::before,.box_gnavi_right .btn_h.cart a::before{left: 7px;}
    .box_gnavi_right .btn_h.download a::before{top: 12px}
    .box_gnavi_right .btn_h.cart a::before{top: 12px;}

    .sub_ver{padding: 45px;width: 1222px;}

    /*TAB GNAVI 1*/

    .info_gnavi_top .item .name-menu,.info_gnavi_top .item_ver3 .txt_big{font-size: 17px}
    .info_gnavi_top .item .name-menu .txt::after{top: 0}
    .info_gnavi_top .item_ver3{width: calc((100% - 90px) / 3);}

    .info_gnavi_top1 .item:not(.item4) .name-menu{padding: 0 0 38px 0;}


     /*TAB GNAVI 2*/
    .info_gnavi_top2 .item .img-menu{margin-bottom: 8px;}
    .info_gnavi_top2 .item .name-menu{padding: 0px 0 19px 0;}
    .info_gnavi_top2 .item8 .name-menu{padding: 0px 0 47px 0;}



    .info_gnavi_top2 .item6 .img-menu{margin-bottom: 35px;}
    .info_gnavi_top2 .item6 .name-menu{padding: 0px 0 40px 0}
    .info_gnavi_top2 .item6 .name-menu{padding: 0 0 45px 0;}

    /*TAB GNAVI 4*/
    .info_gnavi_top4 .item:not(.item11) .name-menu{padding: 0 0 43px 0;}
    .info_gnavi_top4 .item .name-menu{padding: 0 0 13px 0;}
    .nav_list>li.parent>.sub_btn .sub_btn_line::before, .nav_list>li>a .sub_btn_line::before{width: calc(100% + 6px);bottom: -25px;height: 2px;}


    /*MV*/
    .mv{margin: 30px 0 0 0;}
    .group_btn_mv{margin: 20px 0 0 0;}
    .group_btn_mv .item::after{width: 100%}
    .group_btn_mv .item .tt-name{left: 40px;z-index: 3}
    .group_btn_mv .item .tt-num{font-size: 16px}
    .group_btn_mv .item .info{min-height: 145px;padding: 30px;}
    .group_btn_mv .item .info::after{top: 20px;height: 80px;right: 60px;}

    .group_btn_mv .item .info_fix_b_ct::before{height: 100%}

    .group_btn_mv .item .info .tt {padding-right: 30px;}



    /*SEC02*/
    .sec02 .ttl2{margin-bottom: 35px;}
    .sec02 .tt-name{font-size: 25px}

    .reason-item::before{width: 523px}
    .reason-item.item1::before{left: -105px;top: -110px;}
    .reason-item.item2::before{left: -100px;top: -32px;}
    .reason-item.item3::before{right: -100px;top: -70px;}

    .circle-wrap .item1{top: 200px}
    .circle-wrap .item2{top: 350px}

    .content .txt-num{font-size: 40px}
    .content .txt-ja{font-size: 20px}
    .content .txt-en{font-size: 14px}

    /*SEC03*/
    .sec03 .info_ttl{max-width: 1200px}
    .info_sec03 .item .info{padding: 70px 40px;}   
    .info_sec03 .item .banner .txt-small{font-size: 13px;}
    .info_sec03 .item .banner .txt-big{font-size: 18px}

    .info_sec03 .item .desc{min-height: 56px;font-size: 15px;min-height: 142px;}
    .info_sec03 .item .name{font-size: 20px; min-height: 120px;}

    /*SEC04*/
    .sec04 .ttl2 .en{font-size: 45px}
    .sec04 .ttl2 .ja{font-size: 18px}
    .sec04 .ttl2 .ja::before{width: 22px;}
    .sec04 .inner{padding: 0 30px 0 0;width: calc(100% - 30px);margin-left: auto;margin-right: 0;}
    .sec04 .inner::before{right: 0}
    .info_sec04 .item .box_info1, .info_sec04 .item .info_b{padding: 30px;}
    .info_sec04 .item .name{font-size: 22px}

    .sec04 .inner .box_left{width: 50%;padding: 69px 50px 50px 50px;height: 845px;}
    .sec04 .inner .box_right{width: 50%}
    .info_sec04 .item .desc{font-size: 14px;letter-spacing: 0;}

    .node-top{left: 216px;top: 386px;}
    .node-center{left: 474px;top: 246px;}
    .node-bottom{right: 92px;/*top: 468px;*/top: 508px;}
    
    .node .txt .txt-ja{font-size: 16px;}
    .node .txt .txt-en{font-size: 14px}

    .dot1{top: -8px;left: -48px;}
    .dot2{top: -8px;left: -43px;}
    .dot3{top:18px;left: -43px;}



    /*SEC05*/

    .info_sec05{width: calc(100% + 90px);margin-right: -90px;}
    .info_sec05 .item::before{width: 100%;height: 100%;right: 0}
    .info_sec05 .item .box_left{width: 468px;}
    .info_sec05 .item .box_right{width: calc(100% - 580px);}
    .info_sec05 .item .desc{font-size: 14px}

    /*SEC06*/
    .sec06 .info_ttl{padding: 0 30px}
    .info_sec06 .box_img{width: 45%}
    .info_sec06 .item .img{align-items: center;justify-content: center;height: 620px}
    .info_sec06 .item .img img{max-height: 100%;width: 100%;height: 100%;object-fit: cover;}
    .info_sec06 .box_info{width: 55%;}
    .info_sec06 .item .box_info .box_info_ct{padding:50px 30px;}
    .info_sec06 .item .box_info .tt-name .num{font-size: 18px;}
    .info_sec06 .item .box_info .tt-name .name{font-size: 22px}
    .info_sec06 .item .box_info .box_name .view{font-size: 16px}
    .info_sec06 .item .box_info .box_name .view::before{width: 40px;top: 0px;}
   

    .sec07 .inner{width: calc(100% - 60px);}
    .info_sec07{max-width: 1200px}
    .info_sec07 .desc{font-size: 14px}
    .info_sec07 .box_left{width: 55%}
    .info_sec07 .box_right{width: 55%}
    .info_sec07 .box_right{width: calc(100% - 63.4%);}
    .info_sec07 .btn a{width: 100%}


    .ft_link .ul_1,.ft_link .ul_2,.ft_link .ul_3{margin-right: 80px;}
    .ft_link ul li .tt-ft .en{font-size: 35px;margin-right: 20px;}
    .ft_link ul li > a{font-size: 17px;}
    .ft_link ul li .tt-ft .ja{font-size: 13px}

    .ft_top2 .info_ft_sec03{max-width: calc(100% - 100px);}


    .to_top{width: 60px;height: 60px}
    
    .ft_top2 .info_ft_sec02 .item {padding: 21px 20px;}
    .ft_top2 .info_ft_sec02 .item .txt-big {
    font-size: 18px;
}

}
@media screen and (min-width: 751px) and (max-width: 1440px){
    #logo{width: 115px}
    .nav_list>li>a, .nav_list>li>.sub_btn, .nav_list>li:nth-child(4) a, .nav_list>li:nth-child(5) a{margin: 0px 18px 0px 0;font-size: 14px}
    .sub_ver{width: 1100px;}

    .info_gnavi_top .item .name-menu, .info_gnavi_top .item_ver3 .txt_big{font-size: 14px}
    .info_gnavi_top4 .item .name-menu{padding: 0 0 20px 0;}
    .info_gnavi_top2 .item6 .name-menu{padding: 0 0 40px 0;}
    .info_gnavi_top2 .item8 .name-menu{padding: 0px 0 42px 0;}

    /*MV*/
    .group_btn_mv .item .info_top::before{width: 26px;height: 6px;top: 58px;}
    .group_btn_mv .item .tt-name{font-size: 25px;top: 40px;}
    .group_btn_mv .item .tt-name::before{width: 40px;bottom: -60px;}
    .group_btn_mv .item .txt-small{font-size: 12px}
    .group_btn_mv .item .txt-big{font-size: 16px}


     /*SEC03*/
    .info_sec03 .item .info::before{left: 20px;}
    .info_sec03 .item .info{padding: 70px 30px;}
    .info_sec03 .item .name{font-size: 20px}
    .info_sec03 .item .desc{font-size: 14px}
    .info_sec03 .item .banner{padding-left: 85px;}
    .info_sec03 .item .banner::before{top: 34px;left: 14px;width: 55px;}

    /*SEC04*/
    .node-top{left: 200px;}
    .node-center{left: 440px;}
    .node-bottom{right: 64px;}
    
    .ft_link .ul_1,.ft_link .ul_2,.ft_link .ul_3{margin-right: 75px;}
}
@media screen and (min-width: 751px) and (max-width: 1366px){



    #logo{width: 118px}
    .h_inner{padding: 0 0 0 20px;}
    .box_gnavi{padding:20px 10px 20px 15px;}
    .h_contact_mail a, .h_contact_tel a{width: 110px;height: 110px;}
    .h_contact_mail a{font-size: 12px;}
    .h_contact_mail a::before{width: 25px}
    .h_contact_mail a .txt-en{font-size: 10px}

    .h_contact_tel a::before{width: 25px}
    /*.h_contact_tel a .txt-tel{font-size: 13px;}*/
    .h_contact_tel .txt-time{font-size:0.65vw;}

    .nav_list>li>a, .nav_list>li>.sub_btn,.nav_list>li:nth-child(4) a,.nav_list>li:nth-child(5) a{margin: 0px 17px 0px 0;font-size: 14px}
    .nav_list>li>.sub_btn::before, .nav_list>li>.sub_btn::after{right: -8px;width: 8px;}

    .box_gnavi_right .lang a{font-size: 14px;width: 30px;height: 30px}
    .box_gnavi_right .lang a:last-child{margin-right: 0}

    .box_gnavi_right{margin: 0px 0 0 15px;}
    .box_gnavi_right .btn_h a{font-size: 12px;padding: 5px 5px 5px 30px;}
    .box_gnavi_right .btn_h a::before{width: 20px;}
    .box_gnavi_right .btn_h.download a::before,.box_gnavi_right .btn_h.cart a::before{left: 7px;}
    .box_gnavi_right .btn_h.download a::before{top: 12px}
    .box_gnavi_right .btn_h.cart a::before{top: 12px;}

    .sub_ver{width: 1089px;}

    .info_gnavi_top .item{margin: 0 20px 20px 0;}
    /*TAB GNAVI 1*/
    .info_gnavi_top .item .name-menu,.info_gnavi_top .item_ver3 .txt_big{font-size: 14px}
    .info_gnavi_top .item .name-menu .txt::after{top: 0}
    .info_gnavi_top .item_ver3{width: calc((100% - 90px) / 3);}

     /*TAB GNAVI 2*/
    .info_gnavi_top2 .item .img-menu{margin-bottom: 8px;}
    .info_gnavi_top2 .item .name-menu{padding: 0px 0 19px 0;}
    .info_gnavi_top2 .item8 .name-menu{padding: 0px 0 41px 0;}

    .info_gnavi_top2 .item6 .img-menu{margin-bottom: 35px;}
    .info_gnavi_top2 .item6 .name-menu{padding: 0px 0 40px 0}

    /*TAB GNAVI 4*/
    .info_gnavi_top4 .item:not(.item11) .name-menu{padding: 0 0 43px 0;}
    .nav_list>li.parent>.sub_btn .sub_btn_line::before, .nav_list>li>a .sub_btn_line::before{width: calc(100% + 6px);bottom: -25px;height: 2px;}

    /*MV*/
    #index main{padding-top: 100px}
    .mv{margin: 30px 0 0 0;}
    .mv_txt h2{font-size: 40px}
    .mv_txt .txt-b{font-size: 20px}
    .group_btn_mv{margin: 20px 0 0 0;}

    /*SEC02*/
    .sec02{min-height: 900px}
    .circle-wrap .item1{top: 150px}
    .circle-wrap .item2{top: 250px}

    .circle.sm{width: 300px;height: 300px;}
    .circle.md{width: 380px;height: 380px;}
    .circle.lg{width: 550px;height: 550px;}
    .circle.big{width: 750px;height: 750px;}
    .sec02 .desc{font-size: 16px;bottom: -166%;max-width: 510px;}


    /*SEC03*/
    .sec03 .info_ttl{max-width: 1100px}
    .info_sec03 .item .banner{padding-left: 70px;}
    .info_sec03 .item .banner::before{top: 34px;left: 14px;width: 45px;}
    .info_sec03 .item .banner .txt-small{font-size: 12px;}
    .info_sec03 .item .banner .txt-big{font-size: 16px}
    .info_sec03 .item .desc{min-height: 132px}

    /*SEC04*/
    .node-top{left: 194px;}
    .node-center{left: 418px;}
    .node-bottom{right: 47px;}


    .ft_link .ul_1,.ft_link .ul_2,.ft_link .ul_3{margin-right: 75px;}
    .ft_link ul li .tt-ft .en{font-size: 30px;margin-right: 15px;}
    .ft_link ul li > a{font-size: 16px}
        


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

    #logo{width: 110px}
    .nav_list>li>a, .nav_list>li>.sub_btn, .nav_list>li:nth-child(4) a, .nav_list>li:nth-child(5) a{font-size: 12px;}
    .box_gnavi{padding:20px 10px;}
    .sub_ver{width: 1011px;}
    .info_gnavi_top .item .name-menu, .info_gnavi_top .item_ver3 .txt_big{font-size: 13px}
    .info_gnavi_top .item_ver3 .txt_small{font-size: 12px}


    .sec02 .desc{font-size: 14px;max-width: 425px;}

    /*SEC04*/
    .node-top{left: 182px;}
    .node-center{left: 390px;}
    .node-bottom{right: 22px;}
    .dot3{left: -45px;}

    .ft_link .ul_1,.ft_link .ul_2,.ft_link .ul_3{margin-right: 68px;}
    .ft_link ul li .tt-ft .en{font-size: 22px;}
    .ft_link ul li > a{font-size: 16px}
    .ft_top2 .info_ft_sec02 .item .txt-small{font-size: 12px}
    .ft_top2 .info_ft_sec02 .item .txt-big{font-size: 16px}
    
}
@media screen and (min-width: 751px) and (max-width: 1260px){
    .node-top{left: 180px;}
    .node-center{left: 386px;}
    .node-bottom{right: 25px;}
    .dot1{left: -45px;}
    .dot3{left: -40px;}
}
/* screen-min:750px */
@media screen and (max-width: 750px) {
    body.active{overflow: hidden}
    h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd{font-size: 14px}
    img{max-width:100%; height: auto;}
    .swap img{width:auto;}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    .pc{display:none!important}

/* NAV */
nav{position:fixed;top:84px;left:0;width: 100%;height: calc(100vh - 80px);overflow:auto;padding-bottom: 0;z-index:100;display:none;right: 0;margin: 0 auto;}
nav .inner{padding: 0;}
.nav_list{width: calc(100% - 26px);margin: 0 auto;position: relative}
.nav_list::before{position: absolute;content:"";left: -13px;width: calc(100% + 26px);top: 0;background: #F7F7F7;height: 100%;z-index: -1;}
.nav_list ul,
.nav_list li{width:100%;}
.nav_list ul{padding: 0 15px}
.nav_list li{background: #fff;margin-bottom: 5px;border-radius: 5px;padding-bottom: 12px;}
.nav_list .parent .sub ul li{background: #fff;margin-bottom: 3px;padding-bottom: 0;}
.nav_list .parent .sub ul li:not(:last-child){}
.nav_list .sub_btn{padding: 20px 15px 10px;}
.nav_list .sub_btn,
.nav_list a{display:block;font-size: 15px;font-weight: 500;}
.nav_list .sub_btn{position:relative;padding-left: 24px;}
.nav_list .sub_btn::before,
.nav_list .sub_btn::after{content:"";position:absolute;width: 12px;height: 1px;background-color: var(--mcolor);top: calc(50% - 15px);right: 15px;transition: all 0.3s;}
.nav_list .sub_btn.open::before,.nav_list .sub_btn.open::after{background-color: #A3A3A3}
.nav_list .sub_btn::after{transform: rotate(-90deg);}
.nav_list .sub_btn.open::after{transform: rotate(0);}
.nav_list .sub_btn.open{color: var(--mcolor);}
.sub{display:none;padding: 11px 0 0 0}
.sub ul:not(:last-child){margin-bottom:15px}
.sub a{font-size: 13px;padding:10px;border: 1px solid #EBEEF0;border-radius: 5px;position: relative;letter-spacing: 0.025em;}
.sub a::after{position: absolute;content:"";right: 15px;width: 19px;height: auto;background: url(../images/ic_link_sp.png) center /cover no-repeat;top: calc(50% - 9px);aspect-ratio: 1 / 1;}
.hamburger{position:absolute;right: 5px;bottom: 5px;font:inherit;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;width: 50px;height: 50px;background: var(--mcolor);border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.sub .link{padding: 19px 15px 19px 68px;}
.sub .link2{padding: 28px 15px 27px 68px;}
.sub .link::after{background: url(../images/ic_link2_sp.png) center /cover no-repeat;}
.sub .link::before{position: absolute;content:"";left: 15px;top: calc(50% - 15px);aspect-ratio: 39 / 31;background: url(../images/ic_logo_menu_sp.png) center /cover no-repeat;width: 39px;height: auto}
.sub a .txt_small{font-size: 11px;color:#7B7B7B;line-height: 1em;margin-bottom: 6px;font-weight: 400;display: block;}
.sub a .txt_big{font-size: 13px;color:#363B40;line-height: 1em;font-weight: 500;display: block}

.sub a .txt-menu{display: flex;font-size: 11px;letter-spacing: 0.1em;border-radius: 3px;background: #F7F7F7;height: 21px;width: auto;align-items: center;justify-content: center;margin-right:10px;color: #363B40;padding: 0 5px;}
.sub a.link_ver4 .txt-menu{width: 59px}
.sub a.link_ver{display:flex;align-items: center;padding-left: 14px;line-height: 1.3em;}

.hamburger.is_active{background: #EFEFEF}
.hamburger.is_active .hamburger-inner::after,.hamburger.is_active .hamburger-inner::before{background: #A5A5A5}
.hamburger.is_active .hamburger-box{width: 16px;}
.hamburger.is_active .hamburger-inner,.hamburger.is_active .hamburger-inner::after,.hamburger.is_active .hamburger-inner::before{width: 16px}
    li.nav_sp a {
        padding: 10px 0 0 24px;
    }   
/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_box{height:60px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgb(0, 0, 0, 5%);top: 8px;width: calc(100% - 16px);margin: 0 auto;right: 0;left: 0;}
.h_box::before{width: calc(100% + 20px);height: calc(100% + 40px);position: absolute;content:"";top: -10px;left: -10px;background: #F7F7F7;opacity: 0}
.h_box .h_left{width: calc(100% - 55px);}
.h_inner{padding: 0 10px 0 21px;}
.box_gnavi_right .lang a{width: 28px;height: 28px;border-radius: 3px;font-size: 12px;color: #363B40}

header.is_active .h_box{background: #F7F7F7;border-radius: 0;box-shadow: none}
header.is_active .h_box::before{opacity: 1}

.gnavi_sp .box{max-width: calc(100% - 26px);margin: 0 auto;position: relative;z-index: 1;}
.gnavi_sp .box1,.gnavi_sp .box2,.gnavi_sp .box3{max-width: 367px;}
.gnavi_info{position: relative;}
.gnavi_info::before{position: absolute;content:"";left: 0;width:100%;top: -20px;background: #F7F7F7;height: calc(100% + 55px);z-index: -1;}
.item_recruit{position: relative;border-radius: 5px;overflow: hidden;padding-left: 37px;}
.item_recruit .info_recruit{display: flex;align-items: center;height: 120px;padding: 3px 0 0 0px;}
.item_recruit .info_recruit::before{position: absolute;content:"";right: 10px;top: 10px;aspect-ratio: 1 / 1;width: 26px;background: url(../images/ic_recruit.png) center /cover no-repeat}
.item_recruit::before,.item_recruit::after{position: absolute;content:"";left: 0;top: 0;width: 100%;height:100%}
.item_recruit::before{background: url(../images/bg_recruit.jpg) center /cover no-repeat;z-index: -2}
.item_recruit::after{background:rgb(54,59,64,86%) ;z-index: -1}
.item_recruit .tt-en,.item_recruit .tt-ja{color:#fff;margin-bottom: 0}
.item_recruit .tt-en{font-size: 25px;font-family:var(--font-Outfit);letter-spacing: 0.075em;line-height: 1.28em;text-transform: uppercase;}
.item_recruit .tt-ja{font-size: 13px;letter-spacing: 0.1em}

.gnavi_sp .box1{margin: 20px auto 35px auto;}
.gnavi_sp .box1 .box_gnavi_right{flex-direction: column;margin: 0 auto;}
.gnavi_sp .box1 .box_gnavi_right .btn_h{margin: 0px 0 5px 0;width: 100%;} 
.gnavi_sp .box1 .box_gnavi_right .btn_h a{background: #F0F0F0;border-radius: 5px;display: flex;height: 55px;align-items: center;}
.gnavi_sp .box1 .box_gnavi_right .btn_h a::before{top: 15px} 

.gnavi_sp .box3{margin: 36px auto 33px auto;padding: 0 10px;}
.gnavi_sp .box3 .tt-gnavi{font-size: 15px;position: relative;letter-spacing: 0.025em;font-weight: 500;padding-bottom: 9px;margin-bottom: 10px;}
.gnavi_sp .box3 .tt-gnavi::before,.gnavi_sp .box3 .tt-gnavi::after{position: absolute;content:"";bottom: 0;height: 1px;left: 0}
.gnavi_sp .box3 .tt-gnavi::before{width: 100%;background: #E2E2E2}
.gnavi_sp .box3 .tt-gnavi::after{width: 50px;background: var(--mcolor);}
.gnavi_sp .box3 .item{position: relative;padding: 18px 0 19px;}
.gnavi_sp .box3 .item:last-child{margin-bottom:0}
.gnavi_sp .box3 .item .info{position: relative;padding-left: 50px}
.gnavi_sp .box3 .item .info::before,.gnavi_sp .box3 .item .info::after{position: absolute;content: "";height: auto}
.gnavi_sp .box3 .item .info::before{left: 0;top: calc(50% - 15px);aspect-ratio: 39 / 31;background: url(../images/ic_logo_menu_sp.png) center / cover no-repeat;width: 39px;}
.gnavi_sp .box3 .item .info::after{right: 0px;width: 19px;background: url(../images/ic_link2_sp.png) center / cover no-repeat;top: calc(50% - 9px);aspect-ratio: 1 / 1;}
.gnavi_sp .box3 .item .tt-small{font-size: 11px;letter-spacing: 0;color: #7B7B7B;line-height: 1em;margin-bottom: 6px;}
.gnavi_sp .box3 .item .tt-big{font-size: 13px;color:#363B40;line-height: 1em;font-weight: 500}

.gnavi_sp .box4{position: relative;padding: 55px 0;}
.gnavi_sp .box4::before{position: absolute;content: "";left: -13px;width: calc(100% + 26px);top: 0;background: rgba(0,0,0,.27);backdrop-filter: blur(10px) brightness(1);webkit-backdrop-filter: blur(10px) brightness(1);height: 100%;z-index: -1;}
.gnavi_sp .box4 .ttl3{margin-bottom: 40px}
.gnavi_sp .box4 .ttl3 span{display: block;text-align: center}
.gnavi_sp .box4 .ttl3 .tt-en{color:#fff;font-size: 37px;letter-spacing: 0.075em;line-height: 1.27em;font-family: var(--font-Outfit);margin-bottom: 7px;}
.gnavi_sp .box4 .ttl3 .tt-ja{color:#fff;font-size: 13px;letter-spacing: 0.025em;line-height: 1.27em;font-weight: 500}
.gnavi_sp .box4 .item{display: flex;align-items: center;position: relative;height: 100px;overflow: hidden;border-radius: 5px;background: #fff;max-width: 367px;margin: 0 auto 5px auto;}
.gnavi_sp .box4 .item::after{position: absolute;content:"";top: 21px;right: 22px;height: auto}
.gnavi_sp .box4 .item1::after{width: 59px;background: url(../images/ic-tel-sp.png) center /cover no-repeat;aspect-ratio: 1 / 1}
.gnavi_sp .box4 .item2::after{width: 66px;background: url(../images/ic-email-sp.png) center /cover no-repeat;aspect-ratio: 3 / 2;}
.gnavi_sp .box4 .item1{background: #E2FAF9}
.gnavi_sp .box4 .item .info{padding: 0px 0 0 30px;}
.gnavi_sp .box4 .item .tt-tel{color:var(--mcolor);font-family: var(--font-Outfit);font-size: 19px;line-height: 1.2em;margin-bottom: 4px;font-weight: 500}
.gnavi_sp .box4 .item .tt-time{color:#7B7B7B;font-size: 11px;line-height: 1.2em;margin-bottom: 0;letter-spacing: 0.075em;font-weight: 500;}
.gnavi_sp .box4 .item .tt-en{color:rgb(0,164,150,50%);font-size: 11px;line-height: 1.2em;margin-bottom: 8px;letter-spacing: 0.075em;font-family: var(--font-Outfit);text-transform: uppercase;}
.gnavi_sp .box4 .item .tt-ja{color:var(--mcolor);line-height: 1.2em;margin-bottom: 0;font-weight: 500;font-size: 16px;}


/*============ Main ============*/
main{padding-top: 60px;}
.box_gnavi{box-shadow: none;background: none;padding: 0;justify-content: space-between;}
/* MAIN VISUAL */
.mv{margin: 67px 0 0 0;}
.mv_txt h2{font-size: 23px;padding-bottom: 10px;margin-bottom: 4px;}
.mv_txt h2::before{bottom: 1px}
.mv_txt h2 .txt-blue::before{bottom: -34px;}
.mv_txt h2::after{width: 135px;left: 112px;}
.mv_txt h2 .title_mask{padding-left: 20px;padding-bottom: 0}
.mv_txt .txt-b{font-size: 14px;padding-left: 15px;}
.group_btn_mv{flex-direction: column;margin: 41px auto 0 auto;max-width: calc(100% - 30px);}
.group_btn_mv .item{width: 100%;margin: 0px 0 20px 0;}
.group_btn_mv .item .tt-num{display: none}
.group_btn_mv .item .info_top::before{width: 15px;height: 6px;top: 30px;}
.group_btn_mv .item .tt-name{font-size: 15px;font-weight: 600;top: 20px;left: 28px;display: block;width: calc(100% - 40px);z-index: 3;}
.group_btn_mv .item .tt-name::before{bottom: initial;top: -8px;right: 0;left: initial;width: 30px;background: url(../images/ic_btn_sp.png) center / cover no-repeat;}
.group_btn_mv .item .info{padding: 0 18px 1px 18px;height: 60px;min-height: auto;}
.group_btn_mv .item .info::after{height: 40px;top: 10px;right: 49px;}
.group_btn_mv .item .info .tt{margin-bottom: 0;padding-left: 50px;}
.group_btn_mv .item .txt-small{font-size: 9px;letter-spacing: 0;margin-bottom: -1px;}
.group_btn_mv .item .txt-big{font-size: 12px;font-weight: 400;line-height: 1.2em;margin: 3px 0 0 0;}
.group_btn_mv .item .info .tt::before{width: 39px;background: url(../images/ic_logo_sp.png) center / cover no-repeat;aspect-ratio: 39 / 31;top: 0px;}
.group_btn_mv .item2 .info .tt::before{top: -8px}
.group_btn_mv .item .info .tt::after{width: 9px;background: url(../images/ic_link_white_sp.png) center / cover no-repeat;right: 2px;top: 11px;}
.group_btn_mv .item::after{width: 100%;aspect-ratio: 121 / 30;}
.group_btn_mv .item2 .info .tt::after{top: 3px;}
.group_btn_mv .item1::after{background: url(../images/bg_btn_1_sp.png) center / cover no-repeat;}
.group_btn_mv .item2::after{background: url(../images/bg_btn_2_sp.png) center / cover no-repeat;}
.group_btn_mv .item3::after{background: url(../images/bg_btn_3_sp.png) center / cover no-repeat;}

/* sec01 */
.sec01{padding:65px 0 67px;}
.sec01 .ttl{margin-bottom: 29px}
.sec01 .info_sec01{padding: 0 2px 0 10px;}
.list-news{margin-bottom: 43px;}
.list-news li{height: 84px;padding: 5px 19px;margin-bottom: 3px;}
.list-news li::before{right: -40px;}
.list-news li .name{font-size: 12px;line-height: 1.66em;}
.list-news li .name .txt{-webkit-line-clamp: 2;}
.list-news li .info .date,.list-news li .info .cate{font-size: 11px;}
.list-news li .info .date{letter-spacing: 0.025em;color: #898F95;margin-bottom: 13px;}
.list-news li .info .date::before{width:100%;bottom: -6px;}
.list-news li .info .cate{margin: 0;}
.list-news li .info{min-width: 67px;margin: 0 22px 0 0;}
.tt-view a{font-size: 13px;}
.tt-view a::before{background: url(../images/ic_sec01_sp.png) center / cover no-repeat;width: 34px;top: 0px;}
.tt-view a::after{top: -13px;}

/* sec02 */
.sec02{padding: 70px 0 50px;}
.sec02 .ttl2{margin-bottom: 35px;}
.sec02 .ttl2 .ja::before{background: url(../images/u_title_white_sp.png) center / cover no-repeat;}
.sec02 .tt-name{font-size: 20px;line-height:1.78em}
.sec02 .desc{font-size: 13px;bottom: -39%;line-height: 2.3em;padding: 0 15px;right: 0;left: 0;margin: 0 auto;max-width: 100%}

.reason-sec{min-height: 500px;}
.circle-wrap .item1{top: 145px;left: initial;right: 90px;}
.circle-wrap .item2{left: -55px;top: 244px;}
.circle-wrap .item3{bottom: -157px;top: initial;right: 0px;}
.circle-wrap .item3 .circle.sm::after{border: none}

.reason-item::before{width: 523px}
.reason-item.item1::before{top: -82px;left: initial;right: -105px}
.reason-item.item2::before{top: -82px;left: -98px}
.reason-item.item3::before{top: -82px;right: -98px}

.circle.sm{width: 238px;height: 238px}
.circle.md{width: 280px;height: 280px}
.circle.lg{width: 402px;height: 402px;}
.circle.big{width: 566px;height: 566px}

.content .txt-num{font-size: 30px;top: -6px;}
.content .txt-ja{font-size: 15px;}
.content .txt-en{font-size: 9px}


/* sec03 */
.sec03{padding:70px 0 0}
.sec03 .info_ttl{margin-bottom: 50px;padding: 0 10px;}
.info_sec03{margin-bottom: 20px}
.info_sec03 .item{padding-bottom: 15px;border-bottom: 1px solid #F4F4F4;width: 100%;}
.info_sec03 .item:last-child{border-bottom: none;}
.info_sec03 .item .link::before{width: 34px;background: url(../images/ic_sec03_sp.png) center / cover no-repeat;top: 0px;right: 0}
.info_sec03 .item .info{padding: 39px 35px 35px 35px;border-right: none}
.info_sec03 .item .info::before{width: 30px;height: 4px;left: 13px;}
.info_sec03 .item .name{font-size: 18px;margin-bottom: 10px;}
.info_sec03 .item .desc{font-size: 13px;margin-bottom: 20px;min-height:inherit;}
.info_sec03 .item .banner{height: 75px;padding: 1px 0 0 76px;max-width: 293px;width: 100%;margin: 0 auto}
.info_sec03 .item .banner::before{background: url(../images/ic_logo_banner_sp.png) center / cover no-repeat;width: 43px;aspect-ratio: 43 / 34;left: 20px;top: 20px;}
.info_sec03 .item .banner::after{width: 9px;top: calc(50% - 3px);right: 20px;background: url(../images/ic_link12_sp.png) center / cover no-repeat;}
.info_sec03 .item .banner .txt-small{font-size: 9px;margin-bottom: 1px;}
.info_sec03 .item .banner .txt-big{font-size: 12px;margin: 2px 0 0 0;}
.info_sec03 .item .img{width: calc(100% - 30px);margin: 0 auto;text-align: center;}
.sec03 .btn a{width: 343px;margin: 0 auto}


/* sec04 */
.sec04{padding: 60px 0}
.sec04 .ttl2{position: absolute;left: 20px;top: 60px}
.sec04 .inner{background: none;padding-right: 0;}
.sec04 .box_left,.sec04 .box_right{background: #fff;padding-left: 10px;}
.sec04 .box_right{margin: -3px 0 0 0;padding-bottom: 40px;}
.sec04 .box_left{padding: 0;position: relative;}
.info_sec04 .item .info{margin: -200px 0 0 0;}
.info_sec04 .item .info::before{background: url(../images/bg_item_sec04_before_sp.svg) center / cover no-repeat;aspect-ratio: 353 / 376}
.info_sec04 .item .info::after{    background: url(../images/bg_item_sec04_after_sp.svg) center / cover no-repeat;bottom: 0;aspect-ratio: 353 / 355;}
.info_sec04 .item .box_info1{padding: 22px 25px;min-height: 240px;}
 .info_sec04 .item .info_b{padding: 14px 30px;}
.info_sec04 .item .num{font-size: 12px;margin-bottom: 2px;}
.info_sec04 .item .name{font-size: 16px;line-height: 1.625em;margin-bottom: 13px;min-height: 50px;}
.info_sec04 .item .desc{font-size: 12px;line-height: 1.8em}
.info_sec04 .item .info_b .view{font-size: 12px}
.info_sec04 .item .info_b::before{width: 34px;background: url(../images/ic_btn_white_sp.png) center / cover no-repeat;top: 10px;right: 10px;}

.svg{position: relative;height: 440px;}
.node-center{top: 237px;right: 195px;left: initial;}
.node-top{top: 280px;left: 80px;}
.node-bottom{top: initial;bottom: 42px;right: 207px;}

.dot{width: 7px;height: 7px}
.dot1,.dot2,.dot3{top: -5px;left: -14px;}
.dot.active{width: 6px;height: 6px}
.dot::before{width: 12px;height: 12px;}
.dot::after{width: 22px;height: 22px}

.node .txt .txt-ja{font-size: 14px;margin-bottom: 6px;}
.node .txt .txt-en{font-size: 8px}

.info_sec04{visibility: hidden;height: 407px}
.info_sec04.slick-initialized{visibility: visible;height: auto}
.info_sec04 .item{margin: 0 2.5px;max-width: 353px;}
.info_sec04 .slick-prev,.info_sec04 .slick-next{z-index: 2}
.info_sec04 .slick-prev{left: -2px;}
.info_sec04 .slick-next{right: 20px;}
.info_sec04 .slick-prev::before,.info_sec04 .slick-next::before{font-size: 24px;opacity: 1;color: var(--mcolor);}
.text-sp{position: absolute;bottom: 8px;left: 0;right: 0;margin: 0 auto;text-align: center;font-size: 12px;}


/* sec05 */
.sec05{padding: 142px 0 24px;margin: -142px 0 0 0;}
.sec05::before{background: url(../images/bg_sec05_sp.jpg) center / cover no-repeat;height: auto;min-height: calc(100% - 90px);width: 100%;left: 0;}
.sec05 .ttl2{margin-bottom: 35px}
.sec05 .ttl2 .ja{line-height: 1.769em;margin: 3px 0 0 0;}
.sec05 .desc{font-size: 13px;line-height: 1.92em;margin-bottom: 56px;}

.info_sec05{margin: 0 -15px 0 0}
.info_sec05 .item{padding: 40px 30px 34px 30px;height: auto;margin-bottom: 3px;transition: none;}
.info_sec05 .item::before{width: 100%;height: 100%;right: 0}
.info_sec05 .item1::before{background: url(../images/bg_sec05_item1_sp.jpg) center / cover no-repeat;}
.info_sec05 .item2::before{background: url(../images/bg_sec05_item2_sp.jpg) center / cover no-repeat;}
.info_sec05 .item1 .box_left .img{max-width:200px;margin-bottom: 24px;}
.info_sec05 .item1 .box_right .img{padding: 0 10px;margin: 0 auto}
.info_sec05 .item .box_right .img{text-align: center;max-width: 353px}
.info_sec05 .item2 .box_right .img{max-width: 320px}
.info_sec05 .item .desc{font-size: 12px;margin-bottom: 13px;}

.info_sec05 .item2 .box_left .img{max-width:286px;margin-bottom: 24px;}
.info_sec05 .item2 .box_right .img{padding: 0 10px;margin: 0 auto}

/* sec06 */
.sec06{padding: 33px 0 0px;margin-bottom: 40px;}
.sec06 .info_ttl{padding: 0 25px;margin: 0 auto 48px auto;}
.sec06 .ttl2{margin-bottom: 35px}
.sec06 .info_ttl .box_right .desc{font-size: 13px;line-height: 1.92em}
.info_sec06 .item .box_img{margin-bottom: 10px}
.info_sec06 .item .box_info .box_info_ct{padding:34px 15px;border-bottom: 1px solid #BCBCBC;transition: 0.3s all ease;}
.info_sec06 .item .box_info .tt-name .num,.info_sec06 .item .box_info .box_name .view{font-size: 13px;}
.info_sec06 .item .box_info .tt-name{width: calc(100% - 130px);}
.info_sec06 .item .box_info .box_info3 .view{position: relative;top: 0}
.info_sec06 .item .box_info .tt-name .num::before{height: 25px;right: -13px;top: -4px;}
.info_sec06 .item .box_info .tt-name .name{font-size: 18px;margin: -1px 0 0 28px;}
.info_sec06 .item .box_info .box_desc{padding: 28px 12px;transition: none;}
.info_sec06 .item .box_info .box_desc::before{width: 50px;height: 4px;left: 12px;}
.info_sec06 .item .box_info .box_desc .desc{font-size: 12px;line-height: 1.91em;}
.info_sec06 .item .box_info .box_name .view{padding: 2px 43px 0 0;width: 130px;text-align: right;letter-spacing: 0.05em;}
.info_sec06 .item .box_info .box_name .full_hover{height: calc(100% + 20px);top: -10px;}
.info_sec06 .item .box_info .box_name .view::before{background: url(../images/ic_sec06_sp.png) center / cover no-repeat;width: 34px}
.info_sec06 .item .box_info .box_info_ct.cls .box_info .box_desc::before{opacity: 0}
.info_sec06 .item .box_info .box_info_ct::before,.info_sec06 .item .box_info .box_desc .line_desc::before{display:none}
.info_sec06 .item .box_info .box_info_ct.cls{border-bottom: none}
.info_sec06 .item .box_info .cls_hover_sp{display: flex}
.info_sec06 .item .box_info .cls_hover_pc{display: none}

/* sec07 */
.sec07{width: calc(100% - 30px);margin: 0 auto;padding: 0px 0 50px 0;}
.sec07 .inner::before{background: url(../images/bg_sec07_sp.jpg) center / cover no-repeat;}
.info_sec07{padding: 90px 15px;}
.info_sec07 .ttl2{margin-bottom: 41px;}
.info_sec07 .name{font-size: 20px;margin-bottom: 26px;}
.info_sec07 .desc{font-size: 13px}
.info_sec07 .txt-desc{margin-bottom: 0px;line-height: 1.6em}
.info_sec07 .box_right{margin: 31px 0 0 0}
.info_sec07 .box_right .btn a{background: url(../images/ic_link_sp2.png) no-repeat right 10px top 12px / 11px var(--mcolor);width: 293px;height: 70px;}
.info_sec07 .btn a::before{width: 8px;height: 8px}

/* sec08 */

.btn a{height: 64px;width: 290px;font-size: 13px;padding-left: 25px;background: url(../images/ic-right-sp.png) no-repeat right 16px center / 34px var(--scolor);}
.btn a::before{width: 8px;height: 8px}
.ttl .en{font-size: 12px;padding-left: 22px;}
.ttl .en::before{width: 16px;background: url(../images/u_title_sp.png) center / cover no-repeat;}
.ttl .ja{font-size: 20px;margin: 10px 0 0 0;}

.ttl2 .en{font-size: 45px}
.ttl2 .ja{font-size: 13px;padding-left: 22px;margin: 5px 0 0 0;}
.ttl2 .ja::before{width: 16px;top: 2px;}

/*============ FOOTER ============*/
footer{margin-bottom: 50px;}
footer::after{width: 100%;height: 100%;background: none}
.ft_top{padding: 50px 0 0 0;}
.ft_top .box_btn1{margin-bottom: 1px}
.ft_top .box_btn1 .item{padding: 36px 30px 31px 25px;}
.ft_top .box_btn1 .tt-info{font-size: 12px;line-height: 1.66em;font-weight: 500;padding-bottom: 3px;}
.ft_top .box_btn1 .txt-en{font-size: 10px;margin-bottom: 2px;}
.ft_top .box_btn1 .txt-ja{font-size: 15px;}



.ft_top .box_btn2{flex-wrap: wrap;}
.ft_top .box_btn2 .item{width: calc((100% - 1px) / 2);margin: 0 1px 1px 0;padding: 20px 20px 18px 20px;height: 110px;}
.ft_top .box_btn2 .item::after{background: url(../images/ic_btn_ft_sp.png) center / cover no-repeat;width: 30px;top: 7px;right: 7px}
.ft_top .box_btn2 .item:nth-child(2n+2){margin-right: 0}
.ft_top .box_btn2 .item .tt-tel{font-size: 15px;}
.ft_top .box_btn2 .item .tt-time{font-size: 10px;}
.ft_top .box_btn2 .item .tt-en{font-size: 9px}
.ft_top .box_btn2 .item .tt-ja{font-size: 13px}
.ft_top .box_btn2 .item::before{width: 70px;right: 18px;top: 7px;}
.ft_top .box_btn2 .item1::before {background: url(../images/ic-tel-sp2.png) center / cover no-repeat;width: 73px}
.ft_top .box_btn2 .item2::before{background: url(../images/ic-email-sp2.png) center / cover no-repeat;width: 61px;aspect-ratio: 61 / 41;top: 18px;right: 19px;}
.ft_top .box_btn2 .item3::before{background: url(../images/ic-down-sp.png) center / cover no-repeat;width: 60px;aspect-ratio: 30 / 23;top: 18px;right: 22px;}
.ft_top .box_btn2 .item4::before{background: url(../images/ic-cart-sp.png) center / cover no-repeat;width: 60px;top: 12px;right: 23px;}

.ft_top2{margin: 49px 0 0 0;padding: 60px 0 0;}
.ft_top2 .box_ft_banner{position: relative;margin-bottom: 45px;}
.ft_top2 .box_ft_banner::after{width: calc(100% + 30px);height: 830px;background: url(../images/bg_ft_sp.jpg) center / cover no-repeat;opacity: 0.15;position: absolute;content:"";left: -15px;bottom: 0;z-index: -2;}
.ft_top2 .info_ft_sec02{flex-direction: column}
.ft_top2 .info_ft_sec02 .item{width: 100%;margin-bottom: 5px;padding: 15px 25px;height: 80px;align-items: center;}

.ft_top2 .info_ft_sec02 .item:not(.item1){padding-left: 84px}
.ft_top2 .info_ft_sec02 .item .txt-small{font-size: 11px;letter-spacing: 0;}
.ft_top2 .info_ft_sec02 .item .txt-big{font-size: 13px}
.ft_top2 .info_ft_sec02 .item:not(.item1)::before{width: 45px;left: 20px;background: url(../images/ic_logo_ft_sp.png) center / cover no-repeat;aspect-ratio: 9 / 7;top: 23px;}
.ft_top2 .info_ft_sec02 .item::after{background: url(../images/ic_link_white_sp2.png) center / cover no-repeat;width: 11px;top: 13px;right: 13px;}

.ft_top2 .info_ft_sec02 .item.item3::before{top: 23px}

.ft_top2 .info_ft_sec02 .item1 .txt-small{font-size: 10px;}
.ft_top2 .info_ft_sec02 .item1 .txt-big{font-size: 15px}

.ft_top2 .box_ft_info{width: calc(100% + 10px);left: -5px}
.ft_top2 .info_ft_sec03{padding: 60px 30px;flex-direction: column;max-width: 373px;}
.ft_top2 .info_ft_sec03 .box_right{padding: 47px 0 0 0;}
.box_logo .lang_ft a{font-size: 12px;width: 28px;height: 28px;border-radius: 3px}
.ft_top2 .box_ft_info::before{background: url(../images/bg_ft_map_sp.png) center / cover no-repeat;width: 100%;aspect-ratio: 373 / 231;right: 0;bottom: -50px;left: 0;margin: 0 auto;}
.box_address{max-width: 306px}
.box_address .tt-ft{font-size: 14px;padding-bottom: 10px;margin-bottom: 15px;}
.box_address .txt-ft, .box_address .txt-ft a{font-size: 12px}
.box_address .txt-ft{margin-bottom: 5px;}
.box_address .link-map{margin-bottom: 9px;}
.box_address .link-map a .txt{padding-right: 32px;}
.box_address .link-map a .txt::before{background: url(../images/ic_map_sp.png) center / cover no-repeat;width: 23px;bottom: calc(50% - 11px);}

.box_logo{justify-content: normal;margin-bottom: 46px;}
.box_logo .lang_ft{margin: 8px -14px 0 20px;}
.link_ft{text-align: left;margin-bottom: 12px;}
.link_ft a{font-size: 13px;}
.link_ft a:not(:last-child)::before{height: 14px;top: 3px;}
address{font-size: 11px;text-align: left}
.banner_youtube{max-width: 230px;margin: 20px 0 0 0;}

/* sp contact */
.sp_contact{display:flex;justify-content:center;align-items:center;width:100%;height:60px;position:fixed;left:0;z-index:99; bottom:-65px;transition: all 0.3s;box-shadow: 0 0 10px rgb(0, 0, 0, 5%);}
.sp_contact.show{bottom: 0;}
.sp_contact li{width:50%;height:100%;}
.sp_contact li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight: 500;letter-spacing: 0.025em;padding: 1px 0 0 0px;}
.sp_contact li a .ic{position:relative;padding-left:35px}
.sp_contact_tel a .txt-tel,.sp_contact_tel a .txt-time,.sp_contact_mail a .txt-en,.sp_contact_mail a .txt-ja{display: block;line-height: 1.2em}
.sp_contact_tel a .txt-tel{margin-bottom: 2px;font-size: 16px;font-family: var(--font-Outfit);letter-spacing: 0;font-weight: 400;color: var(--mcolor);}
.sp_contact_tel a .txt-time{font-size: 10px;font-weight: 500;color:rgb(0,164,150,70%);letter-spacing: 0.075em}
.sp_contact_tel a .ic::before,.sp_contact_mail a .ic::before{content:"";position:absolute;height:auto;left:0;width: 25px;top:calc(50% - 12px);}
.sp_contact_tel{background-color:#fff}
.sp_contact_tel a .ic::before{background:url(../images/ic_h_tel_wh.png) center /cover no-repeat;aspect-ratio: 1 / 1}
.sp_contact_mail{background-color:var(--mcolor)}
.sp_contact_mail a .txt-ja{margin-bottom: 5px;font-weight: 500;}
.sp_contact_mail a .txt-en{font-size: 10px;text-transform: uppercase;color:rgb(255,255,255,70%);font-family: var(--font-Outfit);}
.sp_contact_mail a .ic::before{background:url(../images/ic_h_mail_sp.png) center /cover no-repeat;aspect-ratio: 25 / 16;top: calc(50% - 8px);}

/* to top */
.to_top{width:40px;height:40px;right:10px;bottom: 70px;}
.to_top a img{bottom:0;position:absolute}
.to_top::before{width:10px;height:10px;left:10px;top:10px}
.to_top::after{width:10px;height:10px;left:10px;top:20px}
/*============ END 750 ============ */
.f_big{font-size: 120%}
}

@media screen and (max-width: 640px) {
    .node-top{left: 68px}
    .node-center{right: 151px;}
    .node-bottom{right: 145px;}
}

/* screen-max:460px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
    .gnavi_sp .box1, .gnavi_sp .box2, .gnavi_sp .box3{width: calc(100% - 26px);}

    .ttl2 .en{font-size: 30px}

    .circle-wrap .item1{/*left: 135px;*/left: 100px;}

    .node-top{left: 11vw;top: 280px;}
    .node-center{right: 16vw;top: 238px;}
    .node-bottom{right: 7.1vw;}
    .sec02 .desc{bottom: -54%}

    .info_sec05 .item2 .box_right .img{max-width: 200px;}

    .info_sec06 .item .box_info .box_info3 .view{top: 12px}
}
@media screen and (max-width: 425px) {
    .node-center {right: 12vw;}
    .node-bottom{right: 1.2vw;}

    
}
@media screen and (max-width: 393px) {
    .node-center {right: 8vw;top: 195px;}
    .node-bottom{right: 13vw;}
}
@media screen and (max-width: 390px) {
    .sub a,.sub a .txt_big{font-size: 3.4vw}
    .sub a .txt_small{font-size: 3vw}

    .sec03 .btn a{width: calc(100% - 30px);}

    .node-top{left: 12vw;top: 280px;}
    .node-center{right: 13vw;top: 237px;}
    .node-bottom{right: 0.2vw;}

    .info_sec05 .item{padding: 40px 20px 34px 25px;}

    .ft_top2 .info_ft_sec03{padding: 58px 15px;max-width: 336px;}
    .ft_top .box_btn2 .item{padding: 20px 10px}

    .ft_top2 .box_ft_info::before{bottom: -40px}
}
@media screen and (max-width: 375px) {
    .node-center{right: 12.2vw;top: 238px;}
    .node-bottom{right: 1.8vw;}
    .info_sec04 .item{max-width: 335px}
    .info_sec04 .item .info::after{aspect-ratio: 353 / 370;}

    .node .txt .txt-ja{font-size: 3.5vw}

    .text-sp{font-size:3.5vw}

}
/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .info_sec03 .item .info{padding: 39px 20px 36px 20px}
    .node-center{right: 11vw;}
    .node-bottom{right: 2vw;bottom: 38px;}

    .ttl2 .en{font-size: 25px}
    .info_sec04 .item{max-width: 320px}
    .info_sec04 .item .info::after{aspect-ratio: 353 / 415;}

    .info_sec06 .item .box_info .tt-name .name{font-size: 16px}
    .info_sec07{padding: 90px 0}
    .info_sec07 .box_right .btn a{width: 100%}

}
/* screen-max: 320px */
@media screen and (max-width: 320px) {
    .sub a,.sub a .txt_big{font-size: 3.2vw}

    .sub .link{padding-left: 50px}
    .sub .link::before{width: 30px;left: 10px;top: calc(50% - 12px);}

    .mv_txt h2{font-size: 6.5vw;}
    .mv_txt h2 .title_mask{padding-left: 15px;}
    .mv_txt .txt-b{font-size:3.5vw;padding-left: 0}

    .group_btn_mv .item .info{height: 50px}
    .group_btn_mv .item .info::after{height: 30px;}
    .group_btn_mv .item .tt-name{top: 10px}
    .group_btn_mv .item .tt-name::before{top: 0}
    .group_btn_mv .item .info_top::before{top: 20px}

    .circle-wrap .item1{left: initial;right: -90px;}

    .info_sec03 .item .banner::before{width: 30px;left: 10px;top: 27px;}
    .info_sec03 .item .banner{padding: 1px 0 0 48px;}

    .node-center{right: 8vw;}
    .node-bottom{right: 0.8vw;bottom: 45px;}
    .info_sec04 .item{max-width: 285px}

    .info_sec04 .item .box_info1{padding: 20px 15px 10px 15px}
    .info_sec04 .item .info::after{aspect-ratio: 353 / 385;}
    .info_sec04 .item .info_b{padding:5px 30px;}
    .info_sec04 .item .name{font-size: 4.2vw;margin-bottom: 5px;}
    .info_sec04 .item .info_b::before{width: 25px;top: 5px}
    .info_sec04 .slick-next,.info_sec04 .slick-prev{top: 46%}
    .info_sec04 .slick-prev{left: 2px}

    .info_sec06 .item .box_info .tt-name .num, .info_sec06 .item .box_info .box_name .view{font-size: 12px}
    .info_sec06 .item .box_info .tt-name .name{font-size: 14px}
    .info_sec06 .item .box_info .box_info3 .view{top: 6px}


    .ft_top .box_btn1 .item{padding: 36px 15px;}
    .ft_top .box_btn2 .item{padding: 10px 5px;}
    .ft_top .box_btn2 .item .tt-ja{font-size: 3.8vw}

    .ft_top2 .info_ft_sec02 .item:not(.item1){padding-left: 60px;}
    .ft_top2 .info_ft_sec02 .item:not(.item1)::before{width: 35px;left: 15px;}
    .box_address .txt-ft, .box_address .txt-ft a,address{font-size: 3.25vw}
    .ft_top2 .box_ft_info::before{bottom: -10px}

    .ttl2 .en{font-size: 35px}
    .ttl2 .ja{font-size: 12px}

    .f_big{font-size: 110%}
}