@charset "UTF-8";
@import "reset.css";
a:focus, *:focus {
  outline: none;
}

.normalLink {
  color: #0000ff !important;
  text-decoration: underline;
}

body {
  background-color: #fff;
  color: #4d4d4d;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  background-position: center;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-feature-settings: "palt" 1;
  font-kerning: auto;
}

.minfont {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothfont {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}

.enthfont, .bigttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.mainttl {
  border-bottom: 1px solid;
  font-size: clamp(1.375rem, 0.966rem + 2.05vw, 2.5rem);
  padding-bottom: 20px;
  font-weight: normal;
}
.mainttl span {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: block;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  margin-bottom: 20px;
}

.subTtlWrap .mainTtl {
  text-align: center;
  display: block;
  font-size: clamp(2.25rem, 0.75rem + 2vw, 2.5rem);
}
.subTtlWrap .mainTtl small {
  font-weight: 500;
  font-size: 80%;
  display: block;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  margin-top: 20px;
}

.barTtlWrap {
  background-color: #f2f1e9;
  border-radius: 6px;
  color: #4d4d4d;
  padding: 15px;
  font-size: clamp(1.5rem, 0.757rem + 1.08vw, 1.75rem);
}

.horizonTtl {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-size: clamp(1.5rem, 0.757rem + 1.08vw, 1.75rem);
  text-align: left;
}

.horizonTtl:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}

.horizonCenterTtl {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-size: clamp(1.5rem, 0.757rem + 1.08vw, 1.75rem);
}

.horizonCenterTtl:before, .horizonCenterTtl:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}

.horizonCenterTtl:before {
  margin-right: 0.5em;
}

.horizonCenterTtl:after {
  margin-left: 0.5em;
}

.inner {
  box-sizing: border-box;
}

a:hover {
  opacity: 0.6;
}

.morebtn {
  z-index: 1;
  border-radius: 6px;
  position: relative;
  text-align: center;
  display: block;
  color: #fff;
  padding: 20px 0;
  width: 500px;
  font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
}

.morebtn:hover {
  opacity: 1;
}

.morebtn:before {
  position: absolute;
  left: 10px;
  top: 10px;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  content: "";
}

.morebtn:after {
  position: absolute;
  right: 15px;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto;
  line-height: 0;
}

.deptMoreBtn {
  z-index: 1;
  position: relative;
  text-align: center;
  display: block;
  color: #fff;
  padding: 20px 0;
  width: 500px;
  font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
  font-weight: bold;
}
.deptMoreBtn span {
  font-weight: normal;
}

.deptMoreBtn:hover {
  opacity: 0.8;
}

.deptMoreBtn:before {
  position: absolute;
  left: 10px;
  top: 10px;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  content: "";
}

.deptMoreBtn:after {
  position: absolute;
  right: 15px;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto;
  line-height: 0;
}

.deptMoreBtnEm {
  background: linear-gradient(90deg, #f15779, #f4869e);
}

p {
  font-weight: 400;
  text-align: justify;
}

ul li, ol li {
  font-weight: 400;
}

dl dt, dl dd {
  font-weight: 400;
}

table {
  font-weight: 400;
}

sup {
  font-size: 70%;
  vertical-align: super;
}

.txtcenter {
  text-align: center !important;
}

.txtright {
  text-align: right !important;
}

.txtleft {
  text-align: left !important;
}

.italicTxt {
  font-style: italic;
}

.markerTxt {
  background: linear-gradient(#fff 50%, #ffff00 50%);
  padding: 0 10px 10px;
}

.discLiWrap {
  margin-left: 1.5em;
}
.discLiWrap li {
  list-style: disc;
}

.redtxt {
  color: #cc0000 !important;
}

.crtxt {
  font-size: clamp(0.625rem, -0.125rem + 1vw, 0.75rem) !important;
  text-align: right !important;
  line-height: 1.3em !important;
  margin: 0 !important;
}

@media only screen and (max-width:768px) {
  .sptxtleft {
    text-align: left !important;
  }
  .sptxtcenter {
    text-align: center !important;
  }
  .crtxt {
    font-size: 2vw !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}

/*アコーディオン*/
.acdToggle {
  display: none;
}

.acdLabel {
  padding: 1em;
  display: block;
  font-weight: bold;
}

.acdLabel::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
}

.acdLabel, .acdContent {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

.acdContent {
  height: 0;
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: hidden;
}

.acdToggle:checked + .acdLabel + .acdContent {
  height: auto;
  padding: 20px;
  transition: all 0.8s;
}

.acdToggle:checked + .acdLabel::before {
  transform: rotate(-180deg) !important;
}

/*スライド*/
.slick-slider .slick-prev {
  left: -25px;
  z-index: 5;
}
.slick-slider .slick-next {
  right: -25px;
  z-index: 5;
}

/*パンクズ*/
.breadcrumbsWrap {
  border-bottom: 1px solid;
  border-color: #4d4d4d;
}
.breadcrumbsWrap .breadcrumbsLi {
  width: 95%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 10px;
}
.breadcrumbsWrap .breadcrumbsLi li:first-child:before {
  display: none;
  margin: 0;
}
.breadcrumbsWrap .breadcrumbsLi li:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin: 0 5px;
}

@media only screen and (max-width:768px) {
  .breadcrumbsWrap .breadcrumbsLi {
    width: 95%;
    min-width: unset;
    max-width: unset;
    font-size: 2.5vw;
  }
}
/*索引*/
.listIndex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.listIndex li:first-child {
  margin-left: 0;
}
.listIndex li {
  width: 8%;
  margin-left: 1%;
}
.listIndex li a, .listIndex li span {
  display: block;
  width: auto;
  height: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width:768px) {
  .listIndex li:nth-child(5n+1) {
    margin-left: 0;
  }
  .listIndex li:nth-child(-n+5) {
    margin-top: 0;
  }
  .listIndex li {
    width: 16%;
    margin-left: 3%;
    margin-top: 3%;
  }
  .listIndex li a, .listIndex li span {
    padding: 10px;
    text-align: center;
    font-weight: bold;
  }
}
/*テーブル*/
.scroll {
  width: 100%;
}

.amgTable {
  border-collapse: collapse;
}
.amgTable tr:nth-child(odd) {
  background: #f7f7f7;
}
.amgTable th, .amgTable td {
  border: 1px solid;
  border-color: #aaa;
  padding: 15px;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  vertical-align: middle;
}
.amgTable th {
  background: #f0f0f0;
}
@media only screen and (max-width:768px) {
  .scroll {
    overflow-x: scroll;
    width: 100%;
  }
  .amgTable {
    width: 600px;
  }
  .amgTable th, .amgTable td {
    padding: 2.5%;
  }
}
/*番号付きリスト*/
.numOlWrap .numOlLi:first-child {
  margin-top: 0;
}
.numOlWrap .numOlLi {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  font-weight: bold;
  margin-top: 20px;
  display: flex;
  align-items: center;
  line-height: 1.5em;
}

.numIcon {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 100px;
  font-weight: bold;
  background-color: #ec6c00;
  color: #fff;
  margin-right: 10px;
  line-height: 1em;
  text-indent: 0;
}

@media only screen and (max-width:768px) {
  .numOlWrap .numOlLi {
    font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
    margin-top: 5%;
  }
  .numIcon {
    padding: 10px 13px;
    margin-right: 2.5%;
  }
}
/*ボーダー*/
.borderGray {
  border: 1px solid;
  border-color: #aaa;
}

/*動画*/
.youtubeBox {
  width: 100%;
  aspect-ratio: 16/9;
  line-height: 0;
}
.youtubeBox iframe {
  width: 100%;
  height: 100%;
}

.imgBtnWrap {
  width: 60%;
  margin: 0 auto;
}

@media only screen and (max-width:768px) {
  .imgBtnWrap {
    width: 100%;
    margin: 0 auto;
  }
}
.companyLiTtl {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  color: #ec6c00;
}

.companyLiWrap {
  margin-bottom: 0;
}
.companyLiWrap li {
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  line-height: 1.8em;
}

.companyLiWrap.nameLiWrap li:first-child {
  margin-top: 0;
}
.companyLiWrap.nameLiWrap li {
  margin-right: 0;
  margin-top: 15px;
}
.companyLiWrap.nameLiWrap li strong {
  margin-right: 10px;
}

.companyLiWrap.debut_list li {
  margin-right: 40px;
  margin-top: 5px;
}
.companyLiWrap.debut_list li strong {
  margin-right: 5px;
  font-size: 110%;
}

@media only screen and (max-width:768px) {
  .companyLiWrap.debut_list li {
    margin-right: 0;
    margin-top: 2%;
    width: 100%;
  }
  .companyLiWrap.debut_list li strong {
    margin-right: 2.5%;
  }
}
.companyLiWrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.companyLiWrap li {
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (max-width:768px) {
  .companyLiWrap {
    margin-top: 5%;
  }
  .companyLiWrap li {
    margin-right: 5%;
    font-size: 3vw;
  }
}
@media only screen and (max-width:768px) {
  .spnone {
    display: none !important;
  }
  .pcnone {
    display: inline-block !important;
  }
  html {
    font-size: 3.5vw;
    --10px:2.564vw;
    --12px:3.077vw;
    --13px:3.333vw;
    --14px:3.59vw;
    --15px:3.846vw;
    --16px:4.103vw;
    --17px:4.359vw;
    --18px:4.615vw;
    --19px:4.872vw;
    --20px:5.128vw;
    --22px:5.641vw;
    --24px:6.154vw;
    --26px:6.667vw;
    --28px:7.179vw;
    --30px:7.692vw;
    --32px:8.205vw;
    --34px:8.718vw;
    --36px:9.231vw;
    --38px:9.744vw;
    --44px:11.282vw;
    --60px:15.385vw;
    --90px:23.077vw;
  }
  .mt0 {
    margin-top: 0 !important;
  }
  .mt10 {
    margin-top: 2.5% !important;
  }
  .mt20 {
    margin-top: 3% !important;
  }
  .mt30 {
    margin-top: 5% !important;
  }
  .mt40 {
    margin-top: 6% !important;
  }
  .mt50 {
    margin-top: 6.5% !important;
  }
  .mt60 {
    margin-top: 8% !important;
  }
  .mt70 {
    margin-top: 9% !important;
  }
  .mt80 {
    margin-top: 10% !important;
  }
  .mt90 {
    margin-top: 12% !important;
  }
  .mt100 {
    margin-top: 15% !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .mb10 {
    margin-bottom: 2.5% !important;
  }
  .mb20 {
    margin-bottom: 3% !important;
  }
  .mb25 {
    margin-bottom: 5% !important;
  }
  .mb30 {
    margin-bottom: 5.5% !important;
  }
  .mb40 {
    margin-bottom: 6% !important;
  }
  .mb50 {
    margin-bottom: 6.5% !important;
  }
  .mb60 {
    margin-bottom: 8% !important;
  }
  .mb70 {
    margin-bottom: 9% !important;
  }
  .mb80 {
    margin-bottom: 10% !important;
  }
  .mb90 {
    margin-bottom: 12% !important;
  }
  .mb100 {
    margin-bottom: 15% !important;
  }
  .mainttl {
    padding-bottom: 5%;
  }
  .mainttl span {
    margin-bottom: 2.5%;
  }
  .subTtlWrap .mainTtl {
    font-size: 5.5vw;
  }
  .subTtlWrap .mainTtl small {
    font-size: 3vw;
    margin-top: 2.5%;
  }
  #content {
    padding-top: 0;
  }
  .morebtn {
    width: 90%;
    bottom: -2%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 4% 0;
  }
  .morebtn:after {
    font-size: var(--16px);
  }
  .col2, .col3, .col4 {
    margin-bottom: 5%;
  }
  .col2 .colin:first-child, .col3 .colin:first-child {
    margin-top: 0;
  }
  .col2 .colin, .col3 .colin {
    width: 100%;
    margin-top: 5%;
  }
  .w10, .w15, .w20, .w25, .w30, .w32, .w35, .w40, .w45, .w50, .w55, .w60, .w62, .w65, .w68, .w70, .w75, .w80, .w85, .w90, .w95 {
    width: 100%;
  }
  .spw80 {
    width: 80% !important;
  }
  .spw90 {
    width: 90% !important;
  }
  .w100 {
    width: 100% !important;
  }
  .mb35 {
    margin-bottom: 10% !important;
  }
  .mb70 {
    margin-bottom: 15% !important;
  }
  .pt0 {
    padding-top: 0 !important;
  }
  .pb0 {
    padding-bottom: 0 !important;
  }
  /*アコーディオン*/
  .acdLabel {
    padding: 2.5% 10% 2.5% 2.5%;
  }
  .acdLabel::before {
    right: 10px;
  }
  .acdContent {
    height: 0;
    margin-bottom: 0;
    padding: 0 2.5%;
  }
  .acdToggle:checked + .acdLabel + .acdContent {
    padding: 2.5%;
  }
  /*スライド*/
  .slick-slider .slick-prev {
    left: -8%;
  }
  .slick-slider .slick-next {
    right: -8%;
  }
}
@media only screen and (min-width:769px) {
  .spnone {
    display: inline-block !important;
  }
  .pcnone {
    display: none !important;
  }
  html {
    --12px: 0.66666666666667rem;
    --14px: 0.77777777777778rem;
    --15px: 0.83333333333333rem;
    --16px: 0.88888888888889rem;
    --17px: 0.94444444444444rem;
    --18px: 1rem;
    --19px: 1.0555555555556rem;
    --20px: 1.1111111111111rem;
    --22px: 1.1666666666667rem;
    --24px: 1.3333333333333rem;
    --26px: 1.4444444444444rem;
    --28px: 1.5555555555556rem;
    --30px: 1.6666666666667rem;
    --32px: 1.7777777777778rem;
    --34px: 1.8888888888889rem;
    --36px: 2em;
    --38px: 2.1111111111111rem;
    --44px: 2.4444444444444rem;
    --60px: 3.3333333333333rem;
    --90px: 5rem;
  }
  body {
    min-width: 1100px;
  }
  #content {
    padding-top: 100px;
  }
  h3 {
    font-size: var(--28px);
  }
  p {
    font-size: var(--20px);
  }
  .col2, .col3, .col4 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .col2 .colin, .col3 .colin, .col4 .colin {
    box-sizing: border-box;
  }
  .col2.colreverse, .col3.colreverse, .col4.colreverse {
    flex-direction: row-reverse;
  }
  .col2 .colin {
    width: 49%;
  }
  .col3 .colin {
    width: 32%;
  }
  .w10 {
    width: 10% !important;
  }
  .w15 {
    width: 15% !important;
  }
  .w20 {
    width: 20% !important;
  }
  .w25 {
    width: 25% !important;
  }
  .w30 {
    width: 30% !important;
  }
  .w32 {
    width: 32% !important;
  }
  .w35 {
    width: 35% !important;
  }
  .w40 {
    width: 40% !important;
  }
  .w45 {
    width: 45% !important;
  }
  .w50 {
    width: 50% !important;
  }
  .w55 {
    width: 55% !important;
  }
  .w60 {
    width: 60% !important;
  }
  .w62 {
    width: 62% !important;
  }
  .w65 {
    width: 65% !important;
  }
  .w68 {
    width: 68% !important;
  }
  .w70 {
    width: 70% !important;
  }
  .w75 {
    width: 75% !important;
  }
  .w80 {
    width: 80% !important;
  }
  .w85 {
    width: 85% !important;
  }
  .w90 {
    width: 90% !important;
  }
  .w95 {
    width: 95% !important;
  }
  .w100 {
    width: 100% !important;
  }
  .mb35 {
    margin-bottom: 35px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mt0 {
    margin-top: 0 !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mt70 {
    margin-top: 70px !important;
  }
  .mt80 {
    margin-top: 80px !important;
  }
  .mt90 {
    margin-top: 90px !important;
  }
  .mt100 {
    margin-top: 100px !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .mb25 {
    margin-bottom: 25px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mb80 {
    margin-bottom: 80px !important;
  }
  .mb90 {
    margin-bottom: 90px !important;
  }
  .mb100 {
    margin-bottom: 100px !important;
  }
  .pt0 {
    padding-top: 0 !important;
  }
  .pb0 {
    padding-bottom: 0 !important;
  }
}
/*---------------------下層ページ---------------------*/
#pageHead.baseHead .inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
#pageHead.baseHead .inner .mainHead1 {
  color: #fff;
  font-size: clamp(2.125rem, 1.01rem + 1.62vw, 2.5rem);
}
#pageHead.baseHead .inner .mainHead1 .deptNameTtl {
  display: block;
  font-size: clamp(1.5rem, -1.5rem + 4vw, 2rem);
  margin-bottom: 30px;
}

.bigTxt {
  font-weight: bold;
  font-size: clamp(1.063rem, 0.813rem + 1.25vw, 1.75rem);
  list-style: 1.5em;
}

.pageLinkNavWrap .pageLinkNavLi {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pageLinkNavWrap .pageLinkNavLi li a {
  display: block;
  text-align: center;
  border: 1px solid;
  font-weight: bold;
  position: relative;
  padding: 15px 0 25px;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  height: 100%;
  box-sizing: border-box;
}
.pageLinkNavWrap .pageLinkNavLi li a:after {
  position: absolute;
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: bold;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width:769px) {
  #pageHead.baseHead {
    height: 350px;
  }
  #pageHead.baseHead .inner {
    width: 90%;
    min-width: 1100px;
    max-width: 1470px;
  }
}
@media only screen and (max-width:768px) {
  #pageHead.baseHead {
    height: 200px;
  }
  #pageHead.baseHead .inner {
    width: 90%;
  }
  #pageHead.baseHead .inner .mainHead1 .deptNameTtl {
    margin-bottom: 5%;
  }
}
/*タイトル*/
.mainTtlWrap {
  text-align: center;
  margin-bottom: 50px;
}
.mainTtlWrap .pointTtlIcon {
  width: 186px;
  display: block;
  margin: 0 auto 10px;
}
.mainTtlWrap small {
  display: block;
  font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
}
.mainTtlWrap .mainTtl {
  display: inline-block;
  padding: 30px;
  margin: 15px 0 0;
  font-size: clamp(1.375rem, 0.739rem + 3.18vw, 3.125rem);
  position: relative;
}
.mainTtlWrap .mainTtlNote {
  position: absolute;
  text-shadow: none;
  color: #4d4d4d;
  bottom: -33px;
  font-weight: normal;
  text-align: right;
  font-size: 16px;
  right: 0;
}
.mainTtlWrap .subTtl {
  margin-top: 15px;
}

