a {
  text-decoration: unset;
  color: black;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

h1, h2, h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700 !important;
}

html {
  /* background-color: #ebe9e9; */
  scroll-behavior: smooth;
  font-family: "Noto Serif JP", serif;
}

body {
  margin: 0 auto;
  overflow-x: hidden;
  background-color: #ffffff;
  margin: auto;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

picture {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
  background: transparent;
  padding: 0;
}

tr,
td,
th,
table {
  border-collapse: collapse;
}

.only_sp {
  display: none;
}
@media screen and (max-width: 375px) {
  .only_sp {
    display: block;
  }
}

@media screen and (max-width: 375px) {
  .only_pc {
    display: none;
  }
}

.only_sp2 {
  display: none;
}
@media screen and (max-width: 540px) {
  .only_sp2 {
    display: block;
  }
}

@media screen and (max-width: 540px) {
  .only_pc2 {
    display: none;
  }
}

.m_product {
  background: white;
}
.m_product__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .m_product__container {
    width: 230px;
    margin: auto;
    overflow: hidden;
  }
}
.m_product__container .swiper-pagination {
  position: unset;
  display: none;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .m_product__container .swiper-pagination {
    display: flex;
    gap: 5px;
  }
}
.m_product__container .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  background-color: #000;
  opacity: 1;
  margin: 0;
}
.m_product__container .swiper-pagination .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
.m_product__container .swiper-notification {
  display: none;
}
.m_product__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
  position: relative;
}
.m_product__body {
  height: 200px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .m_product__body {
    width: 230px;
    justify-content: unset;
  }
}
.m_product__body--table {
  background-color: white;
  width: 230px !important;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .m_product__body--table {
    width: 100% !important;
  }
}
.m_product__body--table img {
  height: 70px;
  width: 156.72px;
}
.m_product__body--table .title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #000;
}
.m_product__body--table button a {
  display: flex;
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  text-align: right;
  color: #000;
  gap: 15.8px;
  align-items: center;
}
.m_product__body--table button a img {
  width: 100px;
  height: 10px;
  cursor: pointer;
  transition-duration: 0.3s;
}
.m_product__body--table button a img:hover {
  transform: translate(10px, 0px);
}
.m_product .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
}
.m_product .swiper-pagination-bullet:root {
  --swiper-theme-color: #000 !important;
}

.m_schedule {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .m_schedule {
    padding-top: 90px;
  }
}
@media screen and (max-width: 375px) {
  .m_schedule {
    padding-top: 60px;
  }
}
.m_schedule__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.m_schedule__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
.m_schedule__body {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .m_schedule__body {
    gap: 30px;
  }
}
.m_schedule__body--list {
  display: flex;
  justify-content: left;
  gap: 40px;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .m_schedule__body--list {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .m_schedule__body--list {
    gap: 20px;
    width: 100%;
    margin: auto;
  }
}
.m_schedule__body--list__img {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .m_schedule__body--list__img {
    gap: 8px;
    width: calc(50% - 10px);
  }
}
.m_schedule__body--list__img img {
  width: 340px;
  height: 255px;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  .m_schedule__body--list__img img {
    width: 100%;
    height: auto;
  }
}
.m_schedule__body--list__img img:hover {
  opacity: 0.6;
}
.m_schedule__body--list__img .data {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #000;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  .m_schedule__body--list__img .data {
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 1em;
  }
}
@media screen and (max-width: 375px) {
  .m_schedule__body--list__img .data {
    font-size: 7px;
  }
}
.m_schedule__body--list__img .adress {
  margin-top: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  .m_schedule__body--list__img .adress {
    width: 140px;
    text-align: start;
  }
}
.m_schedule__body--btn {
  height: 60px;
  display: flex;
}
.m_schedule__body--btn a {
  width: 220px;
  height: 60px;
  border: 1px solid #000;
  background-color: white;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.m_schedule__body--btn a::before {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease-out 0.5s;
  background-color: #f5f5f5;
  z-index: -1;
}
.m_schedule__body--btn a:hover {
  font-weight: bold;
}
.m_schedule__body--btn a:hover::before {
  width: 100%;
}

.m_bags {
  padding: 120px 50px 0;
}
@media screen and (max-width: 768px) {
  .m_bags {
    padding-top: 90px;
  }
}
@media screen and (max-width: 540px) {
  .m_bags {
    padding: 60px 30px 0;
  }
}
.m_bags__container {
  display: flex;
  flex-direction: column;
  gap: 70px;
  max-width: 1100px;
  margin: auto;
}
.m_bags__list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.m_bags__list--title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.m_bags__list--title h2 {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  color: #000;
}
@media screen and (max-width: 375px) {
  .m_bags__list--title h2 {
    font-size: 20px;
  }
}
.m_bags__list--title a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #000;
  display: flex;
  gap: 35px;
  align-items: center;
  transition-duration: 0.3s;
}
.m_bags__list--title a:hover {
  transform: translate(7px, 0);
  opacity: 0.6;
}
.m_bags__list--title a span {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #000;
  transform: rotate(-45deg);
  border-left: none;
  border-top: none;
}
.m_bags__list--body {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  justify-content: start;
}
@media screen and (max-width: 920px) {
  .m_bags__list--body {
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 540px) {
  .m_bags__list--body {
    display: flex;
    grid-template-columns: none;
    gap: 0px;
    width: 100%;
    margin: auto;
    align-items: stretch;
  }
}
.m_bags__list--body a {
  padding: 8px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 255px;
  height: 50px;
  border: 1px solid #000;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 920px) {
  .m_bags__list--body a {
    padding: 8px 12px;
    min-width: 0;
  }
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a {
    width: 50%;
    min-width: 0;
    gap: 4px;
    padding: 0 10px;
    min-height: 40px;
    height: auto;
    border-top: none;
  }
  .m_bags__list--body a p {
    line-height: 1.2em;
  }
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a:nth-child(even) {
    border-left: none;
  }
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a:nth-child(1) {
    border-top: 1px solid #000;
  }
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a:nth-child(2) {
    border-top: 1px solid #000;
  }
}
.m_bags__list--body a::before {
  content: "";
  position: absolute;
  transition-duration: 0.5s;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f5f5f5;
  z-index: -1;
}
.m_bags__list--body a:hover::before {
  width: 100%;
}
.m_bags__list--body a img {
  width: 23px;
  height: 34px;
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a img {
    width: 15px;
    height: 22.24px;
  }
}
.m_bags__list--body a p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
@media screen and (max-width: 540px) {
  .m_bags__list--body a p {
    font-size: 12px;
  }
}

.m_infor {
  padding: 120px 50px 0;
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .m_infor {
    padding: 60px 0px 100px;
    flex-direction: column;
  }
}
.m_infor__col {
  background-color: #f5f5f5;
  padding: 50px 50px 35px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  flex: 1;
  min-width: 460px;
}
@media screen and (max-width: 768px) {
  .m_infor__col {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 50px 30px;
  }
}
.m_infor__col--title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_infor__col--title__small {
  font-size: 18px;
}
.m_infor__col--title__big {
  font-size: 24px;
}
.m_infor__col--body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_infor__col--body__text {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 540px) {
  .m_infor__col--body__text {
    gap: 30px;
  }
}
.m_infor__col--body__text .list {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 540px) {
  .m_infor__col--body__text .list {
    flex-direction: column;
    gap: 10px;
  }
}
.m_infor__col--body__text .list .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.m_infor__col--body__text .list .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.m_infor__col--body__text .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.m_infor__col--body__btns {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 540px) {
  .m_infor__col--body__btns {
    gap: 15px;
  }
}
.m_infor__col--body__btns.small_btn button a {
  width: 120px;
}
.m_infor__col--body__btns button {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.m_infor__col--body__btns button a {
  border: 1px solid #000;
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  justify-content: center;
  display: flex;
  text-align: center;
  width: 180px;
  height: 60px;
  align-items: center;
  position: relative;
  background-color: white;
  z-index: 1;
}
.m_infor__col--body__btns button a::before {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition-duration: 0.5s;
  background-color: #f5f5f5;
}
.m_infor__col--body__btns button a:hover {
  font-weight: bold;
}
.m_infor__col--body__btns button a:hover::before {
  width: 100%;
}

.m_courses {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
}
@media screen and (max-width: 1024px) {
  .m_courses {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .m_courses {
    padding-top: 60px;
  }
}
.m_courses__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
.m_courses__container {
  display: flex;
  gap: 25px;
  width: 1400px;
  margin: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 1620px) {
  .m_courses__container {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .m_courses__container {
    justify-content: center;
  }
}
@media screen and (max-width: 540px) {
  .m_courses__container {
    width: 100%;
  }
}
.m_courses__container .col {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_courses__container .col .img {
  width: 100%;
  position: relative;
}
.m_courses__container .col .img img {
  width: 100%;
}
.m_courses__container .col .img .text {
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: absolute;
  top: 50%;
  right: 50%;
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #fff;
  transform: translate(50%, -50%);
  align-items: center;
}
.m_courses__container .col .img .text span {
  width: 30px;
  height: 0;
  border: 3px solid #fff;
}
.m_courses__container .col .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
@media screen and (max-width: 540px) {
  .m_courses__container .col .content {
    padding: 0 30px;
  }
}
.m_courses__container .col hr {
  width: 100%;
  height: 0;
  border: 1px solid #000;
}
@media screen and (max-width: 540px) {
  .m_courses__container .col hr {
    width: 87%;
  }
}
.m_courses__container .col .link {
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 540px) {
  .m_courses__container .col .link {
    padding: 0 30px;
  }
}
.m_courses__container .col .link a {
  display: flex;
  gap: 15px;
  align-items: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  text-align: right;
  color: #000;
}
.m_courses__container .col .link a img {
  width: 100px;
  height: 10px;
}

.m_news {
  padding: 120px 0 120px;
}
@media screen and (max-width: 1024px) {
  .m_news {
    padding: 100px 50px 100px;
  }
}
@media screen and (max-width: 768px) {
  .m_news {
    padding: 80px 30px 80px;
  }
}
@media screen and (max-width: 375px) {
  .m_news {
    padding: 60px 30px 60px;
  }
}
.m_news .swiper-pagination {
  position: unset;
  display: flex;
  align-items: center;
  margin: 20px 0 0;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .m_news .swiper-pagination {
    margin-top: 50px;
  }
}
.m_news .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  background-color: #000;
  opacity: 1;
  margin: 0;
}
.m_news .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
.m_news__container {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .m_news__container {
    width: 100%;
  }
}
.m_news__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
.m_news__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .m_news__list {
    width: 100%;
    gap: 20px;
  }
}
.m_news__list .col {
  display: flex;
  gap: 16px;
  opacity: 1;
  transition-duration: 0.3s;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .m_news__list .col {
    gap: 20px;
  }
}
.m_news__list .col:hover {
  opacity: 0.8;
}
.m_news__list .col .left img {
  width: 200px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .m_news__list .col .left img {
    width: 130px;
    height: 98px;
  }
}
.m_news__list .col .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .m_news__list .col .right {
    gap: 12px;
  }
}
.m_news__list .col .right .category {
  width: 100px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .m_news__list .col .right .category {
    position: unset;
  }
}
.m_news__list .col .right .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.m_news__list .col .right .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .m_news__list .col .right .title {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
}
.m_news__list .col .right .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.m_news__list .col .right .content * {
  display: none;
}
.m_news__list .col .right .content p:first {
  display: block;
}
@media screen and (max-width: 768px) {
  .m_news__list .col .right .content {
    display: none;
  }
}
.m_news button a {
  width: 220px;
  height: 60px;
  border: 1px solid #000;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.m_news button a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f5f5f5;
  z-index: -1;
  transition-duration: 0.5s;
}
.m_news button a:hover {
  font-weight: bold;
}
.m_news button a:hover::before {
  width: 100%;
}

.m_menu {
  height: 190px;
  border-bottom: 1px solid #ddd;
  position: fixed;
  display: flex;
  width: 100%;
  z-index: 100;
}
.m_menu__container {
  display: flex;
  justify-content: center;
  padding: 40px;
  align-items: end;
  margin: 0 auto;
  width: 100vw;
}
.m_menu__container ul {
  display: flex;
  gap: 65px;
  overflow: auto;
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .m_menu__container ul {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .m_menu__container ul {
    gap: 25px;
  }
}
.m_menu__container ul li {
  display: flex;
  align-items: end;
  min-width: -moz-fit-content;
  min-width: fit-content;
  word-break: keep-all;
  transition-duration: 0.5s;
}
.m_menu__container ul li:hover ::after {
  width: 30px;
  height: 0;
  border: 3px solid #000;
}
.m_menu__container ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  position: relative;
  z-index: 1;
}
.m_menu__container ul li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #000;
  left: 0;
  bottom: -2px;
  z-index: -1;
  transition-duration: 0.5s;
}
.m_menu__container ul li a:hover::before, .m_menu__container ul li a.active::before {
  width: 30px;
}
.m_menu__container ul::-webkit-scrollbar {
  width: 2px;
  height: 8px;
}
.m_menu__container ul::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border: 2px solid transparent;
  border-radius: 10px;
}
.m_menu__container ul::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 10px;
  background-color: rgba(196, 193, 193, 0.5647058824);
}
.m_menu__container ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(180, 178, 178, 0.5647058824);
}

.d-none {
  display: none;
}

#header {
  padding-right: 40PX;
  padding-left: 40PX;
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 1000;
  margin: auto;
}
@media screen and (max-width: 540px) {
  #header {
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
#header .h_left {
  display: flex;
  align-items: center;
  gap: 4.1666666667vw;
}
@media screen and (min-width: 1440px) {
  #header .h_left {
    justify-content: space-between;
  }
}
#header .h_left .logo {
  width: 140px;
  height: 13.92px;
}
@media screen and (max-width: 375px) {
  #header .h_left .logo {
    width: 120px;
  }
}
#header .h_left .logo img {
  width: 100%;
  image-rendering: pixelated;
}
#header .h_right {
  display: flex;
  align-items: end;
  gap: 1.5625vw;
}
@media screen and (max-width: 375px) {
  #header .h_right {
    gap: 11px;
  }
}
#header .h_right img {
  image-rendering: pixelated;
}
#header .h_right .menu_btn {
  display: flex;
  align-items: center;
  gap: 1.875vw;
}
@media screen and (max-width: 1620px) {
  #header .h_right .menu_btn {
    display: none;
  }
}
#header .h_right .menu_btn .product,
#header .h_right .menu_btn .contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
#header .h_right .menu_btn .product p,
#header .h_right .menu_btn .contents p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  color: #000;
  width: 100%;
}
#header .h_right .menu_btn .product ul,
#header .h_right .menu_btn .contents ul {
  display: flex;
  gap: 1.9270833333vw;
}
#header .h_right .menu_btn .product ul li a,
#header .h_right .menu_btn .contents ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  position: relative;
  z-index: 1;
}
#header .h_right .menu_btn .product ul li a::before,
#header .h_right .menu_btn .contents ul li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #000;
  left: 0;
  bottom: -2px;
  z-index: -1;
  transition-duration: 0.5s;
}
#header .h_right .menu_btn .product ul li a:hover::before, #header .h_right .menu_btn .product ul li a.active::before,
#header .h_right .menu_btn .contents ul li a:hover::before,
#header .h_right .menu_btn .contents ul li a.active::before {
  width: 30px;
}
#header .h_right .menu_btn hr {
  width: 0px;
  height: 50px;
  border: 1px solid #000;
  margin: 0;
}
#header .h_right button {
  width: 25px;
}
@media screen and (max-width: 375px) {
  #header .h_right button {
    width: 20px;
  }
}
#header .h_right button img {
  width: 100%;
}
#header .h_right .search_body {
  display: none;
  width: 150px;
  height: 25px;
  align-items: center;
  position: relative;
}
#header .h_right .search_body::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 1px;
  background-color: #000;
}
#header .h_right .search_body input[type=text] {
  background: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  color: #000;
  border: none;
  background-color: transparent;
  width: 90%;
  outline: none;
  padding: 0;
  height: 25px;
  padding-left: 10px;
}
#header .h_right .search_body input[type=image] {
  width: 25px;
  image-rendering: pixelated;
}
#header .h_right .h_hamb {
  position: relative;
  display: flex;
  flex-direction: column;
}
#header .h_right .h_hamb span {
  width: 25px;
  height: 2px;
  background-color: #000;
  margin: 5px auto;
}
@media screen and (max-width: 375px) {
  #header .h_right .h_hamb span {
    width: 20px;
  }
}
#header .h_right .hovers .hamb_btn__1 {
  transition: all;
  transition-duration: 300;
  transform: rotate(45deg);
  position: absolute;
  top: 16px;
  right: 5px;
}
#header .h_right .hovers .hamb_btn__2 {
  transition: all;
  transition-duration: 300;
  transform: rotate(-45deg);
  position: absolute;
  top: 16px;
  right: 5px;
}
#header .h_menu__laptop {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  height: 100vh;
  background-color: white;
  padding: 0 40px 80px;
  overflow: auto;
  transform: translateX(0);
  transition: all 0.3s ease;
  z-index: 99;
}
#header .h_menu__laptop.d-none {
  display: block;
  transform: translateX(100%);
}
#header .h_menu__laptop__head {
  height: 30px;
  display: flex;
  align-items: end;
  margin-bottom: 80px;
  justify-content: end;
}
@media screen and (max-width: 540px) {
  #header .h_menu__laptop__head {
    height: 60px;
  }
}
#header .h_menu__laptop .menu_close {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  cursor: pointer;
  width: 36px;
  height: 36px;
}
#header .h_menu__laptop .menu_close span {
  width: 25px;
  height: 0px;
  background: transparent;
  border: 1px solid #000;
  margin: 5px auto;
}
@media screen and (max-width: 375px) {
  #header .h_menu__laptop .menu_close span {
    width: 20px;
    margin: 5px auto;
    border: 1px solid #000;
  }
}
#header .h_menu__laptop .menu_close_first {
  position: absolute;
  transform: rotate(45deg);
  top: 16px;
  right: 5px;
}
#header .h_menu__laptop .menu_close_second {
  position: absolute;
  transform: rotate(-45deg);
  top: 16px;
  right: 5px;
}
#header .h_menu__laptop .products,
#header .h_menu__laptop .contents {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#header .h_menu__laptop .products p,
#header .h_menu__laptop .contents p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #000;
}
#header .h_menu__laptop .products .list,
#header .h_menu__laptop .contents .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#header .h_menu__laptop .products .list .accordion,
#header .h_menu__laptop .products .list .accordions,
#header .h_menu__laptop .contents .list .accordion,
#header .h_menu__laptop .contents .list .accordions {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px 0 18px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#header .h_menu__laptop .products .list .accordion,
#header .h_menu__laptop .contents .list .accordion {
  padding: 0;
}
#header .h_menu__laptop .products .list .active,
#header .h_menu__laptop .products .list .accordion:hover,
#header .h_menu__laptop .products .list .accordions:hover,
#header .h_menu__laptop .contents .list .active,
#header .h_menu__laptop .contents .list .accordion:hover,
#header .h_menu__laptop .contents .list .accordions:hover {
  background-color: white;
}
#header .h_menu__laptop .products .list .clicks,
#header .h_menu__laptop .contents .list .clicks {
  height: auto !important;
}
#header .h_menu__laptop .products .list .accordion:after,
#header .h_menu__laptop .products .list .accordions:after,
#header .h_menu__laptop .contents .list .accordion:after,
#header .h_menu__laptop .contents .list .accordions:after {
  content: "+";
  color: #444;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
#header .h_menu__laptop .products .list .active:after,
#header .h_menu__laptop .contents .list .active:after {
  content: "−";
}
#header .h_menu__laptop .products .list .panel,
#header .h_menu__laptop .products .list .panels,
#header .h_menu__laptop .contents .list .panel,
#header .h_menu__laptop .contents .list .panels {
  padding-left: 18px;
  padding-right: 2px;
  background-color: white;
  height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#header .h_menu__laptop .products ul,
#header .h_menu__laptop .contents ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#header .h_menu__laptop .products ul li a,
#header .h_menu__laptop .contents ul li a {
  display: flex;
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #000;
  justify-content: space-between;
}
#header .h_menu__laptop .products ul li a span,
#header .h_menu__laptop .contents ul li a span {
  width: 7px;
  height: 7px;
  background: transparent;
  border: 1px solid #000;
  transform: rotate(-45deg);
  border-left: none;
  border-top: none;
}
#header .h_menu__laptop hr {
  width: 100%;
  height: 0;
  border: 1px dashed #ddd;
  margin: 10px 0;
}

#top .m_fv {
  height: 56.25vw;
  width: 100vw;
}
#top .m_fv video {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 540px) {
  #top .m_fv {
    height: 100vh;
    width: 100vw;
    position: relative;
  }
  #top .m_fv video {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
#top .m_pick {
  padding: 120px 0px 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
