@charset "UTF-8";
/* html {
  font-size: 16px;
} */

/* body {
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
} */

/* a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
} */

a {
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}

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

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none !important;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

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

.md-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .md-show {
    display: block;
  }
}

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

.lg-show {
  display: none;
}
@media screen and (max-width: 992px) {
  .lg-show {
    display: block;
  }
}

.color-category01 {
  color: var(--category01-color);
}

.color-category02 {
  color: var(--category02-color);
}

.color-category03 {
  color: var(--category03-color);
}

.color-category04 {
  color: var(--category04-color);
}

.color-category05 {
  color: var(--category05-color);
}

.color-category-extention01 {
  color: var(--extention01-color);
}

.color-category-extention02 {
  color: var(--extention02-color);
}

.color-category-extention03 {
  color: var(--extention03-color);
}

.color-category-extention04 {
  color: var(--extention04-color);
}

.color-category-extention05 {
  color: var(--extention05-color);
}

.bg-category01 {
  background-color: var(--category01-color);
}

.bg-category02 {
  background-color: var(--category02-color);
}

.bg-category03 {
  background-color: var(--category03-color);
}

.bg-category04 {
  background-color: var(--category04-color);
}

.bg-category05 {
  background-color: var(--category05-color);
}

.bg-category09 {
  background-color: var(--category09-color);
}

.pos-color {
  background-color: #7f7f7f;
}

.pt-color {
  background-color: #24b450;
}

.ot-color {
  background-color: #f89e34;
}

.st-color {
  background-color: #1e58b4;
}

.curriculum {
  width: 100%;
  margin: 0 auto 100px;
}