@media only screen and (max-width:768px) {
  /*タイトル*/
  .mainTtlWrap {
    margin-bottom: 10%;
  }
  .mainTtlWrap .pointTtlIcon {
    width: 30%;
    margin: 0 auto 2.5%;
  }
  .mainTtlWrap .mainTtl {
    padding: 4% 4%;
    margin: 3.5% 0 0;
    line-height: 1.2em;
  }
  .mainTtlWrap .mainTtlNote {
    bottom: -33px;
    font-size: 3vw;
  }
}
.baseWrap {
  padding: 100px 0;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.baseWrap .inner {
  background-color: #fff;
  width: 90%;
  min-width: 1200px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 5% 5% 5%;
  position: relative;
}
.baseWrap .inner .horizonbar, .baseWrap .inner .verticalbar {
  content: "";
}
.baseWrap .inner .horizonbar {
  width: 300px;
  height: 6px;
}
.baseWrap .inner .verticalbar {
  width: 6px;
  height: 300px;
}
.baseWrap .inner .topbar, .baseWrap .inner .bottombar {
  position: absolute;
  z-index: 0;
}
.baseWrap .inner .horizonbar.topbar {
  left: -30px;
  top: -3px;
}
.baseWrap .inner .verticalbar.topbar {
  left: -3px;
  top: -30px;
}
.baseWrap .inner .horizonbar.bottombar {
  right: -30px;
  bottom: -3px;
}
.baseWrap .inner .verticalbar.bottombar {
  right: -3px;
  bottom: -30px;
}
.baseWrap .inner .horizonbar.topbar.reversebar {
  right: -30px;
  top: -3px;
  left: unset;
}
.baseWrap .inner .verticalbar.topbar.reversebar {
  right: -3px;
  top: -30px;
  left: unset;
}
.baseWrap .inner .horizonbar.bottombar.reversebar {
  left: -30px;
  bottom: -3px;
  right: unset;
}
.baseWrap .inner .verticalbar.bottombar.reversebar {
  left: -3px;
  bottom: -30px;
  right: unset;
}

@media only screen and (max-width:768px) {
  .baseWrap {
    padding: 15% 0;
  }
  .baseWrap .inner {
    width: 90%;
    min-width: unset;
    max-width: unset;
    padding: 8% 5% 5%;
  }
  .baseWrap .inner .horizonbar {
    width: 100px;
    height: 4px;
  }
  .baseWrap .inner .verticalbar {
    width: 4px;
    height: 100px;
  }
}
/*POPUP*/
.popup-window .puInner {
  align-items: center;
}
.popup-window .puInner .leftBox {
  width: 40%;
}
.popup-window .puInner .rightBox {
  width: 56%;
}
.popup-window .puInner .rightBox .infoBox {
  align-items: center;
}
.popup-window .puInner .rightBox .infoBox .obBoxleft {
  width: 28%;
}
.popup-window .puInner .rightBox .infoBox .obBoxright {
  width: 70%;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obPotion {
  font-weight: bold;
  font-size: 20px;
  color: #ec6c00;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obName {
  font-weight: bold;
  font-size: 24px;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obName small {
  font-size: 80%;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obyear {
  font-size: 10px;
  border-radius: 3px;
  background-color: #4d4d4d;
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  line-height: 2em;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .no17ComLogo {
  height: 60px;
  width: auto;
  margin-top: 5px;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obComName {
  margin-top: 5px;
  font-size: 14px;
}
.popup-window .puInner .rightBox .infoBox .obBoxright .obComWork {
  font-size: 14px;
}
.popup-window .puInner .rightBox .msgBox {
  margin: 15px 0 0;
}
.popup-window .puInner .rightBox .msgBox .msgTtl {
  font-size: 22px;
  color: #ec6c00;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.popup-window .puInner .rightBox .msgBox .msgTxt {
  font-size: 16px;
  line-height: 1.8em;
}

@media only screen and (max-width:768px) {
  .popup-window .puInner {
    align-items: center;
    display: block;
    padding: 5% 5% 5%;
  }
  .popup-window .puInner .leftBox {
    width: 70%;
    margin: 0 auto;
  }
  .popup-window .puInner .rightBox {
    width: 100%;
    margin-top: 2.5%;
  }
  .popup-window .puInner .rightBox .infoBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxleft {
    width: 28%;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright {
    width: 70%;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obPotion {
    font-size: 3.5vw;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obName {
    font-size: 4vw;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obName small {
    font-size: 80%;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obyear {
    font-size: 2vw;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .no17ComLogo {
    height: 40px;
    width: auto;
    margin-top: 5px;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obComName {
    margin-top: 5px;
    font-size: 2.5vw;
  }
  .popup-window .puInner .rightBox .infoBox .obBoxright .obComWork {
    font-size: 2.5vw;
  }
  .popup-window .puInner .rightBox .msgBox {
    margin: 2.5% 0 0;
  }
  .popup-window .puInner .rightBox .msgBox .msgTtl {
    font-size: 4.2vw;
    margin-bottom: 2.5%;
  }
  .popup-window .puInner .rightBox .msgBox .msgTxt {
    font-size: 3vw;
    line-height: 1.4em;
  }
  .popup-close {
    height: 110%;
  }
  .popupCloseIcon {
    width: 20px;
    top: -25px;
  }
}
.popup-window {
  position: relative;
}
.popup-window .puInner {
  border: 1px solid;
  padding: 40px;
  background-color: #fff;
}
.popup-window .puLecturerImg {
  border-radius: 200px;
  display: block;
  width: 35%;
  left: 0;
  right: 0;
  margin: auto;
  top: -125px;
  position: absolute;
  border: 1px solid;
}
.popup-window .puLecturerName {
  text-align: center;
  margin-bottom: 5px;
  font-size: clamp(1.625rem, 1.253rem + 0.54vw, 1.75rem);
  margin-bottom: 5px;
}
.popup-window .puSubName {
  text-align: center;
  font-size: clamp(0.75rem, 0.378rem + 0.54vw, 0.875rem);
}
.popup-window .puDl {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 20px 0;
}
.popup-window .puDl dt {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  background: #fdf0e5;
  color: #ec6c00;
  text-align: center;
}
.popup-window .puDl dd {
  width: 72%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popup-window .puDl.profileDl dd {
  line-height: 1.3em;
  text-align: justify;
  font-size: 14px;
}
.popup-window .puDl.voicePuDl dd {
  line-height: 1.3em;
  text-align: justify;
  font-size: 14px;
}
.popup-window .puDl.rpsDl {
  margin-bottom: 0;
}
.popup-window .popupH4 {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-size: clamp(1.125rem, 0.753rem + 0.54vw, 1.25rem);
  margin-bottom: 5px;
}
.popup-window .popupH4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
.popup-window p {
  line-height: 1.5em;
}

.popup {
  display: none;
}

.popup-overlay {
  display: none;
  opacity: 0;
  animation: popupfadein 0.3s;
}

.popup:checked ~ .popup-overlay {
  display: block;
  opacity: 1;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4392156863);
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup-overlay.active {
  display: block;
  opacity: 1;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4392156863);
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup-window {
  width: 90vw;
  max-width: 980px;
  padding: 0;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-close {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 118%;
  left: 0;
  margin: auto;
}

.popupCloseIcon {
  width: 35px;
  position: absolute;
  right: 0;
  top: -70px;
}

@keyframes popupfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popupfadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (max-width:768px) {
  .popup-window .puInner {
    padding: 22% 5% 5%;
  }
  .popup-window .puLecturerImg {
    width: 40%;
    top: -70px;
  }
  .popup-window .puLecturerName {
    margin-bottom: 5px;
    font-size: 6vw;
  }
  .popup-window .puSubName {
    font-size: clamp(0.75rem, 0.378rem + 0.54vw, 0.875rem);
  }
  .popup-window .puDl {
    margin: 5% 0;
  }
  .popup-window .puDl dt {
    width: 20%;
    padding: 2.5% 0;
    font-size: 3vw;
  }
  .popup-window .puDl dd {
    width: 77%;
    font-size: 3vw;
  }
  .popup-window .puDl.profileDl dt {
    width: 25%;
    padding: 2.5% 0;
    font-size: 3vw;
  }
  .popup-window .puDl.profileDl dd {
    width: 72%;
    font-size: 2.8vw;
  }
  .popup-window .puDl.voicePuDl dt {
    padding: 2.5% 0;
    font-size: 3vw;
  }
  .popup-window .puDl.voicePuDl dd {
    font-size: 2.8vw;
  }
  .popup-window .popupH4 {
    margin-bottom: 2.5%;
  }
  .popupCloseIcon {
    top: -7%;
  }
}
.box {
  opacity: 0;
}

.delay-time02 {
  animation-delay: 0.1s;
}

.delay-time03 {
  animation-delay: 0.2s;
}

.delay-time04 {
  animation-delay: 0.3s;
}

.delay-time05 {
  animation-delay: 0.4s;
}

.delay-time06 {
  animation-delay: 0.5s;
}

.delay-time07 {
  animation-delay: 0.6s;
}

.delay-time08 {
  animation-delay: 0.8s;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeinbox {
  /* 最初は非表示 */
  opacity: 0;
}

/* フェードイン時に入るクラス */
.is-fadein {
  animation-name: fadeinAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeinAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.schoolWrap .companytNav .inner, .companyWrap .companytNav .inner {
  background-color: #fff;
  width: 90%;
  min-width: 1200px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
}
.schoolWrap .companytNav ul, .companyWrap .companytNav ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  border: 2px solid;
  border-color: #ec6c00;
}
.schoolWrap .companytNav ul li, .companyWrap .companytNav ul li {
  width: 25%;
}
.schoolWrap .companytNav ul li a, .companyWrap .companytNav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #ec6c00;
  position: relative;
  text-align: center;
  height: 100%;
  padding: 20px 0;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}
.schoolWrap .companytNav ul li a:after, .companyWrap .companytNav ul li a:after {
  position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  top: 0;
  bottom: 0;
  right: 10px;
  height: 0;
  margin: auto;
  line-height: 0;
}
@media only screen and (min-width:769px) {
  .schoolWrap .companytNav ul li, .companyWrap .companytNav ul li {
    border-left: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav ul li:nth-child(4n+1), .companyWrap .companytNav ul li:nth-child(4n+1) {
    border-left: none;
  }
  .schoolWrap .companytNav ul li:nth-child(-n+4), .companyWrap .companytNav ul li:nth-child(-n+4) {
    border-bottom: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav ul li:nth-child(-n+4) a, .companyWrap .companytNav ul li:nth-child(-n+4) a {
    padding: 9px 0;
  }
}
.schoolWrap .companytNav .for2nd li:nth-child(3) a, .companyWrap .companytNav .for2nd li:nth-child(3) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forhighschool li:nth-child(2) a, .companyWrap .companytNav .forhighschool li:nth-child(2) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .for1_2 li:nth-child(1) a, .companyWrap .companytNav .for1_2 li:nth-child(1) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forvisitor li:nth-child(4) a, .companyWrap .companytNav .forvisitor li:nth-child(4) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forparents li:nth-child(5) a, .companyWrap .companytNav .forparents li:nth-child(5) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forstudents li:nth-child(6) a, .companyWrap .companytNav .forstudents li:nth-child(6) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forob li:nth-child(7) a, .companyWrap .companytNav .forob li:nth-child(7) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav .forcompanies li:nth-child(8) a, .companyWrap .companytNav .forcompanies li:nth-child(8) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line3 ul li, .companyWrap .companytNav.line3 ul li {
  width: 33.33%;
}
@media only screen and (min-width:769px) {
  .schoolWrap .companytNav.line3 ul li, .companyWrap .companytNav.line3 ul li {
    border-left: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(3n+1), .companyWrap .companytNav.line3 ul li:nth-child(3n+1) {
    border-left: none;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(-n+3), .companyWrap .companytNav.line3 ul li:nth-child(-n+3) {
    border-bottom: none;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(-n+3) a, .companyWrap .companytNav.line3 ul li:nth-child(-n+3) a {
    padding: 20px 0;
  }
}
.schoolWrap .companytNav.line3 ul.forob li:nth-child(1) a, .companyWrap .companytNav.line3 ul.forob li:nth-child(1) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line3 ul.contact li:nth-child(3) a, .companyWrap .companytNav.line3 ul.contact li:nth-child(3) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line3 ul.privacy li:nth-child(1), .companyWrap .companytNav.line3 ul.privacy li:nth-child(1) {
  background: #fdf0e5;
}
.schoolWrap .companytNav.line3 ul.access li:nth-child(2), .companyWrap .companytNav.line3 ul.access li:nth-child(2) {
  background: #fdf0e5;
}
.schoolWrap .companytNav.line3 ul.sitemap li:nth-child(3), .companyWrap .companytNav.line3 ul.sitemap li:nth-child(3) {
  background: #fdf0e5;
}
.schoolWrap .companytNav.line4 ul li, .companyWrap .companytNav.line4 ul li {
  width: 25%;
}
@media only screen and (min-width:769px) {
  .schoolWrap .companytNav.line4 ul li, .companyWrap .companytNav.line4 ul li {
    border-left: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav.line4 ul li:nth-child(4n+1), .companyWrap .companytNav.line4 ul li:nth-child(4n+1) {
    border-left: none;
  }
  .schoolWrap .companytNav.line4 ul li:nth-child(-n+4), .companyWrap .companytNav.line4 ul li:nth-child(-n+4) {
    border-bottom: none;
  }
  .schoolWrap .companytNav.line4 ul li:nth-child(-n+4) a, .companyWrap .companytNav.line4 ul li:nth-child(-n+4) a {
    padding: 20px 0;
  }
}
.schoolWrap .companytNav.line4 ul.privacy li:nth-child(1) a, .companyWrap .companytNav.line4 ul.privacy li:nth-child(1) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line4 ul.access li:nth-child(2) a, .companyWrap .companytNav.line4 ul.access li:nth-child(2) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line4 ul.sitemap li:nth-child(3) a, .companyWrap .companytNav.line4 ul.sitemap li:nth-child(3) a {
  color: #ec6c00;
  background: #fdf0e5;
}
.schoolWrap .companytNav.line4 ul.aboutlink li:nth-child(4) a, .companyWrap .companytNav.line4 ul.aboutlink li:nth-child(4) a {
  color: #ec6c00;
  background: #fdf0e5;
}
@media only screen and (max-width:768px) {
  .schoolWrap .companytNav .inner, .companyWrap .companytNav .inner {
    width: 90%;
    min-width: unset;
    max-width: unset;
    padding: 5% 0;
  }
  .schoolWrap .companytNav ul li, .companyWrap .companytNav ul li {
    width: 50%;
    border-top: 2px solid;
    border-color: #ec6c00;
    border-left: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav ul li a, .companyWrap .companytNav ul li a {
    padding: 8% 0;
    font-size: 3.5vw;
  }
  .schoolWrap .companytNav ul li:nth-child(2n+1), .companyWrap .companytNav ul li:nth-child(2n+1) {
    border-left: none;
  }
  .schoolWrap .companytNav ul li:nth-child(-n+2), .companyWrap .companytNav ul li:nth-child(-n+2) {
    border-top: none;
  }
  .schoolWrap .companytNav.line3 ul li, .companyWrap .companytNav.line3 ul li {
    width: 100%;
    border-left: 0;
  }
  .schoolWrap .companytNav.line3 ul li a, .companyWrap .companytNav.line3 ul li a {
    padding: 4% 0;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(2n+1), .companyWrap .companytNav.line3 ul li:nth-child(2n+1) {
    border-left: unset;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(-n+2), .companyWrap .companytNav.line3 ul li:nth-child(-n+2) {
    border-top: unset;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(1), .companyWrap .companytNav.line3 ul li:nth-child(1) {
    border-top: unset;
  }
  .schoolWrap .companytNav.line3 ul li:nth-child(2), .companyWrap .companytNav.line3 ul li:nth-child(2) {
    border-top: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav.line4 ul li, .companyWrap .companytNav.line4 ul li {
    width: 50%;
    border-top: 2px solid;
    border-color: #ec6c00;
    border-left: 2px solid;
    border-color: #ec6c00;
  }
  .schoolWrap .companytNav.line4 ul li a, .companyWrap .companytNav.line4 ul li a {
    padding: 8% 0;
    font-size: 3.5vw;
  }
  .schoolWrap .companytNav.line4 ul li:nth-child(2n+1), .companyWrap .companytNav.line4 ul li:nth-child(2n+1) {
    border-left: none;
  }
  .schoolWrap .companytNav.line4 ul li:nth-child(-n+2), .companyWrap .companytNav.line4 ul li:nth-child(-n+2) {
    border-top: none;
  }
}

body {
  width: 100%;
}

img {
  width: 100%;
}

#topmenu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}

header {
  border-bottom: 1px solid;
  border-color: #000;
  width: 100%;
  background-color: #fff;
  top: 0;
  position: relative;
  z-index: 2;
}
header .inner {
  width: 95%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
header .inner .leftbox {
  width: 30%;
  max-width: 310px;
}
header .inner .rightbox {
  width: 70%;
  max-width: 900px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .inner .rightbox .headsnswrap, header .inner .rightbox .headnaviwrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
header .inner .rightbox .headsnswrap li:first-child, header .inner .rightbox .headnaviwrap li:first-child {
  margin-left: 0;
}
header .inner .rightbox .headsnswrap li img, header .inner .rightbox .headnaviwrap li img {
  width: 100%;
}
header .inner .rightbox .headsnswrap {
  width: 20%;
}
header .inner .rightbox .headsnswrap li {
  width: 20%;
  margin-left: 7%;
  line-height: 0;
}
header .inner .rightbox .headnaviwrap {
  width: 70%;
  margin: 0 10px;
}
header .inner .rightbox .headnaviwrap li {
  width: 24%;
  margin-left: 1%;
}
header .inner .rightbox .headnaviwrap li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid;
  border-color: #d9d9d9;
  padding: 5px 0;
  font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
}
header .inner .rightbox .headnaviwrap li a img {
  width: 16%;
  margin-right: 5%;
}
header .inner .rightbox #main-navigation button {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
header .inner .rightbox #main-navigation .menu-toggle {
  background-color: #4d4d4d;
  position: relative;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  z-index: 100;
}
header .inner .rightbox #main-navigation .menu-toggle .nav_line {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
  margin: 0 auto;
}
header .inner .rightbox #main-navigation .menu-toggle .nav_line1 {
  transform: translateY(-6px);
}
header .inner .rightbox #main-navigation .menu-toggle .nav_line2 {
  transform: translateY(0px);
}
header .inner .rightbox #main-navigation .menu-toggle .nav_line3 {
  transform: translateY(6px);
}
header .inner .rightbox #main-navigation .menu-g-navi-container {
  background-color: rgba(255, 255, 255, 0.97);
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  z-index: 15;
  top: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container {
  display: flex;
  align-items: flex-start;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .inner {
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .inner {
  width: 90%;
  min-width: 1100px;
  margin: 0 auto;
  padding: 5% 5% 0;
  display: block;
  height: 100%;
  overflow-y: scroll;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead {
  padding-bottom: 30px;
  border-bottom: 1px solid;
  border-color: #d9d9d9;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.leftbox {
  align-items: center;
  width: 46%;
  max-width: unset;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.leftbox h2 {
  line-height: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.rightbox {
  width: 47%;
  justify-content: space-between;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.rightbox li {
  line-height: 0;
  width: 49%;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.rightbox li a {
  border: 1px solid;
  border-color: #000;
  display: block;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 {
  width: 100%;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .gakkalink {
  font-weight: bold;
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .gakkalink:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 15px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 {
  background-color: #f2f1e9;
  padding: 50px 20px;
  box-sizing: border-box;
  width: 33%;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li {
  position: relative;
  border-radius: 4px;
  transition: all 0.5s ease-out;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li span {
  color: #fff;
  padding: 10px;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li a img, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li span img {
  width: 36px;
  margin-right: 10px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 15px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu {
  display: none;
  border-radius: 0 0 4px 4px;
  border: 1px solid;
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 10;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li:first-child {
  margin-top: 0;
  padding-top: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li {
  list-style: none;
  margin-top: 10px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li a {
  padding: 0;
  background: none;
  border: none;
  font-size: 90%;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-out;
  width: 100%;
  z-index: 0;
  border-radius: 4px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover {
  border-radius: 4px 4px 0 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover a {
  opacity: 1;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover .submenu {
  display: block;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover:before {
  opacity: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu {
  background: linear-gradient(25deg, #3070ad, #3b82c5);
  border-color: #3b82c5;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu .submenu {
  border-color: #3b82c5;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu .submenu li a:after {
  color: #3b82c5;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu:before {
  background: linear-gradient(25deg, #3b82c5, #509de5);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu {
  background: linear-gradient(25deg, #2c7101, #389100);
  border-color: #389100;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu .submenu {
  border-color: #389100;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu .submenu li a:after {
  color: #389100;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu:before {
  background: linear-gradient(25deg, #5fab33, #8fc470);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu {
  background: linear-gradient(25deg, #08a6c0, #11b7d2);
  border-color: #71c7d5;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu .submenu {
  border-color: #71c7d5;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu .submenu li a:after {
  color: #3cb4c7;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu:before {
  background: linear-gradient(25deg, #71c7d5, #7dd9e8);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu {
  background: linear-gradient(25deg, #c52366, #db4a86);
  border-color: #db4a86;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu .submenu {
  border-color: #db4a86;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu .submenu li a:after {
  color: #db4a86;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu:before {
  background: linear-gradient(25deg, #ff6699, #ff94b8);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu {
  background: linear-gradient(25deg, #c27a01, #e69000);
  border-color: #e69000;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu .submenu {
  border-color: #e69000;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu .submenu li a:after {
  color: #e69000;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu:before {
  background: linear-gradient(25deg, #ffb400, #ffca4c);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu {
  background: linear-gradient(25deg, #c05101, #e06d1a);
  border-color: #e06d1a;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu .submenu {
  border-color: #e06d1a;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu .submenu li a:after {
  color: #e06d1a;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu:before {
  background: linear-gradient(25deg, #ff7d33, #ffa470);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu {
  background: linear-gradient(25deg, #26269f, #5252a6);
  border-color: #5252a6;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu .submenu {
  border-color: #5252a6;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu .submenu li a:after {
  color: #5252a6;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu:before {
  background: linear-gradient(25deg, #7d7dbc, #a4a4d0);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu {
  background: linear-gradient(25deg, #9c0234, #c50040);
  border-color: #e50053;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu .submenu {
  border-color: #e50053;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu .submenu li a:after {
  color: #c50040;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu:before {
  background: linear-gradient(25deg, #e50053, #ed4c86);
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 {
  width: 30%;
  padding: 50px 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li:first-child, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li:first-child {
  margin-top: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li {
  margin-top: 30px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li span, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li span {
  border-bottom: 1px solid;
  border-color: #d9d9d9;
  display: block;
  padding: 0 0 10px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li a:after, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 15px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu li, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu li {
  margin-top: 10px;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu li a {
  border: none;
  padding: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 {
  width: 30%;
  padding: 50px 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li {
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
  margin-top: 10px;
  font-weight: bold;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li .submenu li {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  border: none;
  font-weight: normal;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .submenu {
  margin: 0 0 0 1.5em;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .submenu li {
  list-style: disc;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap {
  border-top: 1px solid;
  border-color: #d9d9d9;
  align-items: center;
  padding: 30px 0 0;
  margin: 0 0 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .leftbox {
  width: 58%;
  max-width: unset;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .leftbox img {
  width: 100%;
  border: 1px solid;
  border-color: #4d4d4d;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox {
  width: 42%;
  align-items: center;
  justify-content: flex-end;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox li:first-child {
  margin-left: 0;
}
header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox li {
  line-height: 0;
  margin-left: 2%;
  width: 11.5%;
  margin-left: 6%;
}
header .inner .rightbox #main-navigation.toggled .menu-toggle .nav_line1 {
  top: 11px;
  transform: translateY(2px) rotate(45deg);
}
header .inner .rightbox #main-navigation.toggled .menu-toggle .nav_line2 {
  transform: scaleX(0);
}
header .inner .rightbox #main-navigation.toggled .menu-toggle .nav_line3 {
  bottom: 17px;
  transform: translateY(-2px) rotate(135deg);
}

@media only screen and (max-width:768px) {
  header .inner {
    width: 95%;
    min-width: unset;
    max-width: unset;
    height: 100%;
  }
  header .inner .leftbox {
    width: 40%;
    max-width: unset;
  }
  header .inner .rightbox {
    width: 60%;
    max-width: unset;
    justify-content: flex-end;
  }
  header .inner .rightbox .headsnswrap {
    display: none;
  }
  header .inner .rightbox .headnaviwrap {
    width: 78%;
    margin: 0 0;
  }
  header .inner .rightbox .headnaviwrap li:first-child {
    border-left: 1px solid;
    border-color: #d9d9d9;
  }
  header .inner .rightbox .headnaviwrap li {
    width: 33.33%;
    margin-left: 1%;
  }
  header .inner .rightbox .headnaviwrap li a {
    flex-wrap: wrap;
    border-radius: 0;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid;
    border-color: #d9d9d9;
    padding: 5px 0;
    text-align: center;
  }
  header .inner .rightbox .headnaviwrap li a img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  header .inner .rightbox .headnaviwrap li:nth-child(3) {
    display: none;
  }
  header .inner .rightbox #main-navigation {
    width: 35px;
    height: 35px;
    margin-left: 3%;
  }
  header .inner .rightbox #main-navigation .menu-toggle {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
  }
  header .inner .rightbox #main-navigation .menu-toggle .nav_line {
    width: 15px;
  }
  header .inner .rightbox #main-navigation .menu-toggle .nav_line1 {
    transform: translateY(-4px);
  }
  header .inner .rightbox #main-navigation .menu-toggle .nav_line2 {
    transform: translateY(0px);
  }
  header .inner .rightbox #main-navigation .menu-toggle .nav_line3 {
    transform: translateY(4px);
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .inner {
    height: 100%;
    min-width: unset;
    overflow-y: scroll;
    min-width: none;
    width: 100%;
    padding: 6% 0 0;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead {
    padding: 0 2.5% 8%;
    width: 95%;
    margin: 0 auto;
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.leftbox {
    width: 40%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #menuhead .colin.rightbox {
    width: 88%;
    margin: 8% auto 0;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 {
    width: 100%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .gakkalink {
    font-size: 5vw;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 {
    padding: 8% 8% 8%;
    width: 100%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li span {
    padding: 1% 2.5%;
    font-size: 4vw;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li a img, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li span img {
    width: 36px;
    margin-right: 10px;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu {
    position: relative;
    padding: 0;
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li:first-child {
    margin-top: 5%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li:last-child {
    margin-bottom: 5%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li {
    margin: 3% 5%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .submenu li a {
    width: 100%;
    font-size: 4vw;
    padding: 0;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li .acdtoggle:checked + .acdbtn + .submenu {
    border: 1px solid;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gcmenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #3b82c5;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.gamenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #389100;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cgvmenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #71c7d5;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.animemenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #db4a86;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.cdmenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #e69000;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.mimenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #e06d1a;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.novelmenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #5252a6;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li.vamenu .acdtoggle:checked + .acdbtn + .submenu {
    border-color: #e50053;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover {
    border-radius: 4px;
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover .submenu {
    display: block;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox01 li:hover:before {
    opacity: 1;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 {
    width: 84%;
    padding: 8% 0 0;
    margin: 0 auto;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li {
    margin-top: 6%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li span, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li span {
    padding: 0 0 0;
    font-size: 4.5vw;
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .acdbtn, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .acdbtn {
    border-color: #d9d9d9;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu {
    width: 100%;
    border-top: 1px solid;
    border-color: #d9d9d9;
    margin-left: 0;
    padding-left: 1.5em;
    margin-top: 6%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu li, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu li {
    margin-top: 5%;
    list-style: disc;
    display: list-item;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu li a, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu li a {
    font-size: 4vw;
    width: 100%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .leftbox02 ul li .submenu li:last-child, header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li .submenu li:last-child {
    padding-bottom: 6%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 {
    padding: 0;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .rightbox01 ul li:first-child {
    margin-top: 6%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li {
    margin-top: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li a {
    width: 85%;
    box-sizing: border-box;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li .acdbtn {
    width: 15%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul li .submenu li {
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul .noacdbtn {
    border-bottom: 1px solid;
    border-color: #d9d9d9;
    padding-bottom: 6%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 ul .noacdbtn a {
    width: 100%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .submenu {
    margin: 0 0 0 1.5em;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container #headmenu01 .submenu li {
    list-style: disc;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap {
    padding: 5% 0 18%;
    margin: 0 auto 0;
    width: 85%;
    border: none;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .leftbox {
    width: 100%;
    max-width: unset;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .leftbox img {
    width: 100%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox {
    width: 100%;
    margin: 5% 0 0;
    justify-content: center;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox li:first-child {
    margin-left: 0;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox li {
    line-height: 0;
    margin-left: 5%;
    margin-top: 0;
    width: 10%;
  }
  header .inner .rightbox #main-navigation.toggled .menu-g-navi-container .headinfowrap .rightbox li img {
    border: none;
  }
  .submenu {
    max-height: 0;
  }
}
#topmenu #departnavi {
  padding-top: 0;
}

#departnavi {
  padding-top: 70px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
}
#departnavi ul {
  width: 90%;
  min-width: 1100px;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0;
}
#departnavi ul li:first-child {
  margin-left: 0;
}
#departnavi ul li {
  text-align: center;
  width: 19.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 1%;
  height: 100%;
}
#departnavi ul li img {
  width: 13%;
  margin: 0 auto;
  display: block;
  margin-bottom: 0;
}
#departnavi ul li a {
  color: #fff;
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  line-height: 1.5em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
}
#departnavi ul li a span {
  width: 77%;
  margin-left: 0;
  text-align: left;
}
#departnavi ul li.dept-gc {
  background: linear-gradient(25deg, #3b82c5, #509de5);
  box-shadow: 5px 5px 0 #0468ad;
}
#departnavi ul li.dept-3dcg {
  background: linear-gradient(25deg, #5fab33, #8fc470);
  box-shadow: 5px 5px 0 #389100;
}
#departnavi ul li.dept-a {
  background: linear-gradient(25deg, #ff6699, #ff94b8);
  box-shadow: 5px 5px 0 #db4a86;
}
#departnavi ul li.dept-cd {
  background: linear-gradient(25deg, #ffb400, #ffca4c);
  box-shadow: 5px 5px 0 #e69000;
}
#departnavi ul li.dept-mi {
  background: linear-gradient(25deg, #ff7d33, #ffa470);
  box-shadow: 5px 5px 0 #e06d1a;
}
#departnavi ul li.dept-ns {
  background: linear-gradient(25deg, #7d7dbc, #a4a4d0);
  box-shadow: 5px 5px 0 #5252a6;
}
#departnavi ul li.dept-v {
  background: linear-gradient(25deg, #e50053, #ed4c86);
  box-shadow: 5px 5px 0 #c50040;
  /*img {margin-bottom: 6%; margin-top: -6%;}
  a { padding:20px 0px;}*/
}
#departnavi ul li.dept-ava {
  background: linear-gradient(25deg, #71c7d5, #7dd9e8);
  box-shadow: 5px 5px 0 #3cb4c7;
}

#departnavi.UpMove {
  animation: UpAnime 0.3s forwards;
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-150px);
  }
}
#departnavi.toppage {
  animation: DownAnime 0.3s forwards;
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-150px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width:768px) {
  #topmenu #departnavi {
    padding-top: 0;
  }
  #departnavi {
    padding-top: 60px;
    height: 60px;
  }
  #departnavi ul {
    width: 100%;
    min-width: unset;
    max-width: unset;
    padding: 0;
    height: 60px;
  }
  #departnavi ul li:first-child {
    margin-left: 0;
  }
  #departnavi ul li {
    text-align: center;
    width: 20%;
    justify-content: space-between;
    margin-left: 0;
    padding: 0;
  }
  #departnavi ul li img {
    width: 40%;
    max-width: 40px;
    margin: 0 auto;
    display: block;
    margin-bottom: 0;
  }
  #departnavi ul li a {
    color: #fff;
    line-height: 1.5em;
    padding: 10px 0px;
  }
  #departnavi ul li.dept-gc, #departnavi ul li.dept-3dcg, #departnavi ul li.dept-a, #departnavi ul li.dept-cd, #departnavi ul li.dept-mi, #departnavi ul li.dept-ns, #departnavi ul li.dept-v {
    box-shadow: none;
  }
  #departnavi ul li.dept-v a {
    padding: 0;
  }
  #departnavi ul li.dept-v img {
    margin-bottom: 0;
    margin-top: 0;
  }
}
#topslidewrap {
  background-color: #fff;
  padding-top: 160px;
}

#topslide {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #4d4d4d;
}
#topslide img {
  width: 75vw;
  height: auto;
}
#topslide .slick-slide {
  transform: scale(0.9);
  transition: all 0.5s;
  opacity: 1;
}
#topslide .slick-slide.slick-center {
  transform: scale(1);
  opacity: 1;
}
#topslide .slick-next, #topslide .slick-prev {
  z-index: 1;
  font-size: 30px;
}
#topslide .slick-next:before, #topslide .slick-prev:before {
  border: 2px solid;
  border-color: #fff;
  background: #fff;
  font-size: 30px;
}
#topslide .slick-next {
  right: 30px;
}
#topslide .slick-prev {
  left: 30px;
}
#topslide .slick-dots {
  bottom: 8px;
}
#topslide .slick-dots button:before {
  color: #fff;
  opacity: 0.7;
}
#topslide .slick-dots .slick-active button:before {
  color: #fff;
  opacity: 1;
}

@media only screen and (max-width:768px) {
  #topslidewrap {
    padding-top: 121px;
  }
  #topslide img {
    width: 100vw;
  }
  #topslide .slick-slide {
    transform: scale(1);
  }
  #topslide .slick-next:before, #topslide .slick-prev:before {
    font-size: 5.5vw;
  }
  #topslide .slick-next {
    right: 5%;
  }
  #topslide .slick-prev {
    left: 5%;
  }
}
#intro {
  background-color: #f6eed9;
}
#intro .admissionnavi {
  width: 90%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
  padding: 50px 0;
  border-bottom: 1px solid;
  border-color: #4d4d4d;
}
#intro .admissionnavi ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#intro .admissionnavi ul li:first-child {
  margin-left: 0;
}
#intro .admissionnavi ul li {
  width: 19%;
  margin-left: 1%;
}
#intro .admissionnavi ul li a {
  background-color: #4d4d4d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  height: 100%;
  text-align: center;
  height: 70px;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
#intro .bnrslidewrap {
  width: 100%;
  min-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
}
#intro .bnrslidewrap #bnrslide li {
  margin: 0 10px;
}
#intro .bnrslidewrap .slick-next, #intro .bnrslidewrap .slick-prev {
  z-index: 1;
  font-size: 30px;
}
#intro .bnrslidewrap .slick-next:before, #intro .bnrslidewrap .slick-prev:before {
  border: 2px solid;
  border-color: #fff;
  background: #fff;
  font-size: 25px;
}
#intro .bnrslidewrap .slick-next {
  right: 30px;
}
#intro .bnrslidewrap .slick-prev {
  left: 30px;
}
#intro .bnrslidewrap .slick-dots {
  bottom: -30px;
}

@media only screen and (max-width:768px) {
  #intro .admissionnavi {
    width: 100%;
    min-width: unset;
    max-width: unset;
    padding: 0;
  }
  #intro .admissionnavi ul {
    flex-wrap: wrap;
    border-top: 1px solid;
    border-color: #d9d9d9;
  }
  #intro .admissionnavi ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  #intro .admissionnavi ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #intro .admissionnavi ul li {
    width: 50%;
    margin-left: 0%;
    margin-top: 0%;
    border-left: 1px solid;
    border-color: #fff;
    box-sizing: border-box;
  }
  #intro .admissionnavi ul li a {
    min-height: 30px;
    padding: 3% 0;
    max-height: 40px;
    border-radius: 0;
    line-height: 1.5em;
  }
  #intro .admissionnavi ul li:nth-child(-n+3) {
    width: 33%;
    border-bottom: 1px solid;
    border-color: #d9d9d9;
  }
  #intro .admissionnavi ul li:nth-child(2) {
    width: 31%;
  }
  #intro .admissionnavi ul li:nth-child(3) {
    width: 36%;
  }
  #intro .admissionnavi ul li:nth-child(3) a {
    font-size: clamp(0.688rem, 0.574rem + 0.57vw, 1rem);
  }
  #intro .admissionnavi ul li:first-child, #intro .admissionnavi ul li:nth-child(4) {
    border-left: none;
  }
  #intro .bnrslidewrap {
    min-width: unset;
    padding: 10% 0;
  }
  #intro .bnrslidewrap #bnrslide li {
    margin: 0 5px;
  }
  #intro .bnrslidewrap .slick-next:before, #intro .bnrslidewrap .slick-prev:before {
    font-size: 5.5vw;
  }
  #intro .bnrslidewrap .slick-next {
    right: 5%;
  }
  #intro .bnrslidewrap .slick-prev {
    left: 5%;
  }
  #intro .bnrslidewrap .slick-dots {
    bottom: -20%;
  }
}
#news, #depertment, #ob-og, #exam-tuition {
  padding: 150px 0;
  overflow: hidden;
}
#news .inner, #depertment .inner, #ob-og .inner, #exam-tuition .inner {
  background-color: #fff;
  width: 90%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
  padding: 5% 5% 7%;
  position: relative;
}
#news .inner .horizonbar, #news .inner .verticalbar, #depertment .inner .horizonbar, #depertment .inner .verticalbar, #ob-og .inner .horizonbar, #ob-og .inner .verticalbar, #exam-tuition .inner .horizonbar, #exam-tuition .inner .verticalbar {
  content: "";
}
#news .inner .horizonbar, #depertment .inner .horizonbar, #ob-og .inner .horizonbar, #exam-tuition .inner .horizonbar {
  width: 300px;
  height: 6px;
}
#news .inner .verticalbar, #depertment .inner .verticalbar, #ob-og .inner .verticalbar, #exam-tuition .inner .verticalbar {
  width: 6px;
  height: 300px;
}
#news .inner .topbar, #news .inner .bottombar, #depertment .inner .topbar, #depertment .inner .bottombar, #ob-og .inner .topbar, #ob-og .inner .bottombar, #exam-tuition .inner .topbar, #exam-tuition .inner .bottombar {
  position: absolute;
  z-index: 0;
}
#news .inner .horizonbar.topbar, #depertment .inner .horizonbar.topbar, #ob-og .inner .horizonbar.topbar, #exam-tuition .inner .horizonbar.topbar {
  left: -30px;
  top: -3px;
}
#news .inner .verticalbar.topbar, #depertment .inner .verticalbar.topbar, #ob-og .inner .verticalbar.topbar, #exam-tuition .inner .verticalbar.topbar {
  left: -3px;
  top: -30px;
}
#news .inner .horizonbar.bottombar, #depertment .inner .horizonbar.bottombar, #ob-og .inner .horizonbar.bottombar, #exam-tuition .inner .horizonbar.bottombar {
  right: -30px;
  bottom: -3px;
}
#news .inner .verticalbar.bottombar, #depertment .inner .verticalbar.bottombar, #ob-og .inner .verticalbar.bottombar, #exam-tuition .inner .verticalbar.bottombar {
  right: -3px;
  bottom: -30px;
}
#news .inner .horizonbar.topbar.reversebar, #depertment .inner .horizonbar.topbar.reversebar, #ob-og .inner .horizonbar.topbar.reversebar, #exam-tuition .inner .horizonbar.topbar.reversebar {
  right: -30px;
  top: -3px;
  left: unset;
}
#news .inner .verticalbar.topbar.reversebar, #depertment .inner .verticalbar.topbar.reversebar, #ob-og .inner .verticalbar.topbar.reversebar, #exam-tuition .inner .verticalbar.topbar.reversebar {
  right: -3px;
  top: -30px;
  left: unset;
}
#news .inner .horizonbar.bottombar.reversebar, #depertment .inner .horizonbar.bottombar.reversebar, #ob-og .inner .horizonbar.bottombar.reversebar, #exam-tuition .inner .horizonbar.bottombar.reversebar {
  left: -30px;
  bottom: -3px;
  right: unset;
}
#news .inner .verticalbar.bottombar.reversebar, #depertment .inner .verticalbar.bottombar.reversebar, #ob-og .inner .verticalbar.bottombar.reversebar, #exam-tuition .inner .verticalbar.bottombar.reversebar {
  left: -3px;
  bottom: -30px;
  right: unset;
}
#news .inner .morebtn, #depertment .inner .morebtn, #ob-og .inner .morebtn, #exam-tuition .inner .morebtn {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-width:768px) {
  #news, #depertment, #ob-og, #exam-tuition {
    padding: 15% 0;
  }
  #news .inner, #depertment .inner, #ob-og .inner, #exam-tuition .inner {
    width: 90%;
    min-width: unset;
    max-width: unset;
    margin: 0 auto;
    padding: 5% 5% 15%;
  }
  #news .inner .horizonbar, #depertment .inner .horizonbar, #ob-og .inner .horizonbar, #exam-tuition .inner .horizonbar {
    width: 200px;
    height: 4px;
  }
  #news .inner .verticalbar, #depertment .inner .verticalbar, #ob-og .inner .verticalbar, #exam-tuition .inner .verticalbar {
    width: 4px;
    height: 200px;
  }
  #news .inner .morebtn, #depertment .inner .morebtn, #ob-og .inner .morebtn, #exam-tuition .inner .morebtn {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#news {
  border-top: 1px solid;
  border-color: #4d4d4d;
  background-color: #f2f1e9;
}
#news .inner .horizonbar, #news .inner .verticalbar {
  background-color: rgba(236, 108, 0, 0.45);
}
#news .inner .mainttl {
  border-color: #ec6c00;
}
#news .inner .mainttl span {
  color: #ec6c00;
}
#news #newspostwrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 40px;
}
#news #newspostwrap li {
  margin: 1.7% 0 0 1.7%;
  width: 32%;
  border: 1px solid;
  border-color: #d9d9d9;
  box-sizing: border-box;
}
#news #newspostwrap li a img {
  width: 100%;
}
#news #newspostwrap li a .newstxtwrap {
  padding: 10px 20px 20px;
}
#news #newspostwrap li a .newscatewrap li {
  margin-left: 0;
  margin-right: 10px;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  border: none;
  line-height: 2em;
  font-size: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
  width: auto;
  padding: 0 10px;
  box-sizing: border-box;
}
#news #newspostwrap li a .newscatewrap .cate-gakuin {
  background: #555;
}
#news #newspostwrap li a .newscatewrap .cate-animedept {
  background: #ff6699;
}
#news #newspostwrap li a .newscatewrap .cate-charadept {
  background: #ffb400;
}
#news #newspostwrap li a .newscatewrap .cate-gcreaterdept, #news #newspostwrap li a .newscatewrap .cate-gprogramerdept {
  background: #3b82c5;
}
#news #newspostwrap li a .newscatewrap .cate-3dcgdept {
  background: #5fab33;
}
#news #newspostwrap li a .newscatewrap .cate-voicedept {
  background: #e50053;
}
#news #newspostwrap li a .newscatewrap .cate-midept {
  background: #ff7d33;
}
#news #newspostwrap li a .newscatewrap .cate-nsdept {
  background: #7d7dbc;
}
#news #newspostwrap li a h3 {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  margin-top: 10px;
}
#news #newspostwrap li a .newsdate {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  margin-top: 10px;
  color: #aaa;
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
#news #newspostwrap li a .newsdate:before {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-right: 0.5em;
  border-color: #aaa;
}
#news .morebtn {
  background: linear-gradient(#f19140, #ec6c00);
}