#top .m_pick__title {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  color: #000;
}
#top .m_pick__bar {
  display: flex;
  justify-content: center;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 540px) {
  #top .m_pick__bar {
    gap: 8.5px;
  }
}
#top .m_pick__bar p {
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  opacity: 0.5;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  #top .m_pick__bar p {
    font-size: 14px;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__bar .only_sp {
    display: block;
  }
}
#top .m_pick__bar p.active {
  opacity: 1 !important;
}
#top .m_pick__bar hr {
  width: 0px;
  height: 30px;
  background: transparent;
  border: 1px solid #ddd;
}
#top .m_pick__body {
  position: relative;
  display: none;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 165px;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 375px) {
  #top .m_pick__body {
    padding: 0;
  }
}
#top .m_pick__body--container {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--container {
    flex-direction: column;
    gap: 55px;
    align-items: center;
  }
}
#top .m_pick__body--left {
  z-index: 1;
  width: 50%;
  padding: 50px;
  background-color: white;
  margin-top: 40%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1620px) {
  #top .m_pick__body--left {
    margin-top: 40%;
    padding: 50px 30px;
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--left {
    margin-top: 300px;
    padding: 30px;
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--left {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__content {
    display: none;
  }
  #top .m_pick__body--left {
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 15px;
    width: 50%;
    min-width: 180px;
    height: auto;
    margin: 0;
    position: absolute;
    top: 150px;
    right: 0;
    transform: translateY(-50%);
    padding: 30px 0;
  }
}
#top .m_pick__body--left__logo {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__logo {
    width: 80px;
    height: auto;
  }
}
#top .m_pick__body--left__logo img {
  height: 70px;
  width: auto;
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__logo img {
    width: 100%;
    height: auto;
  }
}
#top .m_pick__body--left__title {
  width: 100%;
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  text-align: right;
  color: #000;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--left__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--left__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__title {
    font-size: 12px;
    text-align: center;
  }
}
#top .m_pick__body--left__content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--left__content {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--left__content {
    font-size: 12px;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__content {
    display: none;
  }
}
#top .m_pick__body--left__button {
  margin-top: 43px;
  text-align: end;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__button {
    text-align: center;
    width: 80%;
    margin-top: 0px;
    display: flex;
    justify-content: center;
  }
}
#top .m_pick__body--left__button a {
  display: flex;
  gap: 16px;
  align-items: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  color: #000;
  justify-content: start;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--left__button a {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--left__button a {
    font-size: 14px;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--left__button a {
    text-align: start;
  }
}
#top .m_pick__body--left__button a img {
  width: 100px;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--left__button a img {
    width: 50px;
  }
}
#top .m_pick__body--left__button a img:hover {
  transform: translate(10px, 0px);
}
#top .m_pick__body--right {
  width: 50%;
  z-index: 1;
  background-color: white;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1620px) {
  #top .m_pick__body--right {
    width: 41.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body--right {
    width: 91.1458333333vw;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--right {
    width: 100%;
    max-width: 440px;
    padding: 0px 30px;
  }
}
#top .m_pick__body--right__slide {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
#top .m_pick__body--right__slide .first,
#top .m_pick__body--right__slide .second {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 30px;
}
#top .m_pick__body--right__slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top .m_pick__body--right__slide .col {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--right__slide .col {
    padding-left: 0px;
  }
}
#top .m_pick__body--right__slide .col .row {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 14px;
}
@media screen and (max-width: 375px) {
  #top .m_pick__body--right__slide .col .row {
    width: 50%;
  }
}
#top .m_pick__body--right__slide .col .row img {
  width: -moz-fit-content;
  width: fit-content;
  transition-duration: 0.5s;
}
@media screen and (max-width: 540px) {
  #top .m_pick__body--right__slide .col .row img {
    width: 100%;
  }
}
#top .m_pick__body--right__slide .col .row img:hover {
  opacity: 0.6;
}
#top .m_pick__body--right__slide .col .row p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--right__slide .col .row p {
    font-size: 12px;
  }
}
#top .m_pick__body--right .swiper-pagination {
  position: unset;
  display: flex;
  align-items: center;
  margin: 20px 0 0;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top .m_pick__body--right .swiper-pagination {
    margin-top: 50px;
  }
}
#top .m_pick__body--right .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  background-color: #000;
  opacity: 1;
  margin: 0;
}
#top .m_pick__body--right .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#top .m_pick__body--right .view_btn {
  margin-top: 65px;
  text-align: center;
}
@media screen and (max-width: 375px) {
  #top .m_pick__body--right .view_btn {
    margin-top: 30px;
  }
}
#top .m_pick__body--right .view_btn button a {
  background: white;
  border: 1px solid #000;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  position: relative;
  z-index: 1;
}
#top .m_pick__body--right .view_btn button a::before {
  content: "";
  position: absolute;
  width: 0%;
  top: 0;
  left: 0;
  height: 100%;
  background: #f5f5f5;
  z-index: -1;
  transition-duration: 0.5s;
}
#top .m_pick__body--right .view_btn button a:hover {
  font-weight: bold;
}
#top .m_pick__body--right .view_btn button a:hover::before {
  width: 100%;
}
#top .m_pick__body .m_pick__img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 1165px;
  width: 50%;
}
#top .m_pick__body .m_pick__img img {
  width: 50vw;
}
@media screen and (max-width: 1024px) {
  #top .m_pick__body .m_pick__img {
    max-height: 500px;
    width: 100%;
    overflow: hidden;
  }
  #top .m_pick__body .m_pick__img img {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #top .m_pick__body .m_pick__img {
    position: relative;
    height: 300px;
    width: 80%;
    margin-left: -10px;
  }
  #top .m_pick__body .m_pick__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#top .m_pick #ball {
  display: block;
}
#top .m_formare {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
  padding: 103px 0 298px;
  margin-top: -180px;
  transform: translateY(180px);
}
@media screen and (max-width: 768px) {
  #top .m_formare {
    padding: 103px 30px 298px;
  }
}
@media screen and (max-width: 375px) {
  #top .m_formare {
    padding: 50px 30px 218px;
  }
}
#top .m_formare__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#top .m_formare__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #000;
  width: 700px;
}
@media screen and (max-width: 768px) {
  #top .m_formare__text {
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  #top .m_formare__text {
    text-align: start;
  }
}
#top .m_formare__profile {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 375px) {
  #top .m_formare__profile {
    align-items: center;
  }
}
#top .m_formare__profile--img {
  width: 300px;
  margin-bottom: 10px;
}
@media screen and (max-width: 375px) {
  #top .m_formare__profile--img {
    width: 150px;
  }
}
#top .m_formare__profile--img img {
  width: 100%;
}
#top .m_formare__profile--name {
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #000;
}
#top .m_formare__profile--text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  color: #000;
  width: 300px;
}
@media screen and (max-width: 375px) {
  #top .m_formare__profile--text {
    text-align: start;
  }
}
#top .m_school {
  padding: 0px 2.6041666667vw;
  margin-top: 120px;
  background-color: #f5f5f5;
}
#top .m_school__container {
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 2.6041666667vw;
}
@media screen and (max-width: 1024px) {
  #top .m_school__container {
    flex-direction: column;
    align-items: center;
    padding: 70px 0;
    gap: 50px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_school__container {
    padding: 50px 0;
    gap: 30px;
  }
}
#top .m_school .only_sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  #top .m_school .only_sp {
    display: block;
    font-family: Roboto;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    text-align: center;
    order: 1;
    padding: 0 30px;
  }
  #top .m_school .only_sp br {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (max-width: 375px) {
  #top .m_school .only_sp br {
    display: block;
  }
}
#top .m_school__left {
  width: 31.25vw;
  padding: 5.2083333333vw 0 3.9583333333vw;
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
}
@media screen and (max-width: 1024px) {
  #top .m_school__left {
    order: 3;
    width: 80%;
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_school__left {
    padding: 0;
  }
}
@media screen and (max-width: 375px) {
  #top .m_school__left {
    gap: 30px;
    padding: 0;
  }
}
#top .m_school__left--title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
  text-align: start;
}
@media screen and (max-width: 1024px) {
  #top .m_school__left--title {
    display: none;
  }
}
#top .m_school__left--text {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 0.8333333333vw;
  line-height: 30px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  #top .m_school__left--text {
    font-size: 16px;
  }
}
#top .m_school__left--table {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#top .m_school__left--table hr {
  width: 100%;
  height: 0px;
  background: transparent;
  border: 1px solid #000;
}
#top .m_school__left--table .list {
  display: flex;
  gap: 2.6041666667vw;
}
@media screen and (max-width: 1024px) {
  #top .m_school__left--table .list {
    gap: 50px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_school__left--table .list {
    flex-direction: column;
    gap: 15px;
  }
}
#top .m_school__left--table .list p {
  display: flex;
  gap: 2.8645833333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 0.8333333333vw;
  color: #000;
  align-items: center;
  transition-duration: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #top .m_school__left--table .list p {
    gap: 55px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #top .m_school__left--table .list p {
    justify-content: space-between;
  }
}
#top .m_school__left--table .list p:hover {
  opacity: 0.7;
  transform: translate(8px, 0px);
}
#top .m_school__left--table .list p span {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #000;
  transform: rotate(-45deg);
  border-left: none;
  border-top: none;
}
#top .m_school__left--btn {
  height: 63px;
}
#top .m_school__left--btn a {
  padding: 22px 15px;
  border: 1px solid #000;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  margin: auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  color: #000;
  background-color: white;
  position: relative;
  z-index: 1;
}
#top .m_school__left--btn a::before {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition-duration: 0.5s;
  background-color: #f5f5f5;
}
#top .m_school__left--btn a:hover {
  font-weight: bold;
}
#top .m_school__left--btn a:hover::before {
  width: 100%;
}
#top .m_school__right {
  width: 36.4583333333vw;
}
@media screen and (max-width: 1024px) {
  #top .m_school__right {
    order: 2;
    width: 90%;
  }
}
@media screen and (max-width: 540px) {
  #top .m_school__right {
    width: 100%;
  }
}
#top .m_school__right .only_pc {
  width: inherit;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #top .m_school__right .only_pc {
    display: none;
  }
}
#top .m_school__right .only_sp {
  display: none;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  #top .m_school__right .only_sp {
    display: block;
  }
}
#top .m_product {
  height: auto;
}
#product .m_items {
  padding: 200px 30px 120px;
}
@media screen and (max-width: 768px) {
  #product .m_items {
    padding: 120px 30px 80px;
  }
}
@media screen and (max-width: 375px) {
  #product .m_items {
    padding: 87.5px 30px 60px;
  }
}
#product .m_items__container {
  max-width: 1400px;
  margin: auto;
}
@media screen and (max-width: 1620px) {
  #product .m_items__container {
    width: 100%;
  }
}
#product .m_items__property {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 110px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #product .m_items__property {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 375px) {
  #product .m_items__property {
    margin-bottom: 30px;
  }
}
#product .m_items__property--number {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 768px) {
  #product .m_items__property--number {
    font-size: 10px;
  }
}
#product .m_items__property--number strong {
  font-size: 24px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  #product .m_items__property--number strong {
    font-size: 16px;
  }
}
#product .m_items__property--sort {
  display: none;
}
@media screen and (max-width: 768px) {
  #product .m_items__property--sort {
    display: flex;
    border: none;
    background-color: #f5f5f5;
    border-radius: 12px;
    width: 100px;
    height: 24px;
    align-items: center;
    justify-content: center;
    gap: 17.5px;
  }
  #product .m_items__property--sort p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #000;
  }
  #product .m_items__property--sort img {
    width: 16px;
    height: 15px;
  }
}
#product .m_items__property--category {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #000;
  display: flex;
  gap: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #product .m_items__property--category {
    display: none;
  }
}
#product .m_items__property--category .col .product_accordion {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 15px;
  text-align: right;
  color: #000;
}
#product .m_items__property--category .col .product_accordion.active, #product .m_items__property--category .col .product_accordion:hover {
  opacity: 0.6;
}
#product .m_items__property--category .col .product_accordion::after {
  content: "+";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
#product .m_items__property--category .col .product_accordion.active:after {
  content: "−";
}
#product .m_items__property--category .col .product_accordion.active {
  margin-bottom: 100px;
}
#product .m_items__property--category .col .product_panel {
  padding: 20px;
  border: 1px solid #000;
  display: flex;
  gap: 50px;
  align-items: center;
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 100px;
  display: none;
}
#product .m_items__property--category .col .product_panel p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 15px;
  text-align: right;
  color: #000;
  cursor: pointer;
}
#product .m_items__property--category .col .product_panel p:hover {
  opacity: 0.5;
}
#product .m_items__property--color {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  #product .m_items__property--color {
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  #product .m_items__property--color {
    display: none;
  }
}
#product .m_items__property--color p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #000;
}
#product .m_items__property--color a {
  padding: 5px;
  transition-duration: 0.1s;
  border: none;
}
#product .m_items__property--color a img {
  width: 20px;
  height: 20px;
}
#product .m_items__property--color a:hover {
  border: 3px solid red;
}
#product .m_items__property--sp {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  height: 100vh;
  background-color: white;
  padding: 0px 40px 80px;
  overflow: auto;
  z-index: 10;
}
#product .m_items__property--sp .menu_close {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  margin-bottom: 80px;
  cursor: pointer;
  width: 36px;
  height: 36px;
}
#product .m_items__property--sp .menu_close span {
  width: 25px;
  height: 0px;
  background: transparent;
  border: 1px solid #000;
  margin: 5px auto;
}
@media screen and (max-width: 375px) {
  #product .m_items__property--sp .menu_close span {
    width: 20px;
    margin: 5px auto;
    border: 1px solid #000;
  }
}
#product .m_items__property--sp .menu_close_first {
  position: absolute;
  transform: rotate(45deg);
  top: 16px;
  right: 5px;
}
#product .m_items__property--sp .menu_close_second {
  position: absolute;
  transform: rotate(-45deg);
  top: 16px;
  right: 5px;
}
#product .m_items__property--sp button {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px 0 18px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-family: Roboto;
  font-weight: normal;
}
#product .m_items__property--sp .p_sort-accordion:after {
  content: "+";
  color: #444;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
#product .m_items__property--sp .active:after {
  content: "−";
}
#product .m_items__property--sp ul {
  display: flex;
  flex-direction: column;
  padding-left: 100px;
  gap: 5px;
  height: 0;
  overflow: hidden;
}
#product .m_items__property--sp ul li {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  position: relative;
  margin: 10px 0;
  transition-duration: 0.3s;
  cursor: pointer;
}
#product .m_items__property--sp ul li::before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: -40px;
}
#product .m_items__property--sp ul li:hover {
  opacity: 0.5;
}
#product .m_items__property--sp .clicks {
  height: auto !important;
}
#product .m_items__body {
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
}
#product .m_items__body .col {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1400px;
  margin: auto;
}
@media screen and (max-width: 1620px) {
  #product .m_items__body .col {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  #product .m_items__body .col {
    flex-direction: column;
  }
}
#product .m_items__body .col .row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  #product .m_items__body .col .row {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #product .m_items__body .col .row {
    width: 90%;
  }
}
#product .m_items__body .col .row .item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
#product .m_items__body .col .row .item img {
  width: 62.857%;
  width: -moz-fit-content;
  width: fit-content;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  #product .m_items__body .col .row .item img {
    width: 94.5px;
  }
}
#product .m_items__body .col .row .item img:hover {
  opacity: 0.5;
}
#product .m_items__body .col .row .item p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  #product .m_items__body .col .row .item p {
    font-size: 12px;
  }
}
#product .m_items .swiper-pagination {
  position: unset;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
#product .m_items__pagination {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #product .m_items__pagination {
    margin-top: 30px;
  }
}
#product .m_items .swiper-button-prev,
#product .m_items .swiper-button-next {
  position: unset;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0;
}
#product .m_items .swiper-button-prev::after,
#product .m_items .swiper-button-next::after {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
  font-size: 0;
}
#product .m_items .swiper-button-next::after {
  transform: rotate(45deg);
}
#product .m_items .swiper-button-prev::after {
  transform: rotate(-135deg);
}
#product .m_items .swiper-notification {
  display: none;
}

#product_detail .m_items {
  max-width: 1200px;
  margin: auto;
  padding: 200px 100px 0;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items {
    padding: 150px 50px 0;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_items {
    padding: 100px 30px 0;
  }
}
@media screen and (max-width: 375px) {
  #product_detail .m_items {
    padding: 80px 10px 0;
  }
}
#product_detail .m_items__detail {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items__detail {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail {
    flex-direction: column;
  }
}
#product_detail .m_items__detail--left__choose img {
  width: 750px;
}
@media screen and (max-width: 1620px) {
  #product_detail .m_items__detail--left__choose img {
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--left__choose img {
    width: 85vw;
    margin: auto;
  }
}
#product_detail .m_items__detail--left__choose p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#product_detail .m_items__detail--left__other {
  display: flex;
}
#product_detail .m_items__detail--left__other div {
  position: relative;
}
#product_detail .m_items__detail--left__other div img {
  width: 94px;
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--left__other div img {
    width: 60px;
  }
}
#product_detail .m_items__detail--left__other div p {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.5;
  width: 36px;
  height: 20px;
  text-align: center;
  align-items: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 10px;
  color: #000;
}
#product_detail .m_items__detail--right {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items__detail--right {
    gap: 20px;
  }
}
#product_detail .m_items__detail--right__brand {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--right__brand {
    display: none;
  }
}
#product_detail .m_items__detail--right__brand p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #000;
}
#product_detail .m_items__detail--right__brand p span {
  opacity: 0.5;
}
#product_detail .m_items__detail--right__sales {
  display: flex;
  flex-direction: column;
  gap: 23px;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items__detail--right__sales {
    gap: 18px;
  }
}
#product_detail .m_items__detail--right__sales .btns {
  display: flex;
  gap: 10px;
}
#product_detail .m_items__detail--right__sales .btns button {
  background-color: #ccc;
  border: none;
  width: 70px;
  height: 20px;
  display: flex;
  align-items: center;
  font-size: 10px;
  justify-content: center;
  font-family: Roboto;
  transition-duration: 0.3s;
}
#product_detail .m_items__detail--right__sales .btns button:hover {
  opacity: 0.5;
}
#product_detail .m_items__detail--right__sales .id {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}
#product_detail .m_items__detail--right__sales .name {
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  color: #000;
}
#product_detail .m_items__detail--right__sales .price {
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  color: #000;
}
#product_detail .m_items__detail--right__sales .price span {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #aaa;
}
#product_detail .m_items__detail--right__size .row {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items__detail--right__size .row {
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--right__size .row {
    justify-content: space-around;
  }
}
#product_detail .m_items__detail--right__size .row .img {
  display: flex;
  flex-direction: column;
  gap: 6.5px;
}
#product_detail .m_items__detail--right__size .row .img img {
  width: 108px;
}
#product_detail .m_items__detail--right__size .row .img p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  color: #aaa;
}
#product_detail .m_items__detail--right__size .row .like {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#product_detail .m_items__detail--right__size .row .like div {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--right__size .row .like div {
    gap: 20px;
  }
}
#product_detail .m_items__detail--right__size .row .like div p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #aaa;
  width: 16px;
}
#product_detail .m_items__detail--right__size .row .like div button {
  border: 1px solid #000;
  display: flex;
  align-items: center;
  text-align: center;
  width: 180px;
  height: 40px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #000;
  justify-content: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_items__detail--right__size .row .like div button {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--right__size .row .like div button {
    width: 150px;
  }
}
#product_detail .m_items__detail--right__size .row .like div button:hover {
  background-color: #1780E9;
  color: white;
}
#product_detail .m_items__detail--right__size .row .like div img {
  width: 20px;
  transition-duration: 0.3s;
}
#product_detail .m_items__detail--right__size .row .like div img:hover, #product_detail .m_items__detail--right__size .row .like div img.active {
  filter: invert(100%);
  fill: red;
}
#product_detail .m_items__detail--right__tabs {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#product_detail .m_items__detail--right__tabs .tab {
  display: flex;
}
#product_detail .m_items__detail--right__tabs .tab p {
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  border-bottom: 0.7px solid #ddd;
  width: 100px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
  cursor: pointer;
}
#product_detail .m_items__detail--right__tabs .tab .active {
  border: 0.7px solid #ddd;
  border-bottom: none;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
#product_detail .m_items__detail--right__tabs .item_tabcontent {
  display: none;
}
#product_detail .m_items__detail--right__tabs .item_tabcontent .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 25px;
  color: #000;
}
#product_detail .m_items__detail--right__tabs #description {
  display: block;
}
#product_detail .m_items__detail--title {
  display: none;
}
@media screen and (max-width: 768px) {
  #product_detail .m_items__detail--title {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  #product_detail .m_items__detail--title h2 {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #000;
  }
  #product_detail .m_items__detail--title h3 {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #000;
  }
  #product_detail .m_items__detail--title h3 span {
    opacity: 0.5;
  }
}
#product_detail .m_recent {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  padding: 120px 0;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_recent {
    padding: 100px 0;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_recent {
    padding: 60px 0 50px;
  }
}
@media screen and (max-width: 375px) {
  #product_detail .m_recent {
    padding-bottom: 30px;
  }
}
#product_detail .m_recent__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#product_detail .m_recent__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 85%;
}
#product_detail .m_recent__body .col {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_recent__body .col {
    flex-direction: column;
  }
}
#product_detail .m_recent__body .col .row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  #product_detail .m_recent__body .col .row {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #product_detail .m_recent__body .col .row {
    width: 90%;
  }
}
#product_detail .m_recent__body .col .row .item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
#product_detail .m_recent__body .col .row .item img {
  width: 62.857%;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  #product_detail .m_recent__body .col .row .item img {
    width: 94.5px;
  }
}
#product_detail .m_recent__body .col .row .item p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  #product_detail .m_recent__body .col .row .item p {
    font-size: 12px;
  }
}

#information .m_information,
#information_detail .m_information {
  padding: 200px 50px 120px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  #information .m_information,
  #information_detail .m_information {
    padding: 120px 40px 80px;
  }
}
@media screen and (max-width: 768px) {
  #information .m_information,
  #information_detail .m_information {
    padding: 120px 30px 60px;
  }
}
#information .m_information__title,
#information_detail .m_information__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#information .m_information__list__inner,
#information_detail .m_information__list__inner {
  gap: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #information .m_information__list__inner,
  #information_detail .m_information__list__inner {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #information .m_information__list__inner,
  #information_detail .m_information__list__inner {
    gap: 15px;
  }
}
#information .m_information__list hr,
#information_detail .m_information__list hr {
  width: 750px;
  height: 0px;
  border: 1px dashed #aaa;
}
@media screen and (max-width: 768px) {
  #information .m_information__list hr,
  #information_detail .m_information__list hr {
    width: 80vw;
  }
}
#information .m_information__list .col,
#information .m_information__list a,
#information_detail .m_information__list .col,
#information_detail .m_information__list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 750px;
  margin: auto;
  transition-duration: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #information .m_information__list .col,
  #information .m_information__list a,
  #information_detail .m_information__list .col,
  #information_detail .m_information__list a {
    width: 80vw;
  }
}
#information .m_information__list .col:hover,
#information .m_information__list a:hover,
#information_detail .m_information__list .col:hover,
#information_detail .m_information__list a:hover {
  opacity: 0.5;
}
#information .m_information__list .col .text,
#information .m_information__list a .text,
#information_detail .m_information__list .col .text,
#information_detail .m_information__list a .text {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 540px) {
  #information .m_information__list .col .text,
  #information .m_information__list a .text,
  #information_detail .m_information__list .col .text,
  #information_detail .m_information__list a .text {
    flex-direction: column;
    gap: 14px;
    align-items: start;
  }
}
#information .m_information__list .col .text .date,
#information .m_information__list a .text .date,
#information_detail .m_information__list .col .text .date,
#information_detail .m_information__list a .text .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#information .m_information__list .col .text .content,
#information .m_information__list a .text .content,
#information_detail .m_information__list .col .text .content,
#information_detail .m_information__list a .text .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
#information .m_information__list .col .arrow,
#information .m_information__list a .arrow,
#information_detail .m_information__list .col .arrow,
#information_detail .m_information__list a .arrow {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
}
@media screen and (max-width: 540px) {
  #information .m_information__list .col .arrow,
  #information .m_information__list a .arrow,
  #information_detail .m_information__list .col .arrow,
  #information_detail .m_information__list a .arrow {
    display: none;
  }
}
#information .m_information__list .m_information__pagination,
#information_detail .m_information__list .m_information__pagination {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 30px;
  margin-top: 20px;
}
#information .m_information__list .m_information__pagination .swiper-pagination,
#information_detail .m_information__list .m_information__pagination .swiper-pagination {
  position: unset;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
