body.text-size-large {
  font-size: 120%;
}
@media screen and (max-width: 1120px) {
  body.text-size-large header .headerCont nav > ul.pc > li > a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1120px) {
  body.text-size-large header .headerCont nav > ul.pc > li .submenu ul li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1120px) {
  body.text-size-large header .headerCont nav > ul.pc {
    gap: 2rem;
  }
}
@media screen and (max-width: 1120px) {
  body.text-size-large header .headerCont nav > ul.pc > li .submenu ul {
    gap: 3rem;
  }
}
body.text-size-large p.btn {
  padding-left: 1rem;
}
@media screen and (max-width: 1120px) {
  body.text-size-large p.btn {
    padding-left: 7rem;
  }
}
body.text-size-large section.kashikiri .inner .flows .flow p.btn3 a {
  padding-left: 2rem;
}
body.text-size-large p.btn6 {
  width: 27rem;
}
body.text-size-large p.btn5 a {
  padding-left: 6rem;
}
body.text-size-large section.access .inner p.btn5 a {
  padding-left: 2rem;
}
body.text-size-large section.facility .inner p.btn5 a {
  padding-left: 2rem;
}
body.text-size-large section.kashikiri .inner .flows .flow .rightCont p.toForm a {
  padding: 0 1.2rem 0 2rem;
}