@media only screen and (max-width:768px) {
  #news #newspostwrap {
    margin-top: 40px;
    display: block;
  }
  #news #newspostwrap li {
    margin: 1.7% 0 0 0;
    width: 100%;
  }
  #news #newspostwrap li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #news #newspostwrap li a img {
    width: 27.5%;
    margin-left: 2.5%;
  }
  #news #newspostwrap li a .newstxtwrap {
    padding: 2.5%;
    width: 70%;
    box-sizing: border-box;
  }
  #news #newspostwrap li a .newscatewrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #news #newspostwrap li a .newscatewrap li {
    margin-right: 1%;
    line-height: 1.5em;
    padding: 2% 5%;
    min-width: 49%;
    display: block;
  }
  #news #newspostwrap li a .newscatewrap .cate-gcreaterdept, #news #newspostwrap li a .newscatewrap .cate-gprogramerdept, #news #newspostwrap li a .newscatewrap .cate-3dcgdept {
    width: 70%;
  }
  #news #newspostwrap li a h3 {
    margin-top: 2%;
  }
  #news #newspostwrap li a .newsdate {
    margin-top: 2%;
  }
  #news .inner .morebtn {
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media only screen and (min-width:769px) {
  #news #newspostwrap li:nth-child(3n+1) {
    margin-left: 0;
  }
}
#ourpromis {
  position: relative;
  overflow: hidden;
}
#ourpromis .inner {
  width: 80%;
  min-width: 1000px;
  margin: 0 auto;
  padding: 10% 5% 10%;
  position: relative;
  color: #fff;
  z-index: 5;
}
#ourpromis .inner .col2 {
  align-items: center;
  margin: 70px 0 0;
}
#ourpromis .inner h2 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ec6c00;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
}
#ourpromis .inner h2:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
#ourpromis .inner h3 {
  width: 85%;
}
#ourpromis .inner h3 img {
  width: 100%;
}
#ourpromis .inner p {
  line-height: 2.5em;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
}
#ourpromis .morebtn {
  background: linear-gradient(#f19140, #ec6c00);
  margin: 70px auto 0;
}
#ourpromis .videostripe {
  background: url(../img/video-stripe.png);
  background-size: 20px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media only screen and (max-width:768px) {
  #ourpromis .inner {
    width: 80%;
    min-width: unset;
    padding: 20% 0 20%;
  }
  #ourpromis .inner .col2 {
    margin: 10% 0 0;
  }
  #ourpromis .inner h3 {
    width: 85%;
  }
  #ourpromis .inner p {
    line-height: 2em;
  }
  #ourpromis .morebtn {
    margin: 10% auto 0;
  }
}
#depertment {
  background-color: #fffce9;
}
#depertment .inner {
  padding: 7% 5% 7%;
}
#depertment .inner .horizonbar, #depertment .inner .verticalbar {
  background-color: rgba(227, 194, 109, 0.45);
}
#depertment .deptttl {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  width: 1200px;
  border: 1px solid;
  border-color: #4d4d4d;
  position: absolute;
  left: -670px;
  top: -40px;
  z-index: 5;
}
#depertment .deptttl .nensei, #depertment .deptttl .kamoku {
  display: flex;
  align-items: center;
}
#depertment .deptttl .nensei {
  justify-content: flex-start;
  background-color: #4d4d4d;
  color: #fff;
  text-align: left;
  width: 980px;
  padding: 20px 0 20px 61.5%;
  box-sizing: border-box;
  font-size: clamp(1.75rem, 1.477rem + 1.36vw, 2.5rem);
}
#depertment .deptttl .kamoku {
  justify-content: center;
  background-color: #fff;
  color: #4d4d4d;
  width: 220px;
  text-align: center;
  padding: 30px 0;
  box-sizing: border-box;
  font-size: clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
}
#depertment .depertmentmenu {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  /*li.dept-ns {
      h4 {@include txt-ns;}
      .deptimgwrap:before { border-bottom:180px solid #7d7dbc;}
      .dept-subinfowrap {@include bdr-ns;}
  }*/
}
#depertment .depertmentmenu li {
  margin: 4% 0 0 1.7%;
  width: 32%;
}
#depertment .depertmentmenu li .deptimgwrap {
  position: relative;
  display: block;
  line-height: 0;
}
#depertment .depertmentmenu li .deptimgwrap img {
  width: 100%;
}
#depertment .depertmentmenu li .deptimgwrap h3 {
  color: #fff;
  position: absolute;
  left: 5%;
  bottom: 5%;
  line-height: 1.5em;
  font-size: clamp(1.125rem, 0.784rem + 1.7vw, 2.063rem);
}
#depertment .depertmentmenu li .deptimgwrap:before {
  position: absolute;
  border-right: 300px solid transparent;
  border-bottom: 180px solid;
  left: 0;
  bottom: 0;
  content: "";
}
#depertment .depertmentmenu li .dept-subinfowrap {
  border-left: 5px solid;
  padding-left: 20px;
  margin-top: 20px;
}
#depertment .depertmentmenu li .dept-subinfowrap h4 {
  font-size: clamp(0.938rem, 0.733rem + 1.02vw, 1.5rem);
}
#depertment .depertmentmenu li .dept-subinfowrap .dept-subinfo {
  display: block;
  margin-left: 1.5em;
  margin-top: 20px;
}
#depertment .depertmentmenu li .dept-subinfowrap .dept-subinfo li {
  width: 100%;
  margin-left: 0;
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  list-style: disc;
  margin-top: 2%;
}
#depertment .depertmentmenu li.dept-gc h4 {
  color: #3b82c5;
}
#depertment .depertmentmenu li.dept-gc .deptimgwrap:before {
  border-bottom: 180px solid #3b82c5;
}
#depertment .depertmentmenu li.dept-gc .dept-subinfowrap {
  border-color: #3b82c5;
}
#depertment .depertmentmenu li.dept-3dcg h4 {
  color: #389100;
}
#depertment .depertmentmenu li.dept-3dcg .deptimgwrap:before {
  border-bottom: 180px solid #5fab33;
}
#depertment .depertmentmenu li.dept-3dcg .dept-subinfowrap {
  border-color: #389100;
}
#depertment .depertmentmenu li.dept-a h4 {
  color: #db4a86;
}
#depertment .depertmentmenu li.dept-a .deptimgwrap:before {
  border-bottom: 180px solid #ff6699;
}
#depertment .depertmentmenu li.dept-a .dept-subinfowrap {
  border-color: #db4a86;
}
#depertment .depertmentmenu li.dept-cd h4 {
  color: #e69000;
}
#depertment .depertmentmenu li.dept-cd .deptimgwrap:before {
  border-bottom: 180px solid #ffb400;
}
#depertment .depertmentmenu li.dept-cd .dept-subinfowrap {
  border-color: #e69000;
}
#depertment .depertmentmenu li.dept-mi h4 {
  color: #e69000;
}
#depertment .depertmentmenu li.dept-mi .deptimgwrap:before {
  border-bottom: 180px solid #ff7d33;
}
#depertment .depertmentmenu li.dept-mi .dept-subinfowrap {
  border-color: #e69000;
}
#depertment .depertmentmenu li.dept-v h4 {
  color: #c50040;
}
#depertment .depertmentmenu li.dept-v .deptimgwrap:before {
  border-bottom: 180px solid #e50053;
}
#depertment .depertmentmenu li.dept-v .dept-subinfowrap {
  border-color: #e50053;
}
#depertment .depertmentSubmenu li {
  margin: 4% 0 0 1.7%;
  width: 32%;
}
#depertment .depertmentSubmenu li .deptimgwrap {
  position: relative;
  display: block;
  line-height: 0;
}
#depertment .depertmentSubmenu li .deptimgwrap img {
  width: 100%;
}
#depertment .depertmentSubmenu li .deptimgwrap h3 {
  color: #fff;
  position: relative;
  padding: 30px 0;
  line-height: 1.5em;
  font-size: clamp(1.188rem, 1.028rem + 0.8vw, 1.625rem);
}
#depertment .depertmentSubmenu li .deptimgwrap {
  overflow: hidden;
}
#depertment .depertmentSubmenu li .deptimgwrap:before {
  position: absolute;
  border-right: 300px solid transparent;
  border-bottom: 180px solid;
  left: 0;
  bottom: 0;
  content: "";
  border-bottom: 180px solid #fff;
  opacity: 0.2;
}
#depertment .depertmentSubmenu li.dept-indie h4 {
  color: #3b82c5;
}
#depertment .depertmentSubmenu li.dept-indie .deptimgwrap {
  background: linear-gradient(235deg, #3bcfd6 0%, #3b82c5 100%);
}
#depertment .depertmentSubmenu li.dept-indie .dept-subinfowrap {
  border-color: #3b82c5;
}
#depertment .depertmentSubmenu li.dept-v h4 {
  color: #c50040;
}
#depertment .depertmentSubmenu li.dept-v .deptimgwrap {
  background: linear-gradient(25deg, #e50053, #ed4c86);
}
#depertment .depertmentSubmenu li.dept-v .dept-subinfowrap {
  border-color: #e50053;
}
#depertment .depertmentSubmenu li.dept-ns h4 {
  color: #5252a6;
}
#depertment .depertmentSubmenu li.dept-ns .deptimgwrap {
  background: linear-gradient(25deg, #7d7dbc, #a4a4d0);
}
#depertment .depertmentSubmenu li.dept-ns .dept-subinfowrap {
  border-color: #5252a6;
}

