@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?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: 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:#F2F0ED}
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.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_sm{font-size: 80%;}
.f_mid{font-size: 120%;}
.txt_clr1 {color: orange;}

:root {
  --font-main: "Noto Sans JP", sans-serif;
	--f-ttl: "uddigikyokasho-pro", sans-serif;
  --txt: #431D10;     
  --mcolor: #150F59;
  --scolor: #A48B77; 
  --site_size: 1230px;
  
  --gray: #4D4D4D;
  --brown: #9D8672;
	--green: #06C755;
  --red: red;
}

#wrapper{min-width: 1260px;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;}
.h_box{width:100%;position: fixed;padding: 21px 15px 0;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100px;padding: 0 40px 0 32px;background: #fff;border-radius: 10px;border-top-left-radius: 50px;border-bottom-right-radius: 40px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);width: 1920px;}
#logo {margin: 0;}
.h_left { display: flex; gap: 16px; align-items: center;}
.h_txt {display: flex;gap: 5px;}
.h_txt li {height: 60px;background: var(--mcolor);color: #fff;text-align: center;border-radius: 6px;font-size: 13px;font-weight: 500;white-space: nowrap;display: flex;align-items: center;padding: 8px;line-height: 1.5em;}
.h_txt li .lager{font-size: 138.47%;font-weight: 700;display: block;}
.h_txt li .mid {font-size: 77.78%;}

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

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative; z-index: 2;}
.mv{position: relative;padding: 0;background: url("../images/mv_bg.jpg") repeat-x top left;padding-bottom: 167px;overflow:hidden;}
.mv_bg{position:absolute;}
.mv_bg.init{opacity:1}
.main_slider_list{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;height: 1070px;overflow: hidden;}
.main_slider_list.slick-initialized {height: 100%;overflow: visible;}
.slide_item {width: 760px;}
.mv_bg {width: 50%;height: 1070px;right: 0;top: 0;}
.mv_main {padding-top: 137px;width: 1920px;max-width: 100%;margin: 0 auto;}
.mv_main_info {width: 50%;background: url("../images/mv_ic4.svg") repeat-x bottom left -76px;padding-bottom: 138px;}
.mv_main_cont {position: relative;text-align: center;width: 628px;height: 628px;margin: 0 auto;border: 4px solid rgba(255,255,255,0.4);border-radius: 50%;z-index: 2;padding: 56px 0 0;}
.mv_main_cont:after {content: '';position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;margin: auto;background: #fff;opacity: 0.2;border-radius: 50%;pointer-events: none;z-index: -2;}
.mv_main_txt { font-size: 26px; line-height: 1.22em; font-family: var(--f-ttl); margin: 0 0 22px; }
.mv_main_cont:before {content: '';position: relative;display: block;background: url("../images/mv_ic1.svg") no-repeat center center/100% auto;width: 40px;height: 26px;margin: 0 auto 24px;}
.mv_main_ttl { font-size: 60px; font-family: var(--f-ttl); line-height: 1.25em;margin: 0 0 20px; }
.mv_main_note {font-size: 31px; line-height: 1.3em; font-family: var(--f-ttl); margin: 0 0 49px;}
.mv_main_note .note {font-weight: 400;margin: 0 -15px;}
.mv_main_note .mid {font-size: 103.23%;}
.mv_main_note .lager { font-size: 119.36%; font-weight: 700; }
.mv_main_others:after {content: '';position: relative;display: block;background: url("../images/mv_ic2.svg") no-repeat center center/100% auto #D5D5D5;width: 164px;height: 164px;border-radius: 50%;margin: 0 auto;}
.mv_main_others .txt {background: url("../images/mv_ic3.svg") no-repeat top center/100% auto;width: 191px;height: 116px;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 0 2px;position: relative;margin: 0 0 -22px;z-index: 2;left: 11px;}
.mv_main_others {margin: 0;position: absolute;font-size: 14px;font-weight: 700;left: -113px;top: 205px;line-height: 1.55em;}
.mv_main_others .lager {display: block;font-size: 142.86%;font-weight: 900;}
.mv_btn { display: flex; flex-wrap: wrap; gap: 20px 30px; max-width: 550px; margin: 0 auto; }
.mv_btn .btn {width: calc((100% - 30px)/2);}
.mv_btn .btn a:after {position: absolute;right: 14px;top: calc(50% -  6px);}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.idx_ttl { font-size: 30px; text-align: center; font-weight: 700; font-family: var(--f-ttl); line-height: 1.4em;margin: 0 0 20px;}
.idx_ttl .en { display: block; text-transform: uppercase; font-size: 56.67%; line-height: 1em; margin: 0 0 6px; }
.idx_ttl .small {font-size: 66.67%;margin: 0 -10px;}
/* DEFAUTL NAME BUTTON */
.btn a{width: 380px; height: 60px;max-width: 100%; border-radius: 500px; display: flex; justify-content: center; align-items: center; background: var(--gray);font-size: 17px; color: #fff;text-decoration: none;font-weight: 700;position: relative;box-shadow: 0px 6px 0px 0px rgba(120,120,120,0.63);margin: 0 auto;gap: 38px;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn a:after {content: '';position: relative;background: url("../images/ic_arr.svg") no-repeat center center/100% auto;width: 7px;height: 12px;display: inline-block;}
.btn {margin: 0;}
/*==================== SEC01 ===================*/
.sec01 {margin-top: -90px;position: relative;padding: 0 0 310px;background: url("../images/mv_bg.jpg") no-repeat left top/50% auto;z-index: 2;overflow:hidden;}
.sec01_bg {content: '';position: absolute; z-index: -2;background: url("../images/sec01_bg.jpg") no-repeat center center/cover;background-attachment: fixed;top: 0;left: 0;width: 100%;height: 100%;-webkit-mask-image: url("../images/sec01_bg.png"); mask-image: url("../images/sec01_bg.png"); mask-repeat: repeat-x;}
.sec01 .inner {width: 1330px;}
.sec01_main {background: #fff;border-radius: 10px;border-top-left-radius: 50px;border-bottom-right-radius: 40px;padding: 50px 50px 55px;text-align: center;position: relative;z-index: 2;}
.sec01_main:before {content: '';position: relative;display: block;background: url("../images/sec01_logo.svg") no-repeat center center/100% auto;width: 116px;height: 119px;margin: 0 auto 32px;}
.sec01_txt { background: #FFF7EC; max-width: 1000px; margin: 0 auto 45px; border-radius: 20px; padding: 35px 50px 34px; }
.sec01_txt .lager { font-weight: 700; font-size: 112.5%; }
.sec01_txt p {line-height: 1.5em;}
.sec01 .btn a {padding-left: 45px;}
/*==================== SEC02 ===================*/
.sec02 {padding: 116px 0;position: relative;}
.sec02:before {content: '';position: absolute;width: 100%;height: 100%;background: url("../images/sec02_bg.svg") no-repeat top 308px center/1817px auto;}
.sec02 .inner {width: 1420px;}
.sec02_top { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto 89px;max-width: 1168px;padding-left: 15px;}
.sec02_ttl { font-size: 30px; font-weight: 700; font-family: var(--f-ttl); }
.sec02_ttl:before {content: '';position: relative;display: block;background: url("../images/sec02_ic1.svg") no-repeat center center/100% auto;width: 72px;height: 72px;margin: 0 0 -8px -15px;}
.sec02_ttl .lager {display: inline-block;background: #fff;border-radius: 11px;font-size: 133.33%;padding: 2px 0 3px;margin: 0 0 5px;}
.sec02_ttl .lager:first-of-type { margin-top: 5px; }
.sec02_top_main { width: 680px; height: 240px; background: #fff; position: relative; border-radius: 20px; border: 1px dashed var(--scolor); padding: 35px 125px 30px 43px; margin: 0 0 8px;}
.sec02_top_main:after {content: '';position: absolute;background: url("../images/sec02_ic2.svg") no-repeat top center/100% auto;width: 130px;height: 196px;right: 4px;bottom: 2px;}
.sec02_top_main_ttl { font-size: 18px; font-weight: 700; line-height: 1.45em;margin: 0 0 24px;}
.sec02_top_main_ttl .lager {font-size: 122.23%;margin: 0 0 0 -13px;}
.sec02_top_main_txt { line-height: 1.5em; font-weight: 500; }
.sec02_list { display: grid; grid-template-columns: repeat(6, 1fr);gap: 60px 20px; }
.sec02_item { grid-column: span 2;text-align: center;position: relative;color: #fff;padding: 0 0 47px;}
.sec02_item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec02_item:before {content: '';position: absolute;width: 100%;top: 90px;bottom: 0;left: 0;right: 0;background: var(--scolor);z-index: -2;pointer-events: none;border-radius: 20px;}
.sec02_item:nth-child(1) { grid-column: 2 / span 2; }
.sec02_item:nth-child(2) { grid-column: 4 / span 2; }
.sec02_item_img { padding: 0 40px; margin: 0; }
.sec02_item_img img {border-radius: 20px;}
.sec02_item_main { padding: 0 15px; }
.sec02_item_note { max-width: 310px; margin: -30px auto 25px; background: #fff; height: 60px; border-radius: 100px; color: var(--txt); display: flex; justify-content: center; align-items: center; font-weight: 500; gap: 6px;position: relative;}
.sec02_item_note .lager { font-size: 125%; font-weight: 900; }
.sec02_item_ttl { font-size: 22px; font-weight: 700; line-height: 1.5em; margin: 0 0 25px;}
.sec02_item_txt { font-weight: 500; }
.sec02_line {position: absolute;width: 100%;height: 120%;top: 0;left: 0;z-index: -2;pointer-events: none;overflow: hidden;}
.sec02_line svg { width: 130%; height: 130%; left: 50%; transform: translateX(-50%); position: relative; top: -17%; }
.sec02 svg .svg-elem-1 { stroke-dashoffset: 5376.49462890625px; stroke-dasharray: 5376.49462890625px;-webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s; }
.sec02.active svg .svg-elem-1 { stroke-dashoffset: 0; }
/*==================== SEC03 ===================*/
.sec03 {position: relative;padding: 257px 0 132px;background: url(../images/sec03_ic4.svg) repeat-x top 639px left -169px;}
.sec03.active { background-attachment: fixed; }
.sec03 .inner {width: 1430px;}
.sec03:before {content: '';position: absolute;background: url("../images/sec03_ic1.svg") no-repeat top center/100% auto;width: 289px;height: 286px;top: 173px;left: calc(50% - 145px);pointer-events: none;z-index: -2;}
.sec03 .idx_ttl {max-width: 620px;margin: 0 auto 45px;border-bottom: 1px solid #B7A495;white-space: nowrap;padding: 0 0 9px;}
.sec03 .idx_ttl .en { margin: 0 0 18px; font-size: 18px; letter-spacing: 0.02em; }
.sec03 .idx_ttl .char { margin: 0 -10px; }
.sec03_list { position: relative; }
.sec03_list:before, .sec03_list:after { position: absolute;content: ''; }
.sec03_list:before {background: url("../images/sec03_ic2.svg") no-repeat top center/100% auto;width: 159px;height: 237px;top: -152px;right: calc(50% + 334px);}
.sec03_list:after {background: url("../images/sec03_ic3.svg") no-repeat top center/100% auto;width: 178px;height: 225px;top: -158px;left: calc(50% + 320px);}
.sec03_item { background: #fff; border-radius: 999px; padding: 70px 40px 70px 30px; display: flex; justify-content: center; gap: 40px; align-items: flex-start; margin: 0 0 25px; position: sticky;top: 130px;z-index: 2;}
.sec03_item:last-child {margin-bottom: 0;}
.sec03_item_img { flex-shrink: 0; }
.sec03_item_main { width: 520px; }
.sec03_item_num { width: 130px; height: 30px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; background: var(--txt); border-radius: 30px; font-size: 14px; font-weight: 500;margin: -10px 0 20px; }
.sec03_item_ttl { font-size: 20px; font-family: var(--f-ttl); line-height: 1.5em;font-weight: 700; margin: 0 0 22px;white-space: nowrap;}
.sec03_item_ttl .lager {display: block;font-size: 170%;line-height: 1.32em;margin: 16px 0 0;position: relative;}
.sec03_item_txt .lager {font-size: 112.5%;font-weight: 700;position: relative;background-image: linear-gradient(0deg, #ffe926 30.77%, #ffffff 30.77%, #ffffff 50%, #ffe926 50%, #ffe926 80.77%, #ffffff 80.77%, #ffffff 100%);background-size: 52.00px 52.00px;}
/*==================== SEC04 ===================*/
.sec04{position: relative;z-index: 2;overflow:hidden;}
.sec04_list {height: 450px;overflow: hidden;}
.sec04_list.slick-initialized {height: auto;overflow: visible;}
.sec04_item {margin: 0 10px;width: 380px;}
.sec04_item.item_top {margin-top: 80px;}
/*==================== SEC05 ===================*/
.sec05 {background: #d4c6b9;position: relative;padding: 631px 0  345px;margin-top: -258px;overflow:hidden;}
.sec05:before, .sec05:after {content: '';position: absolute;background: url("../images/sec05_bg1.svg") no-repeat center center/100% auto;pointer-events: none;mix-blend-mode: multiply;}
.sec05:before {width: 658px;height: 198px;top: 370px;right: calc(50% + 217px);}
.sec05:after {width: 408px;height: 123px;bottom: 192px;left: calc(50% + 440px);}
.sec05 .inner {width: 1530px;}
.sec05 .idx_ttl .en { font-size: 18px; letter-spacing: 0.03em; }
.sec05_main { position: relative; width: 958px; margin: 0 0 0 auto; }
.sec05 .idx_ttl {text-align: left;margin: 0 0 37px;}
.sec05 .idx_ttl .lager {display: block;font-size: 133.34%;line-height: 1.25em;}
.sec05 .idx_ttl .small { font-size: 66.67%; display: block; margin: 46px 0 25px; }
.sec05_img { margin: 0; position: absolute; right: calc(100% + 47px); top: -47px; width: 544px; }
.sec05_img .ttl { position: absolute; left: 113px; bottom: 40px; text-align: right; font-size: 17px; font-weight: 700; }
.sec05_img .ttl .lager {font-size: 158.83%;}
.sec05_txt p:not(:last-child) {margin-bottom: 1.9em;}
.sec05 .btn a { margin: 0 0 0 auto; padding-left: 6px; gap: 25px; }
.sec05_txt { margin: 0 0 40px; }
/*==========================================================
                        F O O T E R
==========================================================*/
footer{background: #2D2927;border-top-left-radius: 100px;border-top-right-radius: 100px;margin-top: -100px;position: relative;z-index: 2;color: #fff;overflow:hidden;}
.ft_info_ttl { text-align: center; font-size: 30px; font-weight: 700; font-family: var(--f-ttl);line-height: 1.5em;margin: 0 0 36px; }
.ft_info_ttl .en {display: block;font-size: 18px;text-transform: uppercase;margin: 0 0 7px;}
.ft_info_txt {text-align: center;margin: 0 0 75px;}
.ft_top { padding: 92px 0 100px;position: relative;}
.ft_top:after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #2D2927;pointer-events: none;mix-blend-mode: multiply;}
footer .inner {width: 1530px;}
.ft_info_btn { display: flex; justify-content: space-between; gap: 45px; }
.ft_info_btn li { flex: 1; font-weight: 700;font-family: var(--f-ttl);background: #fff;border-radius: 40px;}
.ft_info_btn li a {display: flex;background: #fff;border-radius: 40px;height: 160px;text-align: center;justify-content: center;align-items: center;box-shadow: 0px 6px 0px 0px rgba(0,0,0,1);color: #fff;}
.ft_info_btn .ft_info_btn_tel a {color: #2D2927;padding-top: 10px;}
.ft_info_btn a .lager {display: flex;justify-content: center;align-items: center;font-size: 212.5%;gap: 13px;margin: 18px 0 10px;}
.ft_info_btn .ft_info_btn_tel a .lager {font-size: 225%;letter-spacing: -0.02em;}
.ft_info_btn a .lager:before {content: '';position: relative;display: inline-block;background-repeat: no-repeat;background-position: center center;}
.ft_info_btn .ft_info_btn_tel a .lager:before {background-image: url("../images/ft_ic_tel.svg");width: 33px;height: 33px;}
.ft_info_btn .ft_info_btn_mail a {border: 4px solid #fff;background: var(--mcolor);}
.ft_info_btn .ft_info_btn_mail a .lager:before {background-image: url("../images/ic_mail.svg");width: 40px;height: 38px;}
.ft_info_btn .ft_info_btn_line a {background: var(--green);}
.ft_info_btn .ft_info_btn_line a .lager:before {background-image: url("../images/ic_line.svg");width: 48px;height: 46px;}
.ft_info_btn a .lager .num { position: relative; }
.ft_info_btn a .lager .note { position: absolute;left: 0;top: -30px;font-size: 50%;font-weight: 500;text-align: center;width: 100%;}
.ft_info_btn a .lager .num:nth-child(2) .note { left: -10px; }
.ft_info_btn li a .small { display: block; }
.ft_main {padding: 104px 0 93px;}
.ft_main .inner {display: flex;justify-content: space-between;align-items: flex-start;}
.ft_main_info { text-align: center; }
.ft_logo { margin: 0 0 49px; }
.ft_logo .txt {display: block;color: #fff;text-align: center;font-size: 85%;}
.ft_link { margin: -5px 3px 0 0; }
.ft_link_list { display: flex; gap: 60px; margin: 0 0 46px;}
.ft_link_list li {width: 350px;}
.ft_link_list li .ttl {display: block;font-weight: 700;font-family: var(--f-ttl);border-bottom: 1px solid #fff;font-size: 137.5%;padding: 0 0 22px;margin: 0 0 35px;}
.ft_link_sub li a {display: inline-block;position: relative;color: #fff;padding-left: 21px;text-underline-offset: 4px;white-space: nowrap;}
.ft_link_sub li a:before {content: '';position: absolute;width: 8px;height: 8px;background: #fff;border-radius: 50%;left: 0;top: 13px;}
.ft_link_sub li:not(:last-child) {margin: 0 0 20px;}

address{font-size: 12px;text-align: right;}

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



.bnr_fixed { position: fixed; right: 0; z-index: 3; top: 185px;display: flex;flex-direction: column;gap: 20px;align-items: flex-end;}
.bnr_fixed li {width: 100px; position: relative;height: 100px;font-size: 14px;}
.bnr_fixed li .info {border-top-left-radius: 40px;border-bottom-left-radius: 10px;background: #4D4D4D;box-shadow: 0px 6px 0px 0px rgba(120,120,120,0.63); height: 100px;padding-top: 6px;width: 100px;position: absolute;right: 0;top: 0;}
.bnr_fixed li .icon {position: absolute;right: 0;top: 0;display: flex;background: url("../images/ic_tel.svg") no-repeat center center;width: 100px;height: 100px;}
.bnr_fixed li.bnr_fixed_line .info {background-color: var(--green);}
.bnr_fixed li.bnr_fixed_line .icon {background-image: url("../images/ic_line.svg");}
.bnr_fixed li.bnr_fixed_mail .info {background-color: var(--mcolor);}
.bnr_fixed li.bnr_fixed_mail .icon {background-image: url("../images/ic_mail.svg");}

.bnr_fixed li .txt {position: absolute;background: #fff;text-align: center;font-weight: 700;font-family: var(--f-ttl);width: 300px;height: 120px;top: -7px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;white-space: nowrap;justify-content: center;align-items: center;right: -300px;display: flex;flex-direction: column;padding: 20px;transition: all 0.3s;z-index: 2;}
.bnr_fixed li .txt .lager {display: flex;font-size: 120%;justify-content: center;align-items: center;background: #4D4D4D;color: #fff;border-radius: 50px;padding: 5px 30px;gap: 10px;margin: 3px 0;width: 100%;}
.bnr_fixed li .txt .lager:before {content: '';position: relative;display: inline-block;background: url("../images/ic_tel.svg") no-repeat center center/100% auto;width: 20px;height: 20px;}
.bnr_fixed li.bnr_fixed_line .txt .lager {background-color: var(--green);}
.bnr_fixed li.bnr_fixed_line .txt .lager:before {background-image: url("../images/ic_line.svg");}
.bnr_fixed li.bnr_fixed_mail .txt .lager {background-color: var(--mcolor);}
.bnr_fixed li.bnr_fixed_mail .txt .lager:before {background-image: url("../images/ic_mail.svg");}
.bnr_fixed li .txt .lager .num {position: relative;}
.bnr_fixed li .txt .lager .note {position: absolute;top: -15px;left: 0;width: 100%;text-align: center;font-size: 55%;font-weight: 500;}
.bnr_fixed li.bnr_fixed_tel .txt .lager { padding-top: 15px; }
.bnr_fixed li .txt .lager .num:nth-child(2) .note { left: -7px; }
.bnr_fixed li.bnr_fixed_tel .txt { line-height: 1.5em; }