/* ----------------------------------------
  Setting
-------------------------------------------*/
*,*::before,*::after{ box-sizing: border-box; }
hr{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,canvas,img,video{ vertical-align: middle; }
fieldset{ border: 0; margin: 0; padding: 0; }
textarea{ resize: vertical; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
table,div,ul,ol,li,dl,dt,dd{ list-style: none; margin: 0; padding: 0; }
table{ border-collapse:collapse; border-spacing:0; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{ display:block; }
address{ font-style: normal; }
img{ max-width: 100%; height: auto; margin: 0; padding: 0; border:0; outline: none; border-style: none; vertical-align: bottom; line-height: 0; }
img,iframe,object{ max-width:100%; }  /* モダンブラウザ用 */
img[src$=".svg"]{  width: 100%; }    /* SVG IE対策 */

a, a:visited, a:hover, a:active{
  color: var(--blue);
  -webkit-tap-highlight-color: transparent rgba(0,0,0,0);
  -moz-tap-highlight-color: transparent rgba(0,0,0,0);
  -ms-tap-highlight-color: transparent rgba(0,0,0,0);
  -o-tap-highlight-color: transparent rgba(0,0,0,0);
  tap-highlight-color: transparent rgba(0,0,0,0);
  text-decoration: none;
  transition: opacity .15s ease-out, transform .15s ease-out;
  -webkit-transform: translateZ(0);
}
a:hover{ text-decoration: none; }
a img:hover{ opacity: var(--hover); }
a img{ 
  text-decoration: none;
  outline: none;
}
a img::before,a img::after{
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a img,a img::before,a img::after{
  transition: opacity .15s ease-out, transform .15s ease-out;
}
svg{ fill: currentColor; }

/* 上付き文字 */
sup{
  vertical-align: super;
  font-size: 0.75em;
  line-height: 0;
}
.pc{ display: block; }
.sp{ display: none; }

@media screen and (max-width: 650px){
  .pc{ display: none; }
  .sp{ display: block; }
}

/* ----------------------------------------
  Common
-------------------------------------------*/

:root{
  --hover: 0.5;
  --normal-font-size: clamp(12px,1.846vw,17px);
  --font-en: nexa, sans-serif;
  --page-width: min(84%,1020px);
  --sec-margin: min(12%,100px);
  --co-color: #0569b7;
  --co-color-rgb: 5,105,183;
  --black: #262a2f;
  --black-rgb: 38,42,47;
  --blue: #118ef0;
  --blue-rgb: 14,142,240;
  --orange: #ff910a;
  --orange-rgb: 255,145,10;
  --red: #e6460a;
  --red-rgb: 230,70,10;
  --bg-color: #fff2e5;
  --blue-gra: linear-gradient(to right,#118ef0,#64b6f5);
}

html,body{
  height: 100% !important;
}
html{
  font-size: 17px;
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}
body{
  font-family: zen-kaku-gothic-new, nexa, sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  word-wrap: break-word;
  font-size: var(--normal-font-size);
  line-height: 2;
  letter-spacing: 0;
  color: var(--black);
  background-color: var(--bg-color);
  position: relative;
  /*  overflow-x: hidden; */
}
#wrapper{
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 650px){
  
  body{
    line-height: 1.75;
  }
}

/* contents
-------------------------------------------*/
#main{
  width: calc(100% - 310px);
  margin-left: 310px;
}
.sec_in{
  width: var(--page-width);
  margin: 0 auto;
}
.sec_heading{
  padding-bottom: 2rem;
}

@media screen and (max-width: 1100px){
  
  #main{
    width: calc(100% - 260px);
    margin-left: 260px;
  }
}
@media screen and (max-width: 960px){
  
  #main{
    width: 100%;
    margin: 0 auto;
  }
}


/* title */
.en{
  font-family: var(--font-en);
}
.sec_heading{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  column-gap: 1rem;
  row-gap: 10px;
  line-height: 1.25;
}
.sec_heading__en{
  font-weight: 900;
  letter-spacing: .1em;
  font-family: var(--font-en);
  font-size: clamp(33px,5.077vw,70px);
  color: var(--blue);
}
.sec_heading__jp{
  padding-left: 22px;
  font-size: clamp(15px,2.308vw,25px);
  background: url(../img/cmn/ic-tit.svg) no-repeat left center / 10px auto;
}
@media screen and (max-width: 650px){
  .sec_heading__jp{
    padding-left: 16px;
    background-size: 8px auto;
  }
}

/* parts 
-----------------*/

.fade{
  opacity: 0;
  transform: translateY(20px);/* 下にずれる幅 */
  transition: opacity 1.1s, transform 1.0s;
}
.fade.active{
  opacity: 1;
  transform: translateY(0px);
}

.morebtn{
  width: min(280px,100%);
}
.morebtn span{
  position: relative;
  z-index: 2;
}
.morebtn a{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 22px 40px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 12px;
  background: linear-gradient(90deg,#118ef0,#64b6f5,#64b6f5);
  background-size: 250% 100%;
  background-position: 0% 0%;
  transition: background-position .4s cubic-bezier(.2,.8,.2,1);
  will-change: background-position;
}
/* 丸 */
.morebtn a::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s cubic-bezier(.2,.8,.2,1);
}
/* 矢印 */
.morebtn a::before{
  content: "";
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 10px;
  background: url(../img/cmn/ic_arrow_bl.svg) no-repeat center / contain;
  z-index: 2;
  transition: transform .2s cubic-bezier(.2,.8,.2,1);
}
/* hover */
.morebtn a:hover{
  background-position: 100% 0%;
}
.morebtn a:hover::before{
  transform: translateY(-50%) translateX(7px);
}
.morebtn a:hover::after{
  transform: translateY(-50%) translateX(3px);
}

@media (max-width: 650px){
  
  .morebtn{
    width: min(220px,100%);
  }
  .morebtn a{
    padding: 18px 20px;
    border-radius: 6px;
  }
  .morebtn a::after{
    width: 30px;
    height: 30px;
  }
  .morebtn a::before{
    right: 27px;
  }
}

/* scroll text */

.autoscroll{
  overflow: hidden;
  display: flex;
}
.autoscroll__loop{
  display: flex;
  gap: 60px;
  white-space: nowrap;
  animation: loopAnimation 40s linear infinite;
}
@media (prefers-reduced-motion: reduce){
  .autoscroll__loop{
    animation: none;
  }
}
.autoscroll__loop li{ /* テキストは幅固定しない */
  flex-shrink: 0;
  line-height: 1.75;
  font-size: clamp(90px,13.846vw,116px);
  font-weight: 700;
  font-family: var(--font-en);
}
@keyframes loopAnimation{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}


/* gallery */

.galleries{
  display: grid;
  gap: 1rem;
}
.gallery{
  overflow: hidden;
}
.gallery ul{
  --gap: 3rem;/*余白*/
  --count: 4;
  display: flex;
  gap: var(--gap);
  animation: scroll-slide 15s linear infinite;
}
.gallery ul li{
  flex: 0 0 calc( (100% - (var(--gap) * (var(--count) - 1))) / var(--count));
}
.gallery ul li:nth-child(even){
  margin-top: 3rem;
}
.gallery ul img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
@keyframes scroll-slide{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@media (min-width: 1599px){
  .gallery ul{
    --gap: 3rem;
    --count: 6;
  }
}
@media (max-width: 650px){
  .gallery ul{
    --gap: 1.5rem;
    --count: 3;
    animation: scroll-slide 10s linear infinite;
  }
}

/* section bg color */

.sec_bg__blue,.sec_bg__wh,
.sec_bg__or,.sec_bg_next__blue,
.sec_bg__wh_bl,.sec_bg__bl,
.sec_bg__ltop_wh,.sec_bg__rtop_or,.sec_bg__rtop_or{
  position: relative;
  z-index: 0;
}
.sec_bg__blue::before,.sec_bg__wh::before,
.sec_bg__or::before,.sec_bg_next__blue::before,
.sec_bg__wh_bl::before,.sec_bg__bl::before,
.sec_bg__ltop_wh::before,.sec_bg__rtop_or::before,.sec_bg__rtop_or::after{
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
  pointer-events: none;
}
.sec_bg_next__blue::before{
  right: 0;
  bottom: 0;
  background: url(../img/cmn/sec_radius_rbtm_bl.svg) no-repeat right bottom;
}
.sec_bg__blue{
  background-color: #dbeefd;
  border-top-left-radius: 120px;
}
.sec_bg__blue::before{
  left: 0;
  bottom: 0;
  background: url(../img/cmn/sec_radius_lbtm_wh.svg) no-repeat left bottom;
}
.sec_bg__wh{
  background: #fff;
  border-bottom-right-radius: 120px;
}
.sec_bg__wh::before{
  right: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_rtop_wh.svg) no-repeat right top;
}
.sec_bg__bl::before{
  right: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_rtop_blue.svg) no-repeat right top;
}
.sec_bg__rtop_or::before{
  right: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_rtop_or.svg) no-repeat right top;
}
.sec_bg__rtop_or::after{
  right: 0;
  bottom: 0;
  background: url(../img/cmn/sec_radius_rbtm.svg) no-repeat right bottom;
}
.sec_bg__ltop_wh::before{
  left: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_ltop_wh.svg) no-repeat left top;
}
.sec_bg__or::before{
  left: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_ltop.svg) no-repeat left top;
}
.sec_bg__nav::before{
  left: 0;
  top: 0;
  background: url(../img/cmn/sec_radius_ltop_nav.svg) no-repeat left top;
}
.sec_bg__wh_bl::before{
  left: 0;
  bottom: 0;
  background: url(../img/cmn/sec_radius_lbtm_blue.svg) no-repeat left bottom;
}
.sec_bg__nav::before,
.sec_bg__nav::after{
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
}
/* 左上 */
.sec_bg__nav::before{
  left: 0;
  top: 0;
  background-image: url(../img/cmn/sec_radius_ltop_nav.svg);
  background-position: left top;
}
/* 右下 */
.sec_bg__nav::after{
  right: 0;
  bottom: 0;
  background-image: url(../img/cmn/sec_radius_rbtm.svg);
  background-position: right bottom;
}