#information .m_information__list .m_information__pagination .swiper-button-prev,
#information .m_information__list .m_information__pagination .swiper-button-next,
#information_detail .m_information__list .m_information__pagination .swiper-button-prev,
#information_detail .m_information__list .m_information__pagination .swiper-button-next {
  position: unset;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0;
}
#information .m_information__list .m_information__pagination .swiper-button-prev::after,
#information .m_information__list .m_information__pagination .swiper-button-next::after,
#information_detail .m_information__list .m_information__pagination .swiper-button-prev::after,
#information_detail .m_information__list .m_information__pagination .swiper-button-next::after {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
  font-size: 0;
}
#information .m_information__list .m_information__pagination .swiper-button-next::after,
#information_detail .m_information__list .m_information__pagination .swiper-button-next::after {
  transform: rotate(45deg);
}
#information .m_information__list .m_information__pagination .swiper-button-prev::after,
#information_detail .m_information__list .m_information__pagination .swiper-button-prev::after {
  transform: rotate(-135deg);
}
#information .m_information__list .m_information__pagination .swiper-notification,
#information_detail .m_information__list .m_information__pagination .swiper-notification {
  display: none;
}
#information .m_information__list .informationSwiper,
#information_detail .m_information__list .informationSwiper {
  width: 100%;
  max-width: 1400px;
}
#information .m_information__body,
#information_detail .m_information__body {
  display: flex;
  flex-direction: column;
  gap: 120px;
  max-width: 750px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #information .m_information__body,
  #information_detail .m_information__body {
    max-width: unset;
  }
}
#information .m_information__body--detail,
#information_detail .m_information__body--detail {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
#information .m_information__body--detail .date,
#information_detail .m_information__body--detail .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#information .m_information__body--detail .title,
#information_detail .m_information__body--detail .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #000;
}
#information .m_information__body--detail hr,
#information_detail .m_information__body--detail hr {
  height: 0;
  width: 100%;
  border: 1px dashed #aaa;
}
#information .m_information__body--detail .content_1,
#information .m_information__body--detail .content_2,
#information_detail .m_information__body--detail .content_1,
#information_detail .m_information__body--detail .content_2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
#information .m_information__body--detail img,
#information_detail .m_information__body--detail img {
  width: 384px;
}
@media screen and (max-width: 540px) {
  #information .m_information__body--detail img,
  #information_detail .m_information__body--detail img {
    width: 85%;
  }
}
#information .m_information__body--detail .link,
#information_detail .m_information__body--detail .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #000;
}
#information .m_information__body--detail .link_btn,
#information_detail .m_information__body--detail .link_btn {
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  position: relative;
  z-index: 1;
  background-color: white;
}
#information .m_information__body--detail .link_btn::before,
#information_detail .m_information__body--detail .link_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition-duration: 0.5s;
  background-color: #f5f5f5;
}
#information .m_information__body--detail .link_btn:hover,
#information_detail .m_information__body--detail .link_btn:hover {
  font-weight: bold;
}
#information .m_information__body--detail .link_btn:hover::before,
#information_detail .m_information__body--detail .link_btn:hover::before {
  width: 100%;
}
#information .m_information__body .back,
#information_detail .m_information__body .back {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#information .m_information__body .back img,
#information_detail .m_information__body .back img {
  width: 70px;
  height: 7.31px;
}

#schedule .m_pop,
#schedule_detail .m_pop {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 200px 50px 120px;
}
@media screen and (max-width: 1024px) {
  #schedule .m_pop,
  #schedule_detail .m_pop {
    padding: 120px 40px 80px;
  }
}
@media screen and (max-width: 768px) {
  #schedule .m_pop,
  #schedule_detail .m_pop {
    padding: 120px 30px 60px;
  }
}
#schedule .m_pop__title,
#schedule_detail .m_pop__title {
  text-align: center;
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  color: #000;
}
#schedule .m_pop__body,
#schedule_detail .m_pop__body {
  display: flex;
  gap: 30px;
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  #schedule .m_pop__body,
  #schedule_detail .m_pop__body {
    width: 90%;
  }
}
#schedule .m_pop__body .col,
#schedule_detail .m_pop__body .col {
  display: flex;
  gap: 70px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__body .col,
  #schedule_detail .m_pop__body .col {
    gap: 40px;
  }
}
@media screen and (max-width: 375px) {
  #schedule .m_pop__body .col,
  #schedule_detail .m_pop__body .col {
    gap: 20px;
  }
}
#schedule .m_pop__body .col .row,
#schedule_detail .m_pop__body .col .row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__body .col .row,
  #schedule_detail .m_pop__body .col .row {
    align-items: start;
  }
}
#schedule .m_pop__body .col .row img,
#schedule_detail .m_pop__body .col .row img {
  width: 100%;
  transition-duration: 0.3s;
}
#schedule .m_pop__body .col .row img:hover,
#schedule_detail .m_pop__body .col .row img:hover {
  opacity: 0.5;
}
#schedule .m_pop__body .col .row .date,
#schedule_detail .m_pop__body .col .row .date {
  text-align: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__body .col .row .date,
  #schedule_detail .m_pop__body .col .row .date {
    font-size: 12px;
    text-align: start;
  }
}
@media screen and (max-width: 375px) {
  #schedule .m_pop__body .col .row .date,
  #schedule_detail .m_pop__body .col .row .date {
    font-size: 7px;
  }
}
#schedule .m_pop__body .col .row .adress,
#schedule_detail .m_pop__body .col .row .adress {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__body .col .row .adress,
  #schedule_detail .m_pop__body .col .row .adress {
    text-align: start;
  }
}
@media screen and (max-width: 540px) {
  #schedule .m_pop__body .col .row .adress,
  #schedule_detail .m_pop__body .col .row .adress {
    max-width: 140px;
  }
}
#schedule .m_pop__body .col:last-child,
#schedule_detail .m_pop__body .col:last-child {
  margin-bottom: 70px;
}
#schedule .m_pop__pagination,
#schedule_detail .m_pop__pagination {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 30px;
  position: relative;
}
#schedule .m_pop .swiper-pagination,
#schedule_detail .m_pop .swiper-pagination {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  gap: 10px;
}
#schedule .m_pop .swiper-button-next,
#schedule .m_pop .swiper-button-prev,
#schedule_detail .m_pop .swiper-button-next,
#schedule_detail .m_pop .swiper-button-prev {
  height: -moz-fit-content;
  height: fit-content;
}
#schedule .m_pop .swiper-button-next::after,
#schedule .m_pop .swiper-button-prev::after,
#schedule_detail .m_pop .swiper-button-next::after,
#schedule_detail .m_pop .swiper-button-prev::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
}
#schedule .m_pop .swiper-button-next,
#schedule_detail .m_pop .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, -60px);
}
#schedule .m_pop .swiper-button-next::after,
#schedule_detail .m_pop .swiper-button-next::after {
  transform: rotate(45deg);
}
#schedule .m_pop .swiper-button-prev,
#schedule_detail .m_pop .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, -60px);
}
#schedule .m_pop .swiper-button-prev::after,
#schedule_detail .m_pop .swiper-button-prev::after {
  transform: rotate(-135deg);
}
#schedule .m_pop .swiper-notification,
#schedule_detail .m_pop .swiper-notification {
  display: none;
}
#schedule .m_pop__detail,
#schedule_detail .m_pop__detail {
  display: flex;
  flex-direction: column;
  gap: 200px;
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__detail,
  #schedule_detail .m_pop__detail {
    width: 90%;
    gap: 100px;
  }
}
@media screen and (max-width: 375px) {
  #schedule .m_pop__detail,
  #schedule_detail .m_pop__detail {
    gap: 60px;
  }
}
#schedule .m_pop__detail--body,
#schedule_detail .m_pop__detail--body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #schedule .m_pop__detail--body,
  #schedule_detail .m_pop__detail--body {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  #schedule .m_pop__detail--body,
  #schedule_detail .m_pop__detail--body {
    gap: 20px;
  }
}
#schedule .m_pop__detail--body .date,
#schedule_detail .m_pop__detail--body .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #000;
}
#schedule .m_pop__detail--body .adress,
#schedule_detail .m_pop__detail--body .adress {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  color: #000;
}
#schedule .m_pop__detail--body hr,
#schedule_detail .m_pop__detail--body hr {
  width: 100%;
  height: 0px;
  border: 1px dashed #aaa;
}
#schedule .m_pop__detail--body .content,
#schedule_detail .m_pop__detail--body .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#schedule .m_pop__detail--body .content img,
#schedule_detail .m_pop__detail--body .content img {
  width: 100%;
}
#schedule .m_pop__detail--body .content .text,
#schedule_detail .m_pop__detail--body .content .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#schedule .m_pop__detail--body .link,
#schedule_detail .m_pop__detail--body .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
  border-bottom: 1px solid #000;
  width: -moz-fit-content;
  width: fit-content;
}
#schedule .m_pop__detail--body .link_btn,
#schedule_detail .m_pop__detail--body .link_btn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
  position: relative;
  z-index: 1;
}
#schedule .m_pop__detail--body .link_btn::before,
#schedule_detail .m_pop__detail--body .link_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition-duration: 0.5s;
  z-index: -1;
  background-color: #f5f5f5;
}
#schedule .m_pop__detail--body .link_btn:hover,
#schedule_detail .m_pop__detail--body .link_btn:hover {
  font-weight: bold;
}
#schedule .m_pop__detail--body .link_btn:hover::before,
#schedule_detail .m_pop__detail--body .link_btn:hover::before {
  width: 100%;
}
#schedule .m_pop__detail--before,
#schedule_detail .m_pop__detail--before {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#schedule .m_pop__detail--before img,
#schedule_detail .m_pop__detail--before img {
  width: 70px;
  height: 7.31px;
}

#ball_chain .m_fv,
#san_hideaki .m_fv,
#yufu .m_fv {
  height: 56.25vw;
  width: 100vw;
}
#ball_chain .m_fv video,
#san_hideaki .m_fv video,
#yufu .m_fv video {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 540px) {
  #ball_chain .m_fv,
  #san_hideaki .m_fv,
  #yufu .m_fv {
    height: 100vh;
    width: 100vw;
    position: relative;
  }
  #ball_chain .m_fv video,
  #san_hideaki .m_fv video,
  #yufu .m_fv video {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
#ball_chain .m_ball,
#san_hideaki .m_ball,
#yufu .m_ball {
  background-color: #f5f5f5;
  padding: 100px 50px;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball,
  #san_hideaki .m_ball,
  #yufu .m_ball {
    padding: 50px 30px;
  }
}
#ball_chain .m_ball__container,
#san_hideaki .m_ball__container,
#yufu .m_ball__container {
  max-width: 1400px;
  margin: auto;
  width: 90%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_ball__container,
  #san_hideaki .m_ball__container,
  #yufu .m_ball__container {
    flex-direction: column;
    gap: 50px;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball__container,
  #san_hideaki .m_ball__container,
  #yufu .m_ball__container {
    gap: 30px;
  }
}
#ball_chain .m_ball__left,
#san_hideaki .m_ball__left,
#yufu .m_ball__left {
  width: 45%;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_ball__left,
  #san_hideaki .m_ball__left,
  #yufu .m_ball__left {
    width: 80%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball__left,
  #san_hideaki .m_ball__left,
  #yufu .m_ball__left {
    width: 90%;
  }
}
@media screen and (max-width: 375px) {
  #ball_chain .m_ball__left,
  #san_hideaki .m_ball__left,
  #yufu .m_ball__left {
    width: 100%;
  }
}
#ball_chain .m_ball__left img,
#san_hideaki .m_ball__left img,
#yufu .m_ball__left img {
  width: 100%;
  max-height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
}
#ball_chain .m_ball__right,
#san_hideaki .m_ball__right,
#yufu .m_ball__right {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_ball__right,
  #san_hideaki .m_ball__right,
  #yufu .m_ball__right {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball__right,
  #san_hideaki .m_ball__right,
  #yufu .m_ball__right {
    width: 90%;
  }
}
@media screen and (max-width: 375px) {
  #ball_chain .m_ball__right,
  #san_hideaki .m_ball__right,
  #yufu .m_ball__right {
    width: 100%;
  }
}
#ball_chain .m_ball__right--logo,
#san_hideaki .m_ball__right--logo,
#yufu .m_ball__right--logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ball_chain .m_ball__right--logo-l,
#san_hideaki .m_ball__right--logo-l,
#yufu .m_ball__right--logo-l {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball__right--logo-l,
  #san_hideaki .m_ball__right--logo-l,
  #yufu .m_ball__right--logo-l {
    flex-direction: column;
    gap: 30px;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_ball__right--logo,
  #san_hideaki .m_ball__right--logo,
  #yufu .m_ball__right--logo {
    align-items: end;
  }
}
#ball_chain .m_ball__right--logo img,
#san_hideaki .m_ball__right--logo img,
#yufu .m_ball__right--logo img {
  width: 180px;
  height: 80px;
}
#ball_chain .m_ball__right--logo p,
#san_hideaki .m_ball__right--logo p,
#yufu .m_ball__right--logo p {
  font-family: Roboto;
  font-weight: bold;
  font-size: 20px;
  color: #000;
}
#ball_chain .m_ball__right--logo a,
#san_hideaki .m_ball__right--logo a,
#yufu .m_ball__right--logo a {
  width: 32px;
}
#ball_chain .m_ball__right--text p,
#san_hideaki .m_ball__right--text p,
#yufu .m_ball__right--text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
#ball_chain .m_ball__right .swiper-pagination,
#san_hideaki .m_ball__right .swiper-pagination,
#yufu .m_ball__right .swiper-pagination {
  position: unset;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
#ball_chain .m_ball__right .swiper-pagination-bullet,
#san_hideaki .m_ball__right .swiper-pagination-bullet,
#yufu .m_ball__right .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  background-color: #000;
  opacity: 1;
  margin: 0;
}
#ball_chain .m_ball__right .swiper-pagination-bullet-active,
#san_hideaki .m_ball__right .swiper-pagination-bullet-active,
#yufu .m_ball__right .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#ball_chain .m_arrival,
#ball_chain .m_ranking,
#san_hideaki .m_arrival,
#san_hideaki .m_ranking,
#yufu .m_arrival,
#yufu .m_ranking {
  background-color: white;
  padding: 120px 30px 0;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_arrival,
  #ball_chain .m_ranking,
  #san_hideaki .m_arrival,
  #san_hideaki .m_ranking,
  #yufu .m_arrival,
  #yufu .m_ranking {
    padding: 80px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_arrival,
  #ball_chain .m_ranking,
  #san_hideaki .m_arrival,
  #san_hideaki .m_ranking,
  #yufu .m_arrival,
  #yufu .m_ranking {
    padding: 60px 30px 0;
  }
}
#ball_chain .m_arrival__container,
#ball_chain .m_ranking__container,
#san_hideaki .m_arrival__container,
#san_hideaki .m_ranking__container,
#yufu .m_arrival__container,
#yufu .m_ranking__container {
  width: 1400px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1620px) {
  #ball_chain .m_arrival__container,
  #ball_chain .m_ranking__container,
  #san_hideaki .m_arrival__container,
  #san_hideaki .m_ranking__container,
  #yufu .m_arrival__container,
  #yufu .m_ranking__container {
    width: 100%;
  }
}
#ball_chain .m_arrival__container .list_pict .number,
#ball_chain .m_ranking__container .list_pict .number,
#san_hideaki .m_arrival__container .list_pict .number,
#san_hideaki .m_ranking__container .list_pict .number,
#yufu .m_arrival__container .list_pict .number,
#yufu .m_ranking__container .list_pict .number {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
  position: absolute;
  top: 5px;
  left: 5px;
}
#ball_chain .m_arrival__title,
#ball_chain .m_ranking__title,
#san_hideaki .m_arrival__title,
#san_hideaki .m_ranking__title,
#yufu .m_arrival__title,
#yufu .m_ranking__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#ball_chain .m_arrival__body,
#ball_chain .m_ranking__body,
#san_hideaki .m_arrival__body,
#san_hideaki .m_ranking__body,
#yufu .m_arrival__body,
#yufu .m_ranking__body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#ball_chain .m_arrival__body .col,
#ball_chain .m_ranking__body .col,
#san_hideaki .m_arrival__body .col,
#san_hideaki .m_ranking__body .col,
#yufu .m_arrival__body .col,
#yufu .m_ranking__body .col {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  gap: 30px 0px;
}
#ball_chain .m_arrival__body .col .row,
#ball_chain .m_ranking__body .col .row,
#san_hideaki .m_arrival__body .col .row,
#san_hideaki .m_ranking__body .col .row,
#yufu .m_arrival__body .col .row,
#yufu .m_ranking__body .col .row {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
@media screen and (max-width: 540px) {
  #ball_chain .m_arrival__body .col .row,
  #ball_chain .m_ranking__body .col .row,
  #san_hideaki .m_arrival__body .col .row,
  #san_hideaki .m_ranking__body .col .row,
  #yufu .m_arrival__body .col .row,
  #yufu .m_ranking__body .col .row {
    gap: 10px;
  }
}
#ball_chain .m_arrival__body .col .row .item,
#ball_chain .m_ranking__body .col .row .item,
#san_hideaki .m_arrival__body .col .row .item,
#san_hideaki .m_ranking__body .col .row .item,
#yufu .m_arrival__body .col .row .item,
#yufu .m_ranking__body .col .row .item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
  width: 350px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_arrival__body .col .row .item,
  #ball_chain .m_ranking__body .col .row .item,
  #san_hideaki .m_arrival__body .col .row .item,
  #san_hideaki .m_ranking__body .col .row .item,
  #yufu .m_arrival__body .col .row .item,
  #yufu .m_ranking__body .col .row .item {
    width: 150px;
  }
}
#ball_chain .m_arrival__body .col .row .item img,
#ball_chain .m_ranking__body .col .row .item img,
#san_hideaki .m_arrival__body .col .row .item img,
#san_hideaki .m_ranking__body .col .row .item img,
#yufu .m_arrival__body .col .row .item img,
#yufu .m_ranking__body .col .row .item img {
  margin-bottom: 15px;
  width: 220px;
  transition-duration: 0.3s;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_arrival__body .col .row .item img,
  #ball_chain .m_ranking__body .col .row .item img,
  #san_hideaki .m_arrival__body .col .row .item img,
  #san_hideaki .m_ranking__body .col .row .item img,
  #yufu .m_arrival__body .col .row .item img,
  #yufu .m_ranking__body .col .row .item img {
    width: 95px;
  }
}
#ball_chain .m_arrival__body .col .row .item img:hover,
#ball_chain .m_ranking__body .col .row .item img:hover,
#san_hideaki .m_arrival__body .col .row .item img:hover,
#san_hideaki .m_ranking__body .col .row .item img:hover,
#yufu .m_arrival__body .col .row .item img:hover,
#yufu .m_ranking__body .col .row .item img:hover {
  opacity: 0.5;
}
#ball_chain .m_arrival__body .col .row .item p,
#ball_chain .m_ranking__body .col .row .item p,
#san_hideaki .m_arrival__body .col .row .item p,
#san_hideaki .m_ranking__body .col .row .item p,
#yufu .m_arrival__body .col .row .item p,
#yufu .m_ranking__body .col .row .item p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_arrival__body .col .row .item p,
  #ball_chain .m_ranking__body .col .row .item p,
  #san_hideaki .m_arrival__body .col .row .item p,
  #san_hideaki .m_ranking__body .col .row .item p,
  #yufu .m_arrival__body .col .row .item p,
  #yufu .m_ranking__body .col .row .item p {
    font-size: 12px;
  }
}
#ball_chain .m_arrival button a,
#ball_chain .m_ranking button a,
#san_hideaki .m_arrival button a,
#san_hideaki .m_ranking button a,
#yufu .m_arrival button a,
#yufu .m_ranking button a {
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  margin: auto;
  position: relative;
  z-index: 1;
}
#ball_chain .m_arrival button a::before,
#ball_chain .m_ranking button a::before,
#san_hideaki .m_arrival button a::before,
#san_hideaki .m_ranking button a::before,
#yufu .m_arrival button a::before,
#yufu .m_ranking button a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f5f5f5;
  z-index: -1;
  transition-duration: 0.5s;
}
#ball_chain .m_arrival button a:hover,
#ball_chain .m_ranking button a:hover,
#san_hideaki .m_arrival button a:hover,
#san_hideaki .m_ranking button a:hover,
#yufu .m_arrival button a:hover,
#yufu .m_ranking button a:hover {
  font-weight: bold;
}
#ball_chain .m_arrival button a:hover::before,
#ball_chain .m_ranking button a:hover::before,
#san_hideaki .m_arrival button a:hover::before,
#san_hideaki .m_ranking button a:hover::before,
#yufu .m_arrival button a:hover::before,
#yufu .m_ranking button a:hover::before {
  width: 100%;
}
#ball_chain .m_topic,
#san_hideaki .m_topic,
#yufu .m_topic {
  background-color: #f5f5f5;
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin: 120px 0;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_topic,
  #san_hideaki .m_topic,
  #yufu .m_topic {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic,
  #san_hideaki .m_topic,
  #yufu .m_topic {
    padding: 50px 0;
    margin: 60px 0;
  }
}
#ball_chain .m_topic__container,
#san_hideaki .m_topic__container,
#yufu .m_topic__container {
  max-width: 1400px;
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__container,
  #san_hideaki .m_topic__container,
  #yufu .m_topic__container {
    width: 100%;
  }
}
#ball_chain .m_topic__body,
#san_hideaki .m_topic__body,
#yufu .m_topic__body {
  display: flex;
  gap: 50px;
  width: 100% !important;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_topic__body,
  #san_hideaki .m_topic__body,
  #yufu .m_topic__body {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_topic__body--left,
  #san_hideaki .m_topic__body--left,
  #yufu .m_topic__body--left {
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__body--left,
  #san_hideaki .m_topic__body--left,
  #yufu .m_topic__body--left {
    width: 100%;
  }
}
#ball_chain .m_topic__body--left img,
#san_hideaki .m_topic__body--left img,
#yufu .m_topic__body--left img {
  width: 36.4583333333vw;
  max-width: 700px;
}
@media screen and (max-width: 1024px) {
  #ball_chain .m_topic__body--left img,
  #san_hideaki .m_topic__body--left img,
  #yufu .m_topic__body--left img {
    width: 90vw;
  }
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__body--left img,
  #san_hideaki .m_topic__body--left img,
  #yufu .m_topic__body--left img {
    width: 100%;
  }
}
#ball_chain .m_topic__body--right,
#san_hideaki .m_topic__body--right,
#yufu .m_topic__body--right {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__body--right,
  #san_hideaki .m_topic__body--right,
  #yufu .m_topic__body--right {
    padding: 0 30px;
    gap: 20px;
  }
}
#ball_chain .m_topic__body--right__title,
#san_hideaki .m_topic__body--right__title,
#yufu .m_topic__body--right__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__body--right__title,
  #san_hideaki .m_topic__body--right__title,
  #yufu .m_topic__body--right__title {
    font-size: 18px;
  }
}
#ball_chain .m_topic__body--right__content,
#san_hideaki .m_topic__body--right__content,
#yufu .m_topic__body--right__content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #ball_chain .m_topic__body--right button,
  #san_hideaki .m_topic__body--right button,
  #yufu .m_topic__body--right button {
    display: none;
  }
}
#ball_chain .m_topic__body--right button a,
#san_hideaki .m_topic__body--right button a,
#yufu .m_topic__body--right button a {
  width: 220px;
  height: 60px;
  border: 1px solid #000;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: white;
  z-index: 1;
}
#ball_chain .m_topic__body--right button a::before,
#san_hideaki .m_topic__body--right button a::before,
#yufu .m_topic__body--right button a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f5f5f5;
  transition-duration: 0.5s;
  z-index: -1;
}
#ball_chain .m_topic__body--right button a:hover,
#san_hideaki .m_topic__body--right button a:hover,
#yufu .m_topic__body--right button a:hover {
  font-weight: bold;
}
#ball_chain .m_topic__body--right button a:hover::before,
#san_hideaki .m_topic__body--right button a:hover::before,
#yufu .m_topic__body--right button a:hover::before {
  width: 100%;
}
#ball_chain .m_topic .topicSlide,
#san_hideaki .m_topic .topicSlide,
#yufu .m_topic .topicSlide {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
#ball_chain .m_topic .swiper-pagination,
#san_hideaki .m_topic .swiper-pagination,
#yufu .m_topic .swiper-pagination {
  position: unset;
}

