@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
/* ----------------------------------------------------------------
* reset *
----------------------------------------------------------------- */
hrml, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, footer {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

object, embed {
  vertical-align: top;
}

legend {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

img, abbr, acronym, fieldset {
  border: 0;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}

a {
  text-decoration: none;
}

a:active, a:focus, input:active, input:focus {
  outline: 0;
}

section {
  width: 100%;
}

.wrap {
  overflow: hidden;
  position: relative;
}

/* リセット */
/* Scss Document */
/* ----------------------------------------------------------------
ブレークポイント設定
----------------------------------------------------------------- */
/* mixin */
/* Scss Document */
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
html {
  font-size: 62.5%;
}

body {
  background: url(../img/background-img.jpg) bottom center/cover no-repeat fixed;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

body::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

article {
  animation-name: fade-in;
  animation-duration: 0.5s;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.pcClass {
  display: block;
}

.spClass {
  display: none;
}

p {
  font-size: 1.3rem;
  line-height: 2;
}

a {
  color: #000000;
}

::selection {
  background: #004ea2;
  color: #FFFFFF;
}

/* for Firefox */
::-moz-selection {
  background: #004ea2;
  color: #FFFFFF;
}

.t-center {
  text-align: center;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

/* 右サイドバナー */
#bnr__pc, .bnr__pc {
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 49;
  width: 100px;
}
#bnr__pc__inner, .bnr__pc__inner {
  text-align: center;
}
#bnr__pc__inner__item, .bnr__pc__inner__item {
  margin-bottom: 15px;
  transition: all 0.3s ease 0s;
  border-radius: 5px 0 0 5px;
}
#bnr__pc__inner__item:hover, .bnr__pc__inner__item:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.5em);
  opacity: 0.9;
}
#bnr__pc__inner__item:last-of-type, .bnr__pc__inner__item:last-of-type {
  margin-bottom: 0px;
}
#bnr__sp, .bnr__sp {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 49;
  width: 100%;
  height: 113px;
  display: none;
}
#bnr__sp .bnr_seminar a, .bnr__sp .bnr_seminar a {
  display: block;
}
#bnr__sp .bnr_seminar img, .bnr__sp .bnr_seminar img {
  width: 100%;
  height: 53px;
  object-fit: cover;
}
#bnr__sp__inner, .bnr__sp__inner {
  display: flex;
}
#bnr__sp__inner__item, .bnr__sp__inner__item {
  width: 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
}
#bnr__sp__inner__item__warapper, .bnr__sp__inner__item__warapper {
  position: relative;
  font-size: 1.1rem;
}
#bnr__sp__inner__item__warapper a, .bnr__sp__inner__item__warapper a {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bnr__sp__inner__item__warapper__item, .bnr__sp__inner__item__warapper__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
#bnr__sp__inner__item__warapper__item__img, .bnr__sp__inner__item__warapper__item__img {
  width: 25px;
}
#bnr__sp__inner__item__warapper__item__text, .bnr__sp__inner__item__warapper__item__text {
  text-align: left;
  margin: 0 0 0 6px;
  font-weight: bold;
  line-height: 1.2;
}
#bnr__sp__inner__item__warapper__item__text--small, .bnr__sp__inner__item__warapper__item__text--small {
  font-size: 0.8rem;
  display: block;
}
#bnr__sp__inner__item .login, .bnr__sp__inner__item .login {
  background-color: #e8a42a;
}
#bnr__sp__inner__item .online, .bnr__sp__inner__item .online {
  background-color: #0396a6;
}
#bnr__sp__inner__item .contact, .bnr__sp__inner__item .contact {
  background-color: #003245;
}

