@charset "UTF-8";

/*******************************************************
** base.css
*******************************************************/
/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media screen and (max-width: 1080px) {
  html {
    font-size: calc(100vw * 16 / 1080);
  }
}
@media screen and (max-width: 767px) {
  html {
    /* font-size: 0.8333333333vw; */
    /* font-size: 2.1334vw; */
    font-size: calc(100vw * 16 / 390);
  }
}
/* @media screen and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
} */

/* フォント */
body {
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  /* font-family: "Gothic A1", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
}
body .f-futura {
  font-family: "Jost", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
header {
  font-family: "Jost", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
footer {
  font-family: "Jost", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}




/*******************************************************
** theme.css
*******************************************************/
main {
  position: relative;
  overflow: hidden;
}

body {
  position: relative;
  background: #ffffff;
  color: #000000;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  overflow-x: hidden;
}

header {
  background: #212548;
}

footer {
  background: #212548;
}


/*******************************************************
** module.css
*******************************************************/
/* visibable */
.dis_none {
  display: none;
}
.pc_none {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block;
  }
}
.sp_none {
  display: block;
}
@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }  
}


/* inner */
.l-inner {
  width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1460px) {
  .l-inner {
    width: 100%;;
    padding: 0 68px;
  }
}
@media screen and (max-width: 1080px) {
  .l-inner {
    width: 100%;;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 670px;
    width: 100%;
    padding: 0 40px;
  }
}

.s-inner {
  width: 690px;
}
@media screen and (max-width: 767px) {
  .s-inner {
    width: 600px;
  }
}