#news .m_new,
#news_detail .m_new {
  padding: 120px 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #news .m_new,
  #news_detail .m_new {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 768px) {
  #news .m_new,
  #news_detail .m_new {
    padding: 60px 30px;
  }
}
#news .m_new__container,
#news_detail .m_new__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 750px;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #news .m_new__container,
  #news_detail .m_new__container {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #news .m_new__container,
  #news_detail .m_new__container {
    gap: 30px;
  }
}
#news .m_new__title,
#news_detail .m_new__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#news .m_new__list .col,
#news_detail .m_new__list .col {
  display: flex;
  flex-direction: column;
  gap: 30px;
  cursor: pointer;
}
#news .m_new__list .col .row,
#news_detail .m_new__list .col .row {
  display: flex;
  gap: 50px;
  align-items: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  #news .m_new__list .col .row,
  #news_detail .m_new__list .col .row {
    gap: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#news .m_new__list .col .row:hover,
#news_detail .m_new__list .col .row:hover {
  opacity: 0.5;
}
#news .m_new__list .col .row .left img,
#news_detail .m_new__list .col .row .left img {
  width: 200px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  #news .m_new__list .col .row .left img,
  #news_detail .m_new__list .col .row .left img {
    width: 130px;
    height: 98px;
  }
}
#news .m_new__list .col .row .right,
#news_detail .m_new__list .col .row .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  flex: 1;
}
@media screen and (max-width: 768px) {
  #news .m_new__list .col .row .right,
  #news_detail .m_new__list .col .row .right {
    gap: 12px;
  }
}
#news .m_new__list .col .row .right .category,
#news_detail .m_new__list .col .row .right .category {
  width: 100px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #news .m_new__list .col .row .right .category,
  #news_detail .m_new__list .col .row .right .category {
    position: unset;
  }
}
#news .m_new__list .col .row .right .date,
#news_detail .m_new__list .col .row .right .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
#news .m_new__list .col .row .right .title,
#news_detail .m_new__list .col .row .right .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
#news .m_new__list .col .row .right .content,
#news_detail .m_new__list .col .row .right .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #news .m_new__list .col .row .right .content,
  #news_detail .m_new__list .col .row .right .content {
    display: none;
  }
}
#news .m_new__list.ispopup .col,
#news_detail .m_new__list.ispopup .col {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  #news .m_new__list.ispopup .col,
  #news_detail .m_new__list.ispopup .col {
    gap: 30px 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#news .m_new__list.ispopup .col .row,
#news_detail .m_new__list.ispopup .col .row {
  width: calc(50% - 30px);
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 768px) {
  #news .m_new__list.ispopup .col .row,
  #news_detail .m_new__list.ispopup .col .row {
    width: calc(50% - 10px);
    gap: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}
#news .m_new__list.ispopup .col .row .left,
#news_detail .m_new__list.ispopup .col .row .left {
  width: 100%;
}
#news .m_new__list.ispopup .col .row .left img,
#news_detail .m_new__list.ispopup .col .row .left img {
  width: 100%;
  aspect-ratio: 4/3;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#news .m_new__list.ispopup .col .row .right,
#news_detail .m_new__list.ispopup .col .row .right {
  width: 100%;
}
#news .m_new__list.ispopup .col .row .right .date,
#news .m_new__list.ispopup .col .row .right .content,
#news_detail .m_new__list.ispopup .col .row .right .date,
#news_detail .m_new__list.ispopup .col .row .right .content {
  display: none;
}
#news .m_new__list.ispopup .col .row .right .title,
#news_detail .m_new__list.ispopup .col .row .right .title {
  font-size: 14px;
  line-height: 1.2em;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #news .m_new__list.ispopup .col .row .right .title,
  #news_detail .m_new__list.ispopup .col .row .right .title {
    font-size: 12px;
    text-align: left;
  }
}
#news .m_new__detail,
#news_detail .m_new__detail {
  display: flex;
  flex-direction: column;
  gap: 200px;
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #news .m_new__detail,
  #news_detail .m_new__detail {
    width: 90%;
    gap: 100px;
  }
}
@media screen and (max-width: 375px) {
  #news .m_new__detail,
  #news_detail .m_new__detail {
    gap: 60px;
  }
}
#news .m_new__detail--body,
#news_detail .m_new__detail--body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #news .m_new__detail--body,
  #news_detail .m_new__detail--body {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  #news .m_new__detail--body,
  #news_detail .m_new__detail--body {
    gap: 20px;
  }
}
#news .m_new__detail--body .date,
#news_detail .m_new__detail--body .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #000;
}
#news .m_new__detail--body .adress,
#news_detail .m_new__detail--body .adress {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  color: #000;
}
#news .m_new__detail--body hr,
#news_detail .m_new__detail--body hr {
  width: 100%;
  height: 0px;
  border: 1px dashed #aaa;
}
#news .m_new__detail--body .content,
#news_detail .m_new__detail--body .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#news .m_new__detail--body .content img,
#news_detail .m_new__detail--body .content img {
  width: 100%;
}
#news .m_new__detail--body .content .text,
#news_detail .m_new__detail--body .content .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#news .m_new__detail--body .link,
#news_detail .m_new__detail--body .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
  border-bottom: 1px solid #000;
  width: -moz-fit-content;
  width: fit-content;
}
#news .m_new__detail--body .link_btn,
#news_detail .m_new__detail--body .link_btn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
}
#news .m_new__detail--before,
#news_detail .m_new__detail--before {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#news .m_new__detail--before img,
#news_detail .m_new__detail--before img {
  width: 70px;
  height: 7.31px;
}
#news .m_new__category,
#news_detail .m_new__category {
  position: absolute;
  top: 120px;
  right: 50px;
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  background-color: white;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  #news .m_new__category,
  #news_detail .m_new__category {
    display: none;
  }
}
#news .m_new__category--fir, #news .m_new__category--sec,
#news_detail .m_new__category--fir,
#news_detail .m_new__category--sec {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#news .m_new__category--fir .title, #news .m_new__category--sec .title,
#news_detail .m_new__category--fir .title,
#news_detail .m_new__category--sec .title {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: start;
  color: #000;
  opacity: 0.5;
}
#news .m_new__category--fir hr, #news .m_new__category--sec hr,
#news_detail .m_new__category--fir hr,
#news_detail .m_new__category--sec hr {
  width: 100%;
  height: 0px;
  background: transparent;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
#news .m_new__category--fir .category, #news .m_new__category--sec .category,
#news_detail .m_new__category--fir .category,
#news_detail .m_new__category--sec .category {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#news .m_new__category--fir .category p, #news .m_new__category--sec .category p,
#news_detail .m_new__category--fir .category p,
#news_detail .m_new__category--sec .category p {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: start;
  color: #000;
  cursor: pointer;
}
#news .m_new__category--fir .category p:hover, #news .m_new__category--sec .category p:hover,
#news_detail .m_new__category--fir .category p:hover,
#news_detail .m_new__category--sec .category p:hover {
  opacity: 0.5;
}
#news .m_new__category--sp,
#news_detail .m_new__category--sp {
  display: none;
  flex-direction: column;
  gap: 20px;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  #news .m_new__category--sp,
  #news_detail .m_new__category--sp {
    display: flex;
  }
}
@media screen and (max-width: 375px) {
  #news .m_new__category--sp,
  #news_detail .m_new__category--sp {
    gap: 0;
  }
}
#news .m_new__category--sp__fir, #news .m_new__category--sp__sec,
#news_detail .m_new__category--sp__fir,
#news_detail .m_new__category--sp__sec {
  display: flex;
  flex-direction: column;
  align-items: end;
}
#news .m_new__category--sp__fir .m_new__category--sp__acc, #news .m_new__category--sp__sec .m_new__category--sp__acc,
#news_detail .m_new__category--sp__fir .m_new__category--sp__acc,
#news_detail .m_new__category--sp__sec .m_new__category--sp__acc {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: right;
  color: #000;
  display: flex;
  align-items: center;
  margin-right: 50px;
  position: relative;
}
#news .m_new__category--sp__fir .m_new__category--sp__acc::after, #news .m_new__category--sp__sec .m_new__category--sp__acc::after,
#news_detail .m_new__category--sp__fir .m_new__category--sp__acc::after,
#news_detail .m_new__category--sp__sec .m_new__category--sp__acc::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  position: absolute;
  right: -24px;
  border-bottom: none;
  border-left: none;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s ease;
  top: 50%;
}
#news .m_new__category--sp__fir .m_new__category--sp__acc.active::after, #news .m_new__category--sp__sec .m_new__category--sp__acc.active::after,
#news_detail .m_new__category--sp__fir .m_new__category--sp__acc.active::after,
#news_detail .m_new__category--sp__sec .m_new__category--sp__acc.active::after {
  transform: translateY(-80%) rotate(135deg);
}
#news .m_new__category--sp__pan,
#news_detail .m_new__category--sp__pan {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 80%;
  overflow: hidden;
  margin: 0;
  margin-right: 40px;
  max-height: 0;
  transition: 0.3s ease;
}
#news .m_new__category--sp__pan.clicks,
#news_detail .m_new__category--sp__pan.clicks {
  margin: 30px 0 30px;
  margin-right: 40px;
  max-height: 100vh;
}
#news .m_new__category--sp__pan p,
#news_detail .m_new__category--sp__pan p {
  text-align: right;
}
#news .m_new__category--sp__pan button,
#news_detail .m_new__category--sp__pan button {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: right;
  color: #000;
  cursor: pointer;
}
#news .m_new__category--sp__pan button:hover,
#news_detail .m_new__category--sp__pan button:hover {
  opacity: 0.5;
}
#news .m_new__category--sp__pan hr,
#news_detail .m_new__category--sp__pan hr {
  width: 100%;
  border: 0.5px dashed #bebebe;
}
#news .m_new .swiper-pagination,
#news_detail .m_new .swiper-pagination {
  position: unset;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
#news .m_new__pagination,
#news_detail .m_new__pagination {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 30px;
}
#news .m_new .swiper-button-prev,
#news .m_new .swiper-button-next,
#news_detail .m_new .swiper-button-prev,
#news_detail .m_new .swiper-button-next {
  position: unset;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0;
}
#news .m_new .swiper-button-prev::after,
#news .m_new .swiper-button-next::after,
#news_detail .m_new .swiper-button-prev::after,
#news_detail .m_new .swiper-button-next::after {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
  font-size: 0;
}
#news .m_new .swiper-button-next::after,
#news_detail .m_new .swiper-button-next::after {
  transform: rotate(45deg);
}
#news .m_new .swiper-button-prev::after,
#news_detail .m_new .swiper-button-prev::after {
  transform: rotate(-135deg);
}
#news .m_new .swiper-notification,
#news_detail .m_new .swiper-notification {
  display: none;
}

#shop_list .m_shoplist {
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
#shop_list .m_shoplist__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#shop_list .m_shoplist__body {
  background-color: #f5f5f5;
  width: 100%;
  padding: 100px 50px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body {
    padding: 50px 30px;
  }
}
#shop_list .m_shoplist__body--container {
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--container {
    width: 100%;
  }
}
#shop_list .m_shoplist__body--fir, #shop_list .m_shoplist__body--sec {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir, #shop_list .m_shoplist__body--sec {
    gap: 60px;
  }
}
#shop_list .m_shoplist__body--fir__title, #shop_list .m_shoplist__body--sec__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #000;
}
#shop_list .m_shoplist__body--fir__content, #shop_list .m_shoplist__body--sec__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content, #shop_list .m_shoplist__body--sec__content {
    gap: 20px;
  }
}
#shop_list .m_shoplist__body--fir__content .col, #shop_list .m_shoplist__body--sec__content .col {
  display: flex;
  gap: 35px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content .col, #shop_list .m_shoplist__body--sec__content .col {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
}
#shop_list .m_shoplist__body--fir__content .col .row, #shop_list .m_shoplist__body--sec__content .col .row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content .col .row, #shop_list .m_shoplist__body--sec__content .col .row {
    max-width: unset;
    align-items: start;
  }
}
#shop_list .m_shoplist__body--fir__content .col .row .title, #shop_list .m_shoplist__body--sec__content .col .row .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content .col .row .title, #shop_list .m_shoplist__body--sec__content .col .row .title {
    font-size: 16px;
  }
}
#shop_list .m_shoplist__body--fir__content .col .row .title img, #shop_list .m_shoplist__body--sec__content .col .row .title img {
  width: 20px;
  height: 26.6px;
}
#shop_list .m_shoplist__body--fir__content .col .row .text, #shop_list .m_shoplist__body--sec__content .col .row .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
#shop_list .m_shoplist__body--fir__content .col .row_hr, #shop_list .m_shoplist__body--sec__content .col .row_hr {
  width: 0;
  height: 70px;
  border: 1px dashed #707070;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content .col .row_hr, #shop_list .m_shoplist__body--sec__content .col .row_hr {
    height: 0;
    width: 100%;
  }
}
#shop_list .m_shoplist__body--fir__content .col_hr, #shop_list .m_shoplist__body--sec__content .col_hr {
  height: 0;
  width: 750px;
  border: 1px dashed #aaa;
}
@media screen and (max-width: 768px) {
  #shop_list .m_shoplist__body--fir__content .col_hr, #shop_list .m_shoplist__body--sec__content .col_hr {
    width: 100%;
  }
}

#school .m_fv {
  background: url(../img/school_top_img.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 1080px;
  display: flex;
  align-items: center;
  padding-left: 40px;
}
@media screen and (max-width: 1024px) {
  #school .m_fv {
    height: 890px;
  }
}
@media screen and (max-width: 768px) {
  #school .m_fv {
    height: 800px;
  }
}
@media screen and (max-width: 375px) {
  #school .m_fv {
    height: 760px;
  }
}
#school .m_fv__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
}
#school .m_school__menu {
  padding: 116px 50px 116px 260px;
}
@media screen and (max-width: 1620px) {
  #school .m_school__menu {
    padding-left: 150px;
  }
}
@media screen and (max-width: 1024px) {
  #school .m_school__menu {
    padding-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  #school .m_school__menu {
    padding-left: 50px;
  }
}
@media screen and (max-width: 375px) {
  #school .m_school__menu {
    padding-left: 30px;
  }
}
#school .m_school__menu__container {
  max-width: 500px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 65px;
}
#school .m_school__menu__container a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
#school .m_craft__container {
  background: url(../img/school_img1.png) no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: end;
  padding-bottom: 80px;
  width: 1400px;
  height: 733px;
  margin: auto;
}
@media screen and (max-width: 1620px) {
  #school .m_craft__container {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #school .m_craft__container {
    padding-bottom: 65px;
    height: 500px;
    width: 100%;
  }
}
#school .m_craft__title {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 40px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #school .m_craft__title {
    font-size: 30px;
  }
}
#school .m_description {
  padding: 120px 50px 0 170px;
}
@media screen and (max-width: 1024px) {
  #school .m_description {
    padding: 80px 50px 0 50px;
  }
}
@media screen and (max-width: 768px) {
  #school .m_description {
    padding: 60px 30px 0 0;
  }
}
#school .m_description__container {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #school .m_description__container {
    flex-direction: column;
  }
}
#school .m_description__left {
  width: 790px;
}
#school .m_description__left img {
  width: 100%;
}
@media screen and (max-width: 1620px) {
  #school .m_description__left {
    width: 50vw;
  }
}
@media screen and (max-width: 1024px) {
  #school .m_description__left {
    width: 80vw;
  }
}
@media screen and (max-width: 540px) {
  #school .m_description__left {
    width: 87vw;
  }
}
@media screen and (max-width: 1024px) {
  #school .m_description__right {
    padding-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  #school .m_description__right {
    padding-left: 30px;
  }
}
#school .m_description__right p {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}

#school_about .m_fv {
  padding: 250px 50px 70px;
}
@media screen and (max-width: 768px) {
  #school_about .m_fv {
    padding: 170px 30px 50px;
  }
}
#school_about .m_fv__container {
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_about .m_fv__container {
    width: 100%;
    gap: 30px;
  }
}
#school_about .m_fv__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#school_about .m_fv__content {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
#school_about .m_represent {
  background-color: #f5f5f5;
  padding: 100px 13.5416666667vw;
}
@media screen and (max-width: 1024px) {
  #school_about .m_represent {
    padding: 70px 13.5416666667vw;
  }
}
@media screen and (max-width: 768px) {
  #school_about .m_represent {
    padding: 50px 30px;
  }
}
#school_about .m_represent__container {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #school_about .m_represent__container {
    flex-direction: column;
  }
}
#school_about .m_represent__left {
  width: 520px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: end;
}
@media screen and (max-width: 1024px) {
  #school_about .m_represent__left {
    order: 2;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  #school_about .m_represent__left {
    width: 100%;
  }
}
#school_about .m_represent__left img {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #school_about .m_represent__left img {
    width: 80%;
    margin: 0 auto 10px;
  }
}
#school_about .m_represent__left .name {
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_about .m_represent__left .intro {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 25px;
  color: #000;
}
#school_about .m_represent__right {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 650px;
}
@media screen and (max-width: 1024px) {
  #school_about .m_represent__right {
    order: 1;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #school_about .m_represent__right {
    gap: 50px;
  }
}
#school_about .m_represent__right--title {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 30px;
  line-height: 80px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_about .m_represent__right--title {
    font-size: 24px;
    line-height: 50px;
  }
}
#school_about .m_represent__right--content {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}