/* 右サイドバナー */
/* 共通パーツCSS */
/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
.header {
  position: fixed;
  top: 0;
  right: 100px;
  z-index: 50;
}
.header__inner {
  width: 600px;
  padding: 30px 0 0 0;
}
.header__inner__list {
  display: flex;
  justify-content: space-between;
}
.header__inner__list__menu {
  font-size: 1.3rem;
}
.header__inner__list__menu a {
  color: #000000;
  line-height: 5;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu a::after {
  border-bottom: solid 1px #000000;
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu a:hover::after {
  width: 100%;
}
.header__inner__list__menu .no-link {
  color: #000000;
  line-height: 5;
  display: block;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu .no-link::after {
  border-bottom: solid 1px #FFFFFF;
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu .no-link:hover::after {
  width: 100%;
}
.header__inner__list__menu .sub-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 760px;
  background-color: #003245;
  padding: 0 0 0 25px;
}
.header__inner__list__menu .sub-menu__list {
  font-size: 1.2rem;
  box-sizing: border-box;
}
.header__inner__list__menu .sub-menu__list .link-mask {
  color: #929292;
  line-height: 4;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu .sub-menu__list a {
  line-height: 4;
  transition: color 0.3s;
  position: relative;
  display: inline-block;
  color: #FFFFFF;
}
.header__inner__list__menu .sub-menu__list a::after {
  border-bottom: solid 1px #FFFFFF;
  position: absolute;
  bottom: 10px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu .sub-menu__list a:hover::after {
  width: 100%;
}
.header__inner__list__menu .sub-menu .col-s {
  flex-basis: 150px;
}
.header__inner__list__menu .sub-menu .col-m {
  flex-basis: 200px;
}
.header__inner__list__menu .sub-menu .col-l {
  flex-basis: 220px;
}

.header ul > li > a {
  display: block;
}

.header ul li ul.sub-menu {
  position: absolute;
  top: 95px;
  right: -80px;
}

.header ul li ul.sub-menu {
  height: 0;
  overflow: hidden;
}

.header ul li:hover ul {
  height: auto;
  /*サブメニューの高さ*/
  overflow: visible;
}

/*ハンバーガーメニュー CSS ここから
------------------------*/
.slide_btn {
  position: absolute;
  top: 25px;
  right: -80px;
  display: block;
  width: 70px;
  height: 70px;
  z-index: 150;
  cursor: pointer;
}

.topBar {
  background: #000000;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 30%;
  left: 25%;
}

.middleBar {
  background: #000000;
  height: 2px;
  width: 40%;
  position: absolute;
  top: 47%;
  left: 25%;
}

.bottomBar {
  background: #000000;
  height: 2px;
  width: 30%;
  position: absolute;
  top: 64%;
  left: 25%;
}

.slide_btn.non-active {
  background: #FFFFFF;
}
.slide_btn.non-active .topBar, .slide_btn.non-active .middleBar, .slide_btn.non-active .bottomBar {
  background: #000000;
}

.slide_btn.active .topBar, .slide_btn.active .middleBar, .slide_btn.active .bottomBar {
  width: 50%;
  background: #7d7d7d;
}

#category_list, .category_list {
  display: none;
  position: fixed;
  z-index: 50;
  top: 0px;
  height: 100vh;
  left: 0px;
  width: 100%;
  font-size: 16px;
  background: #FFFFFF;
}
#category_list__wrapper, .category_list__wrapper {
  max-width: 650px;
  width: 90%;
  margin: 0 auto;
  padding: 60px 0 20px 0;
  flex-direction: column;
  display: flex;
}
#category_list__wrapper__menu, .category_list__wrapper__menu {
  text-align: center;
  border-bottom: 2px solid #b4c2c7;
  font-size: 1.3rem;
  padding: 15px 0px 15px 0px;
}
#category_list__wrapper__menu a, .category_list__wrapper__menu a {
  transition: all 0.3s;
}
#category_list__wrapper__menu a:hover, .category_list__wrapper__menu a:hover {
  opacity: 0.6;
}
#category_list__wrapper .js-accordion-title, .category_list__wrapper .js-accordion-title {
  position: relative;
}
#category_list__wrapper .js-accordion-title::after, .category_list__wrapper .js-accordion-title::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 7px;
  height: 7px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#category_list__wrapper .js-accordion-title.open:after, .category_list__wrapper .js-accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
