@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&family=Noto+Sans+JP: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: 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,h5,h6{line-height: 1.5;}
p,
dd,
dt,
li,
th,
td,
address{line-height:1.77em;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_sm{font-size: 80%;}
.c_blue{color:var(--mcolor);}
.c_yellow{color:var(--yellow);}
:root {
  --font-main: "Noto Sans JP", sans-serif;
  --font-Jost: "Jost", sans-serif;
  --txt: #404040;     
  --mcolor: #0048c0;
  --scolor: #e5002c; 
  --site_size: 1310px;
  
  --gray: #e9e9e9;
  --yellow: #ffe61e;
  --blue: blue;
  --red: red;
  --u_blue:#f3f6f6;
  --border:#ccc;

}

#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;}
.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: 20px 23px 15px 53px;transition: 0.3s all}
#logo{position: relative}
.h_contact{display: flex;align-items: center;}
.h_contact > p{margin-bottom: 0;}
.h_contact > p:not(:last-child){margin-right: 14px;}
.h_contact_mail a,.h_contact_tel a{color:#FFF;text-align: center;background-color:var(--mcolor);display: flex;justify-content: center;align-items: center;width: 223px;height: 66px;position: relative;border-radius: 10px;border: 2px solid #fff;font-size: 18px;font-weight: 400;letter-spacing: 0.05em;}
.h_contact_tel a .ic{position: relative;z-index: 2;display: inline-block;padding-left: 17px;}
.h_contact_tel a .ic::before{content: '';position: absolute;width: 16px;height: auto;left: -2px;top: calc(50% - 7px);background: url('../images/ic_h_tel.png') no-repeat center /cover;aspect-ratio: 1 / 1}
.h_contact_tel a{font-size: 23px;color: var(--mcolor);font-weight: 600;position: relative;line-height: 1;background: #fff;border-color: var(--mcolor);font-family: var(--font-Jost);letter-spacing: 0.025em;width: 217px;}
.h_contact_tel .time{font-size: 12px;display: block;line-height: 1.1;text-align: center;font-weight: 500;font-family:var(--font-main);position: relative;left: 5px;top: 1px;letter-spacing: 0.04em;}
.h_right{display: flex}
.logo_fixed{display: none}
header.show .logo_index{display: none}
header.show .logo_fixed{display: block}
header.show .h_inner{background: #fff;box-shadow: -1px 3px 18px rgb(6, 48, 67, 10%);}
header.show .h_contact_tel a{border-color: #fff}

/* 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: flex;width: 40px;height: 40px;border-radius: 50%;background: var(--mcolor);align-items: center;justify-content: center;}
.hamburger-inner{top:50%;display:block;margin-top: 0px;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width: 18px;height:2px;transition:all ease 0.15s;background-color: #fff;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top: -6px;}
.hamburger-inner::after{bottom: -6px;}
.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,6px,0) rotate(45deg);}
.hamburger--3dxy.is_active .hamburger-inner::after{transform: translate3d(0,-6px,0) rotate(-45deg);}

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;}
.mv{padding: 0;position: relative}
.main_mv{position: relative;padding: 0;height: 960px;width: 1920px;background: url(../images/mv.jpg) center /cover no-repeat;z-index: 1;}
.main_mv::before,.main_mv::after{position: absolute;content:"";height: auto;aspect-ratio: 1 / 1;z-index: -1}
.main_mv::before{left: 0;top: 0;width: 960px;background: url(../images/bg_mv_before.png) center /cover no-repeat}
.main_mv::after{right: 0;bottom: 0;width: 708px;background: url(../images/bg_mv_after.png) center /cover no-repeat}
.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:absolute;z-index:2;top: 214px;left: 94px;height:auto}
.mv_txt h2{font-size:84px;font-weight:bold;line-height: 1.4em;color: #fff;letter-spacing: 0.03em;position: relative}
.mv_txt h2::before{position: absolute;content:"";left: 0;bottom: 0px;width: calc(100% - 36px);height: 2px;background: #fff;}
.mv_txt h2 .txt_small{font-size:81%}
.mv_txt h2 .txt_big{font-size:131%}
.mv_txt h2 .txt2{letter-spacing: 0.04em}
.txt-mv-b{font-size: 32px;line-height: 1.56em;color:#fff;font-weight: 500;letter-spacing: -0.001em;margin: 23px 0 0 0;}
.txt-mv-b .txt_big{font-weight: bold;font-size: 137.5%}
.txt-mv-b .txt2{letter-spacing: 0.015em}

.box_banner{display: flex;position: absolute;left: 93px;bottom: 152px;max-width: 915px;width: 100%;z-index: 2;}
.box_banner .item{width: calc((100% - 54px) / 4);border-radius: 10px;overflow: hidden;background: #fff;text-align: center;margin: 0 18px 0 0;}
.box_banner .item:last-child{margin-right: 0}
.box_banner .item .tt-name{font-weight: bold;font-size: 28px;line-height: 1.28em;margin-bottom: -3px;color: var(--mcolor);background: url(../images/bg_tt_banner.png) center /cover no-repeat;height: 86px;display: flex;justify-content: center;align-items: center;}
.box_banner .item .tt-name .txt_num{margin-right: 7px}
.box_banner .item .tt-desc{font-weight: 500;font-size: 20px;line-height: 1.3em;padding: 15px 5px 21px 5px;}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}
.txt-user{position: absolute;right: 170px;bottom: 65px;color:#fff;font-size: 25px;font-weight: bold;z-index: 2;text-align: left;}
.txt-user .txt-small{font-size: 65%;font-weight: 500}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl{text-align: center;font-weight: 500;}
.ttl .ja{font-size: 58px;}

/* DEFAUTL NAME BUTTON */
.btn a{width: 205px;height: 50px;border-radius: 999px;display: flex;align-items: center;background: url('../images/ic-right.png') no-repeat right 16px center /26px var(--mcolor);font-size: 18px;color: #fff;text-decoration: none;padding: 0 26px;letter-spacing: -0.08em;}
.btn.center a{margin-left: auto; margin-right: auto;}

section{padding: 40px 0;}
.bg_line{position: relative;background: radial-gradient(circle, var(--mcolor) 44%, transparent 40%) 0 100% / 11px 5px repeat-x;padding-bottom: 3px;}
.bg_line_yellow{position: relative;background: radial-gradient(circle, var(--yellow) 44%, transparent 40%) 0 100% / 11px 5px repeat-x;}
.full_hover{position: absolute;width: 100%;z-index: 789;height: 100%;top: 0;left: 0}
/*==================== SEC01 ===================*/
.sec01{position: relative;padding: 89px 0 79px 0;z-index: 2;}
.sec01::before{position: absolute;content:"";width: 1920px;height: 995px;bottom: 0;left: -7px;background: url(../images/bg_sec01.png) center /cover no-repeat;z-index: -1}
.sec01 .ttl .ja{letter-spacing: -0.02em}
.sec01 .ttl .ja .txt{padding-right: 2px}
.sec01 .desc_sec01{font-size: 20px;font-weight: 500;text-align: center;margin: 20px 0 0 0;letter-spacing: -0.01em;}

.info_sec01{display: flex;justify-content: space-between;margin: 124px auto 0 auto;max-width: 1136px;}
.info_sec01 .box_sec01{width: calc((100% - 340px) / 2);}
.info_sec01 .ct_circle{position: relative;display: flex;align-items: center;justify-content: center;}
.info_sec01 .item{border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 210px;height: 210px;background: var(--mcolor);text-align: center;position: relative;z-index: 2}
.info_sec01 .item:not(.item_big){position: absolute;}
.info_sec01 .item .name{font-size: 20px;line-height: 1.7em;color: #fff;letter-spacing: 0.01em}
.info_sec01 .item_big{width:380px;height: 380px;background: none;position: relative;z-index: 1;padding-bottom: 40px;}
.info_sec01 .item_big::before{position: absolute;content:"";top: -32px;width: 447px;aspect-ratio: 1 / 1;height: auto;z-index: -1;left: -35px;margin: 0 auto;right: 0;}
.info_sec01 .item_big1::before{background: url(../images/bg_item_big_1.png) center /cover no-repeat;}
.info_sec01 .item_big2::before{background: url(../images/bg_item_big_2.png) center /cover no-repeat;}
.info_sec01 .item_big .img{margin-bottom: 21px;position: relative;top: 2px;}
.info_sec01 .item_big .name{font-size: 28px;line-height: 1.428em;color:var(--mcolor);font-weight: 500}
.info_sec01 .item_big1 .name .ls0{letter-spacing: -0.07em}
.info_sec01 .item_big2 .name .ls0{letter-spacing: -0.05em}
.info_sec01 .bg2{background: var(--yellow);}
.info_sec01 .bg2 .name{color: var(--mcolor);font-weight: 500}

.info_sec01 .item1,.info_sec01 .item2{top: -81px;}
.info_sec01 .item1{left: -74px;}
.info_sec01 .item2{right: -69px;}

.info_sec01 .item3,.info_sec01 .item4{bottom: -80px;}
.info_sec01 .item3{left: -74px;}
.info_sec01 .item4{right: -68px;}

.info_sec01_2{margin: 201px 0 0 0;}
.sec01 .info_sec01_2 .ttl .ja{letter-spacing: 0}
.sec01 .info_sec01_2 .ttl .ja{color: #fff;line-height: 1.46em;}
.sec01 .info_sec01_2 .ttl .ja .bg_line{padding-bottom: 5px;}
.sec01 .info_sec01_2 .desc_sec01_2{color: #fff;font-weight: 400;margin: 28px 0 0 0;}
.box_contact{display: flex;justify-content: space-between;margin: 43px 0 0 0;}
.box_contact .item{background: #fff;padding:63px 50px 64px 50px;border-radius: 20px;position: relative;width: calc((100% - 40px) / 2);position: relative}
.box_contact .item-contact::after{position: absolute;content: "";right: 19px;bottom: 20px;height: auto;background: url(../images/btn_contact.png) center /cover no-repeat;width: 48px;aspect-ratio: 3 / 2;}
.box_contact .item .tt-contact{color:var(--mcolor);font-weight: bold;font-size: 24px;margin-bottom: 30px;text-align: center;line-height: 1.5em;position: relative}
.box_contact .item .tt-contact::before{left: 0;right: 0;margin: 0 auto;position: absolute;content:"";width: 2px;height: 12px;background: var(--mcolor);bottom: -14px;}
.box_contact .item .tel-contact{text-align: center;margin-bottom: 0px;}
.box_contact .item .tel-contact a{color:var(--mcolor);font-family: var(--font-Jost);font-size: 49px;font-weight: 600;letter-spacing: 0.013em;}
.box_contact .item .tt-time-contact{text-align: center;font-weight: 400;font-size: 18px;margin-bottom: 0;color: var(--mcolor);position: relative;left: 7px;top: -1px;letter-spacing: 0.045em;}
.box_contact .item .email-contact{text-align: center;font-weight: 700;color:var(--mcolor);font-size: 35px;letter-spacing: 0.02em;margin-bottom: -1px;} 
.box_contact .item .tt-contact-ic .ic{position: relative;padding-left: 44px;}
.box_contact .item .tt-contact-ic .ic::before{position: absolute;content:"";height: auto} 
.box_contact .item-contact .tt-contact{margin-bottom: 10px;letter-spacing: 0.01em;position: relative}
.box_contact .item-tel .tt-contact{letter-spacing: 0.02em}
.box_contact .item-contact .tt-contact-ic .ic{padding-left: 54px;}
.box_contact .item-contact .tt-contact-sub{margin-bottom: 0;color:#fff;font-size: 16px;font-weight: 400;line-height: 1.75em;text-align: center;letter-spacing: 0.01em;}
.box_contact .item-contact .tt-contact-sub .txt{display: inline-block;padding: 3px 18px 3px 27px;border-radius: 999px;background: var(--scolor);line-height: 1.1em;}
.box_contact .item-tel .tt-contact-ic .ic::before{width: 32px;aspect-ratio: 16 / 17;background: url(../images/ic_tel_contact.png) center /cover no-repeat;left: 3px;top: 22px;}
.box_contact .item-contact .tt-contact-ic .ic::before{width: 38px;aspect-ratio: 19 / 14;background: url(../images/ic_email_contact.png) center /cover no-repeat;left: 4px;top: 15px;}

/*==================== SEC02 ===================*/
.sec02{position: relative;padding: 91px 0 107px;}
.sec02 .inner{width: 1490px}
.sec02::before{position: absolute;content:"";width: 1884px;left: 0;right:0;margin: 0 auto;background: url(../images/bg_sec02.jpg) center /cover no-repeat;height: 2995px;top: -90px;z-index: -1;}
.sec02 .ttl{margin-bottom: 16px}
.sec02 .desc_sec02{text-align: center;font-weight: 500;font-size: 20px;line-height: 1.9em;margin-bottom: 49px;}
.sec02 .desc_sec02 .ls0{letter-spacing: -0.02em}

.info_sec02 .item{position: relative;}
.info_sec02 .item .info{display: flex;position: relative;}
.info_sec02 .item .info .img{overflow: hidden;border-radius: 250px;position: relative;z-index: 2;}
.info_sec02 .item .name{font-weight: bold;font-size: 80px;line-height: 1.25em;margin-bottom: 0;letter-spacing: 0.032em;}
.info_sec02 .item .desc{color:var(--mcolor);font-weight: 500;font-size: 20px;line-height: 2.2em;letter-spacing: 0.01em;}

.info_sec02 .item1,.info_sec02 .item2,.info_sec02 .item3{margin-bottom: 140px;}
.info_sec02 .item1 .info .img,.info_sec02 .item3 .info .img{margin-right: 66px}
.info_sec02 .item .info .info_txt{margin: -13px 0 0 0;position: relative}
.info_sec02 .item .name1{color:#e6012c;}
.info_sec02 .item .name2{color:var(--mcolor);}

.info_sec02 .item1 .name .ls0{letter-spacing: 0;}
.info_sec02 .item2 .name .ls0{letter-spacing: 0.028em;}
.info_sec02 .item3 .name .ls0{letter-spacing: -0.06em;}
.info_sec02 .item4 .name .ls0{letter-spacing: -0.045em;}
.info_sec02 .item4 .name .ls1{letter-spacing: -0.01em;}



/*==================== SEC03 ===================*/
.sec03{position: relative;padding: 200px 0 57px 0;}
.sec03 .ct_sec03{position: relative}
.sec03 .inner{width: 1490px}
.sec03::before,.sec03 .ct_sec03::before,.sec03 .ct_sec03::after{position: absolute;content:"";}
.sec03 .ct_sec03::before,.sec03 .ct_sec03::after{height: auto;top: -119px;}
.sec03 .ct_sec03::before{width: 218px;background: url(../images/ic_sec03_before.png) center /cover no-repeat;aspect-ratio: 1 / 1;left: 53px;}
.sec03 .ct_sec03::after{width: 294px;background: url(../images/ic_sec03_after.png) center /cover no-repeat;aspect-ratio: 147 / 205;right: 48px;top: -135px;}
.sec03::before{left: 0;top: 0;width: 1920px;height: 1117px;background: url(../images/bg_sec03.png) center /cover no-repeat;z-index: -1}
.sec03 .ttl{margin-bottom: 26px;letter-spacing: -0.02em;}
.sec03 .ttl .bg_line{padding-bottom: 6px}
.sec03 .desc_sec03{text-align: center;font-weight: 500;font-size: 20px;line-height: 1.9em;margin-bottom: 71px;letter-spacing: 0.02em}

.info_sec03{display: flex;justify-content: space-between;}
.info_sec03 .item{width: 427px;height: 427px;position: relative;text-align: center;border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;padding: 15px 0 0 3px;}
.info_sec03 .item::before{position: absolute;content:"";top: -17px;width: calc(100% + 34px);left: -17px;border-radius: 50%;border: 1px solid #c2e5ea;height: calc(100% + 34px);}
.info_sec03 .item .tt-sub{color:#fff;line-height: 1.3em;font-weight: 400;font-size: 20px;margin-bottom: 21px;text-align: center;letter-spacing: -0.05em;}
.info_sec03 .item .tt-sub .txt{display: flex;background: var(--scolor);border-radius: 4px;padding:0px 0px 2px 0px;position: relative;width: 187px;height: 34px;justify-content: center;align-items: center;margin: 0 auto;}
.info_sec03 .item .tt-sub .txt::before{left: 0;right: 0;margin: 0 auto;bottom: -7px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 9px 7px 0px 7px;border-color:  var(--scolor) transparent transparent transparent;position: absolute;content:""}
.info_sec03 .item .name{font-size: 38px;font-weight: 500;letter-spacing: -0.03em;margin-bottom: 32px;line-height: 1.1em;position: relative}
.info_sec03 .item .name::before{position: absolute;content:"";left: 0;right: 0;bottom: -25px;margin: 0 auto;width: 2px;height: 12px;background: var(--mcolor);}
.info_sec03 .item .name .txt_c{color: var(--mcolor);font-weight: bold}
.info_sec03 .item .desc{line-height: 1.77em;margin-bottom: 33px;}
.info_sec03 .item .btn{position: relative}
.info_sec03 .item .btn a{margin: 0 auto}
.info_sec03 .item3 .tt-sub{letter-spacing: 0.02em}




/*==================== SEC04 ===================*/
.sec04{position: relative;padding: 87px 0 120px;}
.sec04 .inner{width: 1490px}
.sec04::before{position: absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;background: url(../images/bg_sec04.jpg) center /cover no-repeat;z-index: -1;background-size: 100% 100%;}
.sec04 .ttl{color:#fff;margin-bottom: 22px}
.sec04 .ttl .ja{letter-spacing: 0.02em}
.sec04 .ttl .txt{font-weight: bold;}
.sec04 .ttl .bg_line{padding-bottom: 5px;}
.sec04 .desc_sec04{text-align: center;font-weight: 400;font-size: 20px;line-height: 1.9em;margin-bottom: 70px;letter-spacing: -0.01em;color: #fff;}
.info_sec04{display: flex;justify-content: space-between;}
.info_sec04 .item{position: relative;padding: 67px 10px 89px 10px;background: #fff;border-radius: 20px;width: calc((100% - 100px) / 4);}
.info_sec04 .item::before{bottom: 41px;left: 2px;right: 0;margin: 0 auto;background: url(../images/ic_sec04.png) center /cover no-repeat;width: 134px;aspect-ratio: 67 / 24;height: auto;position: absolute;content:""}
.info_sec04 .item2::before{display: none}
.info_sec04 .item .txt-num{color:#fff;font-size: 22px;font-weight: 500;width: 92px;height: 92px;display: flex;align-items: center;justify-content: center;position: absolute;left: -19px;top: -24px;border-radius: 50%;background: var(--mcolor);}
.info_sec04 .item .img{text-align: center;margin-bottom: 25px;}
.info_sec04 .item .name-sub{font-size: 20px;color:var(--mcolor);line-height: 1.4em;text-align: center;margin-bottom: 19px;letter-spacing: 0.04em;}
.info_sec04 .item3 .name-sub{letter-spacing:0.01em}
.info_sec04 .item .name-sub .txt{padding: 0 0 0 0;background:#bee6eb;border-radius:999px;display: flex;width: 170px;height: 34px;margin: 0 auto;align-items: center;justify-content: center;}
.info_sec04 .item .info{margin: 0 auto;}
.info_sec04 .item .info .list li{display: flex;margin-bottom: 10px;text-align: center;}
.info_sec04 .item .info .list li .txt{font-size: 20px;line-height: 1.4em;}
.info_sec04 .item .info .list li .txt1{color:var(--mcolor);min-width: 130px;text-align: right;margin-right: 14px;letter-spacing: 0.02em;}
.info_sec04 .item .info .list li .txt2{letter-spacing: 0.05em;text-align: left;}
.info_sec04 .item4 .info .list li .txt1{letter-spacing: 0.03em}
.info_sec04 .item4 .info .list li .txt2{letter-spacing: -0.035em}

.info_sec04 .item1 .info{max-width: 295px;}
.info_sec04 .item2 .info{max-width: 252px;}
.info_sec04 .item3 .info{max-width: 295px;}
.info_sec04 .item4 .txt-num{background: var(--yellow);color:#005bab}
.sec04 .btn{margin: 50px 0 0 0;}
.sec04 .btn a{width: 294px;height: 78px;margin: 0 auto;border:2px solid #fff;padding: 0 32px;letter-spacing: -0.05em;}

/*==================== SEC05 ===================*/
.sec05{position: relative;padding: 102px 0 120px;}
.sec05 .inner{width: 1490px}
.sec05 .ttl{margin-bottom: 25px;text-align: left}
.sec05 .ttl .ja{margin: 0 0 0 -18px;letter-spacing: -0.01em;}
.sec05 .ttl .ja .bg_line{padding-bottom: 7px}
.sec05 .ttl .ja .bg_line::before{position: absolute;content:"";left: 3px;bottom: 0;width: 5px;height: 5px;background: #fff;}
.sec05 .ttl .ja .txt{font-weight: bold}
.sec05 .desc_sec05{text-align: left;font-weight: 500;font-size: 20px;line-height: 1.9em;margin-bottom: 47px;letter-spacing: 0.005em;}
.info_sec05 .item{border-radius: 40px;padding: 39px 40px 12px 39px;background: #f3f6f6;border: 1px solid #b2b2b7;display: flex;justify-content: space-between;margin-bottom: 40px;}
.info_sec05 .item:last-child{margin-bottom: 0}
.info_sec05 .item .img{width: 367px;border-radius: 25px}
.info_sec05 .item .img img{border-radius: 25px}
.info_sec05 .item .info{width: calc(100% - 447px);}
.info_sec05 .item .tt-sub{display: inline-block;color:#fff;font-size: 22px;background: var(--mcolor);border-radius: 8px;line-height: 1.2em;padding: 7px 26px 6px 9px;letter-spacing: -0.01em;margin-bottom: 19px;position: relative}
.info_sec05 .item .tt-sub::before{position: absolute;content:"";left: 0;right: 0;margin: 0 auto;bottom: -7px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 9px 7px 0px 7px;border-color: var(--mcolor) transparent transparent transparent;}
.info_sec05 .item .tt-sub .txt{display: inline-block;padding: 2px 19px 4px 17px;background: var(--yellow);color: var(--mcolor);border-radius: 6px;font-size: 91%;line-height: 1.2em;font-weight: 500;margin-right: 10px;letter-spacing: 0.05em;}
.info_sec05 .item .name{font-size: 28px;font-weight: 500;border-bottom: 1px solid var(--txt);margin-bottom: 25px;letter-spacing: 0.01em;padding-bottom: 17px;}
.info_sec05 .item .desc{margin-bottom: 33px;}
.info_sec05 .item .view{text-align: right;}
.info_sec05 .item .view a{border-radius: 999px;display: flex;align-items: center;justify-content: center;font-weight: 500;font-size: 18px;background: #fff;color: var(--mcolor);width: 265px;height: 50px;letter-spacing: -0.02em;margin-left: auto;padding-left: 6px;}
.info_sec05 .item .view a .ic{position: relative;padding-right: 40px;}
.info_sec05 .item .view a .ic::before{width: 26px;height: auto;right: -7px;top: 7px;background: url(../images/ic-right-blue.png) center /cover no-repeat;aspect-ratio: 13 / 9;position: absolute;content:""}
.info_sec05 .item2 .name{letter-spacing: -0.018em}
.info_sec05 .item3 .name{letter-spacing: -0.028em}
.info_sec05 .item2 .tt-sub,.info_sec05 .item3 .tt-sub{letter-spacing: 0.02em;}


/*==================== SEC06 ===================*/
.sec06{position: relative;padding: 100px 0 79px;background: var(--mcolor);}
.sec06 .inner{width: 1490px}
.sec06 .ttl{text-align: left;color:#fff;margin-bottom: 20px;margin: 0 0 20px -8px;}
.sec06 .ttl .ja{letter-spacing: -0.034em;}
.sec06 .ttl .bg_line::before{border-bottom-color: var(--yellow);left: 3px;width: calc(100% - 3px);}
.sec06 .desc_sec06{text-align: left;font-size: 20px;line-height: 1.9em;margin-bottom: 40px;letter-spacing: -0.01em;color:#fff}
.info_sec06{display: flex;justify-content:space-between;flex-wrap: wrap;}
.info_sec06 .item{width: calc((100% - 80px) / 3);margin-bottom: 30px;position: relative}
.info_sec06 .item .info-img{position: relative}
.info_sec06 .item .img{margin-bottom: 0}
.info_sec06 .item .name{color:#fff;font-weight: bold;font-size: 38px;position: absolute;left: 0;top: calc(50% - 35px);right: 0;margin: 0 auto;text-align: center;}
.info_sec06 .item .info{background: #fff;padding: 16px 30px 25px 30px;min-height: 155px;}
.info_sec06 .item .info .desc{line-height: 1.77em;}
.info_sec06 .item1 .name,.info_sec06 .item2 .name,.info_sec06 .item4 .name,.info_sec06 .item6 .name{letter-spacing: 0.015em}

/*==================== SEC07 ===================*/
.sec07{position: relative;padding: 69px 0;}
.sec07 .inner{width: 1490px}
.sec07::before{position: absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,#d8e9f7 0%,#e2edf8 25%,#ecf1f8 50%,#f5f7fb 75%,#ffffff 100%);}
.sec07 .info_ttl{display: flex;margin-bottom: 25px;}
.sec07 .ttl{text-align: left}
.sec07 .ttl .ja{letter-spacing: 0.01em}
.sec07 .ttl .ja .bg_line{padding-bottom: 5px;padding-right: 2px;}
.sec07 .desc_sec07{text-align: left;font-size: 20px;line-height: 1.9em;margin-bottom: 40px;letter-spacing: 0em;position: relative;    font-weight: 500;}
.sec07 .desc_sec07::before{position: absolute;content:"";left: -80px;top: 22px;height: 143px;width: 2px;background: #fff}
.info_sec07{display: flex;}
.info_sec07 .item{width: 134px;height: 134px;border-radius: 50%;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 26px;padding: 15px 0 0 0;position: relative}
.info_sec07 .item .img{margin-bottom: 4px;}
.info_sec07 .item .name{font-size: 16px;font-weight: 500;color:var(--mcolor);line-height: 1.25em;text-align: center;}
.sec07 .info_txt{margin: 39px 0 0 0;position: relative;padding-bottom: 178px;}
.sec07 .info_txt::before{position: absolute;content:"";right: 50px;height: auto;bottom: -34px;width: 454px;background: url(../images/ic_sec07.png) center /cover no-repeat;aspect-ratio: 227 / 200;}
.sec07 .info_txt .tt-txt{font-weight: 500;font-size: 20px;color:var(--mcolor);line-height:1.4em;margin-bottom: 8px;letter-spacing: -0.015em;}
.sec07 .info_txt .tt-txt .txt{display: inline-block;padding: 5px 11px 7px 24px;background: #bee6eb;border-radius: 999px}
.sec07 .info_sec07_2 .info_ttl{margin-bottom: 0px;}
.sec07 .info_sec07_2 .ttl .ja .bg_line{padding-right: 0}
.sec07 .info_sec07_2{margin: 0 -370px 0 0;position: relative;z-index: 1;}
.sec07 .info_sec07_2::before{position: absolute;content:"";width: 990px;height: 592px;left: calc(50% - 1145px);top: -66px;background: url(../images/bg_sec07_2.jpg) center /cover no-repeat;border-radius: 0 40px 40px 0;z-index: -1;}
.sec07 .info_sec07_2 .desc_sec07::before{height: 78px;top: 14px;left: -59px;}
.info_slider_sec07{display: flex;justify-content: space-between;}
.info_slider_sec07 .item{width: 540px;box-shadow: -1px 3px 18px rgb(6,48,67,10%);background: #fff;border-radius:20px;padding: 30px 25px 35px 30px;display: flex;margin: 0 30px}
.info_slider_sec07 .item .img{margin: 0  22px 0 0;width: 111px;}
.info_slider_sec07 .item .info{width: calc(100% - 133px);margin: -3px 0 0 0;}
.info_slider_sec07 .item .tt-sub,.info_slider_sec07 .item .tt-name{font-weight:500;color:var(--mcolor);}
.info_slider_sec07 .item .tt-sub{font-size: 18px;margin-bottom: 2px;}
.info_slider_sec07 .item .tt-name{font-size: 28px;line-height: 1.42em;letter-spacing: -0.03em;margin-bottom: 15px;}
.info_slider_sec07 .item .desc{font-size: 16px;line-height: 1.75em;}
.info_slider_sec07 .slick-list{padding: 12px 0 15px 0;}

/*==================== SEC08 ===================*/
.sec08{position: relative;padding: 177px 0 0;z-index: 1;}
.ct_sec08,.ct_sec08_sub{position: relative;display: block;height: 100%;}
.ct_sec08{padding-bottom: 510px;}
.sec08 .inner{width: 1130px}
.sec08::before,.sec08::after,.ct_sec08::before,.ct_sec08::after,.ct_sec08_sub::before,.ct_sec08_sub::after{position: absolute;content:"";height: auto}
.sec08::before{top: 29px;left: 68px;width: 276px;background: url(../images/ic_sec08_before.png) center /cover no-repeat;aspect-ratio: 138 / 137;}
.sec08::after{top: -23px;right: 493px;width: 276px;background: url(../images/ic_sec08_after.png) center /cover no-repeat;aspect-ratio: 138 / 371;}
.ct_sec08::before{bottom: 153px;right: 510px;width: 548px;background: url(../images/ic_sec08_before_1.png) center /cover no-repeat;aspect-ratio: 274 / 161;}

.ct_sec08_sub::before{top: 130px;left: -147px;width:592px;background: url(../images/sec08_img_01.png) center /cover no-repeat;aspect-ratio: 1 / 1;}
.ct_sec08_sub::after{top: -141px;right: -208px;width:865px;background: url(../images/sec08_img_02.png) center /cover no-repeat;aspect-ratio: 1 / 1;}
.ct_sec08::after{bottom: -23px;left: 272px;width: 531px;background: url(../images/sec08_img_03.png) center /cover no-repeat;aspect-ratio: 1 / 1;}
.sec08 .ttl{text-align: left;letter-spacing: -0.15em;margin-bottom: 40px;}
.sec08 .ttl .ja{font-size: 64px;line-height: 1.55em}
.sec08 .ttl .bg_line{padding-bottom: 6px;padding-right: 7px;}
.sec08 .ttl .txt2{padding-bottom: 7px}
.sec08 .ttl .ja .ls1{letter-spacing: -0.009em;}
.sec08 .desc_sec08{font-size: 20px;line-height: 2.2em;letter-spacing: 0em;position: relative;font-weight: 500;}
.txt-user-sec08{position: absolute;right: 50px;bottom: -100px;font-size: 30px;font-weight: bold}
.txt-user-sec08 .txt-small{font-size:80%;font-weight: 500}
/*==================== SEC09 ===================*/
.sec09{padding: 100px 0;position: relative;margin: -111px 0 0 0;z-index: 2;}
.sec09::before{position: absolute;content:"";left: 0;top: 0;background: linear-gradient(to bottom, #d8e9f7 0%, #e2edf8 25%, #ecf1f8 50%, #f5f7fb 75%, #ffffff 100%);width: 100%;height: 555px;border-radius: 40px 40px 0  0}
.sec09 .ttl{text-align: left;margin-bottom: 20px;letter-spacing:-0.05em;}
.sec09 .ttl .ja{font-size: 64px}
.sec09 .ttl .bg_line::before{width: calc(100% - 4px);left: 2px}
.sec09 .desc_sec09{font-size: 20px;line-height: 1.9em;letter-spacing: -0.04em;position: relative;font-weight: 500;margin: 0 0 22px 7px;}
.sec09 .inner{display: flex;justify-content: space-between;width: 1490px;}
.sec09 .inner .box_left{width: 266px;}
.sec09 .inner .box_right{width: calc(100% - 361px);}
.sec09 .btn{margin: 0 0 0 5px}
.sec09 .btn a{background: #fff;color:var(--mcolor);font-weight: 500;background: url(../images/ic-right-blue.png) no-repeat right 16px center / 26px #fff;letter-spacing: 0}


.list_news{padding: 56px 100px 55px 100px;border-radius: 20px;background: #fff;box-shadow: -1px 3px 18px rgb(6, 48, 67, 3%);}
.list_news li{display: flex;align-items: center;margin: 20px 0;}
.list_news li .date-post{color:var(--mcolor);font-family: var(--font-Jost);margin-bottom: 0;letter-spacing: 0.05em;margin-right: 19px;min-width: 105px;}
.list_news li .cate-post{font-size: 12px;font-weight: 500;line-height: 1.5em;margin-bottom: 0;margin-right: 21px;display: flex;align-items: center;justify-content: center;background: #eaebef;border-radius: 999px;width: 96px;height: 26px;padding: 0 5px;min-width: 96px;}
.list_news li .name-post{font-size: 20px;font-weight: 500;letter-spacing: 0.05em;position: relative;}
.list_news li .cate-post .txt,.list_news li .name-post .txt{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}

/*==========================================================
                        F O O T E R
==========================================================*/


footer{position: relative;z-index: 3;}
.ft_cta,.ct_ft_cta{position: relative}
.ft_cta{padding:21px 0 20px}
.ft_cta::before{left: -164px;top: -60px;height: auto;aspect-ratio: 1 / 1;width: 610px;background: url(../images/ic_cta.png) center /cover no-repeat;z-index: -1;}
.ft_cta .inner{width: 1460px;position: relative;padding: 86px 90px 60px 90px;}
.ft_cta::before,.ft_cta::after,.ft_cta .inner::before,.ft_cta .inner::after,.ct_ft_cta::before,.ct_ft_cta::after{position: absolute;content:"";}
.ft_cta::after{background: url(../images/cta_user_1.png) center /cover no-repeat;width: 222px;height: auto;left: 39px;bottom: 105px;z-index: -1;aspect-ratio: 1 / 1}
.ct_ft_cta::before{background: url(../images/cta_user_2.png) center /cover no-repeat;width: 180px;height: auto;right: 393px;top: -39px;aspect-ratio: 1 / 1}
.ct_ft_cta::after{background: url(../images/cta_user_3.png) center /cover no-repeat;width: 138px;height: auto;right: 131px;top: calc(50% - 79px);aspect-ratio: 1 / 1}
.ft_cta .inner::before{background: url(../images/bg_cta.jpg) center /cover no-repeat;width: 100%;height: 100%;border-radius: 20px;left: 0;top: 0;z-index: -1;}

.ft_cta .ttl-cta{font-size: 48px;color:#fff;line-height: 1.46em;margin-bottom: 24px;font-weight: 500;letter-spacing: -0.01em;}
.ft_cta .ttl-cta .ls0{letter-spacing: 0.01em}
.ft_cta .desc-cta{line-height: 1.77em;letter-spacing: 0.01em;}
.ft_cta .box_contact{margin: 33px 0 0 0;}


/* FOOTER LINK */
.box_ft{padding: 85px 0 52px;position: relative;margin: 100px 0 0 0;}
.box_ft::before{position: absolute;content:"";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bg_ft.jpg) center /cover no-repeat;z-index: -1}
.box_ft>.inner{display: flex;width: 1310px;justify-content:space-between;}
.box_ft .inner .box_left{width: 590px;}
.box_ft .inner .box_right{width: calc(100% - 644px);}

.logo_ft{margin-bottom: 32px;}

.ft_link{margin: -11px 0 0 0;}
.ft_link .inner{display: flex;padding: 0}
.ft_link .ul_1{margin-right: 95px;}
.ft_link .ul_2{margin-right: 120px;}
.ft_link ul .big{margin-bottom: 23px;letter-spacing: 0.05em;}
.ft_link ul .big2,.ft_link ul .big3{margin-bottom: 10px}
.ft_link ul .tt-ft{margin-bottom: 6px;}
.ft_link ul li p,.ft_link ul li p a{font-size: 20px;font-weight: 400;color:#fff;letter-spacing: -0.04em;}
.ft_link ul li p .ls0{letter-spacing: 0.02em}
.ft_link ul li p .ls1{letter-spacing: 0.01em}

.ft_link ul li > a{position: relative;color:#fff;font-size: 16px;font-weight: 300;letter-spacing: -0.04em;}
.ft_link ul li > a.ls0{letter-spacing:0.05em}
.ft_link ul li{line-height: 1.5em}
.ft_tel{margin-bottom: 0px;}
.ft_tel a{font-weight: 600;font-size: 49px;color:#fff;font-family: var(--font-Jost);letter-spacing: 0.010em;}
.ft_tel a .txt{position: relative;padding-left: 45px;}
.ft_tel a .txt::before{width: 32px;aspect-ratio: 16 / 17;background: url(../images/ic_tel_white.png) center / cover no-repeat;left: 3px;top: 20px;position: absolute;content:""}
.ft_time{color:#fff;font-weight: 300;}

address{text-align:center;color:#fff;font-size: 14px;margin: 51px 0 0 0;font-weight: 200;letter-spacing: 0.08em;}

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