@media only screen and (max-width:768px) {
  #depertment .inner {
    padding: 20% 5% 15%;
    width: 100%;
  }
  #depertment .inner .horizonbar, #depertment .inner .verticalbar {
    display: none;
  }
  #depertment .deptttl {
    width: 65%;
    left: 0;
    top: -2%;
  }
  #depertment .deptttl .nensei {
    width: 50%;
    padding: 5% 0 5% 21px;
  }
  #depertment .deptttl .kamoku {
    width: 50%;
    padding: 5% 0;
  }
  #depertment .deptttlYakan {
    width: 75%;
    left: 0;
    top: -2%;
  }
  #depertment .deptttlYakan .nensei {
    width: 60%;
    padding: 5% 0 5% 21px;
  }
  #depertment .deptttlYakan .kamoku {
    width: 40%;
    padding: 5% 0;
  }
  #depertment .depertmentmenu li:nth-child(2n+1) {
    margin-left: 0;
  }
  #depertment .depertmentmenu li:nth-child(-n+2) {
    margin-top: 0;
  }
  #depertment .depertmentmenu li {
    margin: 4% 0 0 1.7%;
    width: 49%;
  }
  #depertment .depertmentmenu li .deptimgwrap h3 {
    left: 5%;
    bottom: 5%;
  }
  #depertment .depertmentmenu li .deptimgwrap:before {
    border-right: 25vw solid transparent;
    border-bottom: 20vw solid;
  }
  #depertment .depertmentmenu li .dept-subinfowrap {
    padding-left: 5%;
    margin-top: 5%;
    border-left: 3px solid;
  }
  #depertment .depertmentmenu li .dept-subinfowrap .dept-subinfo {
    margin-left: 1em;
    margin-top: 5%;
  }
  #depertment .depertmentmenu li .dept-subinfowrap .dept-subinfo li {
    margin-top: 2%;
    line-height: 1.5em;
  }
  #depertment .depertmentmenu li.dept-gc .deptimgwrap:before {
    border-bottom: 20vw solid #3b82c5;
  }
  #depertment .depertmentmenu li.dept-3dcg .deptimgwrap:before {
    border-bottom: 20vw solid #5fab33;
  }
  #depertment .depertmentmenu li.dept-a .deptimgwrap:before {
    border-bottom: 20vw solid #ff6699;
  }
  #depertment .depertmentmenu li.dept-cd .deptimgwrap:before {
    border-bottom: 20vw solid #ffb400;
  }
  #depertment .depertmentmenu li.dept-mi .deptimgwrap:before {
    border-bottom: 20vw solid #ff7d33;
  }
  #depertment .depertmentmenu li.dept-ns .deptimgwrap:before {
    border-bottom: 20vw solid #7d7dbc;
  }
  #depertment .depertmentmenu li.dept-v .deptimgwrap:before {
    border-bottom: 20vw solid #e50053;
  }
  #depertment .depertmentSubmenu {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #depertment .depertmentSubmenu li {
    margin: 4% 0 0 0;
    width: 100%;
  }
  #depertment .depertmentSubmenu li .deptimgwrap h3 {
    padding: 5%;
    left: 0;
  }
  #depertment .depertmentSubmenu li .deptimgwrap:before {
    border-right: 25vw solid transparent;
    border-bottom: 20vw solid #fff;
  }
  #depertment .depertmentSubmenu li .dept-subinfowrap {
    padding-left: 2.5%;
    margin-top: 2.5%;
    border-left: 3px solid;
  }
  #depertment .depertmentSubmenu li.dept-ns, #depertment .depertmentSubmenu li.dept-v {
    margin-top: 5%;
  }
}
@media only screen and (min-width:769px) {
  #depertment .depertmentmenu li:nth-child(3n+1) {
    margin-left: 0;
  }
  #depertment .depertmentmenu li:nth-child(-n+3) {
    margin-top: 0;
  }
}
#ob-og {
  background: #191919;
  color: #fff;
  position: relative;
  overflow: hidden;
}
#ob-og .inner {
  background: url(../img/obog-bg.jpg);
  height: auto;
  background-size: 25px;
}
#ob-og .inner .horizonbar, #ob-og .inner .verticalbar {
  background-color: rgba(190, 201, 182, 0.8);
}
#ob-og .inner .morebtn {
  box-shadow: 5px 5px 0 #7c926c;
  background: linear-gradient(#ced6c8, #bec9b6);
  left: 0;
  right: 0;
  margin: auto;
  color: #4d4d4d;
}
#ob-og .inner .morebtn:after {
  color: #fff;
}
#ob-og #obogslidewrap {
  position: relative;
  width: 100%;
  margin: 70px auto 0;
  z-index: 1;
}
#ob-og #obogslide {
  /*li.dept-gc {
            .obogdate {@include bgdept-gc;}
        }
        li.dept-3dcg {
            .obogdate {@include bgdept-3dcg;}
        }
        li.dept-a {
            .obogdate {@include bgdept-anime;}
        }
        li.dept-cd {
            .obogdate {@include bgdept-cd;}
        }
        li.dept-mi {
            .obogdate {@include bgdept-mi;}
        }
        li.dept-ns {
            .obogdate {@include bgdept-ns;}
        }
        li.dept-v {
            .obogdate {@include bgdept-voice;}
        }*/
  /*li.dept-gc { @include bgdept-p-gc; @include bsdept-gc;
      .obogdate {@include bgdept-gc;}
      .obogname {
          span {@include txt-gc;}
      }
  }
  li.dept-3dcg { @include bgdept-p-3dcg; @include bsdept-3dcg;
      .obogdate {@include bgdept-3dcg;}
      .obogname {
          span {@include txt-3dcg;}
      }
  }
  li.dept-a { @include bgdept-p-anime; @include bsdept-anime;
      .obogdate {@include bgdept-anime;}
      .obogname {
          span {@include txt-anime;}
      }
  }
  li.dept-cd { @include bgdept-p-cd; @include bsdept-cd;
      .obogdate {@include bgdept-cd;}
      .obogname {
          span {@include txt-cd;}
      }
  }
  li.dept-mi { @include bgdept-p-mi; @include bsdept-mi;
      .obogdate {@include bgdept-mi;}
      .obogname {
          span {@include txt-mi;}
      }
  }
  li.dept-ns { @include bgdept-p-ns; @include bsdept-ns;
      .obogdate {@include bgdept-ns;}
      .obogname {
          span {@include txt-ns;}
      }
  }
  li.dept-v { @include bgdept-p-voice; @include bsdept-voice;
      .obogdate {@include bgdept-voice;}
      .obogname {
          span {@include txt-voice;}
      }
  }*/
}
#ob-og #obogslide .slick-list {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  overflow: visible;
}
#ob-og #obogslide .slick-track {
  display: flex;
}
#ob-og #obogslide .slick-slide {
  height: auto !important;
}
#ob-og #obogslide li.obogslideLi {
  padding: 8px;
  margin: 0 10px;
  box-sizing: border-box;
  background-color: #f2f1e9;
  box-shadow: 5px 5px 0 #000;
}
#ob-og #obogslide li.obogslideLi .obogthumWrap {
  background-color: #fff;
  padding: 20px 0 10px;
  text-align: center;
}
#ob-og #obogslide li.obogslideLi .obogthumWrap img {
  height: 17vh;
  width: auto;
  margin: 0 auto;
  max-height: 320px;
  min-height: 250px;
}
#ob-og #obogslide li.obogslideLi .obogthumWrap .crtxt {
  text-align: right;
  font-size: 10px;
  margin: 5px 5px 0 0;
  line-height: 1.2em;
  color: #4d4d4d;
}
#ob-og #obogslide li.obogslideLi .col2 {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
}
#ob-og #obogslide li.obogslideLi .col2 .leftbox {
  width: 25%;
}
#ob-og #obogslide li.obogslideLi .col2 .leftbox img {
  width: 100%;
}
#ob-og #obogslide li.obogslideLi .col2 .rightbox {
  width: 72%;
}
#ob-og #obogslide li.obogslideLi .col2 .rightbox .obogdate {
  background-color: #4d4d4d;
  border-radius: 6px;
  display: inline-block;
  width: auto;
  text-align: center;
  padding: 2.5px 10px;
  color: #fff;
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  margin-bottom: 10px;
}
#ob-og #obogslide li.obogslideLi .col2 .rightbox .obogname {
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
  font-weight: bold;
  color: #4d4d4d;
}
#ob-og #obogslide li.obogslideLi .col2 .rightbox .obogname span {
  display: block;
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  margin-bottom: 10px;
  line-height: 1.3em;
}
#ob-og #obogslide li.obogslideLi .col2 .rightbox .obogname small {
  font-size: 80%;
}
#ob-og #obogslide .slick-dots li {
  margin: 0 5px;
  padding: 0;
}
#ob-og #obogslide .slick-dots li button:before {
  opacity: 0.4;
}
#ob-og #obogslide .slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1;
}