@media screen and (max-width: 1440px) {
  .curriculum {
    margin: 0 auto 6.5%;
  }
}
@media screen and (max-width: 768px) {
  .curriculum {
    margin: 0 auto;
  }
}
.curriculum__inner {
  width: 75%;
  max-width: 1380px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

/* @media screen and (max-width: 768px) {
  .curriculum__inner {
    width: 79%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
} */
@media screen and (max-width: 1024px) {
  .curriculum__inner {
    width: 82%;
  }
}
@media screen and (max-width: 768px) {
  .curriculum__inner {
    width: 100%;
    padding-right: 7%;
    padding-left: 7%;
  }
}
@media screen and (max-width: 375px) {
  .curriculum__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.curriculum__heading {
  text-align: center;
  margin-bottom: 2.5%;
}
@media screen and (max-width: 768px) {
  .curriculum__heading {
    margin-bottom: 20px;
  }
}

.curriculum__heading-main {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .curriculum__heading-main {
    font-size: 25px;
  }
}

.curriculum__heading-sub1 {
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #009944;
  margin-top: 25px;
  line-height: 1.625;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .curriculum__heading-sub1 {
    margin-top: 10px;
  }
}

.curriculum__heading-sub2 {
  font-weight: 400;
  font-size: 16px;
  margin-top: 3px;
  letter-spacing: 0.05em;
  margin-top: 25px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .curriculum__heading-sub2 {
    font-size: 12.5px;
    line-height: 1.44;
    margin-top: 10px;
  }
}

.curriculum__backnumbers {
  margin: 0 auto 1%;
  padding: 16px;
  text-align: center;
  /* background-color: #e9e9e9; */
}
.curriculum__backnumbers ul {
  display: flex;
  justify-content: center;
  gap: 12px 24px;
  flex-wrap: wrap;
}
/* .curriculum__backnumbers ul > * {
  width: 230px;
} */
.curriculum__backnumbers a {
  border-bottom: 1px solid #333;
  margin: 0 12px;
}
@media screen and (max-width: 768px) {
  .curriculum__backnumbers {
    padding: 12px;
  }
  .curriculum__backnumbers ul {
    /* flex-direction: column; */
    gap: 8px;
  }
  .curriculum__backnumbers ul > * {
    margin-bottom: 8px;
    width: auto;
  }
}

.curriculum__top-bunner {
  width: 70%;
  max-width: 728px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .curriculum__top-bunner {
    width: 100%;
    max-width: 100%;
    /* margin: 30px auto; */
  }
}

.curriculum__container.first {
  margin-top: 5%;
}
.curriculum__container:not(.first) {
  margin-top: 8%;
}
@media screen and (max-width: 768px) {
  .curriculum__container.first {
    margin-top: 12%;
  }
  .curriculum__container:not(.first) {
    margin-top: 20%;
  }
}

.curriculum__topic {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 1324px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  margin-inline: auto;
}

/* @media screen and (max-width: 1440px) {
  .curriculum__topic {
    margin-top: 7.5%;
  }
} */
@media screen and (max-width: 1124px) {
  .curriculum__topic {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .curriculum__topic {
    flex-direction: column;
    /* gap: 16px; */
    align-items: unset;
  }
}
.curriculum__topic-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  /* color: #fff; */
  color: #009944;
  border: 3px solid #009944;
  border-radius: 30px;
  /* width: 19%; */
  /* width: auto; */
  text-align: center;
  /* padding: 13px; */
  padding: 12px 24px;
  /* float: left; */
  /* margin-right: 20px; */
  /* margin-top: -6px; */
}

@media screen and (max-width: 1620px) {
  .curriculum__topic-title {
    font-size: 18px;
    /* width: 22%; */
  }
}
@media screen and (max-width: 1300px) {
  .curriculum__topic-title {
    /* width: 25%; */
    font-size: 14px;
    margin-top: 0;
  }
}
@media screen and (max-width: 960px) {
  .curriculum__topic-title {
    /* width: 28%; */
    min-width: 165px;
    font-size: 14px;
  }
}
/* @media screen and (max-width: 768px) {
  .curriculum__topic-title {
    font-size: 16px;
    font-weight: normal;
    float: none;
    width: fit-content;
    padding: 6px;
  }
} */
/* @media screen and (max-width: 768px) {
  .curriculum__topic-title {
    width: 34%;
    font-size: 11px;
    padding: 5px 6px;
  }
} */
@media screen and (max-width: 768px) {
  .curriculum__topic-title {
    display: inline-block;
    width: fit-content;
    margin: 0 auto;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
  }
}
@media screen and (max-width: 350px) {
  /* .curriculum__topic-title {
    width: 38%;
  } */
}
.curriculum__topic-text {
  display: flex;
  flex: 1;
  font-size: 18px;
  /* font-weight: 700; */
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 0 0 28px;
  margin-left: 14px;
  align-items: center;
}

#category01 .curriculum__topic-text::before {
  border-color: transparent transparent transparent var(--category01-color);
}
#category02 .curriculum__topic-text::before {
  border-color: transparent transparent transparent var(--category02-color);
}
#category03 .curriculum__topic-text::before {
  border-color: transparent transparent transparent var(--category03-color);
}
#category04 .curriculum__topic-text::before {
  border-color: transparent transparent transparent var(--category04-color);
}
#category05 .curriculum__topic-text::before {
  border-color: transparent transparent transparent var(--category05-color);
}

@media screen and (max-width: 1124px) {
  .curriculum__topic-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .curriculum__topic-text {
    font-size: 18px;
  }
}
/* @media screen and (max-width: 768px) {
  .curriculum__topic-text {
    margin-top: 11px;
    padding: 0 0 0 25px;
    margin-left: 0;
    line-height: 1.125;
  }
} */
@media screen and (max-width: 768px) {
  .curriculum__topic-text {
    margin-left: 0;
    padding: 0 0 0 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.125;
  }
}
.curriculum__topic-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-width: 13px 13px 13px 20px;
  border-style: solid;
  border-color: transparent;
}

/* @media screen and (max-width: 1124px) {
  .curriculum__topic-text::before {
    top: 25%;
  }
} */

@media screen and (max-width: 768px) {
  .curriculum__topic-text::before {
    top: 18px;
    border-width: 20px 13px 13px 13px;
    font-weight: bold;
  }

  #category01 .curriculum__topic-text::before {
    border-color: var(--category01-color) transparent transparent transparent;
  }
  #category02 .curriculum__topic-text::before {
    border-color: var(--category02-color) transparent transparent transparent;
  }
  #category03 .curriculum__topic-text::before {
    border-color: var(--category03-color) transparent transparent transparent;
  }
  #category04 .curriculum__topic-text::before {
    border-color: var(--category04-color)transparent transparent transparent;
  }
  #category05 .curriculum__topic-text::before {
    border-color: var(--category05-color)transparent transparent transparent;
  }
}