#category_list__wrapper .accordion-content, .category_list__wrapper .accordion-content {
  display: none;
  padding: 30px 0px 30px 0px;
  font-size: 1.3rem;
  text-align: center;
  background-color: #ebeff0;
}
#category_list__wrapper .accordion-content__list, .category_list__wrapper .accordion-content__list {
  display: flex;
}
#category_list__wrapper .accordion-content__list__sub, .category_list__wrapper .accordion-content__list__sub {
  width: 50%;
  margin: 0 10px;
}
#category_list__wrapper .accordion-content__list__sub__menu, .category_list__wrapper .accordion-content__list__sub__menu {
  text-align: left;
}
#category_list__wrapper .accordion-content__list__sub__menu .link-mask, .category_list__wrapper .accordion-content__list__sub__menu .link-mask {
  width: 100%;
  border-bottom: dotted 2px #b4c2c7;
  color: #929292;
  display: block;
  padding: 10px 0 10px 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
  line-height: 1.5;
}
#category_list__wrapper .accordion-content__list__sub__menu .link-mask::after, .category_list__wrapper .accordion-content__list__sub__menu .link-mask::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 40%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 4px;
  height: 4px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#category_list__wrapper .accordion-content__list__sub__menu a, .category_list__wrapper .accordion-content__list__sub__menu a {
  width: 100%;
  border-bottom: dotted 2px #b4c2c7;
  color: #003245;
  display: block;
  padding: 10px 0 10px 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
}
#category_list__wrapper .accordion-content__list__sub__menu a:hover, .category_list__wrapper .accordion-content__list__sub__menu a:hover {
  opacity: 0.6;
}
#category_list__wrapper .accordion-content__list__sub__menu a::after, .category_list__wrapper .accordion-content__list__sub__menu a::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 40%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 4px;
  height: 4px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#category_list__wrapper__bottom, .category_list__wrapper__bottom {
  padding: 20px 0;
  display: flex;
  justify-content: center;
}
#category_list__wrapper__bottom__list, .category_list__wrapper__bottom__list {
  margin: 0 10px;
  font-size: 1.3rem;
  line-height: 2;
}
#category_list__wrapper__bottom__list a, .category_list__wrapper__bottom__list a {
  color: #787878;
  transition: all 0.3s;
}
#category_list__wrapper__bottom__list a:hover, .category_list__wrapper__bottom__list a:hover {
  opacity: 0.6;
}
#category_list__wrapper__bnr, .category_list__wrapper__bnr {
  display: flex;
}
#category_list__wrapper__bnr__item, .category_list__wrapper__bnr__item {
  width: 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
#category_list__wrapper__bnr__item a, .category_list__wrapper__bnr__item a {
  color: #FFFFFF;
}
#category_list__wrapper__bnr__item__wrap, .category_list__wrapper__bnr__item__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.3s;
  margin: 5px;
}
#category_list__wrapper__bnr__item__wrap__img, .category_list__wrapper__bnr__item__wrap__img {
  width: 30px;
}
#category_list__wrapper__bnr__item__wrap__text, .category_list__wrapper__bnr__item__wrap__text {
  text-align: left;
  margin: 0 0 0 6px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.4rem;
}
#category_list__wrapper__bnr .login, .category_list__wrapper__bnr .login {
  background-color: #e8a42a;
}
#category_list__wrapper__bnr .login:hover, .category_list__wrapper__bnr .login:hover {
  background-color: #b37e20;
}
#category_list__wrapper__bnr .online, .category_list__wrapper__bnr .online {
  background-color: #0396a6;
}
#category_list__wrapper__bnr .online:hover, .category_list__wrapper__bnr .online:hover {
  background-color: #23838e;
}
#category_list__wrapper__bnr .contact, .category_list__wrapper__bnr .contact {
  background-color: #003245;
}
#category_list__wrapper__bnr .contact:hover, .category_list__wrapper__bnr .contact:hover {
  background-color: #05242f;
}