@media only screen and (max-width:768px) {
  #ob-og {
    padding: 15% 0 20%;
  }
  #ob-og .inner {
    height: auto;
    padding: 5% 5% 20%;
  }
  #ob-og .inner .morebtn {
    left: 0;
    right: 0;
    margin: auto;
  }
  #ob-og #obogslidewrap {
    width: 100%;
    margin: 10% auto 0;
  }
  #ob-og #obogslide .slick-dots {
    bottom: -30px;
  }
  #ob-og #obogslide li.obogslideLi {
    padding: 10px;
    margin: 0 10px;
  }
  #ob-og #obogslide li.obogslideLi .obogthumWrap img {
    height: 19vh;
    width: auto;
    margin: 0 auto;
    max-height: 350px;
    min-height: 290px;
  }
  #ob-og #obogslide li.obogslideLi .col2 {
    align-items: center;
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
  }
  #ob-og #obogslide li.obogslideLi .col2 .leftbox {
    width: 25%;
  }
  #ob-og #obogslide li.obogslideLi .col2 .rightbox {
    width: 72%;
    margin-top: 0;
  }
  #ob-og #obogslide li.obogslideLi .col2 .rightbox .obogdate {
    padding: 1% 5%;
    margin-bottom: 2%;
  }
  #ob-og #obogslide li.obogslideLi .col2 .rightbox .obogname span {
    margin-bottom: 2%;
  }
}
#works {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-top: 15px solid;
  border-bottom: 15px solid;
  border-color: #008cce;
  position: relative;
}
#works .worksloop.leftscroll {
  display: flex;
  width: 100vw;
}
#works .worksloop.leftscroll img {
  min-width: 100vw;
}
#works .worksloop.leftscroll img:first-child {
  animation: loop 100s -50s linear infinite;
}
#works .worksloop.leftscroll img:last-child {
  animation: loop2 100s linear infinite;
}
#works .worksloop.rightscroll {
  display: flex;
  width: 100vw;
}
#works .worksloop.rightscroll img {
  min-width: 100vw;
}
#works .worksloop.rightscroll img:first-child {
  animation: loop3 100s -50s linear infinite;
}
#works .worksloop.rightscroll img:last-child {
  animation: loop4 100s linear infinite;
}
#works h2 {
  width: 40%;
  max-width: 700px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
}
#works h2 img {
  width: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes loop4 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}