.curriculum__topic-text::after {
  background-color: #333;
  content: "";
  flex-grow: 1;
  height: 1px;
  margin-left: 3.2%;
}

@media screen and (max-width: 768px) {
  .curriculum__topic-text::after {
    margin-left: 0;
    display: none;
  }
}
@media screen and (max-width: 1475px) {
  .curriculum__topic-text br {
    display: block;
  }
}
.curriculum__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 6.9%;
  row-gap: 20px;
  max-width: 1320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
/* @media screen and (max-width: 768px) {
  .curriculum__items {
    flex-direction: column;
    margin-top: 0;
  }
} */
@media screen and (max-width: 768px) {
  .curriculum__items {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 8px;
    margin-top: 4px;
  }
  .curriculum__items .movie_01 {
    order: 1;
  }
  .curriculum__items .comment_01 {
    order: 2;
  }
  .curriculum__items .movie_02 {
    order: 3;
  }
  .curriculum__items .comment_02 {
    order: 4;
  }
  .curriculum__items .movie_03 {
    order: 5;
  }
  .curriculum__items .comment_03 {
    order: 6;
  }
}

.curriculum-card {
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .curriculum-card {
    max-width: 100%;
    margin-top: 20px;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .curriculum-card__wrap {
    display: flex;
    margin: 0 12px;
  }
}

.curriculum-card__img {
  aspect-ratio: 380/213;
}
@media screen and (max-width: 768px) {
  .curriculum-card__img {
    aspect-ratio: 124/69;
    /* width: calc(100% - 24px); */
    /* width: 48%; */
  }
}

.curriculum-card__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.curriculum-card__body {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .curriculum-card__body {
    width: 50%;
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .curriculum-card__content {
    width: 100%;
    margin-left: 10px;
    padding-right: 15px;
  }
}
.curriculum-card__title {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-radius: 30px;
  width: 95px;
  text-align: center;
  padding: 3px;
}

@media screen and (max-width: 768px) {
  .curriculum-card__title {
    width: fit-content;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: bold;
  }
}
.curriculum-card__text {
  color: #333;
  font-weight: 400;
  line-height: 1.18;
  font-size: 22px;
  margin-top: 15px;
}

@media screen and (max-width: 1565px) {
  .curriculum-card__text {
    font-size: 18px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1375px) {
  .curriculum-card__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .curriculum-card__text {
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
}

/* #new-topic .curriculum__topic-title,
#new-topic .curriculum-card__title {
  background-color: #d0d241;
}

#staff .curriculum__topic-title,
#staff .curriculum-card__title {
  background-color: #41b8d2;
}

#management .curriculum__topic-title,
#management .curriculum-card__title {
  background-color: #41d278;
}

#request .curriculum__topic-title,
#request .curriculum-card__title {
  background-color: #f898b0;
} */

/* .curriculum__topic-text::before {
  border-width: 13px 13px 13px 20px;
  border-style: solid;
  border-color: #000;
} */

/* @media screen and (max-width: 768px) {
  .curriculum__topic-text::before {
    border-width: 0 0 0 20px;
    border-style: none none none solid;
  }
} */
/* 
#new-topic .curriculum__topic-text::before {
  border-left: 20px solid #d0d241;
}
@media screen and (max-width: 768px) {
  #new-topic .curriculum__topic-text::before {
    border-left: 10px solid transparent;
    border-top: 15px solid #d0d241;
  }
}

#staff .curriculum__topic-text::before {
  border-left: 20px solid #41b8d2;
}
@media screen and (max-width: 768px) {
  #staff .curriculum__topic-text::before {
    border-top: 15px solid #41b8d2;
    border-left: 10px solid transparent;
  }
}

#management .curriculum__topic-text::before {
  border-left: 20px solid #41d278;
}
@media screen and (max-width: 768px) {
  #management .curriculum__topic-text::before {
    border-top: 15px solid #41d278;
    border-left: 10px solid transparent;
  }
}

#request .curriculum__topic-text::before {
  border-left: 20px solid #f898b0;
}
@media screen and (max-width: 768px) {
  #request .curriculum__topic-text::before {
    border-top: 15px solid #f898b0;
    border-left: 10px solid transparent;
  }
} */

.curriculumーcategory {
  margin-bottom: 50px;
}

@media screen and (max-width: 1440px) {
  .curriculumーcategory {
    margin-bottom: 4.8%;
  }
}

.curriculumーcategory__inner {
  width: 75%;
  max-width: 1240px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1800px) {
  .curriculumーcategory__inner {
    padding-right: 7%;
    padding-left: 7%;
  }
}
.curriculumーcategory__heading {
  text-align: center;
  /* font-size: 24px; */
  font-size: 16px;
  color: #009944;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .curriculumーcategory__heading {
    font-size: 16px;
  }
}

.curriculumーcategory__items {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .curriculumーcategory__items {
    margin-top: 8px;
  }
}

.curriculumーcategory__item {
  width: 100%;
  margin: 0 12px;
}
#page-top .curriculumーcategory__item {
  max-width: 22.6%;
}
@media screen and (max-width: 768px) {
  .curriculumーcategory__item {
    max-width: 100%;
  }
}

.curriculumーcategory__button {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #040000;
  box-sizing: border-box;
  padding: 13px 20px;
  color: #333;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}

@media screen and (max-width: 1800px) {
  .curriculumーcategory__button {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) {
  .curriculumーcategory__button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1300px) {
  .curriculumーcategory__button {
    font-size: 12px;
  }
}
a.curriculumーcategory__button:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 0;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
a.curriculumーcategory__button:hover:after {
  border-color: #fff;;
}
/* a.curriculumーcategory__button:before {
  content: "";
  width: 10px;
  height: 10px;
} */

@media screen and (max-width: 1100px) {
  a.curriculumーcategory__button.item2:before {
    right: 12px;
  }
}
@media screen and (max-width: 900px) {
  a.curriculumーcategory__button:before {
    right: 12px;
  }
}
a.curriculumーcategory__button:not(.no-hover):hover {
  color: #fff;
}

a.curriculumーcategory__button:hover:before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

a.item1:hover {
  background: var(--category01-color);;
}

a.item2:hover {
  background: var(--category02-color);
}

a.item3:hover {
  background: var(--category03-color);
}

a.item4:hover {
  background: var(--category04-color);
}

a.item5:hover {
  background: var(--category05-color);
}

a.item9:hover {
  background: var(--category09-color);
}

.curriculumーmovie {
  margin-top: 150px;
  margin-bottom: 90px;
}

@media screen and (max-width: 1800px) {
  .curriculumーmovie {
    margin-top: 7.8%;
    margin-bottom: 4.7%;
  }
}
@media screen and (max-width: 768px) {
  .curriculumーmovie {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.curriculumーmovie__inner {
  width: 82%;
  max-width: 1570px;
  min-width: 720px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .curriculumーmovie__inner {
    width: 95%;
    max-width: 100%;
    min-width: 9%;
    padding-left: 0;
    padding-right: 0;
  }
}
.curriculumーmovie__container {
  background-color: #eeeeee;
  margin-top: 100px;
}

@media screen and (max-width: 1440px) {
  .curriculumーmovie__container {
    margin-top: 7.2%;
  }
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__container {
    margin-top: 8px;
    padding-bottom: 1px;
  }
}

.curriculumーmovie__category {
  display: none;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__category {
    display: block;
    width: fit-content;
    margin: 54px auto 8px;
    border-radius: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.curriculumーmovie__category-text {
  font-size: 16px;
  color: #fff;
  padding: 5px 10px;
}

@media screen and (max-width: 580px) {
  .curriculumーmovie__category-text {
    padding: 8px 12px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
}

@media screen and (max-width: 768px) {
  .category__innner {
    padding-top: 54px;
  }
  .curriculumーmovie__category + .category__innner {
    padding-top: 0px;
  }
}

.curriculumーmovie__title {
  max-width: 100%;
  width: 100%;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

/* @media screen and (max-width: 768px) {
  .curriculumーmovie__title {
    min-height: auto;
  }
} */
@media screen and (max-width: 1000px) {
  .curriculumーmovie__title {
    height: auto;
    padding: 16px;
  }
}
@media screen and (max-width: 580px) {
  .curriculumーmovie__title {
    align-items: unset;
    flex-direction: column-reverse;
    gap: 4px;
  }
}
.curriculumーmovie__title-main {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1900px) {
  /* .curriculumーmovie__title-main {
    font-size: 30px;
  } */
}
@media screen and (max-width: 1800px) {
  /* .curriculumーmovie__title-main {
    font-size: 26px;
  } */
}
@media screen and (max-width: 1200px) {
  /* .curriculumーmovie__title-main {
    font-size: 26px;
  } */
}
@media screen and (max-width: 1100px) {
  /* .curriculumーmovie__title-main {
    font-size: 24px;
  } */
}
@media screen and (max-width: 580px) {
  .curriculumーmovie__title-main {
    /* font-size: 20px; */
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 360px) {
  /* .curriculumーmovie__title-main {
    font-size: 17px;
  } */
}
/* .curriculumーmovie__title-main br {
  display: none;
}

@media screen and (max-width: 1750px) {
  .curriculumーmovie__title-main br {
    display: block;
  }
} */
.curriculumーmovie__title-category {
  width: fit-content;
  background-color: #fff;
  padding: 13px 15px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
  /* width: 230px; */
}

@media screen and (max-width: 1440px) {
  /* .curriculumーmovie__title-category {
    font-size: 18px;
    width: 200px;
    padding: 13px 5px;
  } */
}
@media screen and (max-width: 1200px) {
  /* .curriculumーmovie__title-category {
    font-size: 16px;
    width: 190px;
    padding: 10px 5px;
  } */
}
@media screen and (max-width: 1024px) {
  /* .curriculumーmovie__title-category {
    font-size: 16px;
    padding: 10px 5px;
    width: 170px;
  } */
}
@media screen and (max-width: 950px) {
  /* .curriculumーmovie__title-category {
    font-size: 14px;
    padding: 7px 5px;
    width: 160px;
  } */
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__title-category {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
  }
}
.curriculumーmovie__heading {
  width: 100%;
}
/* @media screen and (max-width: 768px) {
  .curriculumーmovie__heading {
    margin-top: 60px;
  }
} */
@media screen and (max-width: 768px) {
  .curriculumーmovie__heading {
    position: relative;
    width: 40%;
    height: fit-content;
    margin: 4% 0;
    padding: 3% 5%;
    border-radius: 0 16px 16px 0;
    background-color: #fff;
    cursor: pointer;
  }

  .curriculumーmovie__heading .button {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    text-align: center;
    height: auto;
    color: #ffa11b;
    font-size: 3.6vw;
    font-weight: bold;
  }
  .curriculumーmovie__heading .text {
    display: block;
    text-align: center;
    height: auto;
    color: #ffa11b;
    font-size: 3.6vw;
    font-weight: bold;
  }

  .curriculumーmovie__heading .arrow {
    position: absolute;
    width: 10%;
    top: 22.5%;
    right: 20%;
    transition: 0.2s;
  }
  .curriculumーmovie__heading.show .arrow {
    transform: rotate(90deg);
  }
}

.curriculumーmovie__heading-wrap {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__heading-wrap {
    display: none;
  }
}

.curriculumーmovie__heading-left {
  width: 35%;
  max-width: 100%;
  margin-left: 30px;
  margin-right: 15%;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__heading-left {
    display: none;
  }
}

.left-icon {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.curriculumーmovie__heading-right {
  max-width: 100%;
  width: 15%;
}
.right-icon {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  display: block;
}

.curriculumーmovie__body {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
/* @media screen and (max-width: 768px) {
  .curriculumーmovie__body {
    display: block;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
} */
@media screen and (max-width: 768px) {
  .curriculumーmovie__body {
    display: flex;
    max-width: 600px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.curriculumーmovie__thumbnail {
  aspect-ratio: 730/411;
  width: 48%;
  padding-bottom: 80px;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__thumbnail {
    aspect-ratio: 345/193;
    width: 53%;
    padding-bottom: 0;
    padding-left: 0;
  }
}
/* @media screen and (max-width: 768px) {
  .curriculumーmovie__thumbnail {
    width: 53%;
    margin-bottom: 4%;
  }
} */

.thumbnail01 {
  margin-top: -20px;
}

.curriculumーmovie__img-wrap {
  position: relative;
}

.curriculumーmovie__thumbnail img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.curriculumーmovie__thumbnail-category {
  display: flex;
}

.curriculumーmovie__thumbnail-category > p {
  text-align: center;
  width: fit-content;
  min-width: 70px;
  padding: 10px 15px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .curriculumーmovie__thumbnail-category {
    font-size: 16px;
  }
}
@media screen and (max-width: 1100px) {
  .curriculumーmovie__thumbnail-category {
    font-size: 15px;
  }
}
.curriculumーmovie__thumbnail-category:nth-child(3) {
  left: calc(0% + 65px);
}
.curriculumーmovie__thumbnail-category:nth-child(4) {
  left: calc(0% + 130px);
}

@media screen and (max-width: 580px) {
  .curriculumーmovie__thumbnail-category {
    max-height: 0;
    transition: 0.4s;
    overflow: hidden;
  }
  .curriculumーmovie__thumbnail-category.show {
    max-height: 50px;
  }
  .curriculumーmovie__thumbnail-category > p {
    min-width: 50px;
    font-size: 14px;
  }
}

.curriculumーmovie__box {
  width: 48%;
  margin-left: 3.64%;
  padding-right: 20px;
}
/* @media screen and (max-width: 768px) {
  .curriculumーmovie__box {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
  }
} */
@media screen and (max-width: 768px) {
  .curriculumーmovie__box {
    width: 100%;
    max-height: 0;
    margin-left: 0;
    padding-right: 0;
    overflow: hidden;
    transition: 0.25s;
  }
  .curriculumーmovie__box.show {
    max-height: 1000px;
    overflow: hidden;
    transition: 0.50s;
  }
}

.curriculumーmovie__box ul {
  margin-top: 4%;
  margin-bottom: 6%;
}

.curriculumーmovie__sub-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.363;
  letter-spacing: 0.1em;
  color: #333;
  margin-left: 10px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__sub-title {
    margin-top: 15px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1100px) {
  .curriculumーmovie__sub-title {
    font-size: 15px;
  }
}
.curriculumーmovie__sub-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 3px;
  height: calc(100% - 1px);
  margin-right: 10px;
}
/* #category01__container .curriculumーmovie__sub-title::before {
  background-color: var(--category01-color);
} */

/* #category02__container .curriculumーmovie__sub-title::before {
  background-color: var(--category02-color);
} */

/* #category03__container .curriculumーmovie__sub-title::before {
  background-color: var(--category03-color);
} */

/* #category04__container .curriculumーmovie__sub-title::before {
  background-color: var(--category04-color);
} */

/* #category05__container .curriculumーmovie__sub-title::before {
  background-color: var(--category05-color);
} */

.sub-title01 {
  margin-top: 10px;
}

.curriculumーmovie__part-title {
  align-items: center;
  display: inline-block;
  width: 100%;
  padding-left: 15px;
}

@media screen and (max-width: 1100px) {
  .curriculumーmovie__part-title {
    width: 98%;
  }
}
.curriculumーmovie__part-title img {
  width: 3%;
  margin-right: 10px;
  display: inline-block;
}

.curriculumーmovie__part-title a {
  letter-spacing: 0.1em;
  color: #333;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__part-title a {
    letter-spacing: 0.05em;
  }
}

.curriculumーmovie__content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  transition: ease 0.3s;
}

.curriculumーmovie__content:hover {
  opacity: 0.7;
}

.curriculumーmovie__content:hover::after {
  content: "";
  width: 97%;
  height: 1px;
  display: inline-block;
  background-color: #333;
  position: absolute;
  bottom: 2px;
  left: 30px;
}

.movie-icon {
  width: 7%;
  max-width: 20px;
  margin-right: 10px;
}

.movie-icon img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin-top: 3px;
}

@media screen and (max-width: 580px) {
  .movie-icon img {
    margin-top: 0;
  }
}
.curriculumーmovie__text-title {
  width: 80%;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333;
}

@media screen and (max-width: 1100px) {
  .curriculumーmovie__text-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 580px) {
  .curriculumーmovie__text-title {
    width: 70%;
    font-size: 12px;
  }
}
.curriculumーmovie__time {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-align: right;
  width: 42%;
  font-size: 14px;
}

@media screen and (max-width: 1100px) {
  .curriculumーmovie__time {
    width: auto;
    margin-left: 20px;
    font-size: 13px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .curriculumーmovie__time {
    margin-left: 0;
  }
}
@media screen and (max-width: 580px) {
  .curriculumーmovie__time {
    width: 30%;
    font-size: 10px;
  }
}
#page-top {
  display: flex;
  flex-direction: column;
  position: relative;
}

#page-top .page-top1 {
  display: block;
  background-color: #ffffff;
  right: 0;
  bottom: 60%;
  position: fixed;
  width: 78px;
  height: 78px;
  padding: 35px 26px;
  color: #333;
  font-weight: 400;
  font-size: 12px;
  border: solid 1px #333;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #page-top .page-top1 {
    display: none;
  }
}

#page-top .page-top1::after {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(-45deg) translate(-50%, -50%);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

#page-top .page-top2 {
  display: block;
  background-color: #ffffff;
  right: 0;
  position: fixed;
  width: 60px;
  height: 60px;
  color: #333;
  font-weight: 400;
  font-size: 12px;
  border: solid 1px #aaaaaa;
  z-index: 100;
  /* bottom: 279.5px; */
  padding: 29px 5px;
  /* border-top: none; */
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #page-top .page-top2 {
    display: none;
  }
}

#page-top .A {
  display: none;
}

#page-top .A .curriculumーcategory__item {
  display: block;
  background-color: #ffffff;
  right: 0;
  position: fixed;
  width: 310px;
  height: 40px;
  color: #333;
  font-weight: 400;
  font-size: 12px;
  display: block;
}
@media screen and (max-width: 768px) {
  #page-top .A .curriculumーcategory__item {
    display: none;
  }
}

.curriculumーcategory__item a {
  opacity: 1;
}

#page-top .A .curriculumーcategory__item a {
  border: solid 1px #aaaaaa;
}
@media screen and (max-width: 768px) {
  #page-top .A .curriculumーcategory__item a {
    display: none;
  }
}

#page-top .A .curriculumーcategory__item:not(:first-child) a {
  border-top: none;
}

/* #page-top .A .curriculumーcategory__item:nth-child(1) {
  bottom: 240px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(2) {
  bottom: 200px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(3) {
  bottom: 160px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(4) {
  bottom: 120px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(5) {
  bottom: 80px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(6) {
  bottom: 40px;
} */

/* #page-top .A .curriculumーcategory__item:nth-child(7) {
  bottom: 0px;
} */

#page-top .curriculumーcategory__button:before {
  right: 25px;
}

#page-top .curriculumーcategory__item {
  margin: 0;
}

dl dt span {
  display: inline-block;
  cursor: pointer;
}

dl dt span:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  box-sizing: border-box;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  margin: -86px 0 0 1.5em;
  transform: rotate(-136deg) translate(-50%, -50%);
  transition: 0.2s;
}

dl dt.selected span:after {
  margin: -86px 0 0 1.5em;
  transform: rotate(45deg);
  transition: 0.2s;
}

.btn_mov_search.view_pc {
  display: none;
}

.con_main.fv_type_plain {
  margin-bottom: 0;
}

/* .box_side_nav {
  bottom: 339px !important;
} */

.box_side_nav ul {
  width: 60px;
}

.box_side_nav ul li.btn_pagetop {
  height: 60px;
}

.box_side_nav ul li.btn_pagetop a {
  width: 60px;
  height: 60px;
}


.new-strong {
  color: red;
  font-size: 16px;
  margin-bottom: -4px;
}