@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Ubuntu:wght@400;500;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, 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;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font-main);word-break: normal;overflow-wrap: break-word;}
#fmail select,
#fmail input,
#fmail 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.875em;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_mid{font-size: 120%;}
.f_reg{font-size: 112.5%;}
.f_sm{font-size: 80%;}
.en {font-family: var(--f-en);}

:root {
  --font-main: "Noto Sans JP", sans-serif;
	--f-en: "Ubuntu", sans-serif;
  --txt: #202122;     
  --mcolor: #00A496;
  --scolor: #087CCA; 
  --site_size: 1230px;
  
  --gray: #F7F7F7;
  --blue: #2B74BE;
  --red: red;
}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto}
.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 {margin: 0;}
#logo a {background: #fff;width: 450px;height: 120px; display: flex;justify-content: center;align-items: center;border-bottom-right-radius: 10px;}
.h_box .inner {width: 100%;padding: 0;display: flex;justify-content: space-between;}
.h_box {position: fixed;width: 100%;top: 0;left: 0;transition: all 0.3s;}
.h_right {background: #fff;border-bottom-left-radius: 10px;padding: 10px 0 0;}
.h_contact { display: flex; justify-content: flex-end; gap: 10px;padding: 0 20px;}
.h_contact_button { width: 230px;margin: 0;}
.h_contact_button a {height: 50px;display: flex;justify-content: center;align-items: center;position: relative;background: var(--gray);border-radius: 50px;gap: 11px;padding-left: 32px;}
.h_contact_button.h_contact_mail a{background: var(--mcolor);font-size: 15px;font-weight: 500;color: #fff;}
.h_contact_button.h_contact_catalog a {background: var(--scolor);font-size: 15px;font-weight: 500;color: #fff;}
.h_contact_button.h_contact_tel .time {font-size: 75%;line-height: 1.35;}
.h_contact_button.h_contact_tel .num {font-family: var(--f-en);color: var(--blue);font-size: 112.5%;font-weight: 500;}
.h_contact_button.h_contact_tel {width: 370px;}
.h_contact_button a:before {content: '';position: absolute;display: inline-block;background: url("../images/ic_tel.svg") no-repeat center center/100% auto;width: 32px;height: 32px;left: 10px;top: calc(50% - 16px);}
.h_contact_button.h_contact_mail a:before {background-image: url("../images/ic_mail.svg");}
.h_contact_button.h_contact_catalog a:before {background-image: url("../images/ic_down.svg");}
.h_lang { width: 100px; height: 50px; margin: 0; padding: 6px; display: flex;border: 1px solid #E0E0E0;border-radius: 50px; font-size: 14px;font-family: var(--f-en);font-weight: 500;}
.h_lang a {flex: 1;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 50px;height: 100%;}
.h_lang a.active {background: var(--mcolor);color: #fff;cursor: default;}

.sub ul li a.has_ic:after {content: '';position: relative;display: inline-block;background: url("../images/gnv_icon1.svg") no-repeat center center/100% auto;width: 18px;height: 18px;}

/* 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:19px;height:6px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:19px;height:1px;transition:all ease 0.15s;background-color:#fff;opacity: 0.6;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-4px}
.hamburger-inner::after{bottom:-4px}
.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,4px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-4px,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: 100vh; height:100dvh;}
.main_slider{position:fixed;top:0;left:0;width:100%;height:100%;}
.mv_bg, .main_slider .slide_item{width:100%;height: 100vh; height:100dvh;position: relative;}
.main_slider .slide_item:after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/mv_mask.png"); content: '';}
.main_slider .slide_item .img {margin: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.main_slider .slide_item .img img {flex-shrink: 0;width: 100%;height: 100%;object-fit: cover;}
.main_slider .slide_item.zoomed .img{animation-name:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}
.main_slider .slide_item video {width: 100%;height: 100%;object-fit: cover;}
.mv_txt { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; z-index: 2; }
.mv_txt_ttl {font-size: 74px;letter-spacing: 0.025em;font-weight: 700;line-height: 1.5em;text-shadow: 2px 2px 15px rgba(0,164,150,0.6);}
.mv_txt_ttl .en { font-size: 121.62%; font-weight: 500; letter-spacing: 0; margin: 0 7px; }
.mv_search { background: rgb(0 0 0 / 20%); height: 246px; width: 100%; position: absolute; bottom: 0; left: 0; display: flex;align-items: center;padding: 0 0 63px;}
.mv_search_ttl { font-size: 20px; color: #fff; font-weight: 700; letter-spacing: 0.025em; margin: 0 0 10px;}
@keyframes zoomImg { 0%{transform:scale(1)} 100%{transform:scale(1.2)}}

.mv_search .inner {width: 1318px;}
.mv_search_list { display: flex; gap: 10px; }
.mv_search_btn { width: 178px; flex-shrink: 0; }
.mv_search_list dl { flex: 1; height: 55px; background: #fff; border-radius: 5px; display: flex; align-items: center; padding: 10px 20px; position: relative; gap: 20px;}
.mv_search_list dt {font-size: 14px;font-weight: 500;color: var(--mcolor);white-space: nowrap;}
.mv_search_list dd {flex: 1;}
.mv_search_list dd input {border: none;font-size: 15px;font-family: var(--font-main);letter-spacing: 0;max-width: 180px;width: 100%;flex: 1;}
.mv_search_list dd input::placeholder {color: #CBCBCB;}
.mv_search_note { position: absolute; width: 100%; left: 0; bottom: calc(100% - 6px); background: #fff; padding: 7px 20px 0; border-top-left-radius: 5px; border-top-right-radius: 5px;display: none; }
.mv_search_note li { font-size: 14px; border-bottom: 1px solid #E8E8E8; padding: 13px 0; line-height: 1.5em; cursor: pointer;}
.mv_search_note li:last-child {border-bottom: none;}
.mv_search_list dl.mv_search_item #type {cursor: pointer;}
.mv_search_list dl.mv_search_item.item1:after {content: '';position: absolute;background: url("../images/ic_arr_down.svg") no-repeat center center/100% auto;width: 9px;height: 6px;right: 15px;top: calc(50% - 3px);transition: all 0.3s;}
.mv_search_list dl.mv_search_item.item1.show:after {transform: rotate(180deg);}
.mv_search_btn button { display: flex; justify-content: center; align-items: center; height: 100%; background: var(--mcolor); color: #fff; font-weight: 500; border-radius: 30px;border: none;font-size: 16px;cursor: pointer;width: 100%;font-family: var(--font-main);transition: all 0.3s;padding: 0 0 2px;}
.hide_txt .mv_txt_ttl {opacity: 0;visibility: hidden;}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
.txt_clr1 {color: var(--mcolor);}
/* DEFAULT TITLE */
.idx_ttl_style1 { font-size: 22px; color: var(--mcolor); margin: 0 0 43px;}
.idx_ttl_style1 .ja {display: block;font-weight: 700;font-size: 181.82%;line-height: 1.6em;margin: 13px 0 0;}

.idx_ttl_style2 { font-size: 26px; font-weight: 700; text-align: center; position: relative; letter-spacing: 0.025em; margin: 0 0 32px;}
.idx_ttl_style2 .lager {display: block;font-size: 173.08%;letter-spacing: 0.025em;margin: 9px 0 0;}
.idx_ttl_style2 .en { font-size: 250px; text-shadow: rgb(93, 93, 93) 1px 0px 0px, rgb(93, 93, 93) 0.540302px 0.841471px 0px, rgb(93, 93, 93) -0.416147px 0.909297px 0px, rgb(93, 93, 93) -0.989992px 0.14112px 0px, rgb(93, 93, 93) -0.653644px -0.756802px 0px, rgb(93, 93, 93) 0.283662px -0.958924px 0px, rgb(93, 93, 93) 0.96017px -0.279415px 0px; color: #f5f6f7; opacity: 0.1; line-height: 0.8em; position: absolute; left: 0; top: 1px; width: 100%;font-weight: 500;z-index: -1; pointer-events: none;text-transform: uppercase;white-space: nowrap;}

.idx_ttl_style3 { text-align: center; font-size: 39px; font-weight: 700; color: #07358E; margin: 0 0 48px;}

/* DEFAUTL NAME BUTTON */
.btn a{width: 360px; height: 70px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: var(--mcolor);text-decoration: none;font-weight: 600;position: relative;border: 1px solid #CBCBCB;max-width: 100%;text-align: center;line-height: 1.5em;text-decoration: none!important;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn a:before {content: '';position: absolute;background: url("../images/ic_arr_bg_green.svg") no-repeat center center/100% auto;width: 44px;height: 44px;left: 12px;top: calc(50% - 22px);transition: all 0.3s;}
.btn.btn_lager a {width: 600px;}
.btn.btn_lager a::before { left: 22px; }
.btn.btn_green a {background-color: var(--mcolor);color: #fff;}
.btn.btn_green a:before {background-image: url("../images/ic_arr_lg_white.svg");}
/*==================== SEC01 ===================*/
.sec01 {padding: 0 23px 173px;}
.sec01_main {background: #F5F6F7;position: relative;padding: 109px 75px 90px;z-index: 2;}
.sec01 .inner {width: 100%;padding: 0;}
.sec01_choose { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 50px;}
.sec01_choose li {width: 400px;height: 105px;display: flex;align-items: center;background: rgba(0,0,0,0.04);color: #585858;font-size: 19px;font-weight: 700;padding: 20px;gap: 15px;line-height: 1.42em;letter-spacing: 0;max-width: calc((100% - 40px)/3);}
.sec01_choose li:before {content: '';position: relative;display: inline-block;background: url("../images/sec01_ic1.svg") no-repeat center center/100% auto;width: 65px;height: 65px;}
.sec01_choose li:not(:first-child) {padding: 20px 25px;}
.sec01_list { display: flex; flex-wrap: wrap; gap: 15px; margin: 0 0 30px; }
.sec01_item { width: calc((100% - 60px) / 5); background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); position: relative;transition: all 0.3s;}
.sec01_item_cate { width: 64px; height: 65px; background: var(--blue); color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 500; border-radius: 5px; float: left; margin: 15px; transition: all 0.3s; font-size: 12px; line-height: 1.2;}
.sec01_item_img { float: right; margin: 10px; width: 126px; height: 120px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.sec01_item_img img {height: 100%;width: 100%;object-fit: cover;transition: all 0.3s;}
.sec01_item_ttl { clear: both; font-size: 18px; font-weight: 700; color: var(--blue); line-height: 1.5em; margin: 0 25px 23px; height: 54px; display: flex; align-items: center; transition: all 0.3s;}
.sec01_item_btn { border-top: 1px solid #f3f3f3; font-size: 14px; color: #747474; font-weight: 500; padding: 10px 25px; display: flex; align-items: center; gap: 9px; height: 53px;transition: all 0.3s;}
.sec01_item_btn:after {content: '';position: relative;display: inline-block;background: url("../images/ic_arr_gray.svg") no-repeat center center/100% auto;width: 22px;height: 22px;transition: all 0.3s;}
.sec01_item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec01 .btn a {margin: 0 auto;background-color: var(--mcolor);color: #fff;}
.sec01 .btn a:before {background-image: url("../images/ic_arr_lg_white.svg");}

.clr_green .sec01_item_cate {background: var(--mcolor);}
.clr_green .sec01_item_ttl {color: var(--mcolor);}
.clr_blue .sec01_item_cate {background: #2CB2E3;}
.clr_blue .sec01_item_ttl {color: #2CB2E3;}
/*==================== SEC02 ===================*/
.sec02 {background: #F5F6F7;position: relative;z-index: 2;padding: 220px 0 224px;overflow: hidden;}
.sec02_bg {content: '';position: absolute;width: 100%;height: 100%;top: 200px;left: 0;z-index: -2;pointer-events: none;background: url("../images/sec02_bg1.png") no-repeat top 60px left/391px auto, url("../images/sec02_bg2.png") no-repeat top calc(50% - 33px) right/391px auto;transition: all 0.3s;}
.sec02_en {position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;top: 0;}
.sec02_en li {background: url("../images/sec02_en.png") repeat-x left center/auto 238px;animation: slideLeft 600s linear infinite; width: 100%;height: calc(100%/4);}
.sec02_en li:nth-child(1) {animation: slideLeft1 740s linear infinite;}
.sec02_en li:nth-child(2) {animation: slideLeft3 970s linear infinite;}
.sec02_en li:nth-child(3) {animation: slideLeft2 920s linear infinite;}
@keyframes slideLeft {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -30000px 0; 
  }
}
@keyframes slideLeft1 {
  from {
    background-position: 500px 0;
  }
  to {
    background-position: -30000px 0; 
  }
}
@keyframes slideLeft2 {
  from {
    background-position: -300px 0;
  }
  to {
    background-position: -30000px 0; 
  }
}
@keyframes slideLeft3 {
  from {
    background-position: 1200px 0;
  }
  to {
    background-position: -30000px 0; 
  }
}
.sec02 .inner { width: 1642px; display: flex; justify-content: space-between; align-items: flex-start; gap: 76px; }
.sec02_main { width: 370px;flex-shrink: 0;margin-left: 26px; }
.sec02_txt { text-align: left; letter-spacing: 0.025em; margin: 0 0 46px; line-height: 2em;}
.sec02_list { display: flex; gap: 20px;flex: 1;margin-top: 79px; }
.sec02_item { position: relative; background: #fff; display: flex; flex-direction: column; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 2;min-height: 415px;cursor: pointer;transition: all 0.3s;border-top-left-radius: 10px; width: 50%;}
.sec02_item > a {position: absolute;width: 100%;height: calc(100% + 40px);left: 0;bottom: 0;border-radius: 10px;z-index: 2;}
.sec02_item_num { width: 269px; background: #075BBC; color: #fff; display: flex; justify-content: center; position: absolute; right: 0; top: -40px; font-weight: 700; letter-spacing: 0.075em; gap: 16px; padding: 37px 20px 0 32px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0;transition: all 0.3s;line-height: 1.35; font-size: 14px; }
.sec02_item_num .num { font-size: 312.5%; letter-spacing: 0; font-family: var(--f-en); font-weight: 500; line-height: 35px; font-size: 50px; }
.sec02_item_ttl { margin: 0 0 auto; height: 199px; background: #075BBC; color: #fff; border-top-left-radius: 10px; font-size: 19px; font-weight: 700; display: flex; flex-direction: column; justify-content: center; padding: 20px 255px 28px 50px; line-height: 1.5em;letter-spacing: 0.025em; transition: all 0.3s;}
.sec02_item_ttl .en {font-weight: 400;font-size: 69.24%;letter-spacing: 0;text-transform: uppercase;margin: 0 0 1px;}
.sec02_item_img { margin: 0; position: absolute; right: 30px; border-radius: 10px; overflow: hidden; top: 65px;z-index: 2; background: #fff;}
.sec02_item_img img {transition: all 0.3s;}
.sec02_item_txt { height: 100%; display: flex; align-items: center; padding: 20px 270px 29px 30px; line-height: 1.75em; letter-spacing: 0.05em; transition: all 0.3s;}
.sec02_item:nth-child(2) .sec02_item_num ,.sec02_item:nth-child(2) .sec02_item_ttl {background: #0090B2;}

#item_technology .sec02_en li {background-image: url("../images/sec02_en_tech.png");}
#item_company .sec02_en li {background-image: url("../images/sec02_en_company.png");}
/*==================== SEC03 ===================*/
.sec03 {background: var(--mcolor);position: relative;padding: 130px 0 87px;z-index: 2;}
.sec03 .inner {width: 1810px;}
.sec03 .idx_ttl_style2 .en {text-shadow: none;color: #fff;opacity: 0.05;top: -59px;}
.sec03 .idx_ttl_style2 {color: #fff;margin-bottom: 90px;}
.idx_ttl_style2 .big { font-size: 192.31%; letter-spacing: 0; display: flex; justify-content: center; align-items: center; gap: 10px; }
.idx_ttl_style2 .txt_bd { border: 1px solid; height: 78px; display: flex; align-items: center; padding: 0 15px 5px;gap: 13px; }
.idx_ttl_style2 .txt_bd:before {content: '';position: relative;display: inline-block;background: url("../images/ic_search.svg") no-repeat center center/100% auto;width: 38px;height: 38px;}
.idx_ttl_style2 .txt_bd.txt2:before {background-image: url("../images/ic_point.svg");width: 35px;height: 35px;}
.sec03_main { background: #fff; border-radius: 30px; margin: 0 0 20px; }
.sec03_main:last-child {margin-bottom: 0;}
.sec03_main_top { display: flex; align-items: center; border-bottom: 1px solid rgb(112 112 112 / 30%); padding: 44px 70px 31px; gap: 40px;}
.sec03_main_ttl { margin: 0; font-size: 35px; font-weight: 700; color: var(--blue); display: flex; align-items: center; gap: 15px; }
.sec03_main_ttl:before {content: '';position: relative;display: inline-block;background: url("../images/sec03_ic1.svg") no-repeat center center/100% auto;width: 28px;height: 28px;top: 4px;}
.sec03_main_btn a { width: 140px; height: 47px; display: flex; align-items: center; color: var(--blue); font-weight: 700; border: 1px solid #DBDBDB; border-radius: 5px; gap: 10px; padding: 5px 14px; }
.sec03_main_btn a:before {content: '';position: relative;display: inline-block;background: url("../images/ic_arr_blue.svg") no-repeat center center/100% auto;width: 20px;height: 20px;transition: all 0.3s;}
.sec03_main_info { padding: 40px 80px 69px; }
.sec03_main_tab { display: flex; justify-content: center; gap: 10px; }
.sec03_main_tab li {width: 260px;height: 80px;background: #5D5D5D;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1.375em;font-weight: 700;border-top-left-radius: 20px;border-top-right-radius: 20px;cursor: pointer;transition: all 0.3s;padding: 0 10px;}
.sec03_main_tab li.current {background: var(--blue);cursor: default;}
.sec03_main_tab li[data-tab="sec03-cat2"].current { background: var(--mcolor); }
.sec03_main_tab li[data-tab="sec03-cat4"].current { background: #2CB2E3; }
.sec03_main_tab li[data-tab="sec03-cat3"].current { background: #FFCE3C; }
.sec03_main_tab li[data-tab="sec03-cat5"].current { background: #ffa07a; }
.sec03_main_result#sec03-cat2 .sec03_main_list { border-color: var(--mcolor); }
.sec03_main_result#sec03-cat4 .sec03_main_list { border-color: #2CB2E3; }
.sec03_main_result#sec03-cat3 .sec03_main_list { border-color: #FFCE3C; }
.sec03_main_result#sec03-cat5 .sec03_main_list { border-color: #ffa07a; }
.sec03 .sec03_main_result#sec03-cat2 .btn.btn_lager a {background: var(--mcolor);border-color: var(--mcolor);}
.sec03 .sec03_main_result#sec03-cat4 .btn.btn_lager a {background: #2CB2E3;border-color: #2CB2E3;}
.sec03 .sec03_main_result#sec03-cat3 .btn.btn_lager a {background: #FFCE3C;border-color: #FFCE3C;}
.sec03 .sec03_main_result#sec03-cat5 .btn.btn_lager a {background: #ffa07a;border-color: #ffa07a;}
.sec03_main_result { display: none;}
.sec03_main_result.current {display: inherit;}
.sec03_main_list { border: 1px solid var(--blue); border-radius: 20px; padding: 40px;margin-bottom: 20px; }
.sec03_main_list { display: flex; flex-wrap: wrap; gap: 10px; }
.sec03_main_item { width: calc((100% - 40px) / 5); background: #F5F6F7;border-radius: 10px;padding: 15px 15px 27px;position: relative;transition: all 0.3s;}
.sec03_main_item > a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec03_main_item:before {content: '';position: absolute;background: url("../images/sec03_ic2.svg") no-repeat center center/100% auto;width: 26px;height: 26px;right: 10px;top: 10px;}
.sec03_main_item_tag { font-size: 13px; font-weight: 600; display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 10px; width: calc(100% - 53px); min-height: 57px; align-items: flex-start; }
.sec03_main_item_tag .item { color: #fff; background: var(--scolor); border-radius: 100px; padding:5px 10px 6px;line-height: 1.2em; }
.sec03_main_item_tag .item.item.cate_clr_63 { background: #ffa07a; }
.sec03_main_item_tag .item.item.cate_clr_56 { background: var(--mcolor); }
.sec03_main_item_tag .item.item.cate_clr_55 { background: #2CB2E3; }
.sec03_main_item_tag .item.item.cate_clr_62 { background: #FFCE3C; }
.sec03_main_item_img { text-align: center; margin: 0 0 20px; height: 167px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.sec03_main_item_img img {max-height: 100%;object-fit: contain;mix-blend-mode: darken;}
.sec03_main_item_ttl { font-size: 17px; font-weight: 700; color: var(--scolor); line-height: 1.64em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin: 0 10px 8px;}
.sec03_main_item_txt { font-size: 13px; line-height: 1.6em; margin: 0 10px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sec03 .btn.btn_lager a {margin: 0 auto;width: 650px;background: var(--scolor);color: #fff;border-color: var(--scolor);}
.sec03 .btn.btn_lager a:before {background-image: url("../images/ic_arr_lg_white.svg");left: 27px;}
.box_green .sec03_main_ttl {color: var(--mcolor);}
.box_green .sec03_main_ttl:before {background-image: url("../images/sec03_ic3.svg");}
.sec03_main_cate { display: flex; padding: 40px 70px 69px; gap: 10px; }
.sec03_main_cate li {flex: 1;font-size: 18px;font-weight: 500;line-height: 1.56em;text-align: center;}
.sec03_main_cate li a {display: flex;justify-content: center;align-items: center;gap: 10px;border: 1px solid var(--mcolor);color: var(--mcolor);height: 100px;border-radius: 10px;padding: 0 10px;}
.sec03_main_cate li a:before {content: '';position: relative;display: inline-block;background: url("../images/sec03_ic3.svg") no-repeat center center/100% auto;width: 23px;height: 23px;transition: all 0.3s;flex-shrink: 0;}
.sec03_main_cate li a:after {content: '';position: relative;display: inline-block;background: url("../images/sec03_ic7.svg") no-repeat center center/100% auto;width: 20px;height: 20px;margin-left: 5px;transition: all 0.3s;flex-shrink: 0;}
.box_blue .sec03_main_ttl {color: #2CB2E3;font-weight: 800;}
.box_blue .sec03_main_ttl:before {background-image: url("../images/sec03_ic4.svg");}
.sec03_main_col { padding: 35px 70px 72px; display: flex; justify-content: space-between; align-items: flex-start; gap: 50px; }
.sec03_main_col_ttl { font-size: 20px; font-weight: 700; color: #2CB2E3;margin: 0 0 17px; }
.sec03_main_col_tag { display: flex; flex-wrap: wrap; gap: 10px; }
.sec03_main_col_item {width: 818px;}
.sec03_main_col_item:nth-child(2) {flex: 1;}
.sec03_main_col_tag li { font-size: 13px; font-weight: 600; }
.sec03_main_col_tag li a {background: #F5F6F7;border-radius: 5px;display: block;padding: 7px 15px;}
.sec03_main_col_item form {display: flex;justify-content: space-between;align-items: center;border: 1px solid #E3E3E3;border-radius: 5px;height: 55px;padding: 10px 20px;max-width: 745px;}
.sec03_main_col_item input {width: 100%;border: none;background-color: transparent;font-size: 13px;}
.sec03_main_col_item input::placeholder {color: #989898;font-family: var(--font-main);}
.sec03_main_col_item button[type="submit"] {background: url("../images/sec03_ic5.svg") no-repeat center center/100% auto;width: 16px;height: 16px;flex-shrink: 0;border: none;cursor: pointer;}
/*==================== SEC04 ===================*/
.sec04 {background: url("../images/sec04_bg.jpg") no-repeat center center/cover;position: relative;padding: 214px 0 0;z-index: 2;}
.sec04 .inner {width: 1920px;padding: 0;}
.sec04_top { display: flex; align-items: center; gap: 40px;margin-bottom: 67px }
.sec04 .idx_ttl_style2 {color: #fff;text-align: left;margin: 0 0 0 133px;letter-spacing: 0;}
.sec04 .idx_ttl_style2 .en { color: transparent; -webkit-text-stroke: 2px #fff; opacity: 0.3; text-shadow: none; left: -171px; top: -90px; }
.sec04 .idx_ttl_style2 .lager {letter-spacing: 0;}
.idx_ttl_style2 .small {font-size: 107.7%;font-weight: 500;}
.sec04_main { padding-left: 133px; display: flex; align-items: center; gap:100px;}
.sec04_main_left { flex-shrink: 0; width: 518px; color: #fff;margin: 0 0 74px; }
.sec04_main_left_ttl { font-size: 19px; font-weight: 700;margin: 0 0 14px; }
.sec04_main_left_list { display: flex; flex-wrap: wrap; gap: 4px; }
.sec04_main_left_list li {width: calc((100% - 8px)/3);font-size: 13px;line-height: 1.5em;font-weight: 500;}
.sec04_main_left_list li a {color: #fff;border: 1px solid rgba(255,255,255,0.4);display: flex;justify-content: center;align-items: center;border-radius: 5px;text-align: center;min-height: 40px;height: 100%;padding: 5px 10px;}
.sec04_main_right { background: #fff; flex: 1; padding: 61px 0 61px 65px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;margin: 0 0 -45px; }
.sec04_main_right_list {height: 620px;overflow: hidden;}
.sec04_main_right_list.slick-initialized {height: auto;overflow: inherit;}
.sec04_main_right_item {width: 440px;position: relative;margin-right: 25px;height: 620px;background: #fff;}
.sec04_main_right_item_num { font-size: 68px; margin: 0 0 -23px 13px; line-height: 1em; font-family: var(--f-en); color: var(--scolor); font-weight: 500; position: relative; }
.sec04_main_right_item_img { height: 340px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 0 30px;}
.sec04_main_right_item_img img {flex-shrink: 0;height: 100%;width: 100%;object-fit: cover;}
.sec04_main_right_item_ttl { font-size: 18px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.55em; margin: 0 0 23px;}
.sec04_main_right_item_tag { font-size: 13px; font-weight: 500; display: flex; flex-wrap: wrap; gap: 5px; line-height: 1.54em;}
.sec04_main_right_item_tag .tag {background: var(--scolor);color: #fff;border-radius: 100px;text-align: center;display: inline-block;padding: 5px 10px;}
.sec04_main_right_item a {width: 100%;position: absolute;height: 100%;top: 0;left: 0;z-index: 2;}
.sec04_main_right_list .slick-dots {position: relative;text-align: left;bottom: 0;width: auto;display: flex;gap: 10px;margin-left: -15px;}
.sec04_main_right_list .slick-dots li {padding: 0;width: 7px;height: 7px;margin: 0;}
.sec04_main_right_list .slick-dots li button {padding: 0;width: 100%;height: 100%;background: #D6D6D6;transition: all 0.3s;border-radius: 10px;}
.sec04_main_right_list .slick-dots li button:before {display: none;}
.sec04_main_right_list .slick-dots li.slick-active button {background-color: var(--scolor);cursor: default;}
.sec04_main_right_list.slick-slider {margin: 0;padding-left: 15px;position: static;}
.sec04_main_left_row:not(:last-child) { margin: 0 0 25px; }
.sec04_main_right_item:not(.slick-active)>* {opacity: 0.4;}
.sec04_main_right_list .slick-arrow { width: 72px; height: 72px; transform: none; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; top: 46px; left: auto;right: 98px; background: url("../images/ic_next_sm.svg") no-repeat center center;transition: all 0.3s;}
.sec04_main_right_list .slick-arrow:before {display: none;}
.sec04_main_right_list .slick-prev {background-image: url("../images/ic_prev_sm.svg");right: 180px;}
/*==================== SEC05 ===================*/
.sec05 {background: #F5F6F7;position: relative;z-index: 1;padding: 187px 0 135px;overflow: hidden;}
.sec05_bg {position: absolute;background: url("../images/sec05_bg.png") left top;width: 100%;height: 100%;top: 72%;left: 0;z-index: -2;pointer-events: none;transition: all 0.3s;}
.sec05 .inner {width: 1490px;}
.sec05 .idx_ttl_style2 {text-align: left;color: #07358E;line-height: 1.75em;font-size: 40px;margin: 0 0 30px;letter-spacing: 0;}
.sec05 .idx_ttl_style2 .en {left: 549px;top: -63px;}
.sec05_img { position: absolute; margin: 0; left: 860px; top: 50px; width: 879px; }
.sec05_txt { max-width: 730px; letter-spacing: 0.025em;margin: 0 0 40px;line-height: 2em;}
.sec05_list { width: 720px; counter-reset: item5;}
.sec05_list li {font-size: 18px;font-weight: 700;line-height: 1.5em;border-bottom: 1px solid #e2e2e3;counter-increment: item5;}
.sec05_list li a {height: 85px;display: flex;align-items: center;gap: 25px;padding: 0 4px;letter-spacing: 0.025em;}
.sec05_list li a:before { counter-increment: li; content: counter(item5, decimal-leading-zero); color: var(--scolor);font-weight: 400;letter-spacing: 0;font-family: var(--f-en);}
.sec05_list li:last-child {border-bottom: none;}
/*==================== SEC06 ===================*/
.sec06 {background: #F5F6F7;position: relative;z-index: 1;}
.sec06:before {content: '';position: absolute;width: 100%;height: calc(100% - 336px);background: var(--mcolor);left: 0;top: 50%;transform: translateY(-50%);z-index: -2;pointer-events: none;}
.sec06 .inner {width: 1810px;}
.sec06_list { display: flex; flex-wrap: wrap; gap: 10px; }
.sec06_item { width: calc((100% - 10px) / 2);position: relative;}
.sec06_item:not(:last-child):after {content: '';position: absolute;background: url("../images/ic_arr_lg_white.svg") no-repeat center center/100% auto;width: 44px;height: 44px;right: 20px;top: 20px;}
.sec06_item>a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.sec06_item:last-child {width: 100%;}
.sec06_item_img { margin: 0; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.sec06_item_img img {flex-shrink: 0;object-fit: cover;height: 100%;width: 100%;}
.sec06_item_img:before {content: '';position: absolute;width: 100%;top: 0;height: 100%;left: 0;background: #000;opacity: 0.5;pointer-events: none;transition: all 0.3s;}
.sec06_item_main { position: absolute; width: 100%; top: 0; left: 0; color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 63px 70px 70px; }
.sec06_item_txt { max-width: 463px; letter-spacing: 0.025em;line-height: 2em; }
.sec06_item_ttl { font-size: 25px; font-weight: 700; margin: 0 0 41px;}
.sec06_item_ttl .lager { display: inline-block; border: 1px solid; font-size: 133.34%; font-weight: 800; padding: 3px 11px 5px; margin: 14px 0 0; }
.sec06_item_ttl .mid { font-size: 126.67%; line-height: 1.63em; }
.sec06_item:last-child .sec06_item_txt {max-width: 568px;margin: 0 0 36px;}
.btn.btn_white a {background-color: #fff;color: var(--blue);border-color: #fff;}
.btn.btn_white a:before {background-image: url("../images/ic_arr_lg_blue.svg");}
.sec06_item_list { position: absolute; right: 149px; counter-reset: item6; margin: 4px 0 0px; }
.sec06_item_list li {counter-increment: item6;display: flex;align-items: center;font-size: 18px;font-weight: 700;letter-spacing: 0.025em;gap: 20px;line-height: 1.5em;}
.sec06_item_list li:not(:last-child) {margin-bottom: 20px;}
.sec06_item_list li:before { counter-increment: li; content: counter(item6, decimal-leading-zero); width: 72px;height: 72px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 400;font-family: var(--f-en);flex-shrink: 0;}
.sec06_item:last-child .sec06_item_main { padding: 66px 70px 70px 121px; }
.sec06_item:last-child .sec06_item_ttl { margin: 0 0 33px; }
/*==================== SEC07 ===================*/
.sec07 {background: #F5F6F7;position: relative;padding: 99px 0;}
.sec07 .inner {width: 1490px;}
.sec07_list { display: flex; justify-content: center; gap: 40px; text-align: center; position: relative; counter-reset: item7;z-index: 2;}
.sec07_list:before {width: 100vw;height: 1px;content: '';position: absolute;min-width: 1260px;left: 50%;transform: translateX(-50%);top: 35px;background: var(--scolor);pointer-events: none;z-index: -1;}
.sec07_list li {counter-increment: item7;font-size: 18px;font-weight: 700;color: var(--scolor);line-height: 1.78em;letter-spacing: 0.025em;min-width: 220px;}
.sec07_list li:before { counter-increment: li; content: counter(item7, decimal-leading-zero);display: flex;width: 72px;height: 72px;background: #4A53BF;margin: 0 auto 16px;border-radius: 50%;color: #fff;font-weight: 400;letter-spacing: 0;font-family: var(--f-en);justify-content: center;align-items: center;border: 1px solid #fff;}
.sec07_list li:nth-child(2):before {background: #2B74BE;}
.sec07_list li:nth-child(3):before {background: #087CCA;}
.sec07_list li:nth-child(4):before {background: #08A5CA;}
.sec07_list li:nth-child(5):before {background: #00A496;}
.sec07 a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
/*==================== SEC08 ===================*/
.sec08 {background: url("../images/sec08_bg.jpg") no-repeat center center/cover;position: relative;padding: 80px 0;}
.sec08 .inner {width: 1920px;padding: 0;}
.sec08 .idx_ttl_style3 {color: #fff;margin-bottom: 50px;}
.sec08_list {counter-reset: item8;height: 170px;overflow: hidden;}
.sec08_list.slick-initialized {height: auto;overflow: inherit;}
.sec08_list .slick-list {overflow: visible;}
.sec08_item {width: 390px;height: 180px;background: #fff;border-radius: 10px;position: relative;margin: 0 10px;counter-increment: item8;display: flex!important;justify-content: center;align-items: center;text-align: center;padding: 20px 40px;flex-direction: column;}
.sec08_item_num { width: 50px;height: 33px;color: #fff;background: #2CB2E3;position: absolute;left: 0;top: 0;font-size: 13px;font-weight: 600;border-top-left-radius: 10px;border-bottom-right-radius: 10px;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0;}
.sec08_item_ttl { font-weight: 800; letter-spacing: 0.025em; color: var(--mcolor); margin: 0 0 10px; line-height: 1.4em; }
.sec08_item_txt { line-height: 1.45em; }
.sec08_list .slick-dots {position: relative;bottom: 0;display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.sec08_list .slick-dots li {width: 7px;height: 7px;margin: 0;padding: 0;}
.sec08_list .slick-dots li button  {width: 100%;height: 100%;padding: 0;background: #D6D6D6;border-radius: 50%;}
.sec08_list .slick-dots li button:before {display: none;}
.sec08_list .slick-dots li.slick-active button {background: var(--scolor);cursor: default;}
/*==================== SEC09 ===================*/
.sec09 {background: #F5F6F7;position: relative;}
.sec09 .inner {width: 100%;padding: 0;}
.sec09_list { display: flex; }
.sec09_item { flex: 1; position: relative;padding-bottom: 64px;cursor: pointer;}
.sec09_item_img { margin: 0;height: 705px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.sec09_item_img img {flex-shrink: 0;object-fit: cover;height: 100%;width: 100%;transition: all 0.3s;}
.sec09_item_main { width: calc(100% - 55px); background: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 440px;padding: 50px;z-index: 2;}
.sec09_item_ttl { font-size: 26px; line-height: 1.35; color: var(--blue); font-weight: 700; margin: 0 0 20px;}
.sec09_item_txt { letter-spacing: 0.025em; margin: 0 0 36px;line-height: 2em; }
.sec09_item:nth-child(2) .sec09_item_ttl {color: var(--mcolor);}
.sec09_item:nth-child(3) .sec09_item_ttl {color: #2CB2E3;}
.sec09 .btn a {color: var(--blue);width: 440px;}
.sec09 .btn a:before {background-image: url("../images/ic_arr_lg_blue.svg");left: 15px;}
.sec09_item:nth-child(1) .sec09_item_main {left: auto;transform: none;right: -8px;}
.sec09_item:nth-child(3) .sec09_item_main {left: -8px;transform: none;}
/*==================== SEC10 ===================*/
.sec10 {background: #F5F6F7;position: relative;z-index: 1;padding: 116px 0;}
.sec10 .inner {width: 1550px;display: flex;justify-content: space-between;align-items: flex-start;gap: 124px;}
.sec10_main { width: 763px; position: relative;}
.sec10_more {flex: 1;height: 420px;background: url("../images/sec10_img.jpg") no-repeat center center/cover;position: relative;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;color: #fff;margin: 25px -130px 0 0;}
.sec10_more a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec10_more_img {margin: 3px 0 17px;}
.sec10_more_ttl { display: flex; align-items: center; font-size: 20px; font-weight: 700; gap: 15px; letter-spacing: 0.025em; margin: 0 0 0 22px;}
/*.sec10_more_ttl:after {content: '';position: relative;display: inline-block;background: url("../images/sec10_arr.svg") no-repeat center center/100% auto;width: 54px;height: 54px;}*/
.sec10 .idx_ttl_style2 {text-align: left;color: #07358E;margin: 0 0 58px;}
.sec10 .idx_ttl_style2 .lager {letter-spacing: 0;}
.sec10 .idx_ttl_style2 .en {left: -279px;top: -100px;}
.sec10 .btn {margin: 0;position: absolute;right: 0;top: 15px;}
.sec10 .btn a {color: var(--blue);}
.sec10 .btn a:before {background-image: url("../images/ic_arr_lg_blue.svg");}
.sec10_list li { display: flex; align-items: center; flex-wrap: wrap; gap: 20px;line-height: 1.5em;margin: 0 0 37px;letter-spacing: 0.025em;}
.sec10_list li:last-child {margin-bottom: 0;}
.sec10_list li .date {font-family: var(--f-en);font-size: 87.5%;color: #07358E;}
.sec10_list li .cate {color: #fff;font-size: 81.25%;font-weight: 600;background: var(--scolor);text-align: center;padding: 3px 10px;border-radius: 60px;letter-spacing: 0;}
.sec10_list li .cate.cate_clr_4 { background: #2B74BE; }
.sec10_list li .cate.cate_clr_3 { background: var(--mcolor); }
.sec10_list li .ttl a {color: #07358E;font-size: 112.5%;font-weight: 600;letter-spacing: 0.025em;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;width: fit-content;}
.sec10_list li .ttl { width: 100%; margin: 1px 0 0; }
/*==================== SEC11 ===================*/
.sec11 {background: #EFEFEF;position: relative;padding: 100px 0 90px;z-index: 1;}
.sec11 .inner {width: 1550px;}
.sec11 .idx_ttl_style2 {text-align: left;color: #07358E;letter-spacing: 0;margin: 0 0 13px;}
.sec11 .idx_ttl_style2 .lager {letter-spacing: 0;}
.sec11 .idx_ttl_style2 .en {left: -190px;top: -47px;color: #EFEFEF;text-shadow: rgb(32, 33, 34) 1px 0px 0px, rgb(32, 33, 34) 0.540302px 0.841471px 0px, rgb(32, 33, 34) -0.416147px 0.909297px 0px, rgb(32, 33, 34) -0.989992px 0.14112px 0px, rgb(32, 33, 34) -0.653644px -0.756802px 0px, rgb(32, 33, 34) 0.283662px -0.958924px 0px, rgb(32, 33, 34) 0.96017px -0.279415px 0px;white-space: nowrap;}
.sec11_top { display: flex; align-items: center; gap: 64px; margin: 0 0 69px;}
.sec11 .btn a {color: var(--blue);}
.sec11 .btn a:before {background-image: url("../images/ic_arr_lg_blue.svg");}
.sec11_list {height: 510px;overflow: hidden;}
.sec11_list.slick-initialized {height: auto;overflow: inherit;}
.sec11_list .slick-list {overflow: visible;}
.sec11_item {width: 450px;margin: 0 5px;position: relative;}
.sec11_item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.sec11_item_img { margin: 0; height: 510px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; }
.sec11_item_img:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.5;pointer-events: none;z-index: 1;}
.sec11_item_img img {object-fit: cover;width: 100%;height: 100%;}
.sec11_item_main { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; color: #fff; z-index: 2; padding: 0 30px 38px; }
.sec11_item_ttl { font-size: 18px; font-weight: 700; letter-spacing: 0.025em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.67em; }
.sec11_item_cate { font-size: 13px; font-weight: 600; display: flex; text-align: left;margin: 0 0 19px; line-height: 1.5em; flex-wrap: wrap; gap: 3px; max-width: 100%; box-sizing: border-box;}
.sec11_item_cate .cate { background: var(--scolor); padding: 5px 10px;  border-radius: 200px; text-align: left; max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: break-word; word-break: break-word;}
.sec11_list .slick-dots {position: relative;bottom: 0;display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.sec11_list .slick-dots li {width: 7px;height: 7px;margin: 0;padding: 0;}
.sec11_list .slick-dots li button  {width: 100%;height: 100%;padding: 0;background: #D6D6D6;border-radius: 50%;}
.sec11_list .slick-dots li button:before {display: none;}
.sec11_list .slick-dots li.slick-active button {background: var(--scolor);cursor: default;}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{background-color: #EFEFEF;position: relative;z-index: 3;padding-bottom: 100px;}
footer:before {content: '';position: absolute;width: 100%;height: calc(100% - 120px);bottom: 0;left: 0;z-index: -2;pointer-events: none;background: var(--mcolor);}
footer .inner {width: 1840px;}
.ft_info { max-width: 1640px; display: flex; justify-content: space-between; margin: 0 auto 50px; gap: 10px;}
.ft_info_item { height: 410px; background: #fff; text-align: center; position: relative; border-radius: 10px;padding: 60px 0 0; display: flex; flex-direction: column;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);flex: 1;}
.ft_info_item:before {content: '';position: absolute;background: url("../images/ft_arr1.svg") no-repeat center center/100% auto;width: 44px;height: 44px;right: 15px;top: 15px;}
.ft_info_item_ttl { font-size: 26px; font-weight: 700; color: #198AD6; line-height: 1.5em;margin: 0 0 auto;}
.ft_info_item_ttl:before {content: '';position: relative;display: block;background: url("../images/ft_ic_tel.svg") no-repeat center center/100% auto;width: 50px;height: 50px;margin: 0 auto 9px;}
.ft_info_item_ttl .en {display: block;font-size: 14px;font-weight: 400;line-height: 1em;margin: 10px 0 0;text-transform: uppercase;}
.ft_info_item_txt { font-size: 18px; margin: 0 55px 34px; font-weight: 500; line-height: 1.94em; letter-spacing: 0.025em; }
.ft_info_item:nth-child(2) .ft_info_item_ttl:before {background-image: url("../images/ft_ic_mail.svg");}
.ft_info_item:nth-child(3) .ft_info_item_ttl:before {background-image: url("../images/ft_ic_down.svg");}
.ft_info_item:nth-child(2) .ft_info_item_ttl {color: var(--mcolor);}
.ft_info_item:nth-child(3) .ft_info_item_ttl {color: var(--blue);}
.ft_info_item_tel { background: #E9F7FC; height: 109px; margin: 0; display: flex; justify-content: center; align-items: center; font-size: 14px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; }
.ft_info_item_tel .num {display: block;font-size: 30px;color: var(--scolor);font-family: var(--f-en);font-weight: 500;margin: 6px 0 4px;}
.ft_info_item:not(:first-child) {padding-bottom: 46px;cursor: pointer;}
.ft_info_item:not(:first-child) .ft_info_item_txt {margin-bottom: 25px;}
.btn_green a {background: var(--mcolor);color: #fff;border-color: var(--mcolor);}
.btn_green a:before {background-image: url("../images/ic_arr_lg_white.svg");}
.btn_blue a {background: var(--scolor);color: #fff;border-color: var(--scolor);}
.btn_blue a:before {background-image: url("../images/ic_arr_lg_white.svg");}

.ft_btn { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;margin-bottom: 90px; }
.ft_btn li {width: 434px;}
.ft_btn li a {height: 70px;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;background: #fff;border-radius: 100px;color: var(--mcolor);font-weight: 500;border: 1px solid #fff;}
.ft_btn li a:after {content: '';position: absolute;background: url("../images/ic_arr_green.svg") no-repeat center center/100% auto;width: 20px;height: 20px;right: 25px;top: calc(50% - 10px);transition: all 0.3s;}

.ft_main { background: url(../images/ft_bg.jpg) no-repeat center center / cover; padding: 80px 94px 70px; color: #fff; border-top-left-radius: 30px; border-top-right-radius: 30px; display: flex; justify-content: space-between; }
.ft_main_info_top { display: flex; flex-wrap: wrap; align-items: center; gap: 30px 40px;margin: 0 0 50px; }
.ft_main_info { width: 550px; display: flex; flex-direction: column; }
.ft_main_lang { margin: 0; width: 100px; height: 50px; display: flex; justify-content: center; padding: 5px; border-radius: 10px; background: rgb(255 255 255 / 27%); }
.ft_main_lang a { flex: 1; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; font-family: var(--f-en); color: #fff; font-weight: 500; letter-spacing: 0.05em; border-radius: 7px;}
.ft_main_lang a.active {background: var(--scolor);}

.ft_main_logo { margin: 0; }
.ft_main_txt { font-size: 12px; }
.ft_main_info_bot { margin: auto 0 0; }
.ft_main_info_link { display: flex; flex-wrap: wrap; gap: 15px; margin: 30px 0 30px; }
.ft_main_info_link li {font-size: 14px;line-height: 1.5em;}
.ft_main_info_link li:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.2);padding-right: 15px;}
.ft_main_info_link li a {color: #fff;text-underline-offset: 3px;}
address{font-size: 12px;}

.ft_link_main { display: flex; gap: 30px 63px;margin-right: 59px; }
.ft_link_list .ttl { font-size: 18px; font-weight: 700; margin: 0 0 12px;}
.ft_link_list li a { display: inline-flex; color: #fff; gap: 10px;text-underline-offset: 3px;}
.ft_link_list li:not(.ttl) a:before {content: '';position: relative;display: inline-block;background: url("../images/ft_arr.svg") no-repeat center center/100% auto;width: 20px;height: 20px;top: 5px;}
.ft_link_list li:not(:last-child):not(.ttl) {margin-bottom: 5px;line-height: 1.75em;}
.ft_link_list:not(:last-child) { margin: 0 0 21px; }
.ft_link_list li a[target="_blank"]:before {background-image: url("../images/ic_blank_white.svg");}

.search_fixed { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; padding: 18px 0; opacity: 0;visibility: hidden;transition: all 0.3s;}
.search_fixed.show {opacity: 1;visibility: visible;}
.search_fixed:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -2;pointer-events: none; background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.search_fixed .inner {width: 1878px;}
.search_fixed_main { display: flex; align-items: center; gap: 15px;}
.search_fixed_main_list {display: flex;align-items: center;gap:15px;flex: 1;}
.search_fixed_ttl { margin: 0 15px 0 0; font-size: 20px; color: #fff; font-weight: 700; display: flex; align-items: center; gap: 15px; line-height: 1.5em;flex-shrink: 0; }
.search_fixed_ttl .en {display: block;font-size: 12px;font-weight: 400;line-height: 1em;}
.search_fixed_ttl:before {content: '';position: relative;display: inline-block;background: url("../images/mv_ic2.svg") no-repeat center center/100% auto;width: 28px;height: 28px;}
.search_fixed_main form {width: 260px;height: 55px;display: flex;justify-content: space-between;align-items: center;background: #fff;border-radius: 50px;padding: 10px 20px;flex-shrink: 0;}
.search_fixed_main button {background: url("../images/mv_ic1.svg") no-repeat center center/100% auto; width: 16px;height: 16px;flex-shrink: 0;border: none;cursor: pointer;}
.search_fixed_main input[type="text"] {flex: 1;border: none;font-size: 15px;font-family: var(--font-main);max-width: calc(100% - 16px)}
.search_fixed_main input[type="text"]::placeholder {color: #000;opacity: 0.5;}

.search_fixed_btn { width: 100px;height: 65px;border: 1px solid #fff;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;cursor: pointer;border-radius: 5px;position: relative;font-size: 12px;font-weight: 500;gap: 5px;line-height: 1.5em;transition: all 0.3s;flex-shrink: 0;}
.search_fixed_btn .txt {position: relative;display: block;}
.search_fixed_btn .txt .close {opacity: 0;visibility: hidden;display: none;}
.search_fixed_btn:before {content: '';position: relative;display: inline-block;background: url("../images/mv_ic3.svg") no-repeat center center/100% auto;width: 22px;height: 15px;margin: 2px 0 0;}

.search_fixed_more { margin: 0; width: 130px; height: 65px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; font-weight: 500; color: #fff; background: var(--mcolor); border-radius: 5px; cursor: pointer; transition: all 0.3s; flex-direction: column;gap: 3px;line-height: 1.25;flex-shrink: 0;}
.search_fixed_more:before {content: '';position: relative;display: inline-block;background: url("../images/mv_ic5.svg") no-repeat center center/100% auto;width: 13px;height: 19px;margin: 2px 0 0;transition: all 0.3s;}
.search_fixed_more.active {background: #fff;color: #808080;}
.search_fixed_more.active:before {background-image: url("../images/ic_close.svg");}
.search_fixed_more .txt {position: relative;}
.search_fixed_more .txt >span {transition: all 0.3s;}
.search_fixed_more .txt >span.close {opacity: 0;position: absolute;width: 100%;left: 0;top: 0;visibility: hidden;}
.search_fixed_more.active .txt >span.open {opacity: 0;visibility: hidden;}
.search_fixed_more.active .txt >span.close {opacity: 1;visibility: visible;}

.search_fixed_link { flex: 1; display: flex; gap: 5px;}
.search_fixed_link li {flex: 1;font-size: 15px;line-height: 1.2em;font-weight: 700;}
.search_fixed_link li a {height: 65px;background: #fff;border-radius: 5px;border-bottom: 5px solid var(--mcolor);color: var(--mcolor);display: flex;align-items: center;padding: 10px 10px;justify-content: center;gap: 10px;}
.search_fixed_link li a:after {content: '';position: relative;display: inline-block;background: url("../images/ic_arr_green.svg") no-repeat center center/100% auto;width: 20px;height: 20px;}

.search_fixed_info { max-width: 1740px; margin: 0 auto 47px; padding-top: 18px;display: none;opacity: 0;transform: translateY(100%);overflow: hidden;}
.search_fixed_info.show {display: block;transform: translateY(0);overflow: visible;opacity: 1;}
.search_fixed_info_ttl { font-size: 18px; color: #fff; font-weight: 500; float: left; margin: 0 20px 20px 0; }
.search_fixed_info_btn { margin: 0; font-size: 14px;font-weight: 500;}
.search_fixed_info_btn a {display: inline-flex;align-items: center;justify-content: center;background: #fff;border-radius: 50px;height: 40px;padding: 10px 20px;color: var(--mcolor);gap: 10px;}
.search_fixed_info_btn a:after {content: '';position: relative;display: inline-block;background: url("../images/ic_arr_green.svg") no-repeat center center/100% auto;width: 16px;height: 16px;transition: all 0.3s;}

.search_fixed_info_link { clear: both; display: flex; flex-wrap: wrap; gap: 10px; }
.search_fixed_info_link li {width: calc((100% - 40px)/5);}
.search_fixed_info_link li a {display: flex;align-items: center;position: relative;background: #fff;height: 70px;border-radius: 5px;padding: 10px 30px 10px 10px;gap: 15px;color: var(--scolor);}
.search_fixed_info_link li .txt {font-size: 87.5%;line-height: 1.28em;font-weight: 500;}
.search_fixed_info_link li .cate {width: 58px;height: 50px;background: var(--scolor);color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 600;border-radius: 5px;font-size: 10px;line-height: 1.15;box-sizing: border-box;}
.search_fixed_info_link li a:after {content: '';position: absolute;background: url("../images/ic_arr_blue.svg") no-repeat center center/100% auto;width: 20px;height: 20px;right: 15px;top: calc(50% - 10px);}
.search_fixed_info_link li.btn_green a {color: var(--mcolor);}
.search_fixed_info_link li.btn_green a:not(:hover):after {background-image: url("../images/mc_ic6.svg");}
.search_fixed_info_link li.btn_green .cate {background: var(--mcolor);}
.search_fixed_info_link li.btn_blue a {color: #2CB2E3;}
.search_fixed_info_link li.btn_blue a:not(:hover):after {background-image: url("../images/mc_ic7.svg");}
.search_fixed_info_link li.btn_blue .cate {background: #2CB2E3;}

.search_fixed.show_more .search_fixed_main form ,.search_fixed.show_more .search_fixed_link {opacity: 0.5;pointer-events: none;}



.ttl_sp {display: none;}
/* BACK TO TOP */
.to_top{position:fixed;z-index:5;width:80px;margin: 0;bottom:110px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}
.to_top.show_bottom {opacity: 0;visibility: hidden;}
a.txt_link {
	color: var(--scolor);
}
a.txt_link:hover {
	text-decoration: underline;
}