@media only screen and (max-width:768px) {
  #works .worksloop.leftscroll {
    width: 200vw;
  }
  #works .worksloop.leftscroll img {
    min-width: 200vw;
  }
  #works .worksloop.rightscroll {
    display: flex;
    width: 200vw;
  }
  #works .worksloop.rightscroll img {
    min-width: 200vw;
  }
  #works h2 {
    width: 80%;
    max-width: unset;
  }
}
#exam-tuition {
  overflow: hidden;
  background: url(../img/info_bg.jpg) no-repeat;
  background-size: cover;
  padding: 50px 0;
  position: relative;
  border-top: 100px solid #fff;
}
#exam-tuition .inner {
  background: none;
  padding: 0;
  width: 70%;
  min-width: 1000px;
  padding: 70px 0;
}
#exam-tuition .inner h2 {
  color: #fff;
  font-size: clamp(1.75rem, 1.477rem + 1.36vw, 2.5rem);
  text-align: center;
}
#exam-tuition .inner p {
  color: #fff;
  text-align: center;
  line-height: 2em;
  margin: 30px 0 0;
}
#exam-tuition .inner .morebtn {
  background-color: #fff;
  color: #ec6c00;
  position: relative;
  left: 0;
  right: 0;
  margin: 25px auto 0;
  box-shadow: 5px 5px 0 #e06d1a;
}
#exam-tuition .inner .morebtn:hover {
  opacity: 0.6;
}
#exam-tuition .exam-tuition.leftscroll {
  display: flex;
  width: 100vw;
  position: absolute;
  bottom: 5%;
  z-index: -1;
}
#exam-tuition .exam-tuition.leftscroll img {
  min-width: 166.6666666667vw;
}
#exam-tuition .exam-tuition.leftscroll img:first-child {
  animation: loop 100s -50s linear infinite;
}
#exam-tuition .exam-tuition.leftscroll img:last-child {
  animation: loop2 100s linear infinite;
}