/*ハンバーガーメニュー CSS ここまで
------------------------*/
/* ヘッダーCSS */
/* ----------------------------------------------------------------
#TOPページ

----------------------------------------------------------------- */
#top {
  /* コラムバナー */
  /* コラムバナー */
  /* お知らせ */
  /* お知らせ */
}
#top .top-title {
  width: 100%;
  height: 100vh;
}
#top .top-title__pc {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Safari用 */
  transform: translate(-50%, -50%);
  width: 480px;
  z-index: 1;
}
#top .top-title__sp {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Safari用 */
  transform: translate(-50%, -50%);
  width: 85%;
  z-index: 10;
  display: none;
}
#top .top_content_box {
  padding-right: 120px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  position: fixed;
  bottom: 60px;
  left: 56px;
  z-index: 1;
}
#top .top_movie {
  max-width: 466px;
  margin: 0 16px 24px 0;
  position: relative;
}
#top .top_movie video {
  width: 100%;
}
#top .top_movie .play_btn {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#top .top_movie .play_btn.play_active {
  display: none;
}
#top #column-bnr__item,
#top .column-bnr__item {
  width: 340px;
  margin-bottom: 24px;
  z-index: 10;
  transition: all 0.3s ease;
}
#top #column-bnr__item:hover,
#top .column-bnr__item:hover {
  opacity: 0.9;
  width: 350px;
}
#top #top-info__pc,
#top .top-info__pc {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}
#top #top-info__pc__inner,
#top .top-info__pc__inner {
  display: flex;
}
#top #top-info__pc__inner__title,
#top .top-info__pc__inner__title {
  font-weight: bold;
  background-color: #003245;
  color: #FFFFFF;
  width: 130px;
  text-align: center;
  padding: 15px 0;
  font-size: 2rem;
  font-family: "Lato", sans-serif;
}
#top #top-info__pc__inner__item,
#top .top-info__pc__inner__item {
  background-color: #FFFFFF;
  font-size: 1.3rem;
  padding: 15px 20px 0px 20px;
}
#top #top-info__pc__inner__item .swiper-container,
#top .top-info__pc__inner__item .swiper-container {
  width: 460px;
}
#top #top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide,
#top .top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
}
#top #top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide a:hover,
#top .top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide a:hover {
  border-bottom: dotted 1px #000000;
}
#top #top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide__date,
#top .top-info__pc__inner__item .swiper-container .swiper-wrapper .swiper-slide__date {
  padding: 0 15px 0 0;
  color: #787878;
  line-height: 1.5;
}
#top #top-info__sp,
#top .top-info__sp {
  position: fixed;
  width: 100%;
  bottom: 160px;
  left: 0;
  display: none;
}
#top #top-info__sp__title,
#top .top-info__sp__title {
  font-size: 1.8rem;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
}
#top #top-info__sp__title--en,
#top .top-info__sp__title--en {
  font-size: 0.9rem;
  margin: 0 0 0 10px;
}
#top #top-info__sp .swiper-container,
#top .top-info__sp .swiper-container {
  width: 90%;
}
#top #top-info__sp .swiper-container .swiper-wrapper .swiper-slide,
#top .top-info__sp .swiper-container .swiper-wrapper .swiper-slide {
  background-color: #FFFFFF;
  padding: 15px 15px 15px 15px;
  box-sizing: border-box;
}
#top #top-info__sp .swiper-container .swiper-wrapper .swiper-slide__date,
#top .top-info__sp .swiper-container .swiper-wrapper .swiper-slide__date {
  color: #787878;
  display: block;
  margin: 0 0 5px 0;
}

/* TOPページエフェクト */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* TOPページローディング画面 */
.top-loading {
  background: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9000;
}
.top-loading p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 100px;
}

/* ----------------------------------------------------------------
コンテンツ
----------------------------------------------------------------- */
.cookie_consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  color: #fff;
  background: rgba(33, 103, 125, 0.8);
  padding: 1.2em 0;
  box-sizing: border-box;
  visibility: hidden;
  z-index: 100002;
}
.cookie_consent .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cookie_consent.is-show {
  visibility: visible;
}
.cookie_consent .txt_normal {
  margin: 0;
  padding-right: 32px;
  flex: 1;
  font-size: 16px;
}
.cookie_consent .txt_normal a {
  color: #fff;
  text-decoration: underline;
}

