@charset "UTF-8";
/*共通*/
.ocLiBaseWrap {
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ocLiBaseWrap .ocLiBaseBox {
  background-color: #fff;
  border: 1px solid;
  border-color: #aaa;
}
.ocLiBaseWrap .ocLiBaseBox img {
  width: 100%;
}
.ocLiBaseWrap .ocLiBaseBox .ocLiBasInner {
  padding: 15px;
}
.ocLiBaseWrap .ocLiBaseBox .horixzonHead {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  margin-bottom: 15px;
}
.ocLiBaseWrap .ocLiBaseBox .horixzonHead:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-right: 0.5em;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dt {
  background-color: #f2f1e9;
  color: #4d4d4d;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 68%;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd span:nth-child(3n+1) {
  margin-left: 0;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd span:nth-child(-n+3) {
  margin-top: 0;
}
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd span {
  border: 1px solid;
  border-color: #4d4d4d;
  border-radius: 100px;
  display: inline-block;
  width: 30%;
  text-align: center;
  margin-left: 4%;
  margin-top: 4%;
}
.ocLiBaseWrap .ocLiBaseBox .ocTtl {
  font-size: clamp(1.125rem, 0.382rem + 1.08vw, 1.375rem);
  margin-top: 20px;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi li:first-child {
  margin-left: 0;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi li {
  display: inline-block;
  padding: 5px 5px;
  font-size: 10px;
  line-height: 1em;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .gc-cate {
  background: #3b82c5;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .cg-cate {
  background: #5fab33;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .an-cate {
  background: #ff6699;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .ch-cate {
  background: #ffb400;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .va-cate {
  background: #e50053;
}
.ocLiBaseWrap .ocLiBaseBox .deptLi .all-cate {
  background-color: #4d4d4d;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap {
  margin-top: 15px;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox, .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox {
  width: 50%;
  text-align: center;
  border: 1px solid;
  border-color: #4d4d4d;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a, .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a {
  font-weight: bold;
  font-size: clamp(0.75rem, 0.007rem + 1.08vw, 1rem);
  line-height: 3em;
  position: relative;
  display: block;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a:after, .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 10px;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox {
  border-radius: 10px 0 0 10px;
  border-right: none;
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox {
  border-radius: 0 10px 10px 0;
  border-left: none;
  background: linear-gradient(#39c462, #07b53b);
}
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a {
  color: #fff;
}
.ocLiBaseWrap .ocLiBaseBox .ocMoreBtn {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-size: clamp(0.75rem, 0.007rem + 1.08vw, 1rem);
  width: 60%;
  margin: 15px auto 0;
}
.ocLiBaseWrap .ocLiBaseBox .ocMoreBtn:before, .ocLiBaseWrap .ocLiBaseBox .ocMoreBtn:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.ocLiBaseWrap .ocLiBaseBox .ocMoreBtn:before {
  margin-right: 0.5em;
}
.ocLiBaseWrap .ocLiBaseBox .ocMoreBtn:after {
  margin-left: 0.5em;
}

@media only screen and (min-width:769px) {
  .ocLiBaseWrap.col3 .ocLiBaseBox:nth-child(3n+1) {
    margin-left: 0;
  }
  .ocLiBaseWrap.col3 .ocLiBaseBox:nth-child(-n+3) {
    margin-top: 0;
  }
  .ocLiBaseWrap.col3 .ocLiBaseBox {
    width: 32%;
    margin-left: 2%;
    margin-top: 2%;
  }
}
@media only screen and (max-width:768px) {
  .ocLiBaseWrap .ocLiBaseBox .ocLiBasInner {
    padding: 5%;
  }
  .ocLiBaseWrap .ocLiBaseBox .horixzonHead {
    margin-bottom: 2%;
  }
  .ocLiBaseWrap .ocLiBaseBox .heldDateWrap dt {
    width: 30%;
  }
  .ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd {
    width: 68%;
  }
  .ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd span {
    width: 30%;
    margin-left: 4%;
    margin-top: 4%;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocTtl {
    margin-top: 5%;
  }
  .ocLiBaseWrap .ocLiBaseBox .deptLi {
    margin-top: 5%;
  }
  .ocLiBaseWrap .ocLiBaseBox .deptLi li {
    padding: 5px 5px;
    font-size: 10px;
    line-height: 1em;
    margin-left: 5px;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap {
    margin-top: 5%;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a, .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a {
    font-size: 3.2vw;
    line-height: 3em;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a:after, .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a:after {
    margin-left: 10px;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox {
    border-radius: 10px 0 0 10px;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox {
    border-radius: 0 10px 10px 0;
    margin-top: 0;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocMoreBtn {
    font-size: 4vw;
    width: 60%;
    margin: 15px auto 0;
  }
  .ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap.col2 {
    display: flex;
  }
  .ocLiBaseWrap.col3 .ocLiBaseBox:first-child {
    margin-top: 0;
  }
  .ocLiBaseWrap.col3 .ocLiBaseBox {
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
  }
}
/*全体*/
.ocWrap {
  background-color: #fff;
  padding-top: 158px;
}

#ocTopSlideWrap, #event, .bnrWrap, #QA, #transportation {
  padding: 100px 0;
}
#ocTopSlideWrap .inner, #event .inner, .bnrWrap .inner, #QA .inner, #transportation .inner {
  width: 90%;
  min-width: 1100px;
  max-width: 1470px;
  margin: 0 auto;
}
#ocTopSlideWrap .inner .horizonbar, #ocTopSlideWrap .inner .verticalbar, #event .inner .horizonbar, #event .inner .verticalbar, .bnrWrap .inner .horizonbar, .bnrWrap .inner .verticalbar, #QA .inner .horizonbar, #QA .inner .verticalbar, #transportation .inner .horizonbar, #transportation .inner .verticalbar {
  content: "";
}
#ocTopSlideWrap .inner .horizonbar, #event .inner .horizonbar, .bnrWrap .inner .horizonbar, #QA .inner .horizonbar, #transportation .inner .horizonbar {
  width: 300px;
  height: 6px;
}
#ocTopSlideWrap .inner .verticalbar, #event .inner .verticalbar, .bnrWrap .inner .verticalbar, #QA .inner .verticalbar, #transportation .inner .verticalbar {
  width: 6px;
  height: 300px;
}
#ocTopSlideWrap .inner .topbar, #ocTopSlideWrap .inner .bottombar, #event .inner .topbar, #event .inner .bottombar, .bnrWrap .inner .topbar, .bnrWrap .inner .bottombar, #QA .inner .topbar, #QA .inner .bottombar, #transportation .inner .topbar, #transportation .inner .bottombar {
  position: absolute;
  z-index: 0;
}
#ocTopSlideWrap .inner .horizonbar.topbar, #event .inner .horizonbar.topbar, .bnrWrap .inner .horizonbar.topbar, #QA .inner .horizonbar.topbar, #transportation .inner .horizonbar.topbar {
  left: -30px;
  top: -3px;
}
#ocTopSlideWrap .inner .verticalbar.topbar, #event .inner .verticalbar.topbar, .bnrWrap .inner .verticalbar.topbar, #QA .inner .verticalbar.topbar, #transportation .inner .verticalbar.topbar {
  left: -3px;
  top: -30px;
}
#ocTopSlideWrap .inner .horizonbar.bottombar, #event .inner .horizonbar.bottombar, .bnrWrap .inner .horizonbar.bottombar, #QA .inner .horizonbar.bottombar, #transportation .inner .horizonbar.bottombar {
  right: -30px;
  bottom: -3px;
}
#ocTopSlideWrap .inner .verticalbar.bottombar, #event .inner .verticalbar.bottombar, .bnrWrap .inner .verticalbar.bottombar, #QA .inner .verticalbar.bottombar, #transportation .inner .verticalbar.bottombar {
  right: -3px;
  bottom: -30px;
}
#ocTopSlideWrap .inner .horizonbar.topbar.reversebar, #event .inner .horizonbar.topbar.reversebar, .bnrWrap .inner .horizonbar.topbar.reversebar, #QA .inner .horizonbar.topbar.reversebar, #transportation .inner .horizonbar.topbar.reversebar {
  right: -30px;
  top: -3px;
  left: unset;
}
#ocTopSlideWrap .inner .verticalbar.topbar.reversebar, #event .inner .verticalbar.topbar.reversebar, .bnrWrap .inner .verticalbar.topbar.reversebar, #QA .inner .verticalbar.topbar.reversebar, #transportation .inner .verticalbar.topbar.reversebar {
  right: -3px;
  top: -30px;
  left: unset;
}
#ocTopSlideWrap .inner .horizonbar.bottombar.reversebar, #event .inner .horizonbar.bottombar.reversebar, .bnrWrap .inner .horizonbar.bottombar.reversebar, #QA .inner .horizonbar.bottombar.reversebar, #transportation .inner .horizonbar.bottombar.reversebar {
  left: -30px;
  bottom: -3px;
  right: unset;
}
#ocTopSlideWrap .inner .verticalbar.bottombar.reversebar, #event .inner .verticalbar.bottombar.reversebar, .bnrWrap .inner .verticalbar.bottombar.reversebar, #QA .inner .verticalbar.bottombar.reversebar, #transportation .inner .verticalbar.bottombar.reversebar {
  left: -3px;
  bottom: -30px;
  right: unset;
}

@media only screen and (max-width:768px) {
  .ocWrap {
    padding-top: 130px;
  }
  #ocTopSlideWrap, #event, .bnrWrap, #QA, #transportation {
    padding: 15% 0;
  }
  #ocTopSlideWrap .inner, #event .inner, .bnrWrap .inner, #QA .inner, #transportation .inner {
    width: 90%;
    min-width: unset;
    max-width: unset;
    margin: 0 auto;
    padding: 5% 5% 15%;
  }
  #ocTopSlideWrap .inner .horizonbar, #event .inner .horizonbar, .bnrWrap .inner .horizonbar, #QA .inner .horizonbar, #transportation .inner .horizonbar {
    width: 100px;
    height: 4px;
  }
  #ocTopSlideWrap .inner .verticalbar, #event .inner .verticalbar, .bnrWrap .inner .verticalbar, #QA .inner .verticalbar, #transportation .inner .verticalbar {
    width: 4px;
    height: 100px;
  }
  #ocTopSlideWrap .inner .horizonbar.topbar, #event .inner .horizonbar.topbar, .bnrWrap .inner .horizonbar.topbar, #QA .inner .horizonbar.topbar, #transportation .inner .horizonbar.topbar {
    left: -15px;
  }
  #ocTopSlideWrap .inner .verticalbar.topbar, #event .inner .verticalbar.topbar, .bnrWrap .inner .verticalbar.topbar, #QA .inner .verticalbar.topbar, #transportation .inner .verticalbar.topbar {
    top: -15px;
  }
  #ocTopSlideWrap .inner .horizonbar.bottombar, #event .inner .horizonbar.bottombar, .bnrWrap .inner .horizonbar.bottombar, #QA .inner .horizonbar.bottombar, #transportation .inner .horizonbar.bottombar {
    right: -15px;
  }
  #ocTopSlideWrap .inner .verticalbar.bottombar, #event .inner .verticalbar.bottombar, .bnrWrap .inner .verticalbar.bottombar, #QA .inner .verticalbar.bottombar, #transportation .inner .verticalbar.bottombar {
    bottom: -15px;
  }
  #ocTopSlideWrap .inner .horizonbar.topbar.reversebar, #event .inner .horizonbar.topbar.reversebar, .bnrWrap .inner .horizonbar.topbar.reversebar, #QA .inner .horizonbar.topbar.reversebar, #transportation .inner .horizonbar.topbar.reversebar {
    right: -15px;
    left: unset;
  }
  #ocTopSlideWrap .inner .verticalbar.topbar.reversebar, #event .inner .verticalbar.topbar.reversebar, .bnrWrap .inner .verticalbar.topbar.reversebar, #QA .inner .verticalbar.topbar.reversebar, #transportation .inner .verticalbar.topbar.reversebar {
    top: -15px;
    left: unset;
  }
  #ocTopSlideWrap .inner .horizonbar.bottombar.reversebar, #event .inner .horizonbar.bottombar.reversebar, .bnrWrap .inner .horizonbar.bottombar.reversebar, #QA .inner .horizonbar.bottombar.reversebar, #transportation .inner .horizonbar.bottombar.reversebar {
    left: -15px;
    right: unset;
  }
  #ocTopSlideWrap .inner .verticalbar.bottombar.reversebar, #event .inner .verticalbar.bottombar.reversebar, .bnrWrap .inner .verticalbar.bottombar.reversebar, #QA .inner .verticalbar.bottombar.reversebar, #transportation .inner .verticalbar.bottombar.reversebar {
    bottom: -15px;
    right: unset;
  }
}
/*トップスライド*/
#ocslidewrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid;
  border-color: #4d4d4d;
  overflow: hidden;
}
#ocslidewrap #ocslide {
  margin: 0;
  padding: 0;
}
#ocslidewrap #ocslide li {
  margin: 0 0;
}