@media (max-width: 650px){
  .sec_bg__blue{
    border-top-left-radius: 60px;
  }
  .sec_bg__wh{
    border-bottom-right-radius: 60px;
  }
  .sec_bg__blue::before,.sec_bg__wh::before,
  .sec_bg__or::before,.sec_bg_next__blue::before,
  .sec_bg__wh_bl::before,.sec_bg__bl::before,
  .sec_bg__ltop_wh::before,.sec_bg__rtop_or::before,.sec_bg__rtop_or::after,
  
  .sec_bg__nav::before,.sec_bg__nav::after{
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
  }
}


/* ----------------------------------------
  Main Header
-------------------------------------------*/

.h1_logo{
  position: fixed;
  left: 30px;
  top: 30px;
  text-align: left;
  width: clamp(150px,23vw,230px);
  z-index: 100;
}
.h1_logo a{
  display: block;
  width: 100%;
}
.h1_logo a span{
  padding-top: .25rem;
  color: #fff;
  white-space: nowrap;/*改行禁止*/
  letter-spacing: .05em;
  font-size: clamp(12px,1.846vw,18px);
}
.h1_logo a:hover{
  opacity: var(--hover);
}
.h1_logo a:hover img{
  opacity: 1;
}

@media (max-width: 1100px){
  .h1_logo{
    width: clamp(150px,23vw,200px);
  }
  .h1_logo a span{
    font-size: clamp(12px,1.846vw,15px);
  }
}
@media screen and (max-width: 960px){

  .h1_logo{
    left: 0;
    top: 0;
    width: auto;
    padding: 1rem;
    background: rgba(var(--blue-rgb),.85);
    border-end-end-radius: 12px;
  }
  .h1_logo a{
    display: block;
    width: 100%;
  }
  .h1_logo a span{
    display: block;
    font-size: clamp(10px,1.538vw,18px);
  }
  .h1_logo a:hover{
    opacity: var(--hover);
  }
  .h1_logo a img{
    width: 130px;
    height: auto;
  }
}