@media only screen and (max-width:768px) {
  #exam-tuition {
    padding: 20% 0 25%;
    margin-top: 0;
  }
  #exam-tuition .inner {
    width: 90%;
    min-width: unset;
    padding: 0;
  }
  #exam-tuition .inner h2 {
    width: 90%;
    margin: 0 auto;
  }
  #exam-tuition .inner .morebtn {
    margin-top: 0%;
  }
  #exam-tuition .exam-tuition.leftscroll {
    display: flex;
    width: 100vw;
    position: absolute;
    bottom: 5%;
  }
  #exam-tuition .exam-tuition.leftscroll img {
    min-width: 500vw;
  }
}
#commonBnr .commonBnrWrap {
  background: none;
  padding: 0;
  width: 70%;
  min-width: 1000px;
  padding: 70px 0;
  text-align: center;
  margin: 0 auto;
}

@media only screen and (max-width:768px) {
  #commonBnr .commonBnrWrap {
    width: 90%;
    min-width: unset;
    padding: 10% 0;
  }
}
#footinfo {
  background-color: #fff;
  border-top: 1px solid;
  border-color: #4d4d4d;
}
#footinfo ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid;
  border-color: #4d4d4d;
}
#footinfo ul li:first-child {
  border-left: none;
}
#footinfo ul li {
  width: 33.33%;
  border-left: 1px solid;
  border-color: #4d4d4d;
  padding: 30px 0;
}
#footinfo ul li img {
  width: 60%;
  margin: 0 auto 20px;
  display: block;
}
#footinfo ul li p {
  text-align: center;
  font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
  line-height: 1.5em;
}