@media only screen and (max-width:768px) {
  #ocslidewrap #ocslide li {
    margin: 0;
  }
}
/*おすすめのOC*/
#ocTopSlideWrap {
  background-color: #f6eed9;
  border-bottom: 1px solid;
  border-color: #4d4d4d;
  overflow: hidden;
}
#ocTopSlideWrap .ocLiBaseBox {
  margin: 0 10px;
}
#ocTopSlideWrap .slick-list {
  overflow: visible;
}
#ocTopSlideWrap .slick-dots {
  bottom: -30px;
}

@media only screen and (max-width:768px) {
  #ocTopSlideWrap {
    padding: 6% 0 0;
  }
}
/*イベント*/
#event {
  background-color: #f2f1e9;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#event .inner {
  background-color: #fff;
  padding: 5% 5% 7%;
  position: relative;
}
#event .inner .horizonbar, #event .inner .verticalbar {
  background-color: rgba(236, 108, 0, 0.45);
}
#event .ocCalendarMonth {
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
#event .ocCalendarMonth .leftarrow {
  margin-right: 25px;
}
#event .ocCalendarMonth .rightarrow {
  margin-left: 25px;
}
#event .ocCalendarMonth .leftarrow, #event .ocCalendarMonth .monthTxt, #event .ocCalendarMonth .rightarrow {
  font-size: clamp(1.5rem, 0.757rem + 1.08vw, 1.75rem);
}
#event .ocCalendar {
  margin-top: 20px;
  border-collapse: collapse;
}
#event .ocCalendar th, #event .ocCalendar td {
  border: 1px solid;
  border-color: #aaa;
  text-align: center;
  vertical-align: middle;
  font-size: clamp(1.125rem, 0.382rem + 1.08vw, 1.375rem);
  padding: 30px 15px;
}
#event .ocCalendar th {
  font-weight: bold;
  color: #fff;
  background: #808080;
}
#event .ocCalendar th.dSun {
  background: #c28080;
}
#event .ocCalendar th.dSat {
  background: #4f8099;
}
#event .ocCalendar td {
  background-color: #fff;
  color: #4d4d4d;
}
#event .ocCalendar td.dSun, #event .ocCalendar td.dHoli {
  color: #c28080;
}
#event .ocCalendar td.dSat {
  color: #4f8099;
}
#event .ocCalendar td.dHeld {
  background: #fff1e5;
}
#event .ocCalendarNote {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 60px;
}
#event .ocCalendarNote:before {
  content: "";
  width: 30px;
  height: 1em;
  margin-right: 10px;
  border: 1px solid;
  border-color: #aaa;
  background: #fff1e5;
  display: inline-block;
}
#event .btnTtlWrap {
  align-items: center;
}
#event .btnTtlWrap .leftbox {
  width: 82%;
}
#event .btnTtlWrap .rightbox {
  width: 15%;
}
#event .btnTtlWrap .narrowDownBtn {
  background: #808080;
  color: #fff;
  text-align: center;
  display: block;
  line-height: 2.5em;
}
#event .ocLiDateWrrap {
  margin-top: 30px;
  margin-bottom: 60px;
}
#event .ocDeptLiWrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 880px;
  margin: 30px auto 0;
}
#event .ocDeptLiWrap li:first-child {
  margin-left: 0;
}
#event .ocDeptLiWrap li {
  margin-left: 10px;
  border: 2px solid;
  font-weight: bold;
  text-align: center;
  font-size: clamp(0.625rem, 0.253rem + 0.54vw, 0.75rem);
}
#event .ocDeptLiWrap li img {
  width: 65%;
  display: block;
  margin: 0 auto 10px;
}
#event .ocDeptLiWrap li a {
  line-height: 1.5em;
  display: block;
  padding: 25px 15px 15px 15px;
}
#event .ocDeptLiWrap .ocDeptGc {
  border-color: #3b82c5;
}
#event .ocDeptLiWrap .ocDeptGc a {
  color: #3b82c5;
}
#event .ocDeptLiWrap .ocDeptCg {
  border-color: #389100;
}
#event .ocDeptLiWrap .ocDeptCg a {
  color: #389100;
}
#event .ocDeptLiWrap .ocDeptAn {
  border-color: #db4a86;
}
#event .ocDeptLiWrap .ocDeptAn a {
  color: #db4a86;
}
#event .ocDeptLiWrap .ocDeptCh {
  border-color: #e69000;
}
#event .ocDeptLiWrap .ocDeptCh a {
  color: #e69000;
}
#event .ocDeptLiWrap .ocDeptVa {
  border-color: #e50053;
}
#event .ocDeptLiWrap .ocDeptVa a {
  color: #c50040;
}
#event .specialbg {
  background-color: #f6eed9;
}
#event .specialLiWrap {
  margin-top: 30px;
}
#event .specialLiWrap .horixzonHead {
  color: #ff7500;
}
#event .specialLiWrap .heldDateWrap dt {
  color: #ff7500;
  background-color: #ffdcbf;
}
#event .specialLiWrap .heldDateWrap dd span {
  color: #ff7500;
  border-color: #ff7500;
}
#event .specialLiWrap .ocTtl {
  color: #ff7500;
}
#event .ocDeptlLiWrap {
  margin: 30px 0 60px;
}
#event .ocDeptlLiWrap .ocDeptlGc .heldDateWrap dt {
  color: #3b82c5;
  background: #e2ecf6;
}
#event .ocDeptlLiWrap .ocDeptlGc .heldDateWrap dd span {
  color: #3b82c5;
  border-color: #3b82c5;
}
#event .ocDeptlLiWrap .ocDeptlGc .ocTtl {
  color: #3b82c5;
}
#event .ocDeptlLiWrap .ocDeptlGc .ocMoreBtn {
  color: #3b82c5;
}
#event .ocDeptlLiWrap .ocDeptlCg .heldDateWrap dt {
  color: #389100;
  background: #e7f2e0;
}
#event .ocDeptlLiWrap .ocDeptlCg .heldDateWrap dd span {
  color: #389100;
  border-color: #389100;
}
#event .ocDeptlLiWrap .ocDeptlCg .ocTtl {
  color: #389100;
}
#event .ocDeptlLiWrap .ocDeptlCg .ocMoreBtn {
  color: #389100;
}
#event .ocDeptlLiWrap .ocDeptlAn .heldDateWrap dt {
  color: #db4a86;
  background: #f5dbdc;
}
#event .ocDeptlLiWrap .ocDeptlAn .heldDateWrap dd span {
  color: #db4a86;
  border-color: #db4a86;
}
#event .ocDeptlLiWrap .ocDeptlAn .ocTtl {
  color: #db4a86;
}
#event .ocDeptlLiWrap .ocDeptlAn .ocMoreBtn {
  color: #db4a86;
}
#event .ocDeptlLiWrap .ocDeptlCh .heldDateWrap dt {
  color: #e69000;
  background: #fde599;
}
#event .ocDeptlLiWrap .ocDeptlCh .heldDateWrap dd span {
  color: #e69000;
  border-color: #e69000;
}
#event .ocDeptlLiWrap .ocDeptlCh .ocTtl {
  color: #e69000;
}
#event .ocDeptlLiWrap .ocDeptlCh .ocMoreBtn {
  color: #e69000;
}
#event .ocDeptlLiWrap .ocDeptlVa .heldDateWrap dt {
  color: #c50040;
  background: #f9dee7;
}
#event .ocDeptlLiWrap .ocDeptlVa .heldDateWrap dd span {
  color: #c50040;
  border-color: #e50053;
}
#event .ocDeptlLiWrap .ocDeptlVa .ocTtl {
  color: #c50040;
}
#event .ocDeptlLiWrap .ocDeptlVa .ocMoreBtn {
  color: #c50040;
}
#event .ocAllDeptlLiWrap {
  margin: 30px 0 0;
}
#event .ocAllDeptlLiWrap .horixzonHead {
  color: #ff7500;
}
#event .ocAllDeptlLiWrap .ocTtl {
  color: #ff7500;
}