/* side nav
-------------------------------------------*/

.sidenav{
  position: fixed;
  left: 0;
  top: 0;
  width: 310px;
  height: 100vh;
  background: var(--blue);
  padding: 2rem;
  z-index: 3;
}
.sidenav .side_nav__list{
  padding-top: 8rem;
}
.sidenav .side_nav__list li{
  position: relative;
  margin-bottom: 1rem;
  font-size: 20px;
  text-align: left;
  font-weight: bold;
}
.sidenav .side_nav__list li a{
  display: block;
  width: 100%;
  padding-left: 1em;
}
.sidenav .side_nav__list li a:hover{
  opacity: var(--hover);
}
.sidenav .side_nav__list li::before{
  content: "■";
  position: absolute;
  left: 0;
  top: .5em;
  font-size: .65em;
}
.sidenav .side_nav__list > li:nth-child(odd).current > a{
  background: linear-gradient(
    transparent 60%,
    rgba(255,0,0,.15) 60%
  );
}
.sidenav .side_nav__list > li:nth-child(even).current > a{
  background: linear-gradient(
    transparent 60%,
    rgba(255,165,0,.25) 60%
  );
}
.sidenav .side_nav__list > li:nth-child(odd)::before{
  color: var(--red);
}
.sidenav .side_nav__list > li:nth-child(even)::before{
  color: var(--orange);
}
.sidenav .side_nav__list a{
  position: relative;
  color: #fff;
  text-decoration: none;
}
.sidenav .side_nav__list .nav_btn a{
  display: block;
  width: 100%;
  margin-top: 1.2rem;
  padding: .8rem 1rem;
  padding-left: 2.5rem;
  border-radius: 12px;
  color: var(--blue);
  background: #fff;
  border: 2px solid #fff;
}
.sidenav .side_nav__list .nav_btn::before{
  display: none;
}
.sidenav .side_nav__list .nav_btn a::before{
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--blue);
  transition: .3s;
}
.sidenav .side_nav__list .nav_btn a:hover{
  color: #fff;
  background-color: var(--blue);
  opacity: 1;
}
.sidenav .side_nav__list .nav_btn a:hover::before{
  background-color: #fff
}

