@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,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;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font-main)}
#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.56em;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;text-underline-offset: 3px;}
.m0a{display: block;margin: 0 auto;}
.f_big{font-size: 150%;}
.f_mid{font-size: 105%;}
.f_sm{font-size: 80%;}
.en {font-family: var(--f-en);}
.txt_clr1 {color: var(--scolor);}
.txt_clr3 {color: var(--mcolor);}
.txt_clr2 {color: #edbf46;font-size: 105%;}

:root {
  --font-main: "Noto Sans JP", sans-serif;
	--f-en: "Jost", sans-serif;
  --txt: #1a1a1a;     
  --mcolor: #005bab;
  --scolor: #b19f70; 
  --site_size: 1230px;
  --site_lager: 1772px;
  --site_mid: 1488px;
  
  --gray: #e9e9e9;
  --yellow: #ffe61e;
  --blue: blue;
  --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;position: absolute;top: 40px;left: 60px;}
.h_box > .inner {width: 100%;padding: 0;}

/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;position: fixed;width: 182px;height: 172px;right: 0;top: 60px;border: 3px solid #fff;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: var(--mcolor);display: flex;justify-content: center;align-items: center;z-index: 10;border-right: none;transition: all 0.3s;}
.hamburger-box{position:relative;display:inline-block;width:82px;height:30px}
.hamburger-inner{top:50%;display:block;margin-top:-15px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:82px;height:6px;transition:all ease 0.15s;background-color:#fff}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:0}
.hamburger-inner::after{bottom:-25px}
.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;margin-top: 0;}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,0,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-25px,0) rotate(-45deg)}