/* BLACK */
body.black {
  background: #000000;
  color: #fff;
  /* hover */
  /* SP */
}
body.black a, body.black select, body.black header .headerCont nav > ul.pc > li > a, body.black section.newsArea .inner .newsList dl a dt, body.black section.newsArea .inner .newsList dl a dd, body.black section.importantinfo .inner h2, body.black section.importantinfo .inner .infoBox dl a dd, body.black p.btn6, body.black p.btn, body.black section.kashikiri .inner .flows .flow p.btn3 a, body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.black section.access .inner p.muryou, body.black .siteMap .inner .corp p.tel, body.black .siteMap .inner .corp p.tel a, body.black .siteMap .inner .corp p.toForm a, body.black .siteMap .inner .links h3 a, body.black .siteMap .inner .links ul li a, body.black section.schoolInfo .inner ul.infoBox li a h4, body.black section.kashikiri .inner .flows .flow h4, body.black .modal-content .inner .flow dl dt, body.black .modal-content .inner h4, body.black section.access .inner .viaBox .via h4, body.black .searchCont .inner .searchBox form input, body.black .searchCont .inner .searchBox form input::placeholder, body.black nav ul.sp > li > a, body.black nav ul.sp > li .submenu ul li a, body.black section.use .inner .info .tableBox p.muryou, body.black .tabCont ul.tab-menu li, body.black .tabCont ul.tab-menu2 li, body.black section.schoolInfo .inner ul.infoBox li a p, body.black .variCont .inner .fst p.accessibility a, body.black .variCont .inner .fst p.print a, body.black #menu-panel p.accessibility a, body.black .leadBox .txts p.hl, body.black .leadBox .txts p.lead, body.black .round table tbody td p.kaihi, body.black .round table tbody td.tags div span.tag, body.black .introPanel ul li a, body.black p.btn21 a, body.black .kv_classDetail .inner ul.breadcrumb li a, body.black .kv_classDetail .inner ul.breadcrumb li, body.black .extraction .checkboxBox label, body.black .postArea p, body.black .postArea h3, body.black .postArea ul li, body.black .postArea .relatedPosts h3,
body.black .postArea .relatedPosts ul li a, body.black dl.qanda dt, body.black dl.qanda dd a, body.black section.contact .inner .action p.tel, body.black section.contact .inner .action p.tel a, body.black .searchframe label input::placeholder, body.black .searchResult p span,
body.black section.accessibility .inner p a, body.black .btnDouble p.btn3 a, body.black p.btn42 a, body.black .ruleBox .rule ul li ol li, body.black ul.photos li h4, body.black ul.floorList li, body.black .spopita p {
  color: #fff;
}
body.black header .headerCont nav > ul.pc > li > a.current, body.black header .headerCont nav > ul.pc > li > a:hover {
  color: #00ccff;
}
body.black .variCont .inner .scd dl.bgcolor dd button.white, body.black .variCont .inner .scd dl.textsize dd button, body.black #menu-panel dl.bgcolor dd button.white, body.black #menu-panel dl.textsize dd button, body.black .kv_classDetail .inner h1 span, body.black .pagenavi span.current, body.black header .headerCont nav > ul.pc > li.ticket > a,
body.black .ticketBox a {
  color: #000000;
}
body.black .modal-content .inner .flow dl dt span {
  color: #0656f0;
}
body.black .precautions .prec p span.marker, body.black .postArea p strong {
  color: #ffff00;
}
body.black span.marker {
  background: none;
}
body.black section.salesinfo, body.black section.importantinfo, body.black section.salesinfo .inner .infoBox, body.black section.newsArea, body.black section.use, body.black section.kashikiri, body.black section.kashikiri .inner .flows, body.black section.kashikiri .inner ul.uketuke li, body.black section.kashikiri .inner .flows .flow, body.black section.schoolInfo .inner ul.infoBox li, body.black section.facility, body.black section.access, body.black .footBnrBox, body.black .siteMap, body.black footer .rightsBox, body.black table tbody td, body.black section.use .inner .info .tableBox .dantai, body.black .precautions .prec, body.black .tabCont ul.tab-menu, body.black .tabCont ul.tab-menu2, body.black .tabCont ul.tab-menu li, body.black .tabCont ul.tab-menu2 li, body.black select option, body.black header .headerCont nav > ul.pc > li .submenu, body.black p.btn11 a, body.black p.btn5, body.black p.btn6, body.black p.btn, body.black section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.black section.access .inner p.muryou, body.black .siteMap .inner .corp p.toForm a, body.black .modal-content .inner, body.black .modal-content, body.black #menu-close, body.black #menu-panel, body.black .searchCont .inner, body.black .searchCont .inner .searchBox form input, body.black section.use .inner .info .tableBox p.muryou,
body.black section.course, body.black section.calendar, body.black section.admission, body.black .round table tbody th, body.black .round table tbody td.tags div span.tag, body.black .detailWrap, body.black .detailWrap .detailBox p.btn4 a, body.black p.btn21 a, body.black section.salesInfo, body.black .extraction, body.black .extraction .checkboxBox input[type="checkbox"], body.black .pagenavi a, body.black section.contact, body.black dl.qanda, body.black p.btn22 a, body.black section.contact .inner p.toForm a, body.black .introPanel, body.black section.contact .inner .action,
body.black .searchframe label input, body.black section.accessibility, body.black section.accessibility .inner p.toha,
body.black ul.floorList, body.black .spopita {
  background: #000000;
}
body.black .kv_classDetail .inner h1 span, body.black .extraction .checkboxBox input[type="checkbox"]:checked, body.black .pagenavi span.current {
  background: #fff;
}
body.black section.schoolInfo {
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #000000;
  background-size: 100%;
}
body.black .contBox {
  background: url(../images/bg_useinfo.webp) no-repeat top -3.8rem left 42rem #000000;
  background-size: 26.7rem;
}
@media screen and (max-width: 820px) {
  body.black .contBox {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #000000;
    background-size: 26.7rem;
  }
}
body.black table tbody th {
  background: #4c4c4c;
}
body.black .tabCont ul.tab-menu li.active, body.black .tabCont ul.tab-menu2 li.active {
  background: #0656f0;
}
body.black header .headerCont nav > ul.pc > li > a {
  border-bottom: 0.2rem solid #000000;
}
body.black header .headerCont nav > ul.pc > li > a.current, body.black header .headerCont nav > ul.pc > li > a:hover {
  border-bottom: 0.2rem solid #00ccff;
}
body.black p.btn11 a, body.black p.btn6, body.black p.btn, body.black section.kashikiri .inner .flows .flow p.btn3 a, body.black section.access .inner p.muryou, body.black p.btn5 a, body.black section.importantinfo .inner h2, body.black .introPanel, body.black p.btn21 a, body.black .extraction .checkboxBox input[type="checkbox"],
body.black .pagenavi a.previouspostslink::before, body.black .pagenavi a.nextpostslink::before, body.black .btnDouble p.btn3 a, body.black p.btn42 a {
  border-color: #ffffff;
}
body.black .contBox, body.black p.btn9 a, body.black p.btn5 a, body.black section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.black .siteMap .inner .corp p.toForm a, body.black .searchCont .inner .searchBox form input, body.black section.kashikiri .inner .flows .flow, body.black section.kashikiri .inner ul.uketuke li, body.black section.schoolInfo .inner ul.infoBox li, body.black .detailWrap .detailBox p.btn4 a, body.black section.contact .inner .action, body.black section.contact .inner p.toForm a {
  border: 1px solid;
  border-color: #ffffff;
}
body.black .variCont .inner .scd dl.textsize dd button.current {
  border-color: #00ccff;
}
body.black .round, body.black .round table tbody td.tags div span.tag {
  border-color: #cddcfa;
}
body.black .extraction .checkboxBox input[type="checkbox"]:checked::after {
  border-color: #000;
}
body.black header .headerCont nav > ul.pc > li.has-children > a::after {
  background: url(../images/arrow_select_white.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.black .variCont .inner .fst select {
  background: url(../images/arrow_select_white.webp) no-repeat center right 0.9rem;
  background-size: 0.9rem;
}
body.black .variCont .inner .fst p.accessibility a {
  background: url(../images/bg_accessibility_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black .variCont .inner .fst p.print a {
  background: url(../images/bg_print_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black .variCont .inner .scd p.search {
  background: url(../images/bg_search_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black section.newsArea .inner .newsList dl a dd.pdf::before {
  background: url(../images/ico_pdf_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black section.newsArea .inner .newsList dl a dd.ext::before {
  background: url(../images/ico_ext_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black .more span {
  background: url(../images/more_open_white.webp) no-repeat center right;
  background-size: 2.4rem;
}
body.black .more span.open {
  background: url(../images/more_close_white.webp) no-repeat center right;
  background-size: 2.4rem;
}
body.black section.importantinfo .inner .infoBox dl a dd.pdf::before {
  background: url(../images/ico_pdf_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black section.importantinfo .inner .infoBox dl a dd.ext::before {
  background: url(../images/ico_ext_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.black p.btn9 a {
  background: url(../images/ico_pdf_white.webp) no-repeat center right 1.5rem #000000;
  background-size: 2.4rem;
}
body.black p.btn5 a {
  background: #000000;
}
body.black section.kashikiri .inner .flows .flow p.btn3 a {
  background: url(../images/ico_pdf_white.webp) no-repeat center right 1.5rem #000000;
  background-size: 2.4rem;
}
body.black section.kashikiri .inner .flows .flow p.btn3 a.xls {
  background: url("../images/ico_xls_hover.webp") no-repeat center right 1.9rem #000000;
  background-size: 1.39rem;
}
body.black .searchCont .inner .searchBox form button.search-submit {
  background: url("../images/bg_search_white.webp") no-repeat;
  background-size: 2.4rem;
}
body.black .searchCont .inner .searchBox p.close {
  background: url(../images/seach_close_white.webp) no-repeat center left;
  background-size: 1.49rem;
}
body.black .contBox.accessPage {
  background: url(../images/bg_useinfo.webp) no-repeat top -1rem left 38rem #000000;
  background-size: contain;
}
@media screen and (max-width: 820px) {
  body.black .contBox.accessPage {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #000000;
    background-size: 26.7rem;
  }
}
body.black .postArea .relatedPosts ul li a.pdf::before {
  background: url("../images/ico_pdf_white.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.black .postArea .relatedPosts ul li a.ext::before {
  background: url("../images/ico_ext_white.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.black dl.qanda dt {
  background: url(../images/bg_q_white.webp) no-repeat top left;
  background-size: 3.2rem;
}
body.black dl.qanda dd {
  background: url(../images/bg_a_white.webp) no-repeat top left;
  background-size: 3.2rem;
}
body.black header .headerCont nav > ul.pc > li.ticket > a {
  background: url(../images/ico_ticket.webp) no-repeat center left 1.3rem #fff;
  background-size: 2rem;
}
body.black .ticketBox a {
  background: url(../images/ico_ticket_black.webp) no-repeat top 3rem center #fff;
  background-size: 4.2rem;
}
body.black .ticketBox a span.ticket_close {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/ticket_close_black.webp) no-repeat;
  background-size: 100%;
}
body.black header .headerCont p.ticket a {
  background: url(../images/ico_ticket_black.webp) no-repeat top 0.6rem center #fff;
  background-size: 2.4rem;
  color: #000000;
}
body.black .btnDouble p.btn3 a {
  background: url("../images/ico_xls_hover.webp") no-repeat center right 1.9rem #000;
  background-size: 1.39rem;
}
body.black p.btn42 a {
  background: url("../images/ico_ext_white.webp") no-repeat center right 1.5rem #000;
  background-size: 2.4rem;
}
body.black section.schoolInfo {
  background: none;
  position: relative;
}
body.black section.schoolInfo::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #000000;
  background-size: 100%;
  opacity: 50%;
  z-index: -1;
}
body.black .variCont .inner .fst h1.logo a {
  background: url(../images/logo_white.webp) no-repeat;
  background-size: 100%;
}
body.black .siteMap .inner .corp h2 {
  background: url(../images/logo_white.webp) no-repeat;
  background-size: 100%;
}
body.black .searchframe button {
  background: url(../images/bg_search_white.webp) no-repeat;
  background-size: 2.4rem;
}
body.black p.btn5 a {
  background: url("../images/ico_pdf_white.webp") no-repeat center right 1.5rem #000;
  background-size: 2.4rem;
}
body.black p.btnBF a {
  border: 1px solid #fff;
  color: #000;
  background: url(../images/ico_bf_black.webp) no-repeat center left 2rem #fff;
  background-size: 4rem;
}
body.black .otherLinks p.btnFM a {
  color: #fff;
  background: url(../images/ico_fm_black.webp) no-repeat center left 4rem #000;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.black .otherLinks p.btnPT a {
  color: #fff;
  background: url(../images/ico_pt_black.webp) no-repeat center left 4rem #000;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.black p.btn31 a {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
}
body.black p.btn31 a:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  display: flex;
}
body.black p.btn31 a:hover::before {
  display: none;
}
body.black .otherLinks p.btnFM a:hover {
  color: #000;
  background: url(../images/ico_fm_black_hover.webp) no-repeat center left 4rem #fff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.black .otherLinks p.btnPT a:hover {
  color: #000;
  background: url(../images/ico_pt_black_hover.webp) no-repeat center left 4rem #fff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.black p.btnBF a:hover {
  border: 1px solid #fff;
  color: #fff;
  background: url(../images/ico_bf_white.webp) no-repeat center left 2rem #000;
  background-size: 4rem;
}
body.black p.btn42 a:hover {
  background: url("../images/ico_ext_blk.webp") no-repeat center right 1.5rem #fff;
  background-size: 2.4rem;
  color: #000;
}
body.black .btnDouble p.btn3 a:hover {
  background: url("../images/ico_xls_black.webp") no-repeat center right 1.9rem #fff;
  background-size: 1.39rem;
  color: #000;
}
body.black section.contact .inner p.toForm a:hover {
  color: #000000;
  background: #ffffff;
}
body.black section.contact .inner p.toForm a:hover:before {
  display: none;
}
body.black p.btn22 a:hover, body.black p.btn22 a.current {
  color: #000000;
  background: #ffffff;
}
body.black p.btn11 a:hover, body.black p.btn5 a:hover, body.black p.btn6:hover, body.black p.btn:hover, body.black .detailWrap .detailBox p.btn4 a:hover {
  color: #000000;
  background: #ffffff;
}
body.black p.btn9 a:hover {
  color: #000000;
  background: url(../images/ico_pdf.webp) no-repeat center right 1.5rem #ffffff;
  background-size: 2.4rem;
}
body.black section.kashikiri .inner .flows .flow p.btn3 a:hover {
  color: #000000;
  background: url(../images/ico_pdf_black.webp) no-repeat center right 1.5rem #ffffff;
  background-size: 2.4rem;
}
body.black section.kashikiri .inner .flows .flow p.btn3 a.xls:hover {
  color: #000000;
  background: url(../images/ico_xls_black.webp) no-repeat center right 1.9rem #ffffff;
  background-size: 1.39rem;
}
body.black section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover {
  color: #000000;
  background: #ffffff;
}
body.black section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::before, body.black section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::after {
  display: none;
}
body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover, body.black .detailWrap .detailBox p.btn4 a:hover, body.black p.btn21 a:hover {
  color: #000000;
  background: #ffffff;
}
body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::before, body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after, body.black .detailWrap .detailBox p.btn4 a:hover::before, body.black .detailWrap .detailBox p.btn4 a:hover::after, body.black p.btn21 a:hover::before, body.black p.btn21 a:hover::after {
  display: none;
}
body.black section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after, body.black .detailWrap .detailBox p.btn4 a:hover::after {
  display: block;
  background: url(../images/bg_span_ext.webp) no-repeat center center;
  background-size: 2.4rem;
}
body.black .siteMap .inner .corp p.toForm a:hover {
  color: #000000;
  background: #ffffff;
}
body.black .siteMap .inner .corp p.toForm a:hover::before, body.black .siteMap .inner .corp p.toForm a:hover::after {
  display: none;
}
body.black .pagenavi a:hover {
  background: #fff;
  color: #000;
}
body.black .pagenavi a.previouspostslink:hover::before, body.black .pagenavi a.nextpostslink:hover::before {
  border-color: #000;
}
body.black header .headerCont nav > ul.pc > li.has-children.open > a::after {
  background: url(../images/arrow_above_blue.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.black footer > p a {
  background: url(../images/ico_ext_white.webp) no-repeat top 50% right;
  background-size: 2.4rem;
}
body.black p.btn5 a:hover {
  background: url(../images/ico_pdf.webp) no-repeat center right 1.5rem #fff;
  background-size: 2.4rem;
}
@media screen and (max-width: 820px) {
  body.black .otherLinks p.btnFM a {
    background: url(../images/ico_fm_black.webp) no-repeat center left 2rem #000;
    background-size: 4rem;
    padding-left: 8rem;
  }
  body.black .otherLinks p.btnPT a {
    background: url(../images/ico_pt_black.webp) no-repeat center left 2rem #000;
    background-size: 4rem;
    padding-left: 8rem;
  }
}
body.black #menu-panel {
  box-shadow: none;
}
body.black a#menu-open span {
  background: #fff;
}
body.black #menu-close span {
  background: #fff;
}
body.black #menu-panel select {
  background: url("../images/arrow_select_white.webp") no-repeat center right 1.2rem #000000;
  background-size: 0.9rem;
  border: 1px solid #cddcfa;
  color: #fff;
}
@media screen and (max-width: 820px) {
  body.black #menu-panel p.accessibility a {
    background: url("../images/bg_accessibility_white.webp") no-repeat center left;
    background-size: 2.4rem;
  }
}
body.black header .headerCont nav > ul.pc > li.ticket {
  background: url("../images/ico_ticket.webp") no-repeat center left 1.3rem #fff;
  background-size: 2rem;
}
body.black header .headerCont nav > ul.pc > li.ticket > a {
  border-bottom: none;
  background-image: none;
}
body.black header .headerCont nav > ul.pc > li.ticket > a:hover {
  border-bottom: none;
  color: #000;
  text-decoration: underline;
}

/* BLUE */
body.blue {
  background: #0000ff;
  color: #fff;
  /* hover */
  /* SP */
}
body.blue a, body.blue select, body.blue header .headerCont nav > ul.pc > li > a, body.blue section.newsArea .inner .newsList dl a dt, body.blue section.newsArea .inner .newsList dl a dd, body.blue section.importantinfo .inner h2, body.blue section.importantinfo .inner .infoBox dl a dd, body.blue p.btn6, body.blue p.btn, body.blue section.kashikiri .inner .flows .flow p.btn3 a, body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.blue section.access .inner p.muryou, body.blue .siteMap .inner .corp p.tel, body.blue .siteMap .inner .corp p.tel a, body.blue .siteMap .inner .corp p.toForm a, body.blue .siteMap .inner .links h3 a, body.blue .siteMap .inner .links ul li a, body.blue section.schoolInfo .inner ul.infoBox li a h4, body.blue section.kashikiri .inner .flows .flow h4, body.blue .modal-content .inner .flow dl dt, body.blue .modal-content .inner h4, body.blue section.access .inner .viaBox .via h4, body.blue .searchCont .inner .searchBox form input, body.blue .searchCont .inner .searchBox form input::placeholder, body.blue nav ul.sp > li > a, body.blue nav ul.sp > li .submenu ul li a, body.blue section.use .inner .info .tableBox p.muryou, body.blue .tabCont ul.tab-menu li, body.blue .tabCont ul.tab-menu2 li, body.blue section.importantinfo .inner .infoBox dl a dt, body.blue section.schoolInfo .inner ul.infoBox li a p, body.blue .variCont .inner .fst p.accessibility a, body.blue .variCont .inner .fst p.print a, body.blue #menu-panel p.accessibility a, body.blue .leadBox .txts p.hl, body.blue .leadBox .txts p.lead,
body.blue .round table tbody td p.kaihi, body.blue .round table tbody td.tags div span.tag, body.blue .introPanel ul li a, body.blue .kv_classDetail .inner ul.breadcrumb li a, body.blue .kv_classDetail .inner ul.breadcrumb li, body.blue .detailWrap .detailBox p.btn4 a, body.blue .extraction .checkboxBox label, body.blue .postArea p, body.blue .postArea p, body.blue .postArea h3, body.blue .postArea ul li, body.blue .postArea .relatedPosts h3, body.blue .postArea .relatedPosts ul li a, body.blue dl.qanda dt, body.blue dl.qanda dd a, body.blue section.contact .inner .action p.tel, body.blue section.contact .inner .action p.tel a, body.blue .searchframe label input::placeholder, body.blue .searchResult p span, body.blue section.accessibility .inner p a,
body.blue .ruleBox .rule ul li ol li, body.blue ul.photos li h4, body.blue ul.floorList li, body.blue .spopita p {
  color: #fff;
}
body.blue header .headerCont nav > ul.pc > li > a.current, body.blue header .headerCont nav > ul.pc > li > a:hover, body.blue .postArea p strong {
  color: #ffff00;
}
body.blue .variCont .inner .scd dl.bgcolor dd button.white, body.blue .variCont .inner .scd dl.textsize dd button, body.blue #menu-panel dl.bgcolor dd button.white, body.blue #menu-panel dl.textsize dd button, body.blue .variCont .inner .scd dl.bgcolor dd button.blue.curren, body.blue .variCont .inner .scd dl.textsize dd button.current, body.blue .kv_classDetail .inner h1 span, body.blue .extraction .checkboxBox input[type="checkbox"]:checked, body.blue .pagenavi span.current, body.blue .ticketBox a {
  color: #0000ff;
}
body.blue .modal-content .inner .flow dl dt span, body.blue header .headerCont nav > ul.pc > li.ticket > a {
  color: #0656f0;
}
body.blue .precautions .prec p span.marker {
  color: #ffff00;
}
body.blue span.marker, body.blue section.kashikiri .inner ul.uketuke li.active p.taisyo span, body.blue section.kashikiri .inner ul.uketuke li.passive p.taisyo span {
  background: none;
}
body.blue section.salesinfo, body.blue section.importantinfo, body.blue section.salesinfo .inner .infoBox, body.blue section.newsArea, body.blue section.use, body.blue section.kashikiri, body.blue section.kashikiri .inner .flows, body.blue section.kashikiri .inner ul.uketuke li, body.blue section.kashikiri .inner .flows .flow, body.blue section.schoolInfo .inner ul.infoBox li, body.blue section.facility, body.blue section.access, body.blue .footBnrBox, body.blue .siteMap, body.blue footer .rightsBox, body.blue table tbody td, body.blue section.use .inner .info .tableBox .dantai, body.blue .precautions .prec, body.blue .tabCont ul.tab-menu, body.blue .tabCont ul.tab-menu2, body.blue .tabCont ul.tab-menu li, body.blue .tabCont ul.tab-menu2 li, body.blue select option, body.blue header .headerCont nav > ul.pc > li .submenu, body.blue p.btn11 a, body.blue p.btn5, body.blue p.btn6, body.blue p.btn, body.blue section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.blue section.access .inner p.muryou, body.blue .siteMap .inner .corp p.toForm a, body.blue .modal-content .inner, body.blue .modal-content, body.blue #menu-close, body.blue #menu-panel, body.blue .searchCont .inner, body.blue .searchCont .inner .searchBox form input, body.blue section.use .inner .info .tableBox p.muryou,
body.blue section.course, body.blue section.calendar, body.blue section.admission, body.blue .round table tbody th, body.blue .round table tbody td.tags div span.tag, body.blue .detailWrap, body.blue .detailWrap .detailBox p.btn4 a, body.blue p.btn21 a, body.blue section.salesInfo, body.blue .extraction, body.blue .extraction .checkboxBox input[type="checkbox"], body.blue .pagenavi a, body.blue section.contact, body.blue dl.qanda, body.blue p.btn22 a, body.blue section.contact .inner p.toForm a, body.blue .introPanel, body.blue section.contact .inner .action,
body.blue .searchframe label input, body.blue section.accessibility, body.blue section.accessibility .inner p.toha,
body.blue ul.floorList, body.blue .spopita {
  background: #0000ff;
}
body.blue section.schoolInfo {
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #0000ff;
  background-size: 100%;
}
body.blue section.use .inner .info .contBox {
  background: url(../images/bg_useinfo.webp) no-repeat top -3.8rem left 42rem #0000ff;
  background-size: 26.7rem;
}
@media screen and (max-width: 820px) {
  body.blue section.use .inner .info .contBox {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #0656f0;
    background-size: 100%;
  }
}
body.blue table tbody th {
  background: #4c4cff;
}
body.blue .extraction .checkboxBox input[type="checkbox"]:checked, body.blue .pagenavi span.current {
  background: #fff;
}
body.blue .tabCont ul.tab-menu li.active, body.blue .tabCont ul.tab-menu2 li.active {
  background: #0656f0;
}
body.blue header .headerCont nav > ul.pc > li > a {
  border-bottom: 0.2rem solid #0000ff;
}
body.blue header .headerCont nav > ul.pc > li > a.current, body.blue header .headerCont nav > ul.pc > li > a:hover {
  border-bottom: 0.2rem solid #ffff00;
}
body.blue p.btn11 a, body.blue p.btn6, body.blue p.btn, body.blue section.kashikiri .inner .flows .flow p.btn3 a, body.blue section.access .inner p.muryou, body.blue p.btn5 a, body.blue section.importantinfo .inner h2, body.blue .introPanel, body.blue p.btn21 a, body.blue .extraction .checkboxBox input[type="checkbox"],
body.blue .pagenavi a, body.blue .pagenavi a.previouspostslink::before, body.blue .pagenavi a.nextpostslink::before {
  border-color: #ffffff;
}
body.blue section.use .inner .info .contBox, body.blue p.btn9 a, body.blue p.btn5 a, body.blue section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.blue .siteMap .inner .corp p.toForm a, body.blue .searchCont .inner .searchBox form input, body.blue section.kashikiri .inner .flows .flow, body.blue section.kashikiri .inner ul.uketuke li, body.blue section.schoolInfo .inner ul.infoBox li, body.blue .detailWrap .detailBox p.btn4 a, body.blue .contBox, body.blue section.contact .inner .action, body.blue section.contact .inner p.toForm a {
  border: 1px solid;
  border-color: #ffffff;
}
body.blue .variCont .inner .scd dl.textsize dd button.current, body.blue .variCont .inner .scd dl.bgcolor dd button.current, body.blue #menu-panel dl.bgcolor dd button.current, body.blue #menu-panel dl.textsize dd button.current, body.blue .extraction {
  border-color: #ffff00;
}
body.blue .round, body.blue .round table tbody td.tags div span.tag {
  border-color: #cddcfa;
}
body.blue .extraction .checkboxBox input[type="checkbox"]:checked::after {
  border-color: #0000ff;
}
body.blue header .headerCont nav > ul.pc > li.has-children > a::after {
  background: url(../images/arrow_select_white.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.blue .variCont .inner .fst select {
  background: url(../images/arrow_select_white.webp) no-repeat center right 0.9rem;
  background-size: 0.9rem;
}
body.blue .variCont .inner .fst p.accessibility a {
  background: url(../images/bg_accessibility_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue .variCont .inner .fst p.print a {
  background: url(../images/bg_print_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue .variCont .inner .scd p.search {
  background: url(../images/bg_search_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue section.newsArea .inner .newsList dl a dd.pdf::before {
  background: url(../images/ico_pdf_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue section.newsArea .inner .newsList dl a dd.ext::before {
  background: url(../images/ico_ext_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue .more span {
  background: url(../images/more_open_white.webp) no-repeat center right;
  background-size: 2.4rem;
}
body.blue .more span.open {
  background: url(../images/more_close_white.webp) no-repeat center right;
  background-size: 2.4rem;
}
body.blue section.importantinfo .inner .infoBox dl a dd.pdf::before {
  background: url(../images/ico_pdf_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue section.importantinfo .inner .infoBox dl a dd.ext::before {
  background: url(../images/ico_ext_white.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.blue p.btn9 a {
  background: url(../images/ico_pdf_white.webp) no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
body.blue p.btn5 a {
  background: #0000ff;
}
body.blue section.kashikiri .inner .flows .flow p.btn3 a {
  background: url(../images/ico_pdf_white.webp) no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
body.blue section.kashikiri .inner .flows .flow p.btn3 a.xls {
  background: url("../images/ico_xls_hover.webp") no-repeat center right 1.9rem #0000ff;
  background-size: 1.39rem;
}
body.blue .searchCont .inner .searchBox form button.search-submit {
  background: url("../images/bg_search_white.webp") no-repeat;
  background-size: 2.4rem;
}
body.blue .searchCont .inner .searchBox p.close {
  background: url(../images/seach_close_white.webp) no-repeat center left;
  background-size: 1.49rem;
}
body.blue header .headerCont nav > ul.pc > li.ticket > a {
  background: url(../images/ico_ticket_blue.webp) no-repeat center left 1.3rem #fff;
  background-size: 2rem;
}
body.blue .ticketBox a {
  background: url(../images/ico_ticket_blue.webp) no-repeat top 3rem center #fff;
  background-size: 4.2rem;
}
body.blue .ticketBox a span.ticket_close {
  background: url(../images/ticket_close_blue.webp) no-repeat;
  background-size: 100%;
}
body.blue header .headerCont p.ticket a {
  background: url(../images/ico_ticket_blue.webp) no-repeat top 0.6rem center #fff;
  background-size: 2.4rem;
  color: #0656f0;
}
body.blue .contBox.accessPage {
  background: url(../images/bg_useinfo.webp) no-repeat top -1rem left 38rem #0000ff;
  background-size: contain;
}
@media screen and (max-width: 820px) {
  body.blue .contBox.accessPage {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #0000ff;
    background-size: 100%;
  }
}
body.blue .kv_classDetail .inner h1 span {
  background: #fff;
}
body.blue .postArea .relatedPosts ul li a.pdf::before {
  background: url("../images/ico_pdf_white.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.blue .postArea .relatedPosts ul li a.ext::before {
  background: url("../images/ico_ext_white.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.blue fdl.qanda dt {
  background: url(../images/bg_q_blue.webp) no-repeat top left;
  background-size: 3.2rem;
}
body.blue dl.qanda dd {
  background: url(../images/bg_a_white.webp) no-repeat top left;
  background-size: 3.2rem;
}
body.blue .btnDouble p.btn3 a.xls {
  background: url("../images/ico_xls_hover.webp") no-repeat center right 1.9rem #0000ff;
  background-size: 1.39rem;
  color: #fff;
  border-color: #fff;
}
body.blue p.btn42 a {
  background: url("../images/ico_ext_white.webp") no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
  color: #fff;
  border-color: #fff;
}
body.blue section.schoolInfo {
  background: none;
  position: relative;
}
body.blue section.schoolInfo::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #000000;
  background-size: 100%;
  opacity: 50%;
  z-index: -1;
}
body.blue .tabCont ul.tab-menu li.active, body.blue .tabCont ul.tab-menu2 li.active {
  background: #ffffff;
  color: #0000ff;
}
body.blue .variCont .inner .fst h1.logo a {
  background: url(../images/logo_white.webp) no-repeat;
  background-size: 100%;
}
body.blue .siteMap .inner .corp h2 {
  background: url(../images/logo_white.webp) no-repeat;
  background-size: 100%;
}
body.blue .searchframe button {
  background: url(../images/bg_search_white.webp) no-repeat;
  background-size: 2.4rem;
}
body.blue p.btn5 a {
  background: url("../images/ico_pdf_w.webp") no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
body.blue p.btnBF a {
  border: 1px solid #fff;
  color: #0000ff;
  background: url(../images/ico_bf_bg_blue.webp) no-repeat center left 2rem #fff;
  background-size: 4rem;
}
body.blue .otherLinks p.btnFM a {
  color: #fff;
  background: url(../images/ico_fm_blue.webp) no-repeat center left 4rem #0000ff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.blue .otherLinks p.btnPT a {
  color: #fff;
  background: url(../images/ico_pt_blue.webp) no-repeat center left 4rem #0000ff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.blue p.btn31 a {
  background: #0000ff;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
}
body.blue p.btn31 a:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #0000ff;
  display: flex;
}
body.blue p.btn31 a:hover::before {
  display: none;
}
body.blue .otherLinks p.btnFM a:hover {
  color: #0000ff;
  background: url(../images/ico_fm_blue_hover.webp) no-repeat center left 4rem #fff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.blue .otherLinks p.btnPT a:hover {
  color: #0000ff;
  background: url(../images/ico_pt_blue_hover.webp) no-repeat center left 4rem #fff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.blue p.btnBF a:hover {
  border: 1px solid #fff;
  color: #fff;
  background: url(../images/ico_bf_white.webp) no-repeat center left 2rem #0000ff;
  background-size: 4rem;
}
body.blue p.btn42 a:hover {
  background: url("../images/ico_ext_blue.webp") no-repeat center right 1.5rem #fff;
  background-size: 2.4rem;
  color: #0000ff;
}
body.blue .btnDouble p.btn3 a:hover {
  background: url("../images/ico_xls_blue.webp") no-repeat center right 1.9rem #fff;
  background-size: 1.39rem;
  color: #0000ff;
}
body.blue section.contact .inner p.toForm a:hover {
  color: #0000ff;
  background: #ffffff;
}
body.blue section.contact .inner p.toForm a:hover:before {
  display: none;
}
body.blue p.btn22 a:hover, body.blue p.btn22 a.current {
  color: #0000ff;
  background: #ffffff;
}
body.blue p.btn11 a:hover, body.blue p.btn5 a:hover, body.blue p.btn6:hover, body.blue p.btn:hover, body.blue .detailWrap .detailBox p.btn4 a:hover, body.blue p.btn21 a:hover {
  color: #0000ff;
  background: #ffffff;
}
body.blue p.btn9 a:hover {
  color: #0000ff;
  background: url(../images/ico_pdf.webp) no-repeat center right 1.5rem #ffffff;
  background-size: 2.4rem;
}
body.blue section.kashikiri .inner .flows .flow p.btn3 a:hover {
  color: #0000ff;
  background: url(../images/ico_pdf_blue.webp) no-repeat center right 1.5rem #ffffff;
  background-size: 2.4rem;
}
body.blue section.kashikiri .inner .flows .flow p.btn3 a.xls:hover {
  color: #0000ff;
  background: url(../images/ico_xls_blue.webp) no-repeat center right 1.9rem #ffffff;
  background-size: 1.39rem;
}
body.blue section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover {
  color: #0000ff;
  background: #ffffff;
}
body.blue section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::before, body.blue section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::after {
  display: none;
}
body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover {
  color: #0000ff;
  background: #ffffff;
}
body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::before, body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after {
  display: none;
}
body.blue section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after {
  display: block;
  background: url(../images/bg_span_ext.webp) no-repeat center center;
  background-size: 2.4rem;
}
body.blue .siteMap .inner .corp p.toForm a:hover {
  color: #0000ff;
  background: #ffffff;
}
body.blue .siteMap .inner .corp p.toForm a:hover::before, body.blue .siteMap .inner .corp p.toForm a:hover::after {
  display: none;
}
body.blue .detailWrap .detailBox p.btn4 a:hover::before {
  display: none;
}
body.blue .pagenavi a:hover {
  background: #fff;
  color: #0000ff;
}
body.blue .pagenavi a.previouspostslink:hover::before, body.blue .pagenavi a.nextpostslink:hover::before {
  border-color: #0000ff;
}
body.blue header .headerCont nav > ul.pc > li.has-children.open > a::after {
  background: url(../images/arrow_above_blue.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.blue footer > p a {
  background: url(../images/ico_ext_white.webp) no-repeat top 50% right;
  background-size: 2.4rem;
}
body.blue p.btn5 a:hover {
  background: url(../images/ico_pdf.webp) no-repeat center right 1.5rem #fff;
  background-size: 2.4rem;
}
@media screen and (max-width: 820px) {
  body.blue .otherLinks p.btnFM a {
    background: url(../images/ico_fm_blue.webp) no-repeat center left 2rem #0000ff;
    background-size: 4rem;
    padding-left: 8rem;
  }
  body.blue .otherLinks p.btnPT a {
    background: url(../images/ico_pt_blue.webp) no-repeat center left 2rem #0000ff;
    background-size: 4rem;
    padding-left: 8rem;
  }
}
body.blue #menu-panel {
  box-shadow: none;
}
body.blue a#menu-open span {
  background: #fff;
}
body.blue #menu-close span {
  background: #fff;
}
body.blue #menu-panel select {
  background: url("../images/arrow_select_white.webp") no-repeat center right 1.2rem #0000ff;
  background-size: 0.9rem;
  border: 1px solid #cddcfa;
  color: #fff;
}
@media screen and (max-width: 820px) {
  body.blue #menu-panel p.accessibility a {
    background: url("../images/bg_accessibility_white.webp") no-repeat center left;
    background-size: 2.4rem;
  }
}
body.blue header .headerCont nav > ul.pc > li.ticket {
  background: url("../images/ico_ticket_blue.webp") no-repeat center left 1.3rem #fff;
  background-size: 2rem;
}
body.blue header .headerCont nav > ul.pc > li.ticket > a {
  border-bottom: none;
  background-image: none;
  color: #0656f0;
}
body.blue header .headerCont nav > ul.pc > li.ticket > a:hover {
  border-bottom: none;
  color: #0656f0;
  text-decoration: underline;
}

/* YELLOW */
body.yellow {
  background: #ffff00;
  color: #0000ff;
  /* hover */
  /* SP */
}
body.yellow section.kashikiri .inner ul.uketuke li.passive p.status span {
  color: #008eff;
}
body.yellow table thead th, body.yellow .tabCont ul.tab-menu li.active, body.yellow section.kashikiri .inner ul.uketuke li.active p.status, body.yellow section.kashikiri .inner ul.uketuke li.passive p.status, body.yellow .tabCont ul.tab-menu2 li.active, body.yellow section.schoolInfo .inner ul.infoBox li a h3, body.yellow section.facility .inner ul li a figure figcaption, body.yellow footer .rightsBox .inner ul li a, body.yellow footer .rightsBox .inner p, body.yellow .kv_classDetail .inner h1 span, body.yellow .pagenavi span.current, body.yellow .kv .inner h1,
body.yellow section.contact .inner .action h3 span, body.yellow ul.breadcrumb li, body.yellow ul.breadcrumb li a, body.yellow header .headerCont nav > ul.pc > li > a, body.yellow header .headerCont nav > ul.pc > li.ticket > a, body.yellow .ticketBox a {
  color: #ffff00;
}
body.yellow a, body.yellow select, body.yellow header .headerCont nav > ul.pc > li > a, body.yellow section.newsArea .inner .newsList dl a dt, body.yellow section.newsArea .inner .newsList dl a dd, body.yellow section.importantinfo .inner h2, body.yellow section.importantinfo .inner .infoBox dl a dd, body.yellow p.btn6, body.yellow p.btn, body.yellow section.kashikiri .inner .flows .flow p.btn3 a, body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.yellow section.access .inner p.muryou, body.yellow .siteMap .inner .corp p.tel, body.yellow .siteMap .inner .corp p.tel a, body.yellow .siteMap .inner .corp p.toForm a, body.yellow .siteMap .inner .links h3 a, body.yellow .siteMap .inner .links ul li a, body.yellow section.schoolInfo .inner ul.infoBox li a h4, body.yellow section.kashikiri .inner .flows .flow h4, body.yellow .modal-content .inner .flow dl dt, body.yellow .modal-content .inner h4, body.yellow section.access .inner .viaBox .via h4, body.yellow .searchCont .inner .searchBox form input, body.yellow .searchCont .inner .searchBox form input::placeholder, body.yellow nav ul.sp > li > a, body.yellow nav ul.sp > li .submenu ul li a, body.yellow section.use .inner .info .tableBox p.muryou, body.yellow .tabCont ul.tab-menu li, body.yellow .tabCont ul.tab-menu2 li, body.yellow header .headerCont nav > ul.pc > li .submenu ul li a, body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.yellow .variCont .inner .fst p.accessibility a, body.yellow .variCont .inner .fst p.print a, body.yellow #menu-panel p.accessibility a,
body.yellow .leadBox .txts p.hl, body.yellow .leadBox .txts p.lead, body.yellow .round table tbody td.tags div span.tag, body.yellow .introPanel ul li a, body.yellow .kv_classDetail .inner ul.breadcrumb li a, body.yellow .kv_classDetail .inner ul.breadcrumb li, body.yellow .contBox dl, body.yellow .postArea p, body.yellow .postArea h3, body.yellow .postArea ul li, body.yellow .postArea .relatedPosts h3, body.yellow .postArea .relatedPosts ul li a, body.yellow dl.qanda dd a, body.yellow section.contact .inner p.toForm a, body.yellow .searchframe label input::placeholder, body.yellow section.accessibility .inner p a,
body.yellow .ruleBox .rule ul li ol li, body.yellow ul.photos li h4, body.yellow ul.floorList li, body.yellow .spopita p {
  color: #0000ff;
}
body.yellow header .headerCont nav > ul.pc > li > a.current, body.yellow header .headerCont nav > ul.pc > li > a:hover, body.yellow section.salesinfo .inner h2, body.yellow section.use .inner .info .contBox dl, body.yellow .detailWrap .detailBox p.btn4 a {
  color: #0000ff;
}
body.yellow .variCont .inner .scd dl.textsize dd button, body.yellow #menu-panel dl.bgcolor dd button.white, body.yellow #menu-panel dl.textsize dd button {
  color: #000032;
}
body.yellow .modal-content .inner .flow dl dt span {
  color: #0656f0;
}
body.yellow .variCont .inner .scd dl.bgcolor dd button.white {
  color: #000032;
}
body.yellow span.marker, body.yellow section.kashikiri .inner ul.uketuke li.active p.taisyo span, body.yellow section.kashikiri .inner ul.uketuke li.passive p.taisyo span {
  background: none;
}
body.yellow section.salesinfo, body.yellow section.importantinfo, body.yellow section.salesinfo .inner .infoBox, body.yellow section.newsArea, body.yellow section.use, body.yellow section.kashikiri, body.yellow section.kashikiri .inner .flows, body.yellow section.kashikiri .inner ul.uketuke li, body.yellow section.kashikiri .inner .flows .flow, body.yellow section.schoolInfo .inner ul.infoBox li, body.yellow section.facility, body.yellow section.access, body.yellow .footBnrBox, body.yellow .siteMap, body.yellow footer .rightsBox, body.yellow table tbody td, body.yellow section.use .inner .info .tableBox .dantai, body.yellow .precautions .prec, body.yellow .tabCont ul.tab-menu, body.yellow .tabCont ul.tab-menu2, body.yellow .tabCont ul.tab-menu li, body.yellow .tabCont ul.tab-menu2 li, body.yellow select option, body.yellow header .headerCont nav > ul.pc > li .submenu, body.yellow p.btn11 a, body.yellow p.btn5, body.yellow p.btn6, body.yellow p.btn, body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.yellow section.access .inner p.muryou, body.yellow .siteMap .inner .corp p.toForm a, body.yellow .modal-content .inner, body.yellow .modal-content, body.yellow #menu-close, body.yellow #menu-panel, body.yellow .searchCont .inner, body.yellow .searchCont .inner .searchBox form input, body.yellow section.use .inner .info .tableBox p.muryou, body.yellow section.kashikiri .inner ul.uketuke li.active p.status span, body.yellow section.kashikiri .inner ul.uketuke li.passive p.status span, body.yellow section.course, body.yellow section.calendar, body.yellow section.admission, body.yellow .round table tbody th, body.yellow .round table tbody td.tags div span.tag, body.yellow .round table thead th p span, body.yellow .detailWrap, body.yellow .detailWrap .detailBox p.btn4 a, body.yellow p.btn21 a,
body.yellow section.salesInfo, body.yellow .extraction, body.yellow .extraction .checkboxBox input[type="checkbox"], body.yellow .pagenavi a, body.yellow section.contact, body.yellow dl.qanda, body.yellow p.btn22 a, body.yellow section.contact .inner p.toForm a, body.yellow .introPanel, body.yellow section.contact .inner .action, body.yellow .searchframe label input, body.yellow section.accessibility, body.yellow section.accessibility .inner p.toha, body.yellow ul.floorList, body.yellow .spopita {
  background: #ffff00;
}
body.yellow footer .rightsBox {
  background: #000032;
}
body.yellow .extraction .checkboxBox input[type="checkbox"]:checked, body.yellow .pagenavi span.current {
  background: #0000ff;
}
body.yellow section.schoolInfo {
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #ffff00;
  background-size: 100%;
}
body.yellow .contBox {
  background: url(../images/bg_useinfo.webp) no-repeat top -3.8rem left 42rem #ffff00;
  background-size: 26.7rem;
}
@media screen and (max-width: 820px) {
  body.yellow .contBox {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #ffff00;
    background-size: 100%;
  }
}
body.yellow table tbody th {
  background: #4c4cff;
}
body.yellow .tabCont ul.tab-menu li.active, body.yellow .tabCont ul.tab-menu2 li.active {
  background: #0656f0;
}
body.yellow header .headerCont nav > ul.pc > li > a {
  border-bottom: 0.2rem solid #ffff00;
}
body.yellow header .headerCont nav > ul.pc > li > a.current, body.yellow header .headerCont nav > ul.pc > li > a:hover {
  border-bottom: 0.2rem solid #0000ff;
}
body.yellow table tbody th {
  background: #ffffb2;
}
body.yellow p.btn11 a, body.yellow p.btn6, body.yellow p.btn, body.yellow section.kashikiri .inner .flows .flow p.btn3 a, body.yellow section.access .inner p.muryou, body.yellow p.btn5 a, body.yellow section.importantinfo .inner h2, body.yellow ul.tab-menu2, body.yellow .tabCont ul.tab-menu, body.yellow .pagenavi a {
  border-color: #0000ff;
}
body.yellow section.use .inner .info .contBox, body.yellow p.btn9 a, body.yellow p.btn5 a, body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a, body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a, body.yellow .siteMap .inner .corp p.toForm a, body.yellow .searchCont .inner .searchBox form input, body.yellow section.kashikiri .inner .flows .flow, body.yellow section.kashikiri .inner ul.uketuke li, body.yellow section.schoolInfo .inner ul.infoBox li, body.yellow .detailWrap .detailBox p.btn4 a, body.yellow .contBox, body.yellow section.contact .inner .action, body.yellow section.contact .inner p.toForm a {
  border: 1px solid;
  border-color: #0000ff;
}
body.yellow .variCont .inner .scd dl.textsize dd button.current, body.yellow p.btn11 a {
  border-color: #0000ff;
}
body.yellow .variCont .inner .scd dl.bgcolor dd button, body.yellow .round {
  border-color: #0000ff;
}
body.yellow .round table tbody td.tags div span.tag {
  border-color: #cddcfa;
}
body.yellow .extraction .checkboxBox input[type="checkbox"]:checked::after {
  border-color: #ffff00;
}
body.yellow header .headerCont nav > ul.pc > li.has-children > a::after {
  background: url(../images/arrow_select_blue.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.yellow .variCont .inner .fst select {
  background: url(../images/arrow_select_blue.webp) no-repeat center right 0.9rem;
  background-size: 0.9rem;
}
body.yellow .variCont .inner .fst p.accessibility a {
  background: url(../images/bg_accessibility_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow .variCont .inner .fst p.print a {
  background: url(../images/bg_print_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow .variCont .inner .scd p.search {
  background: url(../images/bg_search_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow section.newsArea .inner .newsList dl a dd.pdf::before {
  background: url(../images/ico_pdf_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow section.newsArea .inner .newsList dl a dd.ext::before {
  background: url(../images/ico_ext_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow .more span {
  background: url(../images/arrow_more_blue.webp) no-repeat center right;
  background-size: 1.1rem;
}
body.yellow .more span.open {
  background: url(../images/arrow_more_blue_above.webp) no-repeat center right;
  background-size: 1.1rem;
}
body.yellow section.importantinfo .inner .infoBox dl a dd.pdf::before {
  background: url(../images/ico_pdf_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow section.importantinfo .inner .infoBox dl a dd.ext::before {
  background: url(../images/ico_ext_blue.webp) no-repeat center left;
  background-size: 2.4rem;
}
body.yellow p.btn9 a {
  background: url(../images/ico_pdf_white.webp) no-repeat center right 1.5rem #ffff00;
  background-size: 2.4rem;
}
body.yellow p.btn5.nopdf a {
  background: #ffff00;
}
body.yellow section.kashikiri .inner .flows .flow p.btn3 a {
  background: url(../images/ico_pdf_blue.webp) no-repeat center right 1.5rem #ffff00;
  background-size: 2.4rem;
}
body.yellow section.kashikiri .inner .flows .flow p.btn3 a.xls {
  background: url("../images/ico_xls_blue.webp") no-repeat center right 1.9rem #ffff00;
  background-size: 1.39rem;
}
body.yellow .searchCont .inner .searchBox form button.search-submit {
  background: url("../images/bg_search_blue.webp") no-repeat;
  background-size: 2.4rem;
}
body.yellow .searchCont .inner .searchBox p.close {
  background: url(../images/seach_close_blue.webp) no-repeat center left;
  background-size: 1.49rem;
}
body.yellow .postArea .relatedPosts ul li a.pdf::before {
  background: url("../images/ico_pdf_blue.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.yellow .postArea .relatedPosts ul li a.ext::before {
  background: url("../images/ico_ext_blue.webp") no-repeat center left;
  background-size: 2.4rem;
}
body.yellow dl.qanda dt {
  background: url(../images/bg_q_yellow.webp) no-repeat top left;
  background-size: 3.2rem;
}
body.yellow header .headerCont nav > ul.pc > li.ticket > a {
  background: url(../images/ico_ticket_yellow.webp) no-repeat center left 1.3rem #0000ff;
  background-size: 2rem;
}
body.yellow .ticketBox a {
  background: url(../images/ico_ticket_yellow.webp) no-repeat top 3rem center #0000ff;
  background-size: 4.2rem;
}
body.yellow .ticketBox a span.ticket_close {
  background: url(../images/ticket_close_yellow.webp) no-repeat;
  background-size: 100%;
}
body.yellow header .headerCont p.ticket a {
  background: url(../images/ico_ticket_yellow.webp) no-repeat top 0.6rem center #0000ff;
  background-size: 2.4rem;
  color: #ffff00;
}
body.yellow .btnDouble p.btn3 a.xls {
  background: url("../images/ico_xls_blue.webp") no-repeat center right 1.9rem #ffff00;
  background-size: 1.39rem;
  color: #0000ff;
  border-color: #0000ff;
}
body.yellow p.btn42 a {
  background: url("../images/ico_ext_blue.webp") no-repeat center right 1.5rem #ffff00;
  background-size: 2.4rem;
  color: #0000ff;
  border-color: #0000ff;
}
body.yellow section.schoolInfo {
  background: none;
  position: relative;
}
body.yellow section.schoolInfo::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/bg_schoolinfo.webp) no-repeat top right, #000000;
  background-size: 100%;
  opacity: 50%;
  z-index: -1;
}
body.yellow .contBox.accessPage {
  background: url(../images/bg_useinfo.webp) no-repeat top -1rem left 38rem #ffff00;
  background-size: contain;
}
@media screen and (max-width: 820px) {
  body.yellow .contBox.accessPage {
    background: url(../images/bg_useinfo.webp) no-repeat top 0 left 0 #ffff00;
    background-size: 100%;
  }
}
body.yellow p.btn9 a {
  background: url(../images/ico_pdf_blue.webp) no-repeat center right 1.5rem #ffff00;
  background-size: 2.4rem;
}
body.yellow p.btn5 a {
  background: url("../images/ico_pdf.webp") no-repeat center right 1.5rem #ffff00;
  background-size: 2.4rem;
}
body.yellow p.btnBF a {
  border: 1px solid #0000ff;
  color: #ffff00;
  background: url(../images/ico_bf_yellow.webp) no-repeat center left 2rem #0000ff;
  background-size: 4rem;
}
body.yellow .otherLinks p.btnFM a {
  color: #0000ff;
  background: url(../images/ico_fm_yellow.webp) no-repeat center left 4rem #ffff00;
  background-size: 5rem;
  border: 1px solid #0000ff;
}
body.yellow .otherLinks p.btnPT a {
  color: #0000ff;
  background: url(../images/ico_pt_yellow.webp) no-repeat center left 4rem #ffff00;
  background-size: 5rem;
  border: 1px solid #0000ff;
}
body.yellow p.btn31 a {
  background: #ffff00;
  border: 1px solid #0000ff;
  color: #0000ff;
  display: flex;
}
body.yellow p.btn31 a:hover {
  background: #0000ff;
  border: 1px solid #0000ff;
  color: #ffff00;
  display: flex;
}
body.yellow p.btn31 a:hover::before {
  display: none;
}
body.yellow .otherLinks p.btnFM a:hover {
  color: #ffff00;
  background: url(../images/ico_fm_yellow_hover.webp) no-repeat center left 4rem #0000ff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.yellow .otherLinks p.btnPT a:hover {
  color: #ffff00;
  background: url(../images/ico_pt_yellow_hover.webp) no-repeat center left 4rem #0000ff;
  background-size: 5rem;
  border: 1px solid #fff;
}
body.yellow p.btnBF a:hover {
  border: 1px solid #0000ff;
  color: #0000ff;
  background: url(../images/ico_bf_bg_blue.webp) no-repeat center left 2rem #ffff00;
  background-size: 4rem;
}
body.yellow .btnDouble p.btn3 a.xls:hover {
  background: url("../images/ico_xls_yellow.webp") no-repeat center right 1.9rem #0000ff;
  background-size: 1.39rem;
  color: #ffff00;
  border-color: #ffff00;
}
body.yellow p.btn42 a:hover {
  background: url("../images/ico_ext_white.webp") no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
  color: #ffff00;
  border-color: #ffff00;
}
body.yellow section.contact .inner p.toForm a:hover {
  color: #ffff00;
  background: #0000ff;
}
body.yellow section.contact .inner p.toForm a:hover::before {
  display: none;
}
body.yellow p.btn22 a:hover, body.yellow p.btn22 a.current {
  color: #ffff00;
  background: #0000ff;
}
body.yellow p.btn11 a:hover, body.yellow p.btn5 a:hover, body.yellow p.btn6:hover, body.yellow p.btn:hover, body.yellow .detailWrap .detailBox p.btn4 a:hover, body.yellow p.btn21 a:hover {
  color: #ffff00;
  background: #0000ff;
}
body.yellow p.btn9 a:hover {
  color: #ffff00;
  background: url("../images/ico_pdf_white.webp") no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
body.yellow section.kashikiri .inner .flows .flow p.btn3 a:hover {
  color: #ffff00;
  background: url(../images/ico_pdf_yellow.webp) no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
body.yellow section.kashikiri .inner .flows .flow p.btn3 a.xls:hover {
  color: #ffff00;
  background: url(../images/ico_xls_yellow.webp) no-repeat center right 1.9rem #0000ff;
  background-size: 1.39rem;
}
body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover {
  color: #ffff00;
  background: #0000ff;
}
body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::before, body.yellow section.kashikiri .inner .flows .flow .rightCont p.toForm a:hover::after {
  display: none;
}
body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover {
  color: #ffff00;
  background: #0000ff;
}
body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::before, body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after {
  display: none;
}
body.yellow section.kashikiri .inner .flows .flow .rightCont p.btn4 a:hover::after {
  display: block;
  background: url(../images/bg_span_ext.webp) no-repeat center center;
  background-size: 2.4rem;
}
body.yellow .siteMap .inner .corp p.toForm a:hover {
  color: #ffff00;
  background: #0000ff;
}
body.yellow .siteMap .inner .corp p.toForm a:hover::before, body.yellow .siteMap .inner .corp p.toForm a:hover::after {
  display: none;
}
body.yellow .detailWrap .detailBox p.btn4 a:hover::before {
  display: none;
}
body.yellow .pagenavi a:hover {
  background: #0000ff;
  color: #ffff00;
}
body.yellow .pagenavi a.previouspostslink:hover::before, body.yellow .pagenavi a.nextpostslink:hover::before {
  border-color: #ffff00;
}
body.yellow header .headerCont nav > ul.pc > li.has-children.open > a::after {
  background: url(../images/arrow_above.webp) no-repeat center right;
  background-size: 0.9rem;
}
body.yellow footer > p a {
  background: url(../images/ico_ext_blue.webp) no-repeat top 50% right;
  background-size: 2.4rem;
}
body.yellow p.btn5 a:hover {
  background: url("../images/ico_pdf_w.webp") no-repeat center right 1.5rem #0000ff;
  background-size: 2.4rem;
}
@media screen and (max-width: 820px) {
  body.yellow .otherLinks p.btnFM a {
    background: url(../images/ico_fm_yellow.webp) no-repeat center left 2rem #ffff00;
    background-size: 4rem;
    padding-left: 8rem;
  }
  body.yellow .otherLinks p.btnPT a {
    background: url(../images/ico_pt_yellow.webp) no-repeat center left 2rem #ffff00;
    background-size: 4rem;
    padding-left: 8rem;
  }
}
body.yellow a#menu-open span {
  background: #0000ff;
}
body.yellow #menu-close span {
  background: #0000ff;
}
body.yellow #menu-panel select {
  background: url("../images/arrow_select_blue.webp") no-repeat center right 1.2rem #ffff00;
  background-size: 0.9rem;
  border: 1px solid #cddcfa;
  color: #0000ff;
}
@media screen and (max-width: 820px) {
  body.yellow #menu-panel p.accessibility a {
    background: url("../images/bg_accessibility_blue.webp") no-repeat center left;
    background-size: 2.4rem;
  }
}
body.yellow header .headerCont nav > ul.pc > li.ticket {
  background: url("../images/ico_ticket_yellow.webp") no-repeat center left 1.3rem #0000ff;
  background-size: 2rem;
}
body.yellow header .headerCont nav > ul.pc > li.ticket > a {
  border-bottom: none;
  background-image: none;
  color: #ffff00;
}
body.yellow header .headerCont nav > ul.pc > li.ticket > a:hover {
  border-bottom: none;
  color: #ffff00;
  text-decoration: underline;
}