#school_course .m_fv,
#school_teacher .m_fv,
#school_student .m_fv,
#school_tools .m_fv,
#school_contact .m_fv,
#school_access .m_fv {
  padding: 250px 50px 70px;
}
@media screen and (max-width: 768px) {
  #school_course .m_fv,
  #school_teacher .m_fv,
  #school_student .m_fv,
  #school_tools .m_fv,
  #school_contact .m_fv,
  #school_access .m_fv {
    padding: 170px 30px 50px;
  }
}
#school_course .m_fv__container,
#school_teacher .m_fv__container,
#school_student .m_fv__container,
#school_tools .m_fv__container,
#school_contact .m_fv__container,
#school_access .m_fv__container {
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_fv__container,
  #school_teacher .m_fv__container,
  #school_student .m_fv__container,
  #school_tools .m_fv__container,
  #school_contact .m_fv__container,
  #school_access .m_fv__container {
    width: 100%;
    gap: 30px;
  }
}
#school_course .m_fv__title,
#school_teacher .m_fv__title,
#school_student .m_fv__title,
#school_tools .m_fv__title,
#school_contact .m_fv__title,
#school_access .m_fv__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#school_course .m_fv__content,
#school_teacher .m_fv__content,
#school_student .m_fv__content,
#school_tools .m_fv__content,
#school_contact .m_fv__content,
#school_access .m_fv__content {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  text-align: center;
}
#school_course .m_course,
#school_teacher .m_course,
#school_student .m_course,
#school_tools .m_course,
#school_contact .m_course,
#school_access .m_course {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_course,
  #school_teacher .m_course,
  #school_student .m_course,
  #school_tools .m_course,
  #school_contact .m_course,
  #school_access .m_course {
    padding: 0;
  }
}
#school_course .m_course__container,
#school_teacher .m_course__container,
#school_student .m_course__container,
#school_tools .m_course__container,
#school_contact .m_course__container,
#school_access .m_course__container {
  width: 1091px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  #school_course .m_course__container,
  #school_teacher .m_course__container,
  #school_student .m_course__container,
  #school_tools .m_course__container,
  #school_contact .m_course__container,
  #school_access .m_course__container {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_course__container,
  #school_teacher .m_course__container,
  #school_student .m_course__container,
  #school_tools .m_course__container,
  #school_contact .m_course__container,
  #school_access .m_course__container {
    width: 100%;
  }
}
#school_course .m_course__tab,
#school_teacher .m_course__tab,
#school_student .m_course__tab,
#school_tools .m_course__tab,
#school_contact .m_course__tab,
#school_access .m_course__tab {
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tab,
  #school_teacher .m_course__tab,
  #school_student .m_course__tab,
  #school_tools .m_course__tab,
  #school_contact .m_course__tab,
  #school_access .m_course__tab {
    gap: 20px;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_course__tab,
  #school_teacher .m_course__tab,
  #school_student .m_course__tab,
  #school_tools .m_course__tab,
  #school_contact .m_course__tab,
  #school_access .m_course__tab {
    gap: 10px;
  }
}
#school_course .m_course__tab button,
#school_teacher .m_course__tab button,
#school_student .m_course__tab button,
#school_tools .m_course__tab button,
#school_contact .m_course__tab button,
#school_access .m_course__tab button {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 24px;
  text-align: left;
  color: #000;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tab button,
  #school_teacher .m_course__tab button,
  #school_student .m_course__tab button,
  #school_tools .m_course__tab button,
  #school_contact .m_course__tab button,
  #school_access .m_course__tab button {
    font-size: 14px;
  }
}
#school_course .m_course__tab button:hover,
#school_teacher .m_course__tab button:hover,
#school_student .m_course__tab button:hover,
#school_tools .m_course__tab button:hover,
#school_contact .m_course__tab button:hover,
#school_access .m_course__tab button:hover {
  opacity: 0.8;
  font-weight: 500;
}
#school_course .m_course__tab button.active,
#school_teacher .m_course__tab button.active,
#school_student .m_course__tab button.active,
#school_tools .m_course__tab button.active,
#school_contact .m_course__tab button.active,
#school_access .m_course__tab button.active {
  font-weight: bold;
  opacity: 1;
}
#school_course .m_course__tab .only_sp,
#school_teacher .m_course__tab .only_sp,
#school_student .m_course__tab .only_sp,
#school_tools .m_course__tab .only_sp,
#school_contact .m_course__tab .only_sp,
#school_access .m_course__tab .only_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tab .only_sp,
  #school_teacher .m_course__tab .only_sp,
  #school_student .m_course__tab .only_sp,
  #school_tools .m_course__tab .only_sp,
  #school_contact .m_course__tab .only_sp,
  #school_access .m_course__tab .only_sp {
    display: block;
    height: 30px;
    width: 0;
    border: 1px solid #ddd;
    margin: 0;
  }
}
#school_course .m_course__tabcontent,
#school_teacher .m_course__tabcontent,
#school_student .m_course__tabcontent,
#school_tools .m_course__tabcontent,
#school_contact .m_course__tabcontent,
#school_access .m_course__tabcontent {
  display: none;
}
#school_course .m_course__tabcontent .first,
#school_teacher .m_course__tabcontent .first,
#school_student .m_course__tabcontent .first,
#school_tools .m_course__tabcontent .first,
#school_contact .m_course__tabcontent .first,
#school_access .m_course__tabcontent .first {
  display: flex;
}
@media screen and (max-width: 1024px) {
  #school_course .m_course__tabcontent .first,
  #school_teacher .m_course__tabcontent .first,
  #school_student .m_course__tabcontent .first,
  #school_tools .m_course__tabcontent .first,
  #school_contact .m_course__tabcontent .first,
  #school_access .m_course__tabcontent .first {
    flex-direction: column;
  }
}
#school_course .m_course__tabcontent .first .left,
#school_teacher .m_course__tabcontent .first .left,
#school_student .m_course__tabcontent .first .left,
#school_tools .m_course__tabcontent .first .left,
#school_contact .m_course__tabcontent .first .left,
#school_access .m_course__tabcontent .first .left {
  width: 450px;
}
@media screen and (max-width: 1024px) {
  #school_course .m_course__tabcontent .first .left,
  #school_teacher .m_course__tabcontent .first .left,
  #school_student .m_course__tabcontent .first .left,
  #school_tools .m_course__tabcontent .first .left,
  #school_contact .m_course__tabcontent .first .left,
  #school_access .m_course__tabcontent .first .left {
    margin: auto;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_course__tabcontent .first .left,
  #school_teacher .m_course__tabcontent .first .left,
  #school_student .m_course__tabcontent .first .left,
  #school_tools .m_course__tabcontent .first .left,
  #school_contact .m_course__tabcontent .first .left,
  #school_access .m_course__tabcontent .first .left {
    width: 100%;
  }
}
#school_course .m_course__tabcontent .first .left img,
#school_teacher .m_course__tabcontent .first .left img,
#school_student .m_course__tabcontent .first .left img,
#school_tools .m_course__tabcontent .first .left img,
#school_contact .m_course__tabcontent .first .left img,
#school_access .m_course__tabcontent .first .left img {
  width: 450px;
}
@media screen and (max-width: 540px) {
  #school_course .m_course__tabcontent .first .left img,
  #school_teacher .m_course__tabcontent .first .left img,
  #school_student .m_course__tabcontent .first .left img,
  #school_tools .m_course__tabcontent .first .left img,
  #school_contact .m_course__tabcontent .first .left img,
  #school_access .m_course__tabcontent .first .left img {
    width: 100%;
  }
}
#school_course .m_course__tabcontent .first .right,
#school_teacher .m_course__tabcontent .first .right,
#school_student .m_course__tabcontent .first .right,
#school_tools .m_course__tabcontent .first .right,
#school_contact .m_course__tabcontent .first .right,
#school_access .m_course__tabcontent .first .right {
  display: flex;
  flex-direction: column;
  gap: 38px;
  padding: 30px 50px;
  height: 450px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 1024px) {
  #school_course .m_course__tabcontent .first .right,
  #school_teacher .m_course__tabcontent .first .right,
  #school_student .m_course__tabcontent .first .right,
  #school_tools .m_course__tabcontent .first .right,
  #school_contact .m_course__tabcontent .first .right,
  #school_access .m_course__tabcontent .first .right {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tabcontent .first .right,
  #school_teacher .m_course__tabcontent .first .right,
  #school_student .m_course__tabcontent .first .right,
  #school_tools .m_course__tabcontent .first .right,
  #school_contact .m_course__tabcontent .first .right,
  #school_access .m_course__tabcontent .first .right {
    padding: 50px 30px 30px;
  }
}
#school_course .m_course__tabcontent .first .right_content,
#school_teacher .m_course__tabcontent .first .right_content,
#school_student .m_course__tabcontent .first .right_content,
#school_tools .m_course__tabcontent .first .right_content,
#school_contact .m_course__tabcontent .first .right_content,
#school_access .m_course__tabcontent .first .right_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#school_course .m_course__tabcontent .first .right_content .h2,
#school_teacher .m_course__tabcontent .first .right_content .h2,
#school_student .m_course__tabcontent .first .right_content .h2,
#school_tools .m_course__tabcontent .first .right_content .h2,
#school_contact .m_course__tabcontent .first .right_content .h2,
#school_access .m_course__tabcontent .first .right_content .h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #000;
}
#school_course .m_course__tabcontent .first .right_content hr,
#school_teacher .m_course__tabcontent .first .right_content hr,
#school_student .m_course__tabcontent .first .right_content hr,
#school_tools .m_course__tabcontent .first .right_content hr,
#school_contact .m_course__tabcontent .first .right_content hr,
#school_access .m_course__tabcontent .first .right_content hr {
  width: 100%;
  height: 0;
  border: 1px solid #000;
}
#school_course .m_course__tabcontent .first .right_content .h5,
#school_teacher .m_course__tabcontent .first .right_content .h5,
#school_student .m_course__tabcontent .first .right_content .h5,
#school_tools .m_course__tabcontent .first .right_content .h5,
#school_contact .m_course__tabcontent .first .right_content .h5,
#school_access .m_course__tabcontent .first .right_content .h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tabcontent .first .right_content .h5,
  #school_teacher .m_course__tabcontent .first .right_content .h5,
  #school_student .m_course__tabcontent .first .right_content .h5,
  #school_tools .m_course__tabcontent .first .right_content .h5,
  #school_contact .m_course__tabcontent .first .right_content .h5,
  #school_access .m_course__tabcontent .first .right_content .h5 {
    font-size: 20px;
  }
}
#school_course .m_course__tabcontent .first .right_content p,
#school_teacher .m_course__tabcontent .first .right_content p,
#school_student .m_course__tabcontent .first .right_content p,
#school_tools .m_course__tabcontent .first .right_content p,
#school_contact .m_course__tabcontent .first .right_content p,
#school_access .m_course__tabcontent .first .right_content p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#school_course .m_course__tabcontent .first .right .white,
#school_teacher .m_course__tabcontent .first .right .white,
#school_student .m_course__tabcontent .first .right .white,
#school_tools .m_course__tabcontent .first .right .white,
#school_contact .m_course__tabcontent .first .right .white,
#school_access .m_course__tabcontent .first .right .white {
  background-color: white;
  width: 500px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  #school_course .m_course__tabcontent .first .right .white,
  #school_teacher .m_course__tabcontent .first .right .white,
  #school_student .m_course__tabcontent .first .right .white,
  #school_tools .m_course__tabcontent .first .right .white,
  #school_contact .m_course__tabcontent .first .right .white,
  #school_access .m_course__tabcontent .first .right .white {
    margin: auto;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_course__tabcontent .first .right .white,
  #school_teacher .m_course__tabcontent .first .right .white,
  #school_student .m_course__tabcontent .first .right .white,
  #school_tools .m_course__tabcontent .first .right .white,
  #school_contact .m_course__tabcontent .first .right .white,
  #school_access .m_course__tabcontent .first .right .white {
    width: 100%;
    height: 70px;
  }
}
#school_course .m_course__tabcontent .first .right .white p,
#school_teacher .m_course__tabcontent .first .right .white p,
#school_student .m_course__tabcontent .first .right .white p,
#school_tools .m_course__tabcontent .first .right .white p,
#school_contact .m_course__tabcontent .first .right .white p,
#school_access .m_course__tabcontent .first .right .white p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tabcontent .first .right .white p,
  #school_teacher .m_course__tabcontent .first .right .white p,
  #school_student .m_course__tabcontent .first .right .white p,
  #school_tools .m_course__tabcontent .first .right .white p,
  #school_contact .m_course__tabcontent .first .right .white p,
  #school_access .m_course__tabcontent .first .right .white p {
    font-size: 20px;
  }
}
#school_course .m_course__tabcontent .second,
#school_teacher .m_course__tabcontent .second,
#school_student .m_course__tabcontent .second,
#school_tools .m_course__tabcontent .second,
#school_contact .m_course__tabcontent .second,
#school_access .m_course__tabcontent .second {
  width: 100%;
}
#school_course .m_course__tabcontent .second .course_accordion,
#school_teacher .m_course__tabcontent .second .course_accordion,
#school_student .m_course__tabcontent .second .course_accordion,
#school_tools .m_course__tabcontent .second .course_accordion,
#school_contact .m_course__tabcontent .second .course_accordion,
#school_access .m_course__tabcontent .second .course_accordion {
  background-color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: #000;
  border: 1px solid #000;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tabcontent .second .course_accordion,
  #school_teacher .m_course__tabcontent .second .course_accordion,
  #school_student .m_course__tabcontent .second .course_accordion,
  #school_tools .m_course__tabcontent .second .course_accordion,
  #school_contact .m_course__tabcontent .second .course_accordion,
  #school_access .m_course__tabcontent .second .course_accordion {
    font-size: 20px;
  }
}
#school_course .m_course__tabcontent .second .course_accordion:nth-last-child(2),
#school_teacher .m_course__tabcontent .second .course_accordion:nth-last-child(2),
#school_student .m_course__tabcontent .second .course_accordion:nth-last-child(2),
#school_tools .m_course__tabcontent .second .course_accordion:nth-last-child(2),
#school_contact .m_course__tabcontent .second .course_accordion:nth-last-child(2),
#school_access .m_course__tabcontent .second .course_accordion:nth-last-child(2) {
  margin-top: -1px;
}
#school_course .m_course__tabcontent .second .active,
#school_course .m_course__tabcontent .second .course_accordion:hover,
#school_teacher .m_course__tabcontent .second .active,
#school_teacher .m_course__tabcontent .second .course_accordion:hover,
#school_student .m_course__tabcontent .second .active,
#school_student .m_course__tabcontent .second .course_accordion:hover,
#school_tools .m_course__tabcontent .second .active,
#school_tools .m_course__tabcontent .second .course_accordion:hover,
#school_contact .m_course__tabcontent .second .active,
#school_contact .m_course__tabcontent .second .course_accordion:hover,
#school_access .m_course__tabcontent .second .active,
#school_access .m_course__tabcontent .second .course_accordion:hover {
  background-color: #ccc;
}
#school_course .m_course__tabcontent .second .course_accordion:after,
#school_teacher .m_course__tabcontent .second .course_accordion:after,
#school_student .m_course__tabcontent .second .course_accordion:after,
#school_tools .m_course__tabcontent .second .course_accordion:after,
#school_contact .m_course__tabcontent .second .course_accordion:after,
#school_access .m_course__tabcontent .second .course_accordion:after {
  content: "+";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
#school_course .m_course__tabcontent .second .active:after,
#school_teacher .m_course__tabcontent .second .active:after,
#school_student .m_course__tabcontent .second .active:after,
#school_tools .m_course__tabcontent .second .active:after,
#school_contact .m_course__tabcontent .second .active:after,
#school_access .m_course__tabcontent .second .active:after {
  content: "−";
}
#school_course .m_course__tabcontent .second .course_panel,
#school_teacher .m_course__tabcontent .second .course_panel,
#school_student .m_course__tabcontent .second .course_panel,
#school_tools .m_course__tabcontent .second .course_panel,
#school_contact .m_course__tabcontent .second .course_panel,
#school_access .m_course__tabcontent .second .course_panel {
  padding: 0 50px;
  display: flex;
  justify-content: center;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s;
  width: 100%;
  background-color: white;
  border: 1px solid #000;
  margin-top: -2px;
}
@media screen and (max-width: 768px) {
  #school_course .m_course__tabcontent .second .course_panel,
  #school_teacher .m_course__tabcontent .second .course_panel,
  #school_student .m_course__tabcontent .second .course_panel,
  #school_tools .m_course__tabcontent .second .course_panel,
  #school_contact .m_course__tabcontent .second .course_panel,
  #school_access .m_course__tabcontent .second .course_panel {
    padding: 0 30px;
  }
}
#school_course .m_course__tabcontent .second .course_panel table,
#school_teacher .m_course__tabcontent .second .course_panel table,
#school_student .m_course__tabcontent .second .course_panel table,
#school_tools .m_course__tabcontent .second .course_panel table,
#school_contact .m_course__tabcontent .second .course_panel table,
#school_access .m_course__tabcontent .second .course_panel table {
  margin: 30px 0;
}
#school_course .m_course__tabcontent .second .course_panel table th,
#school_teacher .m_course__tabcontent .second .course_panel table th,
#school_student .m_course__tabcontent .second .course_panel table th,
#school_tools .m_course__tabcontent .second .course_panel table th,
#school_contact .m_course__tabcontent .second .course_panel table th,
#school_access .m_course__tabcontent .second .course_panel table th {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #000;
}
#school_course .m_course__tabcontent .second .course_panel table th,
#school_course .m_course__tabcontent .second .course_panel table td,
#school_teacher .m_course__tabcontent .second .course_panel table th,
#school_teacher .m_course__tabcontent .second .course_panel table td,
#school_student .m_course__tabcontent .second .course_panel table th,
#school_student .m_course__tabcontent .second .course_panel table td,
#school_tools .m_course__tabcontent .second .course_panel table th,
#school_tools .m_course__tabcontent .second .course_panel table td,
#school_contact .m_course__tabcontent .second .course_panel table th,
#school_contact .m_course__tabcontent .second .course_panel table td,
#school_access .m_course__tabcontent .second .course_panel table th,
#school_access .m_course__tabcontent .second .course_panel table td {
  padding: 20px;
}
#school_course .m_course__tabcontent .second .course_panel table tr:nth-child(even),
#school_teacher .m_course__tabcontent .second .course_panel table tr:nth-child(even),
#school_student .m_course__tabcontent .second .course_panel table tr:nth-child(even),
#school_tools .m_course__tabcontent .second .course_panel table tr:nth-child(even),
#school_contact .m_course__tabcontent .second .course_panel table tr:nth-child(even),
#school_access .m_course__tabcontent .second .course_panel table tr:nth-child(even) {
  background-color: #f5f5f5;
}
#school_course .m_course__tabcontent .second .course_panel table tr td,
#school_teacher .m_course__tabcontent .second .course_panel table tr td,
#school_student .m_course__tabcontent .second .course_panel table tr td,
#school_tools .m_course__tabcontent .second .course_panel table tr td,
#school_contact .m_course__tabcontent .second .course_panel table tr td,
#school_access .m_course__tabcontent .second .course_panel table tr td {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  color: #000;
  border-right: 1px dashed #000;
}
#school_course .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1),
#school_teacher .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1),
#school_student .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1),
#school_tools .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1),
#school_contact .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1),
#school_access .m_course__tabcontent .second .course_panel table tr td:nth-last-child(1) {
  border-right: none;
}
#school_course .m_course__tabcontent .second .course_panel table tr td .text,
#school_teacher .m_course__tabcontent .second .course_panel table tr td .text,
#school_student .m_course__tabcontent .second .course_panel table tr td .text,
#school_tools .m_course__tabcontent .second .course_panel table tr td .text,
#school_contact .m_course__tabcontent .second .course_panel table tr td .text,
#school_access .m_course__tabcontent .second .course_panel table tr td .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#school_course .m_course__tabcontent .second .course_panel table tr td .text div,
#school_teacher .m_course__tabcontent .second .course_panel table tr td .text div,
#school_student .m_course__tabcontent .second .course_panel table tr td .text div,
#school_tools .m_course__tabcontent .second .course_panel table tr td .text div,
#school_contact .m_course__tabcontent .second .course_panel table tr td .text div,
#school_access .m_course__tabcontent .second .course_panel table tr td .text div {
  display: flex;
  flex-direction: column;
}
#school_course .m_course__tabcontent .second .course_panel table tr td .text div h2,
#school_teacher .m_course__tabcontent .second .course_panel table tr td .text div h2,
#school_student .m_course__tabcontent .second .course_panel table tr td .text div h2,
#school_tools .m_course__tabcontent .second .course_panel table tr td .text div h2,
#school_contact .m_course__tabcontent .second .course_panel table tr td .text div h2,
#school_access .m_course__tabcontent .second .course_panel table tr td .text div h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_course .m_course__tabcontent .second .course_panel table tr td .text div p,
#school_teacher .m_course__tabcontent .second .course_panel table tr td .text div p,
#school_student .m_course__tabcontent .second .course_panel table tr td .text div p,
#school_tools .m_course__tabcontent .second .course_panel table tr td .text div p,
#school_contact .m_course__tabcontent .second .course_panel table tr td .text div p,
#school_access .m_course__tabcontent .second .course_panel table tr td .text div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  color: #000;
}
#school_course .m_course__tabcontent .second .course_panel table tr td .text div p strong,
#school_teacher .m_course__tabcontent .second .course_panel table tr td .text div p strong,
#school_student .m_course__tabcontent .second .course_panel table tr td .text div p strong,
#school_tools .m_course__tabcontent .second .course_panel table tr td .text div p strong,
#school_contact .m_course__tabcontent .second .course_panel table tr td .text div p strong,
#school_access .m_course__tabcontent .second .course_panel table tr td .text div p strong {
  font-weight: bold;
}
#school_course .m_course__tabcontent .second .course_panel table tr td p,
#school_teacher .m_course__tabcontent .second .course_panel table tr td p,
#school_student .m_course__tabcontent .second .course_panel table tr td p,
#school_tools .m_course__tabcontent .second .course_panel table tr td p,
#school_contact .m_course__tabcontent .second .course_panel table tr td p,
#school_access .m_course__tabcontent .second .course_panel table tr td p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  color: #000;
}
#school_course .m_course__tabcontent .second .course_panel table tr td:nth-child(1),
#school_teacher .m_course__tabcontent .second .course_panel table tr td:nth-child(1),
#school_student .m_course__tabcontent .second .course_panel table tr td:nth-child(1),
#school_tools .m_course__tabcontent .second .course_panel table tr td:nth-child(1),
#school_contact .m_course__tabcontent .second .course_panel table tr td:nth-child(1),
#school_access .m_course__tabcontent .second .course_panel table tr td:nth-child(1) {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #000;
}
#school_course .m_course #beginner,
#school_teacher .m_course #beginner,
#school_student .m_course #beginner,
#school_tools .m_course #beginner,
#school_contact .m_course #beginner,
#school_access .m_course #beginner {
  display: block;
}
#school_course .m_handbags,
#school_teacher .m_handbags,
#school_student .m_handbags,
#school_tools .m_handbags,
#school_contact .m_handbags,
#school_access .m_handbags {
  padding: 30px 30px 0;
}
@media screen and (max-width: 540px) {
  #school_course .m_handbags,
  #school_teacher .m_handbags,
  #school_student .m_handbags,
  #school_tools .m_handbags,
  #school_contact .m_handbags,
  #school_access .m_handbags {
    padding: 30px 10px 0;
  }
}
#school_course .m_handbags__container,
#school_teacher .m_handbags__container,
#school_student .m_handbags__container,
#school_tools .m_handbags__container,
#school_contact .m_handbags__container,
#school_access .m_handbags__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#school_course .m_handbags__text,
#school_teacher .m_handbags__text,
#school_student .m_handbags__text,
#school_tools .m_handbags__text,
#school_contact .m_handbags__text,
#school_access .m_handbags__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
#school_course .m_handbags__text .title,
#school_teacher .m_handbags__text .title,
#school_student .m_handbags__text .title,
#school_tools .m_handbags__text .title,
#school_contact .m_handbags__text .title,
#school_access .m_handbags__text .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #000;
}
#school_course .m_handbags__text .content,
#school_teacher .m_handbags__text .content,
#school_student .m_handbags__text .content,
#school_tools .m_handbags__text .content,
#school_contact .m_handbags__text .content,
#school_access .m_handbags__text .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #000;
}
#school_course .m_handbags__img,
#school_teacher .m_handbags__img,
#school_student .m_handbags__img,
#school_tools .m_handbags__img,
#school_contact .m_handbags__img,
#school_access .m_handbags__img {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #school_course .m_handbags__img,
  #school_teacher .m_handbags__img,
  #school_student .m_handbags__img,
  #school_tools .m_handbags__img,
  #school_contact .m_handbags__img,
  #school_access .m_handbags__img {
    gap: 5px;
  }
}
#school_course .m_handbags__img img,
#school_teacher .m_handbags__img img,
#school_student .m_handbags__img img,
#school_tools .m_handbags__img img,
#school_contact .m_handbags__img img,
#school_access .m_handbags__img img {
  width: 200px;
}
@media screen and (max-width: 768px) {
  #school_course .m_handbags__img img,
  #school_teacher .m_handbags__img img,
  #school_student .m_handbags__img img,
  #school_tools .m_handbags__img img,
  #school_contact .m_handbags__img img,
  #school_access .m_handbags__img img {
    width: 107px;
  }
}
#school_course .m_teachers,
#school_teacher .m_teachers,
#school_student .m_teachers,
#school_tools .m_teachers,
#school_contact .m_teachers,
#school_access .m_teachers {
  padding: 0 260px;
}
@media screen and (max-width: 1620px) {
  #school_course .m_teachers,
  #school_teacher .m_teachers,
  #school_student .m_teachers,
  #school_tools .m_teachers,
  #school_contact .m_teachers,
  #school_access .m_teachers {
    padding: 0 100px;
  }
}
@media screen and (max-width: 1024px) {
  #school_course .m_teachers,
  #school_teacher .m_teachers,
  #school_student .m_teachers,
  #school_tools .m_teachers,
  #school_contact .m_teachers,
  #school_access .m_teachers {
    padding: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers,
  #school_teacher .m_teachers,
  #school_student .m_teachers,
  #school_tools .m_teachers,
  #school_contact .m_teachers,
  #school_access .m_teachers {
    padding: 0 30px;
  }
}
@media screen and (max-width: 375px) {
  #school_course .m_teachers,
  #school_teacher .m_teachers,
  #school_student .m_teachers,
  #school_tools .m_teachers,
  #school_contact .m_teachers,
  #school_access .m_teachers {
    padding: 0;
  }
}
#school_course .m_teachers__container,
#school_teacher .m_teachers__container,
#school_student .m_teachers__container,
#school_tools .m_teachers__container,
#school_contact .m_teachers__container,
#school_access .m_teachers__container {
  margin: auto;
  display: flex;
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers__container,
  #school_teacher .m_teachers__container,
  #school_student .m_teachers__container,
  #school_tools .m_teachers__container,
  #school_contact .m_teachers__container,
  #school_access .m_teachers__container {
    flex-direction: column;
  }
}
#school_course .m_teachers__container .col,
#school_teacher .m_teachers__container .col,
#school_student .m_teachers__container .col,
#school_tools .m_teachers__container .col,
#school_contact .m_teachers__container .col,
#school_access .m_teachers__container .col {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers__container .col,
  #school_teacher .m_teachers__container .col,
  #school_student .m_teachers__container .col,
  #school_tools .m_teachers__container .col,
  #school_contact .m_teachers__container .col,
  #school_access .m_teachers__container .col {
    width: 100%;
  }
}
#school_course .m_teachers__container .col .row,
#school_teacher .m_teachers__container .col .row,
#school_student .m_teachers__container .col .row,
#school_tools .m_teachers__container .col .row,
#school_contact .m_teachers__container .col .row,
#school_access .m_teachers__container .col .row {
  width: 100%;
}
#school_course .m_teachers__container .col .teacher_accordion,
#school_teacher .m_teachers__container .col .teacher_accordion,
#school_student .m_teachers__container .col .teacher_accordion,
#school_tools .m_teachers__container .col .teacher_accordion,
#school_contact .m_teachers__container .col .teacher_accordion,
#school_access .m_teachers__container .col .teacher_accordion {
  width: 100%;
  position: relative;
  outline: none;
  transition: 0.4s;
  cursor: pointer;
}
#school_course .m_teachers__container .col .teacher_accordion img,
#school_teacher .m_teachers__container .col .teacher_accordion img,
#school_student .m_teachers__container .col .teacher_accordion img,
#school_tools .m_teachers__container .col .teacher_accordion img,
#school_contact .m_teachers__container .col .teacher_accordion img,
#school_access .m_teachers__container .col .teacher_accordion img {
  width: 100%;
  transition-duration: 0.3s;
}
#school_course .m_teachers__container .col .teacher_accordion img:hover,
#school_teacher .m_teachers__container .col .teacher_accordion img:hover,
#school_student .m_teachers__container .col .teacher_accordion img:hover,
#school_tools .m_teachers__container .col .teacher_accordion img:hover,
#school_contact .m_teachers__container .col .teacher_accordion img:hover,
#school_access .m_teachers__container .col .teacher_accordion img:hover {
  opacity: 0.6;
}
#school_course .m_teachers__container .col .teacher_accordion .text,
#school_teacher .m_teachers__container .col .teacher_accordion .text,
#school_student .m_teachers__container .col .teacher_accordion .text,
#school_tools .m_teachers__container .col .teacher_accordion .text,
#school_contact .m_teachers__container .col .teacher_accordion .text,
#school_access .m_teachers__container .col .teacher_accordion .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#school_course .m_teachers__container .col .teacher_accordion .text h6,
#school_teacher .m_teachers__container .col .teacher_accordion .text h6,
#school_student .m_teachers__container .col .teacher_accordion .text h6,
#school_tools .m_teachers__container .col .teacher_accordion .text h6,
#school_contact .m_teachers__container .col .teacher_accordion .text h6,
#school_access .m_teachers__container .col .teacher_accordion .text h6 {
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers__container .col .teacher_accordion .text h6,
  #school_teacher .m_teachers__container .col .teacher_accordion .text h6,
  #school_student .m_teachers__container .col .teacher_accordion .text h6,
  #school_tools .m_teachers__container .col .teacher_accordion .text h6,
  #school_contact .m_teachers__container .col .teacher_accordion .text h6,
  #school_access .m_teachers__container .col .teacher_accordion .text h6 {
    font-size: 14px;
  }
}
#school_course .m_teachers__container .col .teacher_accordion .text h4,
#school_teacher .m_teachers__container .col .teacher_accordion .text h4,
#school_student .m_teachers__container .col .teacher_accordion .text h4,
#school_tools .m_teachers__container .col .teacher_accordion .text h4,
#school_contact .m_teachers__container .col .teacher_accordion .text h4,
#school_access .m_teachers__container .col .teacher_accordion .text h4 {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers__container .col .teacher_accordion .text h4,
  #school_teacher .m_teachers__container .col .teacher_accordion .text h4,
  #school_student .m_teachers__container .col .teacher_accordion .text h4,
  #school_tools .m_teachers__container .col .teacher_accordion .text h4,
  #school_contact .m_teachers__container .col .teacher_accordion .text h4,
  #school_access .m_teachers__container .col .teacher_accordion .text h4 {
    font-size: 18px;
  }
}
#school_course .m_teachers__container .col .teacher_accordion .text p,
#school_teacher .m_teachers__container .col .teacher_accordion .text p,
#school_student .m_teachers__container .col .teacher_accordion .text p,
#school_tools .m_teachers__container .col .teacher_accordion .text p,
#school_contact .m_teachers__container .col .teacher_accordion .text p,
#school_access .m_teachers__container .col .teacher_accordion .text p {
  background-color: #000;
  opacity: 0.8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  #school_course .m_teachers__container .col .teacher_accordion .text p,
  #school_teacher .m_teachers__container .col .teacher_accordion .text p,
  #school_student .m_teachers__container .col .teacher_accordion .text p,
  #school_tools .m_teachers__container .col .teacher_accordion .text p,
  #school_contact .m_teachers__container .col .teacher_accordion .text p,
  #school_access .m_teachers__container .col .teacher_accordion .text p {
    font-size: 12px;
    padding: 6px 15px;
  }
}
#school_course .m_teachers__container .col .teacher_panel,
#school_teacher .m_teachers__container .col .teacher_panel,
#school_student .m_teachers__container .col .teacher_panel,
#school_tools .m_teachers__container .col .teacher_panel,
#school_contact .m_teachers__container .col .teacher_panel,
#school_access .m_teachers__container .col .teacher_panel {
  padding: 50px 30px;
  background-color: #f5f5f5;
  display: none;
  overflow: hidden;
  width: 100%;
}
#school_course .m_teachers__container .col .teacher_panel .title,
#school_teacher .m_teachers__container .col .teacher_panel .title,
#school_student .m_teachers__container .col .teacher_panel .title,
#school_tools .m_teachers__container .col .teacher_panel .title,
#school_contact .m_teachers__container .col .teacher_panel .title,
#school_access .m_teachers__container .col .teacher_panel .title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
}
#school_course .m_teachers__container .col .teacher_panel .text,
#school_teacher .m_teachers__container .col .teacher_panel .text,
#school_student .m_teachers__container .col .teacher_panel .text,
#school_tools .m_teachers__container .col .teacher_panel .text,
#school_contact .m_teachers__container .col .teacher_panel .text,
#school_access .m_teachers__container .col .teacher_panel .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_course .m_teachers__container .col .active,
#school_course .m_teachers__container .col .teacher_accordion:hover,
#school_teacher .m_teachers__container .col .active,
#school_teacher .m_teachers__container .col .teacher_accordion:hover,
#school_student .m_teachers__container .col .active,
#school_student .m_teachers__container .col .teacher_accordion:hover,
#school_tools .m_teachers__container .col .active,
#school_tools .m_teachers__container .col .teacher_accordion:hover,
#school_contact .m_teachers__container .col .active,
#school_contact .m_teachers__container .col .teacher_accordion:hover,
#school_access .m_teachers__container .col .active,
#school_access .m_teachers__container .col .teacher_accordion:hover {
  background-color: #ccc;
}
#school_course .m_student,
#school_teacher .m_student,
#school_student .m_student,
#school_tools .m_student,
#school_contact .m_student,
#school_access .m_student {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  padding: 100px 50px;
}
@media screen and (max-width: 1024px) {
  #school_course .m_student,
  #school_teacher .m_student,
  #school_student .m_student,
  #school_tools .m_student,
  #school_contact .m_student,
  #school_access .m_student {
    padding: 60px 0px;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_student,
  #school_teacher .m_student,
  #school_student .m_student,
  #school_tools .m_student,
  #school_contact .m_student,
  #school_access .m_student {
    padding: 60px 30px;
  }
}
#school_course .m_student__container,
#school_teacher .m_student__container,
#school_student .m_student__container,
#school_tools .m_student__container,
#school_contact .m_student__container,
#school_access .m_student__container {
  width: 750px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_student__container,
  #school_teacher .m_student__container,
  #school_student .m_student__container,
  #school_tools .m_student__container,
  #school_contact .m_student__container,
  #school_access .m_student__container {
    width: 100%;
  }
}
#school_course .m_student__title,
#school_teacher .m_student__title,
#school_student .m_student__title,
#school_tools .m_student__title,
#school_contact .m_student__title,
#school_access .m_student__title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #school_course .m_student__title,
  #school_teacher .m_student__title,
  #school_student .m_student__title,
  #school_tools .m_student__title,
  #school_contact .m_student__title,
  #school_access .m_student__title {
    gap: 30px;
  }
}
#school_course .m_student__title .title,
#school_teacher .m_student__title .title,
#school_student .m_student__title .title,
#school_tools .m_student__title .title,
#school_contact .m_student__title .title,
#school_access .m_student__title .title {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 30px;
  line-height: 80px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_course .m_student__title .title,
  #school_teacher .m_student__title .title,
  #school_student .m_student__title .title,
  #school_tools .m_student__title .title,
  #school_contact .m_student__title .title,
  #school_access .m_student__title .title {
    font-size: 24px;
  }
}
#school_course .m_student__title .student,
#school_teacher .m_student__title .student,
#school_student .m_student__title .student,
#school_tools .m_student__title .student,
#school_contact .m_student__title .student,
#school_access .m_student__title .student {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#school_course .m_student__title .student img,
#school_teacher .m_student__title .student img,
#school_student .m_student__title .student img,
#school_tools .m_student__title .student img,
#school_contact .m_student__title .student img,
#school_access .m_student__title .student img {
  width: 150px;
}
#school_course .m_student__title .student .birthday,
#school_teacher .m_student__title .student .birthday,
#school_student .m_student__title .student .birthday,
#school_tools .m_student__title .student .birthday,
#school_contact .m_student__title .student .birthday,
#school_access .m_student__title .student .birthday {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  color: #000;
}
#school_course .m_student__title .student .name,
#school_teacher .m_student__title .student .name,
#school_student .m_student__title .student .name,
#school_tools .m_student__title .student .name,
#school_contact .m_student__title .student .name,
#school_access .m_student__title .student .name {
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: right;
  color: #000;
}
#school_course .m_student__body .content,
#school_teacher .m_student__body .content,
#school_student .m_student__body .content,
#school_tools .m_student__body .content,
#school_contact .m_student__body .content,
#school_access .m_student__body .content {
  font-family: "Noto Serif JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_course .m_student_bag,