nav {position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: none;background: #F3F4F9; background: linear-gradient(90deg, rgba(243, 244, 249, 1) 0%, rgba(216, 233, 247, 1) 100%);}
nav .inner { display: flex; align-items: center; height: 100%;position: relative;z-index: 2;}
.nav_list > li >a , .nav_list > li >span {color: var(--txt);text-decoration: none;font-size: 20px;text-underline-offset: 5px; text-decoration-thickness: 1px;}
.nav_list > li >span {display: block;margin-bottom: 15px;}
.nav_list > li:not(:last-child) {margin: 0 0 40px;}
.nav_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.nav_list > li:first-child {width: 100%;}
.nav_list > li {width: 50%;}
.nav_list  .sub ul li a {position: relative;color: var(--txt);display: inline-block;padding-left: 20px;text-underline-offset: 5px; text-decoration-thickness: 1px;}
.nav_list  .sub ul li a:before {content: '';position: absolute;width: 5px;height: 5px;background: var(--txt);border-radius: 50%;left: 0;top: 12px;}
.nav_list  .sub ul li:not(:last-child) {margin: 0 0 10px;}
.nav_list  .sub ul {padding-left: 20px;}
.noscroll {overflow: hidden;}
nav:after {content: '';position: absolute;background: url("../images/gnv_icon.svg") no-repeat center center/100% auto;width: 500px;height: 500px;right: 20px;bottom: 20px;opacity: 0.4;pointer-events: none;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;}
.mv{position: relative;padding: 0;background: url("../images/mv_mask.png") repeat-x bottom center, url("../images/mv_bg.jpg") no-repeat top center/cover;height: 960px;}
.mv .inner { width: 90%; height: 100%; display: flex; align-items: center;padding-top: 32px; }
.mv_main { filter: drop-shadow(0px 0px 110px rgb(2, 13, 34, 0.5)); }
.mv_main h2 { font-size: 88px; color: #fff; line-height: 1.295em;margin: 0 0 8px 13px;}
.mv_txt { font-size: 24px; color: #fff; line-height: 1.75em; letter-spacing: 0.05em;margin: 0 0 17px; }
.mv_info { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 766px;font-weight: 500;}
.mv_info li {width: calc((100% - 16px)/2);height: 84px;border-radius: 8px;background: #fff;text-align: center;margin-top: 16px;font-size: 24px;color: var(--mcolor);line-height: 1.3em;font-weight: 500;letter-spacing: 0.05em;padding: 9px;position: relative;}

.mv_bottom { position: absolute; right: 0; bottom: -60px; display: flex; align-items: center; }
.mv_bottom_web { width: 217px; height: 217px; background: var(--yellow); display: flex; justify-content: center; align-items: center; border-radius: 50%; text-align: center; font-weight: 500; letter-spacing: 0.05em; color: #000000; margin: 0 -56px 0 0;position: relative}
.mv_bottom_web .note { display: block; margin: 6px 0 -28px; }
.mv_bottom dl { width: 647px; height: 253px; color: #fff; border-top-left-radius: 50px; border-bottom-left-radius: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: #005BAB; background: linear-gradient(90deg, rgba(0, 91, 171, 1) 0%, rgba(3, 116, 215, 1) 49%, rgba(33, 155, 233, 1) 100%);padding: 18px 0 0 70px;}
.mv_bottom dt {font-size: 23px;font-weight: 500;margin: 0 0 1px;}
.mv_bottom dt .note { background: var(--yellow); color: var(--mcolor); width: 150px; display: inline-flex; justify-content: center; align-items: center; height: 34px; line-height: 1.5em; border-radius: 30px; margin: 0 9px 0 0; padding: 0 0 0 8px;}

.mv_bottom dd .small { font-size: 83.34%; display: block; font-weight: 300; margin: 9px 0 0 8px; letter-spacing: 0.02em; }
.mv_bottom dd .mid {font-size: 194.44%;font-weight: 500;letter-spacing: -0.05em;}
.mv_bottom dd .lager {font-size: 177.15%;display: inline-block;position:relative;padding: 0 50px;line-height: 1em;letter-spacing: 0;margin: -1px 5px 0 -31px;}
.mv_bottom dd .num {font-size: 151.62%;line-height: 0.8em;}
.mv_bottom dd .lager:before, .mv_bottom dd .lager:after {content: '';position: absolute;bottom: 0;}
.mv_bottom dd .lager:before {background: url("../images/mv_line1.svg") no-repeat center center/100% auto;width: 41px;height: 75px;left: 0;}
.mv_bottom dd .lager:after {background: url("../images/mv_line2.svg") no-repeat center center/100% auto;width: 41px;height: 75px;right: 0;}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.idx_ttl {font-size: 38px;margin: 0 0 35px;}
.idx_ttl .en {display: inline-flex;align-items: center;font-size: 66.9%;color: var(--mcolor);font-family: var(--f-en);font-weight: 500;letter-spacing: 0.075em;margin: 0 0 18px;}
.idx_ttl .en:before { content: ''; background: var(--scolor); position: relative; top: 2px; margin: 0 10px 0 0px; width: 5px; height: 5px; border-radius: 50%; display: inline-block; }
.idx_ttl .lager {font-size: 194.74%;font-weight: 700;color: var(--mcolor);display: block;line-height: 1.35em;margin: -7px 0 0;letter-spacing: 0.03em;}
.idx_ttl .line { text-decoration: underline; color: var(--scolor); text-decoration-thickness: 5px; text-underline-offset: 18px; }

/* DEFAUTL NAME BUTTON */
.btn a{width: 284px; height: 80px; border-radius: 5px; display: flex; justify-content: flex-start; align-items: center; font-size: 18px;font-weight: 500; color: #fff;text-decoration: none;position: relative;padding: 15px 80px 15px 30px;background: var(--mcolor);letter-spacing: -0.05em;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn a:after {content: '';position: absolute;background: url("../images/ic_arr.svg") no-repeat right center/17px auto;height: 34px;right: 30px;width: 44px;border-left: 1px solid #fff;top: 0;bottom: 0;margin: auto 0;}

section{padding: 40px 0;}

/*==================== SEC01 ===================*/
.sec01 {background: url("../images/sec01_bg.jpg") no-repeat bottom center #f0f7fc;text-align: center;padding: 87px 0 92px;max-width: 1920px;margin: 0 auto;}
.sec01 .inner {width: var(--site_lager);display: flex;justify-content: space-between;align-items: center;}
.sec01 .idx_ttl { margin: 0 -500px; position: relative; top: -106px; left: 19px;font-weight: 500; }
.sec01 .idx_ttl .en:before {background: var(--mcolor);margin-left: -14px;}
.sec01_list:nth-child(2) {order: -1;margin-top: -7px;}
.sec01_list li {width: 368px;height: 368px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 22px;font-weight: 500;color: var(--mcolor);line-height: 1.45em;background: rgba(255,255,255,0.8);border-radius: 50%;position: relative;}
.sec01_list li:after {content: '';position: absolute;width: calc(100% - 48px);height: calc(100% - 48px);border: 1px solid var(--mcolor);top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%;pointer-events: none;}
.sec01_list li .txt:before {content: '';position: relative;display: block;background: url("../images/sec01_img01.svg") no-repeat center center/100% auto;margin: 6px auto 33px;width: 125px;height: 120px;left: -2px;}
.sec01_list li:nth-child(2) .txt:before {background-image: url("../images/sec01_img02.svg");width: 193px;height: 159px;left: 7px;margin: 13px auto 36px;}
.sec01_list li:nth-child(3) .txt:before {background-image: url("../images/sec01_img03.svg");width: 78px;height: 135px;left: 6px;margin: 5px auto 26px;}
.sec01_list:last-child li:nth-child(1) .txt:before {background-image: url("../images/sec01_img04.svg");width: 145px;height: 110px;left: 0;margin: 11px auto 26px;}
.sec01_list:last-child li:nth-child(2) .txt:before {background-image: url("../images/sec01_img05.svg");width: 167px;height: 152px;left: 14px;margin: 52px auto 37px;}
.sec01_list:last-child li:nth-child(3) .txt:before {background-image: url("../images/sec01_img06.svg");width: 135px;height: 131px;left: -2px;margin: -2px auto 23px;}
/*==================== CTA ===================*/
.cta {background: url("../images/cta_bg.jpg") no-repeat bottom center #1a79cb;max-width: 1920px;margin: 0 auto;padding: 79px 0 123px;position: relative;z-index: 2;overflow: hidden;}
.cta .inner {width: 1310px;}
.cta_main { background: #F3F4F9; background: linear-gradient(-90deg, rgba(243, 244, 249, 1) 0%, rgba(216, 233, 247, 1) 100%); padding: 60px 90px 53px; border-radius: 20px; margin: 0 0 28px; display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;}
.cta_ttl .txt { font-size: 38px; line-height: 1.73em; color: var(--mcolor); background: #fff;box-decoration-break: clone;-webkit-box-decoration-break: clone;font-weight: 500;padding: 0 0 0 12px;white-space: nowrap;letter-spacing: 0;}
.cta_ttl .txt .char { margin-right: -7px; }
.cta_ttl .txt .line1 {letter-spacing: 0.02em;}
.cta_ttl .note {display: inline-block;background: var(--scolor);color: #fff;text-align: center;font-weight: 500;width: 250px;border-radius: 30px;position: relative;padding: 3px 5px 4px;margin: 0 0 17px;}
.cta_ttl .note:after{width: 0; height: 0; border-style: solid; border-right: 9px solid transparent; border-left: 9px solid transparent; border-top: 10px solid var(--scolor); border-bottom: 0;left: calc(50% - 9px);bottom: -9px;content: '';position: absolute;}
.idx_dot > span {position: relative;}
.idx_dot > span:before {content: '';position: absolute;width: 6px;height: 6px;background: var(--scolor);border-radius: 50%;left: calc(50% - 3px);top: -3px;}
.cta_ttl { margin: 0 0 26px; }
.cta_txt { color: var(--mcolor); line-height: 1.78em;margin: 0 0 24px; }
.cta_thanks { font-size: 28px; font-weight: 500; color: var(--mcolor); }
.cta_info { width: 456px; margin: -35px 0 0 -6px; text-align: center; color: var(--mcolor); }
.cta_info_ttl { font-size: 22px; font-weight: 500; line-height: 1.27em;margin: 0 0 22px; }
.cta_tel { margin: 0 0 27px; }
.cta_tel .ttl { display: block; font-size: 122.23%; font-weight: 500; margin: 0 0 20px;}
.cta_tel a {display: inline-flex;justify-content: center;align-items: center;color: var(--mcolor);font-family: var(--f-en);font-size: 259.67%;font-weight: 600;letter-spacing: 0.04em;}
.cta_tel a:before {content: '';position: relative;display: inline-block;background: url("../images/ic_tel_brown.svg") no-repeat center center/100% auto;width: 31px;height: 31px;margin: 0 11px 0 2px;top: 2px;}
.cta_tel .time {display: block;margin: 6px 0 0;}
.cta_contact a { display: flex; justify-content: center; align-items: center; background: var(--scolor); color: #fff; height: 126px; border-radius: 10px; font-size: 24px; font-weight: 500; line-height: 1.41em; text-align: left;letter-spacing: 0.03em; }
.cta_contact a:before {content: '';position: relative;height: 58px;background: url("../images/ic_mail_white.svg") no-repeat left center;width: 61px;border-right: 1px solid #fff;margin: 0 30px 0 27px;}
.cta_contact .small { display: inline-flex; width: 161px; text-align: center; background: var(--mcolor); color: #fff; font-size: 58.34%; border-radius: 20px; justify-content: center; align-items: center; line-height: 1.5em; height: 24px; margin: 0 0 0 12px; position: relative; top: -4px; }
.cta_bottom { position: relative; display: flex; justify-content: space-between; align-items: center; color: #fff; }
.cta_bottom:after { content: ''; position: absolute; width: 100vw; height: calc(100% + 132px); background: var(--mcolor); left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; bottom: -43px;max-width: 1920px;min-width: 1260px; }
.cta .mv_bottom_web { width: 203px; height: 203px; font-size: 16.79px;margin: 0 -25px 0 0; }
.cta .mv_bottom_web .note { margin: 6px 0 -25px 9px; letter-spacing: 0; }
.cta_bottom_info { flex: 1; margin-right: 4px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; display: flex; justify-content: space-between; text-align: center; align-items: center; padding: 4px 44px;margin-top: -7px;}
.cta_bottom_ttl { margin: 0; font-size: 25px; line-height: 1.55em; text-align: left; font-weight: 500; }
.cta_bottom_ttl .note { display: block; width: 173px; background: #fff; color: var(--mcolor); border-radius: 30px; text-align: center;margin: 6px 0 8px; }
.cta_bottom_info dl {display: flex;align-items: center;}
.cta_bottom_info dd .small { font-size: 92.5%; width: 100%; display: block; text-align: right; letter-spacing: 0.01em; margin: 0 0 0 10px; }
.cta_bottom_info dd .mid {font-size: 274.12%;font-weight: 500;display: block;line-height: 1.1em;margin: 1px 0 -23px;letter-spacing: -0.03em;}
.cta_bottom_info dt { font-size: 89px; font-weight: 500; position: relative; padding: 0 83px; letter-spacing: -0.01em; margin: 0; }
.cta_bottom_info dt:before, .cta_bottom_info dt:after {content: '';position: absolute;background: url("../images/cta_line1.svg") no-repeat center center/100% auto;width: 58px;height: 102px;bottom: 26px;}
.cta_bottom_info dt:before {left: 10px;}
.cta_bottom_info dt:after {right: 0;transform: rotateY(180deg);}
.cta_bottom_info dt .num {font-size: 150.72%;}
/*==================== SEC02 ===================*/
.sec02 { padding: 8px 0 115px; max-width: 100vw;margin: 0 auto;overflow: hidden;min-width: 1260px;}
.sec02 .inner {width: 1920px;}
.sec02_main {max-width: 1460px;margin: 0 auto 43px;}
.sec02 .idx_ttl .lager { margin-top: -11px; }
.sec02_txt { font-size: 20px; line-height: 1.8em; margin: 0 0 43px 7px; letter-spacing: 0.045em; }
.sec02_item {width: 400px;margin: 0 34px;}
.sec02_item_ttl { font-size: 24px; color: var(--mcolor); position: relative; font-weight: 500; line-height: 1.66em; margin: 0 0 17px;padding: 0 0 18px;}
.sec02_item_ttl:after {content: '';position: absolute;width: 40px;height: 2px;background: var(--scolor);left: 0;bottom: 0;}
.sec02_item_img { margin: 0 0 41px 18px; position: relative; }
.sec02_item_img:after {content: '';position: absolute;width: 143px;height: 230px;background: #00a0e9;left: -18px;bottom: -18px;border-radius: 14px;z-index: -2;pointer-events: none;}
.sec02_item_img img {border-bottom-left-radius: 14px;border-top-right-radius: 14px;}
.sec02_item_txt { font-size: 16px; line-height: 1.7em; letter-spacing: 0.045em;}
/*==================== SEC03 ===================*/
.sec03 {background: #F3F4F9; background: linear-gradient(90deg, rgba(243, 244, 249, 1) 0%, rgba(216, 233, 247, 1) 100%); padding: 0;}
.sec03 .inner { width: 1830px; display: flex; justify-content: flex-end; align-items: center; }
.sec03_left { position: sticky; top: 0;margin: 43px 0 40px;flex-shrink: 0;padding: 40px 0 0; }
.sec03_txt { font-size: 20px; line-height: 2em; color: #404040; }
.sec03_right { width: 1177px; margin-left: 70px; -ms-overflow-style: none; scrollbar-width: none;padding: 30px 0 30px 30px;}
.sec03_right::-webkit-scrollbar { display: none; }
.sec03_list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; counter-reset: item;}
.sec03_item { width: calc((100% - 27px) / 2); background: #fff; margin: 0 0 30px; border-radius: 14px; counter-increment: item;display: flex;box-shadow: 0px 0px 38px 0px rgba(90,183,236,0.3);}
.sec03_item_img { flex-shrink: 0; width: 215px; margin: 0; min-height: 274px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-top-left-radius: 14px; border-bottom-left-radius: 14px; }
.sec03_item_img img {height: 100%;object-fit: cover;}
.sec03_item_main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 20px 15px 20px 60px; }
.sec03_item_main:before { counter-increment: li; content: '0'counter(item, decimal-leading-zero); display: block;font-size: 18px;color: var(--mcolor);font-family: var(--f-en);letter-spacing: 0.05em;margin: 0 0 9px;}
.sec03_item_ttl { font-size: 32px; color: var(--mcolor); line-height: 1.25em; margin: 0 0 14px; font-weight: 500;}
.sec03_item:nth-last-child(-n+2) {margin-bottom: 0;}
.sec03_item:nth-child(2n) { margin-top: 137px; margin-bottom: -114px; }
.sec03_item:nth-child(2n):last-child {margin-bottom: 0;}
/*==================== SEC04 ===================*/
.sec04 { background: var(--mcolor); color: #fff;padding: 55px 0 52px; }
.sec04 .inner {width: 1310px;display: flex;justify-content: space-between;align-items: center;}
.sec04_info { text-align: center;width: 456px; }
.sec04 .cta_tel a {color: #fff;}
.sec04_txt { line-height: 1.77em; }
.sec04_ttl { font-size: 38px; color: var(--mcolor); font-weight: 500;margin: 0 0 16px;}
.sec04_ttl .ttl {background: #fff;box-decoration-break: clone;-webkit-box-decoration-break: clone;padding: 0 6px 0 11px;}
.sec04_ttl .idx_dot > span:before {top: -2px;}
.sec04 .cta_tel .ttl { margin: 0 0 31px;letter-spacing: 0.02em; }
.sec04 .cta_tel { padding: 0 29px 0 0; }
.sec04_main { margin: 10px 0 0 2px; }
/*==================== SEC05 ===================*/
.sec05 {background: url("../images/sec05_bg.jpg") no-repeat bottom center #fafdfe;padding: 64px 0 120px;}
.sec05 .inner {width: var(--site_mid);}
.sec05 .idx_ttl .lager {display: inline-block;vertical-align: sub;margin: 0;position: relative;top: 5px;letter-spacing: 0;}
.sec05 .idx_ttl .en { margin: 0 0 7px -3px; }
.sec05 .idx_ttl { padding-left: 3px; letter-spacing: 0.05em; margin: 0 0 28px;}
.sec05_txt { font-size: 20px; line-height: 2em;margin: 0 0 40px; }
.sec05_main { background: #fff; max-width: 1370px; position: relative; padding: 69px 90px 80px; box-shadow: 0px 0px 38px 0px rgba(90,183,236,0.3);border-radius: 20px;}
.sec05_main_ttl { font-size: 32px; font-weight: 500; color: var(--mcolor);letter-spacing: 0.036em;margin: 0 0 16px; }
.sec05_main_txt { max-width: 708px; color: #404040; margin: 0 0 35px;}
.sec05_img { margin: 0; position: absolute; right: -170px; top: -181px; }
/*==================== SEC06 ===================*/
.sec06 {background: #005BAB;background: linear-gradient(90deg, rgba(0, 91, 171, 1) 0%, rgba(3, 116, 215, 1) 100%);color: #fff;padding: 87px 0 120px;}
.sec06 .inner {width: var(--site_mid);}
.sec06 .idx_ttl .en, .sec06 .idx_ttl .line {color: #fff;}
.sec06 .idx_ttl .lager {color: #fff;display: inline-block;letter-spacing: 0.02em;} 
.idx_ttl .note { display: inline-flex; background: var(--scolor); width: 234px; text-align: center; justify-content: center; height: 68px; align-items: center; padding: 0 0 3px; transform: rotate(-5deg); margin: 0 19px 0 7px; position: relative; top: -12px;color: #fff;}
.sec06_ttl { font-size: 28px; line-height: 1.57em; margin: 0 0 28px 6px; letter-spacing: 0.055em; }
.sec06_txt { font-size: 20px; line-height: 1.6em; margin: 0 0 44px 7px; letter-spacing: 0.003em; }
.sec06_list { display: flex; justify-content: space-between; }
.sec06 .idx_ttl { margin: 0 0 46px; }
.sec06 .idx_ttl .en { margin: 0 0 15px; }
.sec06_item {width: calc((100% - 80px)/3);position: relative;padding: 0 0 16px 16px;color: var(--txt);z-index: 2;cursor: pointer;}
.sec06_item:after {content: '';position: absolute;width: 143px;height: 260px;background: #00a0e9;border-radius: 14px;left: 0;bottom: 0;pointer-events: none;z-index: -2;}
.sec06_item_main {background: #fff;border-radius: 20px;padding: 31px 30px 25px;}
.sec06_item_img { text-align: center; margin: 0 0 22px; }
.sec06_item_ttl { font-size: 24px; color: #00a0e9; font-weight: 700; margin: 0 0 11px; }
.sec06_item_txt { font-size: 16px; line-height: 1.625em; margin: 0 0 19px; }
.sec06_item .btn a {width: 244px;height: 64px;border-radius: 8px;}
.sec06_item .btn a:after { width: 49px; }
/*==================== SEC07 ===================*/
.sec07 {padding: 83px 0 0;position: relative;}
.sec07:after {content: '';position: absolute;width: 100%;height: calc(100% - 120px);background: #F3F4F9;background: linear-gradient(90deg, rgba(243, 244, 249, 1) 0%, rgba(216, 233, 247, 1) 100%);top: 0;left: 0;z-index: -2;pointer-events: none;}
.sec07 .idx_ttl .lager {display: inline-block;margin: 0;}
.sec07 .idx_ttl .en { margin: 0 0 7px; }
.sec07 .idx_ttl .note { margin: 0 19px 0 3px; top: -10px; }
.sec07 .idx_ttl { margin: 0 0 57px; }
.sec07 .inner {width: var(--site_mid);}
.sec07_item { background: #fff; box-shadow: 0px 0px 38px 0px rgba(80, 183, 236, 0.13); border-radius: 20px; margin: 0 0 30px; position: relative; border-left: 10px solid var(--mcolor); border-right: 10px solid var(--mcolor); padding: 38px 80px 39px; transition: all 0.3s;}
.sec07_item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec07_item_main { width: 768px; }
.sec07_item_txt { color: #404040; }
.sec07_item_img { margin: 0; position: absolute; right: 80px; top: 30px; height: calc(100% - 60px); display: flex; justify-content: center; align-items: center; max-width: calc(100% - 958px); }
.sec07_item_img img {height: 100%;width: 100%;object-fit: cover;}
.sec07_item_ttl { font-size: 32px; font-weight: 500; color: var(--mcolor); border-bottom: 1px solid #ccc; padding: 0 0 15px; margin: 0 0 17px; }
/*==================== SEC08 ===================*/
.sec08 { padding: 40px 0 113px; max-width: 100vw;margin: 0 auto;overflow: hidden;min-width: 1260px;}
.sec08 .inner {width: var(--site_mid);}
.sec08_list {counter-reset: item8;}
.sec08_item {width: 480px;margin-right: 60px;counter-increment: item8;transition: all 0.3s;position: relative;}
.sec08_item>a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec08_item_img {height: 300px;overflow: hidden;display: flex;justify-content: center;align-items: center;border-radius: 20px;margin: 0;position: relative;}
.sec08_item_img:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;background: #000;mix-blend-mode: multiply;opacity: 0.1;}
.sec08_item_img img {height: 100%;object-fit: cover;}
.sec08_item_main { position: relative; margin: 0 0 22px; }
.sec08_item_ttl { color: #fff; position: absolute; left: 26px; bottom: 26px; width: calc(100% - 52px); }
.sec08_item_ttl .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 42px; font-weight: 700; line-height: 1.28em;}
.sec08_item_ttl .note { background: var(--scolor); font-size: 20px; font-weight: 700; display: inline-block; margin: 0 0 3px; padding: 0 10px 2px; letter-spacing: 0.04em; }
.sec08_item_ttl .note:after { content: counter(item8); display: inline-flex; justify-content: center; align-items: center; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #fff; font-weight: 400; font-size: 75%; font-family: var(--f-en); position: relative; margin: 0 0 0 1px; top: -2px; }
.sec08 .idx_ttl .en { letter-spacing: 0.11em; margin: 0 0 28px; }
.sec08 .idx_ttl { margin: 0 0 56px; }
.sec08_item_date { font-size: 15.63px; font-family: var(--f-en); color: var(--mcolor); font-weight: 500; letter-spacing: 0.01em; }
.sec08_item_txt { font-size: 16px; line-height: 1.75em; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sec08 .slick-list {overflow: visible;}
.sec08_bnr { margin: 70px auto 0; display: flex; justify-content: space-between; align-items: center; color: #fff; border-radius: 20px; max-width: 1000px;overflow: hidden;background: url("../images/cta_bg.jpg") no-repeat bottom center/cover;}
.sec08_bnr_ttl { margin: 0 50px;font-size: 22px;flex: 1;}
.sec08_bnr_ttl .small { display: block; border-bottom: 2px solid rgba(255, 255, 255, 0.5); padding: 0 0 12px; margin: 0 0 20px; }
.sec08_bnr_ttl .lager {display: block;font-weight: 700;font-size: 140%;}
.sec08_bnr_ttl .note {display: inline-block;background: var(--scolor);padding: 2px 20px 5px;margin-top: 20px;}
.sec08_bnr_img { margin: 0; display: flex;width: 400px; }
.sec08_bnr_img  .item {display: flex;flex-direction: column;background: #1f5cad;align-items: center;}
.sec08_bnr_img  .item:nth-child(2) {flex-direction: column-reverse;}
.sec08_bnr_img  .item .img {display: block;position: relative;}
.sec08_bnr_img  .item .img:after {content: '';position: absolute;width: 100%;height: 30%;background: #1F5CAD; background: linear-gradient(0deg, rgba(31, 92, 173, 1) 0%, rgba(31, 92, 173, 0) 100%);bottom: 0;left: 0;}
.sec08_bnr_img .txt { padding: 0 20px 20px; font-size: 80%; line-height: 1.5em; }
.sec08_bnr_img .lager {display: block;font-weight: 700;font-size: 130%;margin-top: 5px;}
.sec08_bnr_img  .item:nth-child(2) .txt {padding: 20px 20px 0;}
.sec08_bnr_img  .item:nth-child(2) .img:after {background: #1F5CAD; background: linear-gradient(180deg, rgba(31, 92, 173, 1) 0%, rgba(31, 92, 173, 0) 100%);top: 0;height: 25%;}
/*==================== SEC09 ===================*/
.sec09 {padding: 100px 0;}
.sec09 .inner {width: var(--site_mid);}
.sec09_list { display: flex; justify-content: space-between; }
.sec09_item {width: calc((100% - 90px)/3);position: relative;}
.sec09_item_img {margin: 0;box-shadow: 0px 0px 38px 0px rgba(90,183,236,0.3);border-radius: 20px;overflow: hidden;}
.sec09_item_main {position: relative;margin-bottom: 30px;}
.sec09_item_ttl {margin: 0;position: absolute;left: 0;bottom: -20px;font-size: 26px;line-height: 1.8em;}
.sec09_item_ttl .txt {background: var(--mcolor);color: #fff;-webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone;padding: 0 10px 2px;}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.footer_map {height: 400px;margin: 118px 0 70px;}
.footer_map iframe {width: 100%;height: 100%;}
.ft_main .inner { width: 1310px; display: flex; justify-content: space-between; align-items: flex-start; }
.ft_info { width: 456px; }
.ft_logo { margin: 0 0 10px; }
.ft_add { letter-spacing: 0.035em; margin: 0 0 31px; }
.ft_tel .ttl { display: block; font-size: 122.23%; font-weight: 500; letter-spacing: 0.02em; margin: 0 0 13px;}
.ft_tel .time {display: block;margin: 3px 0 0;letter-spacing: 0.045em;}
.ft_tel a {display: inline-flex;align-items: center;font-size: 259.67%;font-family: var(--f-en);font-weight: 700;line-height: 1em;letter-spacing: 0.01em;}
.ft_tel a:before {content: '';position: relative;display: inline-block;background: url("../images/ic_tel_brown.svg") no-repeat center center/100% auto;width: 31px;height: 31px;margin: 0 11px 0 4px;}
.ft_tel { margin: 0 0 20px; }
.ft_main .cta_contact a:before { margin: 0 30px 0 30px; }
.ft_link_list >li >a,.ft_link_list >li >span {color: var(--mcolor);font-size: 20px;font-weight: 500;}
.ft_link_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.ft_link_list>li {width: calc((100% - 40px)/2);margin-bottom: 30px;}
.ft_link_list>li:nth-child(1) {width: 100%;}
.ft_link_sub li a {position: relative;color: var(--mcolor);font-weight: 500;padding-left: 20px;font-size: 16px;display: inline-block;}
.ft_link_sub li a:before {content: '';position: absolute;width: 5px;height: 5px;background: var(--mcolor);left: 0;top: 12px;border-radius: 50%;}
.ft_link_sub {padding-left: 20px;}
.ft_link_sub li:not(:last-child) {margin-bottom: 10px;}
.ft_link_list >li >span {margin-bottom: 10px;display: block;}
.ft_link { max-width: 700px; }
.ft_main {padding-bottom: 30px;}

address{text-align:center; color:#fff;font-size: 14px; padding: 10px;letter-spacing: 0.075em;background: #005BAB;background: linear-gradient(90deg, rgba(0, 91, 171, 1) 0%, rgba(3, 116, 215, 1) 100%);font-weight: 300;}

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



.sp_contact { position: fixed; right: 0; top: 254px; z-index: 5; border: 3px solid var(--mcolor); border-top-left-radius: 20px; border-bottom-left-radius: 20px; width: 182px; border-right: none;transition: all 0.3s;}
.sp_contact li {height: 235px;position: relative;font-size: 19.36px;font-weight: 700;line-height: 1.21em;}
.sp_contact li:not(:last-child):after {content: '';position: absolute;width: 100%;height: 4px;background-image: linear-gradient(90deg, #005bab 33.33%, rgba(255,255,255,0) 33.33%, rgba(255,255,255,0) 50%, #005bab 50%, #005bab 83.33%, rgba(255,255,255,0) 83.33%, rgba(255,255,255,0) 100%); background-size: 48.00px 48.00px;left: 0;bottom: -2px;z-index: 2;pointer-events: none;}
.sp_contact li a {display: flex;justify-content: center;align-items: center;background: #fff8c1;border-top-left-radius: 20px;height: 100%;text-align: center;color: var(--mcolor);flex-direction: column;letter-spacing: 0.04em;padding: 0 0 0 7px;}
.sp_contact li:last-child a {background: #e6eff8;border-radius: 0;border-bottom-left-radius: 20px;}
.sp_contact li a .lager {display: block;font-size: 128.57%;line-height: 1.22em;margin: 0 0 8px;}
.sp_contact li a:before {content: '';position: relative;display: block;background: url("../images/ic_mail.svg") no-repeat center center/100% auto;width: 88px;height: 88px;margin: -4px auto -16px;left: -3px;}
.sp_contact li a .txt {position: relative;}
.sp_contact li:last-child a:before {background-image: url("../images/ic_tel.svg");margin: -9px auto -13px;}
.sp_contact li a .num {font-size: 128.57%;font-family: var(--f-en);white-space: nowrap;display: block;margin: 11px 5px 0 0;letter-spacing: 0.02em;font-weight: 600;}
.sp_contact.show {right: 0;}