.cookie_btn {
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 16px;
  list-style: none;
}
.cookie_btn .cookie_agree,
.cookie_btn .cookie_reject {
  margin: 0 8px;
  padding: 8px 16px;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
}
.cookie_btn .cookie_agree {
  background: #114353;
}
.cookie_btn .cookie_agree:hover {
  background: #fff;
  color: #114353;
}
.cookie_btn .cookie_reject:hover {
  background: #fff;
  color: #073663;
}
.cookie_btn .cc-hide1 {
  display: none;
}
.cookie_btn .cc-hide2 {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.bnr_popup {
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 99;
}
.bnr_popup::before {
  width: 100%;
  height: calc(100% - 5px);
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.bnr_popup img {
  width: 100%;
  height: auto;
}
.bnr_popup .bnr_popup_close {
  width: 32px;
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 2;
}
.bnr_popup .bnr_popup_img {
  width: 170px;
  position: relative;
  z-index: 1;
}
.bnr_popup .bnr_popup_img a:hover {
  opacity: 0.7;
}

/* TOPページCSS */
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
footer__pc,
.footer__pc {
  width: 70px;
  height: 100%;
  z-index: 0;
  border-right: solid 1px #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer__pc__copy,
.footer__pc__copy {
  color: #FFFFFF;
  font-size: 1rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
footer__sp,
.footer__sp {
  position: fixed;
  width: 100%;
  bottom: 130px;
  left: 0;
  text-align: center;
  display: none;
}
footer__sp__copy,
.footer__sp__copy {
  font-size: 1rem;
  color: #787878;
  line-height: 1.2;
}
footer__sp-under,
.footer__sp-under {
  width: 100%;
  text-align: center;
  height: 150px;
  padding: 35px 0 0 0;
  display: none;
}
footer__sp-under__copy,
.footer__sp-under__copy {
  font-size: 1rem;
  color: #787878;
  line-height: 1.2;
}

/* フツターCSS */

@media (max-width: 800px) {
  body {
    /*  800px  */
    /*  800px  */
    background: url(../img/background-img_sp.jpg) bottom center/cover no-repeat fixed;
  }
  .pcClass {
    /*  800px  */
    /*  800px  */
    display: none;
  }
  .spClass {
    /*  800px  */
    /*  800px  */
    display: block;
  }
  #bnr__pc, .bnr__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #bnr__sp, .bnr__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  .header__inner {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  .slide_btn {
    /*  800px  */
    /*  768px  */
    top: 10px;
    width: 60px;
    height: 60px;
    right: -95px;
  }
  #category_list__wrapper, .category_list__wrapper {
    /*  800px  */
    /*  768px  */
    padding: 40px 0 20px 0;
  }
  #top .top-title__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #top .top-title__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  #top .top_content_box {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #top #column-bnr__item,
  #top .column-bnr__item {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #top #top-info__pc,
  #top .top-info__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #top #top-info__sp,
  #top .top-info__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  .cookie_consent .container {
    /*  800px  */
    display: block;
  }
  .cookie_consent .txt_normal {
    /*  800px  */
    padding: 0;
    flex: inherit;
    font-size: 14px;
  }
  .cookie_btn {
    /*  800px  */
    margin-top: 24px;
    flex: inherit;
    font-size: 14px;
  }
  .bnr_popup {
    /*  800px  */
    display: none;
  }
  footer__pc,
  .footer__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  footer__sp,
  .footer__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  footer__sp-under,
  .footer__sp-under {
    /*  800px  */
    /*  768px  */
    display: block;
  }
}

@media (max-width: 1280px) {
  .pcClass {
    /*  1280px  */
    /*  1280px  */
    display: block;
  }
  .spClass {
    /*  1280px  */
    /*  1280px  */
    display: none;
  }
}

@media (max-width: 1024px) {
  .pcClass {
    /*  1024px  */
    /*  1024px  */
    display: none;
  }
  .spClass {
    /*  1024px  */
    /*  1024px  */
    display: block;
  }
}

@media (max-width: 480px) {
  .pcClass {
    /*  480px  */
    /*  480px  */
    display: none;
  }
  .spClass {
    /*  480px  */
    /*  480px  */
    display: block;
  }
  #bnr__sp__inner__item__warapper__item__img, .bnr__sp__inner__item__warapper__item__img {
    /*  480px  */
    /*  480px  */
    width: 20px;
  }
  #category_list__wrapper__menu, .category_list__wrapper__menu {
    /*  480px  */
    /*  480px  */
    padding: 10px 0px 10px 0px;
  }
  #category_list__wrapper .accordion-content, .category_list__wrapper .accordion-content {
    /*  480px  */
    /*  480px  */
    padding: 15px 0px 15px 0px;
  }
  #category_list__wrapper__bottom, .category_list__wrapper__bottom {
    /*  480px  */
    /*  480px  */
    padding: 10px 0;
  }
  #category_list__wrapper__bnr, .category_list__wrapper__bnr {
    /*  480px  */
    /*  480px  */
    flex-wrap: wrap;
  }
  #category_list__wrapper__bnr__item, .category_list__wrapper__bnr__item {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #category_list__wrapper__bnr__item__wrap, .category_list__wrapper__bnr__item__wrap {
    /*  480px  */
    /*  480px  */
    height: 30px;
  }
}

@media (max-width: 320px) {
  .pcClass {
    /*  320px  */
    /*  320px  */
    display: none;
  }
  .spClass {
    /*  320px  */
    /*  320px  */
    display: block;
  }
}