#school_teacher .m_student_bag,
#school_student .m_student_bag,
#school_tools .m_student_bag,
#school_contact .m_student_bag,
#school_access .m_student_bag {
  padding: 115px 50px 0;
}
@media screen and (max-width: 1024px) {
  #school_course .m_student_bag,
  #school_teacher .m_student_bag,
  #school_student .m_student_bag,
  #school_tools .m_student_bag,
  #school_contact .m_student_bag,
  #school_access .m_student_bag {
    padding: 80px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_student_bag,
  #school_teacher .m_student_bag,
  #school_student .m_student_bag,
  #school_tools .m_student_bag,
  #school_contact .m_student_bag,
  #school_access .m_student_bag {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 375px) {
  #school_course .m_student_bag,
  #school_teacher .m_student_bag,
  #school_student .m_student_bag,
  #school_tools .m_student_bag,
  #school_contact .m_student_bag,
  #school_access .m_student_bag {
    padding: 60px 10px 0;
  }
}
#school_course .m_student_bag__container,
#school_teacher .m_student_bag__container,
#school_student .m_student_bag__container,
#school_tools .m_student_bag__container,
#school_contact .m_student_bag__container,
#school_access .m_student_bag__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 1400px;
  margin: auto;
}
#school_course .m_student_bag__title,
#school_teacher .m_student_bag__title,
#school_student .m_student_bag__title,
#school_tools .m_student_bag__title,
#school_contact .m_student_bag__title,
#school_access .m_student_bag__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 375px) {
  #school_course .m_student_bag__title,
  #school_teacher .m_student_bag__title,
  #school_student .m_student_bag__title,
  #school_tools .m_student_bag__title,
  #school_contact .m_student_bag__title,
  #school_access .m_student_bag__title {
    padding: 0 20px;
  }
}
#school_course .m_student_bag__text,
#school_teacher .m_student_bag__text,
#school_student .m_student_bag__text,
#school_tools .m_student_bag__text,
#school_contact .m_student_bag__text,
#school_access .m_student_bag__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 375px) {
  #school_course .m_student_bag__text,
  #school_teacher .m_student_bag__text,
  #school_student .m_student_bag__text,
  #school_tools .m_student_bag__text,
  #school_contact .m_student_bag__text,
  #school_access .m_student_bag__text {
    padding: 0 20px;
  }
}
#school_course .m_student_bag__body,
#school_teacher .m_student_bag__body,
#school_student .m_student_bag__body,
#school_tools .m_student_bag__body,
#school_contact .m_student_bag__body,
#school_access .m_student_bag__body {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #school_course .m_student_bag__body,
  #school_teacher .m_student_bag__body,
  #school_student .m_student_bag__body,
  #school_tools .m_student_bag__body,
  #school_contact .m_student_bag__body,
  #school_access .m_student_bag__body {
    gap: 10px;
  }
}
#school_course .m_student_bag__body img,
#school_teacher .m_student_bag__body img,
#school_student .m_student_bag__body img,
#school_tools .m_student_bag__body img,
#school_contact .m_student_bag__body img,
#school_access .m_student_bag__body img {
  width: 220px;
}
@media screen and (max-width: 768px) {
  #school_course .m_student_bag__body img,
  #school_teacher .m_student_bag__body img,
  #school_student .m_student_bag__body img,
  #school_tools .m_student_bag__body img,
  #school_contact .m_student_bag__body img,
  #school_access .m_student_bag__body img {
    width: 110px;
  }
}
#school_course .m_tools,
#school_teacher .m_tools,
#school_student .m_tools,
#school_tools .m_tools,
#school_contact .m_tools,
#school_access .m_tools {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_tools,
  #school_teacher .m_tools,
  #school_student .m_tools,
  #school_tools .m_tools,
  #school_contact .m_tools,
  #school_access .m_tools {
    padding: 0 30px;
  }
}
#school_course .m_tools__container,
#school_teacher .m_tools__container,
#school_student .m_tools__container,
#school_tools .m_tools__container,
#school_contact .m_tools__container,
#school_access .m_tools__container {
  width: 750px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #school_course .m_tools__container,
  #school_teacher .m_tools__container,
  #school_student .m_tools__container,
  #school_tools .m_tools__container,
  #school_contact .m_tools__container,
  #school_access .m_tools__container {
    width: 100%;
  }
}
#school_course .m_tools__fv,
#school_teacher .m_tools__fv,
#school_student .m_tools__fv,
#school_tools .m_tools__fv,
#school_contact .m_tools__fv,
#school_access .m_tools__fv {
  width: 100%;
  margin-bottom: 10px;
}
#school_course .m_tools__fv img,
#school_teacher .m_tools__fv img,
#school_student .m_tools__fv img,
#school_tools .m_tools__fv img,
#school_contact .m_tools__fv img,
#school_access .m_tools__fv img {
  width: 100%;
}
#school_course .m_tools .col,
#school_teacher .m_tools .col,
#school_student .m_tools .col,
#school_tools .m_tools .col,
#school_contact .m_tools .col,
#school_access .m_tools .col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #school_course .m_tools .col,
  #school_teacher .m_tools .col,
  #school_student .m_tools .col,
  #school_tools .m_tools .col,
  #school_contact .m_tools .col,
  #school_access .m_tools .col {
    justify-content: center;
  }
}
#school_course .m_tools .col .row,
#school_teacher .m_tools .col .row,
#school_student .m_tools .col .row,
#school_tools .m_tools .col .row,
#school_contact .m_tools .col .row,
#school_access .m_tools .col .row {
  width: 360px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 540px) {
  #school_course .m_tools .col .row,
  #school_teacher .m_tools .col .row,
  #school_student .m_tools .col .row,
  #school_tools .m_tools .col .row,
  #school_contact .m_tools .col .row,
  #school_access .m_tools .col .row {
    width: 100%;
  }
}
#school_course .m_tools .col .row img,
#school_teacher .m_tools .col .row img,
#school_student .m_tools .col .row img,
#school_tools .m_tools .col .row img,
#school_contact .m_tools .col .row img,
#school_access .m_tools .col .row img {
  width: 100%;
}
#school_course .m_tools .col .row h3,
#school_teacher .m_tools .col .row h3,
#school_student .m_tools .col .row h3,
#school_tools .m_tools .col .row h3,
#school_contact .m_tools .col .row h3,
#school_access .m_tools .col .row h3 {
  font-family: Roboto;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #000;
}
#school_course .m_tools .col .row p,
#school_teacher .m_tools .col .row p,
#school_student .m_tools .col .row p,
#school_tools .m_tools .col .row p,
#school_contact .m_tools .col .row p,
#school_access .m_tools .col .row p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_course .m_schoolContact,
#school_teacher .m_schoolContact,
#school_student .m_schoolContact,
#school_tools .m_schoolContact,
#school_contact .m_schoolContact,
#school_access .m_schoolContact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
#school_course .m_schoolContact__tab,
#school_teacher .m_schoolContact__tab,
#school_student .m_schoolContact__tab,
#school_tools .m_schoolContact__tab,
#school_contact .m_schoolContact__tab,
#school_access .m_schoolContact__tab {
  display: flex;
  justify-content: center;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tab,
  #school_teacher .m_schoolContact__tab,
  #school_student .m_schoolContact__tab,
  #school_tools .m_schoolContact__tab,
  #school_contact .m_schoolContact__tab,
  #school_access .m_schoolContact__tab {
    gap: 20px;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_schoolContact__tab,
  #school_teacher .m_schoolContact__tab,
  #school_student .m_schoolContact__tab,
  #school_tools .m_schoolContact__tab,
  #school_contact .m_schoolContact__tab,
  #school_access .m_schoolContact__tab {
    flex-wrap: wrap;
    max-width: 200px;
  }
}
#school_course .m_schoolContact__tab button,
#school_teacher .m_schoolContact__tab button,
#school_student .m_schoolContact__tab button,
#school_tools .m_schoolContact__tab button,
#school_contact .m_schoolContact__tab button,
#school_access .m_schoolContact__tab button {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tab button,
  #school_teacher .m_schoolContact__tab button,
  #school_student .m_schoolContact__tab button,
  #school_tools .m_schoolContact__tab button,
  #school_contact .m_schoolContact__tab button,
  #school_access .m_schoolContact__tab button {
    font-size: 14px;
  }
}
#school_course .m_schoolContact__tab button:hover,
#school_teacher .m_schoolContact__tab button:hover,
#school_student .m_schoolContact__tab button:hover,
#school_tools .m_schoolContact__tab button:hover,
#school_contact .m_schoolContact__tab button:hover,
#school_access .m_schoolContact__tab button:hover {
  font-weight: 500;
  opacity: 1;
}
#school_course .m_schoolContact__tab button.active,
#school_teacher .m_schoolContact__tab button.active,
#school_student .m_schoolContact__tab button.active,
#school_tools .m_schoolContact__tab button.active,
#school_contact .m_schoolContact__tab button.active,
#school_access .m_schoolContact__tab button.active {
  font-weight: bold;
  opacity: 1;
}
#school_course .m_schoolContact__tab .only_sp,
#school_teacher .m_schoolContact__tab .only_sp,
#school_student .m_schoolContact__tab .only_sp,
#school_tools .m_schoolContact__tab .only_sp,
#school_contact .m_schoolContact__tab .only_sp,
#school_access .m_schoolContact__tab .only_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tab .only_sp,
  #school_teacher .m_schoolContact__tab .only_sp,
  #school_student .m_schoolContact__tab .only_sp,
  #school_tools .m_schoolContact__tab .only_sp,
  #school_contact .m_schoolContact__tab .only_sp,
  #school_access .m_schoolContact__tab .only_sp {
    display: block;
    height: 30px;
    width: 0;
    border: 1px solid #ddd;
    margin: 0;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_schoolContact__tab .only_sp:nth-child(4),
  #school_teacher .m_schoolContact__tab .only_sp:nth-child(4),
  #school_student .m_schoolContact__tab .only_sp:nth-child(4),
  #school_tools .m_schoolContact__tab .only_sp:nth-child(4),
  #school_contact .m_schoolContact__tab .only_sp:nth-child(4),
  #school_access .m_schoolContact__tab .only_sp:nth-child(4) {
    display: none;
  }
}
#school_course .m_schoolContact__container,
#school_teacher .m_schoolContact__container,
#school_student .m_schoolContact__container,
#school_tools .m_schoolContact__container,
#school_contact .m_schoolContact__container,
#school_access .m_schoolContact__container {
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__container,
  #school_teacher .m_schoolContact__container,
  #school_student .m_schoolContact__container,
  #school_tools .m_schoolContact__container,
  #school_contact .m_schoolContact__container,
  #school_access .m_schoolContact__container {
    width: 100%;
  }
}
#school_course .m_schoolContact__tabcontent,
#school_teacher .m_schoolContact__tabcontent,
#school_student .m_schoolContact__tabcontent,
#school_tools .m_schoolContact__tabcontent,
#school_contact .m_schoolContact__tabcontent,
#school_access .m_schoolContact__tabcontent {
  padding: 50px 30px;
  background-color: #f5f5f5;
  width: 100%;
  display: none;
}
#school_course .m_schoolContact__tabcontent .description,
#school_teacher .m_schoolContact__tabcontent .description,
#school_student .m_schoolContact__tabcontent .description,
#school_tools .m_schoolContact__tabcontent .description,
#school_contact .m_schoolContact__tabcontent .description,
#school_access .m_schoolContact__tabcontent .description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_course .m_schoolContact__tabcontent form,
#school_teacher .m_schoolContact__tabcontent form,
#school_student .m_schoolContact__tabcontent form,
#school_tools .m_schoolContact__tabcontent form,
#school_contact .m_schoolContact__tabcontent form,
#school_access .m_schoolContact__tabcontent form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#school_course .m_schoolContact__tabcontent form .contact_col,
#school_teacher .m_schoolContact__tabcontent form .contact_col,
#school_student .m_schoolContact__tabcontent form .contact_col,
#school_tools .m_schoolContact__tabcontent form .contact_col,
#school_contact .m_schoolContact__tabcontent form .contact_col,
#school_access .m_schoolContact__tabcontent form .contact_col {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_col,
  #school_teacher .m_schoolContact__tabcontent form .contact_col,
  #school_student .m_schoolContact__tabcontent form .contact_col,
  #school_tools .m_schoolContact__tabcontent form .contact_col,
  #school_contact .m_schoolContact__tabcontent form .contact_col,
  #school_access .m_schoolContact__tabcontent form .contact_col {
    flex-direction: column;
    gap: 12px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_col p,
#school_teacher .m_schoolContact__tabcontent form .contact_col p,
#school_student .m_schoolContact__tabcontent form .contact_col p,
#school_tools .m_schoolContact__tabcontent form .contact_col p,
#school_contact .m_schoolContact__tabcontent form .contact_col p,
#school_access .m_schoolContact__tabcontent form .contact_col p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
  min-width: 140px;
  height: 70px;
  display: flex;
  align-items: center;
}
#school_course .m_schoolContact__tabcontent form .contact_col .right,
#school_teacher .m_schoolContact__tabcontent form .contact_col .right,
#school_student .m_schoolContact__tabcontent form .contact_col .right,
#school_tools .m_schoolContact__tabcontent form .contact_col .right,
#school_contact .m_schoolContact__tabcontent form .contact_col .right,
#school_access .m_schoolContact__tabcontent form .contact_col .right {
  display: flex;
  gap: 20px;
}
#school_course .m_schoolContact__tabcontent form .contact_col .right input,
#school_teacher .m_schoolContact__tabcontent form .contact_col .right input,
#school_student .m_schoolContact__tabcontent form .contact_col .right input,
#school_tools .m_schoolContact__tabcontent form .contact_col .right input,
#school_contact .m_schoolContact__tabcontent form .contact_col .right input,
#school_access .m_schoolContact__tabcontent form .contact_col .right input {
  width: 280px;
  height: 70px;
  padding: 20px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  border: none;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_col .right input,
  #school_teacher .m_schoolContact__tabcontent form .contact_col .right input,
  #school_student .m_schoolContact__tabcontent form .contact_col .right input,
  #school_tools .m_schoolContact__tabcontent form .contact_col .right input,
  #school_contact .m_schoolContact__tabcontent form .contact_col .right input,
  #school_access .m_schoolContact__tabcontent form .contact_col .right input {
    width: 49%;
    height: 50px;
    font-size: 16px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_col .right select,