@media only screen and (max-width:768px) {
  #event .inner {
    padding: 5% 5% 7%;
  }
  #event .ocCalendarMonth {
    display: flex;
  }
  #event .ocCalendarMonth .leftarrow {
    margin-right: 5%;
  }
  #event .ocCalendarMonth .rightarrow {
    margin-left: 5%;
  }
  #event .ocCalendar {
    margin-top: 5%;
  }
  #event .ocCalendar th, #event .ocCalendar td {
    padding: 2.5% 2.5%;
  }
  #event .ocCalendarNote {
    margin-top: 5%;
    margin-bottom: 10%;
  }
  #event .btnTtlWrap .leftbox {
    width: 100%;
  }
  #event .btnTtlWrap .rightbox {
    width: 60%;
    margin: 5% auto 0;
  }
  #event .ocLiDateWrrap {
    margin-top: 5%;
    margin-bottom: 10%;
  }
  #event .ocLiDateWrrap .ocTtl {
    margin-top: 0;
  }
  #event .ocDeptLiWrap {
    width: 100%;
    margin: 30px auto 0;
    flex-wrap: wrap;
  }
  #event .ocDeptLiWrap li:first-child {
    margin-left: 0;
  }
  #event .ocDeptLiWrap li:nth-child(-n+3) {
    margin-top: 0;
  }
  #event .ocDeptLiWrap li {
    margin-left: 2%;
    border: 2px solid;
    width: 31%;
    margin-top: 5%;
  }
  #event .ocDeptLiWrap li img {
    width: 65%;
    margin: 0 auto 2.5%;
  }
  #event .ocDeptLiWrap li a {
    padding: 5%;
  }
  #event .specialbg {
    padding: 10% 5%;
  }
  #event .specialbg .specialLiWrap {
    margin-top: 8%;
  }
  #event .ocDeptlLiWrap {
    margin: 30px 0 60px;
  }
}
#bnrWrap {
  background-color: #fff;
  padding: 100px 0;
}
#bnrWrap .inner {
  border: none;
}
#bnrWrap .inner .bnrli {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
}
#bnrWrap .inner .bnrli li {
  line-height: 0;
  width: 49%;
  margin-left: 2%;
  margin-top: 2%;
}
#bnrWrap .inner .bnrli li a img {
  width: 100%;
}

