@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap');
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 160%;
-webkit-text-size-adjust: none;
font-weight: 400;
}
html:focus-within {scroll-behavior: smooth;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
*,
::before,
::after{box-sizing:border-box;outline: none;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
iframe{width: 100%;height: 100%;border:none;outline:none;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font-main);}
select,
input,
textarea{font-family: var(--font-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.5;}
p,
dd,
dt,
li,
th,
td,
address{line-height: 2em;letter-spacing: 0.05em;}
p {margin: 0 0 1.5em;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.red{color: var(--red);}
.txt_line{text-decoration: underline;}
.m0a{display: block;margin: 0 auto;}
.f_big{font-size: 150%;}
.f_medium{font-size: 120%;}
.f_sm{font-size: 80%;}
.c_blue{color:var(--blue2);}
:root {
  --font-main: "Noto Sans JP", sans-serif;
  --txt: #202122;    
  --body:#F5F6F7; 
  --mcolor: #00A496;
  --scolor: #E6EAED; 
  --site_size: 1450px;
  --font-NotoSanJP:"Noto Sans JP", sans-serif;
  --font-Outfit:"Outfit", sans-serif;
  --border:#EBEBEB;
  --gray: #e9e9e9;
  --blue: #2B74BE;
  --blue2: #32b99f;
  --red: red;

}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto;max-width: 1920px;background: var(--body);}
.inner{width: var(--site_size);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}
.loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);z-index: 8;pointer-events: none;transition: .3s ease-in-out;opacity: 0;visibility: hidden;}
/*==========================================================
                       H E A D E R  
==========================================================*/
header{position: relative; z-index: 10;}
.h_box{width:100%;position: fixed;max-width: 1920px;margin: 0 auto;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;width: 100%;padding: 0 0 0 20px;}
.box_gnavi,.box_gnavi_right,.box_gnavi_right .lang{display: flex;align-items: center;}
.box_gnavi{padding: 24px 13px 24px 40px;border-radius: 5px;box-shadow: 0 0 20px rgb(0,0,0,5%);background: #fff}
.box_gnavi_right{margin: 0px 0 0 51px;}
.box_gnavi_right .btn_h{margin-bottom: 0}
.box_gnavi_right .btn_h:not(:last-child){margin-right: 5px;}
.box_gnavi_right .btn_h a{display: inline-block;padding: 10px 14px 10px 47px;background: #F7F7F7;border-radius: 5px;position: relative;font-weight: 500;letter-spacing: 0.025em;}
.box_gnavi_right .btn_h a::before{position: absolute;content:"";left: 0;top: 10px;height: auto;aspect-ratio: 1 / 1;width: 25px;}
.box_gnavi_right .btn_h.download a::before{background: url(../images/ic_download.png) center /cover no-repeat;left: 15px;top: 14px;}
.box_gnavi_right .btn_h.cart a::before{background: url(../images/ic_cart.png) center /cover no-repeat;left: 15px;top: 14px;}
.box_gnavi_right .lang{margin: 0 0 0 5px;}
.box_gnavi_right .lang a{display: flex;width: 50px;height: 50px;align-items: center;justify-content:center;font-weight: 300;font-size: 18px;border-radius: 5px;margin: 0 5px 0 0;font-family: var(--font-Outfit);}
.box_gnavi_right .lang a.active{font-weight: 400;color:var(--mcolor);background: #E2E6E8;}
.h_contact{display: flex;align-items: center;}
.h_contact > p{margin-bottom: 0;}
.h_contact_mail a,.h_contact_tel a{width: 150px;height: 140px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;padding-top: 45px;}
.h_contact_mail a::before,.h_contact_tel a::before{position: absolute;content:"";right: 0;top: 29px;left: 0;margin: 0 auto}
.h_contact_tel a::before{width: 33px;aspect-ratio: 1 / 1;height: auto;background: url(../images/ic_h_tel.png) center /cover no-repeat}
.h_contact_mail a::before{width: 30px;aspect-ratio: 3 / 2;height: auto;background: url(../images/ic_h_mail.png) center /cover no-repeat;top: 35px;}
.h_contact_tel a{background: #fff;border-radius: 0 0 0 5px;box-shadow: 0 0 20px rgb(0,0,0,5%)}
.h_contact_mail a{color:#FFF;font-weight: bold;text-align: center;background-color:var(--mcolor);padding-top: 48px;}
.h_contact_mail a .txt-contact,.h_contact_mail a .txt-en{display: block;color:#fff}
.h_contact_mail a .txt-contact{font-weight:500;letter-spacing: 0.025em;line-height: 1.2em;margin-bottom: 5px;}
.h_contact_mail a .txt-en{font-size: 12px;font-family: var(--font-Outfit);letter-spacing: 0;font-weight: 400;text-transform:uppercase;line-height: 1.2em;color: rgb(255,255,255,70%);}
.h_contact_tel a .txt-tel{font-size: 18px;letter-spacing: 0;color:var(--mcolor);display: block;font-family: var(--font-Outfit);line-height: 1.2em;margin-bottom: 1px;}
.h_contact_tel .txt-time{font-size: 12px;display: block;text-align: right;color:var(--mcolor);letter-spacing: 0.08em;line-height: 1.4em;position: relative;top: 1px;left: -2px;}

/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width: 20px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top: -3px;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width: 20px;height: 1px;transition:all ease 0.15s;background-color: #fff;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top: -3px;}
.hamburger-inner::after{bottom: -3px;}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform: translate3d(0,3px,0) rotate(45deg);}
.hamburger--3dxy.is_active .hamburger-inner::after{transform: translate3d(0,-3px,0) rotate(-45deg);}

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;padding-top: 147px;z-index: 2;}
.mv{position: relative;padding: 0;margin:49px 0 0 0}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s;}
.mv_bg.init{opacity:1}
.main_slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.mv_bg,
.main_slider .slide_item{width:100%;height:680px}
.main_slider .slide_item .bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;background-size:cover;background-position:center}
.main_slider .slide_item.zoomed .bg{animation-name:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}

.mv_txt{position:relative;overflow: hidden;}
.mv_txt h2{ overflow: hidden;font-size:50px;font-weight:500;text-align:center;letter-spacing: 0.1em; margin-bottom: 9px;position: relative;padding-bottom: 6px; line-height: 1.2em;}
.mv_txt h2::before,.mv_txt h2::after,.mv_txt h2 .txt-blue::before{position: absolute;content:"";left: 0;right: 0;margin: 0 auto;bottom: 0;height: 1px}
.mv_txt h2::before{width: 100%;background: #CECECE;}
.mv_txt h2 .txt-blue{color:var(--mcolor);position: relative;z-index: 3;}
.mv_txt h2 .txt-blue::before{width: 100%;background: var(--mcolor);left: 0;right:0;margin: 0 auto;bottom: -8px;z-index: 456;}
.mv_txt .txt-b{font-size: 25px;letter-spacing: 0.075em;color: #878E95;text-align: center}
.title_mask{display: inline-block;padding-bottom: 8px;}
.tt-am{display: inline-block;-webkit-transform: translate(0, 110%);-ms-transform: translate(0, 110%);transform: translate(0, 110%);}
.tt-am.show{-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(0, 0%);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1);transition: -webkit-transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1);-o-transition: transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1);transition: transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1);transition: transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.53, 0.2, 0.25, 1);}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}