#school_teacher .m_schoolContact__tabcontent form .contact_col .right select,
#school_student .m_schoolContact__tabcontent form .contact_col .right select,
#school_tools .m_schoolContact__tabcontent form .contact_col .right select,
#school_contact .m_schoolContact__tabcontent form .contact_col .right select,
#school_access .m_schoolContact__tabcontent form .contact_col .right select {
  width: 280px;
  height: 70px;
  border: none;
  padding: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  color: #aaa;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_col .right select,
  #school_teacher .m_schoolContact__tabcontent form .contact_col .right select,
  #school_student .m_schoolContact__tabcontent form .contact_col .right select,
  #school_tools .m_schoolContact__tabcontent form .contact_col .right select,
  #school_contact .m_schoolContact__tabcontent form .contact_col .right select,
  #school_access .m_schoolContact__tabcontent form .contact_col .right select {
    width: 100%;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_col .right select option,
#school_teacher .m_schoolContact__tabcontent form .contact_col .right select option,
#school_student .m_schoolContact__tabcontent form .contact_col .right select option,
#school_tools .m_schoolContact__tabcontent form .contact_col .right select option,
#school_contact .m_schoolContact__tabcontent form .contact_col .right select option,
#school_access .m_schoolContact__tabcontent form .contact_col .right select option {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  color: #aaa;
}
#school_course .m_schoolContact__tabcontent form .contact_mail input,
#school_teacher .m_schoolContact__tabcontent form .contact_mail input,
#school_student .m_schoolContact__tabcontent form .contact_mail input,
#school_tools .m_schoolContact__tabcontent form .contact_mail input,
#school_contact .m_schoolContact__tabcontent form .contact_mail input,
#school_access .m_schoolContact__tabcontent form .contact_mail input {
  width: 580px !important;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_mail input,
  #school_teacher .m_schoolContact__tabcontent form .contact_mail input,
  #school_student .m_schoolContact__tabcontent form .contact_mail input,
  #school_tools .m_schoolContact__tabcontent form .contact_mail input,
  #school_contact .m_schoolContact__tabcontent form .contact_mail input,
  #school_access .m_schoolContact__tabcontent form .contact_mail input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_phone input,
  #school_teacher .m_schoolContact__tabcontent form .contact_phone input,
  #school_student .m_schoolContact__tabcontent form .contact_phone input,
  #school_tools .m_schoolContact__tabcontent form .contact_phone input,
  #school_contact .m_schoolContact__tabcontent form .contact_phone input,
  #school_access .m_schoolContact__tabcontent form .contact_phone input {
    width: 100% !important;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_adress .right,
#school_teacher .m_schoolContact__tabcontent form .contact_adress .right,
#school_student .m_schoolContact__tabcontent form .contact_adress .right,
#school_tools .m_schoolContact__tabcontent form .contact_adress .right,
#school_contact .m_schoolContact__tabcontent form .contact_adress .right,
#school_access .m_schoolContact__tabcontent form .contact_adress .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_adress .right,
  #school_teacher .m_schoolContact__tabcontent form .contact_adress .right,
  #school_student .m_schoolContact__tabcontent form .contact_adress .right,
  #school_tools .m_schoolContact__tabcontent form .contact_adress .right,
  #school_contact .m_schoolContact__tabcontent form .contact_adress .right,
  #school_access .m_schoolContact__tabcontent form .contact_adress .right {
    gap: 10px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_adress .right .col,
#school_teacher .m_schoolContact__tabcontent form .contact_adress .right .col,
#school_student .m_schoolContact__tabcontent form .contact_adress .right .col,
#school_tools .m_schoolContact__tabcontent form .contact_adress .right .col,
#school_contact .m_schoolContact__tabcontent form .contact_adress .right .col,
#school_access .m_schoolContact__tabcontent form .contact_adress .right .col {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_adress .right .col,
  #school_teacher .m_schoolContact__tabcontent form .contact_adress .right .col,
  #school_student .m_schoolContact__tabcontent form .contact_adress .right .col,
  #school_tools .m_schoolContact__tabcontent form .contact_adress .right .col,
  #school_contact .m_schoolContact__tabcontent form .contact_adress .right .col,
  #school_access .m_schoolContact__tabcontent form .contact_adress .right .col {
    flex-direction: column;
    gap: 10px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
#school_teacher .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
#school_student .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
#school_tools .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
#school_contact .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
#school_access .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4 {
  width: 580px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
  #school_teacher .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
  #school_student .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
  #school_tools .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
  #school_contact .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4,
  #school_access .m_schoolContact__tabcontent form .contact_adress .right .col #adress_4 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_adress .right .col input,
  #school_teacher .m_schoolContact__tabcontent form .contact_adress .right .col input,
  #school_student .m_schoolContact__tabcontent form .contact_adress .right .col input,
  #school_tools .m_schoolContact__tabcontent form .contact_adress .right .col input,
  #school_contact .m_schoolContact__tabcontent form .contact_adress .right .col input,
  #school_access .m_schoolContact__tabcontent form .contact_adress .right .col input {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right,
  #school_teacher .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right,
  #school_student .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right,
  #school_tools .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right,
  #school_contact .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right,
  #school_access .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right {
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 540px) and (max-width: 540px) {
  #school_course .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select,
  #school_teacher .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select,
  #school_student .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select,
  #school_tools .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select,
  #school_contact .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select,
  #school_access .m_schoolContact__tabcontent form .contact_desired_enrollmentPeriod .right select {
    width: 100%;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_course .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
#school_teacher .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_teacher .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
#school_student .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_student .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
#school_tools .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_tools .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
#school_contact .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_contact .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
#school_access .m_schoolContact__tabcontent form .contact_remarks .right textarea,
#school_access .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea {
  width: 580px;
  height: 150px;
  border: none;
  padding: 20px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_course .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
  #school_teacher .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_teacher .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
  #school_student .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_student .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
  #school_tools .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_tools .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
  #school_contact .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_contact .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea,
  #school_access .m_schoolContact__tabcontent form .contact_remarks .right textarea,
  #school_access .m_schoolContact__tabcontent form .contact_inquiryDetails .right textarea {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #school_course .m_schoolContact__tabcontent form .contact_desired_date .right input,
  #school_teacher .m_schoolContact__tabcontent form .contact_desired_date .right input,
  #school_student .m_schoolContact__tabcontent form .contact_desired_date .right input,
  #school_tools .m_schoolContact__tabcontent form .contact_desired_date .right input,
  #school_contact .m_schoolContact__tabcontent form .contact_desired_date .right input,
  #school_access .m_schoolContact__tabcontent form .contact_desired_date .right input {
    width: 100%;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_agree,
#school_teacher .m_schoolContact__tabcontent form .contact_agree,
#school_student .m_schoolContact__tabcontent form .contact_agree,
#school_tools .m_schoolContact__tabcontent form .contact_agree,
#school_contact .m_schoolContact__tabcontent form .contact_agree,
#school_access .m_schoolContact__tabcontent form .contact_agree {
  display: flex;
  align-items: center;
  margin: 30px 0 40px;
}
#school_course .m_schoolContact__tabcontent form .contact_agree input,
#school_teacher .m_schoolContact__tabcontent form .contact_agree input,
#school_student .m_schoolContact__tabcontent form .contact_agree input,
#school_tools .m_schoolContact__tabcontent form .contact_agree input,
#school_contact .m_schoolContact__tabcontent form .contact_agree input,
#school_access .m_schoolContact__tabcontent form .contact_agree input {
  width: 30px;
  height: 30px;
  border: none;
  margin: 0;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_agree input,
  #school_teacher .m_schoolContact__tabcontent form .contact_agree input,
  #school_student .m_schoolContact__tabcontent form .contact_agree input,
  #school_tools .m_schoolContact__tabcontent form .contact_agree input,
  #school_contact .m_schoolContact__tabcontent form .contact_agree input,
  #school_access .m_schoolContact__tabcontent form .contact_agree input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_agree label,
#school_teacher .m_schoolContact__tabcontent form .contact_agree label,
#school_student .m_schoolContact__tabcontent form .contact_agree label,
#school_tools .m_schoolContact__tabcontent form .contact_agree label,
#school_contact .m_schoolContact__tabcontent form .contact_agree label,
#school_access .m_schoolContact__tabcontent form .contact_agree label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_agree label,
  #school_teacher .m_schoolContact__tabcontent form .contact_agree label,
  #school_student .m_schoolContact__tabcontent form .contact_agree label,
  #school_tools .m_schoolContact__tabcontent form .contact_agree label,
  #school_contact .m_schoolContact__tabcontent form .contact_agree label,
  #school_access .m_schoolContact__tabcontent form .contact_agree label {
    font-size: 14px;
  }
}
#school_course .m_schoolContact__tabcontent form .contact_agree label a,
#school_teacher .m_schoolContact__tabcontent form .contact_agree label a,
#school_student .m_schoolContact__tabcontent form .contact_agree label a,
#school_tools .m_schoolContact__tabcontent form .contact_agree label a,
#school_contact .m_schoolContact__tabcontent form .contact_agree label a,
#school_access .m_schoolContact__tabcontent form .contact_agree label a {
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
  text-decoration: underline;
  padding-right: 40px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #school_course .m_schoolContact__tabcontent form .contact_agree label a,
  #school_teacher .m_schoolContact__tabcontent form .contact_agree label a,
  #school_student .m_schoolContact__tabcontent form .contact_agree label a,
  #school_tools .m_schoolContact__tabcontent form .contact_agree label a,
  #school_contact .m_schoolContact__tabcontent form .contact_agree label a,
  #school_access .m_schoolContact__tabcontent form .contact_agree label a {
    font-size: 16px;
    padding-right: 0px;
  }
}
#school_course .m_schoolContact__tabcontent form button,
#school_teacher .m_schoolContact__tabcontent form button,
#school_student .m_schoolContact__tabcontent form button,
#school_tools .m_schoolContact__tabcontent form button,
#school_contact .m_schoolContact__tabcontent form button,
#school_access .m_schoolContact__tabcontent form button {
  border: 1px solid #000;
  width: 350px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
  color: #000;
  margin: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 540px) {
  #school_course .m_schoolContact__tabcontent form button,
  #school_teacher .m_schoolContact__tabcontent form button,
  #school_student .m_schoolContact__tabcontent form button,
  #school_tools .m_schoolContact__tabcontent form button,
  #school_contact .m_schoolContact__tabcontent form button,
  #school_access .m_schoolContact__tabcontent form button {
    width: 100%;
  }
}
#school_course .m_schoolContact__tabcontent form button::before,
#school_teacher .m_schoolContact__tabcontent form button::before,
#school_student .m_schoolContact__tabcontent form button::before,
#school_tools .m_schoolContact__tabcontent form button::before,
#school_contact .m_schoolContact__tabcontent form button::before,
#school_access .m_schoolContact__tabcontent form button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  transition-duration: 0.5s;
  background-color: #000;
}
#school_course .m_schoolContact__tabcontent form button:hover,
#school_teacher .m_schoolContact__tabcontent form button:hover,
#school_student .m_schoolContact__tabcontent form button:hover,
#school_tools .m_schoolContact__tabcontent form button:hover,
#school_contact .m_schoolContact__tabcontent form button:hover,
#school_access .m_schoolContact__tabcontent form button:hover {
  color: white;
}
#school_course .m_schoolContact__tabcontent form button:hover::before,
#school_teacher .m_schoolContact__tabcontent form button:hover::before,
#school_student .m_schoolContact__tabcontent form button:hover::before,
#school_tools .m_schoolContact__tabcontent form button:hover::before,
#school_contact .m_schoolContact__tabcontent form button:hover::before,
#school_access .m_schoolContact__tabcontent form button:hover::before {
  width: 100%;
}
#school_course .m_schoolContact #document,
#school_teacher .m_schoolContact #document,
#school_student .m_schoolContact #document,
#school_tools .m_schoolContact #document,
#school_contact .m_schoolContact #document,
#school_access .m_schoolContact #document {
  display: block;
}
#school_course .m_access,
#school_teacher .m_access,
#school_student .m_access,
#school_tools .m_access,
#school_contact .m_access,
#school_access .m_access {
  padding: 100px 50px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 1024px) {
  #school_course .m_access,
  #school_teacher .m_access,
  #school_student .m_access,
  #school_tools .m_access,
  #school_contact .m_access,
  #school_access .m_access {
    padding: 80px 30px;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_access,
  #school_teacher .m_access,
  #school_student .m_access,
  #school_tools .m_access,
  #school_contact .m_access,
  #school_access .m_access {
    padding: 60px 30px;
  }
}
#school_course .m_access__container,
#school_teacher .m_access__container,
#school_student .m_access__container,
#school_tools .m_access__container,
#school_contact .m_access__container,
#school_access .m_access__container {
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #school_course .m_access__container,
  #school_teacher .m_access__container,
  #school_student .m_access__container,
  #school_tools .m_access__container,
  #school_contact .m_access__container,
  #school_access .m_access__container {
    width: 100%;
  }
}
#school_course .m_access__first, #school_course .m_access__second,
#school_teacher .m_access__first,
#school_teacher .m_access__second,
#school_student .m_access__first,
#school_student .m_access__second,
#school_tools .m_access__first,
#school_tools .m_access__second,
#school_contact .m_access__first,
#school_contact .m_access__second,
#school_access .m_access__first,
#school_access .m_access__second {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 540px) {
  #school_course .m_access__first, #school_course .m_access__second,
  #school_teacher .m_access__first,
  #school_teacher .m_access__second,
  #school_student .m_access__first,
  #school_student .m_access__second,
  #school_tools .m_access__first,
  #school_tools .m_access__second,
  #school_contact .m_access__first,
  #school_contact .m_access__second,
  #school_access .m_access__first,
  #school_access .m_access__second {
    gap: 20px;
  }
}
#school_course .m_access__first--title, #school_course .m_access__second--title,
#school_teacher .m_access__first--title,
#school_teacher .m_access__second--title,
#school_student .m_access__first--title,
#school_student .m_access__second--title,
#school_tools .m_access__first--title,
#school_tools .m_access__second--title,
#school_contact .m_access__first--title,
#school_contact .m_access__second--title,
#school_access .m_access__first--title,
#school_access .m_access__second--title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #000;
}
#school_course .m_access__first .col, #school_course .m_access__second .col,
#school_teacher .m_access__first .col,
#school_teacher .m_access__second .col,
#school_student .m_access__first .col,
#school_student .m_access__second .col,
#school_tools .m_access__first .col,
#school_tools .m_access__second .col,
#school_contact .m_access__first .col,
#school_contact .m_access__second .col,
#school_access .m_access__first .col,
#school_access .m_access__second .col {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  #school_course .m_access__first .col, #school_course .m_access__second .col,
  #school_teacher .m_access__first .col,
  #school_teacher .m_access__second .col,
  #school_student .m_access__first .col,
  #school_student .m_access__second .col,
  #school_tools .m_access__first .col,
  #school_tools .m_access__second .col,
  #school_contact .m_access__first .col,
  #school_contact .m_access__second .col,
  #school_access .m_access__first .col,
  #school_access .m_access__second .col {
    flex-direction: column;
    gap: 10px;
  }
}
#school_course .m_access__first .col .left, #school_course .m_access__second .col .left,
#school_teacher .m_access__first .col .left,
#school_teacher .m_access__second .col .left,
#school_student .m_access__first .col .left,
#school_student .m_access__second .col .left,
#school_tools .m_access__first .col .left,
#school_tools .m_access__second .col .left,
#school_contact .m_access__first .col .left,
#school_contact .m_access__second .col .left,
#school_access .m_access__first .col .left,
#school_access .m_access__second .col .left {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
  min-width: 80px;
}
@media screen and (max-width: 375px) {
  #school_course .m_access__first .col .left, #school_course .m_access__second .col .left,
  #school_teacher .m_access__first .col .left,
  #school_teacher .m_access__second .col .left,
  #school_student .m_access__first .col .left,
  #school_student .m_access__second .col .left,
  #school_tools .m_access__first .col .left,
  #school_tools .m_access__second .col .left,
  #school_contact .m_access__first .col .left,
  #school_contact .m_access__second .col .left,
  #school_access .m_access__first .col .left,
  #school_access .m_access__second .col .left {
    font-size: 16px;
  }
}
#school_course .m_access__first .col .right, #school_course .m_access__second .col .right,
#school_teacher .m_access__first .col .right,
#school_teacher .m_access__second .col .right,
#school_student .m_access__first .col .right,
#school_student .m_access__second .col .right,
#school_tools .m_access__first .col .right,
#school_tools .m_access__second .col .right,
#school_contact .m_access__first .col .right,
#school_contact .m_access__second .col .right,
#school_access .m_access__first .col .right,
#school_access .m_access__second .col .right {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #000;
}
#school_course .m_map,
#school_teacher .m_map,
#school_student .m_map,
#school_tools .m_map,
#school_contact .m_map,
#school_access .m_map {
  background-color: #bebebe;
  width: 100%;
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #school_course .m_map,
  #school_teacher .m_map,
  #school_student .m_map,
  #school_tools .m_map,
  #school_contact .m_map,
  #school_access .m_map {
    height: 400px;
  }
}
@media screen and (max-width: 375px) {
  #school_course .m_map,
  #school_teacher .m_map,
  #school_student .m_map,
  #school_tools .m_map,
  #school_contact .m_map,
  #school_access .m_map {
    height: 300px;
  }
}
#school_course .m_map .title,
#school_teacher .m_map .title,
#school_student .m_map .title,
#school_tools .m_map .title,
#school_contact .m_map .title,
#school_access .m_map .title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 106px;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 1024px) {
  #school_course .m_map .title,
  #school_teacher .m_map .title,
  #school_student .m_map .title,
  #school_tools .m_map .title,
  #school_contact .m_map .title,
  #school_access .m_map .title {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  #school_course .m_map .title,
  #school_teacher .m_map .title,
  #school_student .m_map .title,
  #school_tools .m_map .title,
  #school_contact .m_map .title,
  #school_access .m_map .title {
    font-size: 58px;
  }
}
@media screen and (max-width: 375px) {
  #school_course .m_map .title,
  #school_teacher .m_map .title,
  #school_student .m_map .title,
  #school_tools .m_map .title,
  #school_contact .m_map .title,
  #school_access .m_map .title {
    font-size: 38px;
  }
}

#school_news .m_new {
  padding: 250px 50px 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #school_news .m_new {
    padding: 200px 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #school_news .m_new {
    padding: 170 30px 0;
  }
}
#school_news .m_new__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__container {
    width: 100%;
  }
}
#school_news .m_new__title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #000;
}
#school_news .m_new__list .col {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#school_news .m_new__list .col .row {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__list .col .row {
    gap: 20px;
  }
}
#school_news .m_new__list .col .row .left img {
  width: 200px;
  height: 150px;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__list .col .row .left img {
    width: 130px;
    height: 98px;
  }
}
#school_news .m_new__list .col .row .right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__list .col .row .right {
    gap: 12px;
  }
}
#school_news .m_new__list .col .row .right .category {
  width: 100px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__list .col .row .right .category {
    position: unset;
  }
}
#school_news .m_new__list .col .row .right .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
#school_news .m_new__list .col .row .right .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
#school_news .m_new__list .col .row .right .content {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__list .col .row .right .content {
    display: none;
  }
}
#school_news .m_new__detail {
  display: flex;
  flex-direction: column;
  gap: 200px;
  width: 750px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #school_news .m_new__detail {
    width: 90%;
    gap: 100px;
  }
}
@media screen and (max-width: 375px) {
  #school_news .m_new__detail {
    gap: 60px;
  }
}
#school_news .m_new__detail--body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #school_news .m_new__detail--body {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  #school_news .m_new__detail--body {
    gap: 20px;
  }
}
#school_news .m_new__detail--body .date {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #000;
}
#school_news .m_new__detail--body .adress {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  color: #000;
}
#school_news .m_new__detail--body hr {
  width: 100%;
  height: 0px;
  border: 1px dashed #aaa;
}
#school_news .m_new__detail--body .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#school_news .m_new__detail--body .content img {
  width: 100%;
}
#school_news .m_new__detail--body .content .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}
#school_news .m_new__detail--body .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
  border-bottom: 1px solid #000;
  width: -moz-fit-content;
  width: fit-content;
}
#school_news .m_new__detail--body .link_btn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
}
#school_news .m_new__detail--before {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#school_news .m_new__detail--before img {
  width: 70px;
  height: 7.31px;
}
#school_news .m_new .swiper-pagination {
  position: unset;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #000;
}
#school_news .m_new__pagination {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 30px;
}
#school_news .m_new .swiper-button-prev,
#school_news .m_new .swiper-button-next {
  position: unset;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0;
}
#school_news .m_new .swiper-button-prev::after,
#school_news .m_new .swiper-button-next::after {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-bottom: none;
  border-left: none;
  font-size: 0;
}
#school_news .m_new .swiper-button-next::after {
  transform: rotate(45deg);
}
#school_news .m_new .swiper-button-prev::after {
  transform: rotate(-135deg);
}
#school_news .m_new .swiper-notification {
  display: none;
}