@media only screen and (min-width:769px) {
  #bnrWrap .inner .bnrli li:nth-child(2n+1) {
    margin-left: 0;
  }
  #bnrWrap .inner .bnrli li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width:768px) {
  #bnrWrap {
    padding: 15% 0;
  }
  #bnrWrap .inner .bnrli {
    width: 82.5%;
  }
  #bnrWrap .inner .bnrli li:first-child {
    margin-top: 0;
  }
  #bnrWrap .inner .bnrli li {
    line-height: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 5%;
  }
}
#QA {
  background-color: #f2f1e9;
  position: relative;
}
#QA .inner {
  background-color: #fff;
  padding: 5% 5% 7%;
  position: relative;
}
#QA .inner .horizonbar, #QA .inner .verticalbar {
  background-color: rgba(190, 201, 182, 0.8);
}
#QA .mainttl span {
  color: #ff7500;
}
#QA .ocFaqAcdWrap {
  margin-top: 40px;
}
#QA .ocFaqAcdWrap .acdLabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f2f1e9;
  border-left: 1px solid;
  border-color: #aaa;
  border-right: 1px solid;
  border-color: #aaa;
  border-top: 1px solid;
  border-color: #aaa;
}
#QA .ocFaqAcdWrap .acdLabel .leftbox {
  width: 5%;
  display: block;
  padding: 0;
}
#QA .ocFaqAcdWrap .acdLabel .leftbox img {
  width: 70%;
  display: block;
  margin: 0 auto;
}
#QA .ocFaqAcdWrap .acdLabel .rightbox {
  width: 92%;
  font-size: clamp(1.25rem, 0.507rem + 1.08vw, 1.5rem);
  display: block;
  padding: 0;
}
#QA .ocFaqAcdWrap .acdContent {
  margin: 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 1px solid;
  border-color: #aaa;
  border-right: 1px solid;
  border-color: #aaa;
  border-bottom: 1px solid;
  border-color: #aaa;
}
#QA .ocFaqAcdWrap .acdContent .leftbox {
  width: 5%;
  display: block;
  padding: 0;
}
#QA .ocFaqAcdWrap .acdContent .leftbox img {
  width: 70%;
  display: block;
  margin: 0 auto;
}
#QA .ocFaqAcdWrap .acdContent .rightbox {
  width: 92%;
  font-size: clamp(1.25rem, 0.507rem + 1.08vw, 1.5rem);
  display: block;
  padding: 0;
  line-height: 1.5em;
}
#QA .ocFaqAcdWrap .acdContent .rightbox p, #QA .ocFaqAcdWrap .acdContent .rightbox ul {
  font-size: clamp(1.25rem, 0.507rem + 1.08vw, 1.5rem);
}
#QA .ocFaqAcdWrap .linkLiWrap {
  margin-left: 0;
}
#QA .ocFaqAcdWrap .linkLiWrap .linkLi {
  list-style: none;
  margin-top: 10px;
}
#QA .ocFaqAcdWrap .linkLiWrap .linkLi a:link {
  color: #008cce;
}
#QA .ocFaqAcdWrap .linkLiWrap .linkLi a:visited {
  color: #008cce;
}
#QA .ocFaqAcdWrap .linkLiWrap .linkLi a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: #008cce;
  margin-right: 10px;
  vertical-align: middle;
}