.group_btn_mv{display: flex;margin: 59px 0 0 0;}
.group_btn_mv .item{width: calc((100% - 8px) / 3);margin: 0 4px 0 0;overflow: hidden;position: relative}
.group_btn_mv .item .info_top{position: relative;margin-bottom: 4px;}
.group_btn_mv .item .info_top::before{position: absolute;content:"";top: 76px;left: 0;width: 30px;height: 10px;z-index: 2;}
.group_btn_mv .item1 .info_top::before{background:#2CB2E3 }
.group_btn_mv .item2 .info_top::before{background:#2B74BE }
.group_btn_mv .item3 .info_top::before{background:#32B99F }
.group_btn_mv .item .info_fix{position: relative}
.group_btn_mv .item::before,.group_btn_mv .item::after{position: absolute;content: "";left: 0;width: 100%;}
.group_btn_mv .item .info_fix::before{background: rgb(54,59,64,50%);width: 100%;height: 100%;z-index: 1;top: 0;position: absolute;content:""}
.group_btn_mv .item .info_fix_b,.group_btn_mv .item .info_fix_b_ct{position: relative}
.group_btn_mv .item .info_fix_b::before,.group_btn_mv .item .info_fix_b::after{position: absolute;content:"";left: 0;top: 0;width: 100%;
    height: 100%;z-index: -2;}
.group_btn_mv .item1 .info_fix_b::before{background: url(../images/mv_img_01.jpg) center / cover no-repeat;}
.group_btn_mv .item2 .info_fix_b::before{background: url(../images/mv_img_02.jpg) center / cover no-repeat;}
.group_btn_mv .item3 .info_fix_b::before{background: url(../images/mv_img_03.jpg) center / cover no-repeat;}
.group_btn_mv .item .info_fix_b_ct::before{width: 100%;height: 100%;aspect-ratio: 91 / 50;bottom: 0;z-index: 1;position: absolute;content:""}
.group_btn_mv .item1 .info_fix_b_ct::before{background: url(../images/bg_btn_1.png) center / cover no-repeat;}
.group_btn_mv .item2 .info_fix_b_ct::before{background: url(../images/bg_btn_2.png) center / cover no-repeat;}
.group_btn_mv .item3 .info_fix_b_ct::before{background: url(../images/bg_btn_3.png) center / cover no-repeat;}
.group_btn_mv .item .info_fix_b::after{background: rgb(54, 59, 64, 50%);width: 100%;height: 100%;z-index: -1;top: 0;}
.group_btn_mv .item .info_top::after{width: 100%;height: auto;aspect-ratio: 91 / 50;bottom: 0;z-index: 2;position: absolute;content:""}
.group_btn_mv .item1 .info_top::after{background: url(../images/bg_btn_1.png) center /cover no-repeat;}
.group_btn_mv .item2 .info_top::after{background: url(../images/bg_btn_2.png) center /cover no-repeat;}
.group_btn_mv .item3 .info_top::after{background: url(../images/bg_btn_3.png) center /cover no-repeat;}
.group_btn_mv .item .tt-name,.group_btn_mv .item .tt-num{position: absolute;top: 58px;z-index: 1;}
.group_btn_mv .item .tt-name{color:#fff;font-weight: bold;font-size: 28px;line-height: 1.6em;left: 60px;margin-bottom: 0;}
.group_btn_mv .item .tt-name::before{width: 50px;aspect-ratio: 1 / 1;bottom: -82px;left: 0;background: url(../images/ic_btn.png) center /cover no-repeat;position: absolute;content:""}
.group_btn_mv .item .tt-num{right: 14px;color:#fff;font-weight: 300;font-family: var(--font-Outfit);font-size: 23px;display: flex;align-items: center;flex-direction: column;top: 12px;}
.group_btn_mv .item .tt-num .num{display: inline-block;margin-bottom: 6px;}
.group_btn_mv .item .tt-num .txt{-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: mixed;-moz-text-orientation: mixed;-ms-text-orientation: mixed;text-orientation: mixed;font-size: 16px;line-height: 1.1em;letter-spacing: 0.05em;}
.group_btn_mv .item .img{margin: 0}
.group_btn_mv .item .info{position: relative;bottom: 0;left: 0;z-index: 3;width: 100%;padding:30px 44px 30px 50px;min-height: 152px;display: flex;align-items: center;}
.group_btn_mv .item .info::before{background: rgb(0 16 38 / 10%);backdrop-filter: blur(10px) brightness(95%);position: absolute;width: 100%;height: 100%;top: 0;left:0;content:"";z-index: 4;}
.group_btn_mv .item .info::after{position: absolute;content:"";right: 75px;height: 92px;background: rgb(255,255,255,40%);top: 30px;width: 1px;z-index: 4;}
.group_btn_mv .item .info .tt{position: relative;z-index: 5;padding-left: 77px;width: 100%;}
.group_btn_mv .item .info .tt::before{position: absolute;content:"";left: 0;top: 4px;height: auto;aspect-ratio: 57 / 44;background: url(../images/ic_logo.png) center /cover no-repeat;width: 57px;}
.group_btn_mv .item .info .tt::after{position: absolute;content:"";right: -14px;top: 18px;height: auto;aspect-ratio: 1 / 1;background: url(../images/ic_link_white.png) center /cover no-repeat;width: 15px;}
.group_btn_mv .item .txt-small,.group_btn_mv .item .txt-big{color: #fff;display: block;}
.group_btn_mv .item .txt-small{font-size: 14px;letter-spacing: 0.025em;line-height: 1.4em;margin-bottom: 2px;}
.group_btn_mv .item .txt-big{font-size: 20px;font-weight: 500}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl span{display: inline-block;}
.ttl .en{font-size: 18px;font-weight: 500;font-family: var(--font-Outfit);color:var(--mcolor);letter-spacing: 0.075em;line-height: 1.3em;position: relative;padding-left: 35px;}
.ttl .en::before{position: absolute;content:"";left: 0;top: -1px;width: 25px;aspect-ratio: 1/1;background: url(../images/u_title.png) center /cover no-repeat;}
.ttl .ja{font-size: 33px;letter-spacing: 0.1em;display: block;font-weight: 500;margin: 22px 0 0 0;}


.ttl2 span{display: inline-block;}
.ttl2 .en{font-size: 60px;font-family: var(--font-Outfit);color:var(--mcolor);letter-spacing: 0.075em;line-height: 1.3em;position: relative;text-transform:uppercase;}
.ttl2 .ja{font-size: 21px;letter-spacing: 0.1em;display: block;font-weight: 500;margin: 9px 0 0 0;position: relative;padding-left: 38px;}
.ttl2 .ja::before{position: absolute;content:"";left: 0;top: 3px;width: 25px;aspect-ratio: 1/1;background: url(../images/u_title.png) center /cover no-repeat;}


/* DEFAUTL NAME BUTTON */
.btn a{width: 440px;height: 100px;border-radius: 0;display: flex;align-items: center;background: url('../images/ic-right.png') no-repeat right 25px center / 50px var(--scolor);font-size: 18px;text-decoration: none;font-weight: 500;padding-left: 31px;position: relative}
.btn a::before{position: absolute;content:"";left: 0;top: 0;width: 10px;height: 10px;background: var(--mcolor);}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn a.active{background-color: var(--mcolor);color: #fff;pointer-events: none;cursor: default;}
.btn a.active::before{background: #fff;}
section{padding: 40px 0;}

/*==================== SEC01 ===================*/
.sec01{position: relative;padding: 92px 0 85px;}
.sec01 .ttl{margin-bottom: 82px;}
.tt-view{font-size: 17px;font-weight: 500;letter-spacing: 0.1em;padding-right: 7px;}
.tt-view a{position: relative;display: block;}
.tt-view a::before{position: absolute;content:"";height: auto;aspect-ratio: 1 / 1;width: 50px;right: 0;background: url(../images/ic_sec01.png) center /cover no-repeat;top: -8px;}
.tt-view a::after{position: absolute;content:"";width: 100%;left: 0;background: #ccc;top: -24px;height: 1px;}
.list-news li{display: flex;background: var(--scolor);height:134px;align-items: center;padding: 15px 40px;margin-bottom: 5px;position: relative}
.list-news li::before{position: absolute;content:"";right: calc(50% - 960px);background: var(--scolor);width: 100%;height: 100%;z-index: -1;}
.list-news li .info{margin: 0 45px 0 0;min-width: 85px;}
.list-news li .info .date,.list-news li .info .cate{display: block;line-height: 1.2em;font-size: 14px;text-align: center;}
.list-news li .info .date{font-family:var(--font-Outfit);font-weight: 300;letter-spacing: 0.05em;margin-bottom: 22px;position: relative;color: #898F95}
.list-news li .info .date::before{position: absolute;content:"";left: 0;bottom: -11px;width: calc(100% - 1px);background: #BCBCBC;height: 1px;}
.list-news li .info .cate{letter-spacing: 0em;margin: 0;}
.list-news li .name{font-size: 17px;letter-spacing: 0.1em;position: relative;margin-bottom: 0;}
.list-news li .name .txt{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.list-news li .info .cate1{color:#32B99F;}
.list-news li .info .cate2{color:#2B74BE;}
.list-news li .info .cate3{color:#2CB2E3;}
.sec01 .list-news li .full_hover{width: 200%}
/*==================== SEC02 ===================*/
.sec02{padding: 139px 0;position: relative;background: var(--mcolor);min-height: 1080px}
.sec02 .ttl2{margin-bottom: 48px;}
.sec02 .ttl2 .en,.sec02 .ttl2 .ja{color:#fff}
.sec02 .ttl2 .ja::before{background: url(../images/u_title_white.png) center /cover no-repeat}

.sec02 .tt-name{color: #fff;font-size: 40px;letter-spacing: 0.11em;line-height: 1.675em;z-index: 2;position: relative;}
.sec02 .tt-name .num{font-size: 150%;font-weight: 300;}
.sec02 .desc{color: #fff;font-size: 18px;line-height: 2.5em;max-width: 530px;position: absolute;right: 13px;bottom:-192%; opacity: 0;
   z-index: 2}

/* ITEM */
.reason-item{position: absolute;width: 320px;height: 320px;opacity: 0;}
.reason-item::before{position: absolute;content:"";height: auto;top: 0;margin: 0 auto;width: 1046px;aspect-ratio: 523 / 435;z-index: -1;}
.reason-item.item1::before{background: url(../images/bg_circle1.png) center /cover no-repeat;left: -370px;aspect-ratio: 523 / 519;top: -332px;}
.reason-item.item2::before{background: url(../images/bg_circle2.png) center /cover no-repeat;left: -350px;top: -300px;aspect-ratio: 1046 / 1025;}
.reason-item.item3::before{background: url(../images/bg_circle3.png) center /cover no-repeat;right: -370px;top: -320px;aspect-ratio: 1046 / 1033;}

/* positon */
.circle-wrap .item1{left: 149px;top: 270px;z-index: 1;}
.circle-wrap .item2{left: 540px;top: 440px;z-index: 2;}
.circle-wrap .item3{right: 159px;top: 52px;z-index: 3;}

/* CIRCLES */
.circles{position: absolute;inset: 0;top: 50%; left: 50%;}
.circle{position: absolute;top: 0;left: 0;border-radius: 50%;transform: translate(-50%, -50%);opacity: 0;}
.circle::before{position: absolute;content:"";top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 100%;border-radius: 50%;}
.circle.sm{width: 466px;height: 466px;}
.circle.sm::before{background: url(../images/border_svg1.png) center /cover no-repeat;}
.circle.md{width: 548px;height: 548px;}
.circle.md::before{border: 1px solid rgb(255,255,255,30%)}
.circle.lg{width: 790px;height: 790px;}
.circle.lg::before{border: 1px solid rgb(255,255,255,30%)}
.circle.big{width: 1100px;height: 1100px;}
.circle.big::before{border: 1px solid rgb(255,255,255,20%)}

.circle-wrap .item3 .circle.sm::before{z-index: -2}
.circle-wrap .item3 .circle.sm::after{z-index: -1;position: absolute;content:"";top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff}

/* content */
.content{ position: absolute;inset: 0;display: flex; flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #fff;z-index: 2;opacity: 0;}
.content .txt-num{font-size: 50px;margin-bottom: 8px;letter-spacing: 0.075em;font-family: var(--font-Outfit);line-height: 1em;position: relative;top: -15px;}
.content .txt-ja{font-size:23px;margin-bottom: 6px;letter-spacing:0.1em;line-height: 1.3em;font-weight: 500;}
.content .txt-en{letter-spacing: 0.075em;color: rgb(255,255,255,60%);text-transform: uppercase;font-weight: 500;font-family: var(--font-Outfit);}

/*Active*/
.reason-sec.show .tt-name{opacity: 1;transform: translateY(0);}
.reason-sec.show .circles{opacity: 1;transform: translate(-50%, -50%) scale(1);}
.reason-sec.show .content{opacity: 1;}
.reason-sec.show .desc{opacity: 1;transform: translateY(0);}


/*==================== SEC03 ===================*/
.sec03{position: relative;padding: 119px 0 0px;}
.sec03 .inner{width: 1830px;}
.sec03 .info_ttl{width: 100%;max-width: 1420px;margin: 0 auto 78px auto;}
.info_sec03 .item{background: #fff;width: calc(100% / 3);}
.info_sec03 .item .link{position: absolute;width: 50px;height: 50px;right: 15px;top: 15px;}
.info_sec03 .item .link::before{top: 10px;right: 11px;aspect-ratio: 1 / 1;width:50px;background:url(../images/ic_sec03.png) center /cover no-repeat;height: auto;position: absolute;content:""}
.info_sec03 .item .info{padding: 69px 61px 70px 70px;position: relative;border-right: 1px solid #F4F4F4;position: relative}
.info_sec03 .item .info::before{position: absolute;content:"";left: 39px;top: 0;width: 60px;height: 10px}
.info_sec03 .item1 .info::before{background: #2CB2E3}
.info_sec03 .item2 .info::before{background: var(--blue);}
.info_sec03 .item3 .info::before{background:#32B99F;}
.info_sec03 .item .name{font-size: 28px;font-weight: 500;letter-spacing: 0.1em;line-height: 1.57em;margin-bottom: 19px;}
.info_sec03 .item .desc{line-height: 1.875em;color:#7B7B7B;margin-bottom: 37px;}
.info_sec03 .item .banner{display: flex;height: 102px;background:var(--body);flex-direction: column;justify-content: center;padding-left: 106px;position: relative}
.info_sec03 .item .banner::before,.info_sec03 .item .banner::after{position: absolute;content:"";height: auto}
.info_sec03 .item .banner::before{top: 29px;left: 30px;aspect-ratio: 57 / 44;width:57px;background:url(../images/ic_logo_banner.png) center /cover no-repeat}
.info_sec03 .item .banner::after{top: 45px;right: 30px;aspect-ratio: 1 / 1;width:12px;background:url(../images/ic_link12.png) center /cover no-repeat}
.info_sec03 .item .banner .txt-small,.info_sec03 .item .banner .txt-big{display: block;}
.info_sec03 .item .banner .txt-small{font-size: 14px;line-height: 1.2em;color:#7B7B7B;letter-spacing: 0.05em;margin-bottom: 5px;}
.info_sec03 .item .banner .txt-big{font-size: 18px;line-height: 1.2em;color:#363B40;letter-spacing: 0.05em;font-weight: 500}




/*==================== SEC04 ===================*/
.sec04{position: relative;padding: 90px 0;z-index: 2;}
.sec04 .inner{width: 1800px;background: #fff;position: relative;}
.sec04 .inner::before{position: absolute;content:"";right: -52px;background: #fff;height: 100%;width: 100%;z-index: -1;overflow: hidden;}
.info_sec04 .item{position: relative;margin-bottom: 40px;}
.info_sec04 .item .info::before,.info_sec04 .item .info::after{position: absolute;content:"";left: 0;bottom:0;aspect-ratio: 840 / 691;height: auto;}
.info_sec04 .item .info{position: relative}
.info_sec04 .item .box_info1,.info_sec04 .item .info_b{position: relative;padding: 57px 69px 59px 69px;}
.info_sec04 .item .info::before{background: url(../images/bg_item_sec04_before.svg) center /cover no-repeat;z-index: -1;width: 100%;}
.info_sec04 .item .info::after{width: 100%;background: url(../images/bg_item_sec04_after.svg) center /cover no-repeat;z-index: -1;bottom: 82px;}
.info_sec04 .item .info{bottom: 0;z-index: 1;margin: -272px 0 0 0;}
.info_sec04 .item .num{font-size: 18px;font-family: var(--font-Outfit);letter-spacing: 0.075em;margin-bottom: 11px;color: #fff;line-height: 1.5em;}
.info_sec04 .item .name{font-size: 30px;line-height: 1.66em;color: #fff;margin-bottom: 21px;}
.info_sec04 .item .desc{color: #fff;line-height: 2.1875em}
.info_sec04 .item .info_b{bottom: 0;width: 100%;padding: 27px 69px;border-top: 1px solid #fff;}
.info_sec04 .item .info_b::before{position: absolute;content:"";right: 21px;width: 50px;aspect-ratio: 1 / 1;background: url(../images/ic_btn_white.png) center /cover no-repeat;top: 19px;}
.info_sec04 .item .info_b .view{color:#fff;letter-spacing: 0.025em;font-size: 18px;font-weight: 500;}

/*SVG*/
.svg{position:absolute;inset:0;width:100%;height:100%;}
.line{ fill:none; transition:.2s; stroke:#BCBCBC;stroke-width:1;}
.line-active{stroke:var(--mcolor); stroke-width:1;fill:none;opacity:0;stroke-dasharray:5000;stroke-dashoffset:5000; transition:.2s; }
.node{position:absolute;display:flex;align-items:center; gap:20px;cursor: pointer;}
.node .txt{position: relative;z-index: 2}
.node .txt .txt-ja{font-size: 23px;font-weight: 500;letter-spacing: 0.1em;color: #BCBCBC;line-height:1.3em;margin-bottom: 10px;}
.node .txt .txt-en{font-weight: 500;letter-spacing: 0.075em;color: rgb(188 188 188 / 60%);line-height:1.3em;text-transform: uppercase;}

/* dot */
.dot{position: absolute;width:14px; height:14px; border-radius:50%;background:#BCBCBC;z-index:2;transition: 0.2s all;}
.dot::before,.dot::after{ position: absolute;content:"";opacity: 0;transition:transform 1.6s cubic-bezier(.19,1,.22,1),opacity 1.2s ease;will-change: transform, opacity;transform: translate(-50%, -50%) scale(.1);left: 50%;
top: 50%;}
.dot::before{width: 32px;height: 32px;background: rgb(0,164,150,40%);border-radius: 50%;z-index: -1;margin: 0 auto;}
.dot::after{width: 64px;height: 64px;background: rgb(0,164,150,16%);border-radius: 50%;z-index: -2;}

.dot1{top: -10px;left: -46px;}
.dot2{top: -8px;left: -46px;}
.dot3{top: 55px;left: -54px;}

/* active */
.dot.active{background: var(--mcolor);}
.line-active.active{opacity:1;animation:lineMove 3s linear forwards;}
.node .txt.active .txt-ja{color:var(--mcolor);}
.node .txt.active .txt-en{color:rgb(0,164,150,60%);}
@keyframes lineMove{
    from{
        stroke-dashoffset:5000;
    }
    to{
        stroke-dashoffset:0;
    }
}
@keyframes lineHide{

    from{
        stroke-dashoffset:0;
        opacity:1;
    }

    to{
        stroke-dashoffset:-5000;
        opacity:0;
    }

}
.dot.active::before,
.dot.active::after{transform: translate(-50%, -50%) scale(1);opacity: 1;}

/* REMOVE ACTIVE  */
.dot:not(.active)::before,
.dot:not(.active)::after{opacity: 0;transform: translate(-50%, -50%) scale(.2);}
.line-active.hide{opacity:1;animation:lineHide 2s linear forwards;}

 /*position*/
.node-top{ top: 493px;left: 269px;}
.node-center{top: 318px;left: 594px;}
.node-bottom{top: 615px;right: 83px;}

/*==================== SEC05 ===================*/
.sec05{position: relative;padding: 216px 0 24px;margin: -167px 0 0 0;z-index: 1;}
.sec05::before{position: absolute;content:"";left: -2px;top: 0;width: 1923px;background: url(../images/bg_sec05.jpg) center /cover no-repeat;height: 1506px;z-index: -1;}
.sec05 .desc{color:#fff;line-height: 2.1875em;margin-bottom: 114px;}
.sec05 .ttl2{margin-bottom: 53px}
.sec05 .ttl2 .en,.sec05 .ttl2 .ja{color:#fff}
.sec05 .ttl2 .ja::before{background: url(../images/u_title_white.png) center /cover no-repeat}
.info_sec05 .item{position: relative;padding: 23px 105px 17px 160px;z-index: 1;margin-bottom: 5px;height: 600px;transition: 0.3s all ease}
.info_sec05 .item::before,.info_sec05 .item::after{position: absolute;content:"";}
.info_sec05 .item::before{right: -6px;width: 1670px;height: 600px;z-index: -2;top: 0;}
.info_sec05 .item1::before{background: url(../images/bg_sec05_item1.jpg) center /cover no-repeat;}
.info_sec05 .item2::before{background: url(../images/bg_sec05_item2.jpg) center /cover no-repeat;}
.info_sec05 .item::after{background: rgb(25,26,28,75%);backdrop-filter: brightness(80%);-webkit-backdrop-filter: brightness(80%);width: 100%;height: 100%;left: 0;z-index: -1;top: 0;}
.info_sec05 .item .desc{margin-bottom: 0}
.info_sec05 .item .box_left .img{margin-bottom: 35px;}

/*==================== SEC06 ===================*/
.sec06{padding: 97px 0 0px;margin-bottom: 90px;}
.sec06 .inner{width: 100%;padding: 0}
.sec06 .info_ttl{max-width: 1420px;margin: 0 auto 86px auto;width: 100%}
.sec06 .info_ttl .box_right .desc{line-height: 2.1875em}

.info_sec06 .item{position: relative}
.info_sec06 .item .img{opacity: 0;-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0s 0.4s linear;transition: opacity 0.4s ease-in-out, -webkit-transform 0s 0.4s linear;transition: opacity 0.4s ease-in-out, transform 0s 0.4s linear;transition: opacity 0.4s ease-in-out, transform 0s 0.4s linear, -webkit-transform 0s 0.4s linear;top: 0;left:0;margin-bottom: 0;display: none}
.info_sec06 .item .img.active{opacity: 1;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;display: flex;}
.info_sec06 .item .img a{display: block;}
.info_sec06 .item .box_info .box_name{display: flex;justify-content: space-between;margin-bottom: 0;position: relative;padding-bottom: 0;}
.info_sec06 .item .box_info .tt-name{display: flex;align-items: center}
.info_sec06 .item .box_info .tt-name .num{color:var(--mcolor);font-family: var(--font-Outfit);font-size: 20px;letter-spacing: 0.075em;position: relative;}
.info_sec06 .item .box_info .tt-name .num::before{position: absolute;content:"";right: -24px;height: 40px;width: 1px;background: #BCBCBC;top: -6px;}
.info_sec06 .item .box_info .tt-name .name{font-size: 30px;letter-spacing: 0.1em;margin: -1px 0 0 49px;}
.info_sec06 .item .box_info .box_name .view{margin-bottom: 0;font-size: 18px;letter-spacing: 0.1em;position: relative;padding: 2px 69px 0 0;}
.info_sec06 .item .box_info .box_name .view::before{position: absolute;content:"";width: 50px;aspect-ratio: 1 / 1;height: auto;background: url(../images/ic_sec03.png) center /cover no-repeat;right: 0;top: -4px;}
.info_sec06 .item .box_info .box_desc{background:#F0F2F2;padding: 45px 0px;display: none;position: relative;transition: 0.3s all;margin: 35px 0 0 0;}
.info_sec06 .item .box_info .box_desc.active{display: block}
.info_sec06 .item .box_info .box_desc::after{position: absolute;content:"";width: 100vw;min-width: 1260px;left: 50%;top: 50%;height: 100%;background:#F0F2F2;z-index: -1;transform: translate(-50%, -50%);}
.info_sec06 .item .box_info .box_desc::before{position: absolute;content:"";left: 0;top: 0;height: 8px;width: 80px;background: var(--mcolor);}
.info_sec06 .item .box_info .box_desc .desc{line-height: 2.1875em}
.info_sec06 .item .box_info .box_desc .line_desc{position: relative}
.info_sec06 .item .box_info .box_desc .line_desc::before{position: absolute;content:"";width: 100vw;min-width: 1260px;left: 50%;bottom: -46px;height: 1px;background:#BCBCBC;z-index: -1;transform: translateX(-50%);}
.info_sec06 .item .box_info .box_info_ct{padding: 73px 243px 73px 83px;position: relative;margin-bottom: 0;}
.info_sec06 .item .box_info .box_info_ct.cls::before{display:none}
.info_sec06 .item .box_info .box_info_ct.cls{padding-bottom:0px}
.info_sec06 .item .box_info .box_info_ct::before{position: absolute;content:"";left: 0;bottom: -1px;width: 100%;height: 1px;background:#BCBCBC}

.info_sec06 .item .box_info .box_name .full_hover{height: calc(100% + 50px);top: -25px}
.info_sec06 .item .box_info .cls_hover_sp{display: none}


/*==================== SEC07 ===================*/
.sec07{position: relative;padding: 0px 0 88px 0;}
.sec07 .inner{width: 1800px;position: relative;display: block;}
.info_sec07{position: relative;max-width: 1400px;margin: 0 auto;height: 100%;padding: 180px 0 146px 0;}
.sec07 .inner::before,.sec07 .inner::after{position: absolute;content:"";left: 0;top: 0;width: 100%;height: 100%}
.sec07 .inner::before{background: url(../images/bg_sec07.jpg) center /cover no-repeat;z-index: -2}
.sec07 .inner::after{background: rgb(54,59,64,86%);z-index: -1}
.sec07 .desc{color:#fff;line-height: 2.1875em;margin-bottom: 114px;}
.sec07 .ttl2{margin-bottom: 84px;}
.sec07 .ttl2 .en,.sec07 .ttl2 .ja{color:#fff}
.sec07 .ttl2 .ja::before{background: url(../images/u_title_white1.png) center /cover no-repeat}
.info_sec07 .name{color:#fff;font-size: 36px;line-height: 1.66em;margin-bottom: 52px;}
.info_sec07 .desc{color:#fff;line-height: 2.625em;margin-bottom: 0}
.info_sec07 .btn a{color: #fff;background: url(../images/ic_link_white.png) no-repeat right 18px top 17px / 15px var(--mcolor);}
.info_sec07 .btn a::before{width: 15px;height: 15px;background: #45D0B5;}
.info_sec07 .txt-desc{margin-bottom: 20px;letter-spacing: 0.04em;line-height: 2em;}

/*==================== SEC08 ===================*/
.text-animation {opacity: 0;display: block;line-height: 1.2em;margin-bottom: 11px;}
.text-animation.show {opacity: 1;}
.text-animation.show span {display: inline-block;animation: showText 1s backwards;}
.text-animation.show .text-animation-span {display: inline-block;overflow: hidden;}
@keyframes showText {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.full_hover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 45}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;background: var(--mcolor);}
footer::before,footer::after{position: absolute;content:"";left: 0;width: 100%;height: 100%;top: 0;}
footer::before{z-index: -1;background: rgb(0,38,75,6%);top: 0}
footer::after{z-index: -2;background: url(../images/bg_ft.jpg) center /cover no-repeat;top: 0;opacity: 0.15;height: 1245px;width:1920px }
.ft_top{padding: 60px 0 0 0;}
.ft_top .box_btn1{margin-bottom: 2px}
.ft_top .box_btn1 .item{background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 68px 83px 64px 90px;}
.ft_top .box_btn1 .tt-name{margin: 0;position: relative;} 
.ft_top .box_btn1 .txt-en{display: block;font-family: var(--font-Outfit);letter-spacing: 0.075em;color:var(--mcolor);text-transform: uppercase;margin-bottom: 16px;line-height: 1.3em;}
.ft_top .box_btn1 .txt-ja{display: block;letter-spacing: 0.1em;color:var(--mcolor);font-weight: 500;font-size: 32px}
.ft_top .box_btn1 .tt-info{font-size: 24px;color:var(--mcolor);}

.ft_top .box_btn2{display: flex;}

.ft_top .box_btn2 .item{width: calc((100% - 8px) / 3);margin: 0 2px 0 0;background: #fff;height: 157px;display: flex;align-items: flex-end;position: relative;padding: 15px 15px 32px 30px;}
.ft_top .box_btn2 .item::before,.ft_top .box_btn2 .item::after{position: absolute;content:"";height: auto}
.ft_top .box_btn2 .item::before{width: 115px;aspect-ratio: 1/1;right: 24px;top: 21px;}
.ft_top .box_btn2 .item::after{width: 50px;aspect-ratio: 1/1;right: 20px;top: 20px;background: url(../images/ic_btn_ft.png) center /cover no-repeat;}
.ft_top .box_btn2 .item1{background: #E2FAF9}
.ft_top .box_btn2 .item1::before{background: url(../images/ic-tel.png) center /cover no-repeat}
.ft_top .box_btn2 .item2::before{background: url(../images/ic-email.png) center /cover no-repeat}
.ft_top .box_btn2 .item3::before{background: url(../images/ic-down.png) center /cover no-repeat}
.ft_top .box_btn2 .item4::before{background: url(../images/ic-cart.png) center /cover no-repeat}
.ft_top .box_btn2 .item .tt-en{display: block;font-family: var(--font-Outfit);letter-spacing: 0.075em;color:rgb(0,164,150,50%);text-transform: uppercase;line-height: 1.3em;font-size: 13px;margin-bottom: 4px;}
.ft_top .box_btn2 .item .tt-ja{display: block;color:var(--mcolor);font-size: 20px;font-weight: 500;line-height: 1.3em;}
.ft_top .box_btn2 .item .tt-tel{color:var(--mcolor);font-family: var(--font-Outfit);font-size: 24px;font-weight: 500;margin: 0 0 7px 0;line-height: 1.2em;}
.ft_top .box_btn2 .item .tt-time{font-size: 13px;color: #7B7B7B;letter-spacing: 0.075em;line-height: 1em;position: relative;top: -1px;}
.ft_top .box_btn2 .item1::after{display: none}

.ft_top2{padding: 80px 0 0;position: relative;}
.ft_top2::before{position: absolute;content: "";left: 0}
.ft_top2::before{background: rgb(0,0,0,40%);height: 100%;width: 100%;z-index: -1;top: 0;}
.ft_top2 .inner{width: 1830px;}
.ft_top2 .box_ft_banner{margin-bottom: 77px;}
.ft_top2 .info_ft_sec02{width: 100%;max-width: 1415px;display: flex;justify-content: space-between;margin: 0 auto}
.ft_top2 .info_ft_sec02 .item{display: flex;align-items: flex-end;height: 190px;width: calc((100% - 15px) / 4);position: relative;padding: 31px 30px;background: rgb(67 170 139 / 42%);backdrop-filter: blur(10px);transition: 0.3s all;z-index: 2;}
.ft_top2 .info_ft_sec02 .item::before,.ft_top2 .info_ft_sec02 .item::after{position: absolute;content:"";height: auto}
.ft_top2 .info_ft_sec02 .item:not(.item1)::before{background: url(../images/ic_logo_ft.png) center /cover no-repeat;width: 73px;aspect-ratio: 73 / 57;top: 27px;left: 30px;}
.ft_top2 .info_ft_sec02 .item::after{right: 15px;top: 15px;aspect-ratio: 1 / 1;width: 15px;background: url(../images/ic_link_white.png) center /cover no-repeat;}
.ft_top2 .info_ft_sec02 .item .txt-small,.ft_top2 .info_ft_sec02 .item .txt-big{color: #fff}
.ft_top2 .info_ft_sec02 .item .txt-small{font-size:14px;letter-spacing: 0.025em;line-height: 1.3em;margin-bottom: 5px;}
.ft_top2 .info_ft_sec02 .item .txt-big{font-size: 20px;line-height: 1.3em}

.ft_top2 .info_ft_sec02 .item1{background: var(--mcolor);}
.ft_top2 .info_ft_sec02 .item1 .txt-small{font-size: 13px;text-transform: uppercase;letter-spacing: 0.075em}

.ft_top2 .box_ft_info{background: var(--mcolor);position: relative;z-index: 1;overflow: hidden;}
.ft_top2 .box_ft_info::before{position:absolute;content:"";right: -1px;bottom: -1px;width: 1800px;aspect-ratio: 18 / 5;background: url(../images/bg_ft_map.svg) center /cover no-repeat;z-index: -1;}
.ft_top2 .info_ft_sec03{display: flex;justify-content: space-between;padding: 111px 0 100px;max-width: 1415px;margin: 0 auto;}


.box_logo{display: flex;align-items: center;margin-bottom: 45px;justify-content: space-between;}
.box_logo .logo_ft{margin: 0 0px 0px 0;}
.box_logo .lang_ft{display: flex;margin: 14px -14px 0 25px;}
.box_logo .lang_ft a{display: flex;height: 50px;width: 50px;align-items: center;justify-content: center;font-size: 18px;font-family: var(--font-Outfit);font-weight: 300;border-radius: 5px;color:#fff;margin-right: 5px;}
.box_logo .lang_ft a.active{background: rgb(226,230,232,30%);font-weight: 400}

.box_address .tt-ft{color:#fff;font-weight: 500;font-size: 20px;padding-bottom: 8px;margin-bottom: 21px;border-bottom: 1px solid rgb(255 255 255 / 50%);}

.box_address .txt-ft{margin-bottom: 10px;}
.box_address .txt-ft,.box_address .txt-ft a{font-size: 17px;color:#fff;line-height: 1.2em;}
.box_address .link-map{margin-bottom: 23px;position: relative;}
.box_address .link-map a{position: relative;}
.box_address .link-map a .txt{position: relative;padding-right: 44px;}
.box_address .link-map a .txt::before{width: 31px;aspect-ratio: 1 / 1;position: absolute;content:"";right: 0;top: -3px;background: url(../images/ic_map.png) center /cover no-repeat}

.link_ft{text-align: right;margin-bottom: 10px;}
.link_ft a{color:#fff;font-size: 18px;letter-spacing: 0.05em;margin-right: 15px;position: relative}
.link_ft a:not(:last-child)::before{position: absolute;content:"";height: 19px;width:1px;right: -9px;background: #fff;top: 5px;}
.link_ft a:last-child{margin-right: 0}
.banner_youtube{display: block;text-align: right;margin: 10px 0 0 0;}

/* FOOTER LINK */
.ft_link{padding: 107px 0 77px;}
.ft_link .inner{display: flex;}
.ft_link .ul_1{margin-right: 70px;}
.ft_link .ul_2{margin-right: 50px;}
.ft_link .ul_3{margin-right: 95px;}
.ft_link ul li .tt-ft{margin-bottom: 23px;}
.ft_link ul li .tt-ft{color:#fff;display: flex;}
.ft_link ul li .tt-ft .en{font-size: 36px;font-family: var(--font-Outfit);letter-spacing: 0.075em;text-transform: uppercase;margin-right: 22px;}
.ft_link ul li .tt-ft .ja{font-size: 14px;}

.ft_link ul li{margin-bottom: 8px;}
.ft_link ul li > a{position: relative;color: #fff;font-size: 18px;}
.ft_link .ul_4 li .tt-ft{margin-bottom: 26px;}
.ft_link .ul_4 li{margin-bottom: 7px}
.ft_link ul li .link{display: inline-block;padding: 5px 14px 6px 30px;border:1px solid rgb(255,255,255,50%);font-weight: 500;font-size: 16px;letter-spacing: 0.025em;border-radius: 5px}
.ft_link ul li .link .txt{padding-left: 15px;position: relative}
.ft_link ul li .link .txt::before{position: absolute;content:"";height: auto;aspect-ratio: 1 / 1;width: 21px;top: 3px;left: -12px;}
.ft_link ul li .link1 .txt::before{background: url(../images/ic_ft_email.png) center /cover no-repeat}
.ft_link ul li .link2 .txt::before{background: url(../images/ic_ft_down.png) center /cover no-repeat}
.ft_link ul li .link3 .txt::before{background: url(../images/ic_ft_cart.png) center /cover no-repeat}
.ft_link ul li .link3 .txt::after{width: 15px;position: absolute;content:"";height: auto;aspect-ratio: 1 / 1;top: 5px;right: -25px;background: url(../images/ic_link_white.png) center /cover no-repeat}
.ft_link ul li .link:hover{text-decoration: none}
.ft_link ul li .link3{padding-right: 39px}
address{text-align:center;color:#fff;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:5;width: 80px;height: 80px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;border: 1px solid #fff;}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}
/* FIREFOX ONLY */
@-moz-document url-prefix() {
    .ft_link .ul_2{margin-right: 39px;}
    .ft_link .ul_3{margin-right: 36px;}
}