@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&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: 180%;
-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,h6{line-height: 1.5;}
h5{line-height: 1;}
p{line-height: 1.8em;letter-spacing: 0;}
dd,
dt,
li,
th,
td,
address{line-height: 2.2em;letter-spacing: 0;}
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_sm{font-size: 80%;}
.c_blue{color:var(--mcolor);}
.c_organ{color:var(--organ);}
.en{font-family: var(--font-Oswald);font-weight: 500}
:root {
  --font-main: "Noto Sans JP", sans-serif; 
  --txt: #000;     
  --u_txt: #333;     
  --mcolor: #397BC9;
  --scolor: #61CBF4; 
  --site_size: 1430px;
  --font-nts:"Noto Sans JP", sans-serif;
  --font-YuGothic:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  --font-Oswald: "Oswald", sans-serif;
  --font-MyriadPro: "Myriad Pro", sans-serif;
  --gray: #EBECF1;
  --gray2: #F3F3F3;
  --organ: #FF7D26;
  --yellow: #FFE437;
  --blue: blue;
  --red: red;
  --green: #4ECD00;

}
h1{font-size:12px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding: 0; max-width: 500px;}
#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto;max-width: 1920px;}
.inner{width: var(--site_size);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}

/*==========================================================
                       H E A D E R  
==========================================================*/
header{position: relative; z-index: 10;}
#logo{position: relative}
.h_box{width: calc(100% - 25px);position: fixed;background-color: #fff;left: 0;right: 0;margin: 0 auto;top: 30px;box-shadow: 0 3px 6px rgb(0,0,0,16%);padding: 16px 20px 17px 28px;max-width: 1880px;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;width: 100%;padding: 0;}
.h_right{display: flex;align-items: flex-end;}
.h_contact{display: flex;align-items: center;margin-left: 30px;}
.h_contact > p{margin-bottom: 0;}
.h_contact > p:not(:last-child){margin-right: 15px;margin-top: 0px;position: relative;top: -2px;}
.h_contact_mail a{color:#FFF;font-weight: bold;text-align: center;background-color: var(--organ);display: flex;justify-content: center;align-items: center;width: 250px;height: 60px;position: relative;}
.h_contact_mail a span{position: relative;z-index: 2;font-size: 16px;display: inline-block;font-weight: bold;}
.h_contact_tel a{font-size: 40px;color: #000;font-weight: 500;position: relative;line-height: 1;display: block;font-family: var(--font-Oswald);}
.h_contact_tel a .txt-tel{font-size: 65%;font-weight: 400;letter-spacing: 0.03em;margin-right: 5px;}
.h_contact_tel .time{display: block;line-height: 1.4;text-align: right;}
.h_contact_tel .time .time1{font-size: 16px;font-family: var(--font-Oswald);font-weight: 500;letter-spacing: -0.04em;margin-right: 13px;}
.h_contact_tel .time .time2{font-size: 14px;font-weight: bold;letter-spacing: -0.07em;}
/* 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: 25px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top: 0px;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width: 25px;height:2px;transition:all ease 0.15s;background-color: #fff;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top: -8px;}
.hamburger-inner::after{bottom: -8px;}
.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,8px,0) rotate(45deg);}
.hamburger--3dxy.is_active .hamburger-inner::after{transform: translate3d(0,-8px,0) rotate(-45deg);}

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;}
.mv{position: relative;padding: 0;height: 900px;width: 100%}
.mv::before,.mv::after{position: absolute;content:"";}
.mv::before{left: -7px;top: 0;width: 1920px;height: 100%;background: url(../images/mv.jpg) center left 7px /cover no-repeat;z-index: -1;}
/*.mv::after{background: url(../images/mv_user.png) center /cover no-repeat;width: 752px;height: 716px;bottom: -2px;right: 205px}*/
.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}

.info_txt{padding: 0 62px 0 104px;position: relative}
.info_txt::before,.info_txt::after{position: absolute;content:"";height: auto;transform: skewX(17.1deg);}
.info_txt::before{right: 13px;top: 18px;background: url(../images/ic_mv_before.svg) center /cover no-repeat;width: 106px;aspect-ratio: 106 / 139;}
.info_txt::after{left: 29px;bottom: -87px;background: url(../images/ic_mv_after.svg) center /cover no-repeat;width: 60px;aspect-ratio: 60 / 109;}
.mv_txt{position:absolute;z-index:2;top: 257px;left: 100px;width:100%;height:320px;background:#fff;width: 830px;transform: skewX(-17.1deg);box-shadow: 25px 20px 0 rgb(0, 0, 0, 16%);}
.mv_txt h2{font-size:45px;font-weight:900;}
.mv_txt h2,.mv_txt .tt-en{transform: skewX(17.1deg);}
.mv_txt h2 .txt{display: block;line-height: 1.48em;}
.mv_txt h2 .txt_big{font-size: 111.2%}
.mv_txt h2 .txt_small{font-size:95.6%;font-weight: bold}
.mv_txt h2 .txt_num{font-family: var(--font-MyriadPro);font-weight: 700;font-size: 114%}
.mv_txt h2 .txt2{position: relative}
.mv_txt h2 .txt2::before{content: "";position: absolute;left: -12px;bottom: 1px;width: calc(100% - 14px);height: 37px;background: var(--yellow);transform: skewX(-15deg);z-index: -1;}
.mv_txt h2 .txt2 .txt_small2{font-size:89%}
.mv_txt .tt-en{font-size: 60px;font-family: var(--font-Oswald);text-transform: uppercase;font-weight: 500;margin: -34px 0 36px -46px;line-height: 1em;}



.info_user{display: flex;width: 270px;height: 90px;background: #fff;position: absolute;right: 249px;bottom: 40px;z-index: 2;align-items: center;justify-content: center;}
.info_user .img{margin: 0 21px 0 0;}
.info_user .txt_user{font-weight: bold;line-height: 1.3em;}
.info_user span{display: block;}
.info_user .txt_user1{font-size: 16px;margin: -3px 0 6px 0;}
.info_user .txt_user2{font-size: 26px}
.scroll-top{background: var(--mcolor);position: absolute;right: 0;left: 0;margin: 0 auto;width: 30px;height: 70px;display: flex;border: 1px solid #fff;z-index: 2;bottom: 60px;border-radius: 999px;}
.scroll-top{transition: 0.3s all ease}
.scroll-top .ic_scroll{position: relative;}
.scroll-top .ic_scroll::before,.scroll-top .ic_scroll::after{position: absolute;content:"";right: 0;margin: 0 auto;left: 0;}
.scroll-top .ic_scroll::before{width: 1px;height: 38px;top: 15px;background: #fff;left: 14px;}
.scroll-top .ic_scroll::after{width: 9px;height: 9px;border-radius: 50%;background: #fff;left: 10px;top: 9px;animation: upDown 4s ease-in-out infinite;}

.scroll_fix{position: fixed;top: 200px;right: -10px;}
.scroll_fix .item{background: #fff;width: 160px;position: relative;padding: 15px 20px 15px 12px;}
.scroll_fix .it1{background: var(--green);border: 5px solid #fff;height: 130px;margin-bottom: 20px;box-shadow: 0 3px 6px rgb(0,0,0,54%);}
.scroll_fix .it1 .full_hover{height: calc(100% + 40px);top: -20px;left: -5px;width: calc(100% + 10px);}
.scroll_fix .it2{height: 110px;padding: 1px 8px 14px 12px;box-shadow: 0 3px 6px rgb(0,0,0,31%);}
.scroll_fix p{margin-bottom: 0}
.scroll_fix .it1 .tt_sub{background: #202020;border-radius: 5px;color;#fff;font-weight: 500;font-size: 14px;text-align: center;line-height: 1.2em;color: #fff;margin: -34px 0 0 -3px;display: flex;width: 130px;height: 45px;align-items: center;justify-content: center;}
.scroll_fix .it1 .tt-name{font-weight: bold;font-size:18px;text-align: center;line-height: 1.1em;position: relative;padding: 43px 0 0;}
.scroll_fix .it1 .tt-name::before{left: 0;right: 0;top: 5px;position: absolute;content:"";background: url(../images/line.png) center /cover no-repeat;width: 41px;height: 39px;margin: 0 auto;}
.scroll_fix .it2 .tt-name{font-weight: 900;font-size:47px;text-align: center;line-height: 0.54em;position: relative;left: -10px;margin: 1px 0 10px 0;}
.scroll_fix .it2 .img_g2{position: relative;left: 8px;line-height: 1em;}

.info_point{position: absolute;left: 70px;bottom: 161px;display: flex;z-index: 2;}
.info_point .item{width: 316px;transform: skewX(-17deg);box-shadow: 19px 15px 0 rgb(0, 0, 0, 16%);background: #fff;display: flex;justify-content: center;align-items: center;padding: 15px 24px 16px 24px;position: relative}
.info_point .item .info_txt_point{transform: skewX(17deg);text-align: center;}
.info_point .item .num{font-size: 17px;font-weight: 500;font-family: var(--font-Oswald);margin-bottom: 8px;color: var(--mcolor);line-height: 1em;}
.info_point .item .name{font-size: 26px;font-weight: 900;line-height: 1.26em;}
.info_point .it2{background: var(--gray2)}
.info_point .it3 .txt_num{font-size: 115.4%;font-family: var(--font-MyriadPro);font-weight: bold;}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}
@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(40px);
  }
}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl{font-weight: bold;}
.ttl span{display: block;}
.ttl .ja{font-size: 22px;}
.ttl .en{font-size: 16px;}


.list-new li{display: flex;padding: 19px 15px 15px 49px;position: relative;background: #fff;margin-bottom: 10px;align-items: center;}
.list-new li::before{width: 5px;height: 60px;left: 0;top: 21px;background: #000}
.list-new li:last-child{margin-bottom: 0}
.list-new li .date{min-width: 188px;margin-bottom: 0;position: relative;top: -6px;}
.list-new li .date::before{width: 1px;height: 60px;background: #C2C2C2;right: 36px;top: 9px;}
.list-new li .date .txt{display:block;font-weight: 500;font-family: var(--font-Oswald);}
.list-new li .date .year{font-size: 19px;line-height: 1.4em;}
.list-new li .date .month{font-size: 49px;letter-spacing: -0.05em;}
.list-new li .name{font-weight: 500;position: relative;margin-bottom: 0;}
.list-new li .name .txt-name{ overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}


.list__work{display: flex;flex-wrap: wrap;}
.list__work .item__work{width: calc((100% - 80px) / 3);}
.list__work .item__work{margin: 0 40px 40px 0}
.list__work .item__work,.item__work .img__work{position: relative;transition: 0.3s all ease}

.item__work .img__work .wpimg{margin-bottom: 27px;display: flex;align-items: center;justify-content: center;height: 300px;background: var(--gray);}
.item__work .img__work .wpimg img{max-height: 100%;width: 100%;object-fit: cover;height: 100%;}
.item__work .name{color:#fff;font-weight: bold;font-size: 26px;position: absolute;bottom: -3px;left: 0;background: var(--mcolor);padding: 5px 30px 0 0;width: calc(100% - 187px);}
.item__work .name .txt__name{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.item__work .list__tag{margin: 15px 0;}
.item__work .list__tag .tag{display: inline-block;position: relative;background: #fff;padding: 8px 16px;border-radius: 999px;font-size: 14px;font-weight: 400;margin: 0 18px 12px 0}
.item__work .view__work{font-weight: 500;font-size: 21px;font-family: var(--font-Oswald);color: #fff;position: relative;display: inline-block;padding-right: 55px;}
.item__work .view__work::before{width: 44px;height: auto;aspect-ratio: 44 / 9;background: url(../images/ic_row.svg) center /cover no-repeat;position: absolute;content:"";right: 0;top: 11px;}
.item__work .color{position: absolute;right: 15px;bottom: 15px;display: flex;}
.color__work{width: 36px;height: 36px;border: 2px solid #fff;background: #f00;border-radius: 50%;position: relative;display: flex;margin: 0 5px;}

/* DEFAUTL NAME BUTTON */
.btn_search,.btn a{width: 400px; height: 80px;display: flex; justify-content: center; align-items: center; background: url('../images/ic-right.png') no-repeat right 24px center /26px var(--txt);color: #fff;text-decoration: none;font-weight: bold;text-align: center;
    line-height: 1.5em;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn_search{margin: 30px auto 0;border: none;width: 270px;height: 50px;}
section{padding: 40px 0;}

/*==================== SEC01 ===================*/
.sec01{padding: 80px  0 90px 0;position: relative;z-index: 2;background: #fff;}
.sec01 .ttl .en{font-size: 104px;line-height: 0.96em;font-weight: 500;letter-spacing: -0.02em}
.sec01 .inner{position: relative;width: 1600px;justify-content: space-between;padding: 30px 29px 29px 0px;}
.sec01 .inner::before{background: var(--gray2);width: calc(100% - 140px);right: 0;top: 0;height: 100%;z-index: -1}
.sec01 .info_r{position: relative}
.sec01 .info_r::before{width: 1px;height: calc(100% + 58px);top: -29px;background: #000;left: -1px;z-index: 2;}
/*==================== SEC02 ===================*/
.sec02{margin: -17px 0;background:var(--mcolor);padding: 0 0 87px 0;position: relative;z-index: 1;}
.sec02 .inner{width:100%;padding: 0}
.sec02 .ttl{text-align: center;}
.sec02 .ttl .en{margin-bottom: 42px}
.sec02 .ttl .ja{color: #fff;font-family: var(--font-main);}
.sec02 .list__work{margin: 66px 0 0 0}
.sec02 .list__work .item__work{width: 490px;margin: 0 33px}
.sec02 .list__work .slick-list{margin: 0 -95px}
.sec02 .btn{margin: 84px 0 0 0;}
.sec02 .btn a{background: url(../images/ic-right-black.png) no-repeat right 22px center / 26px #fff;color:var(--txt);}

/*==================== SEC03 ===================*/
.sec03{position: relative;padding: 52px 0 74px 0;}
.sec03::before{top: 53.8%;left: 50%;transform: translate(-50%,-50%);min-width: 1260px;width: 100vw;height:430px;background: url(../images/bg_sec03.jpg) center /cover no-repeat}
.sec03 .inner{width: 1630px;}
.sec03 .ttl{text-align: center}
.sec03 .ttl .en{font-size: 60px;color:#fff;font-weight: 500;line-height: 1.4em;letter-spacing: -0.025em;margin-bottom: 6px;}
.sec03 .ttl .ja{font-size: 16px;color:#fff;font-weight: 500}
.info_sec03{display: flex;margin: 43px 0 0 0;justify-content: space-between;}
.info_sec03 .item{width: calc((100% - 83px) / 4);background: #fff;display: flex;position: relative;}
.info_sec03 .item .info{padding: 17px 0 0 0;}
.info_sec03 .item .img{margin: 0 27px 0 0;}
.info_sec03 .item .tt_sub{font-size: 17px;color:var(--mcolor);font-weight: 500;font-family: var(--font-Oswald);margin-bottom: 3px;letter-spacing: -0.02em;line-height: 1.5em;}
.info_sec03 .item .tt_name{font-size: 20px;font-weight: bold;line-height: 1.3em;margin-bottom: 10px}
.info_sec03 .item .view{font-size: 16px;font-weight: 500;font-family: var(--font-Oswald);position: absolute;bottom: 6px;right: 18px;padding-right: 28px;letter-spacing: -0.02em;}
.info_sec03 .item .view::before{width: 24px;height: auto;aspect-ratio: 24 / 7;background: url(../images/ic_row4.png) center /cover no-repeat;top: 13px;right: 0;}



/*==================== SEC04 ===================*/
.sec04{padding: 100px 0;}
.sec04,.sec04 .info_l{position: relative}
.sec04::before,.sec04 .info_l::before{width: 570px;height: auto;aspect-ratio: 57 / 59;left: -7px;bottom: 422px;}
.sec04::before{background: url(../images/sec04_bg_01.jpg) center /cover no-repeat;}
.sec04 .inner{width: 1630px;}
.sec04 .ttl{position: relative;margin-bottom: 29px;}
.sec04 .ttl .en{font-size: 104px;letter-spacing: -0.02em;margin-bottom: 28px;position: relative;left: -5px;}
.sec04 .ttl .ja{font-size: 30px;line-height: 1.66em}
.sec04 .info_sec04{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sec04 .info_sec04 .item{width: calc((100% - 62px) / 2);padding: 5px 0 0 0;margin-bottom: 39px;position: relative}
.sec04 .info_sec04 .item .info{position: relative}
.sec04 .info_sec04 .item .img{margin-bottom: 22px;text-align: center;position: relative}
.sec04 .info_sec04 .item .name{font-weight: 900;font-size: 34px;line-height: 1.45em;position: relative;padding-left: 91px;margin-bottom: 32px;}
.sec04 .info_sec04 .item .name::before{width: 119px;height: auto;aspect-ratio: 17 / 22;top: 1px;left: -40px;z-index: -1;}
.sec04 .info_sec04 .it1 .name::before{background: url(../images/num1.png) center /cover no-repeat}
.sec04 .info_sec04 .it2 .name::before{background: url(../images/num2.png) center /cover no-repeat}
.sec04 .info_sec04 .it3 .name::before{background: url(../images/num3.png) center /cover no-repeat}
.sec04 .info_sec04 .it4 .name::before{background: url(../images/num4.png) center /cover no-repeat}
.sec04 .info_sec04 .it5 .name::before{background: url(../images/num5.png) center /cover no-repeat}
.sec04 .info_sec04 .it6 .name::before{background: url(../images/num6.png) center /cover no-repeat}
.sec04 .info_sec04 .item .desc{position: relative;z-index: 2}
.sec04 .info_sec04 .item .name .txt_small,.sec04 .info_sec04 .item .name .txt_small2{font-weight: bold;}
.sec04 .info_sec04 .item .name .txt_small{font-size: 89%;}
.sec04 .info_sec04 .item .name .txt_small2{font-size: 73.6%;}
.sec04 .info_sec04 .it2 .name{line-height: 0.95em;}
.sec04 .info_sec04 .it2 .name,.sec04 .info_sec04 .it4 .name{font-weight: bold}
.sec04 .info_sec04 .it3 .name{line-height: 1.35em}
.sec04 .info_sec04 .it3 .name .txt_small2,.sec04 .info_sec04 .it5 .name .txt_small2{font-weight: 900}
.sec04 .info_sec04 .it4 .name{letter-spacing: -0.04em;line-height: 1.25em}
.sec04 .info_sec04 .it4 .name .ls02{letter-spacing: 0.01em}
.sec04 .info_sec04 .it5 .name,.sec04 .info_sec04 .it6 .name{line-height: 1.4em}
.sec04 .info_l .desc{margin-bottom: 39px;}
.sec04 .view a{font-size: 20px;font-family: var(--font-Oswald);padding-right: 55px;position: relative;font-weight: 500}
.sec04 .view a::before{width:44px;height: auto;aspect-ratio: 44 / 9;background: url(../images/ic_row3.svg) center /cover no-repeat;top: 11px;right: 0;transition: 0.3s all ease;}
.group_btn{text-align: center;margin: 54px 0 0 0;}
.sec04 .group_btn .inner{justify-content: center;}
.group_btn .info_btn{display: flex;justify-content: center}



/*==================== SEC05 ===================*/
.sec05{position: relative;padding: 172px 0 85px 0;background: var(--gray);margin: 110px 0 0 0;}
.sec05::before{width: 455px;height: auto;aspect-ratio: 5 / 4;background: url(../images/ic_sec05.png) center /cover no-repeat;left: 0;right: 0;margin: 0 auto;top: -150px;}
.sec05 .inner{width: 1630px}
.sec05 .ttl{text-align: center}
.sec05 .ttl .en{font-size: 50px;text-transform: uppercase;letter-spacing: -0.01em;}
.sec05 .ttl .ja{font-size: 26px;}
.info_sec05{display: flex;justify-content: space-between;margin: 64px 0 0 0;}
.info_sec05 .item{background: #fff;padding: 32px 30px 30px 30px;position: relative;width: calc((100% - 129px) / 3);}
.info_sec05 .item .info_tt{display: flex;margin-bottom: 11px;}
.info_sec05 .item .info_tt .tt{text-align: center;margin-bottom: 0;}
.info_sec05 .item .info_tt .img_user{display: flex;border-radius: 50%;background: #ACE8FF;width: 90px;height: 90px;}
.info_sec05 .item .info_tt .img_user img{border-radius: 50%;width: 100%;height: 100%;object-fit: cover;}
.info_sec05 .item .info_tt .txt_user{font-size: 16px;text-align: center;color:var(--mcolor);font-weight: bold;margin: -2px 0 0 0;display: block;}
.info_sec05 .item .info_tt .name{font-size: 24px;line-height: 1.45em;font-weight: bold;margin-left: 25px;}
.info_sec05 .item .desc{font-size: 16px}
.sec05 .btn{margin: 85px 0 0 0}


/*==================== SEC06 ===================*/
.sec06{margin: 0px 0;position: relative;padding: 0;}
.sec06 .inner{padding: 0;width: 100%;}
.info_sec06{display: flex;position: relative}
.info_sec06 .item{position: relative;width: calc(100% / 3);padding: 58px 43px 40px 70px;min-height: 400px;}
.info_sec06 .item .info{position: relative;z-index: 2;height: 100%;width: 100%;}
.info_sec06 .item::before{width: 100%;height: 100%;top: 0;left: 0}
.info_sec06 .item::after{width: 100%;left: 0;top: 0;background: rgb(57,123,201,40%);height: 100%;mix-blend-mode: multiply;}
.info_sec06 .it1::before{background: url(../images/sec06_img_01.jpg) center /cover no-repeat}
.info_sec06 .it2::before{background: url(../images/sec06_img_02.jpg) center /cover no-repeat}
.info_sec06 .it3::before{background: url(../images/sec06_img_03.jpg) center /cover no-repeat}
.info_sec06 .item .name-en,.info_sec06 .item .name-ja{color:#fff}
.info_sec06 .item .name-en{font-size: 60px;text-transform: uppercase;font-weight: 500;font-family: var(--font-Oswald);line-height: 1.1em;margin-bottom: 19px;letter-spacing: -0.024em;}
.info_sec06 .item .name-ja{font-size: 20px;font-weight: 500}
.info_sec06 .item .view{position: absolute;right: 71px;bottom: 12px;color: #fff;font-size: 20px;font-family: var(--font-Oswald);font-weight: 500;padding-right: 54px;z-index: 2;}
.info_sec06 .item .view::before {width: 44px;height: auto;aspect-ratio: 44 / 9;background: url(../images/ic_row.svg) center / cover no-repeat;position: absolute;content: "";right: 0;top: 18px;}
/*==================== SEC07 ===================*/
.message__bg {display: flex;justify-content: center;position: absolute;bottom: 335px;z-index: -1;width:200%;}
.message__bg  ul {display: flex;animation: message__bg 25s linear infinite;}
.message__bg  ul li {margin: 0;width: 500px;}
.sec07{padding: 191px 0 115px ;position: relative}
.sec07 .ttl{position: relative}
.sec07 .ttl::before{top: -42px;left: 0;width: 100px;height: 10px;background: var(--mcolor);position: absolute;content:""}
.sec07 .ttl .en{font-size: 128px;line-height: 1em;position: relative;left: -5px;margin-bottom: 16px;padding-top: 13px;}
.sec07 .ttl .ja{font-size: 16px;font-weight: bold;color:var(--mcolor)}
.info_sec07{display: flex;justify-content: space-between;}
.info_sec07 .info_r{background: #fff;width: 750px;padding: 2px 110px 57px 126px;}
.info_sec07 .tt_name{font-size: 36px;font-weight: bold;line-height: 1.8em;margin-bottom: 40px;}
.info_sec07 .desc{line-height: 2.5em}
.sec07 .group_btn{margin: 46px 0 0 0;}

 @keyframes message__bg {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}
/*==================== SEC08 ===================*/
.sec08{padding: 68px 0 97px 0;background: var(--gray);}
.sec08 .ttl{text-align: center;margin-bottom: 64px;}
.sec08 .ttl .en{font-size: 86px;font-weight: 500;letter-spacing: -0.02em;margin-bottom: 3px;}
.sec08 .ttl .ja{font-size: 26px;}
.sec08 .info_sec08{max-width: 1200px;margin: 0 auto}

.ac_qa .ac_ite:not(:last-child) {margin-bottom: 10px;}
.ac_qa .ac_question {cursor: pointer;display: flex;align-items: center;background: #fff;border-radius: 10px;margin-bottom: 20px;height: 80px;position: relative;}
.ac_qa .ac_question .num,.ac_qa .ac_answer .num{border-radius: 50%;font-weight: bold;font-size: 26px;display: flex;justify-content: center;align-items: center;background: var(--mcolor);width: 40px;height: 40px;color: #fff;margin: 0 26px 0 0;position: relative;line-height: 1.8em;padding-bottom:3px}
.ac_qa .ac_question::before{display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 7px 0px 7px;border-color: var(--mcolor) transparent transparent transparent;position: absolute;content:"";right: 22px;transition: 0.3s all ease}
.ac_qa .ac_question .name{font-weight: 600;font-size: 26px;line-height: 1.5em}
.ac_qa .ac_question, .ac_qa .ac_answer {padding: 12px 25px 11px;}
.ac_qa .ac_answer {border-radius: 10px;margin-bottom: 20px;display: none;background: #fff;position: relative;}
.ac_qa .ac_answer .num{position: absolute;}
.ac_qa .ac_answer .info{padding-left: 50px;}
.ac_qa .ac_answer.active{display: flex}
.ac_qa .ac_question.active::before{transform: rotate(180deg);}
.sec08 .btn{margin: 80px 0 0 0}
/*==================== SEC09 ===================*/
.sec09{padding: 76px 0 73px;position: relative}
.sec09 .inner{padding: 0;width: 100%;}
.sec09 .ttl{text-align: center;position: relative}
.sec09 .ttl .txt{display: inline-block;background: #fff;padding: 0 51px;position: relative;}
.sec09 .ttl::before,.sec09 .ttl::after{width: 100%;left: 0;background: #000;bottom: 35px;z-index: -1;}
.sec09 .ttl::before{height: 8px;}
.sec09 .ttl::after{height: 1px;bottom: 26px;}
.info_sec09{display: flex;margin: 69px 0 0 0;}
.info_sec09 .item{position: relative;width: 350px;margin: 0 30px;}
.info_sec09 .slick-list{margin: 0 -50px;}
.info_sec09 .item .date{font-size: 16px;font-weight: 500;font-family: var(--font-Oswald);position: relative;display: flex;min-width: 90px;width: 90px;margin-bottom: 17px;}
.info_sec09 .item .date::before{position: absolute;content:"";left: 0;bottom: -6px;width: 90px;height: 17px;border: 2px solid #000;z-index: 1;}
.info_sec09 .item .date .txt-date{padding: 0 5px 0 8px;background: #fff;display: inline-block;position: relative;z-index: 2;text-align: center;margin: 0 auto;line-height: 1em;left: 0;}
.info_sec09 .item .img{margin-bottom: 26px;display: flex;align-items: center;justify-content: center;height: 200px;background: var(--gray);}
.info_sec09 .item .img img{max-height: 100%;width: 100%;object-fit: cover;}
.info_sec09 .item .name{font-size: 24px;font-weight: bold;line-height: 1.45em;min-height: 70px;margin-bottom: 18px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.info_sec09 .item .desc{font-size: 16px;font-weight: 500;line-height: 2.1em;margin-bottom: 7px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.info_sec09 .item .view{font-size: 20px;font-weight: 500;font-family: var(--font-Oswald);position: relative;padding-right: 55px;text-align: right;margin-bottom: 0}
.info_sec09 .item .view::before{width:44px;height: auto;aspect-ratio: 44 / 9;background: url(../images/ic_row3.svg) center /cover no-repeat;top: 18px;right: 0;transition: 0.3s all ease;}
.sec09 .btn{margin: 60px 0 0 0}

/*ALL PAGE*/
.sec01 .inner::before,
.list-new li::before,
.sec01 .info_r::before,
.list-new li .date::before,
.sec03::before,
.info_sec03 .item .view::before,
.sec04 .view a::before,
.sec04 .info_sec04 .item .name::before,
.sec04::before,
.sec04 .info_l::before,
.info_sec06 .item::before,
.info_sec06 .item::after,
.sec05::before,
.sec09 .ttl::before,
.sec09 .ttl::after,
.info_sec09 .item .view::before{position: absolute;content:""}
.full_hover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{background-color: #191919;position: relative;z-index: 3;}

.ft_top{padding: 54px 0 83px 0;}
.ft_top .inner{display: flex;justify-content: space-between;max-width: 1430px;}

/* FOOTER INFORMATION */
.ft_info_l{width: 57.2%;padding: 9px 0px 0 0;}
.ft_info_r{width: 30%;}
.ft_info_tel a{font-size: 28px;color: #332829;font-weight: bold;padding-left: 25px;position: relative;line-height: 1;display: block;}
.ft_info_logo{border-bottom: 3px solid #fff;padding-bottom:21px;margin-bottom: 20px;}
.ft_info_logo2{margin-bottom: 15px}
.ft_map{width: 50%;}
.ft_map_iframe{width: 100%;height: 300px;}
.ft_map .gg_link{position: relative;text-align: right;margin-top: 10px;}
.ft_map .gg_link::before{background: url('../images/ic_map.png') center /cover no-repeat;width: 12px;height: 16px;content: '';display: inline-block;margin-right: 5px;position: relative;top: 2px;}

/* FOOTER LINK */
.ft_link{}
.ft_link .inner{padding: 0 12px;max-width: 100%;}
.ft_link ul{position: relative}
.ft_link ul:not(:last-child){margin-right: 0;}
.ft_link ul li{}
.ft_link ul li p{font-size: 125%;font-weight: bold;}
.ft_link ul li p a{}
.address{color:#fff;font-size: 16px;font-weight: 500;}
.address .tel_ft{color:#fff;font-weight: 500;}

.ft_link ul li{line-height: 1.5em;margin-bottom: 8px;}
.ft_link ul li > a{position: relative;padding-left: 20px;color: #fff;font-size: 16px}
.ft_link ul li > a::before{width: 6px;height: 6px;content: '';position: absolute;top: 10px;left: 0;background: #fff;border-radius: 50%}
.group_social{display: flex;justify-content: flex-end;}
.group_social p{margin-bottom: 0}
.group_social .line{margin-left: 9px}
address{text-align:center;background-color:#191919;color:#fff;font-size: 17px; padding: 20px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;letter-spacing: 0.02em;border-top: 1px solid #3D3D3D}

@-moz-document url-prefix() {
  .sec04 .info_sec04 .it3 .name{margin-right: -2px;}
}

/* BACK TO TOP */
.to_top{position:fixed;z-index:9;width:65px;height:65px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}