/* サブメニュー */

.side_nav .has_sub > a{
  position: relative;
}
/* 矢印 */
.side_nav .has_sub > a::after{
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.has_sub.open > a::after{
  transform: translateY(-50%) rotate(-135deg);
}
.side_nav .has_sub.current > a::after{
  display: none;
}
.side_nav .has_sub.current > a{
  pointer-events: none;
}
.sidenav .sub_menu{
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .4s ease, opacity .3s ease;
}
.has_sub.open .sub_menu{
  max-height: 200px;
  opacity: 1;
  margin-top: 1rem;
}
.sidenav .sub_menu li{
  position: relative;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: .25rem;
}
.sidenav .sub_menu li a{
  display: inline-block;
}
.sidenav .sub_menu li::before{
  display: none;
}
.sidenav .sub_menu li a::after{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 1.5rem;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 1100px){
  .sidenav{
    width: 260px;
  }
}
@media screen and (max-width: 960px){
  .sidenav{
    display: none;
  }
}

#header{
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100;
  display: flex;
  align-items: center;
}
#header .entry_btn a{
  position: relative;
  z-index: 999;
  display: block;
  width: 190px;
  line-height: 70px;
  font-weight: bold;
  text-align: center;
  font-size: clamp(17px,2.615vw,18px);
  font-family: var(--font-en);
  letter-spacing: .025em;
  color: #fff;
  border-radius: 35px;
  background-color: var(--red);
  transition: .3s;
}
#header .entry_btn a:hover{
  background-color: rgb(255,74,18);
}

@media screen and (max-width: 960px){

  .drawer_nav_wrap{
    position: relative;
    overflow: hidden;
    z-index: 999;
    display: block;
    width: min(400px,50%);
    margin: 10px;
    margin-left: auto;
    padding: 6rem 0 3.5rem;
    border-radius: 20px;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
  }
  .drawer_fade{
    opacity: 0;
    transform: translate(2px,-2px);
    transition: opacity 0.3s, transform 0.5s;
  }
  .drawer_fade.active{
    opacity: 1;
    transform: translateY(0px);
  }
  #main_nav{
    width: 76%;
    margin: 0 auto;
  }
  #main_nav a{
    display: block;
  }
  #main_nav li a{
    font-size: clamp(17px,2.615vw,21px);
    text-align: left;
    font-weight: bold;
    line-height: 3;
    color: var(--black);
  }
  #main_nav li a:hover{
    color: var(--blue);
  }
}

@media screen and (max-width: 650px){
  
  #header{
    top: 14px;
    right: 14px;
  }
  #header .entry_btn a{
    width: auto;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    padding: 0 1rem;
    font-size: 12px;
  }
  .drawer_nav_wrap{
    width: min(450px,70%);
    padding: 4.5rem 0 2rem;
  }
  .drawer_nav_wrap h1{
    width: 120px;
    margin: 0 0 2rem 1rem;
  }
  #main_nav{
    flex-wrap: wrap;
    gap: 1rem;
  }
  #main_nav li a{
    line-height: 2.75;
  }
}


/* ----------------------------------------
  Footer
-------------------------------------------*/