footer {
  margin: auto;
}
@media screen and (max-width: 1024px) {
  footer {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 375px) {
  footer {
    padding-bottom: 30px;
  }
}
footer .f_container {
  padding: 80px 260px 50px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1620px) {
  footer .f_container {
    padding: 80px 100px 50px;
  }
}
@media screen and (max-width: 768px) {
  footer .f_container {
    padding: 80px 50px 50px;
  }
}
@media screen and (max-width: 375px) {
  footer .f_container {
    padding: 50px 30px 30px;
  }
}
footer .f_container .f_body {
  display: flex;
  flex-direction: column;
  gap: 200px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  footer .f_container .f_body {
    gap: 120px;
  }
}
@media screen and (max-width: 768px) {
  footer .f_container .f_body {
    gap: 80px;
  }
}
@media screen and (max-width: 375px) {
  footer .f_container .f_body {
    gap: 50px;
  }
}
footer .f_container .f_body__first {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  footer .f_container .f_body__first {
    flex-direction: column;
    gap: 50px;
  }
}
footer .f_container .f_body__first--list {
  display: flex;
  gap: 100px;
}
@media screen and (max-width: 1620px) {
  footer .f_container .f_body__first--list {
    gap: 50px;
  }
}
@media screen and (max-width: 1024px) {
  footer .f_container .f_body__first--list {
    order: 2;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  footer .f_container .f_body__first--list {
    flex-direction: column;
    gap: 30px;
  }
}
footer .f_container .f_body__first--list .only_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  footer .f_container .f_body__first--list .only_sp {
    width: 100%;
    display: flex;
    height: 0px;
    background: transparent;
    border: 1px solid #ddd;
  }
}
footer .f_container .f_body__first--list__menu, footer .f_container .f_body__first--list__second, footer .f_container .f_body__first--list__third {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
footer .f_container .f_body__first--list__menu p, footer .f_container .f_body__first--list__second p, footer .f_container .f_body__first--list__third p {
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  margin-bottom: 30px;
}
footer .f_container .f_body__first--list__menu {
  gap: 50px;
}
footer .f_container .f_body__first--list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .f_container .f_body__first--list ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  transition-duration: 0.5s;
}
footer .f_container .f_body__first--list ul li:hover {
  opacity: 0.5;
}
footer .f_container .f_body__first--search {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: end;
  justify-content: start;
}
@media screen and (max-width: 1024px) {
  footer .f_container .f_body__first--search {
    order: 1;
    justify-content: center;
    align-items: center;
  }
}
footer .f_container .f_body__first--search .search {
  display: flex;
  border-bottom: 1px solid #000;
  width: 250px;
}
@media screen and (max-width: 540px) {
  footer .f_container .f_body__first--search .search {
    width: 100%;
  }
}
footer .f_container .f_body__first--search .search input[type=text] {
  border: none;
  width: 90%;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  background: none;
  outline: none;
  padding: 10px 0;
}
footer .f_container .f_body__first--search .search input[type=image] {
  width: 25px;
  height: 25px;
}
footer .f_container .f_body__first--search .icons {
  display: flex;
  gap: 30px;
  align-items: center;
}
footer .f_container .f_body__first--search .icons a img {
  height: 25px;
  width: auto;
  transition-duration: 1s;
}
footer .f_container .f_body__first--search .icons a:hover img {
  transform: scale(1.1) rotate(360deg);
}
footer .f_container .f_body__second {
  display: flex;
  justify-content: center;
}
footer .f_container .f_body__second p {
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: #000;
}

#top_item_list {
  padding: 0 30px;
}
@media screen and (max-width: 375px) {
  #top_item_list {
    padding: 0 10px;
  }
}

/*------------------------------------------------------------
商品一覧
------------------------------------------------------------*/
.item_list_header_title {
  gap: 0 20px;
  margin-bottom: 50px
}
@media screen and (max-width: 540px) {
  .item_list_header_title {
    margin-bottom: 0;
  }
}
.item_list_header_title h1 {
  font-size: 24px;
  font-weight: 400;
  margin-right: 20px;
}
@media screen and (max-width: 540px) {
  .item_list_header_title h1 {
    font-size: 16px;
    font-weight: 400;
    margin-right: 14px;
  }
}
.item_list_header_title p {
  font-size: 20px;
}
@media screen and (max-width: 540px) {
  .item_list_header_title p {
    font-size: 16px;
  }
}
.item_list_header_title p span {
  font-size: 14px;
}
@media screen and (max-width: 540px) {
  .item_list_header_title p span {
    font-size: 10px;
  }
}
@media screen and (max-width: 540px) {
  .item_list_header_title {
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
.item_list_header_title .search-btn {
  display: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 15px;
  background-color: #F5F5F5;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  .item_list_header_title .search-btn {
    display: block;
    white-space: nowrap;
  }
}
.item_list_header_title .search-btn img {
  margin-left: 10px;
  height: 15px;
  width: auto;
}
.item_list_header_title .search-btn:hover {
  opacity: 0.5;
}

#brand_header {
  width: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center 50px;
}

#brand_header:before {
  content: "";
  display: block;
  padding-top: 40%;
}

#brand_txt {
  max-width: 1600px;
  display: flex;
  justify-content: space-between;
  padding: 65px 40px 0px 40px;
  margin: 0 auto;
  line-height: 2.5rem;
}

#sort_area {
  width: 100%;
  padding: 0 0 50px;
  letter-spacing: normal;
}
@media screen and (max-width: 540px) {
  #sort_area {
    transform: translateX(100%);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    overflow-y: scroll;
    padding: 80px 20px 120px;
    transition: all 0.3s ease;
  }
}
#sort_area.sp-show {
  transform: translateX(0);
  z-index: 16000;
}

#sort_area_head {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  height: 40px;
  width: 100vw;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
#sort_area_head button {
  position: absolute;
  right: 30px;
  top: 30px;
}
#sort_area_head button .menu_close {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  margin-bottom: 80px;
  cursor: pointer;
  width: 36px;
  height: 36px;
}
#sort_area_head button .menu_close span {
  width: 25px;
  height: 0px;
  background: transparent;
  border: 1px solid #000;
  margin: 5px auto;
}
@media screen and (max-width: 375px) {
  #sort_area_head button .menu_close span {
    width: 20px;
    margin: 5px auto;
    border: 1px solid #000;
  }
}
#sort_area_head button .menu_close_first {
  position: absolute;
  transform: rotate(45deg);
  top: 16px;
  right: 5px;
}
#sort_area_head button .menu_close_second {
  position: absolute;
  transform: rotate(-45deg);
  top: 16px;
  right: 5px;
}
@media screen and (max-width: 540px) {
  #sort_area_head {
    display: flex;
  }
}

#sort_parent {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
@media screen and (max-width: 540px) {
  #sort_parent {
    flex-direction: column;
  }
}

.open_sort {
  cursor: pointer;
  padding-right: 30px;
  display: flex;
  font-size: 14px;
  transition: all 0.3s ease;
  height: 14px;
}
@media screen and (max-width: 540px) {
  .open_sort {
    flex-wrap: wrap;
    padding-right: 0;
    height: auto;
  }
}
.open_sort > p {
  transition: all 0.3s ease;
  line-height: 1;
}
.open_sort > p:hover {
  opacity: 0.5;
}
.open_sort .btn {
  height: 100%;
  position: relative;
  margin-left: 30px;
}
@media screen and (max-width: 540px) {
  .open_sort .btn {
    height: 16px;
  }
}
.open_sort .btn::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #000;
  right: 0;
  top: 50%;
}
.open_sort .btn::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #000;
  right: 4.5px;
  top: calc(50% - 4.5px);
  transition: all 0.3s ease;
}
.open_sort.sort_active {
  margin-bottom: 100px;
}
.open_sort.sort_active .btn::after {
  transform: scaleY(0);
}
@media screen and (max-width: 540px) {
  .open_sort.sort_active-sp {
    margin-bottom: 0;
  }
  .open_sort.sort_active-sp .btn::after {
    transform: scaleY(0);
  }
}

#sort_select {
  position: relative;
}

#sort_children {
  width: 100%;
  margin-top: 30px;
}

.select_for_default {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .select_for_default {
    flex-direction: column;
    gap: 30px;
  }
}

.select_for_default a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  white-space: nowrap;
  font-weight: 400;
}

.select_for_default a::before {
  display: block;
  height: 1px;
  width: 20px;
  background-color: #000;
}
@media screen and (max-width: 540px) {
  .select_for_default a::before {
    content: "";
  }
}

.select_for_default .is-select a {
  color: rgba(0, 0, 0, 0.5);
}

.select_for_default .is-select a::before {
  opacity: 0.5;
}

.sort_cat_list div ul li {
  margin-bottom: 8px;
}

.open_sort_children {
  display: none;
  position: absolute;
  left: 0;
  z-index: 99;
  opacity: 1 !important;
  padding: 20px 50px;
  background-color: #fff;
  border: 1px;
  border-style: solid;
  border-color: #000;
  width: calc(100vw - 80px);
  transform: translateY(50px);
  max-width: 1540px;
}
@media screen and (max-width: 540px) {
  .open_sort_children {
    border: none;
  }
}
.open_sort_children.pc-hide {
  display: none;
  opacity: 0 !important;
  pointer-events: none;
}
@media screen and (max-width: 540px) {
  .open_sort_children.pc-hide {
    display: inherit;
    opacity: 1 !important;
    pointer-events: all;
  }
}
@media screen and (max-width: 540px) {
  .open_sort_children {
    position: relative;
    width: 100%;
    transform: translateY(15px);
    padding: 30px;
  }
}
.open_sort_children_tit {
  font-weight: 700;
  margin-bottom: 10px;
}

.list_tit_count {
  margin-top: 15px;
  display: block;
  font-size: 1.3rem;
}

#sort_color {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 50px;
  white-space: nowrap;
}
@media screen and (max-width: 540px) {
  #sort_color {
    flex-direction: column;
    align-items: flex-start;
  }
}

#sort_color ul {
  line-height: 1.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 30px;
  gap: 20px 30px;
}
@media screen and (max-width: 540px) {
  #sort_color ul {
    margin-left: 0;
    margin-top: 30px;
    padding: 0 20px;
  }
}

#sort_color ul li {
  width: 20px;
  height: 20px;
}

#sort_color ul li a {
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #EEEEEE;
}

#sort_color ul li.colorselected a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px;
}

#color_tip_0 a {
  border: solid 1px #000 !important;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
}
#color_tip_0 a::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -17px;
  width: 1px;
  height: 300%;
  background-color: #000;
  transform: rotate(45deg);
}

#color_tip_1 a {
  background-color: #FFF;
  border: solid 1px #D8D8D8 !important;
}

#color_tip_2 a {
  background-color: #333333;
}

#color_tip_3 a {
  background-color: #AAAAAA;
}

#color_tip_4 a {
  background-color: #9A8472;
}

#color_tip_5 a {
  background-color: #E3DFCD;
}

#color_tip_6 a {
  background-color: #5B8953;
}

#color_tip_7 a {
  background-color: #6897B4;
}

#color_tip_8 a {
  background-color: #9585AF;
}

#color_tip_9 a {
  background-color: #DE96B7;
}

#color_tip_10 a {
  background-color: #EA5B5B;
}

#color_tip_11 a {
  background-color: #ED9667;
}

#color_tip_12 a {
  background-color: #E6E68E;
}

#color_tip_13 a {
  background: linear-gradient(to right bottom, #ADADAD, #E5E5E3, #4A4A4A);
}

#color_tip_14 a {
  background: linear-gradient(to right bottom, #7E7828, #DDD282, #817913);
}

/*------------------------------------------------------------
詳細ページ
------------------------------------------------------------*/
#item_detail {
  margin-bottom: 100px;
}

#item_detail_block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  #item_detail_block {
    flex-direction: column;
  }
}

#item_photo {
  width: 58.4%;
  order: 1;
}
@media screen and (max-width: 540px) {
  #item_photo {
    width: 100%;
  }
  #item_photo .swiper-button-next,
  #item_photo .swiper-button-prev {
    top: 65vw;
  }
}

#item_photo img {
  width: 100%;
  height: auto;
}

#item_spec {
  width: 34.6%;
  margin-left: 5%;
  margin-right: 2%;
  order: 2;
  font-weight: 400;
}
@media screen and (max-width: 540px) {
  #item_spec {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0 10px;
  }
}
#item_spec_tit {
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 20px;
  font-weight: 400;
}
#item_spec_cat {
  display: flex;
  gap: 10px;
  margin-bottom: 38px;
}
#item_spec_cat.sponly {
  display: none;
}
@media screen and (max-width: 540px) {
  #item_spec_cat.sponly {
    display: flex;
    margin-left: 10px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 540px) {
  #item_spec_cat.pconly {
    display: none;
  }
}
#item_spec_id {
  font-size: 12px;
  margin-bottom: 20px;
}
#item_spec_schedule {
  margin-top: 10px;
}
#item_spec_status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 10px;
}
#item_spec_status a {
  display: block;
  color: #FFF;
  background-color: #CCCCCC;
  padding: 5px 12px;
  min-width: 70px;
  text-align: center;
  white-space: nowrap;
}
#item_spec_price {
  margin-bottom: 40px;
}

#item_photo li {
  position: relative;
}

#item_photo_outer {
  position: relative;
}

#item_photo_outer li {
  position: relative;
  margin-bottom: 1px;
}

#item_photo_outer li:before {
  content: "";
  display: block;
  padding-top: 120%;
}

#item_photo_outer li img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#item_photo_outer li p {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#item_photo_slider {
  overflow: hidden;
}

#item_photo_slider .swiper-slide p {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-transform: uppercase;
  font-size: 14px;
}

.item_photo_thumb ul {
  display: flex;
  flex-wrap: wrap;
}

.item_photo_thumb ul li {
  width: 12.5%;
  font-size: 1rem;
  word-break: break-all;
  line-height: 1.2rem;
}
@media screen and (max-width: 540px) {
  .item_photo_thumb ul li {
    width: 16.6666666667%;
  }
}
.item_photo_thumb ul li a {
  position: relative;
}
.item_photo_thumb ul li a p {
  height: 20px;
  padding: 2px 2px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 6px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  white-space: normal;
  height: fit-content;
  display: table;
}
@media screen and (max-width: 540px) {
  .item_photo_thumb ul li a p {
    font-size: 5px;
  }
}

#detail_price {
  display: flex;
  align-items: baseline;
  font-weight: 400;
}

#detail_price li {
  margin-right: 10px;
}

#dynamic_price {
  display: none;
}

#cart_color,
#cart_size {
  margin-top: 20px;
  display: flex;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
}

#cart_size {
  margin-top: 10px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}

#cart_color .detail_tit,
#cart_size .detail_tit {
  width: 15%;
  margin: 0;
}

#color_block,
#size_block {
  width: 85%;
}

#color_block ul,
#size_block ul {
  display: flex;
  align-items: top;
  flex-wrap: wrap;
}

#color_block ul li {
  width: 75px;
  margin: 10px 10px 10px 0;
}

#color_block ul li a {
  width: 75px;
  height: 90px;
  display: block;
  position: relative;
  font-size: 1rem;
  padding: 3px;
  border: 1px solid #e1e1e1;
  transition: none;
  overflow: hidden;
}

#color_block ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#color_block ul li p {
  margin-top: 5px;
  word-break: break-all;
  font-size: 1rem;
  line-height: 1.2rem;
}

#size_block ul li {
  width: 52px;
  height: 34px;
  margin: 10px 10px 10px 0;
}

#size_block ul li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 1px;
  border: 1px solid #e1e1e1;
  position: relative;
  transition: none;
  overflow: hidden;
}

#size_block ul li a span {
  display: table-cell;
  width: 48px;
  height: 30px;
  text-align: center;
  font-size: 0.9rem;
  vertical-align: middle;
  padding: 0 3px;
  line-height: 120%;
  white-space: nowrap;
}

.slash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#color_block .slash {
  background: url(/user_data/packages/default/images/ico_slash_color.png) no-repeat center center;
  background-size: cover;
}

#size_block .slash {
  background: url(/user_data/packages/default/images/ico_slash_size.png) no-repeat center center;
  background-size: cover;
}

.sku_selected {
  border: 3px solid #000 !important;
  padding: 1px !important;
}

#size_block ul li a.sku_selected {
  outline: none !important;
  background-color: #000;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

#cart_comment {
  position: relative;
  letter-spacing: normal;
  color: #999999;
  margin-top: 20px;
}

#cart_comment a {
  position: absolute;
  top: 0;
}

#cart_btn_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

#cart_btn_block div {
  position: relative;
  height: 60px;
}

#cart_favorite {
  width: 60px;
}

#cart_add {
  width: calc(100% - 60px);
}

#cart_add .fa-shopping-bag {
  font-size: 2rem;
  margin-right: 15px;
}

#cart_btn_block div p {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
}

#cart_btn_block div p a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 60px;
}

#cart_add a {
  background-color: #000;
  color: #FFFFFF;
  border-radius: 5px 0 0 5px;
}

#cart_favorite a {
  background-color: #eee;
  color: #B50003;
  border-left: 1px solid #FFFFFF;
  border-radius: 0 5px 5px 0;
}

#cart_code {
  color: #999999;
  margin-top: 20px;
}

.detail_tit {
  margin-bottom: 15px;
}

#size_table {
  margin-top: 20px;
  font-size: 12px;
  text-align: left;
  display: flex;
  overflow-x: scroll;
}

#size_table ul {
  width: auto;
  min-width: 75px;
  letter-spacing: normal;
}

#size_table li {
  min-height: 30px;
  padding: 4px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: flex-start;
}

#size_table ul:first-child li:nth-child(odd) {
  position: relative;
}
#size_table ul li:nth-child(odd) p{
  position: relative;
  z-index: 2;
}
#size_table ul:first-child li:nth-child(odd)::after{
  content: "";
  background: #f5f5f5;
  width: 420px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 540px) {
  #size_table ul:first-child li:nth-child(odd)::after{
    width: calc(100vw - 20px);
  }
}

#size_table li:first-child {
  background: #f5f5f5;
  text-align: center;
}

#size_table li:nth-child(odd) {
  background: #f5f5f5;
}

#item_detail_txt {
  margin-top: 20px;
  font-size: 12px;
  line-height: 2em;
}

#item_detail_txt p {
  margin-bottom: 15px;
  line-height: 180%;
}

#item_detail_txt p:last-child {
  margin-bottom: 0px;
}

#float_login {
  margin-bottom: 25px;
}

#float_login li {
  margin-bottom: 10px;
}

#pop_up_txt p {
  margin-bottom: 15px;
  letter-spacing: normal;
}

#pop_up_txt p:last-child {
  margin-bottom: 0px;
}

#mail_itemblock {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding: 30px 0;
  margin: 40px 0;
}

#mail_itemphoto {
  width: 20%;
  margin-right: 4.5%;
}

#mail_itemphoto img {
  vertical-align: bottom;
}

#mail_text {
  width: 75.5%;
  letter-spacing: normal;
}

#inline_content2 {
  font-size: 1.2rem;
  line-height: 200%;
  padding: 75px;
}

#item_detail_sub {
  font-size: 12px;
  margin-top: 20px;
}

#item_detail_sub a {
  text-decoration: underline;
}

#item_detail_sub li {
  display: flex;
  line-height: 2rem;
  margin-bottom: 10px;
}
#item_detail_sub li > p:first-child {
  width: 80px;
  color: #999999;
}
#item_detail_sub li > p:last-child {
  width: calc(100% - 88px);
}
#item_detail_sub li p {
  padding: 4px;
}
#item_detail_sub li:nth-child(odd) p {
  background: #f5f5f5;
}

#item_detailsub_category p {
  line-height: 180%;
}

#item_detailsub_category {
  margin-bottom: 5px;
}

#color_unselected,
#size_unselected {
  display: none;
  font-size: 0.8rem;
  color: #B50003;
}

#item_photo .swiper-button-next:after,
#item_photo .swiper-button-prev:after {
  font-size: 2rem;
}

#recommend_slider_outer {
  overflow: hidden;
}

.tit_item_detail_inner {
  font-size: 1.4rem;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 13px;
  margin-bottom: 13px;
}

#item_spec_detail {
  border: 1px solid #eeeeee;
  padding: 6px 20px;
}

#item_spec_detail dl {
  display: flex;
  align-items: center;
}

#item_spec_detail dl dt {
  width: 120px;
  font-weight: 700;
}

#item_spec_detail dl {
  margin: 7px 0;
}

.icon_gray {
  color: #999;
}

#item_comment {
  margin-top: 40px;
  font-size: 1.3rem;
}

#item_comment_selector {
  display: flex;
  gap: 1px;
  border-bottom: 1px solid var(--default_gray);
}
#item_comment_selector li {
  margin: 0;
  text-align: center;
  width: 100px;
}
#item_comment_selector li a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding: 12px 10px;
  font-size: 12px;
}
#item_comment_selector li a p {
  transition: all 0.3s ease;
}
#item_comment_selector li a:hover {
  opacity: 1;
}
#item_comment_selector li a:hover p {
  opacity: 0.5;
}
#item_comment_selector li a.active_select {
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--default_gray);
  border-bottom: none;
  position: relative;
}
#item_comment_selector li a.active_select::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}

#item_comment_content aside:nth-child(2),
#item_comment_content aside:nth-child(3) {
  display: none;
}

.cart_select_multi_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
@media screen and (max-width: 540px) {
  .cart_select_multi_list {
    max-width: 500px;
  }
}

.cart_select_multi_color {
  width: 30%;
}
@media screen and (max-width: 540px) {
  .cart_select_multi_color {
    max-width: 200px;
    min-width: 80px;
  }
}
.cart_select_multi_color p {
  font-size: 12px;
  color: #AAA;
  margin-top: 4px;
  letter-spacing: -.1em;
}

.cart_select_multi_size {
  width: calc(80% - 10px);
  flex: 1;
}
@media screen and (max-width: 540px) {
  .cart_select_multi_size {
    width: auto;
  }
}

.cart_select_multi_size ul {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.cart_select_multi_size ul:last-child {
  margin-bottom: 0px;
}

.cart_select_multi_size_name {
  min-width: 46px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #AAAAAA;
  font-weight: 400;
  text-align: center;
}

.cart_select_multi_btn {
  width: 180px;
  height: 30px;
}
@media screen and (max-width: 540px) {
  .cart_select_multi_btn {
    width: 100%;
    min-width: 80px;
    flex: 1;
  }
}
.cart_select_multi_btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
.cart_select_multi_btn a i {
  margin-right: 10px;
}
.cart_select_multi_btn a:hover {
  opacity: 1;
  color: #FFF;
  background-color: #000;
  border: 1px solid #000;
}

.cart_select_multi_schedule {
  width: 100%;
  font-size: var(--fontXXS);
}

.favorite_select_multi_btn {
  width: 40px;
  height: 30px;
  margin-left: 8px;
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.favorite_select_multi_btn p {
  height: 17px;
  width: 20px;
}

.favorite_select_multi_btn a {
  display: flex;
  width: 100%;
  height: 100%;
}
.favorite_select_multi_btn a svg {
  width: 100%;
  height: 100%;
}
.favorite_select_multi_btn a.fav_on svg path {
  fill: #F05668;
}

#cart_multi_view_btn {
  display: none;
}
@media screen and (max-width: 540px) {
  #cart_multi_view_btn {
    width: 100%;
    width: 100%;
    height: 100%;
    color: #000;
    line-height: 40px;
    text-align: center;
    border: 1px solid #000;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  #cart_multi_view_btn:hover {
    opacity: 1;
    color: #FFF;
    background-color: #000;
    border: 1px solid #000;
  }
}

.item_detail_form {
  margin-top: 30px;
}

#nav-cart {
  position: relative;
}
#nav-cart span {
  position: absolute;
  display: block;
  right: -3px;
  top: 4px;
  color: #fff;
  background-color: #000;
  border-radius: 100%;
  font-size: 10px;
  text-align: center;
  min-width: 14px;
  height: 14px;
  padding: 2px;
  line-height: 1;
}

/*ページング------------------------------------------*/
.paging {
  width: 100%;
  margin-top: 60px;
  padding: 35px 0 20px 0;
  font-size: 14px;
  color: #999;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.paging p {
  line-height: 1;
}
.paging .list_nopager {
  letter-spacing: 0.3em;
}
.paging .nav_prev span {
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  width: 8px;
  height: 8px;
  position: relative;
}
.paging .nav_prev span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(4px) rotate(135deg);
}
.paging .nav_next span {
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  width: 8px;
  height: 8px;
  position: relative;
}
.paging .nav_next span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(4px) rotate(-45deg);
}

#page_prev,
#page_next {
  width: 20px;
  height: 20px;
}

#page_prev {
  margin-left: 15px;
}

#page_next {
  margin-right: 15px;
}

#paging_info {
  letter-spacing: 10px;
}/*# sourceMappingURL=style.css.map */