@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url(../fonts/maru_stylesheet.css);
@import url(../fonts/roboto_stylesheet.css);
@import url(../fonts/noto_stylesheet.css);

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;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, del{
  font-size: 1.8rem;
  -webkit-text-size-adjust: none;
  font-weight: 500;
}
*,::before,::after{box-sizing:border-box;outline: none;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
video{max-width: 100%;height: auto;}
figure{margin: 0;}
figure:not(:last-child){margin-bottom: 20px;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff;font-size: clamp(6px, 0.520833vw, 10px);}
body{-webkit-text-size-adjust:none;min-width:320px;color:var(--txt);font-family: var(--f-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.34;}
p,dd,dt,li,th,td,address{line-height: 1.82em;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_u{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}
.fw400{font-weight: 400;}
.bl{color: var(--mcolor);}
.reality{position: relative;}

:root {
  --txt: #232323;
  --mcolor: #007A4C;
  --scolor: #EE7A00;
  --container: 100%;
  --u_inner: 15rem;

  --gray: #e9e9e9;
  --blue: #003b7d;
  --red: red;

  --f-main: "Noto Sans JP", sans-serif;
  --f-maru: "Zen Maru Gothic", serif;
  --f-rbt: "Roboto", sans-serif;

}

#wrapper{min-width: 1260px;margin:0 auto;}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 1rem;}

[data-aos=fade-up] {transform: translate3d(0, 50px, 0);}
[data-aos=fade-left] {transform: translate3d(50px, 0, 0);}
/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit}
.hamburger-box{position:relative;width:7rem;height:7rem;border-radius: 5px;display: flex;justify-content: center;align-items: center;background-color: var(--mcolor);}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:4.4rem;height:0.4rem;transition:all ease 0.15s;background-color:#fff;border-radius: 999px;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-1.2rem}
.hamburger-inner::after{bottom:-1.2rem}
.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,1.2rem,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-1.2rem,0) rotate(-45deg)}
.sub ul li:not(:last-child){margin-bottom: 5px;}
.sub ul li a{font-size:1.6rem;display:flex;width:100%;align-items:center;padding: 0.9rem 2rem;margin:0 auto;background:#EEFBE4;position: relative;border-radius: 1rem;font-weight: 500;}
.sub ul li a::after{content: "";position: absolute;width: 5px;height: 10px;top: calc(50% - 5px);right: 12px;background-color: var(--mcolor);clip-path: polygon(0 0, 0% 100%, 100% 50%);}

header{position: relative; z-index:11;}
.h_box{width:100%;background-color: #fff;z-index: 999;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;padding: 0 7.3rem;}
.h_logo{display: flex;justify-content: center;align-items: center;}
.mv_nav{background-color: #effbe5;border-radius: 4rem 0 0 0;padding: 3.1rem 1rem 1.7rem 5.1rem;margin-left: auto;margin-top: 0.2rem;}
.mv_nav ul{display: flex;justify-content: space-between;align-items: center;}
.mv_nav ul li{text-align: center;font-size: 2rem;font-weight: bold;line-height: 1.35;}
.mv_nav ul li span{font-weight: 900;}
.mv_nav ul li .dot,.mv_nav ul li .sm{font-size: 2.3rem;}
.mv_nav ul li .dot{font-weight: 900;display: inline-block;color: var(--mcolor);}
.mv_nav ul li .big{font-weight: 900;position: relative;display: inline-block;color: var(--scolor);font-size: 2.4rem;}
.mv_nav ul li .big::before{content: "";position: absolute;width: 2.8rem;height: 1rem;background:url('../images/mv_nav_ic.svg') no-repeat center /contain;left: calc(50% - 1.4rem);top: -0.6rem;}
.mv_nav ul li.cta a{width: 20rem;height: 7.5rem;background-color: var(--txt);color: #FFF;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,0.29);margin-top: -1.5rem;padding-bottom: 0.7rem;overflow: hidden;font-weight: bold;letter-spacing: 0.1rem;}
.mv_nav ul li.cta a span span{font-size: 1.8rem;}
.mv_nav ul li.cta a::after{content: "";position: absolute;width: 1rem;height: 0.5rem;background-color: #FFF;clip-path: polygon(50% 100%, 0 0, 100% 0);left: calc(50% - 5px);bottom: 1.4rem;}
.mv_nav ul li .mark{font-size: 3rem;padding-right: 0.5rem;}

.nav_list>li.parent{position:relative;}
.nav_list>li.parent>.hook{cursor:default}
.nav_list>li>.hook{padding-right: 1.7rem;}
.nav_list>li>.hook::after{content: "";position:absolute;width: 10px;height: 5px;clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: var(--txt);right: 1px;top: 15px;transition: all 0.3s;}

.green{color: var(--mcolor);}
.org{color: var(--scolor);}
.mark{display: inline-block;font-size: 3rem;transform: translate(0.2rem,0.5rem) rotate(17deg);}
.dot{position: relative;}
.dot::before{content: "";position: absolute;width: 5px;height: 5px;background-color: var(--txt);border-radius: 50%;left: calc(50% - 2px);top: -4px;}
.sys{font-weight: 400;display: inline-block;}



@media screen and (min-width: 751px) {
  #logo{width: 35.1rem;}
  .h_logo{margin-left: 1.7rem;}
  .mv_nav ul li:nth-of-type(4),.mv_nav ul li:nth-of-type(5){transform: translateY(-0.2rem);}
  body.is_scroll #logo{width: 30rem;max-width:220px;}
  body:not(.is_scroll) #logo{transform: translateY(4.7rem);}
  body:not(.is_scroll) .hide_inview{display: none;}
  body.is_scroll main{padding-top: 10rem;}
  body.is_scroll .h_box{position: fixed;border-bottom: 3px solid #5AA722;height: 90px;}
  #index body.is_scroll .h_box{animation: scrolltop 1s; animation-iteration-count: 1; }
  body.is_scroll .h_inner{padding: 0 4.8rem 0 1rem;}
  body.is_scroll .nav_list_scroll{display: block;}
  body.is_scroll .nav_list_scroll{display: block;}
  body.is_scroll .hide_scroll{display: none;}
  body.is_scroll .nav_list>li:not(:last-child){margin-right: 5rem;}
  body.is_scroll .nav_list>li.last{margin-right: 0;}

  @keyframes scrolltop {
      0%{transform:translateY(-90px);transform-origin:center;opacity:0;transition:ease-in-out}
      100%{transform:translateY(0);opacity:1}
  }
}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index:4;}
.mv{position: relative;padding: 0;z-index: 3;background-color: #FFF;}
.mv_right{position: relative;}
.mv_right_bg{padding: 2rem 1.2rem 2rem 2rem;background-color: #A9EB79;display: flex;}
.mv_right_bg .ite{display: flex;justify-content: flex-end;align-items: flex-start;}
.mv_right_bg .ite:not(:last-child){margin-bottom: 2rem;}
.mv_right_bg .ite .pick{overflow: hidden;display: flex;align-items: center;justify-content: center;}
.mv_right_bg_list .pick img{width: auto;height: auto;}
.mv_right_bg_list:nth-of-type(1) .ite:nth-of-type(2) .pick{width: 50%;justify-content: flex-end;}


.mv_right_bg .ite .pick:not(:last-child){margin-right: 2rem;}
.mv_right_bg .ite img{display: block;flex-direction: column;border-radius: 1rem;}
.mv_right_bg_list:not(:last-child){margin-right: 2rem;}

.mv_right_content h2{font-size: 4.9rem;font-weight: bold;}
.mv_right_content h2 .lg{font-weight: 800;font-family: var(--f-maru);}
.mv_right_content h2 .sys.pre{margin-left: -3rem;transform: translateY(-2rem);}
.mv_right_content h2 .sys.end{margin-right: -2.5rem;transform: translateY(1.1rem);}

.mv_right_content .tt{font-weight: bold;}
.mv_right_content .tt .key{color: #FFF;font-size: 2.2rem;display: inline-block;padding: 0.6rem 1.15rem 1rem;background-color: var(--mcolor);border-radius: 5px;line-height: 1.1;margin-left: 5px;transform: translateY(-0.2rem);}
.mv_right_content .tt .dot{font-family: var(--f-maru);font-size: 3.6rem;font-weight: 900;}
.mv_right_content .tt .dot::before{width: 6px;height: 6px;background-color: var(--txt);left: calc(50% - 3px);top:0;}
.mv_right_content .tt .big{font-size: 3.6rem;font-weight: 900;line-height: 1;}
.mv_right_content .tt .sys.pre{margin-left: -1.8rem;transform: translateY(-1rem);}
.mv_right_content .tt .sys.pre2{margin-left: -1rem;}
.mv_right_content .tt .sys.end{margin-right: -1rem;}


.mv_left{width: 27.5vw;border-radius: 20px 0 0 0;background-color: var(--mcolor);}
.mv_left *{color: #FFF;text-align: center;}
.mv_left_tt{font-size: 3.6rem;font-weight: 800;font-family: var(--f-maru);position: relative;letter-spacing: 0.2rem;width: fit-content;margin: 0 auto;}
.mv_left_tt::before,.mv_left_tt::after{content: "";position: absolute;width: 19.2rem;height: 7.7rem;top: -7.6rem;max-width: 190px;}
.mv_left_tt::before{background: url('../images/mv_left_tt_ic1.png') no-repeat center /contain;right: 54%;}
.mv_left_tt::after{background: url('../images/mv_left_tt_ic2.png') no-repeat center /contain;left: 53.5%;}
.mv_left_tel{margin-bottom: 0.3rem;line-height: 1;}
.mv_left_tel a{font-size: 5rem;font-weight: bold;font-family: var(--f-rbt);display: inline-block;width: fit-content;position: relative;padding-left: 4.5rem;letter-spacing: 0.05rem;}
.mv_left_tel a::before{content: '';position: absolute;width: 3.2rem;background:url('../images/ic_tel.svg') no-repeat center /contain;left: 0.2rem;top: 1rem;height: 3.2rem;}
.mv_left_ite{padding: 3.8rem 1.5rem 2.2rem;}
.mv_left_ite.st1{padding-top: 5.1rem;}
.mv_left_ite.st2{padding-bottom: 2.7rem;}
.mv_left_ite.st3{padding-top: 3rem}
.mv_left_ite:not(:last-child){border-bottom: 1px solid #50a782;}
.mv_left_date{font-size: 1.7rem;font-weight: bold;text-align: center;}
.mv_left_btn a{width: 45rem;height: 13rem;border-radius: 999px;border: 0.6rem solid #FFF;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 0 auto;position: relative;overflow: hidden;}
.mv_left_btn:not(:last-child){margin-bottom: 1.1rem;}
.mv_left_btn a::after{content: "";position: absolute;width: 0.7rem;height:1.5rem;top: calc(50% - 0.8rem);right: 2.2rem;background-color: #FFF;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.mv_left_btn a .en{font-size: 1.7rem;font-family: var(--f-rbt);font-weight: 600;position: relative;padding-left: 3rem;line-height: 1.4;}
.mv_left_btn a .en::before{content: "";position: absolute;width: 2.3rem;height: 2.3rem;top: calc(50% - 1.4rem);left: 0;}
.mv_left_btn a .sm{font-size: 1.9rem;font-weight: 900;color: var(--txt);line-height: 1.4;}
.mv_left_btn a .lg{font-size: 3rem;font-weight: bold;line-height: 1.1;}
.mv_left_btn.mail a{background-color: #FFC400;}
.mv_left_btn.line a{background-color: #06C655;}
.mv_left_btn.mail a .en::before{background: url('../images/ic_mail.svg') no-repeat center /cover;width: 2.4rem;}
.mv_left_btn.line a .en::before{background: url('../images/ic_line.svg') no-repeat center /cover;}

@media screen and (min-width: 751px) {
  .mv{margin-bottom: -0.6rem;}
  .mv_box{display: flex;justify-content: space-between;padding-left: 1.4rem;}
  .mv_nav,.mv_right{width: 72.5vw;max-width: 1400px;flex-shrink: 0;}
  .mv_nav ul li.cta a{margin-left: -1rem;}
  .mv_right_content{position: absolute;z-index:2;bottom: 2rem;left: 0;}
  .mv_right_content .tt{font-size: 2.8rem;letter-spacing: 0.15rem;line-height: 1.8;}
  .mv_right_content .ite{background-color: #FFF;border-radius: 0 5px 5px 0;width: fit-content;}
  .mv_right_content .ite:not(:last-child){margin-bottom: -1.3rem;}
  .mv_right_content .ite:nth-of-type(1){padding: 2.4rem 3.7rem 0rem 3.7rem;}
  .mv_right_content .ite:nth-of-type(2){padding: 2.6rem 3.5rem 3.6rem;}
  .mv_right_content h2 .sm{font-size: 5.6rem;}
  .mv_right_content h2 .sys.pre{margin-right: 0.8rem;}
  .mv_right_content h2 .sys.end{margin-left: 0.5rem;}
  .mv_right_content h2 .lg{font-size: 6.2rem;letter-spacing: 0.28rem;}
  .mv_right_content .tt .dot{margin-top: 0.5rem;display: inline-block;}
}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/

/* DEFAULT TITLE */
.ttl_h3{text-align: center;font-weight: 900;}
.ttl_h3:last-child{margin-bottom: 0;}
.ttl_h3 .sys{font-size: 3.2rem;}
.ttl_h3 .sys.pre{transform: translateY(-0.8rem);margin-left: -0.5rem;display: inline-block;}
.ttl_h3 .sys.end{transform: translateY(0.5rem);margin-right: -1.4rem;}
.ttl_h3 .en{font-size: 7rem;font-family: var(--f-rbt);font-weight: 900;}
.ttl_h3 .emphasize{font-size: 5.8rem;font-weight: 900;position: relative;line-height: 2;}
.ttl_h3 .emphasize::before{content: "";position: absolute;width: 6.9rem;height: 2.5rem;background: url(../images/ttl_h3_ic01.svg) no-repeat center / contain;left: calc(50% - 3.4rem);top: -1.1rem;}
.ttl_h3 .arr{border-radius: 50%;background-color: var(--txt);color: #FFF;position: relative;text-align: center;display: inline-block;}
.ttl_h3 .arr::after{content: '';position: absolute;width: 21px;height: 9px;background-color: var(--txt);clip-path: polygon(100% 2%, 100% 100%, 0 50%);transform: rotate(-30deg);bottom: 2px;left: -3px;z-index: -1;pointer-events: none;}
.ttl_h3 .arr.child{width: 7.4rem;height: 4.7rem;background: url('../images/ttl_h3_arr_child.png') no-repeat center /cover;border-radius: 0;transform: translateY(-1rem);}
.ttl_h3_wh{color: #FFF;}
.ttl_h3_wh .arr{background-color: #FFF;color: var(--txt);}
.ttl_h3_wh .arr::after{background-color: #FFF;}
.ttl_h3_wh .emphasize{color: #FFE600;line-height: 1.7;}
.ttl_h3_wh .emphasize::before {width: 24px;height: 12px;background: url(../images/ttl_h3_ic03.svg) no-repeat center / contain;right: -1.2rem;top: 1.1rem;transform: rotate(35deg);left: inherit;}
.f_maru{font-family: var(--f-maru);font-weight: 800;}

/* DEFAUTL NAME BUTTON */
.btn a{width: 210px; height: 50px; display: flex; justify-content: center; align-items: center; background: var(--txt);font-size: 1.8rem; color: #fff;font-weight: 500;border-radius: 999px;box-shadow: 0 3px 6px rgba(0,0,0,0.16);position: relative;overflow: hidden;text-align: center;}
.btn a::before{content: "";position: absolute;width: 0.5rem;height: 1rem;background-color: #FFF;right: 2rem;top: calc(50% - 0.5rem);clip-path: polygon(0 0, 0% 100%, 100% 50%);z-index: 2;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn_w a{color: #FFF;border:1px solid #FFF;box-shadow: none;background-color: transparent;}
.btn_lg a{width: 50rem;height: 8rem;font-size: 2rem;}

.btn_box:not(:last-child){margin-bottom: 30px;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 10px;}

.slick-dots li{width:15px;height:15px;border-radius:50%;background-color:#E6E6E6;border: 1px solid #707070;}
.slick-dots li:not(:last-child){margin-right: 15px;}
.slick-dots li:hover{opacity:.7}
.slick-dots li.slick-active:hover{opacity:1}
.slick-dots li.slick-active{background-color:var(--mcolor)}
.slick-dots li button:before{content:""}
.slick-list{z-index:1}
.slick-dots{z-index:2}

/*============= SEC01 ==============*/

@media screen and (min-width: 751px) {
  .sec01_head{padding: 7rem 0 3.2rem;}
  .sec01_ite:not(:last-child){margin-right:2.2rem;}
  .sec01{padding: 0 0 7.8rem;}
  .sec01_list{height: 51.7rem;}
  .sec01_ite{width: 81.8rem;}
  .ttl_h3 .f_maru{letter-spacing: 0.2rem;}
  .ttl_h3{letter-spacing: 0.1rem;font-size: 3.7rem;margin-bottom: 3rem;}
  .ttl_h3 .sm{font-size: 4rem;}
  .ttl_h3 .arr{font-size: 2.6rem;width: 4.7rem;height: 4.7rem;padding-top: 0.6rem;transform: translateY(-0.2rem);}
  .ttl_h3 .en{display: inline-block;transform: translateY(0.2rem);margin-right: 0.3rem;}
}

/*============= SEC02 ==============*/
.sec02{background-color: #E8F7F2;overflow: hidden;}
.sec02_box{position: relative;max-width: 1800px;margin: 0 auto;z-index: 2;display: flex;justify-content: center;align-items: center;width: 95%;}
.sec02_frame{background-color: #FFF;box-shadow: 0 3px 6px rgba(0,0,0,0.16);transition: all 0.3s;}
.sec02_frame_tt > span{display: block;}
.sec02_frame_tt .en{font-size: 2rem;font-family: var(--f-rbt);color: var(--mcolor);font-weight: 600;}
.sec02_frame_tt .ja{font-size: 4rem;font-family: var(--f-maru);font-weight: 800;}
.sec02_frame_chat .tt1{font-size: 25px;font-weight: bold;padding: 1.6rem 4rem 1.4rem 3rem;border-radius: 10px;background-color: #F2F2F2;border: 1px solid #B2B2B2;width: fit-content;position: relative;margin-bottom: 0;line-height: 1.35;}
.sec02_frame_chat .tt1::after{content: "";position: absolute;width: 52px;height: 36px;background:url('../images/sec02_chat_ic.svg') no-repeat center / contain;right: -40px;top: 10px;}

.sec02_frame_chat .tt2{font-size: 4.1rem;transform: translate(1.5rem, 1.2rem);font-weight: bold;}
.sec02_frame_chat .tt2 .emphasize{font-size: 5rem;font-weight: 900;position: relative;letter-spacing: 0.2rem;}
.sec02_frame_chat .tt2 .emphasize::before{content: "";position: absolute;width: 6.2rem;height: 2.3rem;background: url(../images/ttl_h3_ic01.svg) no-repeat center / contain;left: calc(50% - 2.6rem);top: -1rem;}
.sec02_frame_chat .tt2 .mark{font-size: 6.2rem;font-weight: 900;margin-left: 1rem;display: inline-block;}
.sec02_frame_head .sec02_frame_chat .box_flex{justify-content: flex-start;}
@media screen and (min-width: 751px) {
  .sec02{padding: 8rem 0;}
  .sec02_frame{width: 75%;max-width: 1100px;padding: 6.4rem 6.1rem 6.6rem 6.5rem;border-radius: 3rem;position: absolute;z-index: 2;}
  .sec02_frame_head .box_flex{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 0;}
  .sec02_frame_head .sec02_frame_chat .box_flex{margin-bottom: 4.6rem;}
  .sec02_frame_chat{width: 65%;max-width: 630px;margin-bottom: 0.7rem;}

  .sec02_pick {display: grid;grid-template-columns: 2fr 2fr 2fr minmax(0, 0.96fr);grid-gap: 2rem;}
  .sec02_pick > ul li img { border-radius: 2rem; overflow: hidden; }
  .sec02_pick > ul > li:not(:last-child){margin-bottom: 2rem;}
  .sec02_pick > ul > li ul li:not(:last-child){margin-bottom: 2rem;}

  .sec02_pick .flex_end{display: flex;align-items: flex-end;margin-top: -3rem;}
  .sec02_pick .flex_top{display: flex;}
  .sec02_pick .flex_end > li,.sec02_pick .flex_top > li{margin-bottom: 0 !important;}
  .sec02_pick .flex_end > li:not(:last-child),
  .sec02_pick .flex_top > li:not(:last-child){margin-right: 2rem;}
  .sec02_pick > ul:nth-of-type(2) > li:last-child{z-index: -1;position: relative;}
  .sec02_frame_tt{margin-bottom: auto;}
}

/*============= SEC03 ==============*/
.sec03{background-color: var(--mcolor);}
.sec03_ite{border-radius: 2rem;position: relative;transition: all 0.3s;}
.sec03_ite_en{font-size: 1.8rem;font-weight: 700;font-family: var(--f-rbt);padding-left: 2.9rem;position: relative;color: #FFF;margin-bottom: -.09rem;letter-spacing: 0.06rem;}
.sec03_ite_en::before{content: '';position: absolute;width: 2.5rem;height: 2.5rem;left: 0;top: 0.1rem;}
.sec03_ite.access .sec03_ite_en{color: var(--mcolor);}
.sec03_ite.access .sec03_ite_ja{color: var(--txt);}
.sec03_ite.access .sec03_ite_en::before{background: url('../images/sec03_item_ic1.png') no-repeat center /contain;}
.sec03_ite.tel{cursor: default;}
.sec03_ite.tel .sec03_ite_en::before{background: url('../images/sec03_item_ic2.png') no-repeat center /contain;}
.sec03_ite.mail .sec03_ite_en::before{background: url('../images/sec03_item_ic3.png') no-repeat center /contain;}
.sec03_ite.line .sec03_ite_en::before{background: url('../images/sec03_item_ic4.png') no-repeat center /contain;}
.sec03_ite_ja{font-size: 3rem;font-weight: bold;color: #FFF;line-height: 1.6;margin-bottom: 2px;}
.sec03_ite_ja2{font-size: 2rem;font-weight: 900;}
.sec03_ite_des{line-height: 1.6;font-size: 1.6rem;font-weight: bold;}
.sec03_ite_btn a{width: 19rem;height: 3.5rem;font-size: 1.6rem;position: absolute;right: 2.4rem;bottom: 2.4rem;padding-right: 0.6rem;}
.sec03_ite_btn a::before{right: 1rem;}
.sec03_ite.access{background: url('../images/sec03_item1.jpg') no-repeat center /cover;}
.sec03_ite.tel{background-color: #E8214A;}
.sec03_ite.mail{background-color: #FFB300;}
.sec03_ite.line{background-color: #06C655;}
.sec03_ite_tel{font-weight: bold;position: absolute;bottom: 20px;right: 20px;text-align: right;}
.sec03_ite_tel a{font-size: 4.4rem;font-family: var(--f-rbt);display: block;color: #FFF;letter-spacing: 0.07rem;margin-bottom: 0.3rem;}
.sec03_ite_tel .date{font-size: 1.7rem;color: #FFF;padding-right: 0.3rem;letter-spacing: 0.01rem;}

@media screen and (min-width: 751px) {
  .ttl_h3 .mark{font-size: 5rem;margin-left: -1rem;}
  .sec03{padding: 8.3rem 0;}
  .sec03_list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 3.3rem;width:90%;max-width: 1700px;margin: 0 auto;}
  .sec03_ite{border: 6px solid #FFF;padding: 2.15rem 2rem 2.2rem 3.5rem;height: 25rem;}
  .sec03_ite.access{padding-left: 2rem;}
  .sec03_ite_ja2{font-size: 2rem;font-weight: 900;margin-bottom: -1rem;}
}

/*============= SEC04 ==============*/
.sec04_content_head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 6.5rem;}
.sec04_content_head .tt1{font-size: 2.3rem;font-weight: bold;margin-bottom: 1.2rem;}
.sec04_content_head .tt2{font-size: 3.6rem;font-weight: bold;letter-spacing: 0.9rem;line-height: 1.7;}
.sec04_content_head .tt3{font-size: 8rem;font-weight: 800;font-family: var(--f-maru);position: relative;line-height: 1;padding-right: 2rem;letter-spacing: 0;}
.sec04_content_head .tt3 span{display: block;margin-top: -0.5rem;}
.sec04_content_head .tt3 span:not(:last-child){margin-bottom: 2rem;}
.sec04_content_box.col_r .sec04_content_head .tt2{letter-spacing: 0.4rem;}
.sec04_content_head .tt3::after{content: "";position: absolute;width: 2px;height: 100%;background: url(../images/sec04_content_head_ic.png) repeat top center / 2px;right: 0;top: 0;}
.sec04_content_box{position: relative;}
.sec04_content_box .box{background-color: #FFF;position: relative;}
.sec04_content_box:nth-of-type(even) .box::before{content: "";position: absolute;width: 50px;height: 100%;background: url('../images/sec04_content_box_ic.png') no-repeat center /100%; bottom: 0;left: -25px;z-index:1;}
.sec04_content_list dl{border: 1px solid #707070;background-color: #FFF;border-radius: 11px;}
.sec04_content_list dl:not(:last-child){margin-bottom:10px;}
.sec04_content_list dl dt{flex-shrink: 0;font-size: 1.7rem;font-weight: bold;font-family: var(--f-rbt);position: relative;color: var(--mcolor);}
.sec04_content_list dl dt::before{content: "";position: absolute;width: 2.8rem;height: 3.2rem;background:url('../images/sec04_ic_reason.svg') no-repeat center / contain;left: 0;top: 2px;}
.sec04_content_list dl dd{font-size: 2.3rem;font-weight: bold;}
.sec04_content_btn a{width: 55rem;height: 7rem;font-size: 2.3rem;font-weight: bold;}
.sec04_content_btn a span span{color: #FFB300;}

@media screen and (min-width: 751px) {
  .sec04_col { position: sticky;}
  .sec04_content .col_l,
  .sec04_content .col_r { width: 50%; position: sticky; bottom: -15rem; z-index: 1; }
  .sec04_content .col_r:before { content: ''; display: block; height: 500px; }
  .sec04_content_box:nth-of-type(odd){z-index:2 !important;}
  .sec04_content { width: 100%; display: flex; align-items: flex-end; z-index: 100; }

  .sec04_col { display: flex; align-items: flex-start; width: 100%;}
  .sec04_col .col_l, .sec04_col .col_r { width: 50vw; display: flex; flex-direction: column; align-items: flex-start; position: relative;}
  .sec04_col .col_l:after { content: ''; display: block; height: 500px; }
  .sec04_col .col_l{z-index: 2;}
  .sec04_col .col_r { position: sticky; top: calc(100vh - 5.7vh); z-index: 1;}
  .sec04_col .col_l .img, .sec04_col .col_r .img { height: 100vh; background: no-repeat center center; background-size: cover; position: sticky; top: 0; width: 100%; border-bottom: 1px solid #fff;}
  .sec04_col .col_l .img { background-image: url('../images/sec04_img1.jpg'); }
  .sec04_col .col_r .img { background-image: url('../images/sec04_img2.jpg'); }
  .sec04_col .col_l .img:after, .sec04_col .col_r .img:after { content: ''; display: block; width: 100%; height: 100%; transition: 0.8s ease-in-out; transform-origin: bottom; }
  .sec04_col .col_l .img:after { background: #06C655; position: absolute; top: 0; left: 0; }
  .sec04_col .col_r .img:after { background: #5AA722; position: absolute; top: 0; left: 0; }
  .sec04_col .col_l.show .img:after, .sec04_col .col_r.show .img:after { opacity: 0; }

  .sec04_content_box:nth-of-type(odd) .box{padding: 10rem 11rem 10.7rem 9.2rem;}
  .sec04_content_box:nth-of-type(even) .box{padding: 10rem 9.8rem 10.7rem 10.5rem;}
  .sec04_content_list{margin-bottom: 51px;}
  .sec04_content_list dl dt{width: 135px;margin-right: 20px;letter-spacing: 0.08rem;padding-top: 4px;padding-left: 35px;}
  .sec04_content_list dl{display: flex;align-items: center;padding: 1.8rem 3rem 1.8rem 2.7rem;}
  .sec04_content_btn a::before{right: 1.5rem;}

}

/*============= SEC05 ==============*/
.sec05{position: relative;z-index: 2;}
.sec05_box{background-color: #27D299;border-radius: 30px;position: relative;}
.sec05_box::after{content: "";position: absolute;width: 24.7rem;height: 19.5rem;background: url('../images/sec05_ic_qa.svg') no-repeat center /contain;right: 6rem;bottom: 6rem;pointer-events: none;max-width: 246px;max-height: 194px;}
.sec05_h3{font-size: 3.7rem;font-family: var(--f-maru);font-weight: 800;position: relative;padding-left: 6rem;color: #FFF;letter-spacing: 0.25rem;margin-bottom: 38px;}
.sec05_h3::before{content: "";position: absolute;width: 5.1rem;height: 5.1rem;background: url('../images/sec05_ic_ques.svg') no-repeat center /contain;left: 0;top: 0;max-width: 50px;max-height: 50px;}
.sec05_faq dl{position: relative;border-bottom: 1px solid #FFF;transition: all 0.3s;}
.sec05_faq dl dt{font-size: 2rem;font-weight: bold;color: #FFF;flex-shrink: 0;width: 7rem;margin-right: 1rem;font-family: var(--f-rbt);}
.sec05_faq dl dt span{font-size: 2.6rem;}
.sec05_faq dl dd{font-size: 2.3rem;font-weight: bold;position: relative;width: 100%; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sec05_faq dl dd::after{content: '';position: absolute;width: 0.9rem;height: 1.7rem;background: #FFF;clip-path: polygon(0 0, 0% 100%, 100% 50%);right: 1rem;top: calc(50% - 0.8rem);transition: all 0.3s;}
.sec05_btn a{width: 25rem;height: 7rem;}
.sec05_btn a::before{right: 1.6rem;}

@media screen and (min-width: 751px) {
  .sec05{padding: 0 5.2rem;}
  .sec05_box{padding: 7rem 10.2rem 6.5rem;}
  .sec05_faq{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 0 10rem;margin-bottom: 58px;}
  .sec05_faq dl{margin-bottom: 17px;padding: 2rem 2rem;display: flex;}
}

/*============= SEC06 ==============*/
.sec06_key{font-size: 2.3rem;font-weight: bold;border-radius: 10px;border: 1px solid #2A2A2A;width: fit-content;padding: 0.8rem 2.5rem;margin-bottom: 21px;}
.sec06_key span{font-size: 2.2rem;color: #FFF;display: inline-block;background-color: var(--mcolor);border-radius: 5px;margin: 0 4px;padding: 1rem 1.2rem;line-height: 1;}
.sec06_slg{font-size: 2.6rem;font-family: var(--f-maru);font-weight: 800;width: fit-content;position: relative;margin-bottom: 53px;}
.sec06_slg .ic{font-size: 5.8rem;font-weight: bold;display: inline-block;transform: translateY(10px);}

.sec06_tt{font-size: 3rem;font-weight: bold;margin-bottom: 5.2rem;padding-bottom: 1.6rem;position: relative;letter-spacing: -.05rem;}
.sec06_tt::after{content: "";position: absolute;width: 100%;height: 2px;background: url('../images/sec06_tt_line.png') repeat left center /7px;bottom: 0;left: 0;}
.sec06_tt .sm{font-size: 4.5rem;}
.sec06_tt .lg{font-size: 5rem;}
.sec06_tt .dot{font-size: 6rem;position: relative;color: var(--mcolor);font-weight: 900;}
.sec06_tt .dot::before {width: 0.9rem;height: 0.9rem;background-color: var(--mcolor);left: calc(50% - 0.5rem);top: 0.3rem;}

.sec06_box_r img{border-radius: 2rem;overflow: hidden;}
.sec06_box_r .ite{width: fit-content;position: relative;}
.sec06_box_r .ite .ab{position: absolute;}
.sec06_btn a{width: 24rem;height: 6rem;}
.sec06_btn a::before{right: 1.2rem;}

@media screen and (min-width: 751px) {
  .sec06{padding: 12.7rem 9.3rem 12.7rem 10.3rem;overflow: hidden;max-width: 1920px;margin: 0 auto;}
  .sec06_box{display: flex;justify-content: space-between;}
  .sec06_box_l{max-width: 735px;width: 45%;}
  .sec06_box_r{max-width: 883px;width: 53.4%;margin-top: -1rem;}
  .sec06_slg .ic.start{margin-right: 1rem;}
  .sec06_slg .ic.end{margin-left: 0.5rem;}
  .sec06_des{margin-bottom: 9.2rem;}
  .sec06_box_r .ite:not(:last-child){margin-bottom: 7.5rem;}
  .sec06_box_r .ite:nth-of-type(odd){margin-right: auto;width: 53.3rem;}
  .sec06_box_r .ite:nth-of-type(even){margin-left: auto;width: 58.4rem;}
  .sec06_box_r .ite .ab1{left: calc(100% + 5.8rem);top: -4.4rem;width: 25rem;}
  .sec06_box_r .ite .ab2{left: calc(100% + 9.2rem);bottom: -2.4rem;width: 31.9rem;}
  .sec06_box_r .ite .ab3{right: calc(100% + 3.2rem);top: 3rem;width: 20.5rem;}
  .sec06_box_r .ite .ab4{right: calc(100% + 18.2rem);bottom: 0;width: 26.2rem;}
}

/*============= SEC07 ==============*/
.sec07{background-color: #E8F7F2;}
.sec07_tt{font-size: 3.6rem;line-height: 1.5;font-weight: bold;}
.sec07_tt .lg{font-weight: 800;font-family: var(--f-maru);}
.sec07_tt .sys{font-size: 4.2rem;}
.sec07_tt .sys.start{transform: translateY(-1.2rem);}


.sec07_ite{border-radius: 3rem;padding: 3.2rem 2.9rem 3.2rem 4.9rem;transition: all 0.3s;}
.sec07_ite *{color: #FFF;}
.sec07_ite .dot::before{width: 6px;height: 6px;left: calc(50% - 3px);background-color: #FFF;top: 0;}
.sec07_ite_en{font-size: 1.7rem;font-family: var(--f-rbt);position: relative;padding-left: 31px;letter-spacing: 0.05rem;margin-bottom: 4px;}
.sec07_ite_en::before{content: '';position: absolute;width: 18px;height: 21px;left: 4px;top: 1px;background: url('../images/sec07_ic_point.svg') no-repeat center /contain;}
.sec07_ite_ja{font-size: 3rem;font-family: var(--f-maru);font-weight: 800;letter-spacing: 0.15rem;margin-bottom: 57px;}
.sec07_ite:nth-of-type(1){background-color: #8AE275;}
.sec07_ite:nth-of-type(2){background-color: #39C4C6;}
.sec07_ite:nth-of-type(3){background-color:  #FFCB51;}
.sec07_ite_btn a::before{right: 1.5rem;}

@media screen and (min-width: 751px) {
  .sec07{padding: 7.3rem 2.2rem 9rem;}
  .sec07_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 3rem;}
  .h_inner,.mv,.sec07_list,.sec08_box,.ft_bot_box,address,.sec05_box{max-width: 1920px;margin-left: auto;margin-right: auto;}
  .sec07_ite_btn a{margin-left: auto;width: 25rem;}
  .sec07_tt .lg{font-size: 5.2rem;letter-spacing: 0.4rem;}
  .sec07_tt{margin-bottom: 4.55rem;}
  .sec07_tt .sys.end{margin-left: -0.7rem;}

}

/*============= SEC08 ==============*/
.sec08_box{position: relative;}
.sec08_list dl{align-items: center;background-color: #FFF;border: 1px solid #7D7D7D;transition: all 0.3s;}

.sec08_list dl dd .tt1{font-size: 2.2rem;font-weight: 900;margin-bottom: 0.4rem;letter-spacing: 0.1rem;}
.sec08_list dl dd .tt2{font-size: 3rem;font-weight: bold;margin-bottom: 3.5rem;line-height: 1.35;letter-spacing: -.15rem;}
.sec08_list dl dd .tags{display: flex;flex-wrap: wrap;gap:5px}
.sec08_list dl dd .tags li{font-size: 1.5rem;font-weight: bold;color: #575757;background-color: #FFF;border: 1px solid #AAAAAA;border-radius: 7px;line-height: 1;padding: 1.15rem 2.4rem;}
.sec08_box_l{display: flex;justify-content: center;height: 100%;}

@media screen and (min-width: 751px) {
  .sec08{padding: 12.3rem 7.2rem 11.8rem;}
  .sec08_list dl{display: flex;border-radius: 3rem;padding: 3rem 3rem 2.8rem;}
  .sec08_list dl dt{max-width: 400px;width: 43%;flex-shrink: 0;margin-right: 4rem;}
  .sec08_list dl dt img{border-radius: 3rem;overflow: hidden;}
  .sec08_list dl dd{padding-top: 7px;}
  .sec08_box{display: flex;justify-content: space-between;}
  .sec08_box_l{position: sticky;top:150px;left: 0;width: 40%;padding-right: 6rem;}
  .sec08_box_l img{width: 55.8rem;}
  .sec08_box_r{width: 58.5%;}
  .sec08_list dl:not(:last-child){margin-bottom: 4rem;}

}
/*============= SEC09 ==============*/
.sec09{overflow: hidden;}
.sec09_head{position: relative;height: 501px;background: url('../images/sec09_bg.jpg') no-repeat center /cover;}
.sec09_head .en{font-family: var(--f-rbt);font-weight: 600;color: var(--mcolor);position: absolute;z-index: 2;}
.sec09_content_box *{font-family: var(--f-maru);font-weight: bold;}
.sec09_content_box .tt1{font-size: 30px;margin-bottom: 4.1rem;line-height: 1.8;margin-top: -5px;}
.sec09_content_box .tt2{font-size:20px;margin-bottom: 0;}
.sec09_content_box .auth dt{font-size:60px;flex-shrink: 0;margin-right: 4rem;line-height: 1.7;}
.sec09_content_box .auth{display: flex;align-items: center;margin-bottom: 4rem;}
.sec09_content_box .auth dd{font-size: 16px;line-height: 1.6;padding-top: 1.4rem;}
.sec09_content_box .des{font-weight: 400;line-height: 2.24;}

.sec09_content_site li a{border-radius: 999px;font-weight: bold;position: relative;}
.sec09_content_site li:not(:last-child){margin-bottom: 10px;}
.sec09_content_site li a::after {content: "";position: absolute;width: 0.9rem;height: 1.8rem;top: calc(50% - 0.9rem);right: 4rem;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.sec09_content_site li a .name{position: relative;}
.sec09_content_site li a .name::before{content: "";position: absolute;width: 3.2rem;height: 3.2rem;left: 0px; top: calc(50% - 1.6rem);}
.sec09_bnn a{background-color: var(--txt);color:#FFF;}
.sec09_bnn a::after{background-color: #FFF; }
.sec09_bnn a .name span{color: #FFB300;}
.sec09_bnn a .name::before{background: url('../images/sec09_ic01.png') no-repeat center /contain;}
.sec09_news a{background-color: #CCF6E6;border: 1px solid var(--mcolor);font-size: 2rem;font-weight: 500 !important;}
.sec09_news a::after{background-color: var(--mcolor);}
.sec09_news a .name::before{background: url('../images/sec09_ic02.png') no-repeat center /contain;}
.sec09_news a .date{font-size: 2rem;font-family: var(--f-rbt);font-weight: 600;letter-spacing: 0.05rem;}
.sec09_news a .date:not(:last-child){margin-right: 5.5rem;}

@media screen and (min-width: 751px) {
  .sec09{padding-bottom: 9rem;}
  .sec09_head .en{font-size: 10rem;right: 9rem;bottom: -8rem;letter-spacing: 0.07rem;}
  .sec09_content_box{width: 90%;max-width: 1400px;margin:0 auto;padding: 15rem 0 7rem;display: flex;justify-content: space-between;}
  .sec09_content_box .box_l{width: 50%;max-width: 700px;}
  .sec09_content_box .box_r{width: 40%;max-width: 540px;}
  .sec09_content_site{width: 85%;max-width: 1500px;margin: 0 auto;}
  .sec09_content_site li a{padding: 2rem 7.5rem;display: flex;align-items: center;height: 120px;}
  .sec09_content_site li a .name{font-size: 3.8rem;padding-left: 7.8rem;}
  .sec09_news a .name:not(:last-child){margin-right: 8.5rem;}

}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.ft_add{font-weight: 400;line-height: 1.6;}
.ft_map iframe{width: 100%;height: 50rem;}
.ft_bot{width: 96.5%;margin: 0 auto;background-color: #32363E;border-radius: 20px 20px 0 0;padding: 11rem 14.5rem 27rem;}
.ft_bot *{color: #FFF;}
.ft_bot_r li a{font-size: 1.6rem;font-weight: 400;text-decoration: underline;text-underline-offset:0.3rem;}
.ft_bot_r li.fr a{font-size: 2rem;font-weight: bold;}
.ft_bot_r li.key{font-weight: bold;padding-left: 2rem;position: relative;}
.ft_bot_r li.key::before{content: '';position: absolute;width: 1.7rem;height: 1.7rem;background-color: #FFF;border-radius: 50%;left: 0;top: 0.8rem;}
.ft_bot_r li.key:not(:first-child){margin-top: 2.5rem;}
.ft_bot_r li:not([class]){padding-left: 4rem;}
.ft_bot_r li:not([class]){margin-top: 0.7rem;}

@media screen and (min-width: 751px) {
  .ft_logo{margin-bottom: 5rem;width: 35.1rem;}
  .ft_bot_box{display: flex;justify-content: space-between;margin-bottom: -3.6rem;}
  .ft_bot_r{display: flex;width: 60.6%;padding-top: 1rem;}
  .ft_bot_r > ul{width: 46.8%;}
  .sec_bnn{position: fixed;bottom: 0;right: 0;z-index: 2;opacity: 0;transition: all 0.3s;transform: scale(0.9) translate(8rem,1rem);}
  .sec_bnn.active{opacity: 1;}
  .sec_bnn_box{display: flex;justify-content: space-between;align-items: center;background-color: var(--mcolor);padding: 1.5rem 1.5rem;border-radius: 20px 0 0 0;}
  .sec_bnn_box .mv_left_ite.st3{display: flex; align-items: center;}
  .sec_bnn_box .mv_left_btn{margin-bottom: 0;}
  .sec_bnn_box .mv_left_ite{padding: 0;}
  .sec_bnn_box .mv_left_ite:not(:last-child){border-bottom: 0;padding: 1rem 3.2rem 0;}
  .sec_bnn_box .mv_left_ite.st1 {border-right: 1px solid var(--mcolor);padding-top: 3rem;}
  .sec_bnn_box .mv_left_tt{font-size: 3.2rem;color: #FFF;}
  .sec_bnn_box .mv_left_tel a{font-size: 4.5rem;color: #FFF;}
  .sec_bnn_box .mv_left_tel a::before{top: 0.7rem;width: 2.9rem;height: 2.9rem;left: 0.5rem;}
  .sec_bnn_box .mv_left_date{color: #FFF;}
  .sec_bnn_box .mv_left_btn a{width: 30rem;height: 12rem;}
  .sec_bnn_box .mv_left_btn:not(:last-child){margin-right: 1rem;}
  .sec_bnn_box .mv_left_btn a .en{color: #FFF;margin-bottom: 4px;}
  .sec_bnn_box .mv_left_btn a .en::before{top: -0.5rem;}
  .sec_bnn_box .mv_left_btn a .sm{font-size: 1.7rem;}
  .sec_bnn_box .mv_left_btn a .lg{font-size: 2.4rem;color: #FFF;}
  .sec_bnn_box .mv_left_btn a::after{right: 1rem;}
  .sec_bnn_box .mv_left_tt::before, .sec_bnn_box .mv_left_tt::after{top: -6.8rem;}
  .sec_bnn_box .mv_left_tt::before{background: url('../images/sec_bnn_mv_left_tt_ic1.png') no-repeat center /cover;width: 12.7rem;height: 5.8rem;}
  .sec_bnn_box .mv_left_tt::after{background: url('../images/sec_bnn_mv_left_tt_ic2.png') no-repeat center /cover;width: 14.2rem;height: 5.8rem;left: 47%;}
  .ft_map{margin-bottom: 5rem;}



  .ani_smooth { position: sticky; top: 15rem; left: 0; transition: background 1.0s ease-in-out; }
  .ani_smooth:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -5; background: #ebf3f5; opacity: 0; transition: 1.0s ease-in-out; pointer-events: none; }
  .ani_smooth *{transition: 1.0s ease-in-out !important;}
  .ani_smooth.hide{background-color: #FFF;}
  .ani_smooth.hide *,.ani_smooth.hide:after {opacity: 0 !important;}
  .ani_smooth.hide:after {opacity: 1;}

}


address{font-weight: 400;}

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

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}