@media only screen and (max-width:768px) {
  #footinfo ul li {
    padding: 5% 0;
  }
  #footinfo ul li img {
    width: 90%;
    margin: 0 auto 8%;
  }
}
footer {
  background-color: #fff;
}
footer .inner {
  width: 90%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
  padding: 5% 5% 3%;
  position: relative;
}
footer .footsnswrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footsnswrap li:first-child {
  margin-left: 0;
}
footer .footsnswrap li {
  width: 76px;
  margin-left: 20px;
}
footer .footinfowrap {
  border-top: none;
  border-bottom: 1px solid;
  border-color: #d9d9d9;
  align-items: center;
  padding: 0 0 60px 0;
  margin: 0;
}
footer .footinfowrap .leftbox {
  width: 55%;
}
footer .footinfowrap .leftbox img {
  width: 90%;
}
footer .footinfowrap .rightbox {
  width: 45%;
}
footer .footinfowrap .rightbox li {
  line-height: 0;
}
footer .footinfowrap .rightbox li img {
  border: 1px solid;
  border-color: #4d4d4d;
}
footer #footmenu01 {
  padding: 50px 0 0;
}
footer #footmenu01 ul li {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  margin-top: 10px;
}
footer #footmenu01 .submenu {
  margin: 0 0 0 1.5em;
}
footer #footmenu01 .submenu li {
  list-style: disc;
}
footer #footmenu02 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #d9d9d9;
  margin-top: 50px;
}
footer #footmenu02 li:first-child {
  margin-left: 0;
}
footer #footmenu02 li {
  margin-left: 40px;
  letter-spacing: 2px;
}
footer #footmenu03 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 30px 0;
  border-top: 1px solid;
  border-color: #d9d9d9;
  margin-top: 50px;
}
footer #footmenu03 .leftbox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer #footmenu03 .rightbox {
  width: 80%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
footer #footmenu03 .rightbox li {
  display: inline-block;
  border-right: 1px solid;
  border-color: #d9d9d9;
  margin-right: 15px;
  padding-right: 15px;
  line-height: 2em;
}
footer #footmenu03 .rightbox li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
footer #copyright {
  background-color: #4d4d4d;
  color: #fff;
  padding: 25px 0;
}
footer #copyright p {
  text-align: center;
  font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
  letter-spacing: 2px;
}

@media only screen and (max-width:768px) {
  footer {
    padding-bottom: 50px;
  }
  footer .inner {
    width: 90%;
    min-width: unset;
    max-width: unset;
    padding: 10% 5% 3%;
  }
  footer .footsnswrap {
    width: 90%;
    margin: 0 auto;
  }
  footer .footsnswrap li {
    width: 16%;
    margin-left: 5%;
  }
  footer .footinfowrap {
    padding: 0 0 10% 0;
    margin: 0;
  }
  footer .footinfowrap .leftbox {
    width: 100%;
    text-align: center;
  }
  footer .footinfowrap .leftbox img {
    width: 100%;
  }
  footer .footinfowrap .rightbox {
    width: 70%;
    margin: 5% auto 0;
  }
  footer .footinfowrap .rightbox li {
    line-height: 0;
  }
  footer #footmenu01 {
    padding: 6% 0 0;
  }
  footer #footmenu01 .leftbox01 li:first-child {
    padding-top: 0;
    border-top: none;
  }
  footer #footmenu01 ul li {
    margin-top: 4%;
    padding-top: 4%;
    border-top: 1px dotted;
    border-color: #aaa;
    font-size: 3.8vw;
  }
  footer #footmenu01 .submenu {
    margin: 0 0 0 1.5em;
  }
  footer #footmenu01 .submenu li {
    list-style: disc;
    margin-top: 2.5%;
    padding-top: 0;
    border-top: none;
    font-size: 3.5vw;
  }
  footer #footmenu02 {
    display: block;
    padding: 10% 0;
    margin-top: 10%;
  }
  footer #footmenu02 li:first-child {
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  footer #footmenu02 li {
    margin-left: 0;
    letter-spacing: 2px;
    margin-top: 4%;
    padding-top: 4%;
    border-top: 1px dotted;
    border-color: #d9d9d9;
  }
  footer #footmenu03 {
    display: block;
    padding: 10% 0 6%;
    margin: 0;
  }
  footer #footmenu03 .leftbox {
    width: 100%;
    display: block;
  }
  footer #footmenu03 .rightbox {
    width: 100%;
    margin-top: 2.5%;
  }
  footer #copyright {
    padding: 10% 0;
  }
}
#pagetop {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 10;
  line-height: 0;
}
#pagetop .fas {
  background-color: #4d4d4d;
  color: #fff;
  font-size: 25px;
  padding: 14px;
  border-radius: 100%;
}

@media only screen and (max-width:768px) {
  #pagetop {
    bottom: 60px;
    right: 5px;
  }
  #pagetop .fas {
    font-size: 20px;
    padding: 10px;
  }
}
#followbtn {
  background: linear-gradient(#ff7500, #ff3366);
  position: fixed;
  right: -3px;
  bottom: 10%;
  border-radius: 12px 0 0 12px;
  border: 3px solid;
  border-color: #fff;
  width: 75px;
  z-index: 10;
}
#followbtn div:first-child {
  border-top: none;
}
#followbtn div {
  font-weight: bold;
  text-align: center;
  border-top: 1px solid;
  border-color: #fff;
}
#followbtn div img {
  width: 70px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width:768px) {
  #followbtn {
    background: linear-gradient(#ff7500, #ff3366);
    position: fixed;
    right: 0;
    bottom: -3px;
    border-radius: 0;
    border-top: 3px solid;
    border-color: #fff;
    border-left: none;
    border-right: none;
    width: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
  }
  #followbtn div.nyugaku.pcnone {
    border-top: none;
    border-left: none;
  }
  #followbtn div {
    border-top: none;
    border-left: 1px solid;
    border-color: #fff;
    width: 33.33%;
  }
  #followbtn div img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
#departnavi, #topslidewrap, #intro, #news, #depertment, #ob-og, #works, #exam-tuition, #footinfo, footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#video-area {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
}
#video-area .bgvideo {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
  opacity: 0.5;
}

.acdtoggle, .acdbtn {
  display: none;
}

@media only screen and (max-width:768px) {
  .acdbtn {
    display: block;
    height: 2.5vh;
    position: relative;
    border-left: 1px solid;
    border-color: #fff;
    box-sizing: border-box;
  }
  .acdtoggle {
    display: none;
  }
  .acdwrap {
    position: relative;
    margin-bottom: 1em;
  }
  .acdbtn, .submenu {
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
  }
  .acdbtn::after, .acdbtn::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 0.75em;
    background-color: #fff;
    transition: all 0.3s;
  }
  .acdbtn::after {
    transform: rotate(90deg);
  }
  .submenu {
    max-height: 0;
    overflow: hidden;
  }
  .acdtoggle:checked + .acdbtn + .submenu {
    max-height: 500px;
    transition: all 1.5s;
    display: block !important;
  }
  .acdtoggle:checked + .acdbtn::before {
    transform: rotate(90deg) !important;
  }
  .leftbox02 .acdbtn::after, .leftbox02 .acdbtn::before, .rightbox01 .acdbtn::after, .rightbox01 .acdbtn::before {
    background-color: #000;
  }
}
#pagetop {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#pagetop.scrolled {
  animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  pointer-events: auto;
}

#pagetop.fading-out {
  animation: fadeOut 0.5s ease forwards;
  pointer-events: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 表示アニメーション */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
/* 非表示アニメーション */
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* INDEX slide-arrow　PC非表示 */
@media only screen and (min-width: 769px){
#topslide .slick-next, 
#topslide .slick-prev{
display:none !important;
}
}

/*# sourceMappingURL=styles.css.map */