/*
Theme Name:marronnier
*/

@charset "UTF-8";
/* CSS Document */
.sorry {
  margin: 5% !important;
}
/* reset
============================================================*/
* {
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
/* common
============================================================*/
html {
  min-width: 1240px;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  html {
    min-width: 100%;
  }
}
/* block-title */
.block-title {
  font-size: 0;
  text-align: center;
  font-weight: normal;
  margin: 80px 0 72px;
}
.block-title2 {
  font-size: 0;
  text-align: center;
  font-weight: normal;
  margin: -36px 0 72px;
}
.block-title-en {
  display: block;
  font-family: "Mr Dafoe", cursive;
  font-size: 80px;
  line-height: 1;
}
.pamphlet-inner .block-title-en {
  font-size: 65px;
}
.pamphlet-inner .ao-ft-bnr {
  background-color: #333;
  border-radius: 60px;
  padding: 40px 10px;
  width: calc(100% - 20px);
  color: #fff;
  letter-spacing: 5px;
}
.pamphlet-inner2 .fandq-bnr {
  background-color: #fff;
  border-radius: 60px;
  padding: 40px 10px;
  width: calc(100% - 30px);
  color: #333;
  letter-spacing: 5px;
  border: 5px solid #333;
  font-weight: bold;
}
.pamphlet-inner .ao-ft-bnr .ao {
  font-size: 1.4em;
}
.pamphlet-inner .ao-ft-bnr .entry {
  font-size: 1.4em;
  font-weight: bold;
}
.pamphlet-inner .ao-ft-bnr .date {
  font-size: 1.2em;
  font-weight: bold;
}
.pamphlet-inner .ao-ft-bnr .date2 {
  font-size: 0.9em;
}
.pamphlet-inner .ao-ft-bnr img {
  display: block;
  width: 38;
  max-width: 456px;
  margin: 0 auto;
}
.block-title-ja {
  display: block;
  font-size: 15px;
}
.block-title-en_sec {
  display: block;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
}
.block-title-ja_sec {
  display: block;
  font-size: 15px;
  text-align: center;
}
.days .block-title {
  margin: 60px 0;
}
.news .block-title {
  margin: 80px 0 40px;
}
.pamphlet .block-title {
  margin: 80px 0 40px;
}
.contactus .block-title {
}
.contactus .block-title-en {
  font-size: 60px;
}
@media (max-width: 768px) {
  .pamphlet-inner .ao-ft-bnr,
  .pamphlet-inner2 .fandq-bnr {
    padding: 20px 10px;
  }
  .pamphlet-inner .ao-ft-bnr img {
    width: 75%;
  }
  .block-title {
    margin: 40px 0 20px;
  }
  .block-title-en {
    font-size: 50px;
  }
  .block-title-en_sec {
    font-size: 1.7rem;
  }
  .block-title-ja {
    display: block;
    font-size: 10px;
  }
  .days .block-title {
    margin: 40px 0 20px;
  }
  .news .block-title {
    margin: 50px 0 30px;
  }
  .pamphlet .block-title {
    margin: 50px 0 30px;
  }
  .contactus .block-title-en {
    font-size: 45px;
  }
  .pamphlet-inner .block-title-en {
    font-size: 50px;
  }
}
/* readmore-btn */
.readmore-btn-home {
  width: 450px;
  margin: 70px auto 100px;
}
.readmore-btn-course {
}
.readmore-btn {
  display: block;
  color: #fff;
  background: #26242d;
  width: 100%;
  padding: 1.5em 0;
  border-radius: 2em;
  text-align: center;
  position: relative;
  line-height: 1;
}
.readmore-btn-multiple {
  border-radius: 3em;
}
.readmore-btn-small {
  font-size: 12px;
  display: block;
  margin: 0 0 1em;
}
.readmore-btn-big {
  font-size: 16px;
  display: block;
}
.readmore-btn:after {
  content: "";
  display: block;
  background: url("img/common/readmore_btn_arrow_01.png") no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out 0s;
}
.readmore-btn:hover:after {
  transform: translate(10px, -50%);
}
@media (max-width: 1200px) {
  .readmore-btn {
    padding: 1em 0;
  }
}
@media (max-width: 768px) {
  .readmore-btn-home {
    width: 80%;
    margin: 60px auto;
  }
  .readmore-btn-course {
    margin: 0 0 70px;
  }
  .pamphlet-inner .ao-ft-bnr .entry {
    font-size: 0.8em;
  }
  .readmore-btn:after {
    right: 9px;
  }
}
/* downloads-btn */
.downloads-btn {
  display: block;
  color: #fff;
  border: 2px solid #fff;
  font-size: 20px;
  letter-spacing: 0.04em;
  padding: 1em 0;
  text-align: center;
  position: relative;
}
.downloads-btn:after {
  content: "";
  display: block;
  background: url("img/common/downloads_btn_arrow_01.png") no-repeat right
    center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate(0, -50%);
}
.downloads-btn:hover:after {
  transform: translate(10px, -50%);
}
.downloads-btn:hover {
  background: #fff;
  color: #f0a764;
}
/* fadeIn fadeUp */
.fadein {
  opacity: 0;
  transform: scale(1.02);
  transition: all 0.6s ease-in-out 0.2s;
}
.fadein-visible {
  opacity: 1;
  transform: scale(1);
}
.fadeup {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.6s ease-in-out 0.4s;
}
.fadeup-visible {
  opacity: 1;
  transform: translate(0, 0);
}
/* zoom */
.zoom {
  overflow: hidden;
}
.zoom img {
  transition: transform 0.4s ease-in-out;
}
.zoom img:hover {
  transform: scale(1.05);
}
/* sp-footer-fixed
============================================================*/
.sp-footer-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: none;
}
.sp-footer-fixed ul {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}
.sp-footer-fixed li {
  width: 50%;
  text-align: center;
}
.sp-footer-fixed li:nth-child(1) {
  color: #fff;
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.sp-footer-fixed li:nth-child(2) {
  color: #fafa01;
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
}
.sp-footer-fixed li:nth-child(2) a:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("img/common/sp_footer_fixed_icon_01.png");
  background-size: 11px 14px;
  vertical-align: middle;
  margin: -1px 1em 0 0;
}
.sp-footer-fixed a {
  display: block;
  padding: 1.5em 0;
}
@media (max-width: 768px) {
  /* sp-footer-fixed */
  .sp-footer-fixed {
    display: block;
  }
  .home .sp-footer-fixed {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .header-show .sp-footer-fixed {
    opacity: 1;
  }
  .pamph {
    position: absolute;
    width: 98px;
    bottom: 46px;
    left: 8px;
  }
}
/* sp-menu
============================================================*/
/* sp-menu-button */
.sp-menu-header {
  position: fixed;
  z-index: 3;
  width: 100%;
  display: none;
}
.sp-menu-header:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 234, 0, 0.8);
  content: "";
  display: block;
  z-index: -1;
}
.home .sp-menu-header:before {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
/* ヘッダー表示 */
.header-show .sp-menu-header:before {
  opacity: 1;
}
.sp-menu-header.open {
  background: #fff;
  border-bottom: 1px solid #26242d;
}
.sp-menu-header.open:before {
  display: none;
}
.sp-menu-logo-area {
  position: fixed;
}
.sp-menu-logo {
  padding: 15px 20px;
  width: 120px;
}
.sp-menu-logo a {
  position: relative;
  display: block;
}
.sp-menu-logo-white {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.sp-menu-logo-black {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.header-show .sp-menu-logo-white {
  opacity: 0;
}
.header-show .sp-menu-logo-black {
  opacity: 1;
}
.page .sp-menu-logo-white {
  opacity: 0;
}
.page .sp-menu-logo-black {
  opacity: 1;
}
.open .sp-menu-logo-white {
  opacity: 0;
}
.open .sp-menu-logo-black {
  opacity: 1;
}
.sp-menu-button {
  width: 30px;
  height: 10px;
  top: 28px;
  right: 20px;
  cursor: pointer;
  position: fixed;
}
.sp-menu-button span {
  width: 100%;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  transition: all 0.5s ease-in-out;
}
.header-show .sp-menu-button span {
  background: #26242d;
}
.page .sp-menu-button span {
  background: #26242d;
}
.open .sp-menu-button span {
  background: #26242d;
}
.sp-menu-button span:nth-child(1) {
  top: 0px;
}
.sp-menu-button span:nth-child(2) {
  top: 8px;
}
.sp-menu-button.active span:nth-child(1) {
  top: 50%;
  transform: rotate(135deg);
}
.sp-menu-button.active span:nth-child(2) {
  top: 50%;
  transform: rotate(225deg);
}
/* sp-menu-inner */
.sp-menu-inner {
  background: #fff;
  display: none;
  position: fixed;
  z-index: 2;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
.sp-menu-cta {
  padding: 20px 10px;
  border-bottom: 1px solid #26242d;
  margin: 67px 0 0;
}
.sp-menu-cta ul {
  font-size: 15px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.sp-menu-cta li {
  width: calc(100% / 2 - 5px);
  text-align: center;
}
.sp-menu-cta li:nth-child(1) {
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.sp-menu-cta li:nth-child(2) {
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
}
.sp-menu-cta a {
  display: block;
  padding: 1.3em 0;
  line-height: 1;
}
.sp-menu-depth-menu a {
  border-bottom: 1px solid #26242d;
  display: block;
}
.sp-menu-depth-menu dt {
  font-weight: bold;
}
.sp-menu-depth-menu dt a {
  padding: 0.75em 20px;
  position: relative;
}
.sp-menu-depth-menu dt a:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  right: 20px;
  top: 50%;
  background: #26242d;
  transform: rotate(90deg);
  transition: all 0.6s ease-in-out;
}
.sp-menu-depth-menu dt a:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  right: 20px;
  top: 50%;
  background: #26242d;
  transition: all 0.6s ease-in-out;
}
.sp-menu-depth-menu dt a.active:before {
  transform: rotate(360deg);
}
.sp-menu-depth-menu dt a.active:after {
  opacity: 0;
  transform: rotate(270deg);
}
.sp-menu-depth-menu dd a {
  padding: 1em calc(20px + 15px);
  font-size: 13px;
  font-weight: bold;
  background: #eee;
  position: relative;
}
.sp-menu-depth-menu dd a:after {
  content: ">";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 13px;
}
.sp-menu-by-user-menu {
  padding: 15px 10px 10px;
  border-bottom: 1px solid #26242d;
}
.sp-menu-by-user-menu ul {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sp-menu-by-user-menu li {
  box-sizing: border-box;
  border: 1px solid #26242d;
  text-align: center;
  width: calc(50% - 5px);
  margin: 0 0 5px;
}
.sp-menu-by-user-menu a {
  position: relative;
  display: block;
  padding: 0.75em 0;
}
/*
.sp-menu-by-user-menu a:after {
	content: ">";
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 13px;
}
*/
.sp-menu-clild-menu a {
  border-bottom: 1px solid #26242d;
  display: block;
  font-weight: bold;
  padding: 0.75em 20px;
  position: relative;
}
.sp-menu-clild-menu a:after {
  content: ">";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: normal;
  font-size: 13px;
}
@media (max-width: 768px) {
  /* sp-menu */
  .sp-menu-header {
    display: block;
  }
}
/* menu-bar
============================================================*/
.menu-bar {
  position: fixed;
  width: 100%;
  background: rgba(255, 234, 0, 0.8);
  z-index: 2;
}
.menu-bar {
  min-width: 1240px;
  line-height: 1;
}
@media (max-width: 768px) {
  .menu-bar {
    min-width: 100%;
  }
}
.home .menu-bar {
  top: -100%;
  transition: top 0.6s ease-in-out 0s;
}
/* ヘッダー表示 */
.header-show .menu-bar {
  top: 0;
}
.menu-bar-sub-menu {
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  padding: 0 2em 0 0;
}
.menu-bar-sub-menu li {
  margin: 0 0 0 1em;
  padding: 1em 0;
}
.menu-bar-sub-menu li.lang {
  font-weight: bold;
  margin-left: 20px;
  font-size: 1.05em;
}
.menu-bar-main {
  align-items: flex-end;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
}
.menu-bar-main-menu {
  align-items: flex-end;
  display: flex;
  font-weight: bold;
  transform: translateY(-12px);
}
.menu-bar-main-menu li {
  margin: 0 1.3em 0 0;
  padding: 0 0 1em;
}
.menu-bar-main-menu li .wrap {
  position: absolute;
  top: 2em;
  left: 0;
  width: 100vw;
  padding: 1.1em 1em;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.menu-bar-main-menu li .wrap .inner {
  padding-right: 45%;
  padding-left: 3%;
}
.menu-bar-main-menu li .wrap span {
  margin: 10px 40px 10px 0;
  display: inline-block;
  position: relative;
  padding-left: 1.2em;
}
.menu-bar-main-menu li .wrap span:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_01.png) no-repeat right center;
  background-size: 10px 15px;
  width: 6px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.menu-bar-main-menu li span {
  display: inline-block;
  padding: 0px 10px;
  margin: 0;
  white-space: nowrap;
  color: #fff;
  vertical-align: middle;
  line-height: 1.4;
  transition: all 0.2s ease-in-out 0s;
}
.menu-bar-main-menu li span:hover {
  opacity: 0.6;
}
.menu-bar .menu-bar-logo {
  max-width: 140px;
  display: block;
  float: left;
  margin: 1.4em 2em;
}
.menu-bar-cta {
  color: #fff;
  display: flex;
  transform: translateY(7px);
}
.menu-bar-cta li:nth-child(1) {
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.menu-bar-cta li:nth-child(2) {
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
}
.menu-bar-cta a {
  display: block;
}
.menu-bar-cta li:nth-child(1) a {
  padding: 1em 1em;
}
.menu-bar-cta li:nth-child(2) a {
  padding: 1em 2em;
}
@media (max-width: 1200px) {
  /*
	.menu-bar-sub-menu {
		font-size: 8px;
	}
	.menu-bar-main {
		font-size: 10px;
	}
	*/
  .menu-bar-main-menu .menu-bar-logo {
    max-width: 100px;
  }
}
/* header
============================================================*/
.header {
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.header-background {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("img/top/pl_mainimg2025pc-3.jpg") top center;
  background-size: cover;
  opacity: 0;
}
.header-inner {
  position: relative;
  width: 96%;
  padding: 2%;
}
.header-top {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 16px 20px;
}
.header-logo {
  width: 320px;
}
.header-nav {
  color: #fff;
  display: block;
  position: fixed;
  top: 0;
  right: 80px;
  z-index: 999;
}
.header-nav li {
  font-size: 12px;
  text-align: center;
  padding: 0.1em;
}
.header-nav li a {
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 1.2em;
  color: #fff;
}
.header-nav li:nth-of-type(1) {
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.header-nav li:nth-of-type(2) {
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
}
.header-main-content {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-animate {
  position: relative;
  max-width: 972px;
  width: 95%;
}
.header-animate-fade {
  position: absolute;
  top: 0;
  left: 0;
}
.header-animate-fade-be {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header-animate-fade-be img,
.header-animate-fade-yourself img {
  width: 100%;
}
@supports (mask-size: contain) {
  .header-animate-gradation {
    background: linear-gradient(
      90deg,
      #f5deb3,
      #f08080,
      #da70d6,
      #00bfff,
      #40e0d0,
      #00bfff,
      #da70d6,
      #f08080,
      #f5deb3,
      #f08080,
      #da70d6,
      #00bfff,
      #40e0d0,
      #00bfff,
      #da70d6,
      #f08080,
      #f5deb3
    );
    background-size: 200% 200%;
  }
}
@supports (-webkit-mask-size: contain) {
  .header-animate-gradation {
    background: linear-gradient(
      90deg,
      #f5deb3,
      #f08080,
      #da70d6,
      #00bfff,
      #40e0d0,
      #00bfff,
      #da70d6,
      #f08080,
      #f5deb3,
      #f08080,
      #da70d6,
      #00bfff,
      #40e0d0,
      #00bfff,
      #da70d6,
      #f08080,
      #f5deb3
    );
    background-size: 200% 200%;
  }
}
@supports (-ms-ime-align: auto) {
  .header-animate-gradation {
    display: none;
  }
}
.header-animate-gradation {
  animation: gradation 8s ease infinite reverse;
  mask: url(img/top/header_beyourself_animate_mask_2.png);
  mask-size: contain;
  -webkit-mask-image: url(img/top/header_beyourself_animate_mask_2.png);
  -webkit-mask-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
@keyframes gradation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.header-animate-fade-yourself {
  opacity: 0;
}
#svg-animation .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 40;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
}
#svg-animation {
  max-width: 100%;
  height: auto;
}
/* write-animation */
.header-message {
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.35);
  position: absolute;
  left: 2%;
  top: 25%;
  width: 200px;
  display: flex;
  align-items: center;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  opacity: 0;
}
.header-news-wrap {
  position: absolute;
  right: 24px;
  bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 360px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
}
.header-news {
  box-sizing: border-box;
  color: #26242d;
  display: flex;
  flex-wrap: wrap;
  width: 144px;
  opacity: 0;
}
.header-news-thumb {
  width: 144px;
  height: 144px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.header-news-thumb img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-news-text {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.header-news-title {
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: justify;
}
.header-news-cat {
  font-weight: bold;
  font-size: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #bbb;
  margin-bottom: 8px;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}
.header-news-title span {
  display: block;
  font-size: 80%;
}
.header-news-more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  transition: all 0.2s ease-in-out 0s;
  display: none;
}
.header-news:hover .header-news-more {
  transform: translateX(10px);
}
.header-link {
  display: block;
  width: 16%;
  min-width: 160px;
  position: absolute;
  bottom: 12vh;
  left: 4vw;
}
.sp-banner {
  font-size: 20px;
  font-weight: bold;
  display: block;
  padding: 3.2vh 4vw;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 15vh;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .header-message {
    display: none;
  }
  /* write-animation */
  .header-main-content {
    width: 100%;
    height: 100vh;
  }
  .header-animate {
    position: absolute;
    max-width: 950px;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60px);
  }
  .header-link {
    display: block;
    width: 12%;
    min-width: 160px;
    position: absolute;
    top: 12vh;
    right: auto;
    left: 4vw;
  }
  .open-menu-btn-wrap {
    width: 12vw;
    height: 12vw;
  }
  .open-menu-btn {
    width: 6.4vw;
    height: 3.2vw;
  }
  .header-news-wrap {
    width: 100vw;
    right: 0;
    bottom: 0;
    padding: 2.4vw;
    padding-bottom: 0;
    z-index: 100;
  }
  .header-news {
    width: 100vw;
    margin-bottom: 2.4vw;
  }
  .header-news a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header-news-thumb img {
    width: 100%;
    position: static;
    transform: none;
  }
  .header-news-thumb {
    width: 12vw;
    height: 12vw;
    margin: 0;
  }
  .header-news-text {
    box-sizing: border-box;
    width: 72vw;
    padding: 0 0 0 2vw;
    position: relative;
  }
  .header-news-cat {
    font-size: 13px;
    margin: 0;
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  .header-news-title {
    letter-spacing: 0.04em;
    font-size: 13px;
  }
  .header-logo {
    width: 40vw;
  }
  .header-top {
    display: inherit;
  }
  .header-nav {
    display: none;
  }
  .sp-banner {
    font-size: 15px;
    width: 86%;
    bottom: 22vh;
    text-align: center;
  }
  /* menu-bar */
  .menu-bar {
    display: none;
  }
}
/* banner-area
============================================================*/
.banner-area {
  width: 100%;
  font-size: 23px;
  font-weight: bold;
}
.by-user a {
  display: block;
  color: #fff;
  letter-spacing: 0.2em;
  width: calc(100% / 3);
  padding: 4em 2em;
  box-sizing: border-box;
  transition: opacity 0.3s ease-in-out 0s;
  text-align: center;
  position: relative;
}
.by-user a:hover {
  opacity: 0.6;
}
.banner-area-inner {
}
.by-sp-only {
  display: none;
  margin: 2% 0;
}
.by-user {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.by-user li:nth-child(2) {
  padding-right: 20px;
}
.by-user a:nth-child(1) {
  background: linear-gradient(
    90deg,
    rgba(144, 238, 144, 1),
    rgba(0, 191, 255, 1)
  );
  transition-delay: 0s;
}
.by-user a:nth-child(2) {
  background: linear-gradient(
    15deg,
    rgba(244, 164, 96, 1),
    rgba(249, 134, 191, 1)
  );
  transition-delay: 0.1s;
}
.by-user a:nth-child(3) {
  background: linear-gradient(
    15deg,
    rgba(221, 160, 221, 1),
    rgba(100, 149, 237, 1)
  );
  transition-delay: 0.2s;
}
.by-user a:after {
  content: "→";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1em;
  right: 1em;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  transform: translate(0, -50%);
}
.by-contents {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 0;
  flex-wrap: wrap;
  position: relative;
}
.by-content-background {
  overflow: hidden;
}
.by-contents a img {
  transition: transform 0.4s ease-in-out;
}
.by-contents a:hover img {
  transform: scale(1.05);
}
.by-content-background.int {
  border: 4px solid #fffe55;
}
.by-content-text {
  position: absolute;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.by-content-text-inner {
  border: 3px solid #fff;
  height: 80%;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.by-content-text-unit {
  text-align: center;
}
.by-content-text-lead {
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
}
.by-content-text-body {
}
.by-contents li {
  width: calc(100% / 2 - 20px);
}
.by-contents li:nth-child(1) {
  transition-delay: 0s;
}
.by-contents li:nth-child(2) {
  transition-delay: 0.1s;
}
@media (max-width: 768px) {
  .by-sp-only {
    display: block;
  }
  .by-user a {
    width: 100%;
    padding: 2em;
    margin: 0 0 2%;
  }
  .by-contents li {
    width: 100%;
    margin: 0 0 2%;
  }
  .by-content-text-lead {
    font-size: 22px;
  }
  .by-content-text-body {
    font-size: 16px;
  }
  .banner-area {
    width: 96%;
    margin: 0 auto;
  }
  .by-contents {
    margin: 10px 0 0;
  }
}
/* Days
============================================================*/
.days {
  background: linear-gradient(
    135deg,
    rgba(42, 250, 223, 0.6),
    rgba(76, 131, 255, 0.6)
  );
  overflow: hidden;
}
.days-inner {
  margin: 0 auto;
}
.days .block-title {
  color: #fff;
}
.days .block-title-ja {
  margin: 1em 0 0;
}
.image-tiles {
  margin: 0 auto;
}
.image-tiles div {
}
.tile-groupe-1 {
  display: flex;
  flex-wrap: wrap;
}
.tile-groupe-2 {
  width: 50%;
}
.tile-groupe-3 {
  display: flex;
  flex-wrap: wrap;
}
.tile-groupe-4 {
  display: flex;
  flex-wrap: wrap;
}
.tile-block {
  position: relative;
  background: #000;
}
.tile-block img {
  opacity: 0.8;
  vertical-align: top;
  transition: all 0.4s ease-in-out;
}
.tile-block img:hover {
  opacity: 1;
}
.tile-block .tile-caption {
  position: absolute;
  letter-spacing: 0.1em;
  color: #fff;
  z-index: 1;
  bottom: 0.5em;
  left: 0.5em;
  text-align: justify;
  width: calc(100% - 2em);
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 2px 2px 3px #555;
}
.tile-block-1 {
  width: 50%;
}
.tile-block-3 {
  width: 50%;
}
.tile-block-4 {
  width: 50%;
}
.tile-block-5 {
  width: 25%;
}
.tile-block-6 {
  width: 25%;
}
.tile-block-7 {
  width: 25%;
}
.tile-block-8 {
  width: 25%;
}
@media (max-width: 1200px) {
  .tile-block .tile-caption {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  /* days */
  .tile-block-1 {
    width: 100%;
  }
  .tile-groupe-2 {
    width: 100%;
  }
  .tile-block-5 {
    width: 50%;
  }
  .tile-block-6 {
    width: 50%;
  }
  .tile-block-7 {
    width: 50%;
  }
  .tile-block-8 {
    width: 50%;
  }
}
/* news
============================================================*/
.news {
  background: linear-gradient(
    90deg,
    rgba(250, 235, 215, 1),
    rgba(255, 250, 240, 1)
  );
  overflow: hidden;
}
.news-inner {
  margin: 0 auto;
  width: 90%;
}
.news .cards {
  max-width: 1200px;
  margin: 40px auto 70px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .card {
  width: calc(100% / 4 - 1%);
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.news .card:nth-child(1) {
  transition-delay: 0s;
}
.news .card:nth-child(2) {
  transition-delay: 0.1s;
}
.news .card:nth-child(3) {
  transition-delay: 0.2s;
}
.news .card:nth-child(4) {
  transition-delay: 0.3s;
}
.card-thumb.zoom a {
  position: relative;
  padding-top: 66%;
  overflow: hidden;
  display: block;
  transition: transform 0.4s ease-in-out;
}
.card-thumb.zoom a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-thumb.zoom a:hover {
  transform: scale(1.05);
}
.news .card-cat {
  font-size: 12px;
  display: flex;
}
.news .card-cat li {
  padding: 0.25em 1em;
}
.news .card-cat li:nth-child(2n + 1) {
  background: #bdbcbc;
  color: #fff;
}
.news .card-cat li:nth-child(2n) {
  color: #bdbcbc;
}
.news .card-title {
  margin: 1em 0;
  line-height: 1.5;
}
.news .card-date {
  color: #69aff9;
  font-size: 10px;
}
@media (max-width: 768px) {
  .news .cards {
    margin: 30px auto 40px;
  }
  .news .card {
    width: calc(100% / 2 - 1%);
    margin: 0 0 2%;
  }
}
/* opencampus
============================================================*/
.opencampus {
  /*
	background: url("img/common/opencampus_background.jpg") no-repeat;
	background-size: cover;
	*/
  position: relative;
}
.opencampus-zoom {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 100%;
}
.opencampus-zoom img {
  transition: transform 0.4s ease-in-out;
  max-width: none;
  height: 100%;
}
.opencampus:hover .opencampus-zoom img {
  transform: scale(1.05);
}
.opencampus-inner {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .opencampus-inner {
    width: 90%;
  }
}
/* pamphlet
============================================================*/
.pamphlet {
  background: linear-gradient(90deg, #ffd700, #fa8072);
  overflow: hidden;
}
.pamphlet .block-title-ja {
  margin: 1em 0 0;
}
.pamphlet-inner,
.pamphlet-inner2 {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
}
.pamphlet-present {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 100px;
}
.pamphlet-present-thumb {
  width: 50%;
  text-align: right;
  padding-right: 40px;
  box-sizing: border-box;
}
.pamphlet-present-thumb img {
  max-width: 240px;
}
.pamphlet-present-text {
  width: 50%;
}
.pamphlet-present-message {
  color: #fff;
  font-size: 30px;
  margin: 0 0 2em;
  line-height: 1.5;
}
.pamphlet-present-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pamphlet-present-btns .downloads-btn {
  width: 45%;
}
.pamphlet-present-btns .downloads-btn.sp {
  display: none;
}
@media (max-width: 768px) {
  /* pamphlet */
  .pamphlet-present {
    margin: 0 0 40px;
  }
  .pamphlet-present-thumb {
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
  .pamphlet-present-text {
    width: 100%;
    text-align: center;
  }
  .pamphlet-present-message {
    font-size: 20px;
    margin: 2em 0 1em;
  }
  .pamphlet-present-btns .downloads-btn {
    width: 100%;
    margin: 0 0 1em;
  }
  .pamphlet-present-btns .downloads-btn.sp {
    display: block;
  }
  .pamphlet-present-btns .downloads-btn.pc {
    display: none;
  }
  .by-user a {
    font-size: 0.9em;
  }
}
/* contactus
============================================================*/
.contactus {
  text-align: center;
}
.contactus-inner {
  width: 100%;
  margin: 0 auto;
}
.contactus h3 {
  font-size: 20px;
  margin: 50px 0;
}
.contactus h3 .sp-only {
  display: none;
}
.contactus-cta {
  display: flex;
  justify-content: space-between;
  max-width: 250px;
  margin: 40px auto 80px;
}
.contactus-cta div {
  width: calc(100% / 2 - 25px);
}
.contactus-cta img {
  display: block;
}
.contactus-cta span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0.5em 0 0;
  white-space: nowrap;
}
.sns-banner {
  max-width: 1200px;
  margin: 0 auto 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sns-banner li {
  width: calc(100% / 6 - 20px);
  margin: 0 0 20px;
}
@media (max-width: 768px) {
  .contactus h3 .sp-only {
    display: block;
  }
  .sns-banner {
    margin: 0 auto 20px;
    justify-content: space-around;
  }
  .sns-banner li {
    width: calc(100% / 2 - 10px);
  }
  .contactus-cta {
    max-width: 200px;
    margin-bottom: 40px;
  }
  .contactus-cta span {
    font-size: 15px;
  }
  .contactus h3 {
    margin: 0 0 40px;
  }
}
/* sp-menu contactus */
.sp-menu .contactus h3 {
  font-size: 16px;
  margin: 25px 0;
}
.sp-menu .contactus-cta {
  max-width: 210px;
  margin: 30px auto 50px;
}
.sp-menu .contactus-cta div {
  width: calc(100% / 2 - 25px);
}
.sp-menu .contactus-cta span {
  font-size: 12px;
}
.sp-menu .contactus {
  padding: 20px 20px 10px;
}
.sp-menu .sns-banner {
  display: flex;
  flex-wrap: wrap;
}
.sp-menu .sns-banner li {
  width: calc(100% / 2 - 5px);
  margin: 0 0 10px;
}
/* footer
============================================================*/
.footer {
  background: #ffea00;
}
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  width: 96%;
  padding: 0 2%;
}
.footer-nav-top,
.footer-nav-btm {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 80px;
}
.footer-nav h3 {
  letter-spacing: 0.2em;
  margin: 0 0 3em;
}
.footer-nav a {
  display: block;
}
.footer-nav-grandchild li {
  font-size: 13px;
  letter-spacing: 0.04em;
  margin: 0 0 0.6em;
}
.footer-nav-child li {
  letter-spacing: 0.2em;
  font-weight: bold;
  margin: 0 0 0.6em;
}
.footer-btm {
  text-align: center;
}
.footer-logo {
  margin: 60px 0 20px;
}
.footer-logo img {
  max-width: 280px;
}
.footer-tel {
  margin: 40px 0;
}
.footer-tel img {
  max-width: 300px;
}
.footer-copyright {
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 2;
  margin: 60px 0;
}
.footer-copyright br {
  display: none;
}
@media (max-width: 768px) {
  /* footer */
  .footer {
    padding-bottom: 60px;
  }
  .footer-nav {
    display: none;
  }
  .footer-logo img {
    max-width: 145px;
  }
  .footer-tel img {
    max-width: 220px;
  }
  .footer-copyright br {
    display: inherit;
  }
}
.sorry {
  padding: 200px 0;
}
#pagetop {
  background: rgba(0, 0, 0, 0.6);
  width: 60px;
  height: 60px;
  border-radius: 1em;
  position: fixed;
  right: 3%;
  bottom: 5%;
}
#pagetop span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#pagetop span:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 16px;
  background: url(img/common/pagetop.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  #pagetop {
    display: none !important;
  }
}
/* openmenu
============================================================*/
.open-menu-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.open-menu-wrap {
  padding: 8vh 0 0;
  overflow: hidden;
}
.open-menu-wrap .inner {
  padding: 0 4vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
}
/*Chrome*/
.open-menu-wrap .inner::-webkit-scrollbar {
  /*縦方向スクロールバーの幅*/
  width: 8px;
}
.open-menu-wrap .inner::-webkit-scrollbar:horizontal {
  /*横方向スクロールバーの高さ*/
  height: 8px;
}
.open-menu-wrap .inner::-webkit-scrollbar-track {
  /*スクロールバーの軌道*/
  background: lemonchiffon;
}
.open-menu-wrap .inner::-webkit-scrollbar-thumb {
  /*つまみの部分*/
  box-shadow: inset 0 0 10px orange;
  border-radius: 10px;
  background: yellow;
}
.open-menu-wrap .inner::-webkit-scrollbar-thumb:hover {
  /*マウスホバー時*/
  background: gold;
}
.open-head {
  margin-bottom: 2.8vh;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.open-info-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.open-news {
  max-width: 340px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-left: 4vw;
}
.open-news .cat {
  font-size: 90%;
  border-bottom: 1px solid #26242d;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.open-news .title span {
  display: block;
}
.open-news .thumb {
  width: 24%;
}
.open-news .text {
  width: 72%;
}
.open-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.open-link a {
  display: block;
  background: #000;
  color: #fff;
  padding: 2vh 1em;
  white-space: nowrap;
}
.open-link a:nth-of-type(1) {
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.open-link a:nth-of-type(2) {
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
  position: relative;
}
.open-link a:nth-of-type(2) img {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: 120%;
}
.open-head .logo {
  display: block;
  width: 240px;
  height: 64px;
  background: #eee;
}
.open-contents-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.open-contents-wrap .clm-wrap {
  width: 48%;
}
.open-contents-wrap .open-contents {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
  margin-bottom: 2.4vh;
}
.open-contents-wrap .open-contents .thumb {
  display: block;
  background: #000;
  width: 32%;
}
.open-contents-wrap .open-contents .thumb .inner {
  width: 100%;
  padding-top: 48%;
  position: relative;
  overflow: hidden;
}
.open-contents-wrap .open-contents .thumb .inner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition: 0.3s ease;
  max-width: 101%;
  width: 101%;
}
.open-contents-wrap .open-contents .thumb .inner img:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.open-contents-wrap .open-contents .thumb h3 {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.open-contents-wrap .open-contents .text {
  width: 64%;
}
.open-contents-wrap .open-contents li {
  display: inline-block;
  background: #eee;
  line-height: 1;
  padding: 16px 26px 16px 16px;
  margin-bottom: 12px;
  margin-right: 8px;
  font-weight: bold;
  position: relative;
}
.open-contents-wrap .open-contents li:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #26242d;
  border-right: 1px solid #26242d;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) rotate(45deg);
}
.open-contents-wrap .open-contents.event li:after {
  border-top: 1px solid #ea548d;
  border-right: 1px solid #ea548d;
}
.open-contents-wrap .open-contents.course-open li:after {
  border-top: 1px solid #0049ee;
  border-right: 1px solid #0049ee;
}
.open-contents-wrap .open-contents.program li:after {
  border-top: 1px solid #1aca15;
  border-right: 1px solid #1aca15;
}
.open-contents-wrap .open-contents.support li:after {
  border-top: 1px solid #ff7e00;
  border-right: 1px solid #ff7e00;
}
.open-contents-wrap .open-contents.school li:after {
  border-top: 1px solid #ffd800;
  border-right: 1px solid #ffd800;
}
.open-contents-wrap .open-contents.ex li:after {
  border-top: 1px solid #e9161b;
  border-right: 1px solid #e9161b;
}
.open-contents-wrap .open-contents.other li:after {
  border-top: 1px solid #bc3aff;
  border-right: 1px solid #bc3aff;
}
.open-contents-wrap .open-contents.parsonal li:after {
  display: none;
}
.open-contents-wrap .open-contents.parsonal {
  display: block;
  margin-bottom: 16px;
}
.open-contents-wrap .open-contents.parsonal li {
  padding: 0;
  width: 30%;
  min-height: 6.5rem;
  position: relative;
}
.open-contents-wrap .open-contents.parsonal li .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0.5rem;
  position: absolute;
  top: 46%;
  transform: translate(0, -50%);
}
.open-contents-wrap .open-contents.parsonal li span:nth-of-type(1) {
  width: 24%;
}
.open-contents-wrap .open-contents.parsonal li span:nth-of-type(2) {
  width: 73%;
  padding: 0 0 0 0.8em;
  box-sizing: border-box;
  line-height: 1.3;
}
.snapbtn {
  color: #26242d;
  background: #fff;
  width: max-content;
  padding: 1.5em 5em;
  border: 1px solid #26242d;
  font-weight: bold;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: relative;
  line-height: 1.7;
  border-radius: 50px;
}
.interview-single-course-name a.snapbtn {
  text-decoration: none;
}
.snapbtn:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #26242d;
  border-right: 2px solid #26242d;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%) rotate(45deg);
}
.wp_social_bookmarking_light {
  padding: 40px 0 0 0 !important;
}
@media (max-width: 1600px) {
  .open-contents-wrap .open-contents li {
    padding: 1.2vh 20px 1.2vh 1.2vw;
  }
}
@media (max-width: 1024px) {
  .open-news {
    display: none;
  }
  .open-contents-wrap {
    display: block;
  }
  .open-contents-wrap .clm-wrap {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .open-contents-wrap .open-contents {
    display: block;
    width: 94%;
    margin: 0 0 4vh;
  }
  .open-contents-wrap {
    display: block;
  }
  .open-contents-wrap .clm-wrap {
    width: 100%;
  }
  .open-contents-wrap .open-contents .thumb {
    width: 100%;
    margin-bottom: 2vh;
  }
  .open-contents-wrap .open-contents .text {
    width: 100%;
  }
  .open-head {
    display: block;
    width: 94%;
  }
  .open-info-wrap {
    width: 32vw;
  }
  .open-link {
    width: 100%;
    margin-top: 4vw;
  }
  .open-link a {
    width: 50%;
    text-align: center;
  }
  .open-contents-wrap .open-contents .thumb h3 {
    font-size: 18px;
  }
  .open-contents-wrap .open-contents.parsonal li {
    width: 48%;
    margin-right: 1%;
  }
  .snapbtn {
    width: 94%;
    padding: 1.5em 0;
    font-size: 94%;
    line-height: 1.4;
    border-radius: 4em;
  }
  .snapbtn:after {
    right: 18px;
  }
}
.ma40 {
  margin: 40px auto 60px;
}
.qanda .readmore-btn {
  margin-bottom: 20px;
  width: 31% !important;
}
@media (max-width: 768px) {
  .qanda .readmore-btn {
    margin-bottom: 10px !important;
    width: 100% !important;
  }
}
.outline-nav-btn-area.qanda {
  max-width: 1080px;
}
@media screen and (max-width: 768px) {
  .idx-subt-ft {
    padding-bottom: 1.2em;
  }
}
/* page.css */
.page-main-title-program {
  background: url("img/common/page-main-title-program-background.jpg");
}
.page-main-title-school {
  background: url("img/common/page-main-title-school-background.jpg");
}
.page-main-title-course {
  background: url("img/common/page-main-title-course-background.jpg");
}
.page-main-title-ex {
  background: url("img/common/page-main-title-ex-background.jpg");
}
.page-main-title-support {
  background: url("img/common/page-main-title-support-background.jpg");
}
.page-main-title-info {
  background: url("img/common/page-main-title-info-background.jpg");
}
.page-main-title-event {
  background: url("img/common/page-main-title-event-background.jpg");
}
.page-main-title-blog {
  background: url("img/common/page-main-title-blog-background.jpg");
}
.page-main-title-news {
  background: url("img/common/page-main-title-blog-background.jpg");
}
.page-main-title {
  background-size: cover;
  background-position: center top;
  color: #fff;
}
.page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(0, 255, 255, 0.6),
    rgba(0, 0, 205, 0.6)
  );
  padding: 93px 0 0;
}
.page-main-title-program .page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(0, 255, 246, 0.6),
    rgba(255, 246, 0, 0.6)
  );
}
.page-main-title-school .page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(255, 228, 0, 0.6),
    rgba(12, 255, 0, 0.6)
  );
}
.page-main-title-ex .page-main-title-gradation {
  background: linear-gradient(
    135deg,
    rgba(253, 111, 248, 0.6),
    rgba(135, 250, 0, 0.6)
  );
}
.page-main-title-support .page-main-title-gradation {
  background: linear-gradient(
    135deg,
    rgba(253, 111, 245, 0.6),
    rgba(250, 241, 0, 0.6)
  );
}
.page-main-title-info .page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(20, 208, 255, 0.6),
    rgba(240, 255, 0, 0.6)
  );
}
.page-main-title-event .page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(255, 20, 147, 0.7),
    rgba(255, 165, 0, 0.7)
  );
}
.page-main-title-news .page-main-title-gradation {
  background: linear-gradient(
    45deg,
    rgba(255, 197, 20, 0.7),
    rgba(240, 255, 0, 0.7)
  );
}
.page-main-title-blog .page-main-title-gradation {
  background: none;
}
.page-main-title-inner {
  position: relative;
  overflow: hidden;
}
.page-main-title-pankuzu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 96%;
  margin: 0 auto;
  position: absolute;
  left: 2em;
  bottom: 2.4em;
}
.page-main-title-pankuzu li {
  font-size: 12px;
}
.page-main-title-pankuzu li:not(:last-child):after {
  content: "/";
  margin: 0 10px;
}
.page-main-title-block {
  font-size: 0;
  text-align: center;
  font-weight: normal;
  margin: 65px auto;
}
.page-main-title-blog .page-main-title-block {
  color: #fff100;
}
.page-main-title-en {
  line-height: 1;
  display: block;
  font-family: "Mr Dafoe", cursive;
  font-size: 80px;
}
.page-main-title-ex .page-main-title-en {
  font-size: 60px;
}
.page-main-title-ja {
  display: block;
  font-size: 15px;
}
.page-main-title-program .page-main-title-ja {
  margin-top: 30px;
}
.page-main-title-support .page-main-title-ja {
  margin-top: 30px;
}
.page-main-title-blog .page-main-title-ja {
  margin-top: 30px;
}
.page-sub-title.page-sub-title-block {
  background: #000;
  padding: 40px 0;
}
/* program-sub */
.page-sub-title-reason {
  background: url("img/common/page-sub-title-reason-background.jpg");
}
.page-sub-title-interview100 {
  /*
	background: url("img/common/page-sub-title-interview100-background.jpg");
	*/
  background: #000;
}
.page-sub-title-interview100 .page-sub-title-big {
  margin: 0;
}
.page-sub-title-contest {
  background: url("img/common/page-sub-title-contest-background.jpg");
}
.page-sub-title-collaboration {
  background: url("img/common/page-sub-title-collaboration-background.jpg");
}
.page-sub-title-tokubetu {
  background: url("img/common/page-sub-title-tokubetu-background.jpg");
}
.page-sub-title-overseas-traning {
  background: url("img/common/page-sub-title-overseas-traning-background.jpg");
}
.page-sub-title-obog {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
}
.page-sub-title-obog-background {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/* school-sub */
.page-sub-title-school {
  background: url("img/common/page-sub-title-school-background.jpg");
}
.page-sub-title-schedule {
  background: url("img/common/page-sub-title-schedule-background.jpg");
  padding: 200px 0 !important;
}
.page-sub-title-lecturer {
  background: url("img/common/page-sub-title-lecturer-background.jpg");
}
/* course-sub */
.page-sub-title-society {
  background: url("img/common/page-sub-title-society-background.jpg");
}
.page-sub-title-curriculum {
  background: url("img/common/page-sub-title-curriculum-background.jpg");
}
.page-sub-title-voice {
  background: url("img/common/page-sub-title-voice-background.jpg");
}
/* ex-sub */
.page-sub-title-outline01 {
  background: url("img/common/page-sub-title-outline01-background.jpg");
}
.page-sub-title-outline02 {
  background: url("img/common/page-sub-title-outline02-background.jpg");
}
.page-sub-title-outline03 {
  background: url("img/common/page-sub-title-outline03-background.jpg");
}
.page-sub-title-outline04 {
  background: url("img/common/page-sub-title-outline04-background.jpg");
}
.page-sub-title-outline08 {
  background: url("img/common/page-sub-title-outline08-background.jpg");
}
.page-sub-title-recruitment {
  background: url("img/common/page-sub-title-recruitment-background.jpg");
}
.page-sub-title-intern {
  background: url("img/common/page-sub-title-intern-background.jpg");
}
/* experience-sub */
.page-sub-title-area {
  background: url("img/common/page-sub-title-area-background.jpg");
}
.page-sub-title-weekday {
  background: url("img/common/page-sub-title-weekday-background.jpg");
}
/* support-sub */
.page-sub-title-support {
  background: url("img/common/page-sub-title-support-background.jpg");
}
.page-sub-title-license {
  background: url("img/common/page-sub-title-license-background.jpg");
}
.page-sub-title-employment {
  background: url("img/common/page-sub-title-employment-background.jpg");
}
/* info-sub */
.page-sub-title-parents {
  background: url("img/common/page-sub-title-parents-background.jpg");
}
.page-sub-title-corporate {
  background: url("img/common/page-sub-title-corporate-background.jpg");
}
.page-sub-title-graduate {
  background: url("img/common/page-sub-title-graduate-background.jpg");
}
.page-sub-title-highschool {
  background: url("img/common/page-sub-title-highschool-background.jpg");
}
.page-sub-title-estate {
  background: url("img/common/page-sub-title-estate-background.jpg");
}
.readmore-btn-highschool {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}
.info-block-col2 .readmore-btn-highschool {
  margin-top: 40px;
}
.page-sub-title {
  padding: 100px 0;
  background-size: cover;
  background-position: center top;
}
.page-sub-title-inner {
  width: 90%;
  margin: 0 auto;
}
.page-sub-title-top {
  color: #ffee00;
  text-align: center;
}
.page-sub-title-big {
  display: block;
  font-size: 40px;
  margin: 0 0 2em;
}
.page-sub-title-big-rainbow {
  background: -webkit-linear-gradient(
    0deg,
    #f5deb3,
    #f08080,
    #da70d6,
    #00bfff,
    #40e0d0
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin-bottom: 0;
  font-size: 45px;
}
.page-sub-title-big-rainbow br {
  display: none;
}
.page-sub-title-only {
  font-size: 40px;
}
.page-sub-title-small {
  display: block;
  font-size: 25px;
  margin: 0 0 1em;
}
.page-sub-title-bottom {
  color: #fff;
}
.page-sub-title-lead {
  font-size: 35px;
  text-align: center;
  margin: 2em 0 1em;
  font-weight: bold;
}
.page-sub-title-lead-big {
  font-size: 100px;
}
.page-sub-title-body {
  max-width: 800px;
  margin: 0 auto;
  line-height: 2;
  text-align: justify;
}
.page-sub-title-body-ct {
  text-align: center;
}
.page-sub-title-body-center {
  text-align: center;
}
.page-sub-title-aside {
  max-width: 800px;
  margin: 0 auto;
  line-height: 2;
  text-align: center;
}
@media (max-width: 1200px) {
  .page-main-title-gradation {
  }
}
@media (max-width: 768px) {
  .page-main-title-gradation {
    padding: 58px 0 0;
  }
  .page-main-title-pankuzu {
    display: none;
  }
  .page-main-title-block {
    margin: 25px auto;
  }
  .page-main-title-en,
  .page-main-title-ex .page-main-title-en {
    font-size: 40px;
  }
  .page-main-title-ja {
    display: block;
    font-size: 12px;
    margin-top: 15px;
  }
  .page-main-title-blog .page-main-title-ja,
  .page-main-title-program .page-main-title-ja,
  .page-main-title-support .page-main-title-ja {
    margin-top: 15px;
  }
  .page-sub-title {
    padding: 50px 0;
  }
  .page-sub-title-big {
    font-size: 22px;
    margin-bottom: 1em;
  }
  .page-sub-title-big-rainbow {
    font-size: 28px;
  }
  .page-sub-title-only {
    font-size: 22px;
  }
  .page-sub-title-small {
    font-size: 15px;
  }
  .page-sub-title-lead {
    font-size: 20px;
    margin: 1em 0;
  }
  .page-sub-title-body {
    font-size: 13px;
    text-align: left;
  }
  .page-sub-title-body br {
    display: none;
  }
  .page-sub-title-body-center {
    text-align: center;
  }
  .page-sub-title-schedule {
    padding: 50px 0 !important;
  }
  .page-sub-title-lead-big {
    font-size: 60px;
    line-height: 1;
  }
  .page-sub-title-big-rainbow br {
    display: inherit;
  }
  .page-sub-title.page-sub-title-block {
    padding: 30px 0;
  }
}
/********************

	global-block

********************/
.global-block-title {
  background: #fe0;
  font-size: 30px;
  text-align: center;
  padding: 1em 5%;
}
.global-block-title-maroste {
  background: #35bbde;
  color: #fff;
}
.global-block-title-gradation-pink {
  background: linear-gradient(90deg, #ffffe0, #fb8ac2);
}
.global-block-title-gradation-blue {
  background: linear-gradient(90deg, #50a1fc, #add8e6);
}
.global-block-title-gradation-green {
  background: linear-gradient(90deg, #98fb98, #afeeee);
}
.global-block-title-row2 {
  background: #ff0;
  font-weight: normal;
  text-align: center;
  padding: 0.8em 5%;
  line-height: 1;
}
.global-block-title-row2-big {
  font-size: 90px;
}
.global-block-basic {
  max-width: 800px;
  width: 90%;
  margin: 80px auto;
}
.global-block-basic-thumb {
  margin: 2em 0;
}
.global-profile-area {
  max-width: 800px;
  width: 90%;
  margin: 80px auto;
  border: 2px solid #fff000;
  background: #eeeeee;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
}
.global-profile-area-thumb {
  width: 20%;
}
.global-profile-area-text {
  width: 80%;
  box-sizing: border-box;
  padding: 0 0 0 20px;
}
.global-profile-area-name {
  font-weight: bold;
  font-size: 20px;
}
.global-profile-area-desc {
  text-align: justify;
}
.global-block-basic-md {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
}
.global-block-basic-col2-wrap-toggle-reverse
  .global-block-basic-col2:nth-child(even) {
  flex-direction: row-reverse;
}
.global-block-basic-col2 {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.global-block-basic-col2.w1000 {
  max-width: 1000px;
}
.global-block-basic-col2.md {
  max-width: 1000px;
}
.global-block-basic-col2 .global-block-basic-text {
  width: calc(40% - 2.5%);
}
.global-block-basic-col2 .global-block-basic-text {
  line-height: 2;
}
.global-block-basic-text h5 {
  font-size: 1.3em;
}
.global-block-basic-lead {
  font-size: 25px;
  line-height: 2;
  display: inline-block;
  font-weight: bold;
}
.global-block-basic-col2.md .global-block-basic-lead {
  font-size: 20px;
  padding-top: 3em;
}
.global-block-basic-lead:after {
  content: "";
  display: block;
  border-bottom: 0.5em solid #fe0;
  margin: -0.75em 0 0;
}
.global-block-basic-body {
  line-height: 2;
  margin: 2em 0;
  text-align: justify;
}
.global-block-basic-body-col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.global-block-basic-body-col3 ul {
  width: calc(100% / 3 - 2%);
  list-style: disc;
}
.global-block-basic-body-col3 li {
  margin: 0 0 0 1em;
}
.global-block-basic-body-bold {
  font-weight: bold;
}
.global-block-basic-col2 .global-block-basic-thumb {
  width: calc(60% - 2.5%);
}
.global-block-basic-col2.md .global-block-basic-text {
  width: calc(60% - 2.5%);
}
.global-block-basic-col2.md .global-block-basic-thumb {
  width: calc(40% - 2.5%);
  position: relative;
}
.global-block-basic-col2.md .global-block-basic-thumb img {
  border-radius: 14px;
}
.global-block-basic-col2.md .global-block-basic-thumb .pt {
  position: absolute;
  top: -37px;
  left: -15px;
  width: 24%;
  height: auto;
}
.global-block-basic-body.ao {
  width: 100%;
}
.global-block-basic-body table {
  width: 100%;
  border-top: 1px solid #ddd;
}
.global-block-basic-body table th {
  background: #eee;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0.2em 1em;
}
.global-block-basic-body table td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0.2em 1em;
}
@media (max-width: 1200px) {
  .global-block-basic-lead br {
    display: none;
  }
}
@media (max-width: 768px) {
  .global-block-basic-col2.md .global-block-basic-thumb .pt {
    left: -8px;
  }
  .global-block-title {
    font-size: 20px;
  }
  .global-block-title-row2-big {
    font-size: 45px;
  }
  .global-block-basic-col2 .global-block-basic-text {
    width: 100%;
  }
  .global-block-basic-col2 .global-block-basic-thumb {
    width: 100%;
  }
  .global-block-basic-col2.md .global-block-basic-text {
    width: 100%;
  }
  .global-block-basic-col2.md .global-block-basic-thumb {
    width: 100%;
  }
  .global-profile-area-name {
    font-size: 15px;
  }
  .global-profile-area-desc {
    font-size: 12px;
  }
  .global-block-basic-body-col3 ul {
    width: 100%;
  }
  .global-block-basic-lead {
    font-size: 18px;
  }
  .global-block-basic {
    margin: 40px auto;
  }
  .global-profile-area {
    margin: 40px auto;
  }
  .global-block-basic-col2.md .global-block-basic-lead {
    font-size: 20px;
    padding-top: 1em;
  }
}
/********************

	bumpy-block

********************/
.bumpy-block {
  margin: 0 0 60px;
}
.bumpy-block:nth-child(1) .bumpy-block-title {
  background: #ffd508;
}
.bumpy-block:nth-child(2) .bumpy-block-title {
  background: #ef7b83;
}
.bumpy-block:nth-child(3) .bumpy-block-title {
  background: #f070a6;
}
.bumpy-block:nth-child(4) .bumpy-block-title {
  background: #ea70c8;
}
.bumpy-block:nth-child(5) .bumpy-block-title {
  background: #a77fe6;
}
.bumpy-block:nth-child(6) .bumpy-block-title {
  background: #788ff0;
}
.bumpy-block:nth-child(7) .bumpy-block-title {
  background: #539cf6;
}
.bumpy-block:nth-child(8) .bumpy-block-title {
  background: #00bfff;
}
.bumpy-block:nth-child(9) .bumpy-block-title {
  background: #2edbdb;
}
a.reason-btn {
  width: 80%;
  max-width: 600px;
  display: block;
  margin: 3em auto 4em;
  padding: 1em;
  color: #fff;
  font-size: 1.4em;
  border-radius: 2em;
  font-weight: bold;
  text-align: center;
  position: relative;
}
a.reason-btn:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_03.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out 0s;
}
.bumpy-block:nth-child(1) a.reason-btn {
  background: #ffd508;
}
.bumpy-block:nth-child(2) a.reason-btn {
  background: #ef7b83;
}
.bumpy-block:nth-child(3) a.reason-btn {
  background: #f070a6;
}
.bumpy-block:nth-child(4) a.reason-btn {
  background: #ea70c8;
}
.bumpy-block:nth-child(5) a.reason-btn {
  background: #a77fe6;
}
.bumpy-block:nth-child(6) a.reason-btn {
  background: #788ff0;
}
.bumpy-block:nth-child(7) a.reason-btn {
  background: #539cf6;
}
.bumpy-block:nth-child(8) a.reason-btn {
  background: #00bfff;
}
.bumpy-block:nth-child(9) a.reason-btn {
  background: #2edbdb;
}
.bumpy-block-title {
  font-weight: normal;
}
.bumpy-block-title-small {
  vertical-align: text-bottom;
  transform: translateY(-10px);
  display: inline-block;
}
.bumpy-block-title-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.bumpy-block:nth-child(odd) .bumpy-block-title-content {
  flex-direction: row-reverse;
}
.bumpy-block-title-content-inner {
  width: 50%;
  text-align: center;
  color: #fff;
}
.bumpy-block-title-big {
  font-size: 90px;
}
.bumpy-block-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.bumpy-block:nth-child(even) .bumpy-block-content {
  flex-direction: row-reverse;
}
.bumpy-block-thumb {
  width: 50%;
  margin: -60px 0 0;
}
.bumpy-block-text {
  box-sizing: border-box;
  width: 50%;
}
.bumpy-block:nth-child(odd) .bumpy-block-text {
  padding: 0 0 0 100px;
}
.bumpy-block:nth-child(even) .bumpy-block-text {
  padding: 0 100px 0 0;
}
.bumpy-block-lead {
  font-size: 30px;
  font-weight: bold;
  margin: 1em 0;
  line-height: 2;
}
.bumpy-block-body {
  line-height: 2;
  text-align: justify;
}
@media (max-width: 1200px) {
  .bumpy-block-text {
    padding: 0 5% 0 !important;
  }
}
@media (max-width: 768px) {
  .bumpy-block-title-content-inner {
    margin: 0 auto;
  }
  .bumpy-block-title-big {
    font-size: 60px;
  }
  .bumpy-block-thumb {
    width: 100%;
    margin: 0;
  }
  .bumpy-block-text {
    width: 100%;
  }
  .bumpy-block-lead {
    font-size: 20px;
  }
  a.reason-btn {
    margin: 2em auto;
    font-size: 1.1em;
  }
}
/********************

	vertical-list-big

********************/
.vertical-list-big-wrap {
  max-width: 800px;
  width: 90%;
  margin: 60px auto;
}
.vertical-list-big {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px dashed #bbb;
}
.vertical-list-big-text {
  font-size: 18px;
  font-weight: bold;
  width: 50%;
}
.vertical-list-big-thumb {
  width: 40%;
}
.vertical-list-big-more {
  width: 45%;
  position: relative;
}
.vertical-list-big-more .inner {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.vertical-list-big-more span {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 2em;
  text-align: center;
}
@media (max-width: 768px) {
  .vertical-list-big-text {
    width: 100%;
    margin: 0 0 20px;
    font-size: 18px;
    text-align: center;
  }
  .vertical-list-big-thumb {
    width: 80%;
    margin: 0 auto;
  }
  .vertical-list-big-more {
    width: 90%;
    margin: 0 auto;
  }
  .vertical-list-big-more span {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 1em 0 1em;
  }
  .vertical-list-big-more .inner {
    width: 100%;
    position: static;
    top: 0%;
    transform: translateY(0);
  }
  .vertical-list-big {
    padding: 30px 0;
  }
  .vertical-list-big-wrap {
    margin-top: 0;
  }
}
/********************

	vertical-list-small

********************/
.vertical-list-small-wrap {
  max-width: 800px;
  width: 90%;
  margin: 60px auto 100px;
  border-top: 1px solid #bbb;
  font-size: 14px;
}
.vertical-list-small {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5em 0;
  border-bottom: 1px solid #bbb;
}
.vertical-list-small-text {
  font-weight: bold;
  width: 30%;
  text-align: center;
}
.vertical-list-small-more {
  width: 70%;
}
@media (max-width: 768px) {
  .vertical-list-small-text {
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
  }
  .vertical-list-small-more {
    width: 100%;
  }
}
/********************

	history-message

********************/
.history-message {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
}
.history-message-lead {
  font-size: 30px;
  margin: 2em 0;
  text-align: center;
}
.history-message-body {
  font-weight: bold;
  line-height: 2;
  text-align: justify;
}
/********************

	school-schedule

********************/
.school-schedule-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
.school-schedule {
  border-left: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 30px 0;
}
.school-schedule-text {
  box-sizing: border-box;
  width: 50%;
  padding: 0 100px;
}
.school-schedule-lead {
  font-size: 20px;
  font-weight: bold;
}
.school-schedule-body {
  margin: 1em 0 0;
  text-align: justify;
  line-height: 2;
}
.school-schedule-thumb {
  width: 50%;
}
@media (max-width: 1280px) {
  .school-schedule-text {
    padding: 0 5%;
  }
}
@media (max-width: 768px) {
  .school-schedule-text {
    width: 100%;
    padding: 0 0 0 5%;
  }
  .school-schedule-body {
    margin: 1em 0;
  }
  .school-schedule-thumb {
    width: 100%;
    padding: 0 0 0 5%;
  }
  .history-message-lead {
    font-size: 24px;
    margin: 1.5em 0 1em;
  }
}
.notes_calender {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
/********************

	message-block

********************/
.message-block {
  max-width: 1000px;
  width: 90%;
  padding: 0 5%;
  margin: 60px auto;
}
.message-block-lead {
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 60px;
  text-align: center;
}
.message-block-content {
  display: flex;
  flex-wrap: wrap;
}
.message-block-thumb {
  width: 40%;
}
.message-block-text {
  box-sizing: border-box;
  width: 60%;
  padding: 0 0 0 5%;
}
.message-block-body {
  line-height: 2;
  text-align: justify;
  padding: 3em 0;
}
.message-block-name-small {
  font-size: 14px;
  margin: 0 0.5em 0 0;
}
.message-block-name-big {
  font-size: 16px;
  font-weight: bold;
}
.facilities_wrap::after {
  content: "";
  display: block;
  width: 30%;
}
.facilities {
  width: 30%;
  margin-bottom: 40px;
}
.facilities img {
  margin-bottom: 10px;
}
.page-link-school {
  background: #eee;
  padding: 100px 0;
}
.page-link-school .page-link-wrap {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-link-school .page-link-wrap:after {
  content: "";
  display: block;
  width: 28%;
}
.page-link-school .page-link-wrap .page-link {
  width: 28%;
  margin-bottom: 50px;
  text-align: center;
  display: block;
}
.page-link-school .page-link-wrap .page-link .thumb {
  display: block;
  margin-bottom: 10px;
  background: #000;
}
.page-link-school .page-link-wrap .page-link .thumb img {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.page-link-school .page-link-wrap .page-link:hover .thumb img,
.page-link-school .page-link-wrap .page-link.current .thumb img {
  opacity: 1;
}
@media (max-width: 768px) {
  .message-block-lead {
    font-size: 20px;
    text-align: justify;
    margin-bottom: 20px;
  }
  .message-block-thumb {
    width: 80%;
    margin: 0 auto;
  }
  .message-block-text {
    width: 100%;
    padding: 0;
  }
  .facilities_wrap::after {
    display: none;
  }
  .facilities {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .page-link-school {
    padding: 60px 0;
  }
  .page-link-school .page-link-wrap .page-link {
    width: 46%;
    margin-bottom: 40px;
    text-align: center;
    display: block;
  }
}
/*
	info-downloads-btn
	*/
.info-downloads-btn-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
.info-downloads-btn-block {
  width: calc(50% - 5%);
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
}
.info-downloads-btn-block a {
  font-weight: bold;
  font-size: 18px;
}
.info-downloads-btn {
  border-radius: 20px;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
}
.info-downloads-btn-word {
  border: 2px solid #295598;
}
.info-downloads-btn-excel {
  border: 2px solid #207148;
}
.info-downloads-btn-pdf {
  border: 2px solid #dc1525;
}
.info-downloads-thumb {
  width: 10%;
}
.info-downloads-text {
  width: 90%;
}
.info-downloads-caption {
  line-height: 2;
  margin: 1em 0 0;
}
.info-downloads-caption-center {
  line-height: 2;
  margin: 0 0 1em;
  text-align: center;
}
@media (max-width: 768px) {
  .info-downloads-btn-wrap {
    display: block;
  }
  .info-downloads-btn-block {
    width: 100%;
    margin: 60px 0;
  }
  .info-downloads-btn {
    width: 50%;
    margin: 0 auto;
  }
  .info-downloads-thumb {
    width: 100%;
    margin: 0 0 20px;
  }
  .info-downloads-thumb img {
    width: 50%;
  }
  .info-downloads-text {
    width: 100%;
  }
}
/*
	faq
	*/
.faq-block-wrap {
  border-top: 1px solid #bbb;
  max-width: 800px;
  width: 90%;
  margin: 60px auto;
}
.faq-block {
  line-height: 2;
  border-bottom: 1px solid #bbb;
  padding: 0 2% 10px;
}
.faq-block-question {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  margin: 10px 0 0;
  position: relative;
}
.faq-block-question-text {
  padding: 0.5em 1em 0.5em 0;
  width: 90%;
}
.faq-block-question:before {
  content: "Q";
  color: #0090ff;
  font-size: 30px;
  font-weight: bold;
  width: 10%;
  display: block;
}
.faq-block-question:after {
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  background: url("img/info/faq-arrow.png") no-repeat;
  background-size: 15px 8px;
  position: absolute;
  right: 0;
  top: 30px;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out;
}
.faq-block-answer-open:after {
  transform: rotate(180deg);
}
.faq-block-answer {
  display: flex;
  margin: 0 0 10px;
}
.faq-block-answer:before {
  content: "A";
  color: #ff00a2;
  font-size: 30px;
  font-weight: bold;
  width: 10%;
  display: block;
}
.faq-block-answer-text {
  padding: 1em 3em 0 0;
  width: 90%;
}
@media (max-width: 768px) {
  .faq-block-question {
    font-size: 15px;
  }
  .faq-block-question-text {
    padding: 1em 1em 0.5em 0;
  }
}
/*
	info-block
	*/
.info-block-col2-wrap {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.info-block-col2 {
  width: calc(50% - 2%);
  margin: 0 0 60px;
}
.info-block-head {
  font-size: 25px;
  background: #fe0;
  padding: 0.5em;
  margin: 0 0 15px;
}
.info-block-body {
  line-height: 2;
  text-align: justify;
}
.info-block-body-haghschool {
  text-align: center;
}
.info-block-body li {
}
.info-block-body li:before {
  content: ">";
  margin: 0 12.5px;
}
.info-thumb {
  margin-bottom: 10px;
}
.info-thumb img {
  width: 100%;
}
@media (max-width: 768px) {
  .info-block-col2 {
    width: 100%;
    margin: 0 0 30px;
  }
  .info-block-head {
    font-size: 20px;
  }
}
/*
	graduate
	*/
.graduate-lead {
  max-width: 1000px;
  width: 90%;
  margin: 50px auto;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
.graduate-lead-lv1 {
  font-size: 30px;
}
.graduate-lead-lv2 {
  font-size: 25px;
}
.graduate-lead-lv3 {
  font-size: 18px;
}
.graduate-block-col1 {
  max-width: 1000px;
  width: 90%;
  margin: 50px auto;
}
.graduate-block-col1 p {
  line-height: 2;
  border: 1px solid #bbb;
  padding: 2em;
}
.graduate-block-col2-wrap {
  max-width: 800px;
  width: 90%;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.graduate-block-col2 {
  width: calc(50% - 2%);
  line-height: 2;
}
.readmore-btn-marostep {
  width: 30%;
  margin: 60px auto 120px;
  font-weight: bold;
}
.readmore-btn-marostep .readmore-btn {
  background: #35bbde;
}
@media (max-width: 768px) {
  .graduate-lead {
    margin: 30px auto;
  }
  .graduate-lead-lv1 {
    font-size: 18px;
  }
  .graduate-lead-lv2 {
    font-size: 20px;
  }
  .graduate-lead-lv3 {
    font-size: 15px;
  }
  .graduate-block-col2 {
    width: 100%;
  }
  .readmore-btn-marostep {
    width: 90%;
    margin: 30px auto 60px;
  }
}
/*
	contest
	*/
.contest-block-col2 {
  max-width: 1000px;
  width: 90%;
  margin: 20px auto 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.contest-block-thumb {
  width: 40%;
}
.contest-block-thumb img {
  width: 100%;
}
.contest-block-text {
  width: 55%;
}
.contest-block-title {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  line-height: 2;
  margin: 0 0 1em;
}
.contest-block-title:after {
  content: "";
  display: block;
  border-bottom: 0.5em solid #fe0;
  margin: -0.75em 0 0;
}
.contest-block-course-name {
  font-size: 20px;
  margin: 0 0 1em;
}
.contest-block-name {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 2em;
}
.contest-block-overview {
  margin: 0 0 3em;
}
.contest-block-overview-head {
  font-size: 20px;
  font-weight: bold;
}
.contest-block-overview-body {
  line-height: 2;
}
.contest-block-comments-head {
  font-size: 20px;
  font-weight: bold;
}
.contest-block-comments-body {
  line-height: 2;
}
.contest-block-col2 a {
  text-decoration: underline;
}
.contest-oversea-link {
  width: 1000px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contest-oversea-link a {
  display: block;
  width: 28%;
  background: #26242d;
  border-radius: 3em;
  color: #fff;
  text-align: center;
  padding: 1em;
  position: relative;
}
.contest-oversea-link a:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_01.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}
.contest-oversea-link a:last-child {
  padding-top: 2em;
}
.contest-oversea-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.contest-oversea-wrap.line {
  padding-top: 20px;
  margin-top: 80px;
  border-top: 1px solid #bbb;
}
.contest-oversea-wrap .global-block-title {
  padding: 0.6em;
  background: #ddd;
  margin-bottom: 30px;
}
.contest-oversea-wrap h6 {
  font-size: 1.5em;
  margin-bottom: 15px;
}
.contest-oversea-wrap .title {
  font-weight: bold;
  margin: 60px 0 20px;
  font-size: 24px;
}
.contest-oversea-wrap h6.title-profile {
  width: 90%;
  margin: 0 auto;
}
.contest-oversea-wrap .read {
  margin-bottom: 40px;
}
.contest-oversea-wrap .movie {
  margin-bottom: 60px;
}
.contest-oversea-wrap .movie .inner {
  width: 100%;
  padding-top: 60%;
  position: relative;
}
.contest-oversea-wrap .movie iframe,
.contest-oversea-wrap .movie video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contest-oversea-wrap .contest-block-thumb {
  width: 48%;
  margin-bottom: 40px;
}
.contest-oversea-wrap .contest-block-thumb.full {
  width: 98%;
  margin-bottom: 0;
}
.contest-oversea-wrap .profile {
  box-sizing: border-box;
}
/*
.contest-oversea-wrap .profile .contest-block-thumb{
	width: 30%;
	margin-bottom: 0;
	}
	*/
.contest-oversea-wrap .profile .contest-block-text {
  font-size: 12px;
}
.contest-oversea-wrap .profile .contest-block-text .name {
  font-weight: bold;
  margin: 5px 0 2px;
  font-size: 24px;
}
.check-area {
  margin: 80px auto;
}
.check-area .check-title {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 40px;
}
.check-area .check-title br {
  display: none;
}
.check-area .check-link {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.check-area .check-link li {
  width: 23%;
}
.readmore-btn.mf {
  background: #ffd507;
  font-weight: bold;
}
.readmore-btn.mf:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_03.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out 0s;
}
h4.mf-title {
  font-size: 1.5em;
  text-align: center;
  margin: 40px 0;
}
h4.mf-title span {
  margin-left: 0.3em;
}
.report-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-top: 100px;
  margin-bottom: -40px;
}
@media (max-width: 768px) {
  .contest-block-thumb {
    width: 100%;
  }
  .contest-block-text {
    width: 100%;
  }
  .contest-oversea-link {
    width: 100%;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contest-oversea-link a {
    width: 100%;
    margin-bottom: 10px;
  }
  .contest-oversea-link a:last-child {
    padding: 1.8em 0;
  }
  .contest-oversea-wrap .contest-block-thumb {
    margin-bottom: 10px;
  }
  .check-area .check-title,
  h4.mf-title {
    font-size: 1.3em;
  }
  .contest-oversea-wrap .title {
    margin: 0 0 20px;
    font-size: 21px;
  }
  .contest-oversea-wrap .profile .contest-block-text .name {
    font-size: 21px;
  }
  .check-area .check-title br {
    display: inherit;
  }
  .check-area .check-link li {
    width: 48%;
    margin-bottom: 20px;
  }
  .check-area {
    margin: 60px 0 0;
  }
  .readmore-btn span {
    display: none;
  }
  .readmore-btn.mf:after {
    right: 1em;
  }
  .report-title {
    margin-bottom: 0;
    font-size: 1.3em;
  }
  .contest-oversea-wrap .profile {
    margin-bottom: 40px;
  }
  .contest-oversea-wrap.line {
    padding-top: 40px;
    margin-top: 40px;
  }
}
@media (max-width: 570px) {
  h4.mf-title span {
    margin-left: 0;
    display: block;
  }
}
/*
	interview
	*/
.interview-global-lead {
  max-width: 600px;
  width: 90%;
  font-size: 18px;
  line-height: 2;
  font-weight: bold;
  margin: 3em auto;
}
.interview-tile-line {
  display: block;
  background: #000;
}
.interview-tile-separate-50 {
  float: left;
  width: calc(100% / 4);
  height: 0;
  position: relative;
  padding-top: calc(100vw / 4);
}
.interview-tile-separate-50:nth-of-type(8n),
.interview-tile-separate-50:nth-of-type(1) {
  width: 50%;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.interview-tile-separate-33 {
  width: calc(100% / 3);
}
.interview-tile-separate-66 {
  width: calc(100% / 3 * 2);
}
.interview-tile-thumb {
  position: absolute;
  color: #fff;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.interview-tile-thumb img {
  vertical-align: top;
  transition: all 0.3s ease-in-out 0s;
}
.interview-tile-thumb a {
  display: block;
  font-weight: bold;
}
.interview-tile-number {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  font-size: 45px;
  text-shadow: 1px 1px 3px #555;
}
.interview-tile-title {
  position: absolute;
  bottom: 1em;
  left: 1em;
  width: calc(100% - 2em);
  text-align: justify;
  line-height: 1.4;
  font-size: 1.2em;
  text-shadow: 1px 1px 2px #555;
}
.interview-tile-thumb span {
  font-size: 0.8em;
  font-weight: normal;
  display: block;
}
@media (max-width: 768px) {
  .interview-tile-separate-50 {
    width: calc(100%);
  }
  .interview-tile-separate-33 {
    width: calc(100%);
  }
  .interview-tile-separate-66 {
    width: calc(100%);
  }
  .interview-tile-separate-50:nth-of-type(8n),
  .interview-tile-separate-50:nth-of-type(1) {
    width: 100%;
  }
  .interview-tile-separate-50 {
    padding-top: 100vw;
  }
}
/*
	interview-single
	*/
.interview-single {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.interview-single-thumb {
  width: 50%;
}
.interview-single-thumb img {
  vertical-align: top;
}
.interview-single-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.inte-photos {
  display: flex;
}
.inte-photos div {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .inte-photos {
    display: block;
    margin-top: 30px;
  }
}
.interview-single-text {
  width: 50%;
}
.interview-single-text-head {
  box-sizing: border-box;
  background: #fe0;
  padding: 5%;
}
.interview-single-title {
  font-weight: bold;
  font-size: 30px;
  margin: 1em 0 1em;
}
.interview-single-text-body .interview-single-course-name {
  font-weight: bold;
  margin-top: 30px;
}
.interview-single-course-name a {
  text-decoration: underline;
}
.interview-single-name {
  font-weight: bold;
  font-size: 25px;
  margin: 1em 0 0;
}
.interview-single-text-body {
  box-sizing: border-box;
  padding: 5%;
}
.interview-single-text-body p.qes {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 2em;
}
.interview-card-back {
  height: 120px;
  overflow: hidden;
}
.interview-single-text-body p {
  line-height: 2;
  margin: 0.5em 0 0;
}
.interview-single-text-body p:first-child {
  margin: 0;
}
.interview-single-paginate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2% 0;
}
.interview-single-paginate-btn {
  width: calc(50% - 1%);
}
.interview-single-paginate-btn a {
  background: #000;
  color: #fe0;
  text-align: center;
  display: block;
  position: relative;
  padding: 2em 0;
}
.interview-single-paginate-btn a:after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
}
.interview-single-paginate .interview-single-paginate-btn-back a:after {
  background: url("img/common/readmore_btn_arrow_02.png") no-repeat right center;
  background-size: 10px 15px;
  left: 2em;
}
.interview-single-paginate .interview-single-paginate-btn-next a:after {
  background: url("img/common/readmore_btn_arrow_01.png") no-repeat right center;
  background-size: 10px 15px;
  right: 2em;
}
.interview-single-recommends-wrap {
  display: flex;
  flex-wrap: wrap;
}
.interview-single-recommends {
  width: 25%;
}
.interview-single-recommends-thumb {
  position: relative;
  color: #fff;
}
.interview-single-recommends-title {
  position: absolute;
  bottom: 1em;
  left: 1em;
  width: calc(100% - 2em);
  text-align: justify;
  font-weight: bold;
  text-shadow: 1px 1px 3px #555;
  font-size: 1.2em;
}
.interview-single-recommends-title span {
  display: block;
  font-weight: normal;
  text-shadow: 1px 1px 2px #555;
  font-size: 0.8em;
}
@media (max-width: 768px) {
  .interview-single-title {
    font-size: 20px;
    text-align: justify;
  }
  .interview-single-name {
    font-size: 17px;
  }
  .interview-single-thumb {
    width: 100%;
  }
  .interview-single-text {
    width: 100%;
  }
  .interview-single-paginate-btn a {
    padding: 1em 0;
  }
  .interview-single-recommends {
    width: 50%;
  }
}
/*
	lecturer
	*/
.lecturer-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #000;
}
.lecturer-all-block {
  width: 25%;
  background: #fff;
}
.lecturer-all-block:nth-child(odd) {
  background: #fe0;
}
.lecturer-all-block-thumb img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.lecturer-all-block-content {
  padding: 5%;
  box-sizing: border-box;
}
.lecturer-all-block-name-ja {
  font-size: 25px;
  font-weight: bold;
}
.lecturer-all-block-name-en {
  font-size: 18px;
  font-weight: bold;
  margin: 0.5em 0 1em;
}
.lecturer-all-block-work {
  font-size: 14px;
  line-height: 1.5;
}
.lecturer-all-block-role {
  font-size: 14px;
  line-height: 1.5;
}
.lecturer-all-block-message {
  font-weight: bold;
  font-size: 20px;
  margin: 1em 0;
  text-align: justify;
  line-height: 1.5;
}
.lecturer-all-block-more {
  padding: 10%;
}
.lecturer-all-more {
  margin: 4em 0;
}
.lecturer-all-more a {
  width: 50%;
  background: #000;
  color: #fe0;
  text-align: center;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 2em 0;
}
.lecturer-all-more a:after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
  background: url("img/common/readmore_btn_arrow_01.png") no-repeat right center;
  background-size: 10px 15px;
  right: 2em;
}
@media (max-width: 768px) {
  .lecturer-all-block {
    width: 50%;
  }
  .lecturer-all-block-name-ja {
    font-size: 18px;
  }
  .lecturer-all-block-name-en {
    font-size: 14px;
  }
  .lecturer-all-block-work {
    font-size: 12px;
  }
  .lecturer-all-block-role {
    font-size: 12px;
  }
  .lecturer-all-block-message {
    font-size: 14px;
  }
  .lecturer-all-block-more {
    font-size: 12px;
  }
  .lecturer-all-block-more .readmore-btn:after {
    background-size: 5px 7px;
  }
  .lecturer-all-more {
    margin: 2em 0;
  }
  .lecturer-all-more a {
    font-size: 12px;
    width: 90%;
    padding: 2em 0;
  }
}
.lecturer-single {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lecturer-single-thumb {
  width: 50%;
}
.lecturer-single-thumb img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.lecturer-single-text {
  width: 50%;
}
.lecturer-single-text-head {
  box-sizing: border-box;
  background: #fe0;
  padding: 5%;
}
.lecturer-single-name-ja {
  font-weight: bold;
  font-size: 30px;
  margin: 1em 0 0;
}
.lecturer-single-name-en {
  font-weight: bold;
  margin: 0.5em 0 1em;
}
.lecturer-single-block-work {
  line-height: 1.5;
}
.lecturer-single-block-role {
  line-height: 1.5;
}
.lecturer-single-text-body {
  box-sizing: border-box;
  padding: 5%;
}
.lecturer-single-text-body-message {
  font-size: 30px;
  font-weight: bold;
}
.lecturer-single-text-body-content {
  line-height: 2;
  margin: 3em 0 0;
}
@media (max-width: 768px) {
  .lecturer-single-thumb {
    width: 100%;
  }
  .lecturer-single-text {
    width: 100%;
  }
  .lecturer-single-name-ja {
    font-size: 20px;
  }
  .lecturer-single-block-work {
    font-size: 12px;
  }
  .lecturer-single-block-role {
    font-size: 12px;
  }
  .lecturer-single-text-body-message {
    font-size: 20px;
  }
  .lecturer-single-text-body-content {
    margin: 2em 0 0;
  }
}
/*
	NEWS
	*/
.news-contents-wrap {
  background: linear-gradient(
    90deg,
    rgba(250, 235, 215, 1),
    rgba(255, 250, 240, 1)
  );
  padding: 3em 0;
}
.news-contents {
  background: #fff;
  padding: 2em;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.news-contents h3 {
  font-size: 1.6em;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #26242d;
  margin: 1em 0;
}
.news-contents .date {
  color: #69aff9;
}
.news-contents .cat {
  background: #bdbcbc;
  color: #fff;
  padding: 0.25em 1em;
  margin-right: 1em;
}
#access,
#ao,
#general,
#mfg,
#mf,
#support01,
#support02,
#support03,
#support04,
#japan,
#oversea {
  padding-top: 100px;
  margin-top: -100px;
}
#event01,
#event02,
#event03 {
  padding-top: 60px;
}
/* school event */
.scevent-message {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
}
.scevent-message-thumb {
  width: 50%;
  max-height: 600px;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.scevent-message-thumb img {
  width: 100%;
  height: 100%;
}
.scevent-message-text {
  box-sizing: border-box;
  width: 50%;
  padding: 0 5% 0;
}
.scevent-message-lead {
  font-size: 35px;
  font-weight: bold;
  margin: 0 0 1em;
}
.scevent-message-body {
  line-height: 2;
  text-align: justify;
}
.scevent-top .readmore-btn:after {
  transform: translate(0, -50%) rotate(90deg);
}
.scevent .vertical-list-big-more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.scevent .readmore-btn {
  width: 49%;
}
.readmore-btn.report {
  background: #777;
}
.readmore-btn.works {
  background: #333;
}
.scevent.contest-oversea-wrap table {
  width: 100%;
  border-top: 1px solid #ddd;
  margin-bottom: 40px;
}
.scevent.contest-oversea-wrap th {
  padding: 0.5em 1em;
  background: #e6e6e6;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.scevent.contest-oversea-wrap td {
  padding: 0.5em 1em;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.scevent.contest-oversea-wrap .scevent-title-wrap {
  text-align: center;
  margin: 48px 0 80px;
}
.scevent.contest-oversea-wrap .scevent-title-wrap .title {
  font-size: 2.4em;
  line-height: 1;
}
.scevent.contest-oversea-wrap .scevent-title-wrap table {
  border: none;
  margin-bottom: 24px;
}
.scevent.contest-oversea-wrap .scevent-title-wrap th {
  text-align: center;
  display: block;
  background: none;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
}
.scevent.contest-oversea-wrap .scevent-title-wrap td {
  text-align: center;
  display: block;
  background: none;
  border: none;
}
.scevent.contest-oversea-wrap .movie,
.scevent.contest-oversea-wrap .icatch {
  margin-top: 60px;
}
.scevent.contest-oversea-wrap .icatch img {
  width: 100%;
}
.scevent.contest-oversea-wrap .global-block-title {
  margin: 60px 0 30px;
}
.scevent.contest-oversea-wrap h6 {
  margin: 40px 0 10px;
}
.scevent.contest-oversea-wrap p.name {
  font-size: 24px;
  font-weight: bold;
}
.scevent.contest-oversea-wrap p.name span {
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: normal;
  display: block;
}
.scevent .title_wrap {
  width: 90%;
  margin: 60px auto 30px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.scevent .title_wrap .name_area {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.scevent .title_wrap .work_area {
  width: 100%;
  text-align: center;
}
.scevent .title_wrap .work_area h6 {
  margin: 0;
  margin-bottom: 5px;
}
.scevent .title_wrap .work_area p {
  margin-bottom: 20px;
}
.scevent.program.contest-oversea-wrap .contest-block-thumb.w100,
.scevent.program.contest-oversea-wrap .contest-block-thumb.w100 img,
.scevent.contest-oversea-wrap .contest-block-thumb.w100,
.scevent.contest-oversea-wrap .contest-block-thumb.w100 img {
  width: 98% !important;
  text-align: center;
}
.scevent.program.contest-oversea-wrap .contest-block-thumb {
  width: calc(20% - 1.5%);
}
.contest-oversea-wrap.mf {
  text-align: center;
}
p.mf-title {
  margin-top: 60px;
}
.scevent.contest-oversea-wrap.mf .contest-block-col2 {
  width: 100%;
  justify-content: space-between;
}
.scevent.contest-oversea-wrap.mf .contest-block-col2::after {
  content: "";
  display: block;
  width: 33.333%;
}
.scevent.contest-oversea-wrap.mf .contest-block-thumb {
  width: calc(33.333% - 1.5%);
}
.scevent.mf.contest-oversea-wrap .icatch {
  margin-bottom: 60px;
  position: relative;
}
.scevent.mf.cover .contest-block-thumb .inner {
  position: relative;
  padding-top: 70%;
  overflow: hidden;
}
.scevent.mf.cover .contest-block-thumb .inner img {
  position: absolute;
  top: 0;
  left: 0;
}
.mfg-works-link {
  width: 90%;
  max-width: 800px;
  margin: 0 auto 100px;
  font-size: 1.6em;
  line-height: 1.4;
}
.estate {
  max-width: 600px;
  width: 80%;
}
.estate img {
  width: 100%;
  margin-bottom: 10px;
}
.scevent.contest-oversea-wrap .mfg-time {
  margin-bottom: 16px;
}
.scevent.contest-oversea-wrap .mfg-time th {
  background: #fff100;
  font-weight: bold;
  text-align: center;
}
.scevent.contest-oversea-wrap .mfg-time th:last-child,
.scevent.contest-oversea-wrap .mfg-time td:last-child {
  border-right: none;
  text-align: center;
}
.scevent.contest-oversea-wrap .mfg-time.sp {
  display: none;
}
.mfg2020-read {
  text-align: center;
}
.mfg-note {
  font-size: 90%;
}
.mfg-judge {
  margin: 60px 0;
  display: flex;
  justify-content: space-between;
}
.mfg-judge .thumb {
  width: 30%;
}
.mfg-judge .text {
  width: 64%;
}
.mfg-judge .text h4 {
  background: #fff100;
  font-weight: bold;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.mfg-judge .text b {
  font-size: 112%;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .scevent-message-thumb {
    width: 100%;
  }
  .scevent-message-text {
    width: 100%;
  }
  .scevent-message-lead {
    margin: 1em 0;
    font-size: 21px;
  }
  .scevent-message-body {
    margin: 30px 0;
  }
  .scevent .title_wrap .name_area,
  .scevent .title_wrap .work_area {
    width: 100%;
    margin-bottom: 0;
  }
  .scevent .contest-block-col2 {
    margin: 20px auto;
  }
  .scevent.contest-oversea-wrap h6 {
    margin: 10px 0;
    font-size: 1.1em;
  }
  .scevent-message .scevent-message-lead br {
    display: none;
  }
  .mfg-works-link {
    font-size: 1.2em;
    margin: 40px auto 60px;
  }
  .scevent.contest-oversea-wrap p.name {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .scevent .title_wrap {
    margin-top: 0;
  }
  .scevent.contest-oversea-wrap .mfg-time.pc {
    display: none;
  }
  .scevent.contest-oversea-wrap .mfg-time.sp {
    display: table;
    text-align: center;
  }
  .scevent.contest-oversea-wrap .mfg-time {
    border: none;
    text-align: center;
  }
  .scevent.contest-oversea-wrap .mfg-time th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    text-align: center;
  }
  .scevent.contest-oversea-wrap .mfg-time td {
    display: block;
    width: 100%;
    border-bottom: 0;
    text-align: center;
  }
  .scevent.contest-oversea-wrap .mfg-time td:last-child {
    padding-top: 0;
    text-align: center;
  }
  .scevent.contest-oversea-wrap .scevent-title-wrap .title {
    font-size: 21px;
  }
  .scevent.contest-oversea-wrap.fg2020 .contest-block-thumb {
    width: 100%;
  }
  .scevent.fg2020 .contest-block-col2 {
    margin: 0px auto;
    width: 100%;
  }
  .readmore-btn.mfg2022 {
    width: 90%;
  }
}
.comingsoon {
  width: 80%;
  max-width: 800px;
  margin: 150px auto 200px;
  text-align: center;
}
.comingsoon .read {
  font-size: 2.4em;
  font-weight: bold;
  margin-bottom: 40px;
}
.comingsoon .btn_wrap {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 40px;
}
.comingsoon .readmore-btn:after {
  right: inherit;
  left: 2em;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
}
.public_info li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #bbb;
}
.public_info li:before {
  content: "";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fe0;
  margin-right: 10px;
}
.public_info a:hover {
  opacity: 0.6;
}
/* index 200710 */
.header {
  height: 100vh;
}
.header-background {
  background-position: top;
  background-size: cover;
}
.header-news-wrap2 {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  top: 100vh;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-news2 {
  width: calc(50% - 40px);
}
.header-news2 a {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding: 20px;
}
.header-news-thumb2 {
  width: 6vw;
  height: 6vw;
  margin: 0;
}
.header-news-text2 {
  width: 34vw;
  padding: 0 0 0 2vw;
}
.header-news-title2 {
  font-size: 0.9em;
}
.header-link {
  left: unset;
  right: 2vh;
}
@media (max-width: 768px) {
  .header {
    height: 100vh;
    margin-bottom: 0;
  }
  .header-news-wrap2 {
    width: 100vw;
    padding: 2.4vw;
    padding-bottom: 0;
    bottom: 0px;
    top: unset;
    z-index: 1;
  }
  .header-news2 {
    width: 100vw;
    margin-bottom: 2.4vw;
  }
  .header-news2 a {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
  }
  .header-news-thumb2 {
    width: 12vw;
    height: 12vw;
    margin: 0;
  }
  .header-news-text2 {
    box-sizing: border-box;
    width: 72vw;
    padding: 0 0 0 2vw;
    position: relative;
  }
  .header-news-title2 {
    letter-spacing: 0.04em;
    font-size: 13px;
    font-weight: 300;
  }
  .header-link {
    bottom: calc(5vh + 58px);
    right: auto;
    left: 4vw;
    width: 160px;
    height: 160px;
    top: unset;
  }
}
/* 高校生向け 200710 */
.highschooltitle {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto 15px;
  font-size: 25px;
  background: #fe0;
  padding: 0.5em 0;
}
.highschooltitleimg {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
.graduate-lead-hs {
  margin: 20px auto;
}
.info-block-col2 .readmore-btn-highschool {
  margin-top: 20px;
}
.info-block-head {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .info-block-col2 .readmore-btn-highschool {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
/* カウントダウン 210121 */
.cdt_wrapper {
  font-weight: bold;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88%;
}
.cdt_date {
  font-size: 6rem;
  width: 608px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdt_num {
  display: block;
  width: 24%;
  line-height: 0.8;
  padding: 0 0.15em;
  text-align: center;
}
.cdt_numm {
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .countdown {
    width: 337px;
    margin: 0 auto;
  }
  .cdt_wrapper {
    line-height: 1.2;
  }
  .cdt_date {
    width: 337px;
  }
  .cdt_num {
    font-size: 3.7rem;
    line-height: 1;
    padding: 5px;
  }
}
/* interview.css */
.interview {
  background: url("img/top/interview_background_01.jpg");
  background-size: cover;
  background-position: center top;
}
.interview-gradation {
  background: linear-gradient(
    135deg,
    rgba(240, 230, 140, 0.9),
    rgba(0, 250, 154, 0.9)
  );
}
.interview-inner {
  overflow: hidden;
}
.interview .block-title {
  color: #fff;
}
.interview-message {
  max-width: 800px;
  width: 90%;
  margin: 100px auto 0;
  font-weight: bold;
  line-height: 2;
  text-align: justify;
}
.interview-cards-wrap {
  margin: 0 auto;
  width: 70%;
}
.interview-cards-page-wrap {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
.interview-cards-wrap::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}
.interview-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-overflow-scrolling: touch;
}
.interview-cards-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 100px;
}
.interview-card {
  background: #fff;
  width: calc(100% / 5 - 10px);
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin: 0 0 20px;
}
.interview-card-dummy {
  width: calc(100% / 5 - 10px);
  height: 0;
}
.interview-cards-page .interview-card {
  margin: 100px 0 0;
}
.interview-card:nth-child(5n + 1) {
  transition-delay: 0s;
}
.interview-card:nth-child(5n + 2) {
  transition-delay: 0.1s;
}
.interview-card:nth-child(5n + 3) {
  transition-delay: 0.2s;
}
.interview-card:nth-child(5n + 4) {
  transition-delay: 0.3s;
}
.interview-card:nth-child(5n + 5) {
  transition-delay: 0.4s;
}
.interview-card-thumb {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
  margin: -40px auto 0;
  background: #fff;
  border: 2px solid #fff;
  position: relative;
}
.interview-card-text {
  padding: 1em;
}
.interview-card-title {
  font-size: 18px;
  letter-spacing: 0.2em;
}
.interview-card-body {
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin: 1em 0 0;
  word-break: break-all;
}
@media (max-width: 1200px) {
  .interview-cards-wrap {
    width: 90%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .interview-cards {
    width: 1200px;
  }
  .interview-cards-page {
    width: 100%;
  }
  .interview-cards-home .interview-card {
    width: calc(100% / 5 - 10px);
  }
}
@media (max-width: 768px) {
  .interview-message {
    margin: 50px auto 0;
    font-size: 12px;
  }
  .interview-cards-page {
    margin: 0 0 50px;
  }
  .interview-cards-page .interview-card {
    margin: 50px auto 0;
    width: 84%;
  }
}
/*
	interview-single
*/
.page-sub-title-top-obog {
  margin: 0 0 50px;
}
.interview-single {
}
.interview-single-profile {
  background: #fe0;
  width: 100%;
  margin: 100px 0 0;
  text-align: center;
  box-sizing: border-box;
  padding: 0 5%;
}
.interview-single-profile-thumb {
  width: 300px;
  height: 300px;
  border-radius: 150px;
  overflow: hidden;
  margin: -200px auto 0;
  background: #fff;
  border: 5px solid #fff;
  position: relative;
}
.interview-single-profile-message {
  font-size: 25px;
  font-weight: bold;
  margin: 2em 0 1em;
}
.interview-single-profile-role {
  color: #3f3f3f;
}
.interview-single-profile-name {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: bold;
  margin: 1em 0;
}
.interview-single-footer {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
  border: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.interview-single-footer-profile {
  width: 50%;
  box-sizing: border-box;
  padding: 5%;
}
.interview-single-footer-profile-head {
  font-size: 20px;
  margin: 0 0 1em;
  color: #3f3f3f;
}
.interview-single-footer-profile-body {
  font-size: 12px;
  color: #3f3f3f;
  line-height: 2;
  text-align: justify;
}
.interview-single-footer-cta {
  width: 50%;
  box-sizing: border-box;
  padding: 5%;
}
.interview-single-footer-cta-head {
  font-size: 20px;
  margin: 0 0 2em;
  color: #3f3f3f;
  text-align: center;
}
@media (max-width: 768px) {
  .interview-single-profile {
    margin: 70px 0 0;
  }
  .interview-single-profile-thumb {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    margin: -150px auto 0;
  }
  .interview-single-profile-message {
    font-size: 20px;
    line-height: 2;
  }
  .interview-single-profile-name {
    font-size: 25px;
  }
  .global-block-basic-col2 {
    margin: 40px auto;
  }
  .interview-single-footer-profile {
    width: 100%;
    padding: 10%;
  }
  .interview-single-footer-cta {
    width: 100%;
    padding: 10%;
  }
}
/* access.css */
.access-global-lead {
  max-width: 600px;
  width: 90%;
  font-size: 18px;
  line-height: 2;
  font-weight: bold;
  margin: 3em auto;
}
.access-message {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
}
.access-message-thumb {
  width: 50%;
  max-height: 600px;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.access-message-thumb img {
  width: 100%;
  height: 100%;
}
.access-message-text {
  box-sizing: border-box;
  max-width: 800px;
  width: 50%;
  padding: 0 5% 0;
}
.access-message-lead {
  font-size: 35px;
  font-weight: bold;
  margin: 0 0 1em;
}
.access-message-body {
  line-height: 2;
  text-align: justify;
}
.access-map {
  position: relative;
  padding-bottom: 30%;
  height: 0;
  overflow: hidden;
}
.access-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.access-map-cation {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto;
  line-height: 2;
}
.access-more {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.access-more .readmore-btn {
  width: calc(50% - 20px);
  margin: 0 0 60px;
}
@media (max-width: 768px) {
  .access-message-thumb {
    width: 100%;
  }
  .access-message-text {
    width: 100%;
  }
  .access-message-lead {
    margin: 1em 0;
    font-size: 22px;
  }
  .access-message-lead br {
    display: none;
  }
  .access-message-body {
    margin: 0 0 30px 0;
  }
  .access-map-cation {
    margin: 30px auto;
  }
  .access-more .readmore-btn {
    width: 100%;
    margin: 0 0 30px;
  }
}
/*
	access-route
*/
.access-route {
  max-width: 900px;
  margin: 0 auto;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.access-route-block {
  width: calc(50% - 3%);
  margin: 0 0 60px;
}
.access-route-head {
  font-size: 25px;
  background: #fe0;
  padding: 1em;
  font-weight: bold;
  text-align: center;
}
.access-route-body {
  line-height: 2;
  margin: 1em 0;
}
.access-route-thumb {
}
@media (max-width: 768px) {
  .access-route-block {
    width: 100%;
  }
}
/* overseas.css */
.overseas-select-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.overseas-select {
  width: calc(50% - 1%);
}
.overseas-select-text {
  text-align: center;
  color: #fff;
  padding: 40px;
  margin: 20px 10% 60px;
  position: relative;
}
.overseas-select-test a {
  display: block;
}
.overseas-select-text:after {
  color: #26242d;
  font-size: 50px;
  content: "↓";
  transform: translate(-50%, 50%);
  position: absolute;
  left: 50%;
  bottom: 0;
}
.overseas-select-text-europe {
  background: #00b4ff;
}
.overseas-select-text-newyork {
  background: #ff006c;
}
.overseas-select-name-en {
  margin: 0 0 0.5em;
}
.overseas-select-name-ja {
  font-size: 25px;
}
.overseas-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  position: relative;
}
.overseas-head-thumb {
  width: 50%;
}
.overseas-head-text {
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
.overseas-head-text-europe {
  background: rgba(0, 180, 255, 0.8);
}
.overseas-head-text-newyork {
  background: rgba(255, 0, 108, 0.8);
}
.overseas-head-name-en {
  margin: 0 0 0.5em;
}
.overseas-head-name-ja {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 1em;
}
.overseas-head-name-desc {
  font-size: 14px;
}
.overseas-point-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  background: #ff0;
  transform: translateY(-100px);
  margin-bottom: -100px;
}
.overseas-point {
  box-sizing: border-box;
  width: calc(100% / 3);
  border-right: 1px solid #000;
  margin: 20px 0;
  padding: 20px 50px;
}
.overseas-point:last-child {
  border-right: none;
}
.oversers-point-head {
  text-align: center;
  margin: 0 0 20px;
}
.oversers-point-head-small {
  font-size: 14px;
}
.oversers-point-head-big {
  font-size: 45px;
}
.oversers-point-body {
  font-weight: bold;
  line-height: 2;
  text-align: justify;
}
.oversers-schedule-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 30px auto 200px;
  display: flex;
  flex-wrap: wrap;
}
.oversers-schedule {
  box-sizing: border-box;
  width: calc(100% / 5);
  border-right: 1px solid #000;
}
.oversers-schedule:nth-child(5n) {
  border-right: none;
}
.oversers-schedule-head {
  color: #ff0;
  background: #26242d;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
}
.oversers-schedule-body {
  font-size: 14px;
  text-align: left;
  line-height: 2;
  padding: 1em;
}
.overseas-movie {
  max-width: 800px;
  width: 80%;
  height: 440px;
  margin: 32px auto 0;
}
.overseas-movie iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .overseas-select-name-ja {
    font-size: 20px;
  }
  .overseas-head-name-ja {
    font-size: 20px;
  }
  .overseas-head-name-desc {
    font-size: 12px;
  }
  .oversers-point-body {
    font-size: 12px;
  }
  .oversers-schedule-body {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .overseas-select {
    width: calc(50% - 1%);
  }
  .overseas-select-text {
    padding: 40px 20px;
    margin: 0;
  }
  .overseas-head-thumb {
    width: 100%;
  }
  .overseas-head-text {
    width: 80%;
    padding: 32px;
  }
  .overseas-head-text-inner {
    padding: 5%;
  }
  .overseas-point {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #000;
    margin: 0;
  }
  .overseas-point:last-child {
    border-bottom: none;
  }
  .oversers-schedule {
    width: calc(100% / 2);
  }
  .oversers-schedule:nth-child(5n) {
    border-right: 1px solid #000;
  }
  .oversers-schedule:nth-child(2n) {
    border-right: none;
  }
  .oversers-schedule-wrap {
    margin-bottom: 100px;
  }
  .overseas-movie {
    height: 320px;
  }
}
/* course.css */
.home .course {
  background: linear-gradient(
    90deg,
    rgba(250, 235, 215, 1),
    rgba(255, 250, 240, 1)
  );
  overflow: hidden;
}
.home .course-inner {
  padding: 0;
}
.home .course .slick-next:before,
.home .course .slick-prev:before {
  content: none;
}
.home .course .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.home .course .slick-banners-dots {
  margin: 0;
  position: absolute;
  top: unset;
  bottom: 14px;
  z-index: 10;
  left: 0;
  width: 100%;
}
.course-inner {
  margin: 0 auto;
}
.course .block-title {
  color: #000;
}
.department-message {
  color: #000;
}
.department-details-box {
}
.department-name {
  font-size: 30px;
  letter-spacing: 0.2em;
}
.department-desc {
  letter-spacing: 0.1em;
  margin: 3em 0;
  line-height: 1.5;
  font-size: 1.5em;
  font-weight: bold;
}
.courses-list {
  letter-spacing: 0.2em;
  margin: 0 0 20%;
}
.courses-list li:not(:last-child) {
  margin: 0 0 1em;
}
.courses-list a {
  background: rgba(255, 255, 255, 0.6);
  padding: 1em 2em;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.courses-list a:after {
  background: url("img/top/course_list_arrow_01.png") no-repeat center center;
  content: "";
  display: block;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translate(0, -50%);
}
.courses-list.fc a:after {
  background: url("img/top/course_list_arrow_02.png") no-repeat center center;
  background-size: 10px 15px;
}
.courses-list.ss a:after {
  background: url("img/top/course_list_arrow_03.png") no-repeat center center;
  background-size: 10px 15px;
}
.course .slider {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}
.course .slide-thumb {
  width: 50vw;
}
.course .slide-text {
  box-sizing: border-box;
  max-width: 600px;
  padding: 0 0 0 100px;
}
.gakka-big-name {
  padding: 70px;
  text-align: center;
}
.gakka-big-name-fm {
  background-image: linear-gradient(120deg, #ffffe0 0%, #fb8ac2 100%);
}
.gakka-big-name-fc {
  background-image: linear-gradient(120deg, #b3ffab 0%, #12fff7 100%);
}
.gakka-big-name-fb {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.gakka-big-name-ws {
  background-image: linear-gradient(120deg, #a18cd1 0%, #fbc2eb 100%);
}
.gakka-big-name-ss {
  background-image: linear-gradient(120deg, #ffe29f 0%, #ffa99f 100%);
}
.gakka-big-name-fb {
}
.gakka-big-name-main {
  font-size: 36px;
}
.gakka-big-name-sub {
  font-size: 13px;
  margin: 2em 0 0;
}
.gakka-big-lead {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 60px;
  align-items: center;
}
.gakka-big-lead .department-message {
  color: #000;
}
.gakka-big-lead .department-name {
  font-size: 30px;
  letter-spacing: 0;
  font-weight: bold;
}
.department-details-box {
  padding: 2em 1em;
  margin: 4em 0;
}
.department-details-box-fc {
  background: #c9fcd7;
}
.department-details-box-fb {
  background: #add8e6;
}
.department-details-box-fm {
  background: #fddad7;
}
.department-details-head {
  font-size: 20px;
  margin: 0 0 1em;
}
.department-details-body {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.department-details-week {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  padding: 0 0.5em;
}
.department-details-box-fc .department-details-week {
  background: #66cdaa;
}
.department-details-box-fb .department-details-week {
  background: #3397f5;
}
.department-details-box-fm .department-details-week {
  background: #ff5d8b;
}
.department-details-box-ss .department-details-week {
  background: #f98474;
}
.department-details-time {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  padding: 0 0.5em;
}
@media (max-width: 768px) {
  .department-details-box {
    margin: 2em 0;
  }
  .department-details-body li:not(:last-child) {
    margin: 0 0 10px;
  }
  .gakka-big-name {
    padding: 40px;
  }
}
.gakka-big-lead .department-desc {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: bold;
  margin: 0.5em 0 3em;
}
.gakka-big-lead .department-excerpt {
  line-height: 2;
}
.course .cards-course {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
}
.course .cards-course .card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden;
  margin: 0 0 30px;
}
.course .cards-course .card-thumb {
  width: 40%;
}
.course .cards-course .card-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.course .cards-course .card-text {
  box-sizing: border-box;
  width: 60%;
  padding: 50px;
  position: relative;
}
.course .cards-course .card-title-schedule {
  position: absolute;
  right: 0;
  top: 20px;
  color: #fff;
  padding: 1em 2em;
}
.cards-course #special .card-title-schedule {
  background: none;
  padding: 0;
  top: 20px;
  right: 20px;
  width: 200px;
}
.card-title-schedule-fb {
  background: #3397f5;
}
.card-title-schedule-fc {
  background: #66ddad;
}
.card-title-schedule-fm {
  background: #ff5d8b;
}
.card-title-schedule-ss {
  background: #f98474;
}
.course .cards-course .card-title-aside {
  margin: 1em 0;
  font-size: 18px;
  font-weight: bold;
}
.card-title-aside-fb {
  color: #3397f5;
}
.card-title-aside-fc {
  color: #66ddad;
}
.card-title-aside-fm {
  color: #ff5d8b;
}
.card-title-aside-ss {
  color: #f98474;
}
.course .cards-course .card-title {
  font-size: 25px;
}
.course .cards-course .card-title-desc {
  line-height: 1.5;
  margin: 2em 0;
}
.course .cards-course .card-content {
  font-size: 12px;
  display: flex;
  line-height: 2;
}
.course .cards-course .card-job {
  box-sizing: border-box;
  padding: 0 30px 0 0;
  border-right: 1px solid #bbb;
}
.course .cards-course .card-qua {
  box-sizing: border-box;
  padding: 0 0 0 30px;
}
.course .cards-course .readmore-btn {
  margin: 40px auto 0;
}
.card-ss-wrap {
  width: 80%;
  margin: 40px auto;
}
.card-ss-wrap table {
  width: 100%;
  margin-bottom: 40px;
  border-top: 1px solid #bbb;
}
.card-ss-wrap table th,
.card-ss-wrap table td {
  padding: 10px;
  border-bottom: 1px solid #bbb;
}
.card-ss-wrap table tr.top {
  font-size: 1.1em;
  font-weight: bold;
  background: #eee;
}
.card-ss-wrap table th {
  background: #eee;
}
.card-ss-wrap p.mb {
  margin-bottom: 40px;
}
.ws-merit {
  width: 31%;
  border: 4px solid #a18cd1;
  padding: 2em;
  box-sizing: border-box;
}
.ws-merit h5 {
  color: #a18cd1;
  font-size: 1.25em;
  margin-bottom: 20px;
}
/********************

	department-foot-list

*********************/
.department-foot-list {
  background: #eee;
  overflow: hidden;
  text-align: center;
}
.department-foot-list-fc {
  background-image: linear-gradient(120deg, #b3ffab 0%, #12fff7 100%);
}
.department-foot-list-fb {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.department-foot-list-head {
  font-size: 25px;
  display: inline-block;
  margin: 90px 0 0;
  font-weight: bold;
  position: relative;
  padding: 0 0 1em;
}
.department-foot-list-head:after {
  border-bottom: 1px solid #000;
  content: "";
  display: block;
  width: 150px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.department-foot-list-inner {
  max-width: 1080px;
  margin: 30px auto 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.department-foot-list-block {
  box-sizing: border-box;
  width: calc((100% - 80px) / 3);
}
.department-foot-list-thumb {
  background: #000;
}
.department-foot-list-thumb img {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.department-foot-list-thumb img:hover,
.current .department-foot-list-thumb img {
  opacity: 1;
}
.department-foot-list-text {
  text-align: center;
  font-weight: bold;
}
.department-foot-list-desc {
  margin: 1em 0 0;
}
.department-foot-list-title {
  font-size: 18px;
  margin: 0.1em 0 2em;
}
@media (max-width: 768px) {
  .department-foot-list-head {
    margin: 60px 0 30px;
    font-size: 24px;
  }
  .department-foot-list-inner {
    margin: 0 auto;
    width: 90%;
  }
  .department-foot-list-block {
    margin: 0 0 20px;
  }
  .department-foot-list-block {
    width: 100%;
  }
  .gakka-big-name-sub {
    margin: 1em 0 0;
    font-size: 11px;
  }
  .ws-merit {
    width: 100%;
    margin-bottom: 20px;
  }
  .cards-course #special .card-title-schedule {
    background: none;
    padding: 0;
    top: -55px;
    right: 5px;
    width: 130px;
  }
}
@media (max-width: 1200px) {
  .course-page {
  }
  .course .slide-thumb {
    width: 50%;
  }
  .course .slide-text {
    width: 50%;
    padding: 0 2%;
  }
  .course-big-list .slide-thumb {
    width: 50%;
  }
  .course-big-list .slide-text {
    width: 50%;
    padding: 0 2% !important;
  }
}
@media (max-width: 768px) {
  .course-inner {
    width: 100%;
    padding: 0 !important;
  }
  .course .slick-banners-dots {
    position: absolute;
    width: 100%;
    top: -40px;
  }
  .course-slider-wrapper {
    padding: 40px 0 0;
  }
  .course .slide-thumb {
    width: 100%;
  }
  .course .slide-text {
    width: 100%;
    padding: 0;
  }
  .department-name {
    font-size: 20px;
    margin: 2em 0 1em;
  }
  .department-desc {
    margin: 1em 0 2em;
    font-size: 16px;
  }
  .courses-list {
    margin: 0 0 10%;
  }
  .courses-list a span {
    width: 100%;
  }
  .courses-list a .course-desc {
    margin: 1em 0 0;
    font-size: 12px;
  }
  .course-big-list .department-desc {
    font-size: 12px;
  }
  .course-big-list .department-name {
    font-size: 20px;
  }
  .course .cards-course {
    width: 90%;
    margin: 0 auto;
  }
  .course .cards-course .card-thumb {
    width: 100%;
  }
  .course .cards-course .card-text {
    width: 100%;
    padding: 25px;
    padding-top: 30px;
  }
  .gakka-big-name-main {
    font-size: 24px;
  }
  .gakka-big-lead {
    margin: 0 0 30px;
  }
  .department-message {
    width: 90%;
    margin: 0 auto;
  }
  .course .cards-course .card-title-schedule {
    top: -20px;
    padding: 0.5em 1em;
  }
  .course .cards-course .card-title-desc {
    margin: 1em 0;
  }
  .course .cards-course .card-title {
    font-size: 20px;
  }
}
.course-all-head {
  text-align: center;
  padding: 80px 0;
}
.course-all-head-main {
  font-size: 40px;
  margin: 0 0 1em;
}
.course-all-head-pink {
  font-weight: normal;
  color: #f967a8;
  margin: 0 0.5em;
}
.course-all-head-big {
  font-size: 80px;
}
.course-all-head-sub {
  font-size: 22px;
  font-weight: bold;
}
.course-all-list {
  display: flex;
  flex-wrap: wrap;
}
.course-all-list:nth-child(1) {
  background-image: linear-gradient(120deg, #ffffe0 0%, #fb8ac2 100%);
}
.course-all-list:nth-child(2) {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.course-all-list:nth-child(3) {
  background-image: linear-gradient(120deg, #b3ffab 0%, #12fff7 100%);
}
.course-all-list:nth-child(4) {
  background-image: linear-gradient(120deg, #ffe29f 0%, #ffa99f 100%);
}
.course-all-list:nth-child(odd) {
  justify-content: flex-start;
}
.course-all-list:nth-child(even) {
  flex-direction: row-reverse;
}
.course-all-thumb {
  width: 50vw;
  width: calc(50% - 2%);
}
.course-all-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.course-all-text {
  box-sizing: border-box;
  max-width: 600px;
  text-align: center;
}
.course-all-list:nth-child(odd) .course-all-text {
  padding: 0 0 0 100px;
}
.course-all-list:nth-child(even) .course-all-text {
  padding: 0 100px 0 0;
}
.course-all-text-desc {
  color: #000;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 3em 0 1.5em;
}
.course-all-text-name-ja {
  color: #000;
  font-size: 38px;
  letter-spacing: 0;
  font-weight: bold;
}
.course-all-text-name-en {
  color: #000;
  margin: 1em 0 3em;
  font-weight: bold;
}
.course-all-text-list {
  letter-spacing: 0.2em;
  margin: 0 0 20%;
}
.course-all-text-list li:not(:last-child) {
  margin: 0 0 1em;
}
.course-all-text-list a {
  background: rgba(255, 255, 255, 0.6);
  padding: 1em 2em;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.course-all-text-list-fb a:after {
  background: url("img/top/course_list_arrow_01.png") no-repeat center center;
}
.course-all-text-list-fc a:after {
  background: url("img/top/course_list_arrow_02.png") no-repeat center center;
}
.course-all-text-list-ss a:after {
  background: url("img/top/course_list_arrow_03.png") no-repeat center center;
}
.course-all-text-list-fm a:after {
  background: url("img/top/course_list_arrow_04.png") no-repeat center center;
}
.course-all-text-list a:after {
  content: "";
  display: block;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translate(0, -50%);
}
.course-all-list .readmore-btn {
  margin: 20% 0;
}
@media (max-width: 1200px) {
  .course-all-thumb {
    width: 50%;
  }
  .course-all-text {
    width: 50%;
    padding: 0 2% !important;
  }
}
@media (max-width: 768px) {
  .course-all-head {
    padding: 40px 0;
  }
  .course-all-head-main {
    font-size: 22px;
  }
  .course-all-head-big {
    font-size: 40px;
  }
  .course-all-head-pink {
    margin: 0 0.1em;
  }
  .course-all-head-sub {
    font-size: 14px;
  }
  .course-all-thumb {
    width: 100%;
  }
  .course-all-text {
    width: 100%;
    padding: 0 5% !important;
    margin: 0 auto;
  }
  .course-all-text-desc {
    font-size: 14px;
  }
  .course-all-text-name-ja {
    font-size: 24px;
  }
  .course-all-text-name-en {
    font-size: 11px;
  }
}
/*********************
	course-single
**********************/
.course-single-youcan {
  background: #eee;
  max-width: 1200px;
  margin: 30px auto 60px;
  width: 90%;
  padding: 3% 5%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.course-single-youcan-box {
  width: 50%;
  box-sizing: border-box;
  padding: 3% 5%;
}
.course-single-youcan-box:first-child {
  border-right: 1px solid #bbb;
}
.course-single-youcan-head {
  font-size: 18px;
}
.course-single-youcan-head-fc {
  color: #66cdaa;
}
.course-single-youcan-head-fb {
  color: #3397f5;
}
.course-single-youcan-head-fm {
  color: #ff5d8b;
}
.course-single-youcan-body {
  font-weight: bold;
  line-height: 2;
  margin: 1em 0 0;
}
@media (max-width: 768px) {
  .course-single-youcan-box {
    width: 100%;
  }
  .course-single-youcan-box:first-child {
    border-right: none;
  }
  .course-single-youcan {
    padding: 0;
  }
  .course-single-youcan-body {
    font-size: 0.9em;
  }
}
.course-single-card {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden;
  max-width: 1200px;
  margin: 30px auto;
  width: 90%;
  padding: 4%;
  box-sizing: border-box;
  position: relative;
}
.course-single-card-year {
  position: absolute;
  top: 0;
  left: 1em;
  font-size: 20px;
}
.course-single-card-year-fc {
  color: #66cdaa;
}
.course-single-card-year-fb {
  color: #3397f5;
}
.course-single-card-year-fm {
  color: #ff5d8b;
}
.course-single-card-year-big {
  font-size: 70px;
}
.course-single-card-lead {
  font-size: 25px;
  font-weight: bold;
  margin: 1em 0;
}
.course-single-card-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .course-single-card-year {
    font-size: 18px;
  }
  .course-single-card-year-big {
    font-size: 30px;
  }
  .course-single-card-lead {
    margin: 1.5em 0 0;
    font-size: 20px;
  }
}
.course-single-card-thumb {
  width: 40%;
}
.course-single-card-text {
  box-sizing: border-box;
  width: 60%;
  padding: 0 0 0 10%;
}
.course-single-card-text.full {
  width: 100%;
  margin-top: 20px;
}
.course-single-card-head {
  font-size: 20px;
  line-height: 2;
}
.course-single-card-head.fc span {
  display: block;
  font-size: 1.1em;
  color: #66cdaa;
}
.course-single-card-head.fm span {
  display: block;
  font-size: 1.1em;
  color: #ff5d8b;
}
.course-single-card-text.full .course-single-card-curriculum-head {
  font-size: 16px;
}
.course-single-card-body {
  line-height: 2;
  margin: 1em 0 0;
}
.course-single-card-curriculum-head {
  font-size: 20px;
  font-weight: normal;
  margin: 1.5em 0 0.5em;
}
.course-single-card-curriculum-head-fc {
  color: #66cdaa;
}
.course-single-card-curriculum-head-fb {
  color: #3397f5;
}
.course-single-card-curriculum-head-fm {
  color: #ff5d8b;
}
.course-single-card-curriculum-body {
  font-size: 12px;
  line-height: 2;
}
@media (max-width: 768px) {
  .course-single-card-thumb {
    width: 100%;
    margin-top: 30px;
  }
  .course-single-card-text {
    width: 100%;
    padding: 0;
  }
  .course-single-card-head {
    margin: 1em 0 0;
    font-size: 16px;
  }
}
.classwork {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
  padding: 5%;
  box-sizing: border-box;
}
.classwork-head {
  color: #66cdaa;
  font-size: 25px;
}
.classwork-head.center {
  text-align: center;
  margin-bottom: 30px;
}
.classwork-head {
  font-size: 25px;
}
.classwork-head-fc {
  color: #66cdaa;
}
.classwork-head-fb {
  color: #3397f5;
}
.classwork-head-fm {
  color: #ff5d8b;
}
.classwork-content-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.classwork-content {
  width: calc(50% - 2%);
  margin: 30px 0;
}
.classwork-text-head {
  font-size: 20px;
  font-weight: bold;
  margin: 1em 0 0;
}
.classwork-text-body {
  margin: 1em 0 0;
  line-height: 2;
}
.artwork {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
  padding: 0 5% 6%;
  box-sizing: border-box;
  text-align: center;
}
.artwork img {
  margin: 0 auto;
  margin-top: 20px;
  display: block;
}
@media (max-width: 768px) {
  .classwork {
    padding: 0;
  }
  .classwork-text-head {
    font-size: 15px;
  }
  .classwork-text-body {
    font-size: 14px;
  }
  .classwork-head {
    font-size: 20px;
  }
}
/*
	course-voice
*/
.course-voice-wrap {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.course-voice-wrap.ad {
  max-width: 1000px;
}
.course-voice-wrap.cc {
  display: block;
}
.course-voice-wrap:after {
  content: "";
  display: block;
  width: calc(100% / 3 - 3%);
}
.course-voice {
  width: calc(100% / 3 - 3%);
}
.ad .course-voice {
  width: calc(100% / 3 - 3%);
}
.cc .course-voice {
  margin: 0 auto;
}
.course-voice-comments {
  font-weight: bold;
  font-size: 1.4em;
  margin: 20px 0;
  line-height: 1.6;
}
.course-voice-name {
  font-size: 1.15em;
  font-weight: bold;
}
.course-voice-data {
  margin-bottom: 12px;
}
.curriculum {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
  padding: 80px 0 0;
}
.curriculum.fc {
  margin-bottom: 200px;
}
.curriculum h5 {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.curriculum.fm h5 {
  color: #ff5d8b;
}
.curriculum.fm .course-suchedule-title {
  border: 2px solid #ff5d8b;
}
.curriculum.fm .course-schedule-wrap.box .course-schedule-thumb span {
  background: #ff5d8b;
}
.curriculum.fb h5 {
  color: #3397f5;
}
.curriculum.fb .course-suchedule-title {
  border: 2px solid #3397f5;
}
.curriculum.fb .course-schedule-wrap.box .course-schedule-thumb span {
  background: #3397f5;
}
.curriculum.fc h5 {
  color: #66ddad;
}
.curriculum.fc .course-suchedule-title {
  border: 2px solid #66ddad;
}
.curriculum.fc .course-schedule-wrap.box .course-schedule-thumb span {
  background: #66ddad;
}
.course-suchedule-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 20px;
  padding: 0.4em 1em;
}
.course-schedule-wrap {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.course-schedule-thumb {
  width: calc(100% / 4 - 3%);
  text-align: center;
}
.year .course-schedule-thumb {
  font-weight: bold;
}
.course-schedule-wrap.box {
  margin-bottom: 50px;
}
.course-schedule-wrap.box .course-schedule-thumb span {
  padding: 1em;
  display: block;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.course-schedule-wrap.box .course-schedule-thumb span:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  border-bottom: 2px dotted #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.course-schedule-wrap.box .course-schedule-thumb.nb span:after {
  display: none;
}
.course-ss-link {
  width: 1000px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course-ss-link a {
  display: block;
  width: 28%;
  background: #26242d;
  border-radius: 3em;
  color: #fff;
  text-align: center;
  padding: 1em;
  position: relative;
}
.course-ss-link a:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_01.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}
.course-special-link {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 80px;
  border: 3px solid #ea8a79;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 30px;
  overflow: hidden;
}
.special-thumb {
  width: 45%;
}
.special-text {
  width: 50%;
  padding-top: 1.5em;
}
.special-text h3.card-title {
  font-size: 1.3em;
}
.course-special-link .date {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 140px;
}
.course-special-link .more {
  border: 2px solid #000;
  padding: 0.2em 3em;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  width: max-content;
  margin-top: 1em;
}
.course.ss .global-block-title {
  font-size: 26px;
  padding: 1.5em;
  background: #ddd;
  margin: 60px auto;
}
.global-block-title.form {
  font-size: 26px;
  padding: 1.5em;
  background: #ddd;
}
.course.ss .message-block-thumb {
  width: 30%;
}
.course.ss h5.global-block-title {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1em;
  font-size: 1.2em;
  background: #f98474;
  color: #fff;
}
.course.ss .message-block-text .name span {
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 5px;
}
/*
CADがある場合
.course.ss .global-block-basic-w1000-col2 .global-block-text{
	width: calc(100% / 2 - 2%);
}
*/
.course.ss .global-block-basic-w1000-col2 .global-block-text {
  width: 66%;
  margin: 0 auto;
}
.course.ss .global-block-basic-w1000-col2 .global-block-text p {
  margin-bottom: 1em;
}
.course.ss .global-block-basic-w1000-col2 .global-block-text h6 {
  color: #f98474;
  font-size: 1.3em;
  margin-bottom: 5px;
}
.course.ss .cards-course .card-thumb {
  width: 45%;
}
.course.ss .cards-course .card-text {
  width: 55%;
}
.course.ss .message-block-lead {
  margin-bottom: 40px;
}
.course.ss .ex-downloads-btn {
  margin: 20px auto 40px;
}
.course.ss .outline-nav-btn-area {
  margin: 0 auto;
  margin-bottom: 60px;
  line-height: 1.6;
}
.course.ss .outline-nav-btn-area .readmore-btn {
  margin: 0 auto;
  line-height: 1.6;
}
#course-ss01,
#course-ss02,
#course-ss03,
#course01,
#course02,
#course03,
#course04,
#special {
  padding-top: 100px;
  margin-top: -100px;
}
#course-ss03 {
  margin-bottom: 120px;
}
#course-ss03 .global-block-basic-w1000-col2 {
  margin: 20px auto 40px;
}
#course-ss03 .global-block-text {
  margin-top: 40px;
}
#course-ss03 .contact {
  border: 2px solid #f98474;
  padding: 0.5em 1em;
  margin-top: 10px;
}
#course-ss03 .contact .title {
  color: #f98474;
  font-weight: bold;
  font-size: 1.1em;
}
.course.ss .ss05 .ex-downloads-btn {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .course.ss .message-block-lead br {
    display: none;
  }
  .gakka-big-lead .department-name {
    font-size: 19px;
  }
  .course-voice {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .course-ss-link {
    width: 80%;
  }
  .course-ss-link a {
    width: 100%;
    margin-bottom: 15px;
  }
  .course.ss .message-block-thumb {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .course.ss .global-block-basic-w1000-col2 .global-block-text {
    width: 100%;
    margin-bottom: 40px;
  }
  .course.ss .global-block-basic-w1000-col2 .global-block-text br {
    display: none;
  }
  .course.ss .global-block-basic-w1000-col2 {
    margin-bottom: 0;
  }
  .course.ss .cards-course .card-thumb {
    width: 100%;
  }
  .course.ss .cards-course .card-text {
    width: 100%;
    padding-bottom: 0;
  }
  .special-thumb {
    width: 100%;
  }
  .special-text {
    width: 100%;
    padding: 1em;
    text-align: center;
  }
  .course-special-link .more {
    margin: 20px auto;
  }
  .course-special-link .date {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 121px;
  }
  .course.ss .message-block-lead {
    margin-bottom: 20px;
  }
  .message-block {
    margin: 20px auto;
  }
  .message-block-body {
    padding: 1em 0;
  }
  .course-voice-comments {
    font-size: 1.2em;
  }
  .course-voice-wrap {
    margin-bottom: 20px;
  }
}
/*
	course-society
*/
.course-society-sub {
  padding: 1em;
  font-size: 1.6em;
  background: #ddd;
  margin: 6% 0 0;
  text-align: center;
}
.course-society {
  width: 90%;
  max-width: 1200px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: linear-gradient(90deg, #98fb98, #afeeee);
}
.course-society.fb {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.course-society.ss {
  background-image: linear-gradient(120deg, #ffe29f 0%, #ffa99f 100%);
  margin-bottom: 100px;
}
.course-society.ss .course-society-course-name {
  padding: 2% 5%;
  margin-bottom: 2%;
}
.course-society.ss .readmore-btn {
  margin-top: 40px;
}
.global-block-title.ss {
  margin-top: 8%;
}
.global-block-basic-w1200.ss {
  margin-bottom: 4%;
}
.global-block-basic-w1200.ws {
  margin-bottom: 2%;
}
.feature ul {
  padding: 2em;
  border: 2px solid #fe0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2;
}
.re-ad {
  width: 49%;
  padding: 2em;
  border: 2px solid #fe0;
  box-sizing: border-box;
  margin-bottom: 100px;
}
.re-ad .other,
.re-ad .com {
  font-size: 1.2em;
  color: #fff;
  background: #555;
  padding: 0.6em;
  text-align: center;
  font-weight: bold;
}
.re-ad .maro {
  font-size: 1.2em;
  background: #fe0;
  padding: 0.6em;
  text-align: center;
  font-weight: bold;
  margin: 30px 0;
  position: relative;
}
.re-ad .maro:before {
  content: "";
  display: inline-block;
  border-top: 15px solid #333;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
}
.re-ad .maro:after {
  content: "";
  display: inline-block;
  border-top: 15px solid #333;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
}
.re-ad .profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.re-ad .profile .profile_img {
  width: 46%;
  height: auto;
  display: block;
}
.re-ad .profile .profile_img img {
  width: 100%;
}
.re-ad .profile p {
  width: 48%;
  padding-top: 10px;
}
.re-ad .profile p span {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
.course-society-thumb {
  width: 50%;
  height: 500px;
  overflow: hidden;
}
.ss .course-society-thumb {
  height: 560px;
}
.course-society-thumb img {
  max-width: none;
  height: 100%;
  width: auto;
}
.course-society-text {
  width: 50%;
  box-sizing: border-box;
  padding: 4%;
}
.course-society-gakka-ja {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.course-society-gakka-en {
  text-align: center;
  font-weight: bold;
  margin: 2em 0;
}
.course-society-course-name {
  background: rgba(255, 255, 255, 0.6);
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5%;
}
.course-society-course-head {
  width: 70%;
}
.course-society-course-body {
  width: 30%;
  text-align: right;
}
.course-society-course-desc {
  font-weight: bold;
  margin: 2em 0;
  line-height: 2;
}
.course-society-gakka-more {
  width: 60%;
  margin: 0 auto;
}
.app-wrap h5 {
  font-size: 20px;
  margin-bottom: 20px;
}
a.app-btn {
  width: 80%;
  max-width: 460px;
  display: block;
  margin: 1em auto 4em;
  padding: 1em;
  color: #fff;
  font-size: 1.4em;
  border-radius: 2em;
  font-weight: bold;
  text-align: center;
  position: relative;
  background: #f98474;
}
a.app-btn:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_03.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out 0s;
}
@media (max-width: 768px) {
  .course.ss .global-block-title {
    font-size: 20px;
  }
  .global-block-title.form {
    font-size: 18px;
  }
  .course-society-thumb {
    width: 100%;
    height: 240px;
  }
  .ss .course-society-thumb {
    height: auto;
  }
  .course-society-thumb img {
    width: 100%;
    height: auto;
  }
  .course-society-text {
    width: 100%;
  }
  .course-society-gakka-ja {
    font-size: 18px;
  }
  .course-society-gakka-en {
    font-size: 12px;
  }
  .course-society-course-name {
    font-size: 12px;
  }
  .course-society-course-desc {
    font-size: 12px;
  }
  .course-society-gakka-more {
    width: 90%;
  }
  .re-ad {
    width: 100%;
    margin-bottom: 30px;
  }
  .curriculum {
    padding-top: 40px;
  }
  .course-society-sub {
    font-size: 20px;
  }
}
/* contact.css */
.contact-page-banner-area {
  max-width: 600px;
  width: 90%;
  margin: 60px auto;
}
.contact-page-banner-caption {
  margin: 30px 0 60px;
  line-height: 2;
}
.contact-page-banner-caption-green {
  color: #49ce18;
}
.contact-form-message {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
  line-height: 2;
}
/*
	contact-form
*/
.contact-form {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
}
.contact-form.ss {
  margin-bottom: 100px;
}
.contact-form tr {
  border-bottom: 1px solid #bbb;
}
.contact-form tr:first-child {
  border-top: 1px solid #bbb;
}
.contact-form th {
  vertical-align: top;
  width: 30%;
  font-weight: bold;
  box-sizing: border-box;
  padding: 1.5em 2em;
  line-height: 2;
}
.contact-form td {
  width: 70%;
  box-sizing: border-box;
  padding: 1.5em 2em;
  line-height: 2;
}
.contact-form .wpcf7-list-item {
  display: inline-block;
  line-height: 2;
  margin: 0 2em 0 0;
}
.contact-form .wpcf7-list-item input[type="radio"] {
  margin: 0 0.5em 0 0;
}
.contact-form-require {
  font-weight: normal;
  color: #ff0000;
  margin-left: 5px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  background: #eee;
  border: none;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 2;
  padding: 0 1em;
  width: 100%;
}
.contact-form .contact-form-tel[type="tel"] {
  width: 50%;
}
.contact-form textarea {
  height: 10em;
}
.contact-form .b-y[type="text"] {
  width: 15%;
  margin: 0 5px;
}
.contact-form .p-postal-code[type="text"] {
  width: 30%;
  margin: 0 0 10px 5px;
}
.contact-form .b-md[type="text"] {
  width: 10%;
  margin: 0 5px;
}
.contact-form .other[type="text"] {
  width: 40%;
  margin-left: -22px;
}
.contact-form textarea.career {
  height: 60px;
}
.contact-form-submit input[type="submit"] {
  display: block;
  color: #fff;
  background: #ffa800;
  width: 90%;
  max-width: 400px;
  padding: 1.5em 0;
  border-radius: 3em;
  text-align: center;
  position: relative;
  border: none;
  margin: 30px auto 0;
  font-size: 1em;
}
.contact-form-submit input[type="button"] {
  display: block;
  color: #fff;
  background: #bbb;
  width: 90%;
  max-width: 400px;
  padding: 1.5em 0;
  border-radius: 3em;
  text-align: center;
  position: relative;
  border: none;
  margin: 30px auto 0;
  font-size: 1em;
}
.contact-form-submit button:after {
  content: "";
  display: block;
  background: url("img/common/readmore_btn_arrow_01.png") no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%);
}
.contact-form select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
  padding: 1em 4em 1em 2em;
  font-size: 16px;
  color: #555;
  line-height: 1.85714;
  letter-spacing: 0.1em;
  border: 1px solid #ccc;
}
.select-wrap {
  position: relative;
}
.select-wrap:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  transform: rotate(-45deg) translateY(-70%);
  position: absolute;
  top: 50%;
  right: 1.5em;
}
.contact-form .limit {
  text-align: center;
  font-size: 18px;
  border: 1px solid #ff0000;
  padding: 40px;
  font-weight: bold;
}
.contact-form .limit span {
  font-size: 20px;
  color: #ff0000;
  display: block;
  margin-top: 10px;
}
.contact-form .notice {
  font-size: 0.9em;
  margin: 10px 0 40px;
}
input::-webkit-input-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input:-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input::-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input::-webkit-input-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input:-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input::-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea::-webkit-input-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea:-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea::-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea::-webkit-input-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea:-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
textarea::-moz-placeholder {
  color: #bbb;
  font-size: 0.9em;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
  transition: 0.1s;
}
select.wpcf7c-conf,
input.wpcf7c-conf,
textarea.wpcf7c-conf {
  background: #fff !important;
  border: none;
  width: 100%;
}
.contact-form .wpcf7-list-item input[type="radio"] {
  width: auto;
}
.custom-wpcf7c-confirmed {
  padding-top: 100px;
  margin-top: -100px;
}
.custom-wpcf7c-confirmed .read {
  font-weight: bold;
  text-align: center;
  margin: 40px auto;
  font-size: 20px;
}
.custom-wpcf7c-confirmed .select-wrap:after {
  display: none;
}
.custom-wpcf7c-confirmed .contact-form-require {
  display: none;
}
.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
.wpcf7 .ajax-loader {
  display: none !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: none !important;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form input[type="tel"],
  .contact-form textarea {
    padding: 0 0.5em;
  }
  .contact-form th {
    width: 100%;
    display: block;
    padding: 1em 0;
  }
  .contact-form th br {
    display: none;
  }
  .contact-form td {
    width: 100%;
    display: block;
    padding: 1em 0;
    padding-top: 0;
  }
  .contact-form-submit button {
    width: 100%;
  }
  .contact-page-banner-caption {
    margin-bottom: 0;
  }
  .contact-page-banner-area {
    margin: 40px auto;
  }
  .contact-form .p-postal-code[type="text"] {
    width: 50%;
  }
  .contact-form .other[type="text"] {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .contact-form .contact-form-tel[type="tel"] {
    width: 90%;
  }
  .contact-form .b-y[type="text"] {
    width: 20%;
  }
  .contact-form .b-md[type="text"] {
    width: 15%;
  }
  .contact-form .limit {
    padding: 20px;
  }
  .contact-form-message {
    margin: 30px 0 40px;
  }
  /* iOSでのデフォルトスタイルをリセット */
  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }
}
/* event.css */
.event-header {
  background: linear-gradient(
      45deg,
      rgba(255, 20, 147, 0.6),
      rgba(255, 165, 0, 0.6)
    ),
    url("img/top/event_background_01.jpg");
  background-size: cover;
  overflow: hidden;
}
.event-inner {
  margin: 0 auto;
}
.event .block-title {
  color: #fff;
}
.event .slick-banners {
  max-width: 1200px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.event .slick-banners .sp {
  display: none;
}
.slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.slick-prev {
  background: url("img/common/big_slider_prev_01.png") no-repeat;
  background-size: contain;
  width: 42px;
  height: 68px;
  left: 2%;
}
.slick-next {
  background: url(img/common/big_slider_next_01.png) no-repeat;
  background-size: contain;
  width: 42px;
  height: 68px;
  right: 2%;
}
.slick-prev-page {
  background: url("img/common/big_slider_prev_02.png");
  background-size: 92px 173px;
  width: 92px;
  height: 173px;
  left: 2%;
}
.slick-next-page {
  background: url("img/common/big_slider_next_02.png");
  background-size: 92px 173px;
  width: 92px;
  height: 173px;
  right: 2%;
}
.slick-banners-dots {
  text-align: center;
}
.slick-banners-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
  margin: 0 10px;
}
.slick-banners-dots .slick-active {
  background: #333;
}
.slick-banners-dots button {
  display: none;
}
.calendar-container-wrapper {
  margin: 70px 0;
}
.calendar-container-wrapper .slick-list {
  max-width: 1200px;
  margin: 0 auto;
}
.calendar-container-wrapper .slick-list-active {
  height: auto !important;
}
.page-calendar {
  max-width: 1200px;
  margin: 0 auto 60px;
}
.calendar-header {
  background: #fff;
  color: #f4827b;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.calendar-header .prev-calendar {
  position: absolute;
  left: 0.5rem;
  font-size: 30px;
}
.calendar-header .next-calendar {
  position: absolute;
  right: 0.5rem;
  font-size: 30px;
}
.calendar-container-toppage .prev-calendar {
  display: none;
}
.calendar-container-toppage .next-calendar {
  display: none;
}
.page-calendar .calendar-header {
  background: #000;
  color: #fff;
}
.calendar-header .month-num {
  font-size: 50px;
}
.calendar-header .month-en {
  font-size: 25px;
  margin: 0 0 0 1em;
}
.calendar {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  border-left: 2px solid #fff;
  font-weight: bold;
}
.page-calendar .calendar {
  color: #000;
  border-left: 2px solid #000;
}
.calendar .day-name {
  box-sizing: border-box;
  width: calc(100% / 7);
  text-align: center;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  letter-spacing: 0.2em;
  padding: 0.2em 0;
}
.page-calendar .calendar .day-name {
  color: #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.calendar .day {
  box-sizing: border-box;
  width: calc(100% / 7);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  letter-spacing: 0.2em;
  padding: 0.5em 0.5em 1.5em;
  min-height: 90px;
  text-align: justify;
}
.calendar .day a {
  display: block;
  margin: 0.5em 0 0;
}
.page-calendar .calendar .day {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.calendar .day .plans-open,
.calendar .day .plans-close {
  font-size: 10px;
  background: #fff;
  color: #f4827b;
  text-align: center;
  line-height: 1;
  border-radius: 6px;
  margin: 1em 0 0;
  letter-spacing: 0;
}
.page-calendar .calendar .day .plans-open,
.page-calendar .calendar .day .plans-close {
  background: #000;
  color: #fff;
}
.calendar .day .date {
  font-size: 20px;
  margin: 0 0 0.2em;
  line-height: 1;
}
.calendar .day .date_none {
  opacity: 0.4;
}
.page-calendar .calendar .w0 .date {
  color: #f55d96;
}
.page-calendar .calendar .w6 .date {
  color: #18a9df;
}
.page-calendar .calendar .holiday .date {
  color: #cc0000;
}
.calendar .day .plans {
  font-size: 12px;
}
.calendar .day .plans span {
  text-decoration: underline;
}
.slick-banners-dots {
  margin: 30px 0 0;
}
.event-banner-area {
  background: #eee;
  padding: 50px 0;
  display: none;
}
.event-banner {
  max-width: 800px;
  margin: 0 15px;
}
.event .tabbar {
  max-width: 1200px;
  margin: 50px auto 80px;
}
.event .tabbar ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #26242d;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.event .tabbar li {
  width: 25%;
}
.event .tabbar a {
  display: block;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.1em;
  padding: 1em 0;
  color: #fff;
}
.event .tabbar a.active {
  color: #f9ea4d;
}
.event .cards {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event .cards.job {
  margin-bottom: 60px;
}
.event.single .cards {
  margin: 3em auto;
}
.event .card {
  width: calc(50% - 15px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  margin: 0 0 40px;
}
.event.single .card {
  width: calc(33.333% - 15px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  margin: 0 0 40px;
}
.event .card-title {
  font-size: 22px;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 1.5em 0;
}
.event.single .card-title {
  font-size: 19px;
}
.event .card-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 30px;
}
.event .card-thumb {
  box-sizing: border-box;
  width: 55%;
  position: relative;
}
.event.single .card-thumb {
  width: 100%;
  margin-bottom: 10px;
}
.event .card-thumb-new {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  z-index: 1;
}
.event .card-thumb .zoom {
  box-sizing: border-box;
  border: 1px solid #eee;
}
.event .card-text {
  box-sizing: border-box;
  width: 45%;
  padding: 0 0 0 30px;
}
.event.single .card-text {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}
.event .card-desc {
  margin: 1em 0 0;
  line-height: 1.5;
}
.event .card-aside {
  font-weight: bold;
  margin: 1.5em 0 0;
}
.event.single .card-aside {
  font-weight: bold;
  margin: 0.5em 0 1em;
}
.event .cards .readmore-btn {
  margin: 3em auto;
  width: 250px;
  padding: 1.25em 0;
}
.event.single .cards .readmore-btn {
  margin: 1em auto 2em;
}
.contact-box {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 60px auto;
  padding-bottom: 50px;
}
.contact-box h3 {
  font-size: 22px;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 2.5em 0 1em;
}
.contact-box .message {
  line-height: 2;
  width: 75%;
  margin: 0 auto;
  text-align: justify;
}
.contact-type-3 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-type {
  width: 33%;
  border-right: 1px solid #bbb;
  padding: 0 50px;
  box-sizing: border-box;
  margin: 50px 0;
}
.contact-type:last-child {
  border-right: none;
}
.contact-type h4 {
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: center;
}
.contact-type-thumb {
  margin: 30px 0;
}
.contact-type p {
  font-size: 12px;
  line-height: 2;
  text-align: center;
}
.contact-type:first-child p {
  text-align: justify;
}
.contactus.event {
  border: 1px solid #000;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  margin-top: 60px;
  margin-bottom: 180px;
}
.contactus.event .message {
  margin-bottom: 40px;
}
.calender-exp {
  width: 1160px;
  margin: 0 auto 20px;
  color: #000;
  border: 2px solid #000;
  padding: 20px;
  line-height: 2.4;
}
.calender-exp span {
  font-weight: 700;
}
.calender-exp span.big {
  font-size: 16px;
  background-color: transparent;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .calender-exp {
    width: calc(100% - 24px);
    line-height: 2.1;
    font-size: 13px;
    padding: 10px;
  }
}
/* plans-popup */
.plans-popup-ari {
  font-size: 12px;
}
.plans-popup-open {
  text-align: center;
  cursor: pointer;
}
.plans-popup-open div,
.calender-exp span {
  background: #fff100;
  border-radius: 4px;
  text-decoration: none;
  padding: 2px 10px;
}
.plans-popup-open div {
  text-decoration: underline;
}
.w0 .plans-popup-open div,
.w6 .plans-popup-open div,
.calender-exp span.pink {
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
  color: #fff;
}
@media screen and (max-width: 768px) {
  .plans-popup-open div {
    padding: 2px 0px;
    letter-spacing: 1px;
    line-height: 1.4;
  }
}
.plans-popup-show {
  display: none;
  z-index: 2;
  position: relative;
}
.plans-popup-wrapper {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plans-popup {
  background: #fff;
  border-radius: 10px;
  max-width: 600px;
  width: 90%;
  box-sizing: border-box;
  padding: 60px;
  position: relative;
  font-size: 16px;
}
/* マロニエ祭2019 */
.\32 0191012.plans-popup-open {
  text-indent: -9999px;
}
.\32 0191012.plans-popup-open:after {
  content: "";
  display: block;
  width: 60%;
  padding-top: 60%;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/top/icon_mf2019.png)
    no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  transform: translateY(-25%);
  z-index: 2;
}
@media (max-width: 768px) {
  .contactus.event {
    padding: 20px;
    margin-bottom: 80px;
  }
  .plans-popup-open {
    font-size: 12px;
  }
  .\32 0191012.plans-popup-open:after {
    width: 80%;
    padding-top: 80%;
    transform: translateY(-30%);
  }
  .event .slick-banners .pc {
    display: none;
  }
  .event .slick-banners .sp {
    display: inherit;
  }
}
.plans-popup-close {
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
  background: #000;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 34px;
  border-radius: 20px;
  font-size: 30px;
}
.plans-popup-date {
  font-weight: bold;
  background: #f6f6f6;
  margin: 0 0 1em;
  padding: 0.5em;
}
.plans-popup-contents a {
  display: block;
}
.plans-popup-contents a span {
  text-decoration: underline;
}
.plans-popup-contents {
}
@media (max-width: 1200px) {
  .event-inner {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .calendar-container-wrapper {
    margin: 20px 0;
  }
  .calendar-header .month-num {
    font-size: 20px;
  }
  .calendar-header .month-en {
    font-size: 20px;
    margin: 0 0 0 1em;
  }
  .calendar-header {
    padding: 1em;
  }
  .page-calendar .calendar-header {
    padding: 1em 0;
  }
  .page-calendar .calendar {
    border-left: 1px solid #000;
  }
  .page-calendar .calendar .day-name {
    color: #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .page-calendar .calendar .day {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .page-calendar.single {
    width: 90%;
    margin: 0 auto;
  }
  .calendar .day {
    min-height: 60px;
  }
  .calendar .day .date {
    font-size: 12px;
    display: block;
  }
  .calendar .day .plans {
    font-size: 10px;
  }
  .event-banner-area {
    padding: 20px 0;
  }
  .event-banner {
    max-width: 330px;
    margin: 0 15px;
  }
  .event .slick-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .event .slick-banner {
    width: 100%;
    margin-bottom: 10px;
  }
  .event .slick-banners-dots {
    display: none !important;
  }
  .event .tabbar {
    margin: 30px auto 20px;
  }
  .event .tabbar ul {
    padding: 10px 0;
  }
  .event .tabbar li {
    width: 50%;
  }
  .event .tabbar a {
    font-size: 15px;
    letter-spacing: 0.01em;
    padding: 0.5em 0.2em;
  }
  .event.single .cards {
    padding: 0 5%;
  }
  .event .card,
  .event.single .card {
    width: 100%;
    margin: 0 0 20px;
  }
  .event .card-title {
    font-size: 18px;
    letter-spacing: 0;
    margin: 2.5em 0 1.5em;
  }
  .event .card-thumb {
    width: 100%;
  }
  .event .card-thumb img {
    width: 100%;
    box-sizing: border-box;
  }
  .event .card-text {
    width: 100%;
    font-size: 14px;
    padding: 0;
  }
  .event .card-desc {
    margin: 2em 0 0;
    line-height: 2;
  }
  .event .card-aside {
    font-weight: bold;
    margin: 1em 0 0;
    max-width: 90%;
  }
  .event .cards .readmore-btn {
    margin: 2.5em auto;
    width: 90%;
    padding: 1.25em 0;
  }
  .event .slick-arrow {
    top: 0;
    transform: translateY(60%);
  }
  .event .slick-prev {
    width: 15px;
    height: 30px;
    background-size: 15px 30px;
    background: url(img/common/sp_event_prev.svg) no-repeat;
  }
  .event .slick-next {
    width: 15px;
    height: 30px;
    background-size: 15px 30px;
    background: url(img/common/sp_event_next.svg) no-repeat;
  }
  .course .slick-prev {
    width: 15px;
    height: 30px;
    background-size: 15px 30px;
    background: url(img/common/sp_course_prev.svg) no-repeat;
  }
  .course .slick-next {
    width: 15px;
    height: 30px;
    background-size: 15px 30px;
    background: url(img/common/sp_course_next.svg) no-repeat;
  }
  .contact-box {
    margin: 10px auto 40px;
    padding: 0 0 20px;
  }
  .contact-box h3 {
    font-size: 14px;
    letter-spacing: 0;
    margin: 3em 0 1.5em;
  }
  .contact-box .message {
    font-size: 12px;
    line-height: 2;
    width: 90%;
  }
  .contact-type-3 {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contact-type {
    width: 100%;
    border-right: none;
    padding: 0;
    margin: 20px 0;
  }
  .contact-type h4 {
    font-size: 15px;
    letter-spacing: 0;
  }
  .contact-type-thumb {
    margin: 15px 0;
  }
  .contact-type:not(:first-child) .contact-type-thumb {
    width: 200px;
    text-align: center;
    margin: 0 auto;
  }
  .contact-type p {
    font-size: 12px;
    line-height: 2;
    text-align: center;
  }
  .contact-type:first-child p {
    text-align: justify;
  }
}
/* area
============================================================*/
.event-area-schedule-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
}
.event-area-schedule {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bbb;
  padding: 2em 0;
}
.event-area-schedule:first-child {
  border-top: 1px solid #bbb;
}
.event-area-schedule-prefecture {
  width: 25%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.event-area-schedule-date-time {
  width: 25%;
}
.event-area-schedule-date {
  font-weight: bold;
  font-size: 20px;
}
.event-area-schedule-time {
  margin: 1em 0 0;
}
.event-area-schedule-place {
  width: 50%;
}
.event-area-schedule-place-name {
  font-weight: bold;
}
.event-area-schedule-place-name {
  margin: 0 0 1em;
}
.event-area-schedule-place-address {
  margin: 0 0 1em;
}
.event-area-schedule-place-url {
  color: #0a9bbf;
}
@media (max-width: 768px) {
  .event-area-schedule {
    padding: 1em 0;
  }
  .event-area-schedule-prefecture {
    width: 100%;
    text-align: left;
    margin: 0 0 1em;
  }
  .event-area-schedule-date-time {
    width: 100%;
  }
  .event-area-schedule-time {
    margin: 0.5em 0 0;
  }
  .event-area-schedule-place {
    width: 100%;
    margin: 1em 0 0;
  }
  .event-area-schedule-place-name {
    margin: 0 0 0.5em;
  }
  .event-area-schedule-place-address {
    margin: 0 0 0.5em;
  }
}
/* weekday
============================================================*/
.event-weekday-schedule-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
}
.event-weekday-schedule {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #bbb;
  padding: 2em 0;
}
.event-weekday-schedule:first-child {
  border-top: 1px solid #bbb;
}
.event-weekday-schedule.sat {
  padding-bottom: 0;
  border-bottom: 0;
}
.event-weekday-schedule-plan {
  width: 28%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.society .event-weekday-schedule-plan {
  width: 40%;
}
.event-weekday-schedule-plan span {
  font-size: 0.72em;
  display: block;
}
.event-weekday-schedule-time {
  width: 25%;
  font-weight: bold;
  text-align: center;
}
.event-weekday-schedule-aside {
  width: 40%;
  text-align: center;
}
.event-weekday-schedule-aside a {
  margin-bottom: 10px;
}
.event-weekday-schedule.sun .event-weekday-schedule-aside {
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .event-weekday-schedule {
    padding: 1em 0;
    text-align: center;
  }
  .event-weekday-schedule-plan {
    width: 100%;
    text-align: center;
    margin: 0 0 1em;
  }
  .event-weekday-schedule-time {
    width: 100%;
  }
  .event-weekday-schedule-aside {
    width: 100%;
    margin: 1em 0 0;
    text-align: center;
  }
  .event-weekday-schedule.sun .event-weekday-schedule-aside {
    transform: translateY(0);
  }
}
/*
	weekday-benefits
*/
.weekday-benefits {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.weekday-benefits-title {
  font-size: 25px;
  line-height: 2;
  display: inline-block;
}
.weekday-benefits-lead {
  width: 90%;
  line-height: 2;
  margin: 40px auto;
}
.weekday-benefits-title:after {
  content: "";
  display: block;
  border-bottom: 0.5em solid #fe0;
  margin: -0.75em 0 0;
}
.weekday-benefits-point-wrap {
  max-width: 600px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.weekday-benefits-point {
  width: calc(100% / 2 - 3%);
  background: #fe0;
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.weekday-benefits-point-head {
  width: 40%;
  text-align: center;
}
.weekday-benefits-point-head-small {
  display: block;
}
.weekday-benefits-point-head-big {
  display: block;
  font-size: 60px;
}
.weekday-benefits-point-body {
  width: 60%;
  font-size: 18px;
  font-weight: bold;
  text-align: justify;
}
.weekday-benefits-aside {
  line-height: 2;
  margin: 40px 0;
}
.weekday-benefits-application {
  max-width: 500px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.weekday-benefits-application .readmore-btn {
  width: calc(50% - 3%);
  font-size: 13px;
}
@media (max-width: 768px) {
  .weekday-benefits-lead {
    text-align: justify;
    font-size: 13px;
  }
  .weekday-benefits-lead br {
    display: none;
  }
  .weekday-benefits-point {
    width: 100%;
    margin: 0 0 5%;
  }
  .weekday-benefits-aside {
    text-align: justify;
    font-size: 13px;
  }
  .weekday-benefits-application .readmore-btn {
    width: calc(50% - 3%);
    font-size: 12px;
  }
  .weekday-benefits-application .readmore-btn:after {
    background-size: 5px 7px;
  }
  .weekday-benefits-point-head-big {
    font-size: 40px;
  }
}
/*
	single
*/
.event-single-head {
  background: #eee;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event-single-head-thumb {
  width: 50%;
  height: 450px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.event-single-head-thumb-new {
  position: absolute;
  top: 0;
  left: 0;
}
.event-single-head-thumb-visual {
  width: 100%;
  height: 100%;
}
.event-single-head-thumb-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-single-head-text {
  width: 50%;
  font-weight: bold;
  box-sizing: border-box;
  padding: 60px;
}
.event-single-head-text-title {
  font-size: 30px;
  margin: 0 0 1em;
}
.event-single-head-text-lead {
  font-size: 20px;
  line-height: 2;
}
.event-single-head-text span {
  font-size: 0.8em;
}
.event-single-head-text a.mfbtn {
  display: inline-block;
  background: #ffd508;
  color: #fff;
  padding: 0.5em 2.5em;
  margin-top: 20px;
  position: relative;
}
.event-single-head-text a.mfbtn:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_03.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out 0s;
}
@media (max-width: 768px) {
  .event-single-head-thumb-new {
    width: 15%;
  }
}
.event-single-content {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto;
}
.event-single-content-block {
  display: flex;
  flex-wrap: wrap;
}
.event-single-content-block-thumb {
  width: 50%;
}
.event-single-content-block-text {
  width: 50%;
  box-sizing: border-box;
  padding: 4%;
}
.event-single-content-block-text-head {
  font-weight: bold;
  font-size: 18px;
}
.event-single-content-block-text-body p {
  line-height: 2;
  margin: 2em 0;
}
.event-single-aside {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event-single-aside-block {
  /* 	width: calc(50% - 2%); */
  width: 100%;
}
.event-single-aside-block-head {
  background: #e5e5e5;
  padding: 0.5em;
}
.event-single-aside-block-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2em 0;
}
.event-single-aside-block-intro-thumb {
  width: 25%;
}
.event-single-aside-block-intro-text {
  width: 70%;
}
.event-single-aside-block-intro-name-ja {
  font-size: 18px;
  font-weight: bold;
  margin: 0 1em 0 0;
}
.event-single-aside-block-intro-name-en {
  font-size: 12px;
}
.event-single-aside-block-intro-role {
  font-size: 12px;
  line-height: 2;
  margin: 2em 0 0;
}
.event-single-aside-block-message {
  line-height: 2;
  text-align: justify;
}
.event-single-aside-block-list {
  line-height: 2;
  padding: 0 0.5em;
  margin: 0.5em 0 2em;
}
.event-single-aside-block-list a {
  text-decoration: underline;
}
.event-single-cta {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto;
  box-sizing: border-box;
  border: 1px solid #bbb;
}
.event-single-cta-head {
  font-size: 20px;
  padding: 20px;
  background: linear-gradient(90deg, #ffd700, #fa8072);
}
.event-single-cta-contents-wrap {
  border: 1px solid #bbb;
  margin: 20px;
}
.event-single-cta-contents {
  border-top: 1px solid #bbb;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.event-single-cta-contents:first-child {
  border-top: none;
}
.event-single-cta-contents-head {
  width: 70%;
  box-sizing: border-box;
  padding: 30px;
  font-weight: bold;
}
.event-single-cta-contents-head-date {
  font-size: 25px;
}
.event-single-cta-contents-head-week {
  font-size: 20px;
}
.event-single-cta-contents-body {
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  border-left: 1px solid #bbb;
}
.event-single-cta-contents-body .readmore-btn {
  padding: 1em 0;
}
@media (max-width: 768px) {
  .event-single-content {
    margin: 30px auto;
  }
  .event-single-head-thumb {
    width: 100%;
  }
  .event-single-head-text {
    width: 100%;
    padding: 30px;
  }
  .event-single-head-text-title {
    font-size: 20px;
  }
  .event-single-head-text-lead {
    font-size: 15px;
  }
  .event-single-content-block-thumb {
    width: 100%;
  }
  .event-single-content-block-text {
    width: 100%;
    padding: 0;
  }
  .event-single-content-block-text-head {
    margin: 2em 0 0;
  }
  .event-single-aside {
    margin: 30px auto;
  }
  .event-single-aside-block {
    width: 100%;
  }
  .event-single-aside-block-message {
    margin: 2em 0;
    font-size: 14px;
  }
  .event-single-cta {
    margin: 30px auto;
  }
  .event-single-cta-head {
    font-size: 18px;
  }
  .event-single-cta-contents-head {
    width: 100%;
    padding: 20px;
  }
  .event-single-cta-contents-body {
    width: 100%;
    border-left: none;
    padding-top: 0;
  }
  .event-single-head-thumb {
    height: auto;
  }
}
/*
	faq
*/
.event-faq {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #000;
  margin-top: 60px;
}
.event-faq-title-wrap {
  text-align: center;
  margin: 40px 0;
  font-weight: bold;
}
.event-faq-title {
  font-size: 25px;
  line-height: 2;
  display: inline-block;
}
.sp-only {
  display: none;
}
.event-faq-title:after {
  content: "";
  display: block;
  border-bottom: 0.5em solid #fe0;
  margin: -0.75em 0 0;
}
.event-faq-lead {
  max-width: 800px;
  width: 90%;
  margin: 60px auto 20px;
  line-height: 2;
}
.event-faq-content-box {
  border: 2px solid #000;
  max-width: 800px;
  width: 90%;
  margin: 20px auto;
  box-sizing: border-box;
  padding: 20px 5%;
  line-height: 2;
}
.event-faq-content-box li {
  font-weight: bold;
  margin: 0 0 0.5em;
}
.event-faq-content-head {
  font-weight: bold;
}
.event-faq-content-head:nth-of-type(2) {
  margin-top: 40px;
}
a.readmore-btn.line {
  width: 70%;
  margin: 10px auto;
  background: #00b900;
}
/* voice */
.event-voice-page {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #000;
}
.event-voice-wrap {
  width: 100%;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event-voice {
  width: calc(50% - 2%);
  margin: 30px 0;
}
.event-voice-name {
  background: #fe0;
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.event-voice-name-inner {
  width: calc(60% - 3%);
  font-weight: bold;
}
.event-voice-profile {
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event-voice-profile-thumb {
  width: calc(40% - 3%);
  margin: -15% 0 0;
}
.event-voice-profile-text {
  width: calc(60% - 3%);
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
}
.event-voice-content {
  padding: 0 5%;
}
.event-voice-content-head {
  font-size: 19px;
  font-weight: bold;
}
.event-voice-content-body {
  font-size: 14px;
  text-align: justify;
  line-height: 2;
  margin: 1em 0 0;
}
h2.event-job-title {
  font-size: 26px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
.event-job-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 40px auto 60px;
}
.event-job-nav a {
  width: 23%;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 1em;
  position: relative;
  border-radius: 30px;
}
.event-job-nav a:after {
  content: "";
  display: block;
  width: 6px;
  height: 7px;
  border: 2px solid;
  border-color: transparent transparent #e62388 #e62388;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(-45deg);
}
.event-job-nav a:nth-child(1):after {
  border-color: transparent transparent #e62388 #e62388;
}
.event-job-nav a:nth-child(2):after {
  border-color: transparent transparent #009a53 #009a53;
}
.event-job-nav a:nth-child(3):after {
  border-color: transparent transparent #fabe00 #fabe00;
}
.event-job-nav a:nth-child(4):after {
  border-color: transparent transparent #00a0e9 #00a0e9;
}
.event-job-nav a:nth-child(1) {
  color: #e62388;
  border: 3px solid #e62388;
}
.event-job-nav a:nth-child(2) {
  color: #009a53;
  border: 3px solid #009a53;
}
.event-job-nav a:nth-child(3) {
  color: #fabe00;
  border: 3px solid #fabe00;
}
.event-job-nav a:nth-child(4) {
  color: #00a0e9;
  border: 3px solid #00a0e9;
}
.event-job-nav a:nth-child(1):hover {
  color: #fff;
  background: #e62388;
}
.event-job-nav a:nth-child(2):hover {
  color: #fff;
  background: #009a53;
}
.event-job-nav a:nth-child(3):hover {
  color: #fff;
  background: #fabe00;
}
.event-job-nav a:nth-child(4):hover {
  color: #fff;
  background: #00a0e9;
}
#j1 h2.event-job-title {
  color: #e62388;
  border-bottom: 3px solid #e62388;
}
#j2 .event-job-title {
  color: #009a53;
  border-bottom: 3px solid #009a53;
}
#j3 .event-job-title {
  color: #fabe00;
  border-bottom: 3px solid #fabe00;
}
#j4 .event-job-title {
  color: #00a0e9;
  border-bottom: 3px solid #00a0e9;
}
#j1,
#j2,
#j3,
#j4 {
  margin-top: -100px;
  padding-top: 100px;
}
h2.event-course-title {
  font-size: 26px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
h3.event-course-subtitle {
  font-size: 20px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.event-course-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 40px auto 60px;
}
.event-course-nav a {
  width: 30%;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 1em;
  position: relative;
  border-radius: 30px;
}
.event-course-nav a:after {
  content: "";
  display: block;
  width: 6px;
  height: 7px;
  border: 2px solid;
  border-color: transparent transparent #e62388 #e62388;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(-45deg);
}
.event-course-nav a:nth-child(1):after {
  border-color: transparent transparent #ff5d8b #ff5d8b;
}
.event-course-nav a:nth-child(2):after {
  border-color: transparent transparent #3397f5 #3397f5;
}
.event-course-nav a:nth-child(3):after {
  border-color: transparent transparent #66ddad #66ddad;
}
.event-course-nav a:nth-child(1) {
  color: #ff5d8b;
  border: 3px solid #ff5d8b;
}
.event-course-nav a:nth-child(2) {
  color: #3397f5;
  border: 3px solid #3397f5;
}
.event-course-nav a:nth-child(3) {
  color: #66ddad;
  border: 3px solid #66ddad;
}
.event-course-nav a:nth-child(1):hover {
  color: #fff;
  background: #ff5d8b;
}
.event-course-nav a:nth-child(2):hover {
  color: #fff;
  background: #3397f5;
}
.event-course-nav a:nth-child(3):hover {
  color: #fff;
  background: #66ddad;
}
#c1 h2.event-course-title {
  color: #ff5d8b;
  border-bottom: 3px solid #ff5d8b;
}
#c2 .event-course-title {
  color: #3397f5;
  border-bottom: 3px solid #3397f5;
}
#c3 .event-course-title {
  color: #66ddad;
  border-bottom: 3px solid #66ddad;
}
#c1 h3.event-course-subtitle {
  color: #ff5d8b;
}
#c2 h3.event-course-subtitle {
  color: #3397f5;
}
#c3 h3.event-course-subtitle {
  color: #66ddad;
}
#c1,
#c2,
#c3 {
  margin-top: -100px;
  padding-top: 100px;
}
@media (max-width: 768px) {
  .event-voice-wrap {
    margin: 0 auto;
  }
  .event-voice {
    width: 100%;
  }
  .event-voice-name {
    font-size: 12px;
  }
  .event-voice-profile-text {
    font-size: 15px;
  }
  .event-voice-content-head {
    font-size: 15px;
  }
  .event-voice-content-body {
    font-size: 12px;
  }
  .event-faq-title {
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
    line-height: 1.6;
  }
  .event-faq-lead,
  .faq-block-wrap {
    margin-top: 30px;
  }
  h2.event-course-title {
    font-size: 22px;
  }
  .event-course-nav a {
    width: 100%;
    margin-bottom: 10px;
  }
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
}
/*
	archive-day
*/
.event-archive-day {
  max-width: 1200px;
  margin: 70px auto;
  box-sizing: border-box;
  border: 2px solid #000;
  padding: 30px;
}
.event-archive-day h2.sub-title {
  text-align: center;
  font-size: 1.5em;
  padding: 3em 0 1.5em;
}
.event-archive-day .weekday-info {
  text-align: right;
}
.event-archive-day .weekday-info a {
  text-decoration: underline;
}
.event-archive-date-0 {
  color: #f55d96;
}
.event-archive-date-6 {
  color: #18a9df;
}
.event-archive-day-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-archive-day-head-dummy {
  margin: 0 0 30px;
}
.event-archive-date {
}
.event-archive-date-num {
  font-size: 60px;
}
.event-archive-date-week {
  font-size: 30px;
}
.event-archive-day-list {
  display: flex;
}
.event-archive-day-list li {
  border: 1px solid #bbb;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 0 0 0 1em;
}
.event-archive-day-list li a {
  text-decoration: underline;
}
.event-archive-contents-wrap {
  border: 1px solid #bbb;
  margin: 30px 0;
}
.event-archive-contents {
  border-top: 1px solid #bbb;
}
.event-archive-contents:first-child {
  border-top: none;
}
.event-archive-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.event-archive-contents-head {
  width: 50%;
  box-sizing: border-box;
  padding: 30px 40px;
  font-weight: bold;
  border-right: 1px solid #bbb;
}
.event-archive-contents-body {
  width: 50%;
  box-sizing: border-box;
  padding: 30px 40px;
}
.event-archive-contents-body a {
  text-decoration: underline;
}
.event-archive-contents-empty {
  box-sizing: border-box;
  padding: 5%;
}
.event-page-banner {
  text-align: center;
  width: 90%;
  margin: 60px auto 30px;
}
.event-page-banner.fandqbnr {
  text-align: center;
  width: 90%;
  max-width: 900px;
  margin: 90px auto 120px;
}
.event-page-banner.fandqbnr a {
  display: block;
  border: 5px solid #333;
  padding: 2rem 20px;
  width: calc(100% - 40px);
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  max-width: calc(900px - 50px);
}
@media (max-width: 768px) {
  .event-archive-date-num {
    font-size: 20px;
  }
  .event-archive-date-week {
    font-size: 12px;
  }
  .event-archive-day-list {
    font-size: 12px;
  }
  .event-archive-contents-empty {
    font-size: 12px;
  }
  .event-archive-day .weekday-info {
    text-align: left;
  }
  .event-archive-contents-body,
  .event-archive-contents-head {
    padding: 20px;
  }
  .event-job-nav a {
    width: 49%;
    margin-bottom: 3%;
    font-size: 16px;
  }
  h2.event-job-title {
    font-size: 22px;
  }
}
.event .recommendtit {
  margin-top: 60px;
  text-align: center;
  margin-bottom: 40px;
  font-size: 2.6em;
  color: #fff;
}
.event .recommend .card {
  width: calc(33% - 15px);
  background-color: #fff;
  text-align: center;
  box-shadow: unset;
}
.event .recommend .card-title {
  margin: 1.5em 1em;
  height: 2em;
}
.recommend .card-thumb.zoom a img {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  height: 228px;
  object-fit: cover;
}
.event .recommend .card-thumb {
  width: 90%;
  margin: 0 auto;
}
.recommend .card-thumb.zoom a {
  padding-top: 0;
}
.recommend .card-text {
  margin: 0 auto;
  width: 90%;
  padding: 0;
}
.event .recommend .readmore-btn {
  margin: 2em auto;
  width: 66%;
  padding: 1.25em 0;
}
@media (max-width: 768px) {
  .event .recommend .card {
    width: 100%;
  }
  .event .recommend .card-title {
    margin: 1em 1em 0.5em;
  }
  .event .recommend .readmore-btn {
    margin: 1.2em auto;
  }
}
/* temp.css */
.outline-lead {
  font-weight: bold;
  text-align: center;
  max-width: 800px;
  width: 90%;
  line-height: 2;
  margin: 60px auto;
}
.outline-nav-btn-area {
  max-width: 800px;
  width: 90%;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.outline-nav-btn-area .readmore-btn {
  width: calc(100% / 2 - 10px);
  margin-bottom: 10px;
}
/*
.outline-nav-btn-area .readmore-btn:after {
	transform: translate(0, -50%) rotate(90deg);
}
*/
.outline-point-wrapper {
  max-width: 1000px;
  width: 90%;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.outline-point {
  width: calc(100% / 3 - 3%);
  background: #fe0;
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.outline-point {
  margin-right: 1.5%;
}
.outline-point:last-of-type {
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .outline-point {
    margin-right: 0px;
  }
}
.outline-point-head {
  width: 40%;
  text-align: center;
}
.outline-point-head-small {
  display: block;
}
.outline-point-head-big {
  display: block;
  font-size: 60px;
  line-height: 1;
}
.outline-point-body {
  width: 60%;
  font-size: 18px;
  font-weight: bold;
}
.outline-flow {
  background: url("img/ex/outline-flow-arrow.png") center bottom no-repeat;
  background-size: 82px 24px;
  padding: 0 0 44px;
  box-sizing: border-box;
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 20px;
}
.outline-flow-inner {
  background: #eee;
  padding: 2em;
}
.outline-flow-head {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 1em;
}
.outline-flow-body {
  line-height: 2;
}
.outline-flow-red {
  color: #f00;
}
.outline-flow-fnish {
  background: #fe0;
  padding: 2em;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 20px;
}
.outline-flow-inner a {
  color: #0080c0;
}
.global-block-basic-bold-outline {
  font-weight: bold;
  font-size: 19px;
}
/******************

	ex

*******************/
.ex-downloads-btn {
  font-size: 18px;
  border-radius: 20px;
  box-sizing: border-box;
  border: 3px solid #dc1525;
  width: 80%;
  max-width: 500px;
  margin: 60px auto 100px;
  padding: 20px 20px 13px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.ex-downloads-thumb {
  width: 10%;
}
.ex-downloads-text {
  width: 80%;
}
/* 自己推薦入試 */
.entry-date {
  display: table;
  width: 100%;
}
.entry-date span {
  display: table-cell;
}
.entry-date span:nth-of-type(1) {
  width: 12.6em;
}
.entry-date span:nth-of-type(2) {
  width: 1.5em;
}
@media (max-width: 768px) {
  .entry-date {
    display: block;
    margin-bottom: 15px;
  }
  .entry-date span {
    display: inline;
  }
  .entry-date span:nth-of-type(1),
  .entry-date span:nth-of-type(2) {
    width: auto;
  }
  .ex-downloads-thumb {
    width: 20%;
    margin: 0 auto 20px;
  }
  .ex-downloads-text {
    width: 100%;
    font-size: 16px;
  }
  .outline-flow-head {
    font-size: 18px;
  }
  .ex-downloads-btn {
    margin: 40px auto;
  }
}
.ex-table {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
  font-size: 14px;
}
.ex-table th,
.ex-table td {
  padding: 1em;
  border: 1px solid #ccc;
}
.ex-table .black-table {
  background: #ddd;
}
.ex-table .gray-table {
  background: #eee;
}
.ex-table-caption {
  max-width: 1000px;
  width: 90%;
  margin: -60px auto 80px;
  font-size: 12px;
  line-height: 2;
}
/******************

	loan

*******************/
.loan-message {
  margin: 60px auto 30px;
  max-width: 800px;
  width: 90%;
  text-align: center;
}
.loan-message-lead {
  font-size: 30px;
}
.loan-message-body {
  line-height: 2;
  margin: 1em 0 0;
  font-weight: bold;
}
.loan-tel {
  max-width: 600px;
  width: 90%;
  margin: 30px auto 120px;
}
/******************

	global（pageスタイルに追加）

*******************/
.global-block-basic-w1000-col2 {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.global-block-basic-w1000 {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
}
.global-block-basic-w1200 {
  max-width: 1200px;
  width: 90%;
  margin: 80px auto;
}
.global-block-basic-bold {
  font-weight: bold;
}
@media (max-width: 768px) {
  .global-block-basic-w1200,
  .global-block-basic-w1000-col2 {
    margin: 40px auto;
  }
  .outline-lead {
    margin: 30px auto;
  }
  .outline-nav-btn-area {
    margin: 30px auto 0;
  }
  .outline-nav-btn-area .readmore-btn {
    width: 100%;
    margin: 0 0 30px;
  }
  .outline-point-wrapper {
    margin: 30px auto;
  }
  .outline-point {
    width: 100%;
    margin: 0 0 30px;
  }
  .ex-table {
    font-size: 8px;
  }
  .loan-message-lead {
    font-size: 18px;
  }
  .loan-tel {
    margin-bottom: 60px;
  }
  .global-block-basic-w1000 {
    margin: 40px auto;
  }
}
/********************

	ex-list-small

********************/
.ex-list-small-title {
  text-align: center;
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
  font-weight: bold;
}
.ex-list-small-title-main {
  display: block;
  font-size: 20px;
}
.ex-list-small-title-sub {
  display: block;
  margin: 1em 0 0;
}
.ex-list-small-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto 100px;
  border-top: 1px solid #bbb;
  font-size: 14px;
}
.ex-list-small-wrap.nb {
  border-top: none;
}
.ex-list-small {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5em;
  border-bottom: 1px solid #bbb;
}
.ex-list-small-text {
  font-weight: bold;
  width: 70%;
  text-align: left;
}
.ex-list-small-text-col1 {
  width: 100%;
}
.ex-list-small-more {
  width: 30%;
  text-align: right;
}
@media (max-width: 768px) {
  .ex-list-small-wrap {
    font-size: 12px;
  }
}
/**********************
	support
***********************/
.support-type {
  background: #eee;
  margin: 0 0 1em;
  padding: 1.5em 2em;
}
.support-type-head {
  font-size: 20px;
}
.support-type-body {
  line-height: 2;
  margin: 0.5em 0 0;
}
.support-type:nth-child(1) .support-type-head {
  color: #e62388;
}
.support-type:nth-child(2) .support-type-head {
  color: #f39800;
}
.support-type:nth-child(3) .support-type-head {
  color: #fabe00;
}
.support-type:nth-child(4) .support-type-head {
  color: #00a0e9;
}
.support-type:nth-child(5) .support-type-head {
  color: #009a53;
}
.support-flow {
  border-bottom: 1px solid #bbb;
  padding: 0 0 2em;
}
.support-flow-head {
  font-size: 20px;
  margin: 2em 0 1em;
}
.support-flow-body {
  line-height: 2;
  margin: 1em 0 0;
}
.support-flow a {
  text-decoration: underline;
  display: block;
  margin-top: 10px;
}
.support-flow:nth-child(1) .support-flow-head,
.support-flow:nth-child(1) a {
  color: #e62388;
}
.support-flow:nth-child(2) .support-flow-head,
.support-flow:nth-child(2) a {
  color: #009a53;
}
.support-flow:nth-child(3) .support-flow-head,
.support-flow:nth-child(3) a {
  color: #fabe00;
}
.support-flow:nth-child(4) .support-flow-head,
.support-flow:nth-child(4) a {
  color: #00a0e9;
}
.support-flow:nth-child(1) .support-flow-thumb {
  width: calc(100% / 6 * 5);
}
.support-flow:nth-child(2) .support-flow-thumb {
  width: calc(100% / 6 * 5);
}
.support-flow:nth-child(3) .support-flow-thumb {
  width: calc(100% / 6 * 6);
}
.support-flow:nth-child(4) .support-flow-thumb {
  width: calc(100% / 6 * 6);
}
.support-link {
  max-width: 1200px;
  width: 90%;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.support-link a {
  display: block;
  width: 24%;
  background: #26242d;
  border-radius: 3em;
  color: #fff;
  text-align: center;
  padding: 1em;
  position: relative;
  box-sizing: border-box;
}
.support-link a:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_01.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}
.industry {
  width: 30%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#support04 h5 {
  max-width: 1000px;
  width: 90%;
  margin: 40px auto;
  background: #ddd;
  font-size: 1.8em;
}
#support04 h6 {
  max-width: 1200px;
  width: 90%;
  margin: 40px auto;
  font-size: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
#support04 .global-block-basic-col2 {
  margin-top: 20px;
}
.industry h7 {
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 5px;
  display: block;
}
.industry_wrap.in01 h7 {
  color: #009a53;
}
.industry_wrap.in02 h7 {
  color: #00a0e9;
}
.industry_wrap.in03 h7 {
  color: #fabe00;
}
.entry-contents_wrap::after {
  content: "";
  display: block;
  width: 30%;
}
.entry-contents {
  width: 27%;
  margin-bottom: 80px;
}
.entry-contents img {
  margin-bottom: 10px;
}
.entry-contents a {
  display: block;
  padding: 1em;
  text-align: center;
  background: #fe0;
  font-weight: bold;
  margin: 10px 0 0;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .support-type {
    background: #eee;
    margin: 1em 0;
    padding: 1.5em 2em;
  }
  .support-type-head {
    font-size: 15px;
  }
  .support-type-body {
    font-size: 12px;
  }
  .support-flow-head {
    font-size: 15px;
  }
  .support-flow-body {
    font-size: 12px;
  }
  .support-link a {
    width: 100%;
    margin-bottom: 10px;
  }
  .industry {
    width: 100%;
  }
  .entry-contents_wrap::after {
    display: none;
  }
  .entry-contents {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .industry h7 {
    font-size: 18px;
  }
  #support04 h5 {
    font-size: 24px;
  }
}
.job-voice-wrap {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.job-voice {
  width: calc(50% - 2%);
  margin: 30px 0;
}
.job-voice-title {
  background: #fe0;
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.job-voice-title-inner {
  width: calc(50% - 3%);
}
.job-voice-role {
  font-size: 20px;
  font-weight: bold;
}
.job-voice-company {
  font-size: 14px;
  margin: 1em 0 0;
}
.job-voice-company span {
  display: block;
  font-weight: bold;
}
.job-voice-profile {
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.job-voice-profile-thumb {
  width: 200px;
  height: 200px;
  margin: -23% 0 0;
}
.job-voice-profile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.job-voice-profile-text {
  width: calc(50% - 3%);
}
.job-voice-profile-gakka {
  font-size: 14px;
  margin-top: 20px;
}
.job-voice-profile-course {
  font-size: 14px;
  margin: 0 0 1em;
}
.job-voice-profile-name {
  font-size: 18px;
  font-weight: bold;
}
.job-voice-profile-name-small {
  font-size: 12px;
  display: block;
}
.job-voice-content {
  padding: 0 5%;
}
.job-voice-content-head {
  font-size: 19px;
  font-weight: bold;
}
.job-voice-content-body {
  font-size: 14px;
  text-align: justify;
  line-height: 2;
  margin: 1em 0 0;
}
.woption {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 15vw 0;
}
.woption h3 {
  font-size: 30px;
}
.woption p {
  font-size: 16px;
  margin-top: 60px;
}
.woption a {
  text-decoration: underline;
  font-size: 18px;
  margin-top: 60px;
  display: block;
}
.job-voice-wrap.mes_com .job-voice {
  border-bottom: 1px dotted #ccc;
  position: relative;
  padding-bottom: 2em;
  margin: 2em 0 0;
}
.job-voice-wrap.mes_com .job-voice:nth-of-type(2n-1):after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 90%;
  border-right: 1px dotted #ccc;
  top: 5%;
  right: -4.5%;
}
.job-voice-wrap.mes_com .job-voice-title {
  background-color: transparent;
  padding-bottom: 0;
}
.job-voice-wrap.mes_com .job-voice-profile-gakka {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
}
.job-voice-wrap.mes_com .job-voice-profile-name span {
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0px;
  line-height: 1.4;
  display: block;
}
.job-voice-wrap.mes_com .job-voice-content-body {
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .job-voice {
    width: 100%;
  }
  .job-voice-role {
    font-size: 16px;
  }
  .job-voice-company {
    font-size: 13px;
  }
  .job-voice-profile-gakka {
    font-size: 13px;
  }
  .job-voice-profile-course {
    font-size: 13px;
  }
  .job-voice-profile-name {
    font-size: 16px;
  }
  .job-voice-content-head {
    font-size: 16px;
  }
  .job-voice-content-body {
    font-size: 13px;
  }
  .job-voice-wrap {
    margin-top: 20px;
  }
  .w404 h3 {
    font-size: 20px;
  }
  .job-voice-profile-thumb {
    width: 138px;
    height: 138px;
  }
}
/* blog.css */
.tile-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.tile-block-1 {
  height: 40vw;
}
.tile-block-2 {
  height: 20vw;
}
.tile-block-3 {
  height: 20vw;
}
.tile-block-4 {
  height: 20vw;
}
.tile-block-5 {
  height: 20vw;
}
.tile-block-6 {
  height: 20vw;
}
.tile-block-7 {
  height: 20vw;
}
.tile-block-8 {
  height: 20vw;
}
.image-tiles.top-gallery .tile-block-1 {
  height: 50vw;
}
.image-tiles.top-gallery .tile-block-3,
.image-tiles.top-gallery .tile-block-4 {
  height: 25vw;
}
@media (max-width: 768px) {
  .tile-block,
  .image-tiles.top-gallery .tile-block-1,
  .image-tiles.top-gallery .tile-block-3,
  .image-tiles.top-gallery .tile-block-4 {
    height: auto;
  }
}
/* news
============================================================*/
.blog-archive {
  background: #ededed;
  overflow: hidden;
  position: relative;
}
.news-archive {
  background: linear-gradient(90deg, #faebd7, #fffaf0);
}
.blog-archive-inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  position: relative;
}
.blog-archive-inner-top {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.blog-archive-inner-right-top {
  width: calc(100% - 300px);
}
.blog-archive-inner-left-top {
  width: 300px;
}
.blog-archive-inner-left-top .blog-archive-sidebar {
  margin: 100px 0 0;
}
.blog-archive-sidebar {
  z-index: 1;
  background: #ededed;
}
.news-archive-sidebar {
  background: none;
}
.blog-archive-sidebar-head {
  font-size: 20px;
  margin: 0 0 1em;
  line-height: 1;
  font-weight: bold;
  /*
	transform: scale(0.8, 1);
	transform-origin: top left;
	*/
}
.blog-archive-sidebar-body {
  line-height: 2;
  margin: 0 0 100px;
}
.blog-archive-sidebar-box:last-child .blog-archive-sidebar-body {
  margin: 0;
}
.blog-archive-sidebar-box {
  margin: 0 0 60px;
}
.blog-archive .cards {
  max-width: 1200px;
  margin: 100px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-archive .cards::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.blog-archive .cards::after {
  content: "";
  display: block;
  width: 23%;
}
.blog-archive .card {
  width: calc(100% / 4 - 1%);
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 20px;
}
.blog-archive .card-dummy {
  width: calc(100% / 4 - 1%);
  height: 0;
}
.blog-archive .card:nth-child(4n + 2) {
  transition-delay: 0s;
}
.blog-archive .card:nth-child(4n + 3) {
  transition-delay: 0.1s;
}
.blog-archive .card:nth-child(4n + 4) {
  transition-delay: 0.2s;
}
.blog-archive .card:nth-child(4n + 5) {
  transition-delay: 0.3s;
}
.blog-archive .card-cat {
  font-size: 12px;
  display: block;
  align-items: baseline;
}
.blog-archive .card-cat li {
  padding: 1em 0 0;
  color: #bdbcbc;
}
.blog-archive .card-cat li:last-child {
  display: none;
}
.blog-archive .card-title {
  margin: 1em 0;
  line-height: 1.5;
}
.blog-archive .card-date {
  color: #69aff9;
  font-size: 10px;
  margin-top: 0.5em;
}
@media (max-width: 768px) {
  .blog-archive .cards {
    margin: 30px auto 40px;
  }
  .blog-archive .card {
    width: 100%;
    margin: 0 0 2%;
  }
  .blog-archive .card-thumb.zoom a {
    padding-top: 132%;
  }
}
.blog-archive .card-first {
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 0 80px;
  height: auto;
  overflow: hidden;
}
.blog-archive .card-first .card-thumb {
  width: 50%;
}
.blog-archive .card-first .card-text {
  width: 50%;
  box-sizing: border-box;
  padding: 25px;
}
.blog-archive .card-first .card-new {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-archive .card-first .card-title {
  font-size: 25px;
}
.blog-archive .card-first .card-date {
  margin: 0 1em 0 0;
}
.blog-archive .card-first .card-text-bottom {
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-align: right;
}
.blog-archive-inner-under {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.blog-archive-inner-left {
  width: 25%;
}
.blog-archive-inner-left .blog-archive-sidebar {
  margin: 100px 0;
}
.blog-archive-inner-right {
  width: 70%;
}
.blog-archive-inner-right .cards {
  margin: 50px 0 0;
}
.blog-archive-inner-right .card {
  width: calc(100% / 3 - 1%);
}
.blog-archive-inner-right .card:nth-child(3n + 1) {
  transition-delay: 0s;
}
.blog-archive-inner-right .card:nth-child(3n + 2) {
  transition-delay: 0.1s;
}
.blog-archive-inner-right .card:nth-child(3n + 3) {
  transition-delay: 0.2s;
}
.blog-archive-inner-right .card-dummy {
  width: calc(100% / 3 - 1%);
  height: 0;
}
.blgo-archive-term-title {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 100px 0 0;
}
/* archive paginate */
.paginate {
  margin: 100px 0;
}
.page-numbers {
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.page-numbers li {
  display: inline-block;
  width: 24px;
  box-sizing: border-box;
  border: 2px solid #000;
}
.page-numbers .page-numbers {
  display: block;
}
.page-numbers .current {
  background: #000;
  color: #fff;
}
/* single */
.blog-single {
  background: #ededed;
}
.news-single {
  background: linear-gradient(90deg, #faebd7, #fffaf0);
}
.blog-single-inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-single-main {
  width: 70%;
}
.news-single-main {
  margin: 0 0 100px;
}
.blog-single-article {
  background: #fff;
  padding: 80px 40px 40px;
  box-sizing: border-box;
  margin: 100px 0 20px;
  position: relative;
}
.blog-single-article-vol {
  position: absolute;
  right: 0;
  top: 0;
  background: #bdbcbc;
  font-size: 10px;
  color: #fff;
  padding: 0.5em 1em;
}
.blog-single-article-title {
  font-weight: bold;
  font-size: 25px;
  border-bottom: 3px solid #000;
}
.news-single-article-title {
  font-weight: bold;
  font-size: 25px;
  border-bottom: 3px solid #000;
}
.blog-single-article-thumb {
  margin: 60px 0 0;
}
.news-single-article-thumb {
  margin: 20px 0 0;
}
.blog-single .card-cat {
  font-size: 12px;
  display: flex;
}
.blog-single .card-cat li {
  color: #bdbcbc;
}
.blog-single .card-cat li:last-child {
  display: none;
}
.blog-single .card-date {
  color: #69aff9;
  font-size: 10px;
}
.blog-single .blog-single-article-right {
  position: absolute;
  left: 40px;
  top: 25px;
}
.news-single-article-right {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}
.news-single-article-right .card-date {
  font-size: 10px;
  line-height: 1 !important;
}
.news-single-article-right .card-cat {
  font-size: 10px;
  line-height: 1;
}
.blog-single .card-date {
  line-height: 25px;
  margin: 0 1em 0 0;
}
.blog-single-article-body p {
  line-height: 2;
  margin: 0 0 3em;
}
.news-single-main .blog-single-article-body p {
  margin: 0;
}
.blog-single-article-body a {
  text-decoration: underline;
  color: #0080c0;
}
.wp_social_bookmarking_light {
  display: none;
  justify-content: center;
}
.wp_social_bookmarking_light div {
  margin: 0 10px;
}
.single-courses .wp_social_bookmarking_light_clear {
  display: none;
}
.wsbl_twitter {
  width: 75px;
}
.wsbl_line img {
  display: block;
}
.blog-single-article-body .wp_social_bookmarking_light {
  display: flex;
}
.blog-single-sub {
  width: 25%;
}
.news-single-sub {
  margin: 100px 0 0;
}
.blog-single-paginate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2% 0;
  font-weight: bold;
}
.blog-single-paginate-btn {
  width: 25%;
}
.blog-single-paginate-btn a {
  background: #000;
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
  padding: 1em 0;
}
.blog-single-paginate-btn a:after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
}
.blog-single-paginate .blog-single-paginate-btn-back a:after {
  background: url("img/common/readmore_btn_arrow_04.png") no-repeat right center;
  background-size: 10px 15px;
  left: 2em;
}
.blog-single-paginate .blog-single-paginate-btn-next a:after {
  background: url("img/common/readmore_btn_arrow_03.png") no-repeat right center;
  background-size: 10px 15px;
  right: 2em;
}
.blog-single-article-body p.blog-single-pickup-title {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 100px 0 0;
}
.blog-single-pickup .cards {
  max-width: 1200px;
  margin: 50px auto 100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-single-pickup .cards::after {
  content: "";
  display: block;
  width: 30%;
}
.blog-single-pickup .card {
  width: calc(100% / 3 - 1%);
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 20px;
}
.blog-single-pickup .card-title {
  margin: 1em 0;
  line-height: 1.5;
}
.blog-single-newpost {
  margin: 100px 0 0;
}
.blog-single-newpost-title {
  font-weight: bold;
  font-size: 25px;
  margin: 0 0 25px;
}
.blog-single-newpost .card {
  display: flex;
  background: #fff;
  margin: 0 0 20px;
}
.blog-single-newpost .card-thumb {
  width: 50%;
}
.blog-single-newpost .card-thumb a {
  position: relative;
  padding: 0;
  overflow: visible;
}
.blog-single-newpost .card-thumb a img {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-single-newpost .card-text {
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
}
.blog-single-calendar {
  background: #fff;
  margin: 100px 0;
  padding: 20px 40px 0;
}
.blog-single-calendar a {
  text-decoration: underline;
}
.blog-single-calendar caption,
.blog-single-calendar th,
.blog-single-calendar td {
  text-align: center !important;
  padding: 0.5em;
}
.blog-single-calendar td:nth-child(7n + 7) {
  color: #f55d96;
}
.blog-single-calendar td:nth-child(7n + 6) {
  color: #18a9df;
}
.oldblog {
  display: block;
  width: 80%;
  max-width: 400px;
  text-align: center;
  margin: 80px auto;
  font-weight: bold;
}
.oldblog img {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .blog-single .blog-single-article-right {
    position: static;
  }
  .blog-archive-inner-right-top {
    width: 100%;
  }
  .blog-archive-inner-left-top {
    width: 100%;
  }
  .blog-archive-inner-left-top .blog-archive-sidebar {
    margin: 0;
  }
  .blog-archive .card-first {
    margin: 0 0 10px;
    height: auto;
    display: block;
  }
  .blog-archive .card-first .card-thumb {
    width: 100%;
  }
  .blog-archive .card-first .card-text {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
  }
  .blog-archive .card-first .card-text-bottom {
    position: static;
    margin-top: 2em;
  }
  .blog-archive .card-cat {
    display: block;
  }
  .blog-archive .card-cat li {
    padding: 1em 0;
  }
  .blog-archive .card-first .card-new {
    width: 30%;
  }
  .blog-archive .card-first .card-title {
    font-size: 20px;
  }
  .blog-archive .card-first .card-text-bottom {
    bottom: 0;
  }
  .blog-archive-sidebar-fixed {
    position: relative;
  }
  .paginate {
    margin: 40px 0px;
  }
  .blog-single-article {
    margin: 40px 0 20px;
  }
  .blog-single-main {
    width: 100%;
  }
  .blog-single-article {
    padding: 20px;
  }
  .blog-single-article-thumb {
    margin: 40px 0 0;
  }
  .blog-single-pickup-title {
    margin: 40px 0 20px;
  }
  .blog-single-pickup .cards {
    margin: 40px auto;
  }
  .blog-single-paginate-btn {
    width: 40%;
  }
  .blog-single-sub {
    width: 100%;
  }
  .blog-single-newpost {
    margin: 0;
  }
  .blog-single-calendar {
    margin: 40px 0;
  }
  .blog-single-pickup .card {
    width: calc(100% / 2 - 1%);
  }
  .blog-single-pickup .card:nth-child(2n + 1) {
    transition-delay: 0s;
  }
  .blog-single-pickup .card:nth-child(2n + 2) {
    transition-delay: 0.1s;
  }
  .blgo-archive-term-title {
    margin: 40px 0 0;
  }
  .blog-archive-inner-right .cards {
    margin: 20px 0 0;
  }
  .blog-archive-inner-left .blog-archive-sidebar {
    margin: 40px 0 0;
  }
  .blog-archive-sidebar-box {
    margin: 0 0 40px;
  }
  .blog-archive-sidebar-body {
    margin: 0;
  }
  .blog-archive-inner-left {
    width: 100%;
  }
  .blog-archive-inner-right {
    width: 100%;
  }
  .blog-archive-inner-right .card {
    width: calc(100% / 2 - 1%);
  }
  .blog-archive-inner-right .card:nth-child(2n + 1) {
    transition-delay: 0s;
  }
  .blog-archive-inner-right .card:nth-child(2n + 2) {
    transition-delay: 0.1s;
  }
  .news-single-main {
    margin: 0 0 20px;
  }
  .news-single-sub {
    margin: 40px 0 0;
  }
  .blog-single-pickup .card-title {
    margin: 0.5em 0;
  }
  .news-single-article-title {
    font-size: 21px;
  }
}
/* 2021-06 renew追加文 */
.open-menu-wrap {
  height: 96%;
  padding: 2.7% 0 0;
}
.open-menu-wrap .inner {
  padding: 0;
}
.open-head {
  width: 85%;
  margin: 60px auto 20px;
}
.open-contents-wrap {
  width: 85%;
  margin: 0 auto 30px;
  display: block;
}
.open-info-wrap {
  width: 48%;
}
.open-contents-wrap .memubtns {
  width: 80%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin: 0 auto 40px;
}
.open-contents-wrap .memubtn {
  width: 48%;
}
.open-contents-wrap .memubtn.ver2 {
  width: 48%;
}
.open-contents-wrap .memubtn a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
  padding: 1.15em 0;
  border-radius: 2em;
  position: relative;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 700;
}
.open-contents-wrap .memubtn.ver2 a {
  background: linear-gradient(
    90deg,
    rgba(40, 38, 34, 0.9),
    rgba(09, 06, 00, 0.9)
  );
}
.open-contents-wrap .clm-wrap {
  width: 100%;
  margin-bottom: 30px;
}
.clm-wrap ul {
  display: flex;
  flex-flow: row wrap;
}
.clm-wrap li {
  font-size: 1.4rem;
  margin-bottom: 25px;
  width: calc(100% / 3);
}
.clm-wrap li a {
  display: block;
  width: 100%;
  position: relative;
}
.clm-wrap li a span {
  font-size: 1.2rem;
}
.clm-wrap.sub {
  border-bottom: none;
}
.clm-wrap.sub li {
  font-size: 1.1rem;
  margin-bottom: 15px;
  width: calc(100% / 4);
}
.clm-wrap.sub .info {
  display: flex;
  margin-top: 30px;
}
.clm-wrap.sub .info li {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 700;
  width: max-content;
  position: relative;
  margin-right: 40px;
}
.clm-wrap.sub .info li:after {
  content: "/";
  position: absolute;
  top: 50%;
  right: -22px;
  transform: translate(0, -50%);
}
.clm-wrap.sub .info li:last-child::after {
  content: none;
}
.clm-wrap.sub h3 {
  font-size: 1.3rem;
  margin-top: 40px;
  margin-bottom: 20px;
  background: #fe0;
  padding: 0.5em 1em;
  text-align: center;
}
.contactus-cta {
  display: flex;
  justify-content: center;
  max-width: unset;
  margin: 0 auto;
}
.contactus-cta .tomail {
  width: 70px;
  margin-right: 40px;
  text-align: center;
}
.contactus-cta .tomail span {
  font-size: 0.9rem;
}
.contactus-cta .tomail.last {
  margin-right: 0px;
}
.contactus-inner h3 {
  margin: 20px 0;
}
.contactus-inner h3:nth-of-type(2) {
  margin: 60px 0 20px;
}
.contactus {
  text-align: center;
  width: 100%;
}
.contactus .by-user,
.contactus .by-user a li {
  width: 100%;
}
.contactus .by-user {
  justify-content: center;
}
.contactus .by-user a {
  display: block;
  color: #fff;
  letter-spacing: 0.2em;
  width: 110px;
  padding: 35px 0;
  box-sizing: border-box;
  transition: opacity 1;
  text-align: center;
  position: relative;
  border-radius: 60px;
  height: 110px;
  margin-right: 30px;
}
.contactus .by-user a:hover {
  opacity: 1;
}
.contactus .by-user a:nth-child(1) {
  border: 2px solid #00b900;
  background: none;
}
.contactus .by-user a:nth-child(2) {
  background: linear-gradient(
    135deg,
    rgba(227, 176, 57, 1),
    rgba(194, 41, 105, 1),
    rgba(120, 34, 188, 1)
  );
  position: relative;
}
.contactus .by-user a:nth-child(2):before {
  background: #fff;
  content: "";
  position: absolute;
  width: 106px;
  height: 106px;
  top: 2px;
  left: 2px;
  display: block;
  border-radius: 58px;
  z-index: 0;
}
.contactus .by-user a:hover {
  opacity: 0.6;
}
.contactus .by-user a:nth-child(2) img {
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 2px);
}
.contactus .by-user a:nth-child(3) {
  background: none;
  border: 2px solid #111;
}
.contactus .by-user a:nth-child(4) {
  background: none;
  border: 2px solid #ff0000;
}
.contactus .by-user a:nth-child(5) {
  background: none;
  border: 2px solid #00aced;
}
.contactus .by-user a:nth-child(6) {
  background: none;
  border: 2px solid #3b579d;
}
.contactus .by-user a img {
  height: 38px;
}
.contactus .by-user a:after {
  content: none;
}
.contactus .by-user a:nth-child(4) img {
  height: 34px;
  padding-top: 2px;
}
.sml {
  display: none;
}
.single-item {
  z-index: 0;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
}
.single-item img {
  width: 100%;
  height: calc(100vh - 80px);
  object-fit: cover;
}
.header-background {
  z-index: 0;
  top: 80px;
  height: calc(100vh - 80px);
}
.header-top,
.header-link {
  z-index: 2;
}
.single-item .sp-only {
  display: none;
}
.clm-wrap.sub .info li:nth-child(3n) {
  margin-right: 40px;
}
@media screen and (max-width: 1080px) {
  .sml {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .single-item .pc-only {
    display: none;
  }
  .single-item .sp-only {
    display: block;
  }
  .single-item {
    top: 12vw;
    height: calc(100vh - 12vw);
  }
  .single-item img {
    height: calc(100vh - 12vw);
  }
  .header-background {
    background: url("img/top/pl_mainimg2025sp.jpg") top center;
    background-size: cover;
    top: 12vw;
    height: calc(100vh - 12vw);
  }
  .open-menu-wrap {
    padding: 4vh 0 0;
  }
  .sml {
    display: none;
  }
  .open-head .memubtns {
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .open-head .memubtn {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .open-head .memubtn.ver2 {
    width: 100%;
    margin-top: 0px;
  }
  .open-head .memubtn.ver2 a {
    padding: 1.1em 0;
  }
  .open-head .memubtn a {
    padding: 1.5em 0;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 0;
    width: 100%;
  }
  .open-head {
    width: 90%;
    margin: 50px auto 30px;
  }
  .clm-wrap ul {
    display: block;
  }
  .clm-wrap li {
    font-size: 1.2rem;
    width: 100%;
  }
  .clm-wrap li a span {
    font-size: 1rem;
  }
  .clm-wrap.sub li {
    font-size: 1rem;
    margin-bottom: 22px;
    width: 100%;
  }
  .clm-wrap.sub .info {
    display: block;
  }
  .clm-wrap.sub .info a {
    color: #7f7f7f;
  }
  .clm-wrap.sub .info li:after {
    content: none;
  }
  .clm-wrap.sub h3 {
    font-size: 0.9rem;
  }
  .contactus-cta {
    justify-content: center;
  }
  .contactus-inner h3 {
    text-align: center;
    margin-left: 0;
    margin-top: 60px;
    font-size: 0.9rem;
  }
  .contactus .by-user {
    justify-content: center;
  }
  .contactus .by-user a {
    margin-bottom: 20px;
    width: 86px;
    height: 86px;
    border-radius: 49px;
    padding: 26px 0;
    margin-right: 3%;
  }
  .contactus .by-user a img {
    height: 32px;
  }
  .contactus .by-user a:nth-child(2):before {
    width: 82px;
    height: 82px;
    border-radius: 47px;
  }
  .contactus .by-user a:nth-child(4) img {
    height: 29px;
  }
}
@media screen and (max-width: 599px) {
  .contactus .by-user a:nth-child(3) {
    margin-right: 0;
  }
  .contactus .by-user a:nth-child(6) {
    margin-right: 0;
  }
}
.single-item .slick-prev {
  background: url(img/common/big_slider_prev_03.png);
  background-size: 46px 86px;
  width: 46px;
  height: 86px;
  left: 2%;
}
.single-item .slick-next {
  background: url(img/common/big_slider_next_03.png);
  background-size: 46px 86px;
  width: 46px;
  height: 86px;
  right: 2%;
}
.single-item .slick-prev:before,
.single-item .slick-next:before {
  content: "";
}
.single-item .slick-next:hover,
.single-item .slick-next:focus {
  background: url(img/common/big_slider_next_03.png);
  background-size: 46px 86px;
  width: 46px;
  height: 86px;
  right: 2%;
}
.single-item .slick-prev:hover,
.single-item .slick-prev:focus {
  background: url(img/common/big_slider_prev_03.png);
  background-size: 46px 86px;
  width: 46px;
  height: 86px;
  left: 2%;
}
.single-item .slick-dots {
  bottom: 26px;
}
.single-item .slick-dots li button:before {
  font-size: 24px;
}
a.sp-banner {
  z-index: 2;
}
.header-news-wrap2 {
  height: 260px;
  background-color: #efefef;
  justify-content: center;
  align-items: center;
}
.header-news-wrap2 .block-title {
  margin: 30px 0 10px 80px;
  width: 100%;
}
.header-news-wrap2 .block-title-en {
  display: block;
  font-family: "Mr Dafoe", cursive;
  font-size: 64px;
  line-height: 1;
}
.header-news2 {
  width: 360px;
  margin-right: 10px;
}
.header-news2:last-of-type {
  margin-right: 0;
}
.header-news-thumb2 {
  width: 120px;
  height: 120px;
  margin: 0;
  overflow: hidden;
}
.header-news-thumb2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.header-news-text2 {
  width: 160px;
  position: relative;
}
.header-news-cat {
  line-height: 1.6;
}
.searchbox {
  width: 47%;
}
.searchbox form {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 0px auto 40px;
  justify-content: space-between;
}
.searchbox input[type="text"] {
  width: calc(68% - (2rem + 12px));
  padding: 0.4rem 1rem;
  border-radius: 8px;
  border: 2px solid #ccc;
  margin-right: 10px;
}
.searchbox button[type="submit"] {
  color: #26242d;
  background: #fff;
  border: 1px solid #26242d;
  font-weight: bold;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: relative;
  line-height: 1.7;
  border-radius: 50px;
  width: 30%;
  padding: 0.4rem 0;
}
.searchbox button[type="submit"]:hover {
  background-color: #1a1a1a;
  color: #fff;
}
.searchbox button[type="submit"]:after {
  content: none;
}
@media screen and (max-width: 768px) {
  .open-contents-wrap .memubtn {
    width: 100%;
  }
  .open-contents-wrap .memubtn.ver2 {
    width: 100%;
    margin-top: 14px;
  }
  .searchbox {
    width: 94%;
    margin: 20px auto 0;
  }
  .searchbox form {
    margin-bottom: 0;
  }
  .header-news-wrap2 {
    height: 400px;
    width: calc(100% - 40px);
    flex-flow: column;
    bottom: unset;
    top: 100vh;
    padding: 0 20px;
  }
  .header-news-wrap2 .block-title {
    margin: 20px 0;
  }
  .header-news2 {
    width: 100%;
    margin-right: 0;
  }
  .header-news2 a {
    align-items: center;
  }
  .header-news-thumb2 {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }
  .header-news-text2 {
    width: calc(100% - 120px);
    padding-left: 20px;
  }
  .searchbox form {
    width: 100%;
  }
}
.page-link-school {
  padding: 50px 0;
}
.leadbox {
  padding: 50px 0;
  background-color: #fff;
}
.pagelead {
  line-height: 2;
  text-align: center;
  color: #333;
}
.page-link-school {
  background: #fff;
}
.page-link-school .page-link-wrap .page-link .thumb {
  margin-bottom: 20px;
  width: 100%;
}
.page-link-school .page-link-wrap .page-link h2 {
  margin-bottom: 10px;
}
.page-link-school .page-link-wrap .page-link {
  width: 31%;
}
.page-link-school .page-link-wrap .page-link .readmore-btn {
  width: 80%;
  margin: 20px auto;
  padding: 1em 0;
}
@media screen and (max-width: 768px) {
  .page-link-school .page-link-wrap .page-link {
    width: 100%;
  }
  .pagelead {
    width: 90%;
    margin: 0 auto;
  }
}
.blog-archive .search .card-text {
  width: 100%;
}
.blog-archive .search .card-title {
  margin-top: 7px;
}
span.search-highlight {
  background: yellow;
}
#sb_instagram .sbi_photo {
  padding: 0;
  width: 100%;
}
/* 210908 Days キャンパス情報追加分 */
.days-oc-block {
  width: 80%;
  margin: 40px auto 0;
  text-align: center;
}
.days-oc-block .title {
  font-size: 21px;
  margin-bottom: 20px;
}
.days-oc-block .thumb {
  margin: 0 auto 20px;
  width: 380px;
}
.days-oc-block .desc {
  text-align: left;
  margin-bottom: 40px;
}
.days-oc-block .readmore-btn {
  width: 250px;
  margin: 0 auto 80px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .blog-single-article-body p.blog-single-pickup-title {
    font-size: 16px;
  }
  .blog-single-article .blog-single-pickup-title,
  .days-oc-block .title {
    font-size: 16px;
  }
  .days-oc-block {
    width: 94%;
    margin: 30px auto 0;
  }
  .days-oc-block .thumb {
    width: 60%;
  }
  .days-oc-block .desc {
    margin-bottom: 30px;
  }
  .days-oc-block .readmore-btn {
    width: 80%;
    margin: 0 auto 60px;
  }
}
/* 210909 トップ改変 */
.header-top.toponly {
  width: 100%;
  background: #fff;
  height: 79px;
  position: fixed;
  padding: 0;
}
.header-top.toponly .header-logo {
  position: absolute;
  top: 50%;
  left: 3vw;
  transform: translate(0, -50%);
}
.header-top.toponly .header-nav {
  display: flex;
}
.header-top.toponly .header-nav li {
  height: 77px;
  position: relative;
}
.header-top.toponly .header-nav li:first-child {
  width: 182px;
}
.header-top.toponly .header-nav li:last-child {
  width: 118px;
}
.header-top.toponly .header-nav li a {
  display: block;
  width: 100%;
  padding-top: calc((79px - 1.2rem) / 2);
  padding-bottom: calc((79px - 1.2rem) / 2);
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .header-top.toponly {
    height: 12vw;
    padding: 0px;
  }
  .header-top.toponly .header-nav {
    display: none;
  }
}
.wp_social_bookmarking_light div.wsbl_line {
  margin-left: 20px !important;
}
/* メニューリスト追加　10/11 */
.open-contents-wrap .clm-wrap li {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
}
.open-contents-wrap .clm-wrap li:nth-child(3n) {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .open-contents-wrap .clm-wrap li {
    width: 100%;
    margin-right: 0px;
  }
}
.open-contents-wrap .clm-wrap li ul {
  display: flex;
  flex-flow: column;
  padding-left: 20px;
  margin-top: 10px;
}
.open-contents-wrap .clm-wrap li ul li {
  width: 100%;
  margin-bottom: 3px;
  font-size: 14px;
}
.open-contents-wrap .clm-wrap li h3 {
  border-bottom: 1px solid #333;
  padding-bottom: 4px;
}
/* 2110 マロニエステップ追加分 */
.graduate-block-col1.marrostep {
  margin: 0px auto 50px;
  position: relative;
}
.marokuma {
  position: absolute;
  width: 191px;
  bottom: -174px;
  right: 0;
}
.marrostep-contentsarea {
  max-width: 1000px;
  width: 90%;
  margin: 0px auto;
}
.marrostep-service-tit {
  width: 80%;
  max-width: 900px;
  background: #85bab5;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  padding: 0.3em 0;
  border-radius: 40px;
  margin: 0 auto 30px;
}
.marrostep-service-list {
  width: 80%;
  max-width: 900px;
  margin: 0 auto 60px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.marrostep-service-list li {
  width: 30%;
  text-align: center;
}
.marrostep-service-list li h3 {
  width: 100%;
  background: #ffef00;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding: 0.15em 0;
  border-radius: 30px;
  margin-bottom: 20px;
}
.step-img {
  margin-bottom: 20px;
}
.marrostep-service-list li li {
  width: 100%;
  text-align: left;
}
.marrostep-service-list li ul {
  list-style: disc;
  display: flex;
  flex-flow: row wrap;
}
.marrostep-service-list li:last-child li {
  width: 50%;
}
.marrostep-yotei {
  color: #85bab5;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  margin-bottom: 30px;
}
.marrostep-taisyo {
  background: #e2eeed;
  padding: 30px;
  border-radius: 50px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 60%;
  max-width: 640px;
  margin: 0 auto 90px;
}
.marrostep-taisyo dt {
  color: #8f72a2;
  font-size: 30px;
  text-align: center;
  width: 20%;
}
.marrostep-taisyo dd {
  width: 80%;
  font-weight: bold;
}
.marrostep-taisyo dd span {
  font-size: 19px;
}
.marrostep-title {
  text-align: center;
  width: max-content;
  font-size: 30px;
  position: relative;
  z-index: 1;
  margin: 0 auto 40px;
}
.marrostep-title span {
  color: #ff0000;
}
.marrostep-title img {
  width: 88px;
  margin-left: 15px;
  vertical-align: middle;
}
.marrostep-title:after {
  content: "";
  background-color: #ffef00;
  width: 105%;
  position: absolute;
  z-index: -1;
  height: 22px;
  bottom: -1px;
  left: -2.5%;
}
.marrostep-title.vol1:after {
  content: "";
  background-color: #ffef00;
  width: calc(100% - 100px);
  position: absolute;
  z-index: -1;
  height: 22px;
  bottom: 23px;
  left: -1px;
}
.marrostep-flow {
  margin-bottom: 90px;
}
.marrostep-flow li {
  width: 54%;
  max-width: 600px;
  border: 3px solid #85bab5;
  border-radius: 0 30px 30px 30px;
  padding: 15px;
  position: relative;
  margin: 0 auto 50px;
  text-align: center;
  font-weight: bold;
}
.marrostep-flow li:first-child {
  position: relative;
}
.marrostep-flow li:first-child:after {
  content: "";
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/info/step2-maro-arrow.png)
    no-repeat;
  position: absolute;
  width: 28px;
  height: 15px;
  background-size: contain;
  bottom: -36px;
  left: 50%;
  transform: translate(-50%, 0);
}
.step-contents,
.step-contents .cont-1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.step-num {
  position: absolute;
  width: 52px;
  top: -27px;
  left: -27px;
}
.step-contents .cont-1,
.step-contents .cont-3 {
  width: 40%;
}
.step-contents .cont-2 {
  width: 20%;
}
.cont-1 p {
  width: 50%;
}
.cont-1 p img {
  margin-bottom: 10px;
}
.cont-1 p a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
}
.cont-1 p:first-of-type {
  width: 100%;
  margin-bottom: 10px;
}
.step-contents .btn a {
  display: block;
  width: max-content;
  border: 2px solid #333;
  padding: 0.4rem 1rem;
  border-radius: 30px;
  margin: 10px auto 0;
}
.step-contents .btn a:hover {
  border: 2px solid #333;
  background: #333;
  color: #fff;
  transition: 0.5s;
}
.marrostep-news {
  width: 80%;
  max-width: 850px;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 30px;
}
.marrostep-news li {
  width: 30%;
  margin-right: 5%;
}
.marrostep-news li:last-child {
  margin-right: 0;
}
.marrostep-news li .thumb {
  height: 148px;
  margin-bottom: 10px;
}
.marrostep-news li .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marrostep-news li .date {
  color: #85bab5;
  margin-top: 10px;
}
.btn-blue {
  margin-bottom: 150px;
}
.btn-blue a {
  display: block;
  width: 23%;
  border: 2px solid #85bab5;
  color: #85bab5;
  padding: 0.4rem 1rem;
  border-radius: 30px;
  margin: 10px auto 0;
  font-weight: bold;
  text-align: center;
}
.btn-blue a:hover {
  border: 2px solid #85bab5;
  background: #85bab5;
  color: #fff;
  transition: 0.5s;
}
.marrostep-news.member li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.marrostep-news.member {
  margin-bottom: 150px;
}
.thumb-member {
  width: 170px;
}
.member-info {
  width: calc(100% - 200px);
}
.member-info h4 {
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.member-info h4 span {
  font-size: 14px;
}
.marrostep-info {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 150px;
}
.marrostep-info span {
  font-weight: bold;
}
.shomeisho-tit {
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.marrostep-lead {
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.9;
}
.btn.shomeisho a {
  display: block;
  width: max-content;
  border: 2px solid #333;
  border-radius: 40px;
  margin: 0px auto 20px;
  font-size: 22px;
  font-weight: bold;
  padding: 0.4rem 4rem;
  min-width: 400px;
  text-align: center;
}
.btn.shomeisho a:hover {
  border: 2px solid #333;
  background: #333;
  color: #fff;
  transition: 0.5s;
}
h2.marrostep-title.sinsei {
  margin-top: 30px;
}
div.sinsei {
  max-width: 1000px;
  width: 90%;
  margin: 0px auto 40px;
}
div.sinsei h5 {
  margin-bottom: 20px;
}
div.sinsei p {
  margin-bottom: 40px;
}
div.sinsei p:last-of-type {
  margin-bottom: 80px;
}
.btn.shomeisho.ver2 {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .graduate-block-col1.marrostep {
    width: 100%;
  }
  .marokuma {
    width: 139px;
    bottom: -37px;
    right: 21px;
  }
  .marrostep-service-tit {
    width: 100%;
    font-size: 19px;
  }
  .marrostep-service-list,
  .marrostep-service-list li {
    width: 100%;
  }
  .marrostep-service-list {
    margin-bottom: 0;
  }
  .marrostep-service-list li {
    margin-bottom: 40px;
  }
  .marrostep-service-list li li {
    margin-bottom: 0;
  }
  .marrostep-service-list li ul {
    padding-left: 20px;
    width: 70%;
    margin: 0 auto 20px;
  }
  .marrostep-service-list li h3,
  .step-img {
    width: 70%;
    margin: 0 auto 20px;
  }
  .marrostep-yotei {
    font-size: 18px;
  }
  .marrostep-taisyo {
    padding: 20px;
    width: calc(100% - 40px);
    max-width: 640px;
    margin: 0 auto 60px;
  }
  .marrostep-taisyo dt,
  .marrostep-taisyo dd {
    width: 100%;
    text-align: center;
  }
  .marrostep-taisyo dt {
    margin-bottom: 10px;
  }
  .marrostep-taisyo dd span {
    font-size: 17px;
  }
  .marrostep-title {
    font-size: 19px;
  }
  .marrostep-title img {
    width: 65px;
    display: block;
    margin: 20px auto 0;
  }
  .marrostep-title.vol1:after {
    content: "";
    background-color: #ffef00;
    width: 102%;
    position: absolute;
    z-index: -1;
    height: 22px;
    bottom: 78px;
    left: -1%;
  }
  .marrostep-flow li {
    width: 75%;
  }
  .step-num {
    position: absolute;
    width: 48px;
    top: -24px;
    left: -24px;
  }
  .step-contents .cont-1,
  .step-contents .cont-2,
  .step-contents .cont-3 {
    width: 100%;
    margin-bottom: 10px;
  }
  .step-contents .cont-3 {
    margin-bottom: 0;
  }
  .marrostep-flow {
    margin-bottom: 70px;
  }
  .marrostep-news {
    width: 100%;
    flex-flow: column;
    justify-content: center;
  }
  .marrostep-news li {
    width: 80%;
    margin: 0 auto 30px;
  }
  .marrostep-news li:last-child {
    margin: 0 auto 30px;
  }
  .btn-blue a {
    width: 80%;
  }
  .btn-blue {
    margin-bottom: 70px;
  }
  .thumb-member {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .thumb-member img {
    width: 120px;
  }
  .member-info {
    width: 100%;
  }
  .member-info h4 {
    text-align: center;
  }
  .marrostep-news.member {
    margin-bottom: 60px;
  }
  .marrostep-info {
    margin-bottom: 60px;
  }
  .info-downloads-btn {
    width: 80%;
  }
  .shomeisho-tit {
    width: 90%;
    margin: 40px auto 20px;
    text-align: left;
  }
  .marrostep-lead {
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
  }
  .btn.shomeisho a {
    display: block;
    border: 2px solid #333;
    border-radius: 40px;
    margin: 0px auto 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 0.4rem 0;
    width: 86%;
    min-width: unset;
    text-align: center;
  }
  .btn.shomeisho.ver2 {
    margin-bottom: 60px;
  }
}
form.post-password-form {
  padding-top: 100px;
  padding-bottom: 30px;
  text-align: center;
}
.contact-form th.pa20 {
  padding-left: 43px;
  font-weight: normal;
  line-height: 1.7;
}
.contact-form th span.small {
  font-size: 12px;
}
.contact-form tr.no-border {
  border-bottom: none;
}
.contact-form tr.no-border th,
.contact-form tr.no-border td {
  padding-bottom: 0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.day,
input.wpcf7-form-control.wpcf7-text.day {
  width: 6em;
}
input.wpcf7-form-control.wpcf7-text.gakka {
  width: 50%;
}
.btn.shomeisho {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .contact-form th.pa20 {
    padding-left: 10px;
  }
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.day,
  input.wpcf7-form-control.wpcf7-text.day {
    margin-bottom: 10px;
    width: 4em;
  }
  .btn.shomeisho {
    margin-bottom: 80px;
  }
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
  font-size: 15px;
  padding: 0.2em 0 0.2em 1em;
  margin-right: 3px;
}
span.wpcf7-form-control-wrap {
  display: inline-block;
  position: unset;
}
td.type-area {
  display: flex;
  width: 100%;
}
td.type-area .shorui-list {
  width: 34%;
}
td.type-area .busuu {
  width: 66%;
}
.shorui-list span.wpcf7-list-item {
  display: block;
  margin-bottom: 9px;
}
.busuu .document {
  margin-bottom: 10px;
  display: flex;
}
.busuu .document span.sho-name {
  display: block;
  width: 180px;
}
.busuu .document input.wpcf7-form-control.wpcf7-text.gakka {
  width: 90%;
}
td.type-area .shorui-list input[type="checkbox"].wpcf7c-conf {
  width: 20px;
}
@media screen and (max-width: 768px) {
  td.type-area .shorui-list {
    width: 60%;
    font-size: 13px;
    letter-spacing: 0;
  }
  td.type-area .busuu {
    width: 40%;
  }
  .busuu .document {
    margin-bottom: 6px;
    display: flex;
    font-size: 13px;
    letter-spacing: 0;
  }
  .busuu .document:last-of-type {
    flex-flow: row wrap;
  }
  .busuu .document input.wpcf7-form-control.wpcf7-text.gakka {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* グランプリ2022トップ */
.event .recommend .card.mfg2022 {
  width: 80%;
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 auto 90px;
}
.cardimg-are {
  width: 45%;
  padding-right: 20px;
}
.cardtext-are {
  width: calc(55% - 20px);
}
.event .recommend .cardtext-are .card-title {
  margin: 1.5em 1em 0.5em;
  height: auto;
  padding-bottom: 0;
}
.event .recommend .cardimg-are .card-thumb {
  width: 100%;
  height: auto;
  max-height: 500px;
  margin: 0;
  background: #26e3e5;
}
.event .recommend .cardimg-are .card-thumb img {
  object-position: top;
  max-height: 500px;
  width: auto;
  height: 100%;
  margin: 0;
}
.event .recommend .cardtext-are .card-title.idx-subt-ft2 {
  margin: 0 0 20px;
}
.recommend .cardtext-are .card-text {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .event .recommend .card.mfg2022 {
    width: 100%;
    margin: 0 auto 60px;
  }
  .cardimg-are {
    width: 100%;
    padding-right: 0;
  }
  .cardtext-are {
    width: 100%;
  }
  .event .recommend .cardtext-are .readmore-btn {
    width: 100%;
  }
}
/* mfg2022-program 22.01.14  */
.program-content {
  text-align: center;
  margin-bottom: 90px;
}
.program-content h3 {
  font-size: 27px;
  margin: 40px 0 20px;
}
ul.anchor {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
ul.anchor li {
  width: 31%;
  margin-right: 3.5%;
}
ul.anchor li:last-child {
  margin-right: 0;
}
ul.anchor .snapbtn {
  padding: 0.8em 0;
  border: 2px solid #26242d;
  margin: 0;
  font-size: 17px;
  width: 100%;
}
ul.anchor .snapbtn:after {
  content: none;
}
div#sec01,
div#sec02,
div#sec03 {
  padding-top: 80px;
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.program-content .global-block-title {
  font-size: 23px;
  padding: 0.4em 5%;
}
.program-content strong {
  font-size: 2.2em;
  font-weight: bold;
  margin: 28px 0;
  display: block;
  line-height: 1;
}
.program-content .mfg2020-read {
  font-size: 17px;
  font-weight: 700;
}
.award {
  background: #efe9d4;
  max-width: 624px;
  margin: 29px auto 40px;
  width: 80%;
  padding: 15px 10px 20px;
}
.award h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
.award-staff,
ul.itemlist {
  margin: 0 auto 90px;
  text-align: left;
}
.award-staff {
  width: 90%;
}
.award-staff p {
  margin-bottom: 20px;
}
.theme-tit {
  margin: 0;
  background: #23e4e5;
  color: #fff226;
  padding: 14px 20px;
  font-size: 32px;
  line-height: 1;
  width: calc(100% - 40px);
  text-align: left;
}
.theme-tit span {
  font-size: 17px;
}
ul.collection-table {
  border-top: 2px solid #808080;
  margin: 40px auto 110px;
  width: 100%;
}
ul.collection-table li {
  border-bottom: 2px solid #808080;
  padding: 30px 0;
  text-align: left;
}
ul.collection-table li h4 {
  font-size: 22px;
}
ul.collection-table li h4 span {
  font-size: 15px;
}
ul.collection-table p.name {
  font-size: 18px;
}
ul.collection-table .faq-block-question {
  font-size: unset;
  font-weight: unset;
  display: block;
  margin: unset;
  position: relative;
}
ul.collection-table .faq-block-question:after,
.groupcategory .faq-block-question:after {
  content: "+";
  display: block;
  width: 55px;
  height: 15px;
  background: none;
  background-size: unset;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-in-out;
  font-size: 32px;
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 50%;
  text-align: center;
  padding-bottom: 40px;
}
ul.collection-table .faq-block-answer-open:after,
.groupcategory .faq-block-answer-open:after {
  content: "－";
  width: 55px;
  height: 55px;
  padding-bottom: 0px;
}
.groupcategory .faq-block-question:after,
.groupcategory .faq-block-answer-open:after {
  right: 20px;
  color: #fff226;
  border: 1px solid #fff226;
}
.faq-block-answer-open.level {
  display: block;
  padding-top: 60px;
}
.groupcategory .lead {
  width: 100%;
  text-align: left;
}
ul.collection-table .faq-block-answer {
  display: flex;
  margin: 0;
  flex-flow: row wrap;
  padding-top: 30px;
}
ul.collection-table .colecction-imgs,
ul.itemlist {
  display: flex;
  flex-flow: row wrap;
  margin: 40px auto 0;
}
ul.collection-table .colecction-imgs {
  width: 100%;
}
ul.collection-table .colecction-imgs div {
  width: 18%;
  margin-right: 2.5%;
  margin-bottom: 20px;
}
ul.collection-table .colecction-imgs div.gallery {
  width: 100%;
}
.gallery .gallery-item {
  width: 18% !important;
  margin-right: 2.5% !important;
}
.gallery .gallery-item:last-of-type {
  margin-right: 0 !important;
}
.gallery img {
  border: none !important;
}
ul.collection-table .faq-block-question:before,
ul.collection-table .faq-block-answer:before,
.groupcategory .faq-block-question:before,
.groupcategory .faq-block-answer:before {
  content: none;
}
#sec02 p.mfg2020-read,
#sec03 p.mfg2020-read {
  margin: 40px 0;
}
ul.itemlist li {
  text-align: left;
  width: 29%;
  margin-right: 6.5%;
  margin-bottom: 70px;
}
ul.collection-table .colecction-imgs div:nth-of-type(5n),
ul.itemlist li:nth-child(3n) {
  margin-right: 0;
}
p.number,
p.title {
  text-align: center;
  font-weight: 700;
  padding-bottom: 8px;
  line-height: 1.1;
  font-size: 18px;
}
p.title {
  border-bottom: 2px solid #808080;
  margin-bottom: 15px;
}
ul.itemlist p.name {
  font-weight: 700;
  font-size: 16px;
}
p.title span {
  font-size: 12px;
  font-weight: normal;
}
p.corse {
  font-size: 13px;
}
ul.itemlist .corse {
  margin-top: 20px;
}
.popup {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 150px;
}
.thumb {
  width: 43%;
}
.popup-info {
  width: 52%;
  text-align: left;
}
.staff {
  width: 100%;
  margin-top: 60px;
}
.popup-info h4 {
  font-size: 24px;
  margin-bottom: 4px;
}
.popup-info p:first-of-type {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 20px;
}
.staff h5,
.staff .name {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
.popup .readmore-btn {
  width: 350px;
  margin: 40px auto;
}
.popup .readmore-btn:after {
  content: none;
}
.groupcategory .faq-block-answer {
  flex-flow: row wrap;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .program-content {
    text-align: left;
    width: 90%;
    margin: 0 auto 60px;
  }
  #sec02 p.mfg2020-read,
  #sec03 p.mfg2020-read {
    text-align: left;
  }
  .program-content h3 {
    font-size: 22px;
  }
  ul.anchor li,
  ul.anchor li:last-child {
    width: 80%;
    margin: 0 auto 10px;
  }
  div#sec01,
  div#sec02,
  div#sec03 {
    padding-top: 64px;
  }
  .program-content strong {
    margin: 7px 0 20px;
    line-height: 1;
  }
  .award {
    width: 90%;
  }
  .award-staff,
  .popup-info,
  ul.itemlist li,
  .thumb {
    width: 100%;
  }
  ul.collection-table {
    margin: 40px auto 40px;
  }
  ul.itemlist li {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .thumb {
    margin-bottom: 20px;
  }
  .popup .readmore-btn {
    width: 90%;
  }
  .theme-tit {
    font-size: 24px;
    padding: 14px 60px 14px 20px;
    width: calc(100% - 80px);
  }
  .theme-tit span {
    font-size: 14px;
  }
  ul.collection-table .faq-block-question:after,
  .groupcategory .faq-block-question:after {
    width: 42px;
    height: 32px;
    font-size: 24px;
    padding-bottom: 9px;
    right: 10px;
  }
}
div.event-main {
  width: 100%;
  height: auto;
}
div.event-main img {
  width: 100%;
  height: auto;
}
.scevent div .snapbtn {
  margin: 60px auto 0;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 1.2em 20px;
  width: 49%;
}
@media screen and (max-width: 768px) {
  .scevent div .snapbtn {
    width: 80%;
  }
}
/* 20220328 */
.open-contents-wrap .clm-wrap li.dabble {
  width: calc((100% - 60px) / 3 * 2 + 30px);
  margin-right: 0;
}
.open-contents-wrap .clm-wrap li.dabble ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li {
  width: max-content;
  position: relative;
}
.open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li:after {
  content: "/";
  position: absolute;
  display: block;
  top: 50%;
  right: -15px;
  transform: translate(0, -50%);
}
.open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li:last-child:after {
  content: none;
}
.open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li:nth-child(3n) {
  margin-right: 30px;
}
.open-contents-wrap li.dabble h3 {
  border-bottom: none;
}
.contactus .by-user a {
  width: 85px;
  height: 85px;
  padding: 23px 0;
  margin-bottom: 10px;
}
.contactus .by-user a:nth-child(2):before {
  width: 81px;
  height: 81px;
}
.event-inner h3.block-title2 {
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .open-contents-wrap .clm-wrap li.dabble {
    width: 100%;
  }
  .open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li {
    width: 100%;
  }
  .open-contents-wrap .clm-wrap li.dabble .clm-wrap.sub ul li:after {
    content: none;
  }
  .event-inner h3 {
    margin-top: 60px;
  }
}
/* 2205 交通費補助 */
.trans-table {
  margin-bottom: 90px;
}
table.style01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.style01 th {
  padding: 10px;
  background: #e9faf9;
  border: solid 1px #bbb;
}
table.style01 td {
  padding: 10px;
  border: solid 1px #bbb;
}
.style01 thead th {
  text-align: center;
  font-weight: bold;
  background: #ddd;
}
.style-01_column1 {
  width: 15%;
}
.style-01_column2 {
  width: 15%;
}
.style-01_column3 {
  width: 55%;
}
.style01 td,
.style01 th {
  padding: 11px 15px;
  line-height: 1.4;
}
.style01 th {
  font-weight: 500;
  background: #ccc;
}
th.center,
td.center {
  text-align: center;
}
/* 2205 ao */
p.lead {
  margin: 20px 0;
  font-weight: bold;
}
.faq-block-wrap.ao {
  max-width: 1000px;
}
/* 2206 スタイリング体験 */
h2.styling-tit {
  background: #e95b9c;
  color: #fff;
  text-align: center;
  padding: 14px 0;
  margin-bottom: 40px;
  font-size: 2rem;
}
.styling-tit2 {
  font-size: 25px;
  line-height: 2;
  display: inline-block;
  font-weight: bold;
  margin: 0 auto 30px;
}
.styling-tit2:after {
  content: "";
  display: block;
  border-bottom: 0.5em solid #fe0;
  margin: -0.75em 0 0;
}
.images2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 10px 0;
}
.images2 img {
  width: 25%;
  height: auto;
}
p.disc {
  color: #6d6d6d;
  font-size: 94%;
  text-align: right;
}
.style-table {
  width: 100%;
  margin-bottom: 10px;
}
.style-table th {
  width: 40%;
  border-bottom: 1px solid #333;
  padding: 24px 10px;
  font-weight: bold;
}
.style-table td {
  width: 60%;
  border-bottom: 1px solid #333;
  padding: 24px 10px;
}
.style-time li {
  margin-bottom: 40px;
}
.style-time h4 {
  color: #e95b9c;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.style-time p,
.style-time .images {
  padding-left: 20px;
}
.style-time .images {
  display: flex;
  flex-flow: row wrap;
  margin: 20px 0;
}
.style-time .images img {
  width: 24.5%;
  margin-right: 0.5%;
  height: auto;
  margin-bottom: 5px;
}
.style-faq {
  line-height: 2;
  border-bottom: 1px solid #bbb;
  padding: 24px 10px;
}
.style-faq dt {
  font-size: 1.5rem;
  font-weight: bold;
}
.style-faq dd {
  font-weight: bold;
  color: #e95b9c;
}
p.voice {
  padding: 24px;
  border: 3px solid #fe0;
  border-radius: 20px;
}
.faqbox {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: end;
}
.faqbox .text-area {
  width: 64%;
}
.faqbox .img-area {
  width: 30%;
  height: auto;
}
p.lead a {
  color: dodgerblue;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  h2.styling-tit {
    padding: 9px 0;
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
  .images2 {
    justify-content: center;
  }
  p.disc {
    text-align: left;
  }
  .style-time h4 {
    font-size: 1.4rem;
  }
  .style-time p,
  .style-time .images {
    padding-left: 0;
  }
  .style-time .images {
    justify-content: space-around;
  }
  .style-time .images img {
    width: calc(100% / 3);
    margin-right: 0;
    height: auto;
  }
  .faqbox .text-area,
  .faqbox .img-area {
    width: 100%;
  }
  .faqbox .text-area {
    margin-bottom: 20px;
  }
  .style-faq dt {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .images2 img {
    width: 100%;
  }
}
.mix-img {
  margin-bottom: 70px;
}
.guest-box {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 90px;
}
.guest-box .img-area {
  width: 320px;
  height: 320px;
  margin-right: 60px;
}
.guest-box .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.guest-box .text-area {
  width: calc(100% - 380px);
}
.guest-box .text-area .profile {
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.guest-box .text-area .profile h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .guest-box {
    margin-bottom: 60px;
    justify-content: center;
  }
  .guest-box .img-area {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .guest-box .img-area img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: block;
  }
  .guest-box .text-area {
    width: 100%;
    margin-top: 20px;
  }
}
/* 作品ギャラリー */
.worksgallery {
  margin-top: 79px;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/top/pl_mainimg2023pc1_mono.png)
    no-repeat #111;
  background-size: cover;
  background-position: center;
}
.worksgallery:last-of-type {
  margin-bottom: 0;
}
.worksgallery .gallery-list-01 {
  width: 100vw !important;
  list-style: none;
  padding: 0;
  margin: 0;
}
.worksgallery .item {
  overflow: hidden;
  height: 20vw;
  width: 20vw;
}
.worksgallery .item.height-2w {
  height: 40vw;
}
.worksgallery .item.width-2w {
  width: 40vw;
}
.worksgallery .item img,
ul.prev_next_wrap li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 1s all;
}
.worksgallery .item img:hover,
ul.prev_next_wrap li img:hover {
  transform: scale(1.2, 1.2);
  transition: 1s all;
}
.gallery-single {
  background: #111;
}
.gallery-head {
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin-top: 79px;
  position: relative;
}
.gallery-head:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 20%;
  bottom: 0;
  background: linear-gradient(0deg, rgba(17, 17, 17, 1), rgba(17, 17, 17, 0));
}
.gallery-head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
.gallery-content {
  max-width: 920px;
  background: #fff;
  border-radius: 18px;
  margin: -200px auto 0;
  width: calc(90% - 80px);
  padding: 40px;
  position: relative;
  box-shadow: 2px 3px 8px 2px rgba(0, 0, 0, 0.1);
  min-height: 300px;
}
.gallery-tit h1 {
  font-size: 1.8rem;
}
ul.prev_next_wrap {
  width: 100%;
  display: flex;
  height: 260px;
  margin-top: 60px;
}
ul.prev_next_wrap li {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
ul.prev_next_wrap li:first-child:after {
  content: "";
  background: url(img/common/big_slider_prev_01.png) no-repeat;
  background-size: contain;
  width: 48px;
  height: 72px;
  left: 10%;
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}
ul.prev_next_wrap li:last-child:after {
  content: "";
  background: url(img/common/big_slider_next_01.png) no-repeat;
  background-size: contain;
  width: 48px;
  height: 72px;
  right: 10%;
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}
.archive-link a {
  background: #fff100;
  display: block;
  padding: 14px 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}
@media screen and (max-width: 1680px) {
  .worksgallery .item {
    height: 25vw;
    width: 25vw;
  }
  .worksgallery .item.height-2w {
    height: 50vw;
  }
  .worksgallery .item.width-2w {
    width: 50vw;
  }
}
@media screen and (max-width: 768px) {
  .worksgallery .item {
    height: 50vw;
    width: 50vw;
  }
  .worksgallery .item.height-2w {
    height: 100vw;
  }
  .worksgallery .item.width-2w {
    width: 100vw;
  }
  .gallery-head {
    height: 390px;
  }
  .gallery-tit h1 {
    font-size: 1.6rem;
  }
  .gallery-content {
    padding: 20px;
    width: 72%;
  }
}
/* 2022.10.31 */
.top-news-sec .card {
  width: 19%;
}
.top-news-sec .card:nth-child(1),
.top-news-sec .card:nth-child(2) {
  width: 49.5%;
  margin-bottom: 14px;
  display: flex;
}
.top-news-sec .card:nth-child(1) .card-thumb,
.top-news-sec .card:nth-child(2) .card-thumb {
  width: 60%;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  .top-news-sec .card {
    width: 49%;
    margin-bottom: 10px;
    padding: 10px;
  }
  .top-news-sec .card:nth-child(1),
  .top-news-sec .card:nth-child(2) {
    width: 49%;
    margin-bottom: 10px;
    display: block;
  }
  .top-news-sec .card:nth-child(1) .card-thumb,
  .top-news-sec .card:nth-child(2) .card-thumb {
    width: 100%;
    margin-right: 0;
  }
  .top-news-sec .card:first-of-type {
    width: 100%;
  }
}
/* マロニエグランプリ2023 */
.mfg2023 .timer {
  font-weight: bold;
  text-align: center;
  line-height: 2;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: end;
  margin: 10px auto 40px;
  font-size: 1.6rem;
}
.mfg2023 .timer span {
  font-size: 3.2rem;
  display: block;
  line-height: 1;
  padding: 1rem;
  margin: 5px 10px 0 14px;
}
.mfg2023.contest-oversea-wrap .title {
  margin: 8px auto 30px;
  padding: 0 20px 11px;
  border-bottom: 8px solid #000;
  display: table;
  line-height: 0.8;
}
.mfg2023.contest-oversea-wrap .title span {
  font-size: 16px;
  font-weight: bold;
}
.mfg2023.scevent.contest-oversea-wrap td {
  text-align: left;
}
.mfg2023.scevent.contest-oversea-wrap td a {
  color: #0071bb;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.1rem;
}
ul.bfg-btns {
  display: flex;
  justify-content: center;
  margin: 40px 0 50px;
  flex-flow: row wrap;
}
ul.bfg-btns li {
  margin: 0 3%;
  width: 27%;
  position: relative;
  margin-bottom: 30px;
}
ul.bfg-btns li a {
  display: block;
  text-align: center;
  width: 100%;
  color: #fff;
  background: #000;
  padding: 1.1rem 0 1.4rem;
  border-radius: 34px;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: bold;
}
ul.bfg-btns li a.red {
  background: #ec1c24;
}
ul.bfg-btns li:after {
  content: "";
  display: block;
  background: url(img/common/readmore_btn_arrow_01.png) no-repeat right center;
  background-size: 10px 15px;
  width: 10px;
  height: 15px;
  position: absolute;
  left: 50%;
  bottom: 7px;
  transform: translate(-50%, 0) rotate(90deg);
  transition: all 0.2s ease-in-out 0s;
}
ul.bfg-btns li:hover:after {
  bottom: 2px;
}
h4.moushikomi-tit {
  font-size: 1.4rem;
}
p.mousikomi {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
}
p.mousikomi span {
  font-size: 3.6rem;
}
.mfg2023 p.red {
  color: #ec1c24;
  font-weight: bold;
  margin: 10px 0 50px;
}
.mfg2023-section {
  margin: 70px 0;
}
.mfg2023-section h2 {
  font-size: 1.3em;
  margin-bottom: 40px;
  background: #fff100;
  padding: 14px 0;
}
.mfg2023-section h2 span {
  font-size: 1.1rem;
}
.mfg2023.scevent.contest-oversea-wrap #sec-01 td a {
  font-size: 1rem;
}
.mfg2023-section h3 {
  font-size: 1.3em;
  margin-bottom: 30px;
}
.mfg2023.scevent.contest-oversea-wrap table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.mfg2023.scevent.contest-oversea-wrap .mfg-time th {
  background: #e6e6e6;
  padding: 1.1rem 1em;
}
.mfg2023.scevent.contest-oversea-wrap #sec-01 td {
  text-align: center;
}
.mfg2023 .mfg-note {
  font-size: 90%;
  margin-bottom: 50px;
}
.mfg2023 #sec-02 {
  margin-top: 100px;
  margin-bottom: 150px;
}
.mfg-photos {
  display: flex;
  width: 90%;
  margin: 0 auto 40px;
  flex-flow: row wrap;
  justify-content: space-between;
}
.mfg-photos img {
  width: 49%;
  height: auto;
}
.yel-box {
  background: #fffdda;
  width: 50%;
  margin: 0 auto 40px;
  padding: 30px 10px;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.7;
}
.yel-box h4 {
  margin-bottom: 10px;
}
.yel-box p {
  margin-bottom: 10px;
}
.mfg2023 #sec-03 {
  margin-bottom: 150px;
}
.mfg2023 #sec-03 p.red {
  color: #ec1c24;
  font-weight: bold;
  margin: 0px 0 40px;
  font-size: 1.3rem;
}
.mfg2023 #sec-03 .mfg-photos img {
  width: 31%;
}
.mfg2023 #sec-03 h4 {
  margin: 40px 0 30px;
  font-size: 1.4rem;
}
.mfg-tets {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 90%;
  margin: 0 auto 70px;
}
.mfg-tets .peo {
  width: 22%;
  margin: 0 1.5%;
}
.mfg-tets .peo a,
#sec-04 h4 a {
  color: #0071bb;
  text-decoration: underline;
}
.mfg-tets .peo img {
  width: 130px;
  height: auto;
  margin-bottom: 20px;
}
.mfg2023 #sec-04 h4 {
  margin-bottom: 20px;
}
.mfg2023 #sec-04.access-map {
  width: 90%;
  margin: 30px auto 110px;
}
.mfg2023 #sec-05 p strong {
  font-size: 1.6rem;
}
.mfg2023 #sec-05 p.red {
  color: #ec1c24;
  font-weight: bold;
  margin: 20px 0 0;
}
.mfg2023 .readmore-btn:after {
  content: none;
}
.mfg2023 .sp {
  display: none;
}
.mfg2023-section .access-map {
  margin-top: 30px;
  padding-bottom: 65%;
}
.mfgform {
  margin: 70px auto;
  width: calc(74% - 20px);
  border: 10px solid #333;
  border-radius: 34px;
  padding: 8%;
  text-align: left;
}
.mfgform dl {
  display: flex;
  flex-flow: row wrap;
  padding: 14px 0;
  align-items: center;
}
.mfgform dl dt {
  font-weight: bold;
  width: 28%;
  margin-right: 2%;
}
.mfgform dl dd {
  width: 70%;
}
.mfgform dl dd input[type="text"],
.mfgform dl dd input[type="number"],
.mfgform dl dd select,
.mfgform dl dd textarea {
  width: calc(100% - 28px);
  border: 2px solid #333;
  padding: 12px;
  border-radius: 17px;
}
.mfg2023 .form-lead {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.mfgform dl.wi80 dd input {
  width: 80%;
}
.mfgform dl.wi60 dd input {
  width: 60%;
}
.mfgform dl.time {
  align-items: flex-start;
}
.mfgform dl.time span.mwform-radio-field {
  line-height: 1.7;
  display: block;
  margin-left: 0;
}
.mfgform dl.time dd label {
  display: block;
}
.mfg2023 .form-lead span.red,
.mfgform dl dt span {
  color: #ec1c24;
}
.mfgform input[type="submit"] {
  display: block;
  border: none;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 1rem 4rem;
  border-radius: 30px;
  font-size: 1.3rem;
  cursor: pointer;
}
.mw_wp_form_confirm .mfgform input[type="submit"] {
  padding: 1rem 7rem;
  margin: 40px auto 30px;
}
.mfg2023 #sec-05 p {
  font-size: 1.1rem;
  font-weight: bold;
}
.mfg2023 #sec-05 {
  margin: 70px 0 150px;
  padding-bottom: 150px;
  border-bottom: 3px solid #000;
}
.anable span.readmore-btn.mfg2022 {
  opacity: 0.4;
}
.anable span.readmore-btn.mfg2022 a {
  pointer-events: none;
}
.mw_wp_form_confirm .mfgform input.return {
  background: #a6a6a6;
  font-size: 1.1rem;
  padding: 1rem 4rem;
  margin: 0 auto;
}
.mfg2023 .mw_wp_form_complete p a {
  color: #0071bb;
  text-decoration: underline;
  margin-top: 20px;
  display: block;
}
.mfgform dl dd input.p-postal-code {
  display: inline-block;
  width: 40%;
  margin-bottom: 10px;
}
.groupcategory.mfg2023 .theme-tit {
  background: #6a58b7;
  color: #fff74d;
  font-size: 26px;
  padding: 20px;
}
.groupcategory.mfg2023 .theme-tit span {
  font-size: 15px;
  line-height: 1.5;
  display: block;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .mfg2023 .pc {
    display: none;
  }
  .mfg2023 .sp {
    display: block;
  }
  .mfg2023 p {
    text-align: left;
    word-break: break-all;
  }
  .mfg2023.contest-oversea-wrap .title {
    text-align: center;
  }
  .mfg2023.scevent.contest-oversea-wrap td,
  .mfg2023.scevent.contest-oversea-wrap th {
    text-align: left;
    border-right: none;
  }
  .groupcategory.mfg2023 .theme-tit {
    font-size: 24px;
    width: 100%;
  }
  .groupcategory.mfg2023 .theme-tit span {
    font-size: 14px;
    margin-right: 45px;
  }
  p.mousikomi {
    font-size: 1.5rem;
  }
  ul.bfg-btns {
    justify-content: space-between;
    margin: 0px 0 30px;
    align-items: flex-start;
  }
  ul.bfg-btns li {
    width: 48%;
    margin: 0 0 20px;
  }
  ul.bfg-btns li a {
    padding: 0.6rem 0 1.4rem;
    font-size: 1rem;
  }
  ul.bfg-btns li:last-child {
    width: 100%;
  }
  .mfg2023 .timer {
    font-size: 1rem;
    margin: 10px auto 0;
  }
  .mfg2023 .timer span {
    font-size: 1.6rem;
    padding: 8px;
    margin: 0 5px;
  }
  .mfg2023.scevent.contest-oversea-wrap #sec-01 td {
    text-align: left;
    padding: 14px;
    box-sizing: border-box;
  }
  .mfg2023.scevent.contest-oversea-wrap #sec-01 table {
    border-bottom: 1px solid #ddd;
  }
  .mfg2023 .sp-only {
    display: block;
  }
  .mfg2023-section p {
    text-align: left;
    font-size: 1rem;
  }
  .mfg2023-section h2 {
    font-size: 1.3em;
    margin-bottom: 20px;
    padding: 9px 0;
  }
  .mfg2023-section h3 {
    font-size: 1.2em;
    margin-bottom: 20px;
  }
  .mfg-photos {
    width: 100%;
    flex-flow: column;
  }
  .mfg-photos img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .yel-box {
    width: calc(100% - 40px);
    padding: 30px 20px;
  }
  .mfg2023 .readmore-btn {
    font-size: 0.9rem !important;
    width: 100%;
  }
  .mfg2023 #sec-02,
  .mfg2023 #sec-03 {
    margin-bottom: 70px;
  }
  .mfg2023 #sec-03 .mfg-photos {
    flex-flow: row wrap;
    width: 100%;
  }
  .mfg2023 #sec-03 p.red {
    font-size: 1.3rem;
    text-align: center;
  }
  .mfg2023 #sec-03 .mfg-photos img {
    margin: 0 2% 0 0;
  }
  .mfg2023 #sec-03 .mfg-photos img:nth-of-type(3) {
    margin-right: 0;
  }
  .mfg-tets {
    flex-flow: column;
    margin-bottom: 40px;
  }
  .mfg-tets .peo {
    width: 100%;
    margin: 0 0 30px;
  }
  .mfg-tets .peo p {
    text-align: center;
  }
  .mfg2023 #sec-05 p strong {
    font-size: 1.5em;
  }
  .mfg2023 .form-lead {
    width: 100%;
  }
  .mfgform {
    margin: 50px auto;
    width: calc(90% - 16px);
    border: 8px solid #333;
    border-radius: 30px;
    padding: 5%;
  }
  .mfgform dl dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .mfgform dl dd {
    width: 100%;
  }
  .mfgform dl dd input[type="text"],
  .mfgform dl dd input[type="number"],
  .mfgform dl dd select,
  .mfgform dl dd textarea {
    border-radius: 13px;
  }
  .mfgform dl.wi80 dd input,
  .mfgform dl.wi60 dd input,
  .mfgform dl dd input[type="text"],
  .mfgform dl dd input[type="number"],
  .mfgform dl dd textarea {
    width: calc(100% - 28px);
    font-size: 1.2rem;
  }
  .mfgform dl dd select {
    width: 100%;
    padding: 18px 10px;
  }
  .mfgform input[type="submit"] {
    font-size: 1.1rem;
  }
  .mfgform dl dd input.p-postal-code {
    display: inline-block;
    width: 60%;
  }
}
/* マロニエグランプリ2023ここまで */
/*2023.02オープンキャンパスページ*/
.opencampus-page {
  position: relative;
}
.event-faq-title2 {
  margin-top: 30px;
  font-size: 17px;
}
/* モーダル */
.modal-back {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
/* クローズボタン */
.close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 36px;
  right: 12.5%;
  cursor: pointer;
}
.close__line {
  width: 4px;
  height: 25px;
  background-color: #fff;
  border-radius: 2px;
}
.close__line001 {
  display: inline-block;
  transform: rotate(45deg);
}
.close__line002 {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transform: rotate(-45deg);
}
/* モーダル出現後のスタイル */
.modal-back.open {
  opacity: 1;
  visibility: inherit;
  z-index: 2;
}
.calendar-area {
  background: #fff;
  border-radius: 24px;
  width: 75%;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  overflow-y: scroll;
  height: 80vh;
}
.calendar-area::-webkit-scrollbar {
  display: none;
}
.modal-back .event-inner {
  padding: 20px 20px 40px;
}
.modal-back .calender-exp {
  width: calc(80% - 44px);
  margin: 0 auto 20px;
  padding: 20px;
  line-height: 2;
  font-size: 13px;
}
.modal-back .calendar-header .month-num {
  font-size: 30px;
}
.modal-back .page-calendar {
  width: 80%;
}
.modal-back .calendar .day {
  min-height: 70px;
}
.modal-back .calendar .day .date {
  font-size: 14px;
}
.modal-back .plans-popup-open div,
.modal-back .calender-exp span {
  padding: 1px 10px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .calendar-area {
    width: 96%;
    border-radius: 10px;
  }
  .modal-back .event-inner {
    padding: 10px;
    width: 94%;
  }
  .modal-back .page-calendar {
    width: 100%;
  }
  .modal-back .calendar .day {
    padding: 0.5em;
  }
  .close {
    right: calc(50% - 25px);
    z-index: 10;
  }
  .modal-back .plans-popup-open div,
  .modal-back .calender-exp span {
    padding: 1px;
    font-size: 12px;
  }
  .modal-back.open .calendar-area {
    overflow-y: scroll;
    top: 97px;
    transform: translate(-50%, 0);
    height: 80vh;
  }
  .modal-back .calender-exp {
    width: 87%;
  }
}
.mordal-btn .btn {
  margin: 50px auto 60px;
  width: 290px;
}
.mordal-btn .btn a {
  display: block;
  width: 100%;
  padding: 16px 0;
  text-align: center;
  color: #000;
  border: 3px solid #000;
  border-radius: 38px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
}
.cards-bg {
  background: #fff100;
  padding: 60px 0;
}
.tab-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 980px;
  margin: 0 auto 60px;
  align-items: center;
}
.tab-list-item {
  text-align: center;
  flex: 0 0 23.5%;
  background-color: #000;
  padding: 14px 0;
  color: #fff;
  font-weight: bold;
  border-radius: 38px;
  cursor: pointer;
}
.tab-list-item:nth-of-type(2),
.tab-list-item:nth-of-type(3) {
  padding: 28px 0;
}
.tab-list-item.active {
  background-color: #fff;
  color: #000;
  position: relative;
}
li.tab-list-item.active:after {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background: url(img/event/tab-arrow.png) no-repeat;
  background-size: contain;
  bottom: -32px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tab-contents-item {
  display: none;
}
.tab-contents-item.show {
  display: block;
}
.support-info {
  border: 2px solid #eee;
  box-sizing: border-box;
  max-width: 980px;
  padding-top: 30px;
  margin: 60px auto;
  border-radius: 20px;
  text-align: center;
  padding: 30px;
}
.support-info h3 {
  margin-bottom: 20px;
}
.event .card {
  width: 100%;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  background: #fff;
}
.event .card-thumb {
  width: 40%;
}
.event .card-text {
  width: 60%;
  padding: 0 0 0 60px;
  text-align: left;
}
.event .card-content {
  padding: 30px;
}
.event .card-title {
  text-align: left;
  margin: 0 0 5px;
  font-size: 24px;
}
.event .card-aside {
  background: #fff9c7;
  padding: 10px;
  display: flex;
  flex-flow: wrap;
  width: max-content;
}
.event .card-aside span {
  display: block;
  position: relative;
  margin-right: 20px;
  width: max-content;
}
.event .card-aside span:after {
  content: "/";
  position: absolute;
  display: block;
  right: -14px;
  top: 50%;
  transform: translate(0, -50%);
}
.event .card-aside span:last-of-type {
  margin-right: 0;
}
.event .card-aside span:last-of-type:after {
  content: none;
}
.card-cat {
  font-size: 13px;
  color: #858585;
}
.event .card-thumb-new {
  left: -20px;
  top: -20px;
  width: 58px;
}
.catelist {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 60px;
}
.upimg {
  position: absolute;
}
.upimg.child-01 {
  width: 240px;
  top: -50px;
  left: 10%;
}
.upimg.child-02 {
  width: 280px;
  top: 120px;
  right: 6%;
}
.upimg.child-03 {
  width: 160px;
  top: -90px;
  right: 16%;
}
.oc-archive-btn {
  margin: 60px auto 120px;
  width: 290px;
  font-size: 16px;
}
.tab-contents-item.tabs {
  text-align: center;
}
.tab_item {
  line-height: 2.2;
  font-size: 16px;
  font-weight: bold;
  margin: 0 8px;
  padding: 4px 10px;
  border-radius: 30px;
}
input[name="tab_item"] {
  display: none;
}
input[name="tab_item2"] {
  display: none;
}
.tab_content {
  display: none;
  overflow: hidden;
}
#all:checked ~ #all_content,
#course:checked ~ #course_content,
#work:checked ~ #work_content {
  display: block;
}
#all2:checked ~ #all2_content,
#visit:checked ~ #visit_content,
#online:checked ~ #online_content {
  display: block;
}
#all_content {
  margin-top: 40px;
}
#all2_content,
#visit_content,
#online_content {
  margin-top: 40px;
}
.tabs input:checked + .tab_item {
  background: #fff;
}
.tabs input:checked + .tab_item2 {
  background: #fff;
}
.event .tab-contents .event-course-nav,
.event .tab-contents .event-job-nav {
  margin: 40px auto 60px;
}
.event .tab-contents .event-course-nav a,
.event .tab-contents .event-job-nav a {
  padding: 12px;
  border-radius: 30px;
  color: #fff;
}
.event .tab-contents .event-course-nav a:nth-child(1) {
  background-color: #ff5d8b;
  border: none;
}
.event .tab-contents .event-course-nav a:nth-child(2) {
  background-color: #3397f5;
  border: none;
}
.event .tab-contents .event-course-nav a:nth-child(3) {
  background-color: #66ddad;
  border: none;
}
.event .tab-contents .event-job-nav a:nth-child(1) {
  background-color: #e62388;
  border: none;
}
.event .tab-contents .event-job-nav a:nth-child(2) {
  background-color: #009a53;
  border: none;
}
.event .tab-contents .event-job-nav a:nth-child(3) {
  background-color: #e8670f;
  border: none;
}
.event .tab-contents .event-job-nav a:nth-child(4) {
  background-color: #00a0e9;
  border: none;
}
.event .tab-contents #c1 h2.event-course-title,
.event .tab-contents #c2 h2.event-course-title,
.event .tab-contents #c3 h2.event-course-title,
.event .tab-contents #j1 h2.event-job-title,
.event .tab-contents #j2 h2.event-job-title,
.event .tab-contents #j3 h2.event-job-title,
.event .tab-contents #j4 h2.event-job-title {
  border-bottom: none;
}
.event .tab-contents #c2 h3.event-course-subtitle,
.event .tab-contents #c3 h3.event-course-subtitle {
  color: #000;
}
.event .tab-contents #j3 .event-job-title {
  color: #e8670f;
}
.event .tab-contents .event-job-nav a:nth-child(3):after {
  content: none;
}
.home .event .card-text {
  width: 90%;
  padding: 0;
}
.home .event .card-title {
  font-size: 22px;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 1.5em 0;
}
@media screen and (max-width: 768px) {
  .support-info,
  .tab-list,
  .tab-contents {
    width: 90%;
  }
  .tab-contents {
    margin: 0 auto;
  }
  .tab-list {
    margin: 0 auto 30px;
  }
  .tab-list-item {
    flex: 0 0 23%;
    padding: 16px 0px;
    margin-bottom: 25px;
    border-radius: 15px;
    font-size: 13px;
  }
  .event .card-content {
    padding: 20px;
  }
  .event .card-thumb {
    width: 100%;
    margin-bottom: 20px;
  }
  .event .card-text {
    width: 100%;
    padding-left: 0;
  }
  .event .card-desc {
    margin: 10px 0 0;
  }
  .event .card-thumb-new {
    left: -10px;
    top: -10px;
  }
  .upimg.child-01 {
    width: 90px;
    top: -60px;
    left: 5px;
  }
  .upimg.child-02 {
    width: 100px;
    top: 200px;
    right: 7px;
  }
  .upimg.child-03 {
    width: 100px;
    top: -110px;
    right: 4px;
  }
  .event-faq-title2 {
    font-size: 15px;
  }
  .mordal-btn .btn {
    width: 240px;
  }
  .event .tab-contents .event-course-nav,
  .event .tab-contents .event-job-nav {
    margin: 40px auto;
  }
  .event .tab-contents .card-aside {
    width: 92%;
  }
}
@media screen and (max-width: 320px) {
  .upimg.child-01 {
    width: 70px;
  }
  .upimg.child-02 {
    width: 80px;
  }
  .upimg.child-03 {
    width: 70px;
    top: -75px;
  }
}
/*2023　選ばれる理由　*/
.page-main-title.reason_23 {
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_01.jpg)
    no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 72vh;
  min-height: 860px;
  position: relative;
  color: #595757;
}
.page-main-title.reason_23:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 72vh;
  width: 50%;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_02.png)
    no-repeat;
  background-size: contain;
  background-position: left top;
}
.page-main-title.reason_23:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  height: 36vh;
  width: 50%;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_04.png)
    no-repeat;
  background-size: contain;
  background-position: right center;
}
.reason_23_tit_box {
  position: absolute;
  top: 20%;
  color: #595757;
  left: 5%;
  z-index: 2;
}
.reason_23_tit_box h1 {
  font-size: 3.6rem;
  line-height: 1.4;
  margin-bottom: 30px;
}
.reason_23_tit_box p {
  font-size: 1.15rem;
  font-weight: bold;
  color: #3e3a39;
  line-height: 1.8;
}
.reason_23_tit_box:before {
  content: "";
  position: absolute;
  display: block;
  top: -60px;
  left: 30px;
  height: 36vh;
  width: 160%;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_05.png)
    no-repeat;
  background-size: contain;
  background-position: left top;
  z-index: -1;
}
.reason_23_wrap {
  max-width: 1180px;
  margin: 120px auto;
}
.reason_block {
  background: #fff;
  padding-bottom: 90px;
}
.reason_block:last-of-type {
  width: 100%;
}
.reason_block .img-area {
  position: relative;
}
.reason_block .img-area img:first-of-type {
  width: 100%;
  height: auto;
}
.reason_block .pt {
  position: absolute;
  top: 0;
  left: 0;
  width: 31%;
  max-width: 260px;
  height: auto;
}
.reason_block:nth-of-type(2n) .pt {
  left: unset;
  right: -1px;
}
.reason_block .text-area {
  padding: 40px 5% 0;
  text-align: center;
}
.reason_block:nth-of-type(2n) .text-area {
  padding: 60px 5% 0;
}
.reason_block h2 {
  font-size: 2.4rem;
  margin-bottom: 40px;
  position: relative;
}
.reason_block h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom: 8px solid #fff100;
  width: 54px;
}
.reason_block .text-area p {
  line-height: 1.7;
  margin-bottom: 60px;
}
.reason_block .text-area .readmore-btn {
  max-width: 420px;
  margin: 0 auto 20px;
  font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
  .opencampus-page .event-faq-title:after {
    margin: -0.75em auto 0;
    width: 77%;
  }
  .page-main-title.reason_23 {
    background: none;
    width: 100%;
    height: auto;
    min-height: unset;
  }
  .page-main-title.reason_23:before,
  .page-main-title.reason_23:after {
    content: none;
  }
  .page-main-title.reason_23 .img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-main-title.reason_23 .img:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_02.png)
      no-repeat;
    background-size: contain;
    background-position: left top;
  }
  .page-main-title.reason_23 .img:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 50%;
    width: 50%;
    background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/program/reason_23_04.png)
      no-repeat;
    background-size: contain;
    background-position: right center;
  }
  .reason_23_tit_box {
    position: relative;
    top: unset;
    left: unset;
    width: 90%;
    margin: 30px auto 0;
    z-index: 0;
  }
  .reason_23_tit_box:before {
    content: none;
  }
  .reason_23_tit_box h1 {
    font-size: 30px;
  }
  .reason_23_tit_box p {
    font-size: 1.1rem;
  }
  .reason_23_wrap {
    margin: 60px auto;
  }
  .reason_block {
    width: 100%;
    padding-bottom: 60px;
  }
  .reason_block h2 {
    font-size: 22px;
  }
  .reason_block .text-area p {
    margin-bottom: 40px;
    text-align: left;
  }
  .reason_block:nth-of-type(2n) .text-area {
    padding: 40px 5% 0;
  }
}
.mfgform dl.day-select dd select {
  width: 25%;
}
.mfgform dl dd .sta-name input[type="text"] {
  width: 45%;
  margin-bottom: 5px;
}
.mfgform dl dd span.ar {
  display: block;
  padding-left: 30px;
}
p.event-faq-title.station {
  width: max-content;
}
p.event-faq-title.station:after {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mfgform dl.day-select dd select {
    width: 70%;
    margin-bottom: 10px;
  }
  .sta-radio span.mwform-radio-field {
    display: block;
    margin-left: 0 !important;
    padding: 0;
  }
  .mfgform dl dd .sta-name input[type="text"] {
    width: 78%;
  }
}
/* 2023 学科コース */
.course-parent {
  position: relative;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/course/fc/fc-23-06.png)
    no-repeat;
  background-size: cover;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 70px;
  margin-top: -1px;
  overflow: hidden;
}
.course-par-thumb {
  width: 56%;
  position: relative;
}
.fadein .course-par-thumb {
  width: 62%;
}
.course-par-thumb h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 46%;
}
.course-tit {
  color: #fff;
  font-size: 32px;
  text-align: center;
  width: 100%;
  margin: 40px 0;
}
.course-desc {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 60px;
  width: 100%;
}
.works-box {
  position: absolute;
  background: url(img/course/fc/fc-23-07.png) no-repeat;
  background-size: contain;
  width: 340px;
  height: 340px;
  bottom: -60px;
  right: -60px;
  color: #fff;
}
.works-box h3 {
  text-align: center;
  padding: 68px 54px 0 50px;
  font-size: 18px;
}
.works-box ul {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 20px 64px 0 60px;
}
.works-box ul li {
  width: 50%;
  margin-bottom: 5px;
}
.works-box ul li img {
  vertical-align: middle;
}
.works-box ul li.w100 {
  width: 100%;
}
.works-box ul li.rg {
  text-align: right;
  padding-right: 50px;
}
.course-par-text {
  width: 36%;
  padding: 0 5% 0 2%;
}
.fadein .course-par-text {
  width: 32%;
  padding: 0 3% 0 2%;
}
.course-par-text h2 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 60px;
  position: relative;
}
.course-par-text ul {
  margin-bottom: 60px;
}
.course-par-text .readmore-btn {
  font-size: 18px;
  font-weight: 700;
}
.course-parent .course-par-text .course-all-text-list li {
  position: relative;
}
.course-par-text .corse-sub-box {
  position: absolute;
  border: 3px solid #2eb6aa;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  width: 86%;
  top: 70%;
  right: 0px;
}
.course-par-text .corse-sub-box a {
  background: transparent;
}
.course-par-text .corse-sub-box h4 {
  color: #2eb6aa;
  font-size: 22px;
  display: block;
  width: 100%;
}
.course-parent .course-par-text .course-all-text-list li img {
  max-width: 500px;
  width: 90%;
  height: auto;
}
.course-parent .points {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  justify-content: center;
}
.course-parent .points div {
  width: 29%;
  margin: 0 2% 20px;
}
.course-parent .points div p {
  margin-top: 20px;
  font-weight: 700;
}
.corsebtn {
  width: 88%;
  max-width: 540px;
  margin: 20px auto 0;
  padding: 0 0 90px;
}
.course-par-text .course-all-text-list-fc a:after {
  background: url(img/course/fc/fc-23-14.png) no-repeat center center;
  background-size: contain;
}
.course-parent.fb .course-par-text .course-all-text-list-fc a:after {
  background: url(img/course/fb/fb-23-13.png) no-repeat center center;
  background-size: contain;
}
.course-parent.fm .course-par-text .course-all-text-list-fc a:after {
  background: url(img/course/fm/fm-23-10.png) no-repeat center center;
  background-size: contain;
}
.course-parent.fb {
  background: url(img/course/fb/fb-23-12.png) no-repeat;
  background-size: cover;
}
.course-parent.fm {
  background: url(img/course/fm/fm-23-12.png) no-repeat;
  background-size: cover;
}
.course-parent.fb .works-box {
  background: url(img/course/fb/fb-23-14.png) no-repeat;
  background-size: contain;
  color: #00a5e1;
  width: 360px;
  height: 360px;
}
.course-parent .card-title-aside-fc {
  color: #2eb6aa;
}
.course-parent .card-title-schedule-fc {
  background: #2eb6aa;
}
.course-parent.fb .works-box ul,
.course-parent.fm .works-box ul {
  justify-content: flex-start;
  padding: 10px 58px 0 80px;
}
.course-parent.fb .works-box ul li,
.course-parent.fm .works-box ul li {
  width: max-content;
  margin-right: 5px;
}
.course-parent.fb .works-box ul li.w100,
.course-parent.fm .works-box ul li.w100 {
  width: 100%;
}
.course-parent.fm .course-par-text h2 {
  color: #e86d8e;
  margin-bottom: 0;
}
.course-parent.fm .works-box {
  position: relative;
  background: url(img/course/fm/fm-23-03.png) no-repeat;
  background-size: contain;
  width: 660px;
  height: 420px;
  top: 0;
  right: 5%;
}
.course-parent.fm .works-box h3 {
  text-align: left;
  padding: 89px 0 0 146px;
}
.course-parent.fb .course-par-text .corse-sub-box h4 {
  color: #00a5e1;
}
.course-parent.fm .course-par-text .corse-sub-box h4 {
  color: #eb6d8e;
}
.course-parent.fm .corse-img {
  width: 150%;
  max-width: unset;
}
.course .course-parent .cards-course .card-text {
  background: #fff;
}
.gakka-big-lead {
  flex-flow: row-reverse;
  margin-top: 0;
  align-items: flex-start;
}
.gakka-big-lead .slide-thumb {
  text-align: right;
}
.gakka-big-lead .slide-thumb img {
  width: 100%;
}
.course .gakka-big-lead .slide-text {
  padding: 40px 100px 0 0;
}
.course .gakka-big-lead .slide-text h4 {
  font-size: 18px;
  margin-bottom: 20px;
}
.department-details-box {
  margin: 2.5em 0;
}
.slick-slide img.sp-only {
  display: none;
}
@media screen and (max-width: 1680px) {
  .course-parent.fm .corse-img {
    width: 160%;
  }
}
@media screen and (max-width: 1530px) {
  .course-par-text h2 {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .course-parent.fm .corse-img {
    width: 180%;
  }
  .course-parent.fm .works-box {
    right: 12%;
  }
}
@media screen and (max-width: 768px) {
  .course-parent {
    align-items: flex-start;
  }
  .course-par-thumb,
  .course-par-text {
    width: 100%;
  }
  .fadein .course-par-thumb {
    width: 100%;
  }
  .course-par-thumb h2 {
    width: 86%;
    left: -30px;
  }
  .course-tit {
    text-align: left;
    font-size: 18px;
    margin: 40px auto 20px;
  }
  .course-desc {
    color: #fff;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    margin: 0 auto 40px;
  }
  .works-box,
  .course-parent.fb .works-box,
  .course-parent.fm .works-box {
    position: relative;
    background: none;
    background-size: unset;
    width: 90%;
    height: auto;
    top: unset;
    right: unset;
    margin: 0 auto;
  }
  .works-box h3,
  .course-parent.fb .works-box h3,
  .course-parent.fm .works-box h3 {
    padding: 20px 0 0;
    font-size: 16px;
    text-align: left;
  }
  .works-box ul,
  .course-parent.fb .works-box ul,
  .course-parent.fm .works-box ul {
    padding: 10px 0 0;
  }
  .course-parent.fb .works-box ul li,
  .course-parent.fm .works-box ul li {
    width: 50%;
    margin-right: 0;
  }
  .works-box ul li.rg,
  .course-parent.fb .works-box ul li.rg,
  .course-parent.fm .works-box ul li.rg {
    padding-right: 0;
  }
  .course-parent .points {
    margin: 30px 0 40px;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .course-parent .points div {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  .course-parent .points div img {
    width: 80px;
    height: auto;
    margin-right: 10px;
  }
  .course-parent .points div p {
    width: calc(100% - 90px);
    text-align: left;
  }
  .course-parent .course-par-text {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  .course-parent .course-par-text .course-all-text-list {
    width: 100%;
    margin: 40px 0 70px;
  }
  .course-par-text h2 {
    font-size: 18px;
    margin: 20px 0;
  }
  .course-parent .course-par-text .course-all-text-list li img {
    width: 100%;
    border-radius: 17px 17px 0 0;
  }
  .course-parent .course-par-text .course-all-text-list li a {
    padding: 20px;
  }
  .course-par-text .corse-sub-box h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .course-par-text .corse-sub-box,
  .course-parent.fb .course-par-text .corse-sub-box,
  .course-parent.fm .course-par-text .corse-sub-box {
    position: static;
    border: unset;
    border-radius: 0;
    background: none;
    width: 100%;
    top: unset;
    right: unset;
    margin-left: 0;
    margin-top: 0;
  }
  .course-par-text .course-all-text-list-fc a:after {
    content: none;
  }
  .corse-img.sp-only {
    height: 62vh;
    width: 100%;
    object-fit: cover;
    object-position: left;
  }
  .course-parent.fm .course-par-text h2 {
    color: #fff;
  }
  .gakka-big-lead {
    flex-flow: column;
  }
  .course .gakka-big-lead .slide-text {
    padding: 0;
  }
  .gakka-big-lead .slide-thumb img {
    width: 95%;
  }
  .slick-slide img.pc-only {
    display: none;
  }
  .slick-slide img.sp-only {
    display: block;
  }
}
/* 2023 OC新着情報　*/
.oc-news-section {
  width: 780px;
  margin: 30px auto 60px;
}
.oc-news-section h3 {
  font-size: 1.75rem;
  margin-bottom: 10px;
}
.oc-news-section span.date {
  display: inline-block;
  margin-right: 10px;
  width: 85px;
}
ul.whatsnew-list li {
  padding: 14px 0;
  border-bottom: 1px solid #ccc;
}
ul.whatsnew-list li a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .oc-news-section span.date {
    display: block;
  }
  .oc-news-section {
    width: 90%;
    margin: 30px auto 60px;
  }
}
/* 2023 トップメイン下リンク集・学祭マロウィーンページ　*/
.top-underlins {
  background: linear-gradient(
    90deg,
    rgba(250, 235, 215, 1),
    rgba(255, 250, 240, 1)
  );
  padding: 60px 14% 0;
}
.top-underlins div {
  display: flex;
  flex-flow: row wrap;
}
.top-underlins div:last-of-type {
  margin-top: 20px;
}
.top-underlins a {
  display: table;
  font-size: 22px;
  font-weight: 700;
  margin-right: 30px;
  border-bottom: 1px solid #111;
}
.top-underlins a.sml {
  font-size: 16px;
}
.mfg2023.scevent.contest-oversea-wrap table.rep-2023 {
  border: none;
}
.mfg2023.scevent.contest-oversea-wrap table.rep-2023 td {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-underlins {
    padding: 60px 5% 0;
  }
  .top-underlins div {
    flex-flow: column;
  }
  .top-underlins div:last-of-type {
    margin-top: 10px;
  }
  .top-underlins a {
    margin-right: 15px;
    width: max-content;
    margin-bottom: 18px;
  }
  .top-underlins a.sml {
    font-size: 18px;
  }
  .mfg2023.scevent.contest-oversea-wrap table.rep-2023 td {
    text-align: left;
    padding: 0.5em 0;
  }
  .mfg2023.scevent.contest-oversea-wrap table.rep-2023 th {
    padding: 0.5em 0;
  }
}
img.maroweenmain {
  max-width: 780px;
}
.scevent.contest-oversea-wrap .icatch img.fukidashi {
  position: absolute;
  width: 230px;
  display: block;
  top: 20%;
  left: 5%;
}
.maroween-theme {
  display: flex;
  align-items: flex-end;
  flex-flow: row wrap;
  justify-content: center;
}
.maroween-theme img:first-of-type {
  width: 58%;
}
.maroween-theme img:last-of-type {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .scevent.contest-oversea-wrap .icatch img.fukidashi {
    position: absolute;
    width: 120px;
    display: block;
    top: 26%;
    left: -10px;
  }
  .maroween-theme {
    align-items: center;
    flex-flow: column;
  }
  .maroween-theme img:first-of-type {
    width: 80%;
    margin-bottom: 10px;
  }
  .maroween-theme img:last-of-type {
    width: 70%;
  }
  .maroween-theme img:last-of-type {
    width: 70%;
    margin-bottom: 40px;
  }
}
/* 2023 AO入試ページ　*/
.page-main-title.page-main-title-ex.ao_2023 {
  background: url(img/ex/maroao_2025_01.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  margin-top: 79px;
  position: relative;
}
.page-main-title.page-main-title-ex.ao_2023 .ao-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 63%;
}
.page-main-title-ex.ao_2023 .page-main-title-inner {
  height: 27vh;
  min-height: 450px;
}
.page-sub-title-bottom.ao_2023 {
  color: #000;
  position: relative;
  width: 93%;
  margin-left: 7%;
}
@media screen and (min-width: 1512px) {
  .page-sub-title-bottom.ao_2023 {
    width: calc(1330px + ((100% - 1310px) / 2));
    margin-left: calc((100% - 1310px) / 2);
  }
}
.page-sub-title-bottom.ao_2023 .page-sub-title-lead,
.page-sub-title-bottom.ao_2023 .page-sub-title-body {
  text-align: left;
  max-width: unset;
}
.page-sub-title-bottom.ao_2023 div img {
  position: absolute;
  display: block;
  top: -70px;
  right: 0;
  width: 40%;
  z-index: -1;
}
.outline-point-wrapper.ao_2023 {
  width: 88%;
  max-width: 1330px;
}
.outline-point-wrapper.ao_2023 .outline-nav-btn-area {
  justify-content: space-around;
}
.outline-point-wrapper.ao_2023 .outline-nav-btn-area.scevent-top {
  width: 100%;
  max-width: unset;
}
.entry-ao-period {
  background: #fff100;
  padding: 40px 5%;
  box-sizing: border-box;
  border-radius: 28px;
  text-align: center;
  font-weight: bold;
}
.entry-ao-period h3 {
  font-size: 32px;
}
.entry-ao-period h2 {
  font-size: 35px;
  margin-bottom: 10px;
}
.poinsts_list_ao {
  display: flex;
  justify-content: space-between;
}
.point_item {
  background: #353535;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 3px solid #fff100;
  padding: 30px;
  line-height: 1.5;
}
.p_n {
  width: 52%;
  margin: 10px auto 24px;
}
.outline-point-wrapper.ao_2023 .outline-nav-btn-area .readmore-btn {
  width: calc(100% / 3 - 10px);
  margin-bottom: 10px;
}
.point_item p span {
  font-size: 30px;
}
.page-sub-title-lead.global-block-basic-lead {
  font-size: 35px;
  line-height: 1.3;
  display: table;
  margin: 0 auto 1em;
}
.page-sub-title-lead.global-block-basic-lead:after {
  margin: -15px 0 0;
}
.admission_box {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.admission_box .text-area p {
  margin-bottom: 30px;
}
#entry-shikaku .entoryinfo-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 30px;
}
#entry-shikaku .entoryinfo-box .text-area {
  width: 64%;
}
#entry-shikaku .entoryinfo-box .text-area p {
  margin-bottom: 10px;
}
#entry-shikaku .entoryinfo-box .text-area p img {
  width: 18px;
  vertical-align: middle;
  margin-right: 8px;
}
#entry-shikaku .entoryinfo-box .img-area {
  width: 34%;
  max-width: 340px;
}
#entry-shikaku .entoryinfo-box .ex-downloads-btn {
  margin: 40px 0;
}
.entry-number {
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px;
  align-items: center;
}
.entry-number:first-of-type {
  margin-top: 40px;
}
.entry-number:last-of-type {
  margin-bottom: 0px;
}
.kai-ao .big {
  font-size: 24px;
}
.entry-number .days {
  background: none;
  font-size: 26px;
  letter-spacing: 1px;
}
.kai-ao {
  background: #000;
  color: #fff;
  padding: 2px 32px;
  border-radius: 40px;
  line-height: 1.2;
}
.entry-number .days .big {
  font-size: 42px;
}
.entry-number .days .yobi {
  font-size: 17px;
  color: #fff;
  background: #000;
  height: 17px;
  width: 17px;
  padding: 3px 8px 13px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: -13px 0 0 6px;
}
.entry-number .peo_ac {
  font-size: 24px;
}
.entry-number .bosyu {
  border: 2px solid #000;
  font-size: 16px;
  padding: 2px 11px 3px;
  border-radius: 20px;
  margin-right: 9px;
  vertical-align: middle;
}
.entry-ao-flow .global-block-basic-lead {
  margin-bottom: 40px;
  padding: 0;
}
.entry-ao-flow h4 {
  font-size: 20px;
  text-align: center;
  background: #fff100;
  padding: 4px 0;
  position: relative;
}
.entry-ao-flow h4 span {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
}
.entry-ao-flow .red {
  color: red;
  font-weight: bold;
}
.entry-ao-flow h4:nth-of-type(5),
.entry-ao-flow h4:nth-of-type(6) {
  background: #757a7b;
  color: #fff100;
}
.entry-ao-flow .flow-text {
  position: relative;
  padding: 20px 0 40px 40px;
}
.entry-ao-flow .flow-text a {
  text-decoration: underline;
}
.entry-ao-flow .flow-text:before {
  content: "";
  height: 100%;
  position: absolute;
  left: 20px;
  border-left: 2px dotted #1a1a1a;
  display: block;
  width: 2px;
  top: 0;
}
.entry-ao-flow .flow-text:after {
  content: "";
  background: url(img/common/arrow-bottom-black.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 16px;
  display: block;
  width: 10px;
  height: 10px;
  bottom: -2px;
}
.entry-ao-flow .flow-text a {
  color: #0084ff;
}
.entry-ao-flow p.flow-text.noarrow:after,
.entry-ao-flow .flow-text.last:before,
.entry-ao-flow .flow-text.last:after,
.flow-one .flow-text:after,
.flow-one .flow-text:before {
  content: none;
}
.flow-calum {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flow-one {
  width: 48%;
  position: relative;
}
.flow-one:after {
  content: "";
  background: url(img/common/arrow-bottom-black.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 16px;
  display: block;
  width: 10px;
  height: 10px;
  bottom: -2px;
}
.flow-one:before {
  content: "";
  height: 100%;
  position: absolute;
  left: 20px;
  border-left: 2px dotted #1a1a1a;
  display: block;
  width: 2px;
  top: 0;
}
.anytext {
  width: 52%;
  text-align: center;
  padding: 0 0 20px;
  margin-top: -10px;
  margin-left: 20px;
  position: relative;
}
.anytext span {
  background: #fff;
  display: table;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
}
.anytext:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0px;
  border-top: 2px dotted #1a1a1a;
  display: block;
  top: 10px;
}
.anytext:after {
  content: "";
  height: 100%;
  position: absolute;
  left: 0px;
  border-left: 2px dotted #1a1a1a;
  border-right: 2px dotted #1a1a1a;
  display: block;
  width: 100%;
  top: 10px;
  z-index: -1;
}
.flowmonth {
  padding-right: 60px;
  position: relative;
}
.flowmonth:after {
  content: "";
  height: 90%;
  position: absolute;
  right: 30px;
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  display: block;
  width: 30px;
  top: 50%;
  z-index: -1;
  transform: translate(0, -50%);
}
.flowmonth:before {
  content: "";
  height: 90%;
  position: absolute;
  right: 30px;
  border-right: 2px dotted #ccc;
  display: block;
  width: 30px;
  top: 50%;
  z-index: -1;
  transform: translate(0, -50%);
}
.perid {
  border: 2px solid #ccc;
  background: #fff;
  line-height: 1.2;
  font-size: 12px;
  text-align: center;
  width: 45px;
  height: 45px;
  padding-top: 6px;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
}
#ao-07 div:first-of-type {
  margin-bottom: 40px;
}
.global-block-basic-w1000 .voice_area {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.global-block-basic-w1000 .voice_area .voice_box {
  width: 38%;
}
.global-block-basic-w1000 .voice_area .voice_box .voice_main_txt {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
}
.global-block-basic-w1000 .voice_area .voice_box .voice_name {
  font-size: 16px;
  margin-bottom: 3px;
}
.global-block-basic-body table td span.red {
  color: red;
  font-size: 16px;
}
.thumbnail_voice img {
  margin: 0 auto 20px;
  display: block;
}
@media screen and (max-width: 768px) {
  .page-main-title.page-main-title-ex.ao_2023 {
    background: url(img/ex/maroao_2025_01sp.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: 47px;
  }
  .page-main-title.page-main-title-ex.ao_2023 .ao-logo {
    height: auto;
    width: 49%;
  }
  .page-main-title-ex.ao_2023 .page-main-title-inner {
    height: calc(50vh - 47px);
    min-height: unset;
  }
  .page-sub-title-bottom.ao_2023 {
    width: 90%;
    margin: 0 auto;
  }
  .page-sub-title-bottom.ao_2023 div img {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
  .outline-point-wrapper.ao_2023 .outline-nav-btn-area .readmore-btn {
    width: 100%;
  }
  #ao-01 .page-sub-title-lead {
    margin-top: 70px;
  }
  .poinsts_list_ao {
    flex-flow: column;
    align-items: center;
  }
  .point_item {
    width: 200px;
    height: 165px;
    padding: 30px 15px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 19px;
  }
  .point_item p span {
    font-size: 27px;
  }
  .p_n {
    margin: 0 auto 8px;
    width: 45%;
  }
  .page-sub-title-lead.global-block-basic-lead {
    font-size: 20px;
  }
  .page-sub-title-lead.global-block-basic-lead br {
    display: block;
  }
  .admission_box {
    font-size: 16px;
    text-align: left;
  }
  #entry-shikaku .entoryinfo-box .text-area {
    width: 100%;
  }
  #entry-shikaku .entoryinfo-box .ex-downloads-btn {
    margin: 20px 0;
    width: 100%;
  }
  #entry-shikaku .entoryinfo-box .img-area {
    width: 88%;
    margin: 0 auto;
  }
  .entry-ao-period h3 {
    font-size: 20px;
  }
  .entry-ao-period h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .entry-ao-period {
    padding: 5% 10px;
  }
  .entry-ao-period p {
    text-align: left;
  }
  .entry-number {
    margin-top: 30px;
    flex-flow: row wrap;
  }
  .kai-ao {
    padding: 2px 32px 4px;
  }
  .entry-number .days {
    line-height: 1.2;
    margin-top: 10px;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
  }
  .entry-number .days .yobi {
    padding: 6px 7px 8px 6px;
    font-size: 13px;
    height: 12px;
    width: 12px;
    margin: -9px 0 0 0;
  }
  .entry-number .peo_ac {
    font-size: 18px;
    margin: 10px auto 0;
  }
  .entry-number .bosyu {
    font-size: 13px;
  }
  .kai-ao .big {
    font-size: 20px;
  }
  .entry-number .days .big {
    font-size: 29px;
  }
  .global-block-basic-w1000 .voice_area {
    flex-flow: column;
    align-items: center;
  }
  .global-block-basic-w1000 .voice_area .voice_box {
    width: 80%;
    margin-bottom: 40px;
  }
  .global-block-basic-w1000 .voice_area .voice_box .voice_main_txt {
    text-align: left;
    font-size: 17px;
  }
  .entry-ao-flow h4 {
    font-size: 16px;
    padding-left: 24px;
    text-align: left;
  }
  .entry-ao-flow h4 span {
    position: absolute;
    left: 7px;
    top: 4px;
    transform: unset;
  }
  #ao-03 .global-block-basic-body table th,
  #ao-03 .global-block-basic-body table td {
    line-height: 1.4;
  }
  .home .event .card-title {
    font-size: 18px;
    letter-spacing: 0;
    margin: 1em 1em 0.5em;
    padding-bottom: 0;
  }
  .flowmonth {
    padding-right: 36px;
  }
  .perid {
    right: -14px;
  }
  .flowmonth:before,
  .flowmonth:after {
    height: 95%;
    right: 7px;
  }
}
/* 2023.07 labo */
.popup-main {
  max-width: 800px;
  width: 100%;
  margin: 2em auto;
  background: url(https://maronie.ac.jp/wp-content/themes/marronnier/img/event/labo-01.png)
    no-repeat;
  background-size: cover;
  position: relative;
}
.popup-tit-01 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 25%;
}
.popup-main img {
  width: 100%;
  height: auto;
}
.popup-main .inner {
  padding: 10em 0;
  width: 94%;
  margin: 0 auto;
  position: relative;
}
.visual-01 {
  padding-top: 7em;
}
.visual-01 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bland-logo {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 44%;
}
.popup-main .ev-day,
.popup-main .period,
.popup-main .ev-logo,
.popup-main .tokuten {
  position: absolute;
}
.popup-main .ev-day {
  bottom: 30px;
  left: 0;
  width: 52%;
}
.popup-main .period {
  bottom: 45px;
  right: 0;
  width: 40%;
  border-left: 2px solid#000;
  padding-left: 20px;
}
.popup-main .period img:first-of-type {
  width: 138px;
}
.popup-main .ev-logo {
  bottom: 16em;
  left: 50%;
  transform: translate(-50%, 0);
  width: 85%;
}
.popup-main .tokuten {
  width: 22%;
  top: 50px;
  right: 20px;
}
.popup-main .tokuten img {
  margin: 10px 0;
}
.mfgform.labo {
  width: 100%;
  box-sizing: border-box;
}
.mfgform.labo .global-block-basic-lead {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .popup-main {
    height: 100vh;
    margin: 0 auto;
  }
  .popup-tit-01 {
    width: 46%;
  }
  .popup-main .inner {
    padding: 5vh 0;
  }
  .bland-logo {
    top: 7vh;
    left: 47%;
  }
  .popup-main .ev-day {
    bottom: 0;
  }
  .popup-main .period {
    bottom: 0;
  }
  .popup-main .period img:first-of-type {
    width: 78px;
  }
  .popup-main .ev-logo {
    bottom: 12vh;
  }
  .popup-main .tokuten {
    width: 29%;
    top: 10px;
    right: 0;
  }
  .mfgform.labo {
    border: 4px solid;
  }
}
/* mf2023 */
.contest-oversea-wrap.mf.mf_2023 p {
  margin-bottom: 2em;
}
.contest-oversea-wrap.mf.mf_2023 .mf-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
.pro_box {
  background: #f8f8f8;
  text-align: center;
  padding: 20px;
  margin-bottom: 2em;
}
.pro_box p {
  width: max-content;
  margin: 20px auto 0;
  text-align: left;
}
.mfg-photos .zaseki {
  width: 47%;
}
.mfg-photos .zaseki .readmore-btn {
  width: 100%;
}
.mfg-photos .zaseki.koko .readmore-btn {
  background: #ec1c24;
}
#sec-01b {
  margin: 150px auto;
}
.peo_01 dd p,
.peo_02 dd p {
  margin-top: 10px;
}
.ver24 .groupcategory.mfg2023 .theme-tit {
  background: #9a9a9b;
}
.ver24 .gallery .gallery-item,
.ver24 .colecction-imgs .cap_one {
  width: 22.5% !important;
  margin-right: 2.5% !important;
}
.ver24 .colecction-imgs .cap_one:last-of-type {
  margin-right: 0 !important;
}
.ver24 .colecction-imgs .cap_one .name {
  margin-top: 1em;
}
.ver24 .colecction-imgs .cap_one p span {
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 10px;
}
.ver24 .collection-table p.name {
  margin-bottom: 1em;
}
.ver24 .collection-table li dt {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contest-oversea-wrap.mf.mf_2023 .mf-title {
    text-align: left;
    font-size: 1.1rem;
  }
  .pro_box p {
    width: 100%;
  }
  .contest-oversea-wrap.mf.mf_2023_02 p {
    text-align: left;
  }
  ul.bfg-btns.y2024 li:last-child {
    width: 48%;
  }
  #sec-01b {
    margin: 60px auto;
  }
  #sec-01b .mfg-photos {
    margin-bottom: 0;
  }
  .mfg-photos .zaseki {
    width: 100%;
  }
  .mfg-photos .zaseki .readmore-btn {
    margin: 0px auto 20px;
  }
  .mfg2023.mfg2024 #sec-02 {
    margin: 0;
  }
  .criative-box {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .collection-table .criative-box .colecction-imgs {
    width: 20%;
    flex-flow: column;
    margin: 0;
  }
  .collection-table .criative-box .colecction-imgs.captions {
    width: 75%;
  }
  .collection-table .criative-box .colecction-imgs .gallery-item {
    float: none !important;
    text-align: left !important;
    width: 100% !important;
    margin-top: 0px !important;
  }
  .ver24 .criative-box .gallery .gallery-item,
  .ver24 .criative-box .colecction-imgs .cap_one {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 40px;
  }
  .collection-table .criative-box .colecction-imgs .gallery-item,
  .ver24 .criative-box .colecction-imgs .cap_one {
    min-height: 80px;
  }
  .collection-table #pro_01 .colecction-imgs .gallery-item,
  .ver24 #pro_01 .colecction-imgs .cap_one {
    min-height: 180px;
  }
  .collection-table #pro_02 .colecction-imgs .gallery-item,
  .collection-table #pro_05 .colecction-imgs .gallery-item,
  .ver24 #pro_02 .colecction-imgs .cap_one,
  .ver24 #pro_05 .colecction-imgs .cap_one {
    min-height: 140px;
  }
}

/* 240604 掲載不動産ページ追加 */
.estate-title {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}

.estate-text {
  text-align: center;
  line-height: 30px;
  margin: 20px 0 30px;
}

.estate-text-inner {
  text-align: left;
  display: inline-block;
}

.estate-text-border {
  border-bottom: dashed #bbb 1px;
  display: inline;
  padding-bottom: 3px;
}

.estate-btn {
  width: calc (100vw - 100px);
}

.estate-btn-first {
  margin-bottom: 100px;
}

@media (min-width: 768px) {
  .estate-text {
    margin: 20px calc(50% - 50vw) 30px;
    width: 100vw;
  }
}

.oc-stay__event-page-banner {
  width: 70%;
}

@media (max-width: 768px) {
  .oc-stay__event-page-banner {
    width: 100%;
  }
}

/* 240703 体験宿泊 */
.stay__header {
  width: 100vw;
}

.stay--bold {
  font-weight: bold;
}

.property__bigtitle {
  font-size: 20px;
  text-align: left;
  max-width: 800px;
  width: 90%;
  margin: 30px auto;
  font-weight: bold;
}

.property {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  gap: 60px;
  flex-direction: column;
}

.property__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 580px;
  height: 133px;
}

.property__img {
  height: 133px;
  width: 213px;
}

.property__inner {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 300px;
}

.property__title {
  font-weight: bold;
}

.property__access {
  font-weight: normal;
}

.property__btn {
  width: 220px;
  height: 52px;
  border-radius: 26px;
  border: solid 3.5px #000;
  font-weight: bold;
  background: #fff;
  margin-right: 0px;
  color: #000;
  font-size: 15px;
}

.property__btn:hover {
  cursor: pointer;
}

.property__inner2 {
  display: flex;
  justify-content: flex-end;
}

.property--2 {
}

.property__bigtitle--uni {
  margin-top: 80px;
}

.event-faq-lead {
  margin-top: 30px;
}

.event-faq-content-head--request {
  font-size: 20px;
  text-align: center;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .property__bigtitle {
    text-align: center;
  }
  .property {
    display: grid;
    grid-template-columns: repeat(auto-fit, 213px);
    justify-content: center;
  }
  .property__item {
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 20px;
  }
  .property__inner {
    text-align: center;
    gap: 10px;
  }
  .property__inner2 {
    justify-content: center;
  }
}

/* 240729 tfw24 */
.tfw24 .slick-dots li {
  width: 10px;
}
.tfw24 .sp {
  display: none;
}
.tfw24 {
  margin: 0 auto;
  max-width: 1000px;
  margin-bottom: 150px;
}
.tfw24__fv {
  margin: 50px auto 0;
  text-align: center;
}
.tfw24__slider {
  width: 270px;
  margin: 80px auto 0;
}
.tfw24__slider-item {
  margin: 0 auto;
}
.tfw24__slider-item img {
  margin: 0 auto;
  aspect-ratio: 2/3;
  object-fit: cover;
}
.tfw24 .slick-prev {
  left: -50px;
}
.tfw24 .slick-next {
  right: -50px;
}
.tfw24 .slick-prev,
.tfw24 .slick-next {
  background: none;
}
.tfw24 .slick-prev:before,
.tfw24 .slick-next:before {
  color: #000;
  font-size: 20px;
}
.tfw24__title {
  font-size: 24px;
  text-align: center;
  margin-top: 100px;
}
.tfw24__fv-txt {
  margin-top: 50px;
  text-align: center;
}
.tfw24__anchor {
  display: grid;
  grid-template-columns: repeat(2, 360px);
  gap: 20px;
  margin-top: 100px;
  justify-content: center;
}
.tfw24__anchor-item.readmore-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  border-radius: 1.5em;
  padding: 0;
  width: 360px;
}
.tfw24__anchor-item.readmore-btn::after {
  transform: translate(0, -50%) rotate(90deg);
}
.tfw24__holding-txt {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.tfw24__table {
  margin-top: 30px;
}
.tfw24__table tr:first-child {
  border-top: 1px solid #ddd;
}
.tfw24__tr {
  border-bottom: 1px solid #ddd;
}
.tfw24__td {
  padding: 1em 0;
}
.tfw24__td-title {
  width: 8em;
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  padding-left: 2em;
}
.tfw24__td-txt {
  width: 100%;
}
.tfw24__after-table {
  margin-top: 10px;
  text-align: right;
}
.tfw24--underline {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.tfw24__works {
  display: grid;
  grid-template-columns: repeat(5, 150px);
  justify-content: space-between;
  margin: 50px auto 0;
  row-gap: 70px;
}
.tfw24__works-txt {
  margin-top: 20px;
  text-align: center;
}
.tfw24__works-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
}
.tfw24__works-link {
  margin-top: 15px;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.tfw24__title--reserve {
  margin-top: 140px;
}
.tfw24__reserve-btn {
  margin-top: 10px;
  height: 4em;
  border-radius: 2em;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tfw24__reserve-btn {
  width: 200px;
  margin: 30px auto 0;
}
.tfw24__reserve-txt {
  text-align: center;
  margin-top: 30px;
}
.tfw24__sponser {
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}
.tfw24__coop {
  font-size: 20px;
  text-align: center;
  margin-top: 90px;
}
.tfw24__title--company {
  margin-top: 120px;
}
.tfw24__company-logo {
  margin: 60px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tfw24__company-logo--first {
  margin-top: 40px;
}
.tfw24__company-logo--abahouse img {
  height: 48px;
}
.tfw24__company-logo--urbanreserch img {
  height: 60px;
}
.tfw24__company-logo--stanford img {
  height: 60px;
}
.tfw24__company-logo--modeks img {
  height: 48px;
}
.tfw24__company-logo--dessert img {
  height: 72px;
}
.tfw24__company {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 30px;
  align-items: flex-start;
}
.tfw24__company-txt {
  margin-top: 15px;
}
.tfw24__company-img {
  width: 300px;
  flex-shrink: 0;
}
.tfw24__company-name {
  font-weight: bold;
  font-size: 20px;
}
.tfw24__company-link {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.tfw24__company-link-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0px;
  word-break: break-all;
}
.tfw24__company-link-item img {
  /* width:25px; */
  display: none;
}
.tfw24 .pamphlet {
  display: none;
}
@media (max-width: 768px) {
  .tfw24.sp {
    display: block;
  }
  .tfw24 {
    width: 90%;
  }
  .tfw24__fv {
    margin-top: 50px;
  }
  .tfw24__fv-txt {
    text-align: left;
  }
  .tfw24__anchor {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }
  .tfw24__slider {
    width: 100%;
    margin-top: 80px;
  }
  .tfw24__slider-item img {
    width: calc(100% - 60px);
    max-width: 300px;
  }
  .tfw24 .slick-prev {
    left: 0px;
    width: auto;
  }
  .tfw24 .slick-next {
    right: 0px;
    width: auto;
  }
  .tfw24 .slick-prev:before,
  .tfw24 .slick-next:before {
    font-size: 30px;
  }
  .tfw24__works {
    grid-template-columns: repeat(3, 150px);
    row-gap: 50px;
  }
  .tfw24__works-item {
    width: 150px;
  }
  .tfw24__works-btn {
    width: 100%;
  }
  .tfw24__title {
    margin-top: 80px;
  }
  .tfw24__reserve-txt {
    text-align: left;
  }
  .tfw24__company {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .tfw24__company-img {
    width: 100%;
  }
  .tfw24__sponser,
  .tfw24__coop {
    font-size: 15px;
  }
  .tfw24__sponser {
    margin-top: 30px;
  }
  .tfw24__holding-txt {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .tfw24__works {
    grid-template-columns: repeat(3, 100px);
    row-gap: 50px;
  }
  .tfw24__works-item {
    width: 100px;
  }
}

/* 240731 tfw24 STUDENT*/
.tfw24__student-info {
  margin-top: 48px;
}
.tfw24__student-title .global-block-basic-lead {
  font-size: 18px;
  margin-top: 20px;
}
.tfw24__student {
  text-align: center;
  margin: 0 auto 90px;
  max-width: 1000px;
}
.tfw24__student-inner {
  text-align: center;
  display: inline-block;
}
.tfw24__student-txt {
  margin-top: 15px;
}
.tfw24__student .tfw24__company-link {
  margin-top: 50px;
}
.tfw24__student .slick-dots li {
  width: 10px;
}
.tfw24__student .slick-prev {
  left: -50px;
}
.tfw24__student .slick-next {
  right: -50px;
}
.tfw24__student .slick-prev,
.tfw24__student .slick-next {
  background: none;
}
.tfw24__student .slick-prev:before,
.tfw24__student .slick-next:before {
  color: #000;
  font-size: 20px;
}
/* .tfw24__student-left{
	text-align:left;
	display:inline-block;
} */
.tfw24__student-indivisual {
  margin-top: 60px;
}
.tfw24__student-inner .tfw24__slider {
  width: 325px;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .tfw24__student {
    width: 90%;
  }
  .tfw24__student-inner {
    width: 100%;
  }
  .tfw24__student .tfw24__slider {
    width: 100%;
    /*     margin-top: 80px; */
  }
  .tfw24__student .tfw24__slider-item img {
    width: calc(100% - 60px);
    max-width: 300px;
  }
  .tfw24__student .slick-prev {
    left: 0px;
    width: auto;
  }
  .tfw24__student .slick-next {
    right: 0px;
    width: auto;
  }
  .tfw24__student .slick-prev:before,
  .tfw24__student .slick-next:before {
    font-size: 30px;
  }
}

.tfw24__company-img {
  display: none;
}
.tfw24__about-txt {
  text-align: center;
  margin-top: 30px;
}
.tfw24__company {
  justify-content: center;
}
.tfw24__company-content {
  text-align: center;
}
.tfw24__company-link {
  display: inline-block;
}
.tfw24__reserve-hour {
  font-size: 150%;
  margin-bottom: 15px;
  display: block;
}
.tfw24__fv-first {
  text-decoration: underline;
  font-size: 135%;
  font-weight: bold;
  text-underline-offset: 6px;
  line-height: 2;
  margin-bottom: 15px;
  display: inline-block;
}
.tfw24_res-ct {
  font-weight: bold;
  color: #ff0000;
}
.tfw24__cform {
  text-align: center;
}
.tfw24__h3area {
  text-align: left;
  display: inline-block;
}
.tfw24__h3area h3 {
  margin-bottom: 15px;
}
.tfw24__h3area h3:last-child {
  margin-bottom: 40px;
}
.tfw24__works-ttl {
  font-weight: bold;
}

@media (max-width: 768px) {
  .tfw24__about-txt,
  .tfw24__company-content {
    text-align: left;
  }
  .tfw24__cform .contact-form select {
    width: 100%;
    box-sizing: border-box;
  }
}
.tfw24__works-band {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 0.1px;
  margin-top: 130px;
}
.tfw24__works {
  max-width: 1000px;
  padding-bottom: 150px;
}
:is(.postid-18588, .page-id-15507) .tfw24__title#works {
  margin-top: 90px;
}
.tfw24__student {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .tfw24__works {
    width: 90%;
  }
}

.tfw24__jfw-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
.tfw24__marronnier-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
.tfw24__jfw-logo img {
  height: 60px;
}
.tfw24__marronnier-logo img {
  height: 40px;
}

.tfw24__student-face {
  width: 200px;
  margin: 0 auto;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .tfw24__student-face {
    width: 180px;
  }
}
.tfw24__student-face img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}
.tfw24__student-indivisual {
  margin-top: 20px;
}
.tfw24__student-inner .tfw24__slider {
  margin-top: 70px;
}
/* .tfw24__student-txt--left{
	display:inline-block;
	text-align:left;
} */
.tfw24__student-inner .tfw24__slider.tfw24__slider--sugiura {
  margin-top: 130px;
}
.tfw24__student .tfw24__company-link {
  text-align: left;
}
.tfw24__student-indivisual {
  margin-top: 25px;
}
.tfw24__works-img img {
  aspect-ratio: 2/3;
  object-fit: cover;
}
.readmore-btn.readmore-btn--tfw24important {
  background: #f07588;
}
.tfw24__anchor--stream {
  /*  	display:block; */
  margin: 20px auto 0;
  /* 	width:100%;  */
}
.tfw24__anchor--stream .tfw24__anchor-item.readmore-btn {
  width: 740px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tfw24__anchor--stream .tfw24__anchor-item.readmore-btn {
    width: 360px;
  }
}
.tfw24__btn--stream {
  background: #fff;
  color: #f07588;
  border: 2px solid #f07588;
  width: 300px;
  margin: 30px auto 0;
  font-weight: bold;
}

.stream-link {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.stream-link::hover {
  text-decoration: none;
}

.tfw24__slider-item .error {
  display: none;
}
.tfw24__slider--zentai {
  margin-top: 100px;
}

.tfw24__slider--zentai .tfw24__slider-item img {
  aspect-ratio: 3/2;
}
.tfw24__slider--zentai {
  width: 800px;
}

@media (max-width: 768px) {
  .tfw24__slider--zentai {
    width: 100%;
  }
}

.mfg2023-section .readmore-btn {
  border-radius: 100vmax;
}

/* 250114 卒展2025 */
.mfg2025 .judge__caution {
  margin-top: 5px;
  text-align: center;
}
.mfg2025 .judge {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 50px;
  margin-top: 30px;
}
.mfg2025 .judge__img {
  width: 62%;
  margin: 0 auto;
}
.mfg2025 .judge__img img {
  object-fit: cover;
  aspect-ratio: 4 / 5;
  width: 100%;
  object-position: top;
}
.mfg2025 .judge__txtarea {
  margin-top: 18px;
}
.mfg2025 .judge__name {
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
.mfg2025 .judge__txt {
  margin-top: 10px;
  text-align: left;
  font-size: 90%;
}
@media (max-width: 800px) {
  .mfg2025 .judge {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.ver25 .col-5 .gallery .gallery-item,
.ver25 .col-5 .colecction-imgs .cap_one {
  width: 17.5% !important;
  margin-right: 2.5% !important;
}
@media (min-width: 769px) {
  .ver25.program-content.st1 p:has(img) {
    height: 489px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .ver25 .tfw-col-5 .gallery .gallery-item,
  .ver25 .tfw-col-5 .colecction-imgs .cap_one {
    width: 17.5% !important;
    margin-right: 2.5% !important;
  }
}

.calendar.sp {
  display: none;
}

@media (max-width: 768px) {
  .calendar.pc {
    display: none;
  }
  .calendar.sp {
    display: block;
    border: none;
  }
  .date .opencampus-page .page-calendar {
    width: 90%;
  }
}
.calendar.sp {
  margin-top: 10px;
}
.calendar.sp .list__item {
  display: flex;
  flex-direction: row;
  gap: 10px;
  border-top: 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
}
.calendar.sp .inner-list__item {
  width: fit-content;
  padding: 1px 10px;
  border-radius: 4px;
}
.calendar.sp .inner-list__item.taiken {
  color: #fff;
  background: linear-gradient(
    90deg,
    rgba(252, 112, 134, 0.9),
    rgba(236, 96, 119, 0.9)
  );
}
.calendar.sp .inner-list__item.oc {
  background: #fff100;
}
.calendar.sp .list__item.sat strong {
  color: #18a9df;
}
.calendar.sp .list__item.sun strong {
  color: #f55d96;
}
.calendar.sp .list .list__item:first-of-type {
  border-top: none;
}

/* 250425 2026年度仕様に変更 */
.header-background {
  background: url("img/top/pl_2026-fv--pc.jpg") top center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .header-background {
    background: url("img/top/pl_2026-fv--sp.jpg") top center;
    background-size: cover;
  }
}

.courses-template-default .classwork-thumb img {
  aspect-ratio: 35/18;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.courses-template-default .artwork-thumb {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.courses-template-default .artwork-thumb img {
  object-fit: cover;
  aspect-ratio: 2/3;
  width: 100%;
  height: 100%;
}

.page-main-title.reason_23 {
  background: url(img/program/reason/2026/pl_fv.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .page-main-title.reason_23 {
    background: none;
  }
}

.course-single-card-head.fb span {
  display: block;
  font-size: 1.1em;
  color: #3397f5;
}
.course-single-card-content + .course-single-card-content {
  margin-top: 55px;
}
.course-single-card-text .readmore-btn {
  margin-top: 20px;
}

.course.pro .classwork {
  padding: 0;
  margin-top: 90px;
}
.course.pro .classwork + .classwork {
  margin-top: 50px;
}
.course.pro .classwork-content {
  width: calc(33% - 2%);
}
.course-single-card-thumb img {
  object-fit: cover;
  aspect-ratio: 7/6;
  width: 100%;
  height: 100%;
}
.course-single-card-last {
  color: #3397f5;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  text-decoration: underline;
  margin-top: 45px;
  text-underline-offset: 10px;
  line-height: 2;
}
.postid-2642 .artwork-thumb img {
  aspect-ratio: 8/5;
}

@media (max-width: 768px) {
  .course.pro .classwork-content {
    width: 100%;
  }
  .course-single-card-last {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .course-single-card-content + .course-single-card-content {
    margin-top: 0;
  }
}
.gakka-big-lead .department-new,
.card-title-new {
  background: #fff200;
  font-weight: bold;
  padding: 10px;
  width: fit-content;
}
.gakka-big-lead .department-new--fb,
.card-title-new--fb {
  color: #3397f5;
}
.course .shinkyu {
  color: #3397f5;
  margin-top: 20px;
  display: block;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.page-link-school .page-link-wrap .page-link.current .thumb img {
  object-fit: cover;
  aspect-ratio: 21/13;
  width: 100%;
  height: 100%;
}

.department-foot-list-title span {
  color: #3397f5;
  background: #fff200;
  display: inline-block;
  margin: 0 auto;
  width: fit-content;
  padding: 0px 5px;
}
.department-foot-list-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
}
.lecturer-all-block-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.lecturer-all--principal .lecturer-all-block {
  width: 100%;
}
.lecturer-all--principal .lecturer-all-block a {
  display: flex;
  flex-direction: row;
  height: max(34vw, 500px);
}
.lecturer-all--principal .lecturer-all-block-thumb img {
  object-position: top;
}
.lecturer-all--principal .lecturer-all-block-content {
  width: 50%;
}

@media (max-width: 768px) {
  .lecturer-all--principal .lecturer-all-block a {
    height: 84vw;
  }
  .lecturer-all--principal .lecturer-all-block-thumb {
    width: 50%;
  }
  .lecturer-all--principal .lecturer-all-block-thumb img {
    aspect-ratio: unset;
  }
}

/* 250625 東コレ・海外コレクションページの動画 */

.tfw24__youtube {
  width: 100%;
  margin: 100px auto 0;
}
.tfw24__youtube iframe {
  aspect-ratio: 16/9;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
:is(.postid-3069, .postid-3070, .postid-12871) .youtube {
  width: 100%;
  margin: 50px auto 100px;
}
:is(.postid-3069, .postid-3070, .postid-12871) .youtube iframe {
  aspect-ratio: 16/9;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* 250625 message_company */
.job-voice-profile-thumb {
  margin: 0;
}
.job-voice-title {
  all: unset;
  margin: 0 auto;
}
.job-voice-profile {
  flex-wrap: nowrap;
  flex-direction: row;
}
.job-voice-txt-wrap {
  width: calc(100% - 220px);
}
.job-voice-profile-text {
  width: auto;
  margin-top: 20px;
}
.job-voice-title-inner {
  width: auto;
}
.job-voice--ur .job-voice-title {
  display: block;
  width: 60%;
}
.job-voice--mahna .job-voice-title {
  display: block;
  width: 50%;
}
@media (max-width: 768px) {
  .job-voice-txt-wrap {
    width: 233px;
  }
  .job-voice-profile {
    justify-content: center;
    gap: 40px;
  }
}

/* 250620 support/startup */
.page-id-18209 .page-sub-title-support {
  background: url(img/support/startup/bg_fv.jpg);
  background-size: cover;
  background-position: center top;
}
.page-id-18209 .global-block-basic-col2 {
  display: flex;
  flex-direction: row-reverse;
}
.page-id-18209
  .global-block-basic-col2-wrap-toggle-reverse
  .global-block-basic-col2:nth-of-type(2n) {
  flex-direction: row;
}
.page-id-18209 .global-block-title img {
  width: 593px;
}
.page-id-18209 .support-link {
  justify-content: center;
  gap: 40px;
}
.page-link-school .page-link-wrap .page-link .thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .page-id-18209 .support-link {
    gap: unset;
  }
}
.tab_content {
  display: block;
  overflow: auto;
}

.calendar .inner-list__item + .inner-list__item {
  margin-top: 2px;
}
.w0 .plans-popup-open div,
.w6 .plans-popup-open div {
  background: none;
}
.post-type-archive-event_oc .page-calendar {
  margin-top: 70px;
}
.post-type-archive-event_oc .upimg.child-02 {
  width: 207px;
  top: 41px;
  right: 6%;
}
.calendar .inner-list__item {
  text-decoration: none;
}
.calendar .day a {
  margin: 0;
}
.oc-news-section {
  margin-top: 80px;
}
.post-type-archive-event_oc .event-faq-title-wrap {
  margin-top: 60px;
}
.post-type-archive-event_oc .page-calendar {
  margin-top: 90px;
}
.post-type-archive-event_oc .cards-bg {
  padding: 100px 0 60px;
}
.calendar-header :is(.next-calendar, .prev-calendar) {
  font-size: 25px;
}

@media (max-width: 768px) {
  .post-type-archive-event_oc .upimg.child-02 {
    width: 100px;
    top: 150px;
  }
  .post-type-archive-event_oc .cards-bg {
    padding: 50px 0 40px;
  }
  .oc-news-section {
    margin-top: 60px;
  }
  .calendar .day {
    padding: 3px;
  }
  .calendar .day .plans {
    font-size: 8px;
  }
  .calendar-header :is(.next-calendar, .prev-calendar) {
    font-size: 15px;
  }
  .page-calendar.single {
    margin-bottom: 40px;
  }

  /* 250725 TOP */
  .home .event .card-title {
    min-height: 2em;
    height: fit-content;
  }
  .header-link {
    left: auto;
    right: 4vw;
    bottom: 4vw;
  }
  .home .single-item img {
    height: calc(100svh - 12vw);
    object-fit: cover;
    object-position: top;
  }
  .home .single-item .slick-dots {
    /* 		bottom:50px; */
  }
  .header {
    height: 100svh;
  }
  .home .slider {
    height: calc(100svh - 12vw);
  }
}
.header-top.toponly {
  z-index: 10;
}
.page-calendar {
  max-width: 1000px;
}
.calendar .day {
  padding: 0.5em 0.5em 1em;
}

.postid-18581 .scevent.contest-oversea-wrap td,
.postid-18581 .scevent.contest-oversea-wrap th {
  border: none;
  padding: 1em 1em;
}
.postid-18581
  :is(
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form input[type="tel"],
    .contact-form textarea
  ) {
  background: none;
  border: 1px solid #bbb;
  border-radius: 0;
}
.postid-18581 .contact-form select {
  padding: 0;
  border: 1px solid #bbb;
  height: 32px;
  padding: 0 1em;
}
.postid-18581 span.wpcf7-form-control-wrap {
  width: 100%;
}
.postid-18581 span.wpcf7-form-control-wrap:has(input[name="your-post"]) {
  margin-left: 10px;
  width: fit-content;
}
.postid-18581 span.wpcf7-form-control-wrap:has(input[name="your-address"]) {
  /* 	margin-top:10px; */
}
.postid-18581 .mfg2023.scevent.contest-oversea-wrap table {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.postid-18581 .contact-form .p-postal-code[type="text"] {
  width: 150px;
}

.tfw24 .reserve__btn {
  width: 350px;
  max-width: 100%;
  margin: 30px auto 0;
  font-size: 120%;
}

/* 250901 東コレ2026 */
.tfw2026anrealage__heading {
  font-weight: bold;
  font-size: 26px;
  margin-top: 50px;
}
.tfw2026anrealage__txt {
  margin-top: 20px;
}
.tfw2026anrealage__txt + .tfw2026anrealage__img {
  margin: 55px auto 0;
}
.tfw2026anrealage__img {
  max-width: 485px;
}
.tfw2026anrealage__img-wrap {
  margin-top: 60px;
}
.tfw2026anrealage__img-inner--top {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.tfw2026anrealage__img-inner--bottom {
  width: fit-content;
  margin: 30px auto 0;
}
.tfw2026anrealage__img + .tfw24__student-info {
  margin-top: 40px;
}
.tfw24__title#works {
  margin-top: 0;
}
.tfw2026anrealage__clothes {
  max-width: 485px;
}
.tfw2026anrealage__clothes-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 30px;
}
.tfw2026anrealage__clothes-wrap + .tfw2026anrealage__clothes-wrap {
  margin-top: 30px;
}
.tfw2026anrealage__clothes--tate {
  max-width: 300px;
}
.tfw2026anrealage__clothes-area {
  margin-top: 40px;
}
.tfw2026anrealage__clothes-wrap--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media (max-width: 768px) {
  .tfw2026anrealage__img-inner {
    display: contents;
  }
  .tfw2026anrealage__heading {
    font-size: 22px;
  }
  .tfw2026anrealage__txt + .tfw2026anrealage__img {
    margin-top: 30px;
  }
  .tfw2026anrealage__img + .tfw24__student-info {
    margin-top: 30px;
  }
  .tfw2026anrealage__img-wrap .tfw2026anrealage__img {
    margin-top: 20px;
  }
  .tfw24__works-band {
    margin-top: 70px;
  }
  .tfw24__student .tfw24__company-link {
    margin-top: 30px;
  }
  .tfw2026anrealage__clothes-wrap {
    display: block;
  }
  .tfw2026anrealage__clothes-wrap > * + * {
    margin-top: 30px;
  }
  .tfw2026anrealage__clothes--tate {
    max-width: unset;
  }
}
.postid-18588 .tfw24__works {
  padding-bottom: 0;
}

/*-------------------------------

251010 header

-------------------------------*/
:root {
  --hd-height: 100px;
}
.home .slick-slide a {
  pointer-events: none;
}
.home .single-item {
  top: var(--hd-height);
  height: calc(100vh - var(--hd-height));
}
.hd {
  position: fixed;
  height: var(--hd-height);
  background: #fff;
  width: 100%;
  z-index: 5;
}
.hd .sp {
  display: none !important;
}
.hd .logo {
  position: fixed;
  left: 64px;
  top: 24px;
  width: 295px;
  z-index: 5;
}
.hd .logo__white,
.hd .logo__black {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s;
}
.hd .logo__white {
  opacity: 0;
}
.hd .logo--open .logo__black {
  opacity: 0;
}
.hd .logo--open .logo__white {
  opacity: 1;
}
.hd .ham {
  position: fixed;
  top: 42px;
  right: 49px;
  cursor: pointer;
  width: 30px;
  height: 18px;
  z-index: 12;
}
.hd .ham__buns {
  transition: all 0.4s;
  position: absolute;
  height: 2px;
  background: #000;
  width: 100%;
}
.hd .ham__buns--1 {
  top: 0px;
}
.hd .ham__buns--2 {
  top: 9px;
}
.hd .ham__buns--3 {
  top: 18px;
}
.hd .ham-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 4;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
  overflow-y: scroll;
}
.hd .ham-wrap--open {
  opacity: 1;
  pointer-events: auto;
}
.hd .ham--open .ham__buns {
  background: #fff;
}
.hd .ham--open .ham__buns--1 {
  rotate: -45deg;
  translate: 0 9px;
}
.hd .ham--open .ham__buns--2 {
  opacity: 0;
}
.hd .ham--open .ham__buns--3 {
  rotate: 45deg;
  translate: 0 -9px;
}
.hd .nav-btn-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin-top: calc(50vh - 391px);
}
.hd .nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  border: 1px solid #fff;
  color: #fff;
  width: 261px;
  height: 78px;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.hd .nav {
  display: grid;
  grid-template-columns: repeat(3, 350px);
  margin: 0 auto;
  gap: 78px 50px;
  justify-content: center;
  /* margin-top: 127px; */
  margin-top: 84px;
}
.hd .nav__menu {
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.hd .nav__menu::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  rotate: 45deg;
  display: block;
  top: 8px;
  right: 7px;
}
.hd .nav__ttl {
  padding-bottom: 13px;
  border-bottom: 1px solid #fff;
}
.hd .nav__item {
  display: none;
  padding-left: 0;
  list-style: none;
  padding: 18px 0 8px;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid #666;
}
.hd .nav__item a {
  width: 100%;
  display: block;
}
.hd .nav__menu--open .nav__item {
  display: block;
}
.hd .subnav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 103px;
  gap: 91px;
}
.hd .subnav__item {
  font-size: 18px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #fff;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
}
.hd .btn {
  top: 19px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  border: 1px solid #000;
  z-index: 2;
  width: 247px;
  height: 61px;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1;
}
.hd .btn--oc {
  right: 401px;
}
.hd .btn--pamp {
  right: 127px;
}
.hd .btn--open {
  border-color: #fff;
  color: #fff;
}
.hd .sns {
  display: flex;
  flex-direction: row;
  margin-top: 101px;
  justify-content: center;
  gap: 25px;
  margin-bottom: 100px;
}
.hd .sns__item--line,
.hd .sns__item--insta,
.hd .sns__item--youtube {
  width: 27px;
}
.hd .sns__item--tiktok {
  width: 25px;
}
.hd .highlight {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 50px;
  margin: auto;
  font-size: 18px;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  color: #fff;
  height: fit-content;
  translate: 0 -16vh;
}
.hd .highlight::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  rotate: 45deg;
  display: block;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  translate: 1px 0;
}
.hd .highlight span {
  writing-mode: horizontal-tb;
  line-height: 1;
  translate: 1px 0;
}

@media (max-height: 1000px) {
  .hd .nav-btn-wrap {
    margin-top: 150px;
  }
}

@media (max-width: 1280px) {
  /*-------------------------------

  1280

  -------------------------------*/
  .hd .nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
    width: calc(100vw - 200px);
    max-width: 800px;
  }
  .hd .btn {
    flex-direction: column;
    gap: 5px;
  }
  .hd .btn--pamp {
    right: 113px;
    width: 83px;
  }
  .hd .btn--oc {
    width: 151px;
    right: 221px;
  }
}

@media (max-width: 768px) {
  /*-------------------------------

  768

  -------------------------------*/
  :root {
    --hd-height: 60px;
  }
  .hd .pc {
    display: none !important;
  }
  .hd .btn.sp {
    display: flex !important;
  }
  .hd .logo {
    width: 150px;
    left: 10px;
    top: 16px;
  }
  .hd .logo__white {
    display: none;
  }
  .hd .btn {
    top: 14px;
    font-size: 10px;
    letter-spacing: 0.1em;
    height: 31px;
    flex-direction: column;
    gap: 0;
  }
  .hd .btn--oc {
    right: 110px;
    width: 67px;
  }
  .hd .btn--pamp {
    right: 66px;
    width: 35px;
  }
  .hd .ham {
    position: fixed;
    top: 19px;
    right: 20px;
    cursor: pointer;
    width: 28px;
    height: 20px;
    z-index: 12;
  }
  .hd .ham__buns {
    height: 1px;
  }
  .hd .ham__buns--2 {
    top: 10px;
  }
  .hd .ham__buns--3 {
    top: 20px;
  }
  .hd .ham--open .ham__buns--1 {
    translate: 0 10px;
  }
  .hd .ham--open .ham__buns--3 {
    translate: 0 -10px;
  }
  .hd .ham-wrap {
    display: block;
  }
  .hd .ham-logo {
    width: 150px;
    margin-left: 10px;
    margin-top: 16px;
    display: block;
  }
  .hd .ham--open::before {
    content: "";
    top: 13px;
    right: 18px;
    width: 32px;
    height: 32px;
    display: block;
    position: fixed;
  }
  .hd .nav-btn-wrap {
    display: block;
    margin: 80px auto 0;
  }
  .hd .nav-btn-wrap > * + * {
    margin-top: 21px;
  }
  .hd .nav-btn {
    width: 80vw;
    max-width: 300px;
    height: 47px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  .hd .nav {
    width: 90vw;
    margin-top: 53px;
    display: block;
  }
  .hd .nav > * + * {
    margin-top: 30px;
  }
  .hd .nav__ttl {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .hd .nav__menu::after {
    width: 7px;
    height: 7px;
    top: 5px;
  }
  .hd .nav__item {
    font-size: 14px;
    padding: 17px 0 14px;
  }
  .hd .nav__menu .nav__item:last-of-type {
    margin-bottom: 45px;
  }
  .hd .nav__ttl {
    font-weight: bold;
  }
  .hd .subnav {
    margin: 53px auto 0;
    gap: 20px;
    width: 90vw;
    justify-content: space-between;
    max-width: 350px;
    flex-wrap: wrap;
  }
  .hd .subnav__item {
    font-size: 12px;
  }
  .hd .highlight {
    display: none;
  }
  .hd .sns {
    margin-top: 92px;
    gap: 22px;
    margin-bottom: 50px;
  }
  .hd .sns__item--line,
  .hd .sns__item--insta,
  .hd .sns__item--youtube {
    width: 25px;
  }
  .hd .sns__item--tiktok {
    width: 23px;
  }
}