@media only screen and (max-width:768px) {
  #QA .inner {
    padding: 5% 5% 7%;
  }
  #QA .ocFaqAcdWrap {
    margin-top: 5%;
  }
  #QA .ocFaqAcdWrap .acdLabel .leftbox {
    width: 10%;
  }
  #QA .ocFaqAcdWrap .acdLabel .leftbox img {
    width: 70%;
  }
  #QA .ocFaqAcdWrap .acdLabel .rightbox {
    width: 86%;
    font-size: 3.5vw;
  }
  #QA .ocFaqAcdWrap .acdContent .leftbox {
    width: 10%;
  }
  #QA .ocFaqAcdWrap .acdContent .leftbox img {
    width: 70%;
  }
  #QA .ocFaqAcdWrap .acdContent .rightbox {
    width: 86%;
    font-size: 3.5vw;
  }
  #QA .ocFaqAcdWrap .acdContent .rightbox p, #QA .ocFaqAcdWrap .acdContent .rightbox ul {
    font-size: 3.5vw;
  }
  #QA .ocFaqAcdWrap .linkLiWrap .linkLi {
    margin-top: 2.5%;
  }
  #QA .ocFaqAcdWrap .imgBox {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5%;
  }
}
#transportation {
  background-color: #fff;
  position: relative;
}
#transportation .inner {
  background-color: #f2f1e9;
  padding: 5% 5% 5%;
  position: relative;
}
#transportation .inner .horizonbar, #transportation .inner .verticalbar {
  background-color: rgba(0, 140, 206, 0.45);
}
#transportation .mainttl span {
  color: #008cce;
}
#transportation .transportationTb {
  margin: 40px 0;
}
#transportation .transportationTb th, #transportation .transportationTb td {
  border: 1px solid;
  border-color: #aaa;
  vertical-align: middle;
  padding: 20px 30px;
  font-size: clamp(1.125rem, 0.382rem + 1.08vw, 1.375rem);
}
#transportation .transportationTb th {
  background-color: #fff;
  color: #008cce;
  text-align: left;
}
#transportation .transportationTb td {
  background-color: #e5f3fa;
  text-align: center;
}