.join_us{
  position: relative;
  overflow: hidden;
  border-radius: 100px 100px 0 0;
}
.join_us__bg{
  position: absolute;
  inset: 0;
  background:url(../img/cmn/bg_joinus.jpg) no-repeat center / cover;
  z-index: -1;
}
.join_us__in{
  width: min(90%, 1100px);
  padding: 7rem 0 14rem;
  margin: 0 auto;
  color: #fff;
  text-align: left;
  display: flex;
  gap: 4rem;
  align-items: center;
}
.join_us .sec_text{
  flex: 1;
  font-weight: bold;
}
.join_us .sec_text__title{
  font-size: clamp(21px,3.231vw,32px);
  line-height: 1.5;
  padding-bottom: 3rem;
}
.entry_nav{
  flex: 0 0 360px; /* ボタン幅固定 */
}
.entry_nav .morebtn:first-child{
  margin-bottom: 1.2rem;
}
.entry_nav .morebtn:first-child a{
  background: linear-gradient(90deg,#ff910a,#ffac47,#ffac47);
}
.entry_nav .morebtn:first-child a::before{
  background-image: url(../img/cmn/ic_arrow_or.svg);
}
.entry_nav .morebtn:last-child a{
  background: linear-gradient(90deg,#e6460a,#ec7447,#ec7447);
}
.entry_nav .morebtn:last-child a::before{
  background-image: url(../img/cmn/ic_arrow_red.svg);
}
.entry_nav .morebtn:first-child a,
.entry_nav .morebtn:last-child a{
  background-size: 250% 100%;
}
.entry_nav .morebtn:first-child a:hover,
.entry_nav .morebtn:last-child a:hover{
  background-position: 100% 0%;
}

@media (max-width: 768px){
  
  .join_us{
    border-radius: 40px 40px 0 0;
  }
  .join_us__in{
    flex-direction: column;
    gap: 2.5rem;
    padding: 4rem 0 6rem;
  }
  .join_us .sec_text{
    width: 100%;
  }
  .entry_nav{
    width: 100%;
  }
}

@media screen and (max-width: 650px){
  
  .join_us__in{
    flex-direction: column;
    gap: 1.5rem;
    padding: 4rem 0 6rem;
  }
  .join_us .sec_text__title{
    padding-bottom: 1rem;
  }
  .entry_nav{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .entry_nav .morebtn:first-child{
    margin-bottom: .75rem;
  }
}

#footer{
  position: relative;
  z-index: 5;
  width: 100%;
  background: #fff;
}
.footer_in{
  padding: 1.25rem 0 0;
  margin-bottom: -10px;
}
.footer_top{
  width: 96%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footer_company{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.footer_company .f_logo{
  width: min(220px,50%);
  height: auto;
}
.footer_company .morebtn{
  width: auto;
}
.footer_company .morebtn a{
  padding: .5rem 1rem;
  color: #fff;
  border-radius: 20px;
  font-size: clamp(10px,1.538vw,13px);
  background: none;
  background-color: #555;
}
.footer_company .morebtn a::after{
  position: static;
  transform: none;
  border-radius: 0;
  background: url(../img/cmn/ic-morelink.svg) no-repeat center / contain;
  width: 12px;
  height: 12px;
  margin-left: 8px;
}
.footer_company .morebtn a::before{
  content: none;
}
.footer_company .morebtn a:hover{
  background-color: var(--co-color);
}
.footer_policy{
  text-align: right;
  line-height: 3;
  font-size: clamp(10px,1.538vw,12px);
}
.footer_policy a{
  color: var(--black);
  font-weight: bold;
}
.footer_policy a:hover{
  opacity: var(--hover);
}
.copyright{
  font-family: var(--font-en);
}
#footer .autoscroll__loop{
  margin-top: -1rem;
}
#footer .autoscroll__loop li{
  color: #f6f6f6;
  letter-spacing: -.025em;
}

@media screen and (max-width: 650px){
  
  .footer_in{
    padding: 1.5rem 0 0;
    margin-bottom: -10px;
  }
  .footer_top{
    width: 90%;
    flex-direction: column;
    gap: 1rem;
  }
  .footer_company{
    align-items: flex-start;
    flex-direction: column;
    gap: .5rem;
  }
  .footer_company .morebtn a::after{
    width: 10px;
    height: 10px;
    margin-left: 6px;
  }
  .footer_policy{
    text-align: left;
  }
}