@media only screen and (max-width:768px) {
  #transportation .transportationTb {
    margin: 5% 0;
  }
  #transportation .transportationTb th, #transportation .transportationTb td {
    padding: 3%;
    font-size: 3.5vw;
  }
  #transportation .transportationTb th {
    width: 70%;
  }
  #transportation .transportationTb td {
    width: 30%;
  }
}
/* OCスペシャルイベントカード */
#event .specialLiWrap .heldDateWrap dt{
	color:unset;
	background-color:#f2f1e9;
}

#event .specialLiWrap .heldDateWrap dd span{
	color:unset;
	border-color:unset;
}

#event .specialLiWrap .ocTtl{
	color:unset;
}

/*OC 全学科共通カード */
#event .ocAllDeptlLiWrap .horixzonHead{
	font-weight:normal;
	color:unset;
}

#event .ocAllDeptlLiWrap .ocTtl{
	color:unset;
}

/* OCページ　カードのボタンアニメ・カラー */
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox,
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox{
  overflow:hidden;
  position:relative;
  z-index:1;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox::after,
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox::after{
	position:absolute;
    top:0;
	left:0;
	content:"";
	width:100%;
	height:200%;
    transform: skewy(-10deg) scale(1, 0);
	transform-origin: left top;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox::after{
	background:#ffffff;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox::after{
	background:#ffffff;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox:hover::after,
.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox:hover::after{
	transform:skewy(-10deg) scale(1, 1);
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a:hover {
  color: #ff7700;
  opacity:1;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .rightbox a:hover {
  color: #07b53b;
  opacity:1;
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox {
  background:linear-gradient(#ff8e35,#ff7700);
}

.ocLiBaseWrap .ocLiBaseBox .ocCntBtnWrap .leftbox a{
	color:#ffffff;
}
/* OCカード　日付 */
.ocLiBaseWrap .ocLiBaseBox .heldDateWrap dd span{
	font-size:70%;
}
/* OCページQAテキストリンク */
#QA .ocFaqAcdWrap .qalink{
	color:#008cce;
	text-decoration:underline;
}
/* OC　共通スペシャルイベント */
#event .specialLiWrap .horixzonHead{
	color:unset;
}

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