@charset "UTF-8";
/*-----------------------------------------------
    共通
-----------------------------------------------*/
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.cntsTop {
  position: relative;
  width: 100%;
  flex: 1;
  font-size: 14px;
  line-height: 1.8; }

.cntsTop-spPage {
  position: relative;
  width: 100%;
  flex: 1;
  font-size: 14px;
  line-height: 1.8; }

#header .nonavHeader {
  padding-bottom: 18px;
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }

.nonavFooter {
  margin-top: 100px;
  bottom: 0;
  width: 100%; }
  .nonavFooter .ftCopyright {
    padding: 10px 0; }

.contsHeader .sideBnrBox .sideBnrList li:nth-child(4) {
  margin-bottom: calc(50vh - 250px / 2); }

.secPnkz {
  margin-top: 100px;
  font-size: 12px;
  background: #fff;
  padding-bottom: 5px; }
  .secPnkz a {
    color: #908C8A;
    transform: .2s;
    text-decoration: none; }
  .secPnkz a:hover {
    opacity: .5; }
  .secPnkz .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    position: relative;
    height: 20px; }
    .secPnkz .listBox li {
      margin-left: 5px; }
    .secPnkz .listBox li:nth-child(n + 2)::before {
      content: '';
      background-image: url("../images/arrow01.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 5px;
      height: 8px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }

.pageContain {
  margin: 100px auto 0; }

.pageTtlBox {
  height: 150px;
  margin: 5px 0 0;
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center; }
  .pageTtlBox .topTtl {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5; }
  .pageTtlBox .txt {
    color: #fff;
    font-size: 15px; }

.pageTtlBox::after {
  content: '';
  position: absolute;
  background-image: url("../images/bg_img02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0 30px 0 0;
  height: 100%;
  width: calc(100% - 125px);
  margin: 0 125px 0 0;
  z-index: -1; }

.pageTtlBox_pic {
  height: 270px;
  margin: 0;
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center; }
  .pageTtlBox_pic .topTtl {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    filter: drop-shadow(0 0 0.75rem #343434); }
  .pageTtlBox_pic .txt {
    color: #fff;
    font-size: 15px; }

.pageTtlBox_pic::after {
  content: '';
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: calc(100% - 125px);
  margin: 0 125px 0 0;
  z-index: -1; }

.cntsTtl {
  position: relative;
  border-top: 2px solid #E9E8E8;
  padding: 15px 0 50px;
  width: 100%;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start; }
  .cntsTtl .ttl {
    font-size: 30px;
    color: #F8B62D;
    font-weight: 400; }

.cntsTtl::before {
  content: '';
  position: absolute;
  top: -2px;
  width: 25px;
  height: 2px;
  background: #F8B62D; }

.secMds {
  position: relative;
  font-size: 30px;
  color: #ed6d20;
  height: auto;
  margin-bottom: 45px;
  font-weight: 500; }

.secMds::after {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #f39923, #ffea79); }

.secMds02 {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 500; }

.cntsMds01 {
  font-size: 30px;
  text-align: center;
  min-height: 1em;
  margin-bottom: 50px;
  position: relative; }

.cntsMds01::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  left: calc(50% - 15px);
  bottom: -10px;
  background: #f8b62d; }

.aBtn01 {
  display: block;
  text-align: center;
  text-decoration: none;
  max-width: 350px;
  padding: 1.5rem;
  font-size: 16px;
  font-weight: 500;
  background-color: #ED6D20;
  color: #fff;
  border-radius: 100vh;
  transition: 0.2s;
  background-image: url("../images/arrow_btn01.svg");
  background-repeat: no-repeat;
  background-size: 14px 11px;
  background-position: 90% 50%;
  margin: 50px auto;
  cursor: pointer; }

.aBtn01:hover {
  background-color: #F39C67;
  color: #fff;
  opacity: 1; }

.aBtn02 {
  display: block;
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  padding: 1rem;
  font-size: 16px;
  font-weight: 500;
  background-color: #ED6D20;
  color: #fff;
  border-radius: 100vh;
  transition: 0.2s;
  background-image: url("../images/arrow_btn01.svg");
  background-repeat: no-repeat;
  background-size: 14px 11px;
  background-position: 90% 50%;
  margin: 0px auto;
  cursor: pointer;
  line-height: 1.5; }

.aBtn02:hover {
  background-color: #F39C67;
  color: #fff;
  opacity: 1; }

.wEntryBtn {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 400px;
  padding: 55px 1.5rem 55px 12%;
  font-size: 16px;
  font-weight: bold;
  background-color: #EB3C00;
  color: #fff;
  border-radius: 100vh;
  transition: 0.2s;
  background-image: url("../images/icon_paper.svg");
  background-repeat: no-repeat;
  background-size: 35px auto;
  background-position: 24% 50%;
  margin: 50px auto;
  cursor: pointer;
  font-size: 20px; }

.wEntryBtn:hover {
  opacity: .5; }

.wEntryBtn02 {
  width: 300px;
  height: auto;
  margin: 45px auto 45px 0;
  display: block; }

.listBoxKome {
  margin: .3em 0;
  margin-left: 1.3em; }
  .listBoxKome .item {
    text-indent: -1.3em; }
  .listBoxKome .item::before {
    content: '※';
    margin-right: .3em; }

.listBoxMaru {
  margin: .3em 0;
  margin-left: 1.3em; }
  .listBoxMaru .item {
    text-indent: -1.3em; }
  .listBoxMaru .item::before {
    content: '●';
    color: #ED6D20;
    margin-right: .3em; }

.listBoxDisc {
  margin: .3em 0;
  list-style-type: disc;
  margin-left: 1rem; }

.listBoxNum {
  list-style: decimal-leading-zero;
  margin: .3em 0 .3em 1.5em; }

/*---Font---*/
.orange {
  color: #ec6c1f; }

.font-w500 {
  font-weight: 500; }

.font-s12 {
  font-size: 12px; }

/*---矢印付きリンク---*/
.arrowBox {
  grid-area: arrow; }
  .arrowBox .aArrow {
    font-size: 14px;
    display: inline-block;
    transition: .2s;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    padding-left: 30px;
    position: relative;
    margin-bottom: 7px; }
  .arrowBox .aArrow:hover {
    color: #F3982C; }
  .arrowBox .aArrow::before {
    content: '';
    background-image: url("../images/arrow_sR.svg");
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 2px 0;
    position: absolute;
    left: 0;
    top: 1px;
    background-size: 24px 24px; }

.aArrow02 {
  font-size: 14px;
  display: inline-block;
  transition: .2s;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  position: relative;
  margin: 7px 0 7px 1em; }

.aArrow02:hover {
  color: #F3982C; }

.aArrow02::before {
  content: '';
  background-image: url("../images/arrow01.svg");
  background-size: contain;
  width: 12px;
  height: 12px;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  position: absolute;
  left: -1em;
  top: .5em;
  transform: translate(0, calc(50% - 6px)); }

/*---ページネイション---*/
.Pagination {
  margin-top: 60px;
  display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 7px; }
  .Pagination .aLink, .Pagination .arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    background: #fff;
    border: solid 1px #D3D1D0;
    font-size: 14px;
    color: #211815;
    font-weight: bold;
    text-decoration: none; }
  .Pagination .arrow img {
    width: 30%;
    height: 30%; }
  .Pagination .aLink.is-active {
    background: #ED6D20;
    color: #fff;
    pointer-events: none;
    border: none; }
  .Pagination .aLink:not(.is-active):hover {
    border: solid 1px #ED6D20;
    color: #ED6D20; }
  .Pagination .arrow:hover {
    opacity: .5;
    background: #fff; }
  .Pagination .Pagination > * + * {
    margin-left: 8px; }

.pageNavBox {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 130px;
  margin-top: 50px; }
  .pageNavBox .item {
    width: calc(100% / 3);
    text-align: center; }
  .pageNavBox .item:first-child {
    text-align: left; }
  .pageNavBox .item:last-child {
    text-align: right; }
  .pageNavBox .aArrowR, .pageNavBox .aArrowL {
    font-size: 14px;
    display: inline-block;
    transition: .2s;
    cursor: pointer;
    position: relative;
    color: #000;
    text-decoration: none; }
  .pageNavBox .aArrowR {
    padding-right: 38px; }
  .pageNavBox .aArrowL {
    padding-left: 37px; }
  .pageNavBox .aArrowR:hover, .pageNavBox .aArrowL:hover {
    color: #F3982C; }
  .pageNavBox .aArrowR::after {
    content: '';
    position: absolute;
    background-image: url("../images/arrow_sR.svg");
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 2px 0;
    right: 0; }
  .pageNavBox .aArrowL::before {
    content: '';
    position: absolute;
    background-image: url("../images/arrow_sL.svg");
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 2px 0;
    left: 0; }
  .pageNavBox .aBtn01 {
    margin: 0;
    padding: 1rem; }

a.anchor, a.anchorCampus {
  /*display: block;*/
  padding-top: 170px;
  margin-top: -170px;
  visibility: hidden;
  content: '';
  display: block; }

a.anchor100 {
  /* display: block;*/
  padding-top: 100px;
  margin-top: -100px;
  visibility: hidden;
  content: '';
  display: block; }

a.anchor130 {
  /* display: block;*/
  padding-top: 140px;
  margin-top: -140px;
  visibility: hidden;
  content: '';
  display: block; }

.btm150 {
  margin-bottom: 150px; }

.btm120 {
  margin-bottom: 120px; }

.btm100 {
  margin-bottom: 100px; }

.btm80 {
  margin-bottom: 80px; }

.btm70 {
  margin-bottom: 70px; }

.btm50 {
  margin-bottom: 50px; }

.btm30 {
  margin-bottom: 30px; }

.btm20 {
  margin-bottom: 20px; }

.btm15 {
  margin-bottom: 15px; }

.btm10 {
  margin-bottom: 10px; }

/*---font---*/
.fontSize12, .remark {
  font-size: 12px; }

/*---YouTube埋め込み---*/
iframe.youtube-16-9 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; }

iframe.indoorview {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2; }

/*---ページ内リンク---*/
.inPageNav {
  background: #fbf4ea;
  border: 1px solid #e79a46;
  padding: 15px;
  margin-bottom: 100px;
  display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 30px; }
  .inPageNav .item {
    position: relative; }
    .inPageNav .item a {
      color: #000;
      text-decoration: none;
      padding-left: 28px; }
    .inPageNav .item a:hover {
      color: #ED6D20; }
    .inPageNav .item a::before {
      content: '';
      background: url("../images/arrow_sU.svg");
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      position: absolute;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }

/*---FlexBox---*/
.flexBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start; }

/*---Table---*/
.tableBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: stretch;
  -webkit-align-items: stretch;
  border-top: 1px solid #D2D2D2;
  flex-wrap: wrap; }
  .tableBox .ttl, .tableBox .item {
    font-weight: 500;
    width: 200px;
    min-height: 80px;
    padding: 1em 30px;
    background: #FEF8EA;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center; }
  .tableBox .cnts {
    width: calc(100% - 200px);
    min-height: 80px;
    padding: 1em 15px 1em 30px;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center; }

.tableBox02 {
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: stretch;
  -webkit-align-items: stretch;
  border-top: 1px solid #D2D2D2;
  flex-wrap: wrap;
  margin: 15px 0;
  width: 100%; }
  .tableBox02 .ttl, .tableBox02 .item {
    width: 50%;
    padding: 30px 15px;
    border-bottom: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    text-align: center; }
  .tableBox02 .cnts {
    width: 50%;
    padding: 30px 15px 30px;
    border-bottom: 1px solid #D2D2D2;
    text-align: center; }
  .tableBox02 .ttl:first-child, .tableBox02 .item:first-child, .tableBox02 .cnts:nth-child(2) {
    background: #FEF8EA; }

/*---infoListBox---*/
.infoListBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 10px;
  margin-bottom: 10px; }
  .infoListBox .item {
    background: #a5a5a5;
    color: #fff;
    border-radius: 100vh;
    text-align: center;
    width: 9em;
    font-size: 13.5px; }

/*---infoListBox---*/
.stepListBox {
  margin-top: 50px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .stepListBox > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative; }
    .stepListBox > .item .stepNumber {
      height: 100%;
      min-height: 100px; }
      .stepListBox > .item .stepNumber p {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        font-size: 24px;
        padding-bottom: 5px;
        font-weight: bold; }
        .stepListBox > .item .stepNumber p span {
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
      .stepListBox > .item .stepNumber .inner {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold; }
        .stepListBox > .item .stepNumber .inner .step {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .stepListBox > .item .stepNumber .inner .num {
          display: inline-block;
          font-size: 24px; }
    .stepListBox > .item .stepNumber::before {
      content: '';
      position: absolute;
      left: 82px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .stepListBox > .item .stepNumber::after {
      content: '';
      position: absolute;
      left: 74px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .stepListBox > .item .stepCnts {
      line-height: 1.7em;
      margin-bottom: 90px; }
      .stepListBox > .item .stepCnts .ttl {
        font-size: 24px;
        margin: 1.3em 0 .7em; }
  .stepListBox .item:last-child .stepNumber::before {
    display: none; }
  .stepListBox .item:last-child .stepNumber::after {
    display: none; }
  .stepListBox .item:last-child .stepCnts {
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .cntsTop-spPage {
    width: 88%;
    margin-left: auto;
    margin-right: auto; }

  .secPnkz {
    margin-top: 68px;
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
    scrollbar-width: none; }

  .secPnkz::-webkit-scrollbar {
    display: none; }

  .pageContain {
    margin: 50px auto; }

  .pageTtlBox {
    height: auto;
    min-height: 110px;
    padding: 15px 6% 0 0; }
    .pageTtlBox .topTtl {
      line-height: 1.3;
      font-size: 24px; }

  .pageTtlBox::after {
    width: 96%; }

  .pageTtlBox_pic {
    height: auto;
    min-height: 135px;
    padding: 10px 6% 0 0; }
    .pageTtlBox_pic .topTtl {
      line-height: 1.3; }

  .pageTtlBox_pic::after {
    width: 96%; }

  .cntsTtl {
    padding: 15px 0 25px; }
    .cntsTtl .ttl {
      font-size: 24px;
      line-height: 1.5; }

  .secMds {
    font-size: 25px;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-bottom: 30px; }

  .secMds02 {
    font-size: 20px;
    margin-bottom: 15px; }

  .cntsMds01 {
    font-size: 20px;
    margin-bottom: 35px;
    text-align: center;
    line-height: 1.6; }

  .wEntryBtn02 {
    width: auto;
    margin: 20px auto 0 0; }

  .nonavFooter {
    margin-top: 50px; }

  .nonavHeader .header-telnum {
    display: none; }

  .pageNavBox {
    margin-top: 30px;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    .pageNavBox .item:nth-child(2) {
      width: 100%;
      order: 3; }
    .pageNavBox .item:first-child {
      width: 50%;
      order: 1; }
    .pageNavBox .item:last-child {
      width: 50%;
      order: 2; }
    .pageNavBox .aBtn01 {
      margin-top: 25px; }

  a.anchor {
    display: block;
    padding-top: 75px;
    margin-top: -75px; }

  a.anchor100 {
    display: block;
    padding-top: 65px;
    margin-top: -65px; }

  a.anchor130 {
    /* display: block;*/
    padding-top: 120px;
    margin-top: -120px;
    visibility: hidden;
    content: '';
    display: block; }

  a.anchorCampus {
    content: '';
    display: block;
    padding-top: 140px;
    margin-top: -140px;
    visibility: hidden; }

  .contsHeader .sideBnrBox .sideBnrList li:nth-child(4) {
    margin-bottom: 0; }

  .btm150 {
    margin-bottom: 75px; }

  .btm120 {
    margin-bottom: 60px; }

  .btm100 {
    margin-bottom: 50px; }

  .btm80 {
    margin-bottom: 40px; }

  .btm70 {
    margin-bottom: 35px; }

  .btm50 {
    margin-bottom: 25px; }

  .btm30 {
    margin-bottom: 15px; }

  .btm20 {
    margin-bottom: 10px; }

  .btm15 {
    margin-bottom: 7.5px; }

  .btm10 {
    margin-bottom: 5px; }

  /*---ページ内リンク---*/
  .inPageNav {
    padding: 15px;
    margin-bottom: 40px;
    flex-direction: column;
    -webkit-display: flex;
    align-items: start;
    -webkit-align-items: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    gap: 5px; }

  /*---infoListBox---*/
  .infoListBox {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px; }

  /*---tableBox---*/
  .tableBox .item {
    width: 100px;
    padding: 15px 10px; }
  .tableBox .cnts {
    width: calc(100% - 100px);
    padding: 15px 10px; }

  .tableBox02 .item, .tableBox02 .cnts {
    padding: 15px 10px; }

  /*---STEPリスト---*/
  .stepListBox {
    margin-top: 25px; }
    .stepListBox > .item {
      gap: 15px; }
      .stepListBox > .item .stepNumber {
        min-height: 110px; }
        .stepListBox > .item .stepNumber p {
          min-height: 75px;
          width: 75px;
          margin-bottom: 39px;
          font-size: 26px;
          padding: 0 0 12px 6px;
          font-weight: bold;
          line-height: .8em;
          flex-direction: column;
          letter-spacing: .1em; }
          .stepListBox > .item .stepNumber p span {
            display: block; }
        .stepListBox > .item .stepNumber .inner {
          min-height: 75px;
          width: 75px;
          margin-bottom: 39px;
          font-size: 26px;
          padding: 0 0 12px 6px;
          font-weight: bold;
          line-height: .8em;
          flex-direction: column;
          letter-spacing: .1em; }
          .stepListBox > .item .stepNumber .inner .step {
            display: block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .stepListBox > .item .stepNumber .inner .num {
            display: block;
            font-size: 24px; }
      .stepListBox > .item .stepNumber::before {
        left: 38px;
        height: calc(100% - 75px); }
      .stepListBox > .item .stepNumber::after {
        left: 30px; }
      .stepListBox > .item .stepCnts {
        margin-bottom: 50px; }
        .stepListBox > .item .stepCnts .ttl {
          font-size: 18px;
          margin: .2em 0 .4em;
          line-height: 1.5em; } }
/*-----------------------------------------------
    共通　フォーム
-----------------------------------------------*/
.formBox {
  border-top: 1px solid #D3D1D0; }
  .formBox form {
    width: 100%;
    margin: 0 auto; }
  .formBox .form-row {
    display: flex;
    align-items: start;
    padding: 20px;
    border-bottom: 1px solid #D3D1D0; }
  .formBox .form-row:last-child {
    border-bottom: none; }
  .formBox .form-label {
    display: flex;
    align-items: center;
    width: 250px;
    margin-top: .7em; }
  .formBox .form-label label {
    font-weight: bold; }
  .formBox .form-label .req {
    margin-right: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #ED6D20; }
  .formBox .form-label .any {
    margin-right: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #ED6D20;
    border: 1px solid #ED6D20; }
  .formBox .inputBox {
    display: flex;
    align-items: center;
    width: calc(100% - 250px);
    gap: .5em;
    text-align: left; }
  .formBox .columnBox {
    width: calc(100% - 250px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: start; }
  .formBox .serchBtn {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 120px;
    font-size: 14px;
    background-color: #E8E8E8;
    color: #000;
    border-radius: 100vh;
    border: 1px solid #E8E8E8;
    transition: 0.2s;
    background-image: url("../images/arrow_bk.svg");
    background-repeat: no-repeat;
    background-size: 14px 11px;
    background-position: 90% 50%;
    cursor: pointer;
    height: 50px;
    border: 1px solid #d2d2d2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    padding-right: 7px; }
  .formBox .serchBtn:hover {
    background-color: #fff;
    color: #ED6D20;
    border: 1px solid #ED6D20;
    background-image: url("../images/arrow_orng.svg"); }
  .formBox .beforeBlnk {
    margin-left: .5em; }
  .formBox .afterBlnk {
    margin-right: .5em; }
  .formBox .underBlnk {
    margin-bottom: .5em; }
  .formBox .infoBox {
    margin: 60px auto;
    text-align: center; }
    .formBox .infoBox a {
      color: #ED6D20; }
    .formBox .infoBox a:hover {
      color: #F39C67; }
  .formBox input, .formBox textarea {
    border: 1px solid #D3D1D0;
    border-radius: 2px;
    padding: 15px 20px;
    flex-grow: 1;
    font-size: 16px; }
  .formBox input::placeholder,
  .formBox textarea::placeholder {
    color: #908C8A; }
  .formBox input:focus, .formBox textarea:focus, .formBox select:focus {
    outline: 2px solid #ED6D20; }
  .formBox select, .formBox .datePick {
    border: 1px solid #D3D1D0;
    border-radius: 3px;
    padding: 15px 20px;
    background-color: #fff;
    background-image: url("../images/arrow_sU.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    -webkit-appearance: none;
    appearance: none;
    /* デフォルトの矢印を無効 */ }
  .formBox select::-ms-expand {
    display: none;
    /* デフォルトの矢印を無効(IE用) */ }
  .formBox button {
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #ED6D20;
    color: #fff;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_btn01.svg");
    background-repeat: no-repeat;
    background-size: 14px 11px;
    background-position: 90% 50%;
    border: none; }
  .formBox button:hover {
    background-color: #F39C67;
    color: #fff; }
  .formBox .checkListBox {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start; }
    .formBox .checkListBox .item {
      margin: .3em 2em .3em 0; }
    .formBox .checkListBox .item:last-child {
      margin-right: 0; }
  .formBox input[type="checkbox"], .formBox input[type="radio"] {
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    vertical-align: -8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #D2D2D2;
    border-radius: 100vh;
    padding: 8px; }
  .formBox input[type="radio"] {
    vertical-align: -4px; }
  .formBox input[type="checkbox"]:focus, .formBox input[type="radio"]:focus {
    outline: none; }
  .formBox input[type="checkbox"]:checked, .formBox input[type="radio"]:checked {
    border: 2px solid #ED6D20; }
  .formBox input[type="checkbox"]:checked:before, .formBox input[type="radio"]:checked:before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #ED6D20;
    border-radius: 100vh;
    content: ''; }
  .formBox .width150 {
    width: 100%;
    max-width: 150px;
    height: 50px; }
  .formBox .width280 {
    width: 100%;
    max-width: 280px;
    height: 50px; }
  .formBox .width100per {
    width: 100%;
    height: 50px; }
  .formBox .height280 {
    min-height: 280px; }
  .formBox .submitBox {
    display: flex;
    justify-content: center;
    gap: 10px; }
  .formBox .noenterBtn {
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #ED6D20;
    color: #fff;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_return_w.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 90% 50%; }
  .formBox .noenterBtn:hover {
    background-color: #F39C67;
    background-image: url("../images/arrow_return_w.svg"); }

.confBox {
  border-top: 1px solid #D3D1D0; }
  .confBox .conf-row {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #D3D1D0; }
  .confBox .conf-row:last-child {
    border-bottom: none; }
  .confBox .conf-label {
    width: 250px;
    font-weight: bold; }
  .confBox .conf-conts {
    width: calc(100% - 250px); }
  .confBox button {
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #ED6D20;
    color: #fff;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_btn01.svg");
    background-repeat: no-repeat;
    background-size: 14px 11px;
    background-position: 90% 50%;
    border: none;
    cursor: pointer; }
  .confBox button:hover {
    background-color: #F39C67;
    color: #fff;
    cursor: pointer; }
  .confBox .width150 {
    max-width: 150px; }
  .confBox .width280 {
    max-width: 280px; }
  .confBox .width100per {
    width: 100%; }
  .confBox .submitBox {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 25px; }
  .confBox .returnBtn {
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_return_bk.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 90% 50%;
    border: 1px solid #A2A2A2; }
  .confBox .returnBtn:hover {
    background-color: #A2A2A2;
    border: 1px solid #A2A2A2;
    color: #fff;
    background-image: url("../images/arrow_return_w.svg"); }

.fixBox {
  margin: 60px auto 0;
  text-align: center; }
  .fixBox .recept {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 500; }
  .fixBox .aBtn01 {
    margin-bottom: 0; }

/* 分岐セレクトボックスの初期非表示 */
.displayNone-df {
  width: 100%;
  display: none; }

@media only screen and (max-width: 767px) {
  .formBox .form-row {
    flex-direction: column;
    align-items: start;
    padding: 18px 0 22px;
    border-bottom: 1px solid #D3D1D0; }
  .formBox .form-label {
    width: 100%;
    margin-bottom: .7em; }
  .formBox .inputBox {
    width: 100%;
    gap: 0.5em; }
  .formBox .columnBox {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start; }
  .formBox .serchBtn {
    width: 100px; }
  .formBox .infoBox {
    margin: 40px auto;
    text-align: left; }
  .formBox input, .formBox textarea {
    border: 1px solid #D3D1D0;
    border-radius: 2px;
    padding: 15px 20px;
    flex-grow: 1;
    font-size: 20px; }
  .formBox select {
    font-size: 16px; }
  .formBox .width150 {
    max-width: inherit;
    width: 50%; }
  .formBox .sp40per {
    width: 40%; }
  .formBox .width280 {
    max-width: inherit;
    width: 100%; }
  .formBox .checkListBox .item {
    margin: .3em 1.2em .3em 0; }
  .formBox .checkListBox .item:last-child {
    margin-right: 0; }

  .confBox .conf-row {
    flex-direction: column;
    align-items: start;
    padding: 18px 0 22px; }
  .confBox .conf-label {
    width: 100%; }
  .confBox .conf-conts {
    width: 100%; }
  .confBox button {
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #ED6D20;
    color: #fff;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_btn01.svg");
    background-repeat: no-repeat;
    background-size: 14px 11px;
    background-position: 90% 50%;
    border: none; }
  .confBox button:hover {
    background-color: #F39C67;
    color: #fff; }
  .confBox .width150 {
    max-width: 150px; }
  .confBox .width280 {
    max-width: 280px; }
  .confBox .width100per {
    width: 100%; }
  .confBox .submitBox {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-direction: column-reverse;
    align-items: center; }
  .confBox .returnBtn {
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0;
    width: 350px;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    border-radius: 100vh;
    transition: 0.2s;
    background-image: url("../images/arrow_return_bk.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 90% 50%;
    border: 1px solid #A2A2A2; }
  .confBox .returnBtn:hover {
    background-color: #A2A2A2;
    border: 1px solid #A2A2A2;
    color: #fff;
    background-image: url("../images/arrow_return_w.svg"); }

  .fixBox {
    margin: 60px auto;
    text-align: center; }
    .fixBox .recept {
      font-size: 20px;
      margin-bottom: 10px; } }
/*-----------------------------------------------
    投稿共通｜Information, Blog
-----------------------------------------------*/
.postSet {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 90px; }
  .postSet .status {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    margin-bottom: 13px; }
    .postSet .status .date {
      font-family: 'Barlow', sans-serif;
      margin-right: 1em;
      font-size: 16px; }
    .postSet .status .category {
      background: #f3982c;
      border-radius: 100vh;
      color: #fff;
      text-align: center;
      font-size: .9em;
      padding: .1em 1em; }
  .postSet .ttl {
    width: 100%;
    font-size: 23px;
    line-height: 1.7em;
    margin-bottom: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3982c;
    font-weight: normal; }
  .postSet .contain {
    margin-bottom: 50px; }
    .postSet .contain .pictBox {
      text-align: center; }
      .postSet .contain .pictBox .cap {
        margin-top: 5px;
        font-size: 12px; }
  .postSet .column-1, .postSet .column-2 {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-wrap: wrap;
    gap: 50px; }
  .postSet .column-1 .txtBox, .postSet .column-1 .pictBox {
    width: 100%;
    height: auto; }
  .postSet .column-2 .txtBox, .postSet .column-2 .pictBox {
    width: calc((100% - 50px) / 2);
    height: auto; }
  .postSet .floatBox .pictBox {
    width: calc((100% - 50px) / 2);
    height: auto;
    box-sizing: border-box; }
  .postSet .floatBox .pFloatR {
    float: right;
    margin-left: 50px;
    margin-bottom: 50px; }
  .postSet .floatBox .pFloatL {
    float: left;
    margin-right: 50px;
    margin-bottom: 50px; }
  .postSet .pFlexR {
    flex-direction: row-reverse; }

@media only screen and (max-width: 767px) {
  .postSet {
    padding-bottom: 45px; }
    .postSet .status {
      margin-bottom: 10px; }
    .postSet .ttl {
      width: 100%;
      font-size: 18px;
      line-height: 1.6em;
      margin-bottom: 30px; }
    .postSet .contain {
      margin-bottom: 25px; }
      .postSet .contain .pictBox {
        text-align: left; }
    .postSet .column-1, .postSet .column-2 {
      gap: 25px; }
    .postSet .column-2 .txtBox, .postSet .column-2 .pictBox {
      width: calc((100% - 25px) / 2); }
    .postSet .floatBox .pFloatR {
      margin-left: 25px;
      margin-bottom: 20px; }
    .postSet .floatBox .pFloatL {
      margin-right: 25px;
      margin-bottom: 20px; }
    .postSet .slick-box {
      position: relative; }
      .postSet .slick-box .pictBox {
        margin: 10px; }
      .postSet .slick-box .slide-arrow {
        position: absolute;
        width: 40px;
        height: 40px;
        top: calc(100vw / 5);
        cursor: pointer;
        z-index: 10; }
      .postSet .slick-box .next-arrow {
        right: -10px; }
      .postSet .slick-box .prev-arrow {
        left: -10px; }
      .postSet .slick-box p {
        margin-top: 8px; }
    .postSet .column-2 + .pFlexR {
      flex-direction: column; }
      .postSet .column-2 + .pFlexR .pictBox, .postSet .column-2 + .pFlexR .txtBox {
        width: 100%; } }
/*-----------------------------------------------
    共通　Contents
-----------------------------------------------*/
.sec-introBox {
  text-align: left;
  margin-bottom: 120px; }
  .sec-introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .sec-introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .sec-introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .sec-introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .sec-introBox .txt {
    font-size: 18px;
    margin: 10px auto; }

.sec-2col-Box375 {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: start;
  -webkit-align-items: start;
  gap: 50px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f3f3f3; }
  .sec-2col-Box375 .txtBox {
    width: calc(100% - 425px); }
    .sec-2col-Box375 .txtBox .mds {
      font-size: 20px;
      margin-bottom: 10px; }
  .sec-2col-Box375 .pictBox {
    width: 375px; }

@media only screen and (max-width: 767px) {
  .sec-introBox {
    text-align: left;
    margin-bottom: 50px; }
    .sec-introBox .copy {
      font-size: 28px; }
    .sec-introBox .txt {
      font-size: 16px; }

  .sec-2col-Box375 {
    flex-direction: column-reverse;
    gap: 25px;
    margin-bottom: 30px;
    padding-bottom: 20px; }
    .sec-2col-Box375 .txtBox {
      width: 100%; }
      .sec-2col-Box375 .txtBox .mds {
        font-size: 18px;
        line-height: 1.6; }
    .sec-2col-Box375 .pictBox {
      width: 100%; } }
/*-----------------------------------------------
    Information
-----------------------------------------------*/
.secInformation, .publication {
  margin-top: 100px;
  position: relative; }
  .secInformation .indexTopBox, .publication .indexTopBox {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    position: relative;
    height: auto;
    margin-bottom: 45px;
    padding-bottom: 10px; }
  .secInformation .indexTopBox::after, .publication .indexTopBox::after {
    position: absolute;
    content: '';
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #f39923, #ffea79); }
  .secInformation .indexTtl, .publication .indexTtl {
    width: 50%; }
    .secInformation .indexTtl .ttl, .publication .indexTtl .ttl {
      font-size: 30px;
      color: #F8B62D;
      font-weight: 500;
      line-height: 1.3; }
  .secInformation .selectBox, .publication .selectBox {
    text-align: right;
    width: 50%; }
  .secInformation .selectbox-003, .publication .selectbox-003 {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: auto; }
  .secInformation .selectbox-003::after, .publication .selectbox-003::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none; }
  .secInformation .selectbox-003 select, .publication .selectbox-003 select {
    appearance: none;
    min-width: 120px;
    height: 2.8em;
    padding: 0.4em calc(.8em + 30px) 0.4em 0.8em;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer; }
  .secInformation .tabBox, .publication .tabBox {
    margin-top: 60px; }
    .secInformation .tabBox .tab, .publication .tabBox .tab {
      width: 100%;
      display: flex;
      -webkit-display: flex;
      border-bottom: 1px solid #D3D1D0;
      gap: 10px; }
      .secInformation .tabBox .tab li, .publication .tabBox .tab li {
        color: #7A7573;
        text-align: center;
        width: 20%;
        border-radius: 10px 10px 0 0;
        border-top: 1px solid #D3D1D0;
        border-left: 1px solid #D3D1D0;
        border-right: 1px solid #D3D1D0;
        padding: 20px .5em;
        cursor: pointer;
        font-size: 16px; }
      .secInformation .tabBox .tab li:nth-child(2), .publication .tabBox .tab li:nth-child(2) {
        font-size: 14px; }
      .secInformation .tabBox .tab li.is-active, .publication .tabBox .tab li.is-active {
        color: #fff;
        background: #F3982C;
        border: non; }
    .secInformation .tabBox .items .detail, .publication .tabBox .items .detail {
      width: 100%;
      box-sizing: border-box;
      padding: 60px 0 0;
      display: none; }
  .secInformation .pageIndex, .publication .pageIndex {
    width: 100%; }
    .secInformation .pageIndex .newsList .item, .publication .pageIndex .newsList .item {
      border-bottom: 1px solid #808080;
      padding-bottom: 25px;
      margin-bottom: 25px;
      font-size: 14px;
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: 35px; }
      .secInformation .pageIndex .newsList .item .imgBox, .publication .pageIndex .newsList .item .imgBox {
        width: 240px;
        height: 160px; }
        .secInformation .pageIndex .newsList .item .imgBox img, .publication .pageIndex .newsList .item .imgBox img {
          width: 240px;
          height: 160px;
          object-fit: cover; }
      .secInformation .pageIndex .newsList .item .noImg, .publication .pageIndex .newsList .item .noImg {
        border: 1px solid #e3e3e3; }
      .secInformation .pageIndex .newsList .item .txtBox .status, .publication .pageIndex .newsList .item .txtBox .status {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        margin-bottom: 20px; }
        .secInformation .pageIndex .newsList .item .txtBox .status .date, .publication .pageIndex .newsList .item .txtBox .status .date {
          font-weight: 500;
          margin-right: 1em;
          font-size: 14px; }
        .secInformation .pageIndex .newsList .item .txtBox .status .category, .publication .pageIndex .newsList .item .txtBox .status .category {
          background: #A6A3A2;
          border-radius: 100vh;
          color: #fff;
          text-align: center;
          padding: 3px 1em; }
      .secInformation .pageIndex .newsList .item .txtBox .ttl, .publication .pageIndex .newsList .item .txtBox .ttl {
        width: 100%;
        font-size: 20px;
        line-height: 1.7em;
        margin-bottom: 5px;
        font-weight: 500; }
      .secInformation .pageIndex .newsList .item .txtBox .txt, .publication .pageIndex .newsList .item .txtBox .txt {
        width: 100%;
        line-height: 1.7em; }
    .secInformation .pageIndex .aLink, .publication .pageIndex .aLink {
      display: block;
      transition: .2s;
      color: #000;
      text-decoration: none; }
    .secInformation .pageIndex .aLink:hover, .publication .pageIndex .aLink:hover {
      color: #000; }
    .secInformation .pageIndex .aLink:hover .item, .publication .pageIndex .aLink:hover .item {
      color: #000;
      border-bottom: 1px solid #F3982C; }
    .secInformation .pageIndex .aLink:hover .txtBox .status .category, .publication .pageIndex .aLink:hover .txtBox .status .category {
      background: #F3982C; }
  .secInformation .pageNavBox .aBtn01, .publication .pageNavBox .aBtn01 {
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #000; }

@media only screen and (max-width: 767px) {
  .secInformation, .publication {
    margin-top: 50px; }
    .secInformation .indexTopBox, .publication .indexTopBox {
      align-items: end;
      -webkit-align-items: end; }
    .secInformation .indexTtl .ttl, .publication .indexTtl .ttl {
      font-size: 24px; }
    .secInformation .tabBox, .publication .tabBox {
      margin-top: 50px; }
      .secInformation .tabBox .tab, .publication .tabBox .tab {
        width: 100%;
        flex-wrap: wrap;
        border-bottom: none;
        gap: 2%; }
        .secInformation .tabBox .tab li, .publication .tabBox .tab li {
          text-align: center;
          width: 49%;
          border-radius: 8px;
          border: 1px solid #D3D1D0;
          padding: 8px .2em 9px;
          margin-bottom: 8px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 13px;
          line-height: 1.3;
          min-height: 45px;
          letter-spacing: -.05em; }
      .secInformation .tabBox .items .detail, .publication .tabBox .items .detail {
        padding: 50px 0 0; }
    .secInformation .pageIndex, .publication .pageIndex {
      width: 100%; }
      .secInformation .pageIndex .newsList .item, .publication .pageIndex .newsList .item {
        flex-direction: column-reverse;
        gap: 20px; }
        .secInformation .pageIndex .newsList .item .txtBox .status, .publication .pageIndex .newsList .item .txtBox .status {
          flex-direction: column;
          margin-bottom: 10px; }
          .secInformation .pageIndex .newsList .item .txtBox .status .date, .publication .pageIndex .newsList .item .txtBox .status .date {
            font-size: 20px;
            margin-bottom: .5em; }
        .secInformation .pageIndex .newsList .item .txtBox .ttl, .publication .pageIndex .newsList .item .txtBox .ttl {
          font-size: 18px; }
        .secInformation .pageIndex .newsList .item .imgBox, .publication .pageIndex .newsList .item .imgBox {
          width: 100%;
          height: auto; }
          .secInformation .pageIndex .newsList .item .imgBox img, .publication .pageIndex .newsList .item .imgBox img {
            width: 100%;
            height: auto;
            object-fit: cover; }
      .secInformation .pageIndex .aLink, .publication .pageIndex .aLink {
        display: block;
        transition: .2s; }
      .secInformation .pageIndex .aLink:hover, .publication .pageIndex .aLink:hover {
        color: #000; }
      .secInformation .pageIndex .aLink:hover .item, .publication .pageIndex .aLink:hover .item {
        color: #000;
        border-bottom: 1px solid #F3982C; }
      .secInformation .pageIndex .aLink:hover .txtBox .status .category, .publication .pageIndex .aLink:hover .txtBox .status .category {
        background: #F3982C; } }
/*-----------------------------------------------
    Media
-----------------------------------------------*/
.publication .entoryBox {
  margin-bottom: 30px; }
  .publication .entoryBox .txt {
    font-size: 20px;
    line-height: 1.7em; }
  .publication .entoryBox .remark {
    margin-top: .5em; }
.publication .publicList .item {
  border-bottom: 1px solid #808080;
  padding-bottom: 25px;
  margin-bottom: 25px;
  font-size: 14px;
  display: grid;
  -webkit-display: grid;
  grid-template-areas: "img txt" "img arrow";
  grid-template-columns: 240px 1fr;
  grid-template-rows: auto 1fr;
  gap: 25px; }
  .publication .publicList .item .imgBox {
    grid-area: img;
    width: 240px; }
    .publication .publicList .item .imgBox img {
      width: 100%;
      height: auto; }
    .publication .publicList .item .imgBox img:nth-child(n+2) {
      margin-top: 10px; }
.publication .publicList .txtBox {
  grid-area: txt; }
  .publication .publicList .txtBox .date {
    font-weight: 500;
    font-size: 14px; }
  .publication .publicList .txtBox .ttl {
    width: 100%;
    font-size: 20px;
    line-height: 1.7em;
    margin-bottom: .5em;
    color: #ED6D20; }
  .publication .publicList .txtBox .txt {
    width: 100%;
    line-height: 1.7em; }

@media only screen and (max-width: 767px) {
  .publication {
    margin-top: 50px; }
    .publication .indexTopBox {
      align-items: end;
      -webkit-align-items: end; }
    .publication .indexTtl .ttl {
      font-size: 24px; }
    .publication .entoryBox {
      margin-bottom: 30px; }
      .publication .entoryBox .txt {
        font-size: 16px;
        line-height: 1.5em; }
    .publication .publicList .item {
      display: flex;
      -webkit-display: flex;
      flex-direction: column;
      -webkit-flex-direction: column;
      grid-template-areas: none;
      grid-template-columns: none;
      grid-template-rows: none;
      gap: 30px; }
      .publication .publicList .item .imgBox {
        order: 2;
        grid-area: none;
        margin: 0 auto 0 0; }
        .publication .publicList .item .imgBox img {
          width: 100%;
          height: auto; }
    .publication .publicList .txtBox {
      order: 1;
      grid-area: none; }
      .publication .publicList .txtBox .date {
        font-size: 16px; }
      .publication .publicList .txtBox .ttl {
        font-size: 18px; }
    .publication .publicList .arrowBox {
      order: 3;
      grid-area: none; } }
/*-----------------------------------------------
    Homecoming
-----------------------------------------------*/
.secHomecoming {
  margin-top: 100px; }
  .secHomecoming .progressBox {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
    gap: 7px; }
    .secHomecoming .progressBox .item {
      width: 30%;
      min-height: 60px;
      padding: 10px .5em;
      border-radius: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      background: #fff;
      border: solid 2px #A6A3A2;
      font-size: 14px;
      color: #A6A3A2; }
      .secHomecoming .progressBox .item .stepNum, .secHomecoming .progressBox .item .stepItem {
        display: inline-block; }
      .secHomecoming .progressBox .item .stepNum {
        margin-right: .9em; }
    .secHomecoming .progressBox .item::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background: #A6A3A2;
      z-index: -1; }
    .secHomecoming .progressBox .now {
      color: #ED6D20;
      border: solid 2px #ED6D20; }
  .secHomecoming .arrowBox {
    font-size: 16px;
    margin: 0 auto 80px;
    text-align: center; }
  .secHomecoming .formBox .noLine {
    border-bottom: none;
    padding-bottom: 0; }
  .secHomecoming .formBox .another p {
    margin: 1em 0 .6em; }
  .secHomecoming .formBox .arrowBox {
    margin: .5em 0 0;
    text-align: inherit; }

@media only screen and (max-width: 767px) {
  .secHomecoming {
    margin-top: 50px; }
    .secHomecoming .progressBox {
      margin-bottom: 50px; }
      .secHomecoming .progressBox .item {
        width: 33%;
        min-height: 50px;
        flex-direction: column;
        flex-wrap: wrap;
        line-height: 1.2em;
        padding: 3px .5em 6px;
        font-size: 12px;
        white-space: nowrap; }
        .secHomecoming .progressBox .item .stepNum, .secHomecoming .progressBox .item .stepItem {
          display: block; }
        .secHomecoming .progressBox .item .stepNum {
          margin-right: 0; }
    .secHomecoming .arrowBox {
      text-align: left;
      margin: 0 auto 40px;
      width: 80%; }
      .secHomecoming .arrowBox .aArrow {
        margin-left: 25px;
        line-height: 1.4; }
      .secHomecoming .arrowBox .aArrow:before {
        margin: 0 5px 2px -30px; } }
/*-----------------------------------------------
    Webentry
-----------------------------------------------*/
.secWebentry {
  margin-top: 100px; }
  .secWebentry .wEntryIntro {
    width: 100%;
    border-radius: 0 30px 0 30px;
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    padding: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 50px auto 150px; }
    .secWebentry .wEntryIntro .listBoxMaru {
      text-align: left;
      margin: 0 auto;
      font-size: 20px;
      font-weight: 500; }
    .secWebentry .wEntryIntro .btnBox {
      width: 100%; }
      .secWebentry .wEntryIntro .btnBox .aBtn01 {
        margin: 30px auto 0;
        background-color: #EB3C00; }
        .secWebentry .wEntryIntro .btnBox .aBtn01:hover {
          opacity: .5; }
  .secWebentry .wEntryFlow {
    width: 100%;
    height: auto; }
  .secWebentry .wEntryStep {
    margin-top: 100px;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secWebentry .wEntryStep > .item {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 50px;
      position: relative; }
      .secWebentry .wEntryStep > .item .stepNumber {
        height: 100%;
        min-height: 100px; }
        .secWebentry .wEntryStep > .item .stepNumber p {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          font-size: 24px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secWebentry .wEntryStep > .item .stepNumber p span {
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
        .secWebentry .wEntryStep > .item .stepNumber .inner {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secWebentry .wEntryStep > .item .stepNumber .inner .step {
            display: inline-block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .secWebentry .wEntryStep > .item .stepNumber .inner .num {
            display: inline-block;
            font-size: 24px; }
      .secWebentry .wEntryStep > .item .stepNumber::before {
        content: '';
        position: absolute;
        left: 82px;
        bottom: 15px;
        width: 2px;
        height: 20px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: -1;
        height: calc(100% - 90px); }
      .secWebentry .wEntryStep > .item .stepNumber::after {
        content: '';
        position: absolute;
        left: 74px;
        bottom: 0;
        border: 9px solid transparent;
        border-top-width: 10px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top: 12px solid #CBCBCB;
        z-index: -1;
        width: 12px; }
      .secWebentry .wEntryStep > .item .stepCnts {
        line-height: 1.7em;
        margin-bottom: 90px; }
        .secWebentry .wEntryStep > .item .stepCnts .ttl {
          font-size: 24px;
          margin: 1.3em 0 .7em; }
        .secWebentry .wEntryStep > .item .stepCnts .remark {
          font-size: 12px; }
        .secWebentry .wEntryStep > .item .stepCnts .remark::before {
          content: '※';
          margin-right: .1em; }
        .secWebentry .wEntryStep > .item .stepCnts .wEntryBtn {
          margin: 30px 0; }
        .secWebentry .wEntryStep > .item .stepCnts .payIntroTxt {
          margin-bottom: 15px; }
        .secWebentry .wEntryStep > .item .stepCnts .paySelect {
          margin: 1em 0 0 1.3em; }
          .secWebentry .wEntryStep > .item .stepCnts .paySelect .payItem {
            text-indent: -1.3em; }
          .secWebentry .wEntryStep > .item .stepCnts .paySelect .payItem::before {
            content: '●';
            margin-right: .3em;
            color: #ED6D20; }
          .secWebentry .wEntryStep > .item .stepCnts .paySelect .card img, .secWebentry .wEntryStep > .item .stepCnts .paySelect .bank img {
            height: 45px;
            width: auto;
            margin: .4em 0; }
      .secWebentry .wEntryStep > .item .bgBox {
        margin-top: 30px;
        max-width: 770PX;
        border-radius: 0 30px 0 30px;
        background-image: url("../images/bg_img01.jpg");
        background-size: cover;
        padding: 45px; }
        .secWebentry .wEntryStep > .item .bgBox .mds {
          font-size: 24px;
          color: #ED6D20;
          margin-bottom: .4em; }
        .secWebentry .wEntryStep > .item .bgBox .inner {
          display: grid;
          -webkit-display: grid;
          grid-template-areas: "mds img  " "txt img";
          grid-template-columns: 1fr 165px;
          grid-template-rows: 1fr auto;
          margin-bottom: 15px; }
          .secWebentry .wEntryStep > .item .bgBox .inner .mds {
            grid-area: mds; }
          .secWebentry .wEntryStep > .item .bgBox .inner .listBoxKome {
            grid-area: txt; }
          .secWebentry .wEntryStep > .item .bgBox .inner .imgBox {
            grid-area: img;
            width: 165px;
            height: auto;
            margin-left: 10px; }
    .secWebentry .wEntryStep .item:last-child .stepNumber::before {
      display: none; }
    .secWebentry .wEntryStep .item:last-child .stepNumber::after {
      display: none; }

@media only screen and (max-width: 767px) {
  .secWebentry {
    margin-top: 50px; }
    .secWebentry .wEntryIntro {
      padding: 30px;
      margin: 30px auto 80px; }
      .secWebentry .wEntryIntro .listBoxMaru {
        width: 90%;
        font-size: 16px; }
    .secWebentry .wEntryFlow {
      margin: 0 auto; }
    .secWebentry .wEntryStep > .item {
      gap: 15px; }
      .secWebentry .wEntryStep > .item .stepNumber {
        min-height: 110px; }
        .secWebentry .wEntryStep > .item .stepNumber p {
          min-height: 75px;
          width: 75px;
          margin-bottom: 39px;
          font-size: 26px;
          padding: 0 0 12px 6px;
          font-weight: bold;
          line-height: .8em;
          flex-direction: column;
          letter-spacing: .1em; }
          .secWebentry .wEntryStep > .item .stepNumber p span {
            display: block; }
        .secWebentry .wEntryStep > .item .stepNumber .inner {
          min-height: 75px;
          width: 75px;
          margin-bottom: 39px;
          font-size: 26px;
          padding: 0 0 12px 6px;
          font-weight: bold;
          line-height: .8em;
          flex-direction: column;
          letter-spacing: .1em; }
          .secWebentry .wEntryStep > .item .stepNumber .inner .step {
            display: block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .secWebentry .wEntryStep > .item .stepNumber .inner .num {
            display: block;
            font-size: 24px; }
      .secWebentry .wEntryStep > .item .stepNumber::before {
        left: 38px;
        height: calc(100% - 75px); }
      .secWebentry .wEntryStep > .item .stepNumber::after {
        left: 30px; }
      .secWebentry .wEntryStep > .item .stepCnts {
        margin-bottom: 50px; }
        .secWebentry .wEntryStep > .item .stepCnts .ttl {
          font-size: 18px;
          margin: .2em 0 .4em;
          line-height: 1.5em; }
        .secWebentry .wEntryStep > .item .stepCnts .wEntryBtn {
          width: 100%;
          padding: 20px .5rem 20px 21%;
          font-size: 15px;
          background-size: 22px auto;
          background-position: 13% 50%;
          margin: 20px 0 0; }
        .secWebentry .wEntryStep > .item .stepCnts .paySelect .card img, .secWebentry .wEntryStep > .item .stepCnts .paySelect .bank img {
          height: 24px;
          width: auto;
          margin: .4em 0; }
      .secWebentry .wEntryStep > .item .bgBox {
        margin-top: 20px;
        border-radius: 0 30px 0 30px;
        padding: 18px; }
        .secWebentry .wEntryStep > .item .bgBox .inner {
          margin-bottom: 20px;
          display: flex;
          -webkit-display: flex;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          align-items: start;
          -webkit-align-items: start;
          flex-direction: column;
          gap: 10px; }
          .secWebentry .wEntryStep > .item .bgBox .inner .imgBox {
            margin: 0 auto; }
        .secWebentry .wEntryStep > .item .bgBox .mds {
          font-size: 21px; }
    .secWebentry .wEntryStep .item:last-child {
      align-items: center; } }
/*-----------------------------------------------
    inquiry
-----------------------------------------------*/
/*フロートウィンドウ*/
.drag-and-drop {
  cursor: move;
  width: 300px;
  padding: 15px;
  position: fixed;
  z-index: 1000;
  background: #FDF0DF;
  border-radius: 10px;
  top: 65px;
  right: 50px;
  line-height: 1.5em; }
  .drag-and-drop .reqNum {
    font-size: 22px;
    color: #ED6D20; }

.drag {
  z-index: 1001; }

/*モーダルウィンドウ*/
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box; }

/*モーダル本体の擬似要素の指定*/
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000; }

/*モーダル枠の指定*/
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 1000px;
  width: 90%; }

/*モーダルを閉じるボタンの指定*/
.modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #000;
  cursor: pointer; }

.modal-close::before {
  content: 'CLOSE';
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  top: 10px;
  right: 40px; }

/*モーダル内のコンテンツの指定*/
.modal-content {
  background: #fff;
  text-align: left;
  padding: 30px;
  border-radius: 10px;
  z-index: 1100; }

.secInquiry, .secRequest, .secReserve {
  position: relative; }
  .secInquiry .introTxt, .secRequest .introTxt, .secReserve .introTxt {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 70px; }
  .secInquiry .progressBox, .secRequest .progressBox, .secReserve .progressBox {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
    gap: 7px; }
    .secInquiry .progressBox .item, .secRequest .progressBox .item, .secReserve .progressBox .item {
      width: 30%;
      min-height: 60px;
      padding: 10px .5em;
      border-radius: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      background: #fff;
      border: solid 2px #A6A3A2;
      font-size: 14px;
      color: #A6A3A2; }
      .secInquiry .progressBox .item .stepNum, .secInquiry .progressBox .item .stepItem, .secRequest .progressBox .item .stepNum, .secRequest .progressBox .item .stepItem, .secReserve .progressBox .item .stepNum, .secReserve .progressBox .item .stepItem {
        display: inline-block; }
      .secInquiry .progressBox .item .stepNum, .secRequest .progressBox .item .stepNum, .secReserve .progressBox .item .stepNum {
        margin-right: .9em; }
    .secInquiry .progressBox .item::before, .secRequest .progressBox .item::before, .secReserve .progressBox .item::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background: #A6A3A2;
      z-index: -1; }
    .secInquiry .progressBox .now, .secRequest .progressBox .now, .secReserve .progressBox .now {
      color: #ED6D20;
      border: solid 2px #ED6D20; }
  .secInquiry .tabBox, .secRequest .tabBox, .secReserve .tabBox {
    margin: 60px auto 30px; }
    .secInquiry .tabBox .tab, .secRequest .tabBox .tab, .secReserve .tabBox .tab {
      width: 100%;
      display: flex;
      -webkit-display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      gap: 180px; }
      .secInquiry .tabBox .tab li, .secRequest .tabBox .tab li, .secReserve .tabBox .tab li {
        font-size: 22px;
        color: #000;
        padding: 0 0 0px 27px;
        cursor: pointer;
        position: relative; }
        .secInquiry .tabBox .tab li .check, .secRequest .tabBox .tab li .check, .secReserve .tabBox .tab li .check {
          display: block;
          position: absolute;
          border: 2px solid #AAAAAA;
          border-radius: 100%;
          height: 22px;
          width: 22px;
          top: 10px;
          left: 0;
          z-index: 5; }
      .secInquiry .tabBox .tab li.is-active, .secRequest .tabBox .tab li.is-active, .secReserve .tabBox .tab li.is-active {
        color: #ED6D20; }
        .secInquiry .tabBox .tab li.is-active .check, .secRequest .tabBox .tab li.is-active .check, .secReserve .tabBox .tab li.is-active .check {
          border: 2px solid #ED6D20; }
      .secInquiry .tabBox .tab li.is-active::before, .secRequest .tabBox .tab li.is-active::before, .secReserve .tabBox .tab li.is-active::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 10px;
        width: 10px;
        top: 16px;
        left: 6px;
        margin: auto;
        background-color: #ED6D20; }
  .secInquiry .formBox, .secRequest .formBox, .secReserve .formBox {
    border-top: 1px solid #D3D1D0; }
    .secInquiry .formBox .detail, .secRequest .formBox .detail, .secReserve .formBox .detail {
      width: 100%;
      box-sizing: border-box;
      display: none;
      display: flex;
      -webkit-display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start; }
      .secInquiry .formBox .detail .form-row, .secRequest .formBox .detail .form-row, .secReserve .formBox .detail .form-row {
        width: 100%; }
      .secInquiry .formBox .detail .form-row:last-child, .secRequest .formBox .detail .form-row:last-child, .secReserve .formBox .detail .form-row:last-child {
        border-bottom: 1px solid #D3D1D0; }
    .secInquiry .formBox .choiceTtl, .secRequest .formBox .choiceTtl, .secReserve .formBox .choiceTtl {
      font-weight: bold;
      margin: 1em 0 .7em; }
    .secInquiry .formBox .choiceBox, .secRequest .formBox .choiceBox, .secReserve .formBox .choiceBox {
      width: 100%;
      /*datePicker処理ここから*/
      /*datePicker処理ここまで*/ }
      .secInquiry .formBox .choiceBox .item, .secRequest .formBox .choiceBox .item, .secReserve .formBox .choiceBox .item {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        gap: .3em; }
      .secInquiry .formBox .choiceBox .txt, .secRequest .formBox .choiceBox .txt, .secReserve .formBox .choiceBox .txt {
        margin: .5em 0 .2em; }
      .secInquiry .formBox .choiceBox input[type="date"], .secRequest .formBox .choiceBox input[type="date"], .secReserve .formBox .choiceBox input[type="date"] {
        position: relative; }
      .secInquiry .formBox .choiceBox input[type="date"]::-webkit-inner-spin-button, .secRequest .formBox .choiceBox input[type="date"]::-webkit-inner-spin-button, .secReserve .formBox .choiceBox input[type="date"]::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .secInquiry .formBox .choiceBox input[type="date"]::-webkit-clear-button, .secRequest .formBox .choiceBox input[type="date"]::-webkit-clear-button, .secReserve .formBox .choiceBox input[type="date"]::-webkit-clear-button {
        -webkit-appearance: none; }
      .secInquiry .formBox .choiceBox input[type="date"]::-webkit-calendar-picker-indicator, .secRequest .formBox .choiceBox input[type="date"]::-webkit-calendar-picker-indicator, .secReserve .formBox .choiceBox input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer; }
    .secInquiry .formBox .choice-inner, .secRequest .formBox .choice-inner, .secReserve .formBox .choice-inner {
      width: 100%;
      margin-bottom: 10px; }
    .secInquiry .formBox .choice-inner:first-child, .secRequest .formBox .choice-inner:first-child, .secReserve .formBox .choice-inner:first-child {
      margin-bottom: 20px; }
    .secInquiry .formBox .checkListBox, .secRequest .formBox .checkListBox, .secReserve .formBox .checkListBox {
      max-width: 500px;
      margin-bottom: 10px; }
    .secInquiry .formBox .submitBtn, .secRequest .formBox .submitBtn, .secReserve .formBox .submitBtn {
      display: none; }
    .secInquiry .formBox .unknownPn, .secRequest .formBox .unknownPn, .secReserve .formBox .unknownPn {
      margin-top: .5em; }
  .secInquiry .modal-content .secMds, .secRequest .modal-content .secMds, .secReserve .modal-content .secMds {
    margin-bottom: 20px; }
  .secInquiry .modal-content .course, .secRequest .modal-content .course, .secReserve .modal-content .course {
    text-align: center;
    font-size: 28px;
    position: relative; }
  .secInquiry .modal-content .course::after, .secRequest .modal-content .course::after, .secReserve .modal-content .course::after {
    position: absolute;
    content: '';
    background: #F8B62D;
    height: 2px;
    width: 20px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%); }
  .secInquiry .modal-content .listBox, .secRequest .modal-content .listBox, .secReserve .modal-content .listBox {
    margin-bottom: 30px; }
    .secInquiry .modal-content .listBox .item, .secRequest .modal-content .listBox .item, .secReserve .modal-content .listBox .item {
      border-bottom: 1px solid #D2D2D2;
      padding: 13px 0 15px; }
      .secInquiry .modal-content .listBox .item .ttl, .secRequest .modal-content .listBox .item .ttl, .secReserve .modal-content .listBox .item .ttl {
        font-size: 15px;
        color: #ED6D20; }
      .secInquiry .modal-content .listBox .item .txt, .secRequest .modal-content .listBox .item .txt, .secReserve .modal-content .listBox .item .txt {
        font-size: 13px; }
  .secInquiry .telnumBox, .secRequest .telnumBox, .secReserve .telnumBox {
    width: 100%;
    border-radius: 30px;
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    padding: 55px;
    text-align: center;
    margin: 60px auto 60px; }
    .secInquiry .telnumBox img, .secRequest .telnumBox img, .secReserve .telnumBox img {
      max-width: 550px;
      margin: 15px auto; }
    .secInquiry .telnumBox .mds, .secRequest .telnumBox .mds, .secReserve .telnumBox .mds {
      font-size: 24px;
      font-weight: 500; }
  .secInquiry .addBox, .secRequest .addBox, .secReserve .addBox {
    margin-top: 80px;
    margin-top: none; }
    .secInquiry .addBox .cntsTtl, .secRequest .addBox .cntsTtl, .secReserve .addBox .cntsTtl {
      padding: 15px 0 20px; }
    .secInquiry .addBox .enqEntryTxt, .secRequest .addBox .enqEntryTxt, .secReserve .addBox .enqEntryTxt {
      margin-bottom: 35px; }
    .secInquiry .addBox .enqueteBox:last-child, .secRequest .addBox .enqueteBox:last-child, .secReserve .addBox .enqueteBox:last-child {
      border-bottom: 1px solid #D2D2D2; }
  .secInquiry .enqueteBox, .secRequest .enqueteBox, .secReserve .enqueteBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: stretch;
    -webkit-align-items: stretch;
    border-top: 1px solid #D2D2D2; }
    .secInquiry .enqueteBox .checkListBox, .secRequest .enqueteBox .checkListBox, .secReserve .enqueteBox .checkListBox {
      flex-direction: column; }
    .secInquiry .enqueteBox .ttl, .secRequest .enqueteBox .ttl, .secReserve .enqueteBox .ttl {
      width: 300px;
      padding: 30px;
      background: #FEF8EA; }
      .secInquiry .enqueteBox .ttl .txt, .secRequest .enqueteBox .ttl .txt, .secReserve .enqueteBox .ttl .txt {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.5em;
        white-space: nowrap; }
        .secInquiry .enqueteBox .ttl .txt .txtKome, .secRequest .enqueteBox .ttl .txt .txtKome, .secReserve .enqueteBox .ttl .txt .txtKome {
          font-size: 14px;
          line-height: 3em; }
    .secInquiry .enqueteBox .list, .secRequest .enqueteBox .list, .secReserve .enqueteBox .list {
      padding: 30px; }

@media only screen and (max-width: 767px) {
  .drag-and-drop {
    display: none; }

  .secInquiry .introTxt, .secRequest .introTxt, .secReserve .introTxt {
    text-align: left;
    font-size: 16px;
    margin-bottom: 35px; }
  .secInquiry .progressBox, .secRequest .progressBox, .secReserve .progressBox {
    margin-bottom: 50px; }
    .secInquiry .progressBox .item, .secRequest .progressBox .item, .secReserve .progressBox .item {
      width: 33%;
      min-height: 50px;
      flex-direction: column;
      flex-wrap: wrap;
      line-height: 1.2em;
      padding: 3px .5em 6px;
      font-size: 12px;
      white-space: nowrap; }
      .secInquiry .progressBox .item .stepNum, .secInquiry .progressBox .item .stepItem, .secRequest .progressBox .item .stepNum, .secRequest .progressBox .item .stepItem, .secReserve .progressBox .item .stepNum, .secReserve .progressBox .item .stepItem {
        display: block; }
      .secInquiry .progressBox .item .stepNum, .secRequest .progressBox .item .stepNum, .secReserve .progressBox .item .stepNum {
        margin-right: 0; }
  .secInquiry .tabBox, .secRequest .tabBox, .secReserve .tabBox {
    margin: 50px auto 30px; }
    .secInquiry .tabBox .tab, .secRequest .tabBox .tab, .secReserve .tabBox .tab {
      gap: 20px; }
      .secInquiry .tabBox .tab li, .secRequest .tabBox .tab li, .secReserve .tabBox .tab li {
        font-size: 16px;
        padding-top: 2px; }
        .secInquiry .tabBox .tab li .check, .secRequest .tabBox .tab li .check, .secReserve .tabBox .tab li .check {
          top: 7px; }
      .secInquiry .tabBox .tab li.is-active::before, .secRequest .tabBox .tab li.is-active::before, .secReserve .tabBox .tab li.is-active::before {
        top: 13px; }
  .secInquiry .modal-content .course, .secRequest .modal-content .course, .secReserve .modal-content .course {
    text-align: left;
    font-size: 22px;
    position: relative;
    border-top: 2px solid #E9E8E8;
    padding: 10px 0 0px;
    width: 100%;
    margin-top: 30px;
    color: #F3982C; }
  .secInquiry .modal-content .course::before, .secRequest .modal-content .course::before, .secReserve .modal-content .course::before {
    content: '';
    position: absolute;
    top: -2px;
    width: 25px;
    height: 2px;
    background: #F8B62D; }
  .secInquiry .modal-content .course::after, .secRequest .modal-content .course::after, .secReserve .modal-content .course::after {
    position: inherit;
    content: none;
    background: none; }
  .secInquiry .telnumBox, .secRequest .telnumBox, .secReserve .telnumBox {
    padding: 30px;
    text-align: center;
    margin: 60px auto 20px; }
    .secInquiry .telnumBox img, .secRequest .telnumBox img, .secReserve .telnumBox img {
      max-width: 550px;
      margin: 15px auto; }
    .secInquiry .telnumBox .mds, .secRequest .telnumBox .mds, .secReserve .telnumBox .mds {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: .3em; }
  .secInquiry .enqueteBox .ttl, .secRequest .enqueteBox .ttl, .secReserve .enqueteBox .ttl {
    width: 115px;
    padding: 10px; }
    .secInquiry .enqueteBox .ttl .txt, .secRequest .enqueteBox .ttl .txt, .secReserve .enqueteBox .ttl .txt {
      font-size: 13px;
      line-height: 1.5em;
      white-space: inherit; }
      .secInquiry .enqueteBox .ttl .txt .txtKome, .secRequest .enqueteBox .ttl .txt .txtKome, .secReserve .enqueteBox .ttl .txt .txtKome {
        font-size: 12px;
        line-height: 1.3em;
        margin-top: 10px;
        font-weight: normal;
        display: block; }
  .secInquiry .enqueteBox .list, .secRequest .enqueteBox .list, .secReserve .enqueteBox .list {
    padding: 10px;
    width: calc(100% - 115px); }
  .secInquiry .formBox .checkListBox, .secRequest .formBox .checkListBox, .secReserve .formBox .checkListBox {
    flex-direction: column; }
    .secInquiry .formBox .checkListBox .item, .secRequest .formBox .checkListBox .item, .secReserve .formBox .checkListBox .item {
      margin: .4em 1.2em .4em 25px;
      line-height: 1.5em; }
  .secInquiry .formBox input[type="radio"], .secRequest .formBox input[type="radio"], .secReserve .formBox input[type="radio"] {
    vertical-align: -3px;
    padding: 6px;
    margin-left: -23px; }
  .secInquiry .formBox input[type="checkbox"], .secRequest .formBox input[type="checkbox"], .secReserve .formBox input[type="checkbox"] {
    vertical-align: -6px;
    padding: 6px;
    margin-left: -23px; }
  .secInquiry .formBox input[type="radio"]:checked::before, .secInquiry .formBox input[type="checkbox"]:checked::before, .secRequest .formBox input[type="radio"]:checked::before, .secRequest .formBox input[type="checkbox"]:checked::before, .secReserve .formBox input[type="radio"]:checked::before, .secReserve .formBox input[type="checkbox"]:checked::before {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px; } }
/*-----------------------------------------------
    request / reserve
-----------------------------------------------*/
.cntsTopBnr {
  width: 100%;
  height: 380px;
  background: #f2f7f8;
  margin-top: 50px;
  text-align: center; }
  .cntsTopBnr img {
    height: 100%;
    width: auto;
    margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .cntsTopBnr {
    width: 100%;
    height: auto;
    background: #f2f7f8;
    margin-top: 50px;
    text-align: center; }
    .cntsTopBnr img {
      height: auto;
      width: 88%;
      margin: 0 auto; } }
/*-----------------------------------------------
    inquiry
-----------------------------------------------*/
.ctbBequest {
  margin-top: 0px; }

@media only screen and (max-width: 767px) {
  .ctbBequest {
    margin-top: 8px; } }
/*-----------------------------------------------
    Campus Search
-----------------------------------------------*/
.secCmpsSearch {
  position: relative; }
  .secCmpsSearch .tab_panel_container .tab_panel {
    overflow: visible;
    height: auto;
    opacity: 1; }

.tab_menu {
  width: 100%;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 60px; }
  .tab_menu li {
    color: #999999;
    text-align: center;
    width: 14%;
    padding: 20px .5em;
    cursor: pointer; }
  .tab_menu li:last-child {
    margin-right: 0; }
  .tab_menu li.selected {
    color: #000;
    border-bottom: 1px solid #000; }

.tab_panel .detail {
  width: 100%;
  box-sizing: border-box;
  padding: 60px 0 0;
  display: none;
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  		/*旧CSSここから
  		.campusLink {
  			display: block;
       	   transition: .2s;
      	    width: calc(50% - 5px);
      	    border: 1px solid #e3e3e3;
      	    border-radius: 10px;
      	    padding: 23px 30px 30px;
      	    margin-bottom: 10px; 
  			color: #000;
  			text-decoration: none;
  		}
  		.campusLink:hover {
      	    color: #000;
      	    transform: scale(103%);
      	    box-shadow: 2px 10px 10px 10px rgba(153, 153, 153, 0.1); 
  		}
  		.item{
  			.data{
  				.name {
  					font-size: 16px;
  					font-weight: bold;
  					display: flex;
  					-webkit-display: flex;
  					justify-content: flex-start;
  					-webkit-justify-content: flex-start;
  					align-items: center;
  					-webkit-align-items: center; 
  					.aLink {
  					background: #ED6D20;
  					padding: .2em 1em;
  					border-radius: 100vh;
  					margin-left: 1em;
  					font-size: 12px;
  					color: #fff;
  					transition: .2s;
  					white-space: nowrap; 
  						text-decoration: none;
  					}
  					.aLink:hover {
  						opacity: .5; 
  					}
  				}
  				.postnum:before {
  					content: '〒'; 
  				}
  				.telnum:before {
  					content: 'TEL.'; 
  				}
  				.access:before {
  					content: 'アクセス：'; 
  				}
  			}
  		}
  		旧CSSここまで*/ }
  .tab_panel .detail .itemBox {
    display: block;
    transition: .2s;
    width: calc(50% - 5px);
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin-bottom: 10px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    min-height: 100px; }
    .tab_panel .detail .itemBox::before {
      position: absolute;
      content: '';
      background-image: url("../images/arrow_sR.svg");
      background-size: 25px 25px;
      top: calc((100% - 25px) / 2);
      right: 20px;
      width: 25px;
      height: 25px;
      transition: .2s; }
    .tab_panel .detail .itemBox .campusLink {
      color: #000;
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: block;
      padding: 23px 60px 30px 30px; }
    .tab_panel .detail .itemBox .data .name {
      font-size: 16px;
      font-weight: bold;
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: center;
      -webkit-align-items: center; }
      .tab_panel .detail .itemBox .data .name .aLink {
        background: #ED6D20;
        padding: .2em 1em;
        border-radius: 100vh;
        margin-left: 1em;
        font-size: 12px;
        color: #fff;
        transition: .2s;
        white-space: nowrap;
        text-decoration: none; }
      .tab_panel .detail .itemBox .data .name .aLink:hover {
        opacity: .5; }
      .tab_panel .detail .itemBox .data .name .category {
        font-size: 14px;
        font-weight: normal; }
    .tab_panel .detail .itemBox .data .postnum:before {
      content: '〒'; }
    .tab_panel .detail .itemBox .data .telnum:before {
      content: 'TEL.'; }
    .tab_panel .detail .itemBox .data .access:before {
      content: 'アクセス：'; }
  .tab_panel .detail .itemBox:hover {
    color: #000;
    transform: scale(103%);
    box-shadow: 2px 10px 10px 10px rgba(153, 153, 153, 0.1); }
  .tab_panel .detail .itemBox:hover::before {
    right: 10px; }

.select_menu_container {
  display: none;
  text-align: center;
  position: relative;
  margin-top: 30px; }
  .select_menu_container .select_menu {
    appearance: none;
    min-width: 120px;
    height: 2.8em;
    padding: 0.4em calc(.8em + 30px) 0.4em 0.8em;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
    width: 100%; }

.select_menu_container::after {
  position: absolute;
  right: 15px;
  top: 40%;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none; }

.tab_panel_container .tab_panel {
  overflow: hidden;
  height: 0;
  opacity: 0; }
.tab_panel_container .tab_panel.is-show {
  overflow: visible;
  height: auto;
  opacity: 1;
  transition: opacity .4s ease-in-out; }

@media only screen and (max-width: 767px) {
  .select_menu_container {
    /*display: inherit;*/ }

  .tab_panel .detail {
    flex-direction: column;
    padding: 30px 0;
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
    .tab_panel .detail .itemBox {
      width: 100%;
      margin-bottom: 15px; }
      .tab_panel .detail .itemBox .data .name {
        flex-wrap: wrap; }
        .tab_panel .detail .itemBox .data .name .category {
          width: 100%;
          margin-left: -.6em; }

  .display_selectedItem {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 30px;
    position: relative; }
    .display_selectedItem::after {
      position: absolute;
      right: 15px;
      width: 10px;
      height: 7px;
      background-color: #535353;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      content: '';
      pointer-events: none;
      top: 15px; }

  .tab_menu {
    width: 100%;
    border: 1px solid #c5c5c5;
    margin-top: 0;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    background: #fff; }

  .tab_menu li {
    cursor: default;
    box-sizing: border-box;
    padding: 2px 10px;
    width: 100%;
    text-align: left; }
    .tab_menu li.selected {
      border-bottom: none; } }
/*-----------------------------------------------
    Campus Search Old
-----------------------------------------------*/
.secCmpsSearch {
  position: relative; }
  .secCmpsSearch .tabBox {
    margin-top: 60px; }
    .secCmpsSearch .tabBox .tab {
      width: 100%;
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
      .secCmpsSearch .tabBox .tab li {
        color: #999999;
        text-align: center;
        width: 14%;
        padding: 20px .5em;
        cursor: pointer; }
      .secCmpsSearch .tabBox .tab li.is-active {
        color: #000;
        border-bottom: 1px solid #000; }
    .secCmpsSearch .tabBox .detail {
      width: 100%;
      box-sizing: border-box;
      padding: 60px 0;
      display: none;
      display: flex;
      -webkit-display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start; }
      .secCmpsSearch .tabBox .detail .campusLink {
        display: block;
        transition: .2s;
        width: calc(50% - 5px);
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        padding: 23px 30px 30px;
        margin-bottom: 10px; }
      .secCmpsSearch .tabBox .detail .campusLink:hover {
        color: #000;
        transform: scale(103%);
        box-shadow: 0px 0px 5px 5px rgba(153, 153, 153, 0.5); }
      .secCmpsSearch .tabBox .detail .item .data .name {
        font-size: 28px;
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center; }
        .secCmpsSearch .tabBox .detail .item .data .name .aLink {
          background: #ED6D20;
          padding: .2em 1em;
          border-radius: 100vh;
          margin-left: 1em;
          font-size: 12px;
          color: #fff;
          transition: .2s;
          white-space: nowrap; }
        .secCmpsSearch .tabBox .detail .item .data .name .aLink:hover {
          opacity: .5; }
      .secCmpsSearch .tabBox .detail .item .data .postnum:before {
        content: '〒'; }
      .secCmpsSearch .tabBox .detail .item .data .telnum:before {
        content: 'TEL.'; }
      .secCmpsSearch .tabBox .detail .item .data .access:before {
        content: 'アクセス：'; }

@media only screen and (max-width: 767px) {
  .secCmpsSearch .tabBox {
    margin-top: 50px; }
    .secCmpsSearch .tabBox .tab {
      width: 100%;
      flex-wrap: wrap;
      border-bottom: none;
      gap: 4%; }
      .secCmpsSearch .tabBox .tab li {
        color: #7A7573;
        text-align: center;
        width: 48%;
        border-radius: 8px;
        border: 1px solid #D3D1D0;
        padding: 15px .5em;
        margin-bottom: 10px; }
      .secCmpsSearch .tabBox .tab li.is-active {
        border: 1px solid #000; }
    .secCmpsSearch .tabBox .items .detail {
      padding: 50px 0 0; }
  .secCmpsSearch .pageIndex {
    width: 100%; }
    .secCmpsSearch .pageIndex .newsList .item {
      flex-direction: column-reverse;
      gap: 20px; }
      .secCmpsSearch .pageIndex .newsList .item .txtBox .status {
        flex-direction: column; }
        .secCmpsSearch .pageIndex .newsList .item .txtBox .status .date {
          font-size: 20px;
          margin-bottom: .5em; }
      .secCmpsSearch .pageIndex .newsList .item .txtBox .ttl {
        font-size: 18px; }
    .secCmpsSearch .pageIndex .aLink {
      display: block;
      transition: .2s; }
    .secCmpsSearch .pageIndex .aLink:hover {
      color: #000; }
    .secCmpsSearch .pageIndex .aLink:hover .item {
      color: #000;
      border-bottom: 1px solid #F3982C; }
    .secCmpsSearch .pageIndex .aLink:hover .txtBox .status .category {
      background: #F3982C; } }
/*-----------------------------------------------
    Campus 共通
-----------------------------------------------*/
.secBtmBnr {
  margin-bottom: 130px; }
  .secBtmBnr .listBox {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 30px; }
    .secBtmBnr .listBox .aLink {
      display: block;
      width: calc((100% - 60px) / 3); }
    .secBtmBnr .listBox .item {
      width: calc((1016px - 60px) / 3);
      height: 180px;
      display: flex;
      -webkit-display: flex;
      align-items: center;
      -webkit-align-items: center;
      overflow: hidden;
      border-radius: 0 30px 0 30px;
      position: relative; }
      .secBtmBnr .listBox .item span {
        color: #fff;
        display: flex;
        -webkit-display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        z-index: 2;
        font-size: 18px;
        line-height: 1.4em;
        font-weight: bold;
        width: 100%;
        text-align: center; }
      .secBtmBnr .listBox .item span:after {
        border: 1px solid #fff;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        position: absolute;
        content: '';
        z-index: -1;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        border-radius: 0 25px 0 25px; }
    .secBtmBnr .listBox .item:after {
      position: absolute;
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
      background-position: center center;
      z-index: -2; }
    .secBtmBnr .listBox .item01:after {
      background-image: url("../images/p00.jpg"); }
    .secBtmBnr .listBox .item02:after {
      background-image: url("../images/p00.jpg"); }
    .secBtmBnr .listBox .item03:after {
      background-image: url("../images/p00.jpg"); }
    .secBtmBnr .listBox .item04:after {
      background-image: url("../images/p00.jpg"); }
    .secBtmBnr .listBox .item05:after {
      background-image: url("../images/p00.jpg"); }
    .secBtmBnr .listBox .item06:after {
      background-image: url("../images/bnr_chutoubu.svg"); }
    .secBtmBnr .listBox .item06 span {
      text-indent: 1000%;
      white-space: nowrap;
      overflow: hidden; }

.secAreaInfo .inner, .secBtmInfo .inner {
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  position: relative;
  padding: 70px 100px 55px;
  border-radius: 0 30px 0 30px;
  min-height: 100px;
  margin-bottom: 50px; }
  .secAreaInfo .inner .pageSecTtl, .secBtmInfo .inner .pageSecTtl {
    position: absolute;
    left: 30px;
    top: -30px;
    background: #f3982c;
    color: #fff;
    padding: 20px 25px;
    border-radius: 0 15px 0 15px;
    font-weight: 400; }
.secAreaInfo .listBox, .secBtmInfo .listBox {
  display: flex;
  -webkit-display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: start;
  -webkit-justify-content: start;
  flex-wrap: wrap;
  gap: 20px; }
  .secAreaInfo .listBox .item, .secBtmInfo .listBox .item {
    width: calc((100% - 60px) / 4);
    position: relative; }
    .secAreaInfo .listBox .item a, .secBtmInfo .listBox .item a {
      color: #000;
      text-decoration: none; }
    .secAreaInfo .listBox .item a:hover, .secBtmInfo .listBox .item a:hover {
      color: #ED6D20; }
  .secAreaInfo .listBox .item::before, .secBtmInfo .listBox .item::before {
    content: '';
    background-image: url("../images/arrow01.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 10%;
    width: 5px;
    height: 8px;
    top: 38%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -10px; }
.secAreaInfo .aBtn01, .secBtmInfo .aBtn01 {
  margin: 30px auto 50px;
  padding: 1rem;
  color: #fff; }

@media only screen and (max-width: 767px) {
  .secBtmBnr {
    margin-bottom: 100px; }
    .secBtmBnr .listBox {
      gap: 20px; }
      .secBtmBnr .listBox .aLink {
        width: calc(50% - 10px); }
      .secBtmBnr .listBox .item {
        width: 100%;
        height: 110px; }
        .secBtmBnr .listBox .item span {
          font-size: 13px; }
        .secBtmBnr .listBox .item span:after {
          width: calc(100% - 13px);
          height: calc(100% - 13px);
          margin: 0px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          border-radius: 0 25px 0 25px; }

  .secAreaInfo .inner, .secBtmInfo .inner {
    padding: 55px 20px 35px;
    margin-bottom: 30px; }
    .secAreaInfo .inner .pageSecTtl, .secBtmInfo .inner .pageSecTtl {
      left: 15px; }
  .secAreaInfo .listBox, .secBtmInfo .listBox {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 25px; }
    .secAreaInfo .listBox .item, .secBtmInfo .listBox .item {
      width: 100%; } }
/*-----------------------------------------------
    Campus Index
-----------------------------------------------*/
.campusMenuBox {
  position: relative; }
  .campusMenuBox label, .campusMenuBox input, .campusMenuBox button {
    display: none; }

.campusMenu {
  width: calc(100% - 40px);
  max-width: 1016px;
  margin: 0px auto 0;
  position: absolute;
  min-height: 60px;
  top: 89px;
  /* 配置調整（重要！） */
  right: 0;
  left: 0;
  z-index: 10;
  display: grid;
  -webkit-display: grid;
  /* Old
  display:flex;
  -webkit-display:flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  column-gap:0;
  */
  /* Old
  	.item:nth-child(6):after{
  		content: none;
  	}
      .item:nth-child(n+7){
  		padding-bottom: 5px;
  	}
  */ }
  .campusMenu .item {
    position: relative;
    padding: 0 1em;
    /* Old
    width:calc(100% / 6);
    */ }
    .campusMenu .item .aLink {
      color: #999;
      transition: .2s;
      display: block;
      width: 100%;
      font-size: 15px;
      line-height: 1.5em;
      text-align: center;
      min-height: 60px;
      display: flex;
      -webkit-display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      text-decoration: none; }
    .campusMenu .item .aLink:hover {
      color: #000; }
    .campusMenu .item .is-active {
      color: #000;
      font-weight: bold; }
  .campusMenu .item:after {
    content: '';
    position: absolute;
    background: #999;
    right: 0;
    top: 15px;
    height: 30px;
    width: 1px;
    transform: rotate(15deg); }
  .campusMenu .item:last-child:after {
    content: none; }
  .campusMenu .listBox.sticky {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    background: #fff; }
  .campusMenu .ac-parent, .campusMenu .ac-parent.open {
    display: none; }

.one-item {
  grid-template-columns: repeat(1, 1fr); }

.two-items {
  grid-template-columns: repeat(2, 1fr); }

.three-items {
  grid-template-columns: repeat(3, 1fr); }

.four-items {
  grid-template-columns: repeat(4, 1fr); }

.five-items {
  grid-template-columns: repeat(5, 1fr); }

.six-items {
  grid-template-columns: repeat(6, 1fr); }

.many-items {
  grid-template-columns: repeat(6, 1fr); }
  .many-items .item:nth-child(6):after {
    content: none; }
  .many-items .item:nth-child(n+7):after {
    content: ''; }
  .many-items .item:nth-child(n+7) {
    padding-bottom: 5px; }

.campusMenu.sticky {
  position: fixed;
  /* 上に固定 */
  /* top: 90px;上からスッと表示させる（重要！） */
  margin-top: 0px;
  /* 0にすることでtopで上に配置 */
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  width: 100%;
  max-width: inherit;
  background-color: #fff;
  padding: 0 2%; }

.blockBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  margin-bottom: 40px;
  width: 100%; }
  .blockBox .two-blocks {
    width: 50%; }
  .blockBox .three-blocks {
    width: 33.333%; }
  .blockBox .item {
    display: flex;
    -webkit-display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    text-align: center;
    gap: 10px; }
    .blockBox .item .pict {
      width: 100%;
      height: 260px; }
      .blockBox .item .pict img {
        object-fit: cover; }
    .blockBox .item .txt {
      width: 100%;
      text-align: left; }

.secCmpsIndex {
  margin-top: 245px; }
  .secCmpsIndex .secFeature {
    margin-bottom: 80px; }
    .secCmpsIndex .secFeature .futurePictBlock .item .pict img {
      width: 100%;
      height: 100%;
      aspect-ratio: 4 / 3; }
  .secCmpsIndex .secSlctCourse {
    background: #f0f0f0;
    padding: 22px 35px 35px;
    margin-bottom: 100px; }
    .secCmpsIndex .secSlctCourse .ttl {
      font-size: 20px;
      margin-bottom: .4em; }
    .secCmpsIndex .secSlctCourse .listBox {
      display: flex;
      -webkit-display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: 15px; }
      .secCmpsIndex .secSlctCourse .listBox .item {
        border: 1px solid #cccccc;
        background: #fff;
        padding: .2em .8em; }
  .secCmpsIndex .secCmpsLife {
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    position: relative;
    padding: 50px 35px 35px;
    border-radius: 0 30px 0 30px;
    min-height: 100px;
    margin-bottom: 100px; }
    .secCmpsIndex .secCmpsLife .blockBox {
      position: relative;
      min-height: 100px; }
    .secCmpsIndex .secCmpsLife .blockBox::after {
      position: absolute;
      content: '';
      left: 50%;
      border-right: 1px dotted #aaaaaa;
      width: 1px;
      height: 100%; }
    .secCmpsIndex .secCmpsLife .noLine::after {
      position: inherit;
      content: none;
      left: inherit;
      border-right: none;
      width: auto;
      height: auto; }
    .secCmpsIndex .secCmpsLife .blogBox {
      text-align: center; }
    .secCmpsIndex .secCmpsLife .blogBox-2col {
      width: calc(100% - 60px);
      margin: 50px 30px 0; }
      .secCmpsIndex .secCmpsLife .blogBox-2col .flexBox {
        gap: 0 40px;
        flex-wrap: wrap; }
        .secCmpsIndex .secCmpsLife .blogBox-2col .flexBox .aLink {
          display: block;
          width: calc((100% - 40px) / 2); }
    .secCmpsIndex .secCmpsLife .mediaBox {
      text-align: center;
      position: relative; }
      .secCmpsIndex .secCmpsLife .mediaBox .movBox {
        width: 380px;
        margin: 0 auto 30px;
        min-height: 285px; }
        .secCmpsIndex .secCmpsLife .mediaBox .movBox img {
          object-fit: cover; }
        .secCmpsIndex .secCmpsLife .mediaBox .movBox .mov {
          width: 380px;
          height: auto;
          max-height: 250px;
          margin-bottom: 10px; }
      .secCmpsIndex .secCmpsLife .mediaBox .txt {
        text-align: left; }
    .secCmpsIndex .secCmpsLife .pageSecTtl {
      position: absolute;
      left: 30px;
      top: -30px;
      background: #f3982c;
      color: #fff;
      padding: 20px 25px;
      border-radius: 0 15px 0 15px;
      font-weight: 400; }
    .secCmpsIndex .secCmpsLife .clTtl {
      font-size: 18px;
      font-weight: bold;
      position: relative;
      margin: 25px auto 23px;
      display: inline-block; }
    .secCmpsIndex .secCmpsLife .clTtl::before {
      content: '';
      position: absolute;
      left: -20px;
      top: 50%;
      bottom: 50%;
      height: 1px;
      width: 15px;
      background: #000; }
    .secCmpsIndex .secCmpsLife .clTtl::after {
      content: '';
      position: absolute;
      right: -20px;
      top: 50%;
      bottom: 50%;
      height: 1px;
      width: 15px;
      background: #000; }
    .secCmpsIndex .secCmpsLife .listBox a {
      color: #000;
      text-decoration: none; }
    .secCmpsIndex .secCmpsLife .listBox a:hover .txt {
      color: #ED6D20; }
    .secCmpsIndex .secCmpsLife .listBox a:hover .content .date sapn {
      background: #ED6D20; }
    .secCmpsIndex .secCmpsLife .listBox .item {
      margin-bottom: 10px; }
    .secCmpsIndex .secCmpsLife .listBox .content {
      display: grid;
      -webkit-display: grid;
      grid-template-areas: "img date" "img txt";
      grid-template-columns: 120px 1fr;
      grid-template-rows: auto 1fr;
      margin-bottom: 15px;
      text-align: left;
      grid-row-gap: 5px;
      grid-column-gap: 15px; }
      .secCmpsIndex .secCmpsLife .listBox .content .date {
        grid-area: date;
        font-size: 11px;
        color: #ED6D20; }
        .secCmpsIndex .secCmpsLife .listBox .content .date span {
          background: #999;
          color: #fff;
          padding: .1em .8em;
          border-radius: 100vh;
          margin-left: .7em;
          transition: .2s; }
      .secCmpsIndex .secCmpsLife .listBox .content .txt {
        grid-area: txt;
        transition: .2s; }
      .secCmpsIndex .secCmpsLife .listBox .content .imgBox {
        grid-area: img;
        width: 120px;
        height: 90px; }
        .secCmpsIndex .secCmpsLife .listBox .content .imgBox img {
          width: 120px;
          height: 90px;
          object-fit: cover; }
    .secCmpsIndex .secCmpsLife .aBtn01 {
      padding: 1em;
      font-size: 14px;
      width: 310px;
      margin: 5px auto; }
    .secCmpsIndex .secCmpsLife .snsBox {
      text-align: center;
      margin: 0 auto 40px; }
      .secCmpsIndex .secCmpsLife .snsBox .inner {
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        gap: 25px; }
        .secCmpsIndex .secCmpsLife .snsBox .inner .aLink {
          color: #000;
          text-decoration: none; }
        .secCmpsIndex .secCmpsLife .snsBox .inner .aLink:hover {
          color: #ED6D20; }
      .secCmpsIndex .secCmpsLife .snsBox .snsList {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        gap: 10px;
        text-align: left; }
      .secCmpsIndex .secCmpsLife .snsBox .icon {
        width: 55px;
        height: 55px; }
      .secCmpsIndex .secCmpsLife .snsBox .txt {
        font-size: 15px;
        line-height: 1.3em; }
        .secCmpsIndex .secCmpsLife .snsBox .txt span {
          font-size: 13px; }
  .secCmpsIndex .pgEntryBnr {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    gap: 20px;
    margin: 0 auto 100px; }
    .secCmpsIndex .pgEntryBnr .item {
      width: 33.333%;
      height: auto; }
  .secCmpsIndex .infoTtl {
    position: relative;
    font-size: 30px;
    color: #ed6d20;
    height: auto;
    margin-bottom: 45px; }
  .secCmpsIndex .infoTtl::after {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #f39923, #ffea79); }
  .secCmpsIndex .infoMds {
    font-size: 24px;
    position: relative;
    height: auto;
    padding-left: 15px;
    margin-bottom: 30px; }
  .secCmpsIndex .infoMds::before {
    content: '';
    position: absolute;
    height: 23px;
    width: 15px;
    background: #f8b62c;
    left: 0;
    top: 11px;
    z-index: -1; }
  .secCmpsIndex .infoMds::after {
    content: '';
    position: absolute;
    height: 35px;
    width: 15px;
    background: #fff;
    transform: rotate(10deg);
    left: 4px;
    top: 11px;
    z-index: -1; }
  .secCmpsIndex .secCmpsInfo .cInfoEntry {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    margin-bottom: 50px; }
    .secCmpsIndex .secCmpsInfo .cInfoEntry .txtBox {
      width: calc(100% - 310px); }
    .secCmpsIndex .secCmpsInfo .cInfoEntry .imgBox {
      width: 260px;
      height: auto; }
  .secCmpsIndex .secCmpsInfo .cInfoBox01 {
    margin-bottom: 100px; }
    .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox {
      border-top: 1px dotted #aaaaaa; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        gap: 30px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .entAccept {
          background: #f3982c;
          padding: .4em;
          border-radius: 100vh;
          color: #fff;
          line-height: 1;
          width: 6.5em;
          text-align: center; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .date {
          font-size: 15px;
          font-weight: bold;
          position: relative;
          min-width: 10px;
          padding-right: 40px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .date::after {
          position: absolute;
          content: '';
          height: 100%;
          width: 1px;
          right: 0;
          background: #cdcdcd;
          font-size: 15px;
          font-weight: bold; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .category {
          font-size: 15px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent {
        position: relative;
        height: auto;
        min-height: 75px;
        line-height: inherit;
        padding: 0;
        border-bottom: none;
        font-weight: normal; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent.open {
        background: #fff;
        color: #000; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent.open:before {
        transform: rotate(45deg);
        opacity: 100; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent.open:after {
        transform: rotate(-45deg);
        opacity: 100; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: rotate(135deg);
        transition: all .2s;
        /*横線*/
        width: 10px;
        height: 2px;
        background: #F8B62C; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 26px;
        transform: rotate(-135deg);
        transition: all .2s;
        /*縦線*/
        width: 10px;
        height: 2px;
        background: #F8B62C; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain {
        margin: 20px auto 50px 120px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain a {
          color: #ED6D20;
          text-decoration: underline; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain a:hover {
          opacity: .5; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain .aBtn01 {
          margin: 30px auto 50px 0;
          padding: 1rem;
          color: #fff;
          text-decoration: none; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain .pictBox {
          margin-top: 45px;
          display: flex;
          -webkit-display: flex;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          align-items: start;
          -webkit-align-items: start;
          gap: 40px; }
          .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain .pictBox .item {
            width: calc((100% - 40px) / 2); }
    .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox:last-child {
      border-bottom: 1px dotted #aaaaaa; }
    .secCmpsIndex .secCmpsInfo .cInfoBox01 .entClosed {
      opacity: .4; }
  .secCmpsIndex .secCmpsInfo .cInfoBox02 {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 20px;
    margin-bottom: 100px; }
    .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox {
      border-top: none;
      width: calc(50% - 15px); }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .trigerBox {
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        gap: 30px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent {
        position: relative;
        min-height: 100px;
        line-height: inherit;
        padding: 0;
        border-bottom: none;
        font-weight: normal;
        background: #f0f0f0;
        font-size: 18px;
        text-align: center; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent.open {
        background: #f0f0f0;
        color: #000; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent.open::after {
        transform: rotate(180deg);
        opacity: 100; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent::before {
        content: none; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent::after {
        content: "";
        position: absolute;
        top: calc(50% - 10px);
        right: 30px;
        transform: none;
        transition: all .2s;
        width: 20px;
        height: 20px;
        background-image: url("../images/arrow_maruU.svg");
        background-color: inherit; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-child {
        background: #f0f0f0; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .contain {
        padding: 20px 40px 40px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .contain .pictBox {
          margin-top: 20px;
          display: flex;
          -webkit-display: flex;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          align-items: start;
          -webkit-align-items: start;
          flex-direction: column;
          gap: 20px; }
          .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .contain .pictBox .item {
            width: 100%; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .txtRed {
        color: #cc0000; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .aBtn01 {
        margin: 30px auto 10px;
        padding: 1rem;
        color: #fff; }
    .secCmpsIndex .secCmpsInfo .cInfoBox02 .listBoxMaru .item::before {
      color: #000; }
  .secCmpsIndex .secCmpsInfo .cInfoBox {
    margin-bottom: 100px; }
    .secCmpsIndex .secCmpsInfo .cInfoBox .cInfoEntry {
      margin-bottom: 10px; }
    .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList {
      font-size: 15px;
      margin-bottom: 60px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .item {
        border-bottom: 1px solid #cdcdcd;
        padding: 25px 10px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .item:first-child {
        border-bottom: 1px solid #cdcdcd;
        padding: 0px 10px 25px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .ttl {
        font-weight: 500; }
    .secCmpsIndex .secCmpsInfo .cInfoBox .aBtn01 {
      margin: 30px auto 10px;
      padding: 1rem;
      color: #fff; }
  .secCmpsIndex .secStVoices {
    position: relative;
    min-height: 400px;
    padding: 100px 100px 0;
    margin-bottom: 100px; }
    .secCmpsIndex .secStVoices .voiceTtl {
      margin-bottom: 80px;
      font-size: 36px;
      color: #fff;
      line-height: 1.1em;
      font-weight: 500; }
      .secCmpsIndex .secStVoices .voiceTtl .small {
        font-size: 20px; }
    .secCmpsIndex .secStVoices .voiceTtlEg {
      position: absolute;
      top: 90px;
      right: 60px;
      font-family: 'Caveat', cursive;
      color: #ffec4c;
      font-size: 70px; }
    .secCmpsIndex .secStVoices .voiceBox {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: stretch;
      -webkit-align-items: stretch;
      flex-wrap: wrap;
      gap: 50px;
      counter-increment: voicecounter;
      counter-reset: voicecounter -1; }
      .secCmpsIndex .secStVoices .voiceBox .item {
        width: calc(50% - 25px);
        margin-bottom: 30px; }
        .secCmpsIndex .secStVoices .voiceBox .item .itemSet {
          position: relative;
          min-height: 200px; }
          .secCmpsIndex .secStVoices .voiceBox .item .itemSet .numBox {
            position: absolute;
            background: #ed6d20;
            border-radius: 0 10px 0 10px;
            width: 85px;
            height: 70px;
            top: -30px;
            left: 20px;
            display: flex;
            -webkit-display: flex;
            justify-content: center;
            -webkit-justify-content: center;
            align-items: center;
            -webkit-align-items: center;
            flex-wrap: wrap;
            color: #fff;
            text-align: center;
            line-height: 1.2em; }
            .secCmpsIndex .secStVoices .voiceBox .item .itemSet .numBox .num {
              font-size: 10px; }
            .secCmpsIndex .secStVoices .voiceBox .item .itemSet .numBox .num::after {
              font-size: 20px;
              counter-increment: voicecounter 1;
              content: "\a" counter(voicecounter,decimal-leading-zero);
              white-space: pre; }
          .secCmpsIndex .secStVoices .voiceBox .item .itemSet .pict {
            margin-bottom: 25px; }
          .secCmpsIndex .secStVoices .voiceBox .item .itemSet .category {
            color: #fff;
            background: #f3982c;
            padding: .5em 1.5em;
            line-height: 1em;
            white-space: nowrap;
            border-radius: 100vh;
            margin-bottom: 20px;
            display: inline-block; }
          .secCmpsIndex .secStVoices .voiceBox .item .itemSet .ttl {
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.5em; }
    .secCmpsIndex .secStVoices .aBtn01 {
      margin: 30px auto 50px;
      padding: 1rem;
      color: #fff; }
  .secCmpsIndex .secStVoices::after {
    position: absolute;
    content: '';
    background-image: url("../images/bg_img02.jpg");
    background-size: cover;
    height: 400px;
    width: 100%;
    border-radius: 0 30px 0 30px;
    top: 0;
    left: 0;
    z-index: -1; }
  .secCmpsIndex .secBasicInfo .fellowMessage {
    margin-top: 20px;
    margin-bottom: 50px; }
    .secCmpsIndex .secBasicInfo .fellowMessage .item {
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px dotted #999; }
    .secCmpsIndex .secBasicInfo .fellowMessage .item:last-child {
      border: none;
      padding-bottom: 0px; }
    .secCmpsIndex .secBasicInfo .fellowMessage .itemSet {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 50px; }
    .secCmpsIndex .secBasicInfo .fellowMessage .pict {
      width: 260px;
      height: auto; }
    .secCmpsIndex .secBasicInfo .fellowMessage .txt {
      width: calc(100% - 310px); }
    .secCmpsIndex .secBasicInfo .fellowMessage .name {
      font-size: 16px;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secCmpsIndex .secBasicInfo .fellowMessage .comment {
      margin-bottom: .7em; }
  .secCmpsIndex .secBasicInfo .accessBox {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: stretch;
    -webkit-align-items: stretch;
    margin-bottom: 100px;
    gap: 50px; }
    .secCmpsIndex .secBasicInfo .accessBox .txtBox {
      width: calc(50% - 25px); }
    .secCmpsIndex .secBasicInfo .accessBox .mapBox {
      width: calc(50% - 25px); }
      .secCmpsIndex .secBasicInfo .accessBox .mapBox iframe {
        width: 100%;
        height: calc(100% - 25px); }
    .secCmpsIndex .secBasicInfo .accessBox .accessTable {
      border-collapse: collapse;
      border-top: 1px solid #cccccc; }
      .secCmpsIndex .secBasicInfo .accessBox .accessTable th {
        background: #fef8ea;
        padding: 1.5em 1em;
        border-bottom: 1px solid #cccccc;
        vertical-align: middle;
        width: 4.5em;
        white-space: nowrap; }
      .secCmpsIndex .secBasicInfo .accessBox .accessTable td {
        padding: 1.5em 1em;
        border-bottom: 1px solid #cccccc; }
  .secCmpsIndex .secBasicInfo .idViewBox {
    width: 670px;
    height: auto;
    margin: 0 auto 100px;
    text-align: center; }
    .secCmpsIndex .secBasicInfo .idViewBox .idvTtl {
      font-size: 25px;
      font-weight: 500;
      position: relative;
      min-height: 30px;
      margin: 0 auto 15px;
      display: inline-block; }
    .secCmpsIndex .secBasicInfo .idViewBox .idvTtl::before {
      content: '';
      position: absolute;
      width: 2px;
      height: 25px;
      background: #000;
      transform: rotate(-25deg);
      top: 10px;
      left: -15px; }
    .secCmpsIndex .secBasicInfo .idViewBox .idvTtl::after {
      content: '';
      position: absolute;
      width: 2px;
      height: 25px;
      background: #000;
      transform: rotate(25deg);
      top: 10px;
      right: -15px; }
    .secCmpsIndex .secBasicInfo .idViewBox .inner {
      width: 100%;
      height: auto; }
  .secCmpsIndex .secFaq {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 110px;
    border-top: none; }

@media only screen and (max-width: 767px) {
  .campusMenuBox {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 88%;
    padding: 0;
    margin: 40px auto 0px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
    /*227修正による非表示
    label {
    	display: block;
    	margin: 0 0 4px 0;
    	padding : 20px 0;
    	line-height: 1;
    	cursor :pointer;
    	position: relative;
    	&::before{
    		content: "";
    		position: absolute;
    		top: 28px;
    		right: 0px;
    		transform: rotate(135deg);
    		transition: all .2s;
    		width: 10px;
    		height: 2px;
    		background: #F8B62C;
    		transition: none;
    	}
    	&::after{
    		content: "";
    		position: absolute;
    		top: 28px;
    		right: 6px;
    		transform: rotate(-135deg);
    		transition: all .2s;
    		width: 10px;
    		height: 2px;
    		background: #F8B62C;
    		transition: none;
    	}
    }
    input {
    	display: none;
    }
    
    */
    /*227修正による非表示
    #menu_bar01:checked ~ .campusMenu li{
    	height: 60px;
    	opacity: 1;
    }
    #menu_bar01:checked　+ label::before{
    	transform: rotate(45deg);
    }
    #menu_bar01:checked　+ label::after{
    	transform: rotate(-45deg);
    }
    */ }
    .campusMenuBox .menu_btn {
      display: block;
      margin: 0;
      padding: 20px 0;
      line-height: 1;
      cursor: pointer;
      position: relative;
      border: none;
      width: 100%;
      text-align: left;
      background: #fff; }
      .campusMenuBox .menu_btn::before {
        content: "";
        position: absolute;
        top: 28px;
        right: 0px;
        transform: rotate(135deg);
        transition: all .2s;
        width: 10px;
        height: 2px;
        background: #F8B62C;
        transition: none; }
      .campusMenuBox .menu_btn::after {
        content: "";
        position: absolute;
        top: 28px;
        right: 6px;
        transform: rotate(-135deg);
        transition: all .2s;
        width: 10px;
        height: 2px;
        background: #F8B62C;
        transition: none; }
    .campusMenuBox .campusMenu {
      margin: 0px auto 0px;
      width: 100%;
      min-height: inherit;
      background-color: inherit;
      position: relative;
      height: auto;
      top: inherit;
      right: inherit;
      left: inherit;
      z-index: inherit;
      font-size: 15px;
      display: flex;
      -webkit-display: flex;
      column-gap: 0;
      align-items: stretch;
      flex-direction: column;
      /*修正による追記ここから*/
      display: none;
      margin: 0;
      padding-inline-start: 0px;
      /*修正による追記ここまで*/ }
      .campusMenuBox .campusMenu .item {
        padding: 0;
        /*height: 0;227修正による非表示*/
        /*overflow: hidden;227修正による非表示*/
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        text-align: left;
        line-height: 1.5em;
        position: relative;
        width: 100%;
        min-height: auto;
        display: block;
        -webkit-display: block;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        white-space: nowrap; }
        .campusMenuBox .campusMenu .item .aLink {
          text-align: left;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          font-size: 13px;
          border-bottom: 1px solid #ccc;
          padding: 15px 0;
          letter-spacing: -.03em;
          transition: 0s;
          min-height: 40px; }
      .campusMenuBox .campusMenu .item:after {
        content: none;
        position: inherit; }
      .campusMenuBox .campusMenu .item:first-child .aLink {
        border-top: 1px solid #ccc; }
      .campusMenuBox .campusMenu .item:last-child .aLink {
        border-bottom: none; }
    .campusMenuBox .acBox {
      width: 100%;
      margin: 0 auto;
      border-top: none; }
      .campusMenuBox .acBox .trigerBox {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        gap: 30px; }
        .campusMenuBox .acBox .trigerBox .entAccept {
          background: #f3982c;
          padding: .4em;
          border-radius: 100vh;
          color: #fff;
          line-height: 1;
          width: 6.5em;
          text-align: center; }
        .campusMenuBox .acBox .trigerBox .date {
          font-size: 15px;
          font-weight: bold;
          position: relative;
          min-width: 10px;
          padding-right: 40px; }
        .campusMenuBox .acBox .trigerBox .date::after {
          position: absolute;
          content: '';
          height: 100%;
          width: 1px;
          right: 0;
          background: #cdcdcd;
          font-size: 15px;
          font-weight: bold; }
        .campusMenuBox .acBox .trigerBox .category {
          font-size: 15px; }
      .campusMenuBox .acBox .ac-parent {
        display: block;
        position: relative;
        height: auto;
        min-height: 60px;
        line-height: inherit;
        padding: 0;
        border-bottom: none;
        font-weight: 500;
        padding: 15px .2em;
        letter-spacing: -.03em; }
      .campusMenuBox .acBox .ac-parent.open {
        background: #fff;
        color: #000; }
      .campusMenuBox .acBox .ac-parent.open:before {
        transform: rotate(45deg);
        opacity: 100; }
      .campusMenuBox .acBox .ac-parent.open:after {
        transform: rotate(-45deg);
        opacity: 100; }
      .campusMenuBox .acBox .ac-parent:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 5px;
        transform: rotate(135deg);
        transition: all .2s;
        /*横線*/
        width: 10px;
        height: 2px;
        background: #F8B62C; }
      .campusMenuBox .acBox .ac-parent:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 11px;
        transform: rotate(-135deg);
        transition: all .2s;
        /*縦線*/
        width: 10px;
        height: 2px;
        background: #F8B62C; }
      .campusMenuBox .acBox .contain {
        text-align: left; }
    .campusMenuBox .entClosed {
      opacity: .4; }

  .campusMenuBox.sticky {
    position: fixed;
    /* 上に固定 */
    /* top: 62px;上からスッと表示させる（重要！） */
    margin-top: -146px;
    /* 0にすることでtopで上に配置 */
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    background: #ececec;
    width: 100%;
    max-width: inherit;
    padding: 0;
    animation-name: anime;
    animation-duration: 0.3s; }
    .campusMenuBox.sticky button {
      padding: 15px 6%;
      background: #ececec; }
      .campusMenuBox.sticky button::before {
        right: 6%;
        top: 23px; }
      .campusMenuBox.sticky button::after {
        right: calc(6% + 6px);
        top: 23px; }
    .campusMenuBox.sticky .campusMenu .item .aLink {
      padding: 12px 6%; }
    .campusMenuBox.sticky .campusMenu .item:last-child .aLink {
      border-bottom: none;
      padding-bottom: 16px; }

  @keyframes anime {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  .secCmpsIndex {
    margin-top: 150px; }
    .secCmpsIndex .secFeature {
      margin-bottom: 40px; }
      .secCmpsIndex .secFeature .blockBox {
        flex-direction: column-reverse;
        gap: 20px; }
        .secCmpsIndex .secFeature .blockBox .two-blocks {
          width: 100%; }
        .secCmpsIndex .secFeature .blockBox .three-blocks {
          width: 100%; }
        .secCmpsIndex .secFeature .blockBox .item {
          align-items: center;
          flex-direction: row;
          text-align: left; }
          .secCmpsIndex .secFeature .blockBox .item .pict {
            width: calc(50% - 5px);
            height: 35vw; }
          .secCmpsIndex .secFeature .blockBox .item .txt {
            width: calc(50% - 5px); }
    .secCmpsIndex .secSlctCourse {
      background: #f0f0f0;
      padding: 15px;
      margin-bottom: 80px; }
      .secCmpsIndex .secSlctCourse .ttl {
        font-size: 18px;
        margin-bottom: .4em; }
      .secCmpsIndex .secSlctCourse .listBox {
        gap: 10px; }
        .secCmpsIndex .secSlctCourse .listBox .item {
          font-size: 13px;
          letter-spacing: -.03em; }
    .secCmpsIndex .secCmpsLife {
      padding: 35px 20px 15px;
      margin-bottom: 50px; }
      .secCmpsIndex .secCmpsLife .blockBox {
        flex-direction: column;
        position: relative;
        min-height: 100px;
        margin-bottom: 0;
        gap: 0; }
      .secCmpsIndex .secCmpsLife .blockBox::after {
        content: none; }
      .secCmpsIndex .secCmpsLife .blogBox {
        width: 100%;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 35px;
        margin-bottom: 10px; }
      .secCmpsIndex .secCmpsLife .blogBox-2col {
        width: 100%;
        margin: 30px 0 10px;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 35px; }
        .secCmpsIndex .secCmpsLife .blogBox-2col .flexBox {
          gap: 0 40px;
          flex-direction: column; }
          .secCmpsIndex .secCmpsLife .blogBox-2col .flexBox .aLink {
            display: block;
            width: 100%; }
      .secCmpsIndex .secCmpsLife .mediaBox {
        width: 100%;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 35px;
        margin-bottom: 10px; }
        .secCmpsIndex .secCmpsLife .mediaBox .movBox {
          width: 100%;
          height: auto;
          margin: 0 auto 30px;
          min-height: inherit; }
          .secCmpsIndex .secCmpsLife .mediaBox .movBox .mov {
            width: 100%;
            height: auto;
            margin-bottom: 10px; }
      .secCmpsIndex .secCmpsLife .pageSecTtl {
        left: 15px; }
      .secCmpsIndex .secCmpsLife .clTtl {
        font-size: 16px; }
      .secCmpsIndex .secCmpsLife .listBox {
        margin-bottom: 10px; }
        .secCmpsIndex .secCmpsLife .listBox .content {
          grid-template-columns: 80px 1fr; }
          .secCmpsIndex .secCmpsLife .listBox .content .date {
            grid-area: date;
            font-size: 13px; }
            .secCmpsIndex .secCmpsLife .listBox .content .date span {
              font-size: 11px; }
          .secCmpsIndex .secCmpsLife .listBox .content .txt {
            line-height: 1.5; }
          .secCmpsIndex .secCmpsLife .listBox .content .imgBox {
            grid-area: img;
            width: 80px;
            height: 80px; }
            .secCmpsIndex .secCmpsLife .listBox .content .imgBox img {
              width: 80px;
              height: 80px;
              object-fit: cover; }
      .secCmpsIndex .secCmpsLife .aBtn01 {
        width: 100%;
        background-position: 93% 50%; }
      .secCmpsIndex .secCmpsLife .snsBox {
        margin: 0 auto 40px; }
        .secCmpsIndex .secCmpsLife .snsBox .inner {
          text-align: left;
          flex-direction: column;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          gap: 25px; }
          .secCmpsIndex .secCmpsLife .snsBox .inner .aLink {
            width: 80%;
            margin: 0 auto; }
    .secCmpsIndex .pgEntryBnr {
      flex-direction: column;
      gap: 20px;
      margin: 0 auto 50px; }
      .secCmpsIndex .pgEntryBnr .item {
        width: 100%; }
    .secCmpsIndex .infoTtl {
      font-size: 25px;
      letter-spacing: -0.03em;
      line-height: 1.5em;
      margin-bottom: 30px; }
    .secCmpsIndex .infoMds {
      font-size: 20px;
      margin-bottom: 20px;
      letter-spacing: -0.03em;
      line-height: 1.5em; }
    .secCmpsIndex .infoMds::before {
      height: 21px;
      top: 7px; }
    .secCmpsIndex .infoMds::after {
      top: 6px; }
    .secCmpsIndex .secCmpsInfo .cInfoEntry {
      flex-direction: column;
      gap: 25px;
      margin-bottom: 35px; }
      .secCmpsIndex .secCmpsInfo .cInfoEntry .txtBox {
        width: 100%; }
      .secCmpsIndex .secCmpsInfo .cInfoEntry .imgBox {
        width: 100%;
        height: auto; }
    .secCmpsIndex .secCmpsInfo .cInfoBox01 {
      margin-bottom: 50px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox {
        flex-direction: column;
        align-items: start;
        -webkit-align-items: start;
        gap: 0; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .entAccept {
          margin-bottom: 8px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .date {
          min-width: inherit;
          padding-right: 0px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .date::after {
          content: none; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .trigerBox .category {
          margin-right: 35px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent {
        padding: 15px 0; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent:before {
        right: 14px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .ac-parent:after {
        right: 20px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain {
        margin: 10px auto 30px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain .pictBox {
          margin-top: 25px;
          flex-direction: column;
          gap: 20px; }
          .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .contain .pictBox .item {
            width: 100%; }
      .secCmpsIndex .secCmpsInfo .cInfoBox01 .acBox .aBtn01 {
        width: 100%;
        margin: 20px auto 35px 0; }
    .secCmpsIndex .secCmpsInfo .cInfoBox02 {
      flex-direction: column;
      gap: 15px;
      margin-bottom: 50px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox {
        width: 100%; }
        .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .trigerBox {
          gap: 20px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .ac-parent {
          min-height: 75px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .contain {
          padding: 10px 15px 30px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox02 .acBox .aBtn01 {
          width: 100%;
          margin: 20px auto 35px 0; }
    .secCmpsIndex .secCmpsInfo .cInfoBox {
      margin-bottom: 50px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox .cInfoEntry {
        margin-bottom: 0px; }
      .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList {
        margin-bottom: 35px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .item {
          padding: 20px 10px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .item:first-child {
          padding: 0px 10px 20px; }
        .secCmpsIndex .secCmpsInfo .cInfoBox .entExamList .aBtn01 {
          width: 100%;
          margin: 20px auto 0px; }
    .secCmpsIndex .secStVoices {
      min-height: 300px;
      padding: 25px 25px 0;
      margin-bottom: 30px; }
      .secCmpsIndex .secStVoices .voiceTtl {
        margin-bottom: 50px;
        font-size: 30px;
        line-height: 1.1em; }
        .secCmpsIndex .secStVoices .voiceTtl .small {
          font-size: 18px; }
      .secCmpsIndex .secStVoices .voiceTtlEg {
        display: none; }
      .secCmpsIndex .secStVoices .voiceBox {
        flex-direction: column;
        align-items: start;
        -webkit-align-items: start;
        gap: 25px; }
        .secCmpsIndex .secStVoices .voiceBox .item {
          width: 100%;
          margin-bottom: 30px; }
          .secCmpsIndex .secStVoices .voiceBox .item .itemSet {
            position: relative;
            min-height: 200px; }
            .secCmpsIndex .secStVoices .voiceBox .item .itemSet .numBox {
              width: 70px;
              height: 60px;
              left: 15px; }
      .secCmpsIndex .secStVoices .aBtn01 {
        width: 100%;
        margin: 10px auto 50px; }
    .secCmpsIndex .secStVoices::after {
      height: 250px;
      width: 100%;
      border-radius: 0 30px 0 30px;
      top: 0;
      left: 0;
      z-index: -1; }
    .secCmpsIndex .secBasicInfo .fellowMessage {
      margin-top: 20px;
      margin-bottom: 35px; }
      .secCmpsIndex .secBasicInfo .fellowMessage .item {
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #999; }
      .secCmpsIndex .secBasicInfo .fellowMessage .itemSet {
        flex-direction: column;
        gap: 20px; }
      .secCmpsIndex .secBasicInfo .fellowMessage .pict {
        width: 50%;
        margin: 0 auto; }
      .secCmpsIndex .secBasicInfo .fellowMessage .txt {
        width: 100%; }
    .secCmpsIndex .secBasicInfo .accessBox {
      flex-direction: column;
      align-items: start;
      -webkit-align-items: start;
      margin-bottom: 50px;
      gap: 25px; }
      .secCmpsIndex .secBasicInfo .accessBox .txtBox {
        width: 100%; }
      .secCmpsIndex .secBasicInfo .accessBox .mapBox {
        width: 100%; }
        .secCmpsIndex .secBasicInfo .accessBox .mapBox iframe {
          height: 90vw; }
    .secCmpsIndex .secBasicInfo .idViewBox {
      margin: 0 auto 50px;
      width: 100%; }
      .secCmpsIndex .secBasicInfo .idViewBox .idvTtl {
        font-size: 18px;
        margin: 0 auto 10px; }
      .secCmpsIndex .secBasicInfo .idViewBox .idvTtl::before {
        height: 20px;
        top: 7px; }
      .secCmpsIndex .secBasicInfo .idViewBox .idvTtl::after {
        height: 20px;
        top: 7px; }
    .secCmpsIndex .secFaq {
      margin-bottom: 60px; }
      .secCmpsIndex .secFaq .listBox .item {
        margin-bottom: 20px;
        padding-bottom: 20px; } }
/*-----------------------------------------------
    Campus Gallery
-----------------------------------------------*/
.secCmpsGallery {
  margin-top: 245px; }
  .secCmpsGallery .galleryBox {
    width: 100%;
    border-radius: 0 30px 0 30px;
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    padding: 50px 65px 65px;
    position: relative; }
    .secCmpsGallery .galleryBox .galTtl {
      font-size: 24px;
      position: relative;
      margin-bottom: 20px;
      font-weight: bold;
      padding-left: 55px; }
    .secCmpsGallery .galleryBox .galTtl::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      background-size: 45px 45px;
      height: 45px;
      width: 45px;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }
    .secCmpsGallery .galleryBox .egTtl {
      color: #f8b62c;
      font-size: 90px;
      position: absolute;
      font-family: 'Caveat', cursive;
      right: 75px;
      top: -85px; }
    .secCmpsGallery .galleryBox .readTxt {
      margin-bottom: 30px; }
  .secCmpsGallery .galMovie {
    margin-bottom: 110px; }
    .secCmpsGallery .galMovie .galTtl::before {
      background-image: url("../images/icon_movie.svg"); }
    .secCmpsGallery .galMovie .listBox {
      display: flex;
      -webkit-display: flex;
      align-items: start;
      -webkit-align-items: start;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      flex-wrap: wrap;
      row-gap: 20px;
      column-gap: 40px;
      margin-bottom: 15px; }
      .secCmpsGallery .galMovie .listBox .item {
        width: calc(50% - 20px); }
        .secCmpsGallery .galMovie .listBox .item .mov {
          width: 100%;
          height: 100%;
          aspect-ratio: 16 / 9;
          margin-bottom: 5px; }
          .secCmpsGallery .galMovie .listBox .item .mov img {
            object-fit: cover; }
  .secCmpsGallery .galPhoto .galTtl::before {
    background-image: url("../images/icon_photo.svg"); }
  .secCmpsGallery .galPhoto .listBox {
    display: flex;
    -webkit-display: flex;
    align-items: start;
    -webkit-align-items: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 40px; }
    .secCmpsGallery .galPhoto .listBox .item {
      width: calc((100% - 80px) / 3); }
      .secCmpsGallery .galPhoto .listBox .item .pict {
        width: 100%;
        height: 100%;
        aspect-ratio: 3 / 2;
        margin-bottom: 5px; }
        .secCmpsGallery .galPhoto .listBox .item .pict img {
          object-fit: cover;
          aspect-ratio: 3 / 2; }
  .secCmpsGallery .more__btn01, .secCmpsGallery .more__btn02 {
    background: #f3982c;
    width: 100%;
    min-height: 55px;
    padding: 13px;
    text-align: center;
    color: #fff;
    font-family: 'Barlow';
    font-size: 18px;
    letter-spacing: .2em;
    border: none;
    margin: 35px 0 25px;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
    transition: opacity .3s ease; }
  .secCmpsGallery .more__btn01:hover, .secCmpsGallery .more__btn02:hover {
    opacity: .7; }
  .secCmpsGallery .js-close01, .secCmpsGallery .js-close02 {
    background: #A2A2A2; }

@media only screen and (max-width: 767px) {
  .secCmpsGallery {
    margin-top: 150px; }
    .secCmpsGallery .galleryBox {
      padding: 40px 20px 40px; }
      .secCmpsGallery .galleryBox .galTtl {
        font-size: 19px;
        padding-left: 42px;
        margin-bottom: 10px; }
      .secCmpsGallery .galleryBox .galTtl::before {
        background-size: 32px 32px;
        height: 32px;
        width: 32px; }
      .secCmpsGallery .galleryBox .egTtl {
        font-size: 45px;
        right: 30px;
        top: -40px; }
      .secCmpsGallery .galleryBox .readTxt {
        margin-bottom: 20px; }
    .secCmpsGallery .galMovie {
      margin-bottom: 70px; }
      .secCmpsGallery .galMovie .listBox {
        flex-direction: column; }
        .secCmpsGallery .galMovie .listBox .item {
          width: 100%; }
    .secCmpsGallery .galPhoto .listBox {
      flex-direction: column; }
      .secCmpsGallery .galPhoto .listBox .item {
        width: 100%; }
        .secCmpsGallery .galPhoto .listBox .item .itemBox {
          flex-direction: column; }
        .secCmpsGallery .galPhoto .listBox .item .pict {
          width: 100%;
          height: auto;
          aspect-ratio: 3 / 2;
          margin-bottom: 5px; }
        .secCmpsGallery .galPhoto .listBox .item .txt {
          width: 100%; }
    .secCmpsGallery .more__btn01, .secCmpsGallery .more__btn02 {
      min-height: 45px;
      padding: 10px;
      font-size: 16px;
      margin: 30px 0 5px; } }
/*-----------------------------------------------
    Campus Original
-----------------------------------------------*/
.secOrgConts {
  margin-top: 245px; }
  .secOrgConts .linkList {
    margin-bottom: 100px; }
    .secOrgConts .linkList .listBox {
      margin-bottom: 3em; }
      .secOrgConts .linkList .listBox .ttl {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: .5em;
        position: relative;
        min-height: 1em;
        padding-left: 20px; }
      .secOrgConts .linkList .listBox .ttl::before {
        content: '';
        background: #f3982c;
        height: 15px;
        width: 15px;
        top: 50%;
        left: 0;
        border-radius: 100vh;
        position: absolute;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%); }
      .secOrgConts .linkList .listBox .txt {
        margin-bottom: .5em; }
      .secOrgConts .linkList .listBox a {
        color: #f3982c;
        text-decoration: underline;
        transition: .2s; }
      .secOrgConts .linkList .listBox a:hover {
        opacity: .5; }
  .secOrgConts .photoList {
    display: flex;
    -webkit-display: flex;
    align-items: start;
    -webkit-align-items: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 100px; }
    .secOrgConts .photoList .listBox {
      width: calc((100% - 40px) / 2);
      display: flex;
      -webkit-display: flex;
      align-items: stretch;
      -webkit-align-items: stretch;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      flex-direction: column; }
      .secOrgConts .photoList .listBox .pict {
        width: 100%;
        margin-bottom: 7px; }
      .secOrgConts .photoList .listBox .txt {
        width: 100%;
        text-align: center; }

@media only screen and (max-width: 767px) {
  .secOrgConts {
    margin-top: 150px; }
    .secOrgConts .photoList {
      flex-direction: column;
      gap: 20px; }
      .secOrgConts .photoList .listBox {
        width: 100%; } }
/*-----------------------------------------------
    Campus PBL
-----------------------------------------------*/
.secPbl {
  margin-top: 245px; }
  .secPbl .pblTopBox {
    margin-bottom: 40px; }
    .secPbl .pblTopBox .selectBox {
      text-align: right;
      width: 100%; }
    .secPbl .pblTopBox .selectbox-003 {
      display: inline-flex;
      align-items: center;
      position: relative;
      margin-left: auto; }
    .secPbl .pblTopBox .selectbox-003::after {
      position: absolute;
      right: 15px;
      width: 10px;
      height: 7px;
      background-color: #535353;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      content: '';
      pointer-events: none; }
    .secPbl .pblTopBox .selectbox-003 select {
      appearance: none;
      min-width: 120px;
      height: 2.8em;
      padding: 0.4em calc(.8em + 30px) 0.4em 0.8em;
      border: 1px solid #cccccc;
      border-radius: 6px;
      background-color: #fff;
      color: #333333;
      font-size: 1em;
      cursor: pointer; }
  .secPbl .pblList {
    display: flex;
    -webkit-display: flex;
    align-items: start;
    -webkit-align-items: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    border-bottom: 1px solid #808080;
    padding-bottom: 50px;
    margin-bottom: 50px; }
    .secPbl .pblList .aLink {
      display: block;
      width: calc((100% - 80px) / 3);
      display: flex;
      -webkit-display: flex;
      align-items: stretch;
      -webkit-align-items: stretch;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      flex-direction: column;
      color: #000;
      text-decoration: none; }
      .secPbl .pblList .aLink .pict {
        width: 100%;
        margin-bottom: 10px; }
      .secPbl .pblList .aLink .year {
        width: 100%;
        margin-bottom: 3px; }
      .secPbl .pblList .aLink .ttl {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px; }
      .secPbl .pblList .aLink .txt {
        width: 100%;
        margin-bottom: 7px; }
      .secPbl .pblList .aLink .arrow {
        position: relative;
        padding-left: 30px; }
        .secPbl .pblList .aLink .arrow::before {
          position: absolute;
          content: '';
          background: url("../images/arrow_sR.svg");
          background-size: 24px 24px;
          background-position: center center;
          left: 0;
          top: calc((100% - 23px) / 2);
          width: 24px;
          height: 24px; }
    .secPbl .pblList .aLink:hover {
      color: #ED6D20; }

.pblDetail {
  display: none; }
  .pblDetail .inner {
    background: #fff;
    line-height: 1.8;
    padding: 70px; }
    .pblDetail .inner .year {
      font-size: 13px;
      margin-bottom: 3px; }
    .pblDetail .inner .ttl {
      font-size: 20px;
      padding-bottom: 5px;
      margin-bottom: 20px;
      border-bottom: 1px solid #f3982c; }
    .pblDetail .inner .txt {
      margin-bottom: 15px; }
    .pblDetail .inner .imgBox {
      display: flex;
      -webkit-display: flex;
      align-items: start;
      -webkit-align-items: start;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      gap: 15px; }
      .pblDetail .inner .imgBox .listBox {
        width: calc((100% - 30px) / 3); }
        .pblDetail .inner .imgBox .listBox .pict {
          width: 100%;
          margin-bottom: 5px; }
        .pblDetail .inner .imgBox .listBox .cap {
          font-size: 13px;
          text-align: center; }

@media only screen and (max-width: 767px) {
  .secPbl {
    margin-top: 130px; }
    .secPbl .pblTopBox {
      margin-bottom: 25px; }
    .secPbl .pblList {
      flex-direction: column;
      gap: 30px;
      padding-bottom: 30px;
      margin-bottom: 30px; }
      .secPbl .pblList .aLink {
        width: 100%; }
        .secPbl .pblList .aLink .pict {
          width: 100%;
          margin-bottom: 10px; }
        .secPbl .pblList .aLink .year {
          width: 100%;
          margin-bottom: 2px; }
        .secPbl .pblList .aLink .ttl {
          width: 100%;
          margin-bottom: 7px;
          font-size: 16px; }
        .secPbl .pblList .aLink .txt {
          width: 100%; }

  .pblDetail .inner {
    padding: 25px; }
    .pblDetail .inner .year {
      font-size: 13px;
      margin-bottom: 3px; }
    .pblDetail .inner .ttl {
      font-size: 18px;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-bottom: 1px solid #f3982c;
      line-height: 1.5; }
    .pblDetail .inner .txt {
      margin-bottom: 15px; }
    .pblDetail .inner .imgBox {
      flex-direction: column;
      gap: 15px; }
      .pblDetail .inner .imgBox .listBox {
        width: 100%;
        flex-direction: column;
        gap: 10px; }
        .pblDetail .inner .imgBox .listBox .pict {
          width: 100%;
          margin-bottom: 0; }
        .pblDetail .inner .imgBox .listBox .cap {
          width: 100%;
          text-align: left;
          line-height: 1.5; } }
/*-----------------------------------------------
    Campus Oneday
-----------------------------------------------*/
.secOneday {
  margin-top: 245px; }
  .secOneday .selectBox {
    background: #fbf4ea;
    border: 1px solid #e79a46;
    padding: 15px;
    margin-bottom: 60px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 30px; }
    .secOneday .selectBox .item {
      position: relative; }
      .secOneday .selectBox .item a {
        color: #000;
        text-decoration: none;
        padding-left: 28px; }
      .secOneday .selectBox .item a:hover {
        color: #ED6D20; }
      .secOneday .selectBox .item a::before {
        content: '';
        background: url("../images/arrow_sU.svg");
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        position: absolute;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%); }
  .secOneday .contain .caseBox {
    margin-bottom: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5; }
    .secOneday .contain .caseBox .introBox {
      margin-bottom: 75px;
      display: flex;
      -webkit-display: flex;
      align-items: start;
      -webkit-align-items: start;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      gap: 50px; }
      .secOneday .contain .caseBox .introBox .pict {
        width: 350px; }
        .secOneday .contain .caseBox .introBox .pict img {
          object-fit: cover;
          width: 350px;
          height: 250px; }
      .secOneday .contain .caseBox .introBox .txtBox {
        width: calc(100% - 400px); }
        .secOneday .contain .caseBox .introBox .txtBox .name {
          margin-bottom: 15px;
          margin-right: 1em; }
        .secOneday .contain .caseBox .introBox .txtBox .name::after {
          content: 'さん'; }
    .secOneday .contain .caseBox .odTtl {
      background: #a6a6a6;
      color: #fff;
      padding: .1em 2em;
      border-radius: 100vh;
      display: inline-block;
      margin-bottom: 24px; }
    .secOneday .contain .caseBox .odComment {
      font-size: 22px;
      margin-bottom: 20px; }
    .secOneday .contain .caseBox .scheBox {
      position: relative;
      margin-left: 25px; }
      .secOneday .contain .caseBox .scheBox .itemBox {
        display: flex;
        -webkit-display: flex;
        align-items: start;
        -webkit-align-items: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        margin-bottom: 15px;
        position: relative; }
        .secOneday .contain .caseBox .scheBox .itemBox .timeline {
          margin-top: 20px;
          position: relative;
          width: 130px;
          height: 100%;
          min-height: 100px; }
          .secOneday .contain .caseBox .scheBox .itemBox .timeline .point::before {
            content: '';
            position: absolute;
            background: #f3982c;
            top: 50%;
            left: 0;
            width: 18px;
            height: 18px;
            border-radius: 100vh;
            position: absolute;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%); }
          .secOneday .contain .caseBox .scheBox .itemBox .timeline .time {
            padding-left: 25px;
            position: relative;
            color: #f3982c;
            height: 100%;
            min-height: 100px; }
        .secOneday .contain .caseBox .scheBox .itemBox .action {
          width: calc(100% - 130px);
          background: #fef8ea;
          padding: 20px 25px;
          display: grid;
          -webkit-display: grid;
          grid-template-areas: "ttl pic" "txt pic";
          grid-template-columns: calc(100% - 250px) 1fr;
          grid-template-rows: auto 1fr;
          column-gap: 30px; }
          .secOneday .contain .caseBox .scheBox .itemBox .action .ttl {
            grid-area: ttl;
            font-size: 18px; }
          .secOneday .contain .caseBox .scheBox .itemBox .action .txt {
            grid-area: txt; }
          .secOneday .contain .caseBox .scheBox .itemBox .action .pict {
            grid-area: pic; }
            .secOneday .contain .caseBox .scheBox .itemBox .action .pict img {
              width: 220px;
              height: 140px;
              object-fit: cover; }
      .secOneday .contain .caseBox .scheBox .itemBox::before {
        content: '';
        position: absolute;
        left: 8px;
        bottom: -15px;
        width: 2px;
        height: 20px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: 10;
        height: calc(100% - 30px); }
      .secOneday .contain .caseBox .scheBox .itemBox::after {
        content: '';
        position: absolute;
        left: -1px;
        bottom: -40px;
        border: 10px solid transparent;
        border-top-width: 10px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top: 16px solid #CBCBCB;
        z-index: -1;
        width: 20px; }
      .secOneday .contain .caseBox .scheBox .itemBox:last-child::before, .secOneday .contain .caseBox .scheBox .itemBox:last-child::after {
        content: none; }
  .secOneday .contain .caseBox:last-child {
    position: relative;
    margin: 0 0 25px 0;
    padding-bottom: 100px;
    border-bottom: none; }

@media only screen and (max-width: 767px) {
  .secOneday {
    margin-top: 140px; }
    .secOneday .selectBox {
      padding: 10px 15px;
      margin-bottom: 30px;
      gap: 10px;
      flex-direction: column;
      align-items: flex-start;
      -webkit-align-items: flex-start;
      justify-content: flex-start;
      -webkit-justify-content: flex-start; }
    .secOneday .contain .caseBox {
      margin-bottom: 40px;
      padding-bottom: 25px; }
      .secOneday .contain .caseBox .introBox {
        margin-bottom: 30px;
        flex-direction: column;
        gap: 20px; }
        .secOneday .contain .caseBox .introBox .pict {
          width: 100%; }
          .secOneday .contain .caseBox .introBox .pict img {
            object-fit: cover;
            width: 100%;
            height: auto;
            aspect-ratio: 3 / 2.4; }
        .secOneday .contain .caseBox .introBox .txtBox {
          width: 100%; }
      .secOneday .contain .caseBox .odTtl {
        padding: .1em 1.5em;
        margin-bottom: 5px;
        font-size: 12px; }
      .secOneday .contain .caseBox .odComment {
        font-size: 19px;
        margin-bottom: 20px; }
      .secOneday .contain .caseBox .scheBox {
        margin-left: 0; }
        .secOneday .contain .caseBox .scheBox .itemBox {
          flex-direction: column; }
          .secOneday .contain .caseBox .scheBox .itemBox .timeline {
            width: 100%;
            min-height: 2.5rem; }
          .secOneday .contain .caseBox .scheBox .itemBox .action {
            width: calc(100% - 30px);
            padding: 20px 20px;
            display: flex;
            -webkit-display: flex;
            align-items: start;
            -webkit-align-items: start;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            flex-direction: column;
            gap: 5px;
            margin: 0 0 0 auto; }
            .secOneday .contain .caseBox .scheBox .itemBox .action .ttl {
              font-size: 16px; }
            .secOneday .contain .caseBox .scheBox .itemBox .action .txt {
              margin-bottom: 5px; }
            .secOneday .contain .caseBox .scheBox .itemBox .action .pict {
              width: 85%; }
              .secOneday .contain .caseBox .scheBox .itemBox .action .pict img {
                width: 100%;
                height: auto;
                aspect-ratio: 3 / 2; }
        .secOneday .contain .caseBox .scheBox .timeBox:first-child .timeline {
          margin-top: 0; }
        .secOneday .contain .caseBox .scheBox .itemBox:last-child::before, .secOneday .contain .caseBox .scheBox .itemBox:last-child::after {
          content: none; }
    .secOneday .contain .caseBox:last-child {
      margin: 0; } }
/*-----------------------------------------------
    Campus Blog
-----------------------------------------------*/
.secCmpsBlog {
  margin-top: 245px; }
  .secCmpsBlog .ctgryBox {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 50px; }
    .secCmpsBlog .ctgryBox .ttl {
      font-family: 'Barlow', sans-serif;
      font-size: 14px;
      white-space: nowrap;
      width: 90px;
      color: #999; }
    .secCmpsBlog .ctgryBox .listBox {
      width: calc(100% - 130px);
      display: flex;
      -webkit-display: flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      flex-wrap: wrap;
      gap: 10px;
      position: relative;
      min-height: 50px;
      padding-left: 40px; }
      .secCmpsBlog .ctgryBox .listBox .aLink {
        display: block;
        border: 1px solid #d2d2d2;
        padding: .2em 1.4em;
        border-radius: 100vh;
        color: #000;
        text-decoration: none;
        transition: .2s; }
      .secCmpsBlog .ctgryBox .listBox .aLink:hover {
        opacity: .5; }
      .secCmpsBlog .ctgryBox .listBox .is-active {
        border: 1px solid #999;
        background: #999;
        color: #fff; }
      .secCmpsBlog .ctgryBox .listBox .is-active:hover {
        opacity: 1; }
    .secCmpsBlog .ctgryBox .listBox::before {
      content: '';
      position: absolute;
      height: 100%;
      border-left: 1px solid #d2d2d2;
      top: 0;
      left: 0; }
  .secCmpsBlog .selectBox {
    text-align: right;
    width: 100%;
    margin-bottom: 20px; }
  .secCmpsBlog .selectbox-003 {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: auto; }
  .secCmpsBlog .selectbox-003::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none; }
  .secCmpsBlog .selectbox-003 select {
    appearance: none;
    min-width: 120px;
    height: 2.8em;
    padding: 0.4em calc(.8em + 30px) 0.4em 0.8em;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer; }
  .secCmpsBlog .pageIndex {
    width: 100%; }
    .secCmpsBlog .pageIndex .postList .item {
      border-bottom: 1px solid #808080;
      padding-bottom: 25px;
      margin-bottom: 25px;
      font-size: 14px;
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: 35px; }
      .secCmpsBlog .pageIndex .postList .item .imgBox {
        width: 240px;
        height: 160px; }
        .secCmpsBlog .pageIndex .postList .item .imgBox img {
          width: 240px;
          height: 160px;
          object-fit: cover; }
      .secCmpsBlog .pageIndex .postList .item .txtBox .status {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        margin-bottom: 13px; }
        .secCmpsBlog .pageIndex .postList .item .txtBox .status .date {
          font-family: 'Barlow', sans-serif;
          margin-right: 1em;
          font-size: 16px; }
        .secCmpsBlog .pageIndex .postList .item .txtBox .status .category {
          background: #f3982c;
          border-radius: 100vh;
          color: #fff;
          text-align: center;
          font-size: .9em;
          padding: 3px 1em; }
      .secCmpsBlog .pageIndex .postList .item .txtBox .ttl {
        width: 100%;
        font-size: 19px;
        line-height: 1.7em;
        margin-bottom: 10px;
        font-weight: 500; }
      .secCmpsBlog .pageIndex .postList .item .txtBox .txt {
        width: 100%;
        line-height: 1.7em; }
    .secCmpsBlog .pageIndex .aLink {
      display: block;
      transition: .2s;
      color: #000;
      text-decoration: none; }
    .secCmpsBlog .pageIndex .aLink:hover {
      color: #000; }
    .secCmpsBlog .pageIndex .aLink:hover .item {
      color: #000;
      border-bottom: 1px solid #F3982C; }
    .secCmpsBlog .pageIndex .aLink:hover .txtBox .status .category {
      background: #F3982C; }
  .secCmpsBlog .aBtn01 {
    padding: 1rem; }
  .secCmpsBlog .newPostNav .ttl {
    font-size: 23px;
    margin-bottom: 30px; }
  .secCmpsBlog .newPostNav .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px; }
    .secCmpsBlog .newPostNav .listBox .aLink {
      display: block;
      width: calc((100% - 100px) / 3);
      cursor: pointer;
      color: #000;
      text-decoration: none; }
      .secCmpsBlog .newPostNav .listBox .aLink .item {
        width: 100%; }
      .secCmpsBlog .newPostNav .listBox .aLink .pict {
        margin-bottom: 10px; }
      .secCmpsBlog .newPostNav .listBox .aLink .status {
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 3px; }
        .secCmpsBlog .newPostNav .listBox .aLink .status .date {
          font-family: 'Barlow', sans-serif;
          margin-right: 1em;
          font-size: 16px; }
        .secCmpsBlog .newPostNav .listBox .aLink .status .category {
          background: #f3982c;
          border-radius: 100vh;
          color: #fff;
          text-align: center;
          font-size: .8em;
          padding: .1em 1.4em; }
      .secCmpsBlog .newPostNav .listBox .aLink .ttl {
        width: 100%;
        font-size: 16px;
        line-height: 1.7em;
        transition: .2s; }
    .secCmpsBlog .newPostNav .listBox .aLink:hover .ttl {
      color: #f3982c; }

@media only screen and (max-width: 767px) {
  .secCmpsBlog {
    margin-top: 140px; }
    .secCmpsBlog .ctgryBox {
      flex-direction: column;
      margin-bottom: 30px; }
      .secCmpsBlog .ctgryBox .ttl {
        width: 100%;
        margin-bottom: 15px;
        text-align: center; }
      .secCmpsBlog .ctgryBox .listBox {
        width: 100%;
        align-items: start;
        -webkit-align-items: start;
        min-height: auto;
        padding-left: 0; }
        .secCmpsBlog .ctgryBox .listBox .aLink {
          padding: .1em 1.3em; }
      .secCmpsBlog .ctgryBox .listBox::before {
        content: none;
        border-left: none; }
    .secCmpsBlog .pageIndex .postList .item {
      flex-direction: column-reverse;
      gap: 20px; }
      .secCmpsBlog .pageIndex .postList .item .imgBox {
        width: 100%;
        height: auto; }
        .secCmpsBlog .pageIndex .postList .item .imgBox img {
          width: 100%;
          height: auto;
          aspect-ratio: 3 / 2; }
    .secCmpsBlog .newPostNav .ttl {
      font-size: 20px;
      margin-bottom: 25px; }
    .secCmpsBlog .newPostNav .listBox {
      flex-direction: column;
      gap: 0; }
      .secCmpsBlog .newPostNav .listBox .aLink {
        width: 100%; }
        .secCmpsBlog .newPostNav .listBox .aLink .item {
          width: 100%; }
        .secCmpsBlog .newPostNav .listBox .aLink .pict {
          margin-bottom: 10px; }
        .secCmpsBlog .newPostNav .listBox .aLink .status {
          display: flex;
          -webkit-display: flex;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 3px; }
          .secCmpsBlog .newPostNav .listBox .aLink .status .date {
            font-family: 'Barlow', sans-serif;
            margin-right: 1em;
            font-size: 16px; }
          .secCmpsBlog .newPostNav .listBox .aLink .status .category {
            background: #f3982c;
            border-radius: 100vh;
            color: #fff;
            text-align: center;
            font-size: .8em;
            padding: .1em 1.4em; }
        .secCmpsBlog .newPostNav .listBox .aLink .ttl {
          width: 100%;
          font-size: 14px;
          line-height: 1.7em; } }
/*-----------------------------------------------
    About  共通
-----------------------------------------------*/
.recogIndexBox {
  position: relative;
  padding-bottom: 50px;
  min-height: 100px; }
  .recogIndexBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 50px;
    position: relative;
    line-height: 1;
    margin-bottom: 20px; }
    .recogIndexBox .ttlEg span {
      display: inline-block;
      background: #fff;
      padding-right: 10px; }
  .recogIndexBox .ttlEg::after {
    position: absolute;
    content: '';
    background: #f8b62c;
    height: 2px;
    width: 100%;
    top: 55%;
    border-radius: 100vh;
    display: block;
    z-index: -1; }
  .recogIndexBox .inner {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 20px; }
    .recogIndexBox .inner .ttlJp {
      position: relative;
      min-height: 1em;
      padding-left: 10px;
      width: calc((100% - 20px) / 3);
      font-size: 16px;
      font-weight: 500; }
      .recogIndexBox .inner .ttlJp a {
        color: #000 !important;
        text-decoration: none !important;
        transition: .2s; }
      .recogIndexBox .inner .ttlJp a:hover {
        color: #ED6D20 !important; }
      .recogIndexBox .inner .ttlJp .is-active {
        color: #919191 !important; }
    .recogIndexBox .inner .ttlJp::before {
      content: '';
      background-image: url("../images/arrow01.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 5px;
      height: 8px;
      position: absolute;
      margin-right: 5px;
      top: 50%;
      left: 0px;
      transform: translate(0, -50%); }
    .recogIndexBox .inner .listBox {
      width: calc((100% - 20px) / 3 * 2);
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: 0 20px;
      flex-wrap: wrap; }
      .recogIndexBox .inner .listBox .item {
        width: calc((100% - 40px) / 2);
        margin-left: 10px; }
      .recogIndexBox .inner .listBox .aArrow01 {
        position: relative;
        min-height: 1em;
        padding-left: 10px;
        color: #000;
        text-decoration: none;
        margin-left: -10px; }
      .recogIndexBox .inner .listBox .aArrow01:hover {
        color: #ED6D20; }
      .recogIndexBox .inner .listBox .aArrow01::before {
        content: '';
        background-image: url("../images/arrow01.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0% 10%;
        width: 5px;
        height: 8px;
        position: absolute;
        margin-right: 5px;
        top: 50%;
        left: 0px;
        transform: translate(0, -50%); }
      .recogIndexBox .inner .listBox .is-active, .recogIndexBox .inner .listBox .is-active:hover {
        color: #919191; }

.recogIndexBox::after {
  position: absolute;
  content: '';
  background: #f8b62c;
  height: 2px;
  width: 100%;
  bottom: 0;
  border-radius: 100vh; }

@media only screen and (max-width: 767px) {
  .recogIndexBox {
    position: relative;
    padding-bottom: 25px; }
    .recogIndexBox .ttlEg {
      font-size: 45px;
      margin-bottom: 15px; }
    .recogIndexBox .inner {
      flex-direction: column;
      gap: 10px; }
      .recogIndexBox .inner .ttlJp {
        width: 100%;
        position: relative;
        min-height: 1em;
        padding-left: 10px; }
      .recogIndexBox .inner .listBox {
        width: calc(100% - 15px);
        margin-left: 15px;
        flex-direction: column; }
        .recogIndexBox .inner .listBox .item {
          width: 100%; } }
/*-----------------------------------------------
    About  Result
-----------------------------------------------*/
.resultTtl_pic::after {
  background-image: url("../images/cnts_top_pic02.jpg");
  background-position: center 25%; }

.secBoxConts01 .inner {
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  min-height: 100px;
  margin-bottom: 50px; }
  .secBoxConts01 .inner .infoTtl {
    position: absolute;
    left: 30px;
    top: -30px;
    background: #f3982c;
    color: #fff;
    padding: 20px 25px;
    border-radius: 0 15px 0 15px;
    font-weight: bold; }

.secBoxConts02 {
  margin-top: 20px; }
  .secBoxConts02 .inner {
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    position: relative;
    padding: 50px 50px 30px;
    border-radius: 0;
    min-height: 50px;
    margin-bottom: 10px; }
    .secBoxConts02 .inner .infoTtl {
      position: absolute;
      left: 20px;
      top: -20px;
      background: #f3982c;
      color: #fff;
      padding: 12px 20px;
      border-radius: 0 15px 0 15px;
      font-weight: bold; }

.secBoxConts03 .inner {
  background-image: url("../images/bg_img02.jpg");
  background-size: cover;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  min-height: 100px;
  margin-bottom: 50px; }
  .secBoxConts03 .inner .infoTtl {
    position: absolute;
    left: 30px;
    top: -30px;
    background: #f3982c;
    color: #fff;
    padding: 20px 25px;
    border-radius: 0 15px 0 15px;
    font-weight: bold; }

.rusultTtl_pic::after {
  background-image: url("../images/cnts_top_pic01.jpg"); }

.secResult .introBox {
  text-align: left;
  padding-bottom: 80px;
  border-bottom: 1px solid #f3982c;
  margin-bottom: 100px; }
  .secResult .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secResult .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secResult .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secResult .introBox .copy {
    font-size: 30px;
    line-height: 1.5; }
  .secResult .introBox .txt {
    /*max-width:700px; */
    margin: 10px auto; }
.secResult .secBoxConts01 .inner .listBox {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px; }
  .secResult .secBoxConts01 .inner .listBox .item {
    width: calc((100% - 50px) / 3);
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px; }
    .secResult .secBoxConts01 .inner .listBox .item .ttl {
      background: #a5a5a5;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .secResult .secBoxConts01 .inner .listBox .item .count {
      font-weight: 500;
      letter-spacing: .1em; }
      .secResult .secBoxConts01 .inner .listBox .item .count .num {
        color: #f3982c;
        font-size: 50px;
        font-family: 'Barlow';
        line-height: 1; }
.secResult .mdsBox {
  text-align: center;
  margin-bottom: 50px; }
.secResult .resultListBox {
  margin-bottom: 15px; }
  .secResult .resultListBox .ttl {
    background: #f3982c;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: 500; }
    .secResult .resultListBox .ttl .remark {
      margin-left: 1em; }
  .secResult .resultListBox .txt {
    background: #fef8ea;
    padding: 50px 60px; }
    .secResult .resultListBox .txt .category {
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 5px; }
    .secResult .resultListBox .txt .list {
      line-height: 2em;
      margin-bottom: 30px; }
      .secResult .resultListBox .txt .list .strong {
        font-weight: 500; }
.secResult .remark {
  font-size: 12px; }
.secResult .furtherEduBox {
  border-top: 1px solid #d2d2d2;
  margin: 40px auto 45px;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: end;
  -webkit-align-items: end;
  padding-top: 45px;
  gap: 50px; }
  .secResult .furtherEduBox .txtBox {
    width: calc(100% - 415px); }
    .secResult .furtherEduBox .txtBox .ttl {
      font-size: 18px;
      margin-bottom: 10px; }
      .secResult .furtherEduBox .txtBox .ttl .remark {
        font-size: 14px;
        margin-left: 1em; }
    .secResult .furtherEduBox .txtBox .txt {
      margin-bottom: 45px; }
  .secResult .furtherEduBox .pictBox {
    width: 365px; }
  .secResult .furtherEduBox .secBoxConts02 .noTtl {
    padding-top: 35px; }
  .secResult .furtherEduBox .secBoxConts02 .listBoxMaru {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 5px; }
    .secResult .furtherEduBox .secBoxConts02 .listBoxMaru .item {
      width: calc((100% - 30px) / 2); }
    .secResult .furtherEduBox .secBoxConts02 .listBoxMaru .itemSingle {
      width: 100%; }
  .secResult .furtherEduBox .secBoxConts00 {
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    padding: 35px 50px 30px;
    margin: 20px auto 10px; }
.secResult .feb-noBorder {
  border-top: none;
  padding-top: 0; }
.secResult .twoPict {
  align-items: start;
  -webkit-align-items: start; }
  .secResult .twoPict .txtBox {
    width: calc(50% - 50px); }
  .secResult .twoPict .pictBox {
    width: 50%;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    column-gap: 5px; }
    .secResult .twoPict .pictBox img {
      width: calc((100% - 5px) / 2); }
.secResult .btnSet {
  align-items: start;
  -webkit-align-items: start; }
  .secResult .btnSet .txtBox {
    width: calc(100% - 350px); }
    .secResult .btnSet .txtBox .orange {
      color: #ec6c1f; }
  .secResult .btnSet .buttonBox {
    width: 300px; }
    .secResult .btnSet .buttonBox .aBtn01 {
      max-width: 300px;
      padding: 1em;
      margin: 0 auto; }
.secResult .acBox {
  border: none; }
  .secResult .acBox .trigerBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    gap: 30px; }
  .secResult .acBox .ac-parent {
    position: relative;
    height: auto;
    min-height: 60px;
    line-height: inherit;
    padding: 0 25px;
    border-bottom: none;
    font-weight: 500;
    color: #fff;
    background: #f3982c;
    border-bottom: none; }
    .secResult .acBox .ac-parent .remark {
      margin-left: 1em;
      font-weight: normal; }
  .secResult .acBox .ac-parent.open:before {
    transform: rotate(0deg);
    opacity: 100; }
  .secResult .acBox .ac-parent.open:after {
    transform: rotate(-225deg);
    opacity: 0; }
  .secResult .acBox .ac-parent:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: rotate(90deg);
    transition: all .2s;
    /*横線*/
    width: 18px;
    height: 2px;
    background: #fff; }
  .secResult .acBox .ac-parent:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: rotate(-180deg);
    transition: all .2s;
    /*縦線*/
    width: 18px;
    height: 2px;
    background: #fff; }
  .secResult .acBox .contain {
    background: #fef8ea;
    padding: 50px 60px; }
    .secResult .acBox .contain .category {
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 5px; }
    .secResult .acBox .contain .list {
      line-height: 2em; }
      .secResult .acBox .contain .list .strong {
        font-weight: 500; }
    .secResult .acBox .contain .standings .item {
      color: #fff; }
      .secResult .acBox .contain .standings .item .ranking {
        width: 60px; }
      .secResult .acBox .contain .standings .item .point, .secResult .acBox .contain .standings .item .score, .secResult .acBox .contain .standings .item .conceded, .secResult .acBox .contain .standings .item .difference {
        width: 60px; }

@media only screen and (max-width: 767px) {
  .secBoxConts01 .inner {
    padding: 60px 25px 45px; }

  .secResult .introBox {
    text-align: left;
    padding-bottom: 40px;
    margin-bottom: 90px; }
    .secResult .introBox .copy {
      font-size: 23px; }
    .secResult .introBox .txt {
      margin: 15px auto; }
  .secResult .secBoxConts01 {
    margin-bottom: 30px;
    margin-top: 60px; }
    .secResult .secBoxConts01 .inner .listBox {
      flex-direction: column;
      gap: 10px; }
      .secResult .secBoxConts01 .inner .listBox .item {
        width: 100%;
        padding: 15px; }
        .secResult .secBoxConts01 .inner .listBox .item .ttl {
          font-size: 12px; }
        .secResult .secBoxConts01 .inner .listBox .item .count .num {
          font-size: 40px; }
  .secResult .mdsBox {
    margin-bottom: 50px;
    text-align: left; }
  .secResult .resultListBox {
    margin-bottom: 15px; }
    .secResult .resultListBox .txt {
      padding: 20px 25px 10px; }
      .secResult .resultListBox .txt .category {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 5px; }
  .secResult .furtherEduBox {
    margin: 40px auto 45px;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 10px; }
    .secResult .furtherEduBox .txtBox {
      width: 100%; }
      .secResult .furtherEduBox .txtBox .arrowBox {
        margin-bottom: 10px; }
        .secResult .furtherEduBox .txtBox .arrowBox .aArrow {
          font-size: 13.5px; }
      .secResult .furtherEduBox .txtBox .txt {
        margin-bottom: 20px; }
    .secResult .furtherEduBox .pictBox {
      width: 100%; }
    .secResult .furtherEduBox .secBoxConts02 {
      margin-top: 50px; }
      .secResult .furtherEduBox .secBoxConts02 .inner {
        padding: 45px 25px 20px; }
      .secResult .furtherEduBox .secBoxConts02 .noTtl {
        padding-top: 25px; }
      .secResult .furtherEduBox .secBoxConts02 .listBoxMaru {
        flex-direction: column;
        row-gap: 10px; }
        .secResult .furtherEduBox .secBoxConts02 .listBoxMaru .item {
          line-height: 1.5;
          width: 100%; }
        .secResult .furtherEduBox .secBoxConts02 .listBoxMaru .itemSingle {
          width: 100%; }
    .secResult .furtherEduBox .secBoxConts00 {
      padding: 25px; }
  .secResult .twoPict .txtBox {
    width: 100%; }
  .secResult .twoPict .pictBox {
    width: 100%; }
  .secResult .btnSet {
    align-items: start;
    -webkit-align-items: start; }
    .secResult .btnSet .txtBox {
      width: 100%; }
    .secResult .btnSet .buttonBox {
      width: 100%; }
      .secResult .btnSet .buttonBox .aBtn01 {
        max-width: 300px;
        padding: 1em;
        margin: 0 auto; }
  .secResult .acBox .ac-parent {
    padding: 0 20px;
    min-height: 50px; }
  .secResult .acBox .contain {
    background: #fef8ea;
    padding: 20px 25px; }
    .secResult .acBox .contain .category {
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 5px; }
    .secResult .acBox .contain .list {
      line-height: 2em; }
      .secResult .acBox .contain .list .strong {
        font-weight: 500; }
    .secResult .acBox .contain .standings .item {
      color: #fff; }
      .secResult .acBox .contain .standings .item .ranking {
        width: 60px; }
      .secResult .acBox .contain .standings .item .point, .secResult .acBox .contain .standings .item .score, .secResult .acBox .contain .standings .item .conceded, .secResult .acBox .contain .standings .item .difference {
        width: 60px; } }
/*-----------------------------------------------
    About  Career Support
-----------------------------------------------*/
.careerTtl_pic::after {
  background-image: url("../images/cnts_top_pic02.jpg");
  background-position: center 30%; }

.secCareerSupport .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secCareerSupport .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secCareerSupport .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secCareerSupport .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secCareerSupport .introBox .copy {
    font-size: 40px;
    line-height: 1.5; }
  .secCareerSupport .introBox .txt {
    /*max-width:700px; */
    font-size: 18px;
    margin: 10px auto; }
.secCareerSupport .careerSptBox01 {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: start;
  -webkit-align-items: start;
  gap: 50px;
  margin-bottom: 50px; }
  .secCareerSupport .careerSptBox01 .txtBox {
    width: calc(50% - 50px); }
  .secCareerSupport .careerSptBox01 .pictBox {
    width: 50%; }
.secCareerSupport .careerSptBox02 {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: start;
  -webkit-align-items: start;
  gap: 50px;
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
  margin-bottom: 50px; }
  .secCareerSupport .careerSptBox02 .ttlBox {
    width: calc(30% - 50px);
    font-size: 24px;
    font-weight: 500; }
  .secCareerSupport .careerSptBox02 .txtBox {
    width: 70%; }
    .secCareerSupport .careerSptBox02 .txtBox .mds {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 8px; }
    .secCareerSupport .careerSptBox02 .txtBox .txt {
      margin-bottom: 12px; }
    .secCareerSupport .careerSptBox02 .txtBox .listBox {
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: center;
      -webkit-align-items: center;
      flex-wrap: wrap;
      gap: 10px; }
      .secCareerSupport .careerSptBox02 .txtBox .listBox .item {
        background-color: #f3982c;
        color: #fff;
        padding: .1em 1em;
        border-radius: 100vh; }
      .secCareerSupport .careerSptBox02 .txtBox .listBox .nado {
        background-color: inherit;
        color: inherit; }
.secCareerSupport .contactBox {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  margin: 30px auto;
  padding: 25px 0;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  font-weight: bold; }
  .secCareerSupport .contactBox img {
    height: 30px;
    width: auto; }
.secCareerSupport .careerSptBox03 {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: start;
  -webkit-align-items: start;
  gap: 50px; }
  .secCareerSupport .careerSptBox03 .txtBox {
    width: calc(100% - 350px); }
  .secCareerSupport .careerSptBox03 .btnBox {
    width: 300px; }
.secCareerSupport .galleryBox {
  position: relative;
  padding: 50px 60px;
  border-radius: 0 30px 0 30px;
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  min-height: 100px; }
  .secCareerSupport .galleryBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -75px;
    right: 60px; }
  .secCareerSupport .galleryBox .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px; }
  .secCareerSupport .galleryBox .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 50px; }
    .secCareerSupport .galleryBox .listBox .item {
      width: calc((100% - 36px) / 3);
      aspect-ratio: 3 / 2; }
      .secCareerSupport .galleryBox .listBox .item img {
        object-fit: cover; }

@media only screen and (max-width: 767px) {
  .secCareerSupport .introBox {
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 45px; }
    .secCareerSupport .introBox .copy {
      font-size: 28px; }
    .secCareerSupport .introBox .txt {
      font-size: 16px;
      margin: 15px auto; }
  .secCareerSupport .careerSptBox01 {
    flex-direction: column-reverse;
    gap: 25px;
    margin-bottom: 30px; }
    .secCareerSupport .careerSptBox01 .txtBox {
      width: 100%; }
    .secCareerSupport .careerSptBox01 .pictBox {
      width: 100%; }
  .secCareerSupport .careerSptBox02 {
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #d2d2d2;
    padding-top: 25px;
    margin-bottom: 25px; }
    .secCareerSupport .careerSptBox02 .ttlBox {
      width: 100%;
      font-size: 20px; }
    .secCareerSupport .careerSptBox02 .txtBox {
      width: 100%; }
      .secCareerSupport .careerSptBox02 .txtBox .mds {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 8px; }
      .secCareerSupport .careerSptBox02 .txtBox .txt {
        margin-bottom: 15px; }
      .secCareerSupport .careerSptBox02 .txtBox .listBox {
        gap: 8px; }
        .secCareerSupport .careerSptBox02 .txtBox .listBox .item {
          font-size: 12px; }
  .secCareerSupport .contactBox {
    margin: 25px auto;
    padding: 20px 0;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 7px; }
    .secCareerSupport .contactBox .dms {
      text-align: left; }
    .secCareerSupport .contactBox .aTelnum, .secCareerSupport .contactBox .aMailadd {
      display: block;
      text-align: left; }
    .secCareerSupport .contactBox img {
      height: 25px;
      width: auto; }
  .secCareerSupport .careerSptBox03 {
    flex-direction: column;
    gap: 25px; }
    .secCareerSupport .careerSptBox03 .txtBox {
      width: 100%; }
    .secCareerSupport .careerSptBox03 .btnBox {
      width: 100%;
      margin-bottom: 50px; }
  .secCareerSupport .galleryBox {
    padding: 30px 15px; }
    .secCareerSupport .galleryBox .ttlEg {
      font-size: 55px;
      top: -50px;
      right: 25px; }
    .secCareerSupport .galleryBox .ttlJp {
      font-size: 15px;
      margin-bottom: 10px; }
    .secCareerSupport .galleryBox .listBox {
      gap: 15px;
      margin-bottom: 25px; }
      .secCareerSupport .galleryBox .listBox .item {
        width: calc((100% - 15px) / 2); } }
/*-----------------------------------------------
    About  Homecoming
-----------------------------------------------*/
.secHomecoming_about .introBox {
  text-align: center;
  margin-bottom: 150px;
  font-weight: 500; }
  .secHomecoming_about .introBox .txt {
    margin-bottom: 50px; }
  .secHomecoming_about .introBox .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 10px; }
    .secHomecoming_about .introBox .listBox .item {
      width: calc((100% - 30px) / 4);
      aspect-ratio: 3 / 2; }
      .secHomecoming_about .introBox .listBox .item img {
        object-fit: cover; }
.secHomecoming_about .scheTtl {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px; }
.secHomecoming_about .scheNavBox {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  gap: 10px;
  background: #fef8ea;
  padding: 15px 40px;
  margin-bottom: 7px; }
  .secHomecoming_about .scheNavBox .aArrow {
    position: relative;
    padding-left: 30px;
    color: #000;
    text-decoration: none; }
  .secHomecoming_about .scheNavBox .aArrow:hover {
    color: #ED6D20; }
  .secHomecoming_about .scheNavBox .aArrow::before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    top: calc(50% - 10px);
    left: 0;
    display: inline-block; }
  .secHomecoming_about .scheNavBox .aArrow:first-child::before {
    background-image: url("../images/arrow_U01.svg"); }
  .secHomecoming_about .scheNavBox .aArrow:nth-child(2)::before {
    background-image: url("../images/arrow_U02.svg"); }
  .secHomecoming_about .scheNavBox .aArrow:nth-child(3)::before {
    background-image: url("../images/arrow_U03.svg"); }
  .secHomecoming_about .scheNavBox .aArrow:nth-child(4)::before {
    background-image: url("../images/arrow_U04.svg"); }
  .secHomecoming_about .scheNavBox .aArrow:nth-child(5)::before {
    background-image: url("../images/arrow_U05.svg"); }
  .secHomecoming_about .scheNavBox .aArrow:nth-child(6)::before {
    background-image: url("../images/arrow_U06.svg"); }
.secHomecoming_about .listBoxKome {
  margin-bottom: 50px; }
  .secHomecoming_about .listBoxKome .item {
    font-size: 12px; }
.secHomecoming_about .secHcSchedule {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 45px;
  flex-wrap: wrap; }
  .secHomecoming_about .secHcSchedule .scheListBox {
    width: calc((100% - 45px) / 2); }
    .secHomecoming_about .secHcSchedule .scheListBox a.anchor100 {
      z-index: -1;
      position: absolute; }
    .secHomecoming_about .secHcSchedule .scheListBox .areaTtl {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 12px; }
    .secHomecoming_about .secHcSchedule .scheListBox .listBox {
      border-top: 1px solid #d3d1d0;
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: center;
      -webkit-align-items: center;
      position: relative;
      min-height: 50px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .campus {
        position: relative;
        font-weight: 500;
        width: 200px;
        padding: 25px 25px 25px 35px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .campus::before {
        position: absolute;
        content: '';
        border-right: 2px solid #ed6d20;
        border-top: 2px solid #ed6d20;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 23px;
        top: calc(50% - 2px);
        width: 7px;
        height: 7px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .schedule {
        width: calc(100% - 200px);
        padding: 25px; }
        .secHomecoming_about .secHcSchedule .scheListBox .listBox .schedule .remark {
          font-size: 12px; }
    .secHomecoming_about .secHcSchedule .scheListBox .listBox:last-child {
      border-bottom: 1px solid #d3d1d0; }
    .secHomecoming_about .secHcSchedule .scheListBox .listBox::after {
      position: absolute;
      content: '';
      background: #fef8ea;
      width: 200px;
      height: 100%;
      left: 0;
      z-index: -1; }
  .secHomecoming_about .secHcSchedule .hokkaido_tohoku .areaTtl {
    color: #ed6d20; }
  .secHomecoming_about .secHcSchedule .hokkaido_tohoku .listBox .campus::before {
    border-right-color: #ed6d20;
    border-top-color: #ed6d20; }
  .secHomecoming_about .secHcSchedule .kanto .areaTtl {
    color: #f8b62c; }
  .secHomecoming_about .secHcSchedule .kanto .listBox .campus::before {
    border-right-color: #f8b62c;
    border-top-color: #f8b62c; }
  .secHomecoming_about .secHcSchedule .chubu_tokai_hokuriku .areaTtl {
    color: #467dd2; }
  .secHomecoming_about .secHcSchedule .chubu_tokai_hokuriku .listBox .campus::before {
    border-right-color: #467dd2;
    border-top-color: #467dd2; }
  .secHomecoming_about .secHcSchedule .kansai .areaTtl {
    color: #6bc300; }
  .secHomecoming_about .secHcSchedule .kansai .listBox .campus::before {
    border-right-color: #6bc300;
    border-top-color: #6bc300; }
  .secHomecoming_about .secHcSchedule .chugoku_shikoku .areaTtl {
    color: #f3982c; }
  .secHomecoming_about .secHcSchedule .chugoku_shikoku .listBox .campus::before {
    border-right-color: #f3982c;
    border-top-color: #f3982c; }
  .secHomecoming_about .secHcSchedule .kyushu .areaTtl {
    color: #14bedc; }
  .secHomecoming_about .secHcSchedule .kyushu .listBox .campus::before {
    border-right-color: #14bedc;
    border-top-color: #14bedc; }
.secHomecoming_about .galleryBox {
  position: relative;
  padding: 50px 60px 15px;
  border-radius: 0 30px 0 30px;
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  min-height: 100px;
  margin-bottom: 90px; }
  .secHomecoming_about .galleryBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -75px;
    right: 60px; }
  .secHomecoming_about .galleryBox .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px; }
  .secHomecoming_about .galleryBox .secSlider {
    width: 100%;
    margin: 0 auto 60px; }
  .secHomecoming_about .galleryBox .slide-arrow {
    position: absolute;
    top: calc(50% - 22px);
    height: 44px;
    width: auto;
    z-index: 10;
    cursor: pointer; }
  .secHomecoming_about .galleryBox .prev-arrow {
    left: -22px; }
  .secHomecoming_about .galleryBox .next-arrow {
    right: -22px; }
  .secHomecoming_about .galleryBox .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 50px; }
    .secHomecoming_about .galleryBox .listBox .item {
      width: calc((100% - 36px) / 3);
      aspect-ratio: 3 / 2; }
      .secHomecoming_about .galleryBox .listBox .item img {
        object-fit: cover; }

@media only screen and (max-width: 767px) {
  .secHomecoming_about .introBox {
    margin-bottom: 50px; }
    .secHomecoming_about .introBox .txt {
      margin-bottom: 25px; }
    .secHomecoming_about .introBox .listBox {
      flex-wrap: wrap;
      gap: 0; }
      .secHomecoming_about .introBox .listBox .item {
        width: 50%; }
  .secHomecoming_about .scheTtl {
    font-size: 20px; }
  .secHomecoming_about .scheNavBox {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px; }
    .secHomecoming_about .scheNavBox .aArrow {
      width: calc((100% - 10px) / 2);
      position: relative;
      padding-left: 30px; }
  .secHomecoming_about .secHcSchedule {
    flex-direction: column;
    gap: 20px;
    flex-wrap: nowrap; }
    .secHomecoming_about .secHcSchedule .scheListBox {
      width: 100%; }
      .secHomecoming_about .secHcSchedule .scheListBox .areaTtl {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .campus {
        width: 130px;
        padding: 15px 5px 15px 20px;
        line-height: 1.5; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .campus::before {
        left: 7px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox .schedule {
        width: calc(100% - 125px);
        padding: 15px 0 15px 8px; }
      .secHomecoming_about .secHcSchedule .scheListBox .listBox::after {
        width: 125px; }
  .secHomecoming_about .galleryBox {
    padding: 25px 15px 15px;
    margin-bottom: 35px; }
    .secHomecoming_about .galleryBox .ttlEg {
      font-size: 50px;
      top: -50px;
      right: 15px; }
    .secHomecoming_about .galleryBox .ttlJp {
      font-size: 18px;
      margin-bottom: 7px; }
    .secHomecoming_about .galleryBox .secSlider {
      margin: 0 auto 50px; }
    .secHomecoming_about .galleryBox .slide-arrow {
      top: calc(50% - 15px);
      height: 30px; }
    .secHomecoming_about .galleryBox .prev-arrow {
      left: -15px; }
    .secHomecoming_about .galleryBox .next-arrow {
      right: -15px; }
    .secHomecoming_about .galleryBox .listBox {
      gap: 10px;
      margin-bottom: 10px; }
      .secHomecoming_about .galleryBox .listBox .item {
        width: calc((100% - 10px) / 2); } }
/*-----------------------------------------------
    About History
-----------------------------------------------*/
.secHistory .histolyBox .listBox:nth-child(2n+1) {
  background: #fef8ea; }
.secHistory .histolyBox .listBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center; }
  .secHistory .histolyBox .listBox .year {
    color: #ed6d20;
    font-size: 20px;
    font-weight: 500;
    width: 160px;
    padding: 20px 10px;
    text-align: center; }
  .secHistory .histolyBox .listBox .txt {
    width: calc(100% - 160px);
    padding: 20px 10px; }

@media only screen and (max-width: 767px) {
  .secHistory .histolyBox .listBox .year {
    font-size: 16px;
    padding: 20px 5px;
    width: 5em; }
  .secHistory .histolyBox .listBox .txt {
    width: calc(100% - 5em);
    padding: 20px 10px 20px 0; } }
/*-----------------------------------------------
    About Message
-----------------------------------------------*/
.secMessage .messageBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px; }
  .secMessage .messageBox .txtBox {
    width: calc(100% - 340px); }
    .secMessage .messageBox .txtBox .mds {
      font-size: 24px;
      margin-bottom: 15px; }
    .secMessage .messageBox .txtBox .txt {
      margin-bottom: 40px; }
  .secMessage .messageBox .pictBox {
    width: 300px;
    text-align: center; }
    .secMessage .messageBox .pictBox .cap {
      line-height: 1.5;
      margin-top: .3em; }
      .secMessage .messageBox .pictBox .cap .name {
        font-size: 18px;
        margin-left: .3em; }
.secMessage .secBoxConts01 .inner .listBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 35px; }
  .secMessage .secBoxConts01 .inner .listBox .detailBox {
    width: calc(100% - 235px); }
    .secMessage .secBoxConts01 .inner .listBox .detailBox .ttl {
      font-size: 20px;
      color: #ed6d20;
      font-weight: 500; }
    .secMessage .secBoxConts01 .inner .listBox .detailBox .copy {
      color: #ed6d20;
      font-weight: bold;
      margin-bottom: 10px; }
  .secMessage .secBoxConts01 .inner .listBox .dataBox {
    position: absolute;
    top: -30px;
    right: 50px;
    width: 200px; }
    .secMessage .secBoxConts01 .inner .listBox .dataBox .book {
      margin-bottom: 10px; }
    .secMessage .secBoxConts01 .inner .listBox .dataBox .data {
      position: relative;
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: .5em;
      margin-bottom: .5em;
      line-height: 1.5; }
      .secMessage .secBoxConts01 .inner .listBox .dataBox .data .ttl {
        color: #fff;
        background: #a5a5a5;
        padding: .1em .5em;
        border-radius: 100vh; }

@media only screen and (max-width: 767px) {
  .secMessage .messageBox {
    flex-direction: column;
    gap: 10px; }
    .secMessage .messageBox .txtBox {
      width: 100%; }
      .secMessage .messageBox .txtBox .mds {
        font-size: 18px;
        margin-bottom: 7px; }
      .secMessage .messageBox .txtBox .txt {
        margin-bottom: 25px; }
    .secMessage .messageBox .pictBox {
      width: 70%;
      margin: 0 auto; }
      .secMessage .messageBox .pictBox .cap .name {
        font-size: 16px; }
  .secMessage .secBoxConts01 .inner .listBox {
    flex-direction: column;
    gap: 25px; }
    .secMessage .secBoxConts01 .inner .listBox .detailBox {
      width: 100%; }
      .secMessage .secBoxConts01 .inner .listBox .detailBox .ttl {
        font-size: 18px; }
      .secMessage .secBoxConts01 .inner .listBox .detailBox .copy {
        margin-bottom: 10px; }
    .secMessage .secBoxConts01 .inner .listBox .dataBox {
      position: inherit;
      top: inherit;
      right: inherit;
      width: 100%; }
      .secMessage .secBoxConts01 .inner .listBox .dataBox .book {
        width: 75%;
        margin: 0 auto 15px; }
      .secMessage .secBoxConts01 .inner .listBox .dataBox .data {
        position: relative;
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        gap: .5em;
        margin-bottom: .5em;
        line-height: 1.5; }
        .secMessage .secBoxConts01 .inner .listBox .dataBox .data .ttl {
          color: #fff;
          background: #a5a5a5;
          padding: .1em .5em;
          border-radius: 100vh; } }
/*-----------------------------------------------
    About Recommendation
-----------------------------------------------*/
.secRecommendation .introTxt {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 60px; }
.secRecommendation .recommBox .inner {
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  padding: 50px;
  border-radius: 0 30px 0 30px;
  min-height: 100px;
  margin-bottom: 50px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px; }
  .secRecommendation .recommBox .inner .pictBox {
    width: 200px;
    text-align: center; }
    .secRecommendation .recommBox .inner .pictBox .pict {
      margin-bottom: 8px; }
    .secRecommendation .recommBox .inner .pictBox .txt {
      font-size: 13px;
      line-height: 1.6;
      white-space: nowrap; }
    .secRecommendation .recommBox .inner .pictBox .name {
      font-size: 16px;
      margin: 0 .3em; }
  .secRecommendation .recommBox .inner .txtBox {
    width: calc(100% - 200px); }
    .secRecommendation .recommBox .inner .txtBox .copy {
      font-size: 20px;
      color: #ed6d20;
      margin-bottom: 15px;
      font-weight: 500;
      line-height: 1.5; }

@media only screen and (max-width: 767px) {
  .secRecommendation .introTxt {
    text-align: left;
    font-size: 18px;
    margin-bottom: 30px; }
  .secRecommendation .recommBox .inner {
    padding: 35px 20px;
    margin-bottom: 25px;
    flex-direction: column-reverse;
    gap: 15px; }
    .secRecommendation .recommBox .inner .pictBox {
      width: 100%; }
      .secRecommendation .recommBox .inner .pictBox .pict {
        margin: 10px auto 8px;
        width: 50%; }
      .secRecommendation .recommBox .inner .pictBox .txt {
        font-size: 14px;
        line-height: 1.6;
        white-space: nowrap; }
      .secRecommendation .recommBox .inner .pictBox .name {
        font-size: 18px;
        margin: 0 .3em; }
    .secRecommendation .recommBox .inner .txtBox {
      width: 100%; }
      .secRecommendation .recommBox .inner .txtBox .copy {
        font-size: 18px;
        margin-bottom: 10px; } }
/*-----------------------------------------------
    About  English
-----------------------------------------------*/
.englishTtl_pic::after {
  background-image: url("../images/english/kv.jpg");
  background-position: center center; }

.secEnglish .voiceBox {
  background: #fef8ea;
  padding: 20px;
  position: relative;
  margin: 25px 0 15px;
  align-items: center;
  gap: 10px; }
  .secEnglish .voiceBox::before {
    position: absolute;
    content: '';
    background: #fef8ea;
    height: 20px;
    width: 20px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    left: 50px;
    top: -20px; }
  .secEnglish .voiceBox .ttl {
    background: #ed6d20;
    border-radius: 100vh;
    color: #fff;
    line-height: 1;
    padding: 5px 10px; }
.secEnglish .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  left: 60px; }
.secEnglish .secVoice .inner .ttlJp {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px; }
.secEnglish .secVoice .inner .listBox .item {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 35px;
  margin-bottom: 35px; }
  .secEnglish .secVoice .inner .listBox .item .pictBox {
    width: 220px;
    text-align: center; }
    .secEnglish .secVoice .inner .listBox .item .pictBox .campus {
      margin-top: 8px; }
    .secEnglish .secVoice .inner .listBox .item .pictBox .name {
      line-height: 1.5;
      font-size: 18px; }
      .secEnglish .secVoice .inner .listBox .item .pictBox .name span {
        font-size: 14px; }
  .secEnglish .secVoice .inner .listBox .item .txtBox {
    width: calc(100% - 260px); }
    .secEnglish .secVoice .inner .listBox .item .txtBox .ttl {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secEnglish .secVoice .inner .listBox .item .txtBox .arrowBox {
      margin-top: 10px; }
.secEnglish .secVoice .inner .listBox .item:nth-child(even) {
  flex-direction: row-reverse; }
.secEnglish .secVoice .inner .listBox .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }
.secEnglish .secVoice .inner .aBtn02 {
  max-width: 350px;
  padding: 1rem 1rem 1rem .5rem;
  background-position: 92% 50%; }

@media only screen and (max-width: 767px) {
  .secEnglish .voiceBox {
    padding: 10px 15px; }
    .secEnglish .voiceBox .ttl {
      white-space: nowrap; }
  .secEnglish .secVoice .inner {
    padding: 50px 25px 45px; }
    .secEnglish .secVoice .inner .ttlEg {
      font-size: 70px;
      position: absolute;
      top: -65px;
      left: unset;
      right: 30px; }
    .secEnglish .secVoice .inner .ttlJp {
      font-size: 20px;
      margin-bottom: 15px; }
    .secEnglish .secVoice .inner .listBox .item {
      flex-direction: column-reverse;
      gap: 20px;
      border-bottom: 1px dotted #999999;
      padding-bottom: 35px;
      margin-bottom: 35px; }
      .secEnglish .secVoice .inner .listBox .item .pictBox {
        margin: 10px auto;
        width: 50%; }
        .secEnglish .secVoice .inner .listBox .item .pictBox .campus {
          margin-top: 8px; }
        .secEnglish .secVoice .inner .listBox .item .pictBox .name {
          line-height: 1.5;
          font-size: 18px;
          margin-top: 8px; }
          .secEnglish .secVoice .inner .listBox .item .pictBox .name span {
            font-size: 14px; }
      .secEnglish .secVoice .inner .listBox .item .txtBox {
        width: 100%; }
        .secEnglish .secVoice .inner .listBox .item .txtBox .ttl {
          font-size: 20px;
          font-weight: 500;
          color: #ed6d20;
          margin-bottom: 10px; }
    .secEnglish .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secEnglish .secVoice .inner .aBtn02 {
      max-width: 300px;
      padding: 1rem;
      background-position: 90% 50%;
      margin-top: 20px; } }
/*-----------------------------------------------
    Startup Result
-----------------------------------------------*/
.startupTtl_pic::after {
  background-image: url("../images/sur_p01.png");
  background-position: 25% center; }

.secStartupResult .introTtl {
  background: #f3982c;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  width: 100%; }
.secStartupResult .introBox {
  padding: 50px 40px;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  margin-bottom: 120px; }
  .secStartupResult .introBox .copy {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 40px; }
  .secStartupResult .introBox .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    gap: 40px;
    margin-bottom: 20px; }
    .secStartupResult .introBox .listBox .pictBox {
      width: calc((100% - 40px) / 2); }
    .secStartupResult .introBox .listBox .txtBox {
      width: calc((100% - 40px) / 2); }
      .secStartupResult .introBox .listBox .txtBox .donation {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f3982c;
        font-size: 24px;
        font-weight: 500;
        padding-bottom: 8px;
        margin-bottom: 15px; }
        .secStartupResult .introBox .listBox .txtBox .donation .amount {
          font-size: 48px;
          color: #ed6d20;
          margin-left: 7px; }
    .secStartupResult .introBox .listBox .pictBox02 {
      width: calc((100% - 30px) / 3); }
  .secStartupResult .introBox .listBox02 {
    gap: 20px;
    margin-bottom: 40px; }
  .secStartupResult .introBox .txt {
    margin-bottom: 25px; }
  .secStartupResult .introBox .donateList {
    margin-bottom: 25px; }
    .secStartupResult .introBox .donateList .item {
      display: inline list-item;
      list-style-type: disc; }
    .secStartupResult .introBox .donateList .item:nth-child(2)::after {
      content: '\A';
      white-space: pre; }
  .secStartupResult .introBox .thanks {
    border-top: 1px solid #f8b62c;
    padding: 40px 0 20px;
    margin-top: 35px;
    text-align: center;
    font-size: 24px;
    color: #ed6d20;
    font-weight: 500; }
  .secStartupResult .introBox .support {
    text-align: center;
    font-size: 16px; }
.secStartupResult .rsltDeclaration {
  font-size: 16px;
  text-align: center;
  margin-bottom: 55px; }
  .secStartupResult .rsltDeclaration .ttl {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 500; }
.secStartupResult .aboutSusp {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  margin-bottom: 60px; }
  .secStartupResult .aboutSusp .pictBox {
    width: 170px; }
  .secStartupResult .aboutSusp .txtBox {
    width: calc(100% - 210px);
    font-size: 16px; }
    .secStartupResult .aboutSusp .txtBox .remark {
      font-size: 12px;
      margin-top: 10px; }
.secStartupResult .chariteensBox {
  width: 100%;
  border-radius: 0 30px 0 30px;
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  padding: 45px 80px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  gap: 40px; }
  .secStartupResult .chariteensBox .pictBox {
    width: 200px; }
  .secStartupResult .chariteensBox .txtBox {
    width: calc(100% - 240px);
    font-size: 16px; }
    .secStartupResult .chariteensBox .txtBox .ttl {
      color: #ed6d20;
      font-size: 22px;
      margin-bottom: 15px; }
.secStartupResult .suspTeacher {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  margin-bottom: 60px; }
  .secStartupResult .suspTeacher .pictBox {
    width: 170px; }
  .secStartupResult .suspTeacher .txtBox {
    width: calc(100% - 210px);
    font-size: 16px; }
    .secStartupResult .suspTeacher .txtBox .name {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 10px;
      line-height: 1; }
      .secStartupResult .suspTeacher .txtBox .name span {
        font-size: 14px; }
.secStartupResult .arrowBox {
  margin-bottom: 35px;
  text-align: center; }
.secStartupResult .projectBox {
  background: #fef5ea;
  padding: 40px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-wrap: wrap;
  gap: 40px; }
  .secStartupResult .projectBox .prjItem {
    width: calc((100% - 40px) / 2); }
    .secStartupResult .projectBox .prjItem .pictBox {
      margin-bottom: 8px; }
    .secStartupResult .projectBox .prjItem .ttl {
      font-size: 20px;
      margin-bottom: 7px;
      font-weight: 500;
      line-height: 1.5;
      margin-left: 1em; }
    .secStartupResult .projectBox .prjItem .ttl::before {
      content: '●';
      color: #ed6d20;
      margin-left: -1em; }
.secStartupResult .leadTxt {
  margin-bottom: 50px;
  text-align: center; }
.secStartupResult .prjStepBox {
  margin: 0 80px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-wrap: wrap;
  column-gap: 130px;
  row-gap: 80px;
  flex-wrap: wrap; }
  .secStartupResult .prjStepBox .stepItem {
    width: calc((100% - 130px) / 2);
    text-align: center; }
    .secStartupResult .prjStepBox .stepItem .stepNum {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      position: relative;
      border: 1px solid #ed6d20;
      border-radius: 100vh;
      width: 50%;
      margin: 0 auto;
      margin-bottom: 30px; }
    .secStartupResult .prjStepBox .stepItem .stepNum:before, .secStartupResult .prjStepBox .stepItem .stepNum:after {
      content: "";
      position: absolute;
      right: 0;
      left: 0;
      width: 0;
      height: 0;
      margin: auto; }
    .secStartupResult .prjStepBox .stepItem .stepNum:before {
      bottom: -21px;
      border-style: solid;
      border-color: #ed6d20 transparent transparent transparent;
      border-width: 20px 13px 0 13px; }
    .secStartupResult .prjStepBox .stepItem .stepNum:after {
      bottom: -19px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
      border-width: 19px 12px 0 12px;
      z-index: 10; }
    .secStartupResult .prjStepBox .stepItem .pict {
      margin-bottom: 22px; }
    .secStartupResult .prjStepBox .stepItem .txt {
      font-size: 14px;
      margin-bottom: 25px; }
    .secStartupResult .prjStepBox .stepItem .aBtn02 {
      line-height: 1.4;
      padding: .5em;
      font-size: 16px;
      min-height: 70px;
      display: flex;
      justify-content: center;
      align-items: center; }
.secStartupResult .susrFbBox {
  width: 100%;
  border-radius: 0 30px 0 30px;
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  padding: 45px 160px;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  gap: 30px; }
  .secStartupResult .susrFbBox .txt {
    font-size: 22px;
    font-weight: 500; }

@media only screen and (max-width: 767px) {
  .startupTtl_pic::after {
    background-position: 20% center; }

  .secStartupResult .introTtl {
    font-size: 15px;
    line-height: 1.6; }
  .secStartupResult .introBox {
    padding: 20px 12px;
    margin-bottom: 60px; }
    .secStartupResult .introBox .copy {
      font-size: 14px;
      margin-bottom: 20px; }
    .secStartupResult .introBox .listBox {
      flex-direction: column;
      gap: 10px;
      margin-bottom: 0px; }
      .secStartupResult .introBox .listBox .pictBox {
        width: 100%; }
      .secStartupResult .introBox .listBox .txtBox {
        width: 100%; }
        .secStartupResult .introBox .listBox .txtBox .donation {
          width: 100%;
          font-size: 17px;
          padding-bottom: 0px; }
          .secStartupResult .introBox .listBox .txtBox .donation .amount {
            font-size: 32px; }
      .secStartupResult .introBox .listBox .pictBox02 {
        width: calc((100% - 30px) / 3); }
    .secStartupResult .introBox .listBox02 {
      flex-direction: row;
      gap: 10px; }
    .secStartupResult .introBox .txt {
      margin-bottom: 15px; }
    .secStartupResult .introBox .donateList .item {
      display: list-item;
      margin-left: 1em; }
    .secStartupResult .introBox .thanks {
      border-top: 1px solid #f8b62c;
      padding: 15px 0;
      margin-top: 20px;
      font-size: 15px; }
    .secStartupResult .introBox .support {
      text-align: left;
      font-size: 14px; }
  .secStartupResult .rsltDeclaration {
    font-size: 14px;
    text-align: left;
    margin-bottom: 25px; }
    .secStartupResult .rsltDeclaration .ttl {
      font-size: 16px;
      margin-bottom: 20px;
      text-align: center; }
  .secStartupResult .aboutSusp {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px; }
    .secStartupResult .aboutSusp .pictBox {
      width: 100%; }
    .secStartupResult .aboutSusp .txtBox {
      width: 100%;
      font-size: 14px; }
      .secStartupResult .aboutSusp .txtBox .remark {
        font-size: 12px;
        margin-top: 10px; }
  .secStartupResult .chariteensBox {
    padding: 40px 15px 30px;
    flex-direction: column;
    align-items: start;
    -webkit-align-items: start;
    gap: 20px; }
    .secStartupResult .chariteensBox .pictBox {
      width: 100%;
      text-align: center; }
      .secStartupResult .chariteensBox .pictBox img {
        width: 75%; }
    .secStartupResult .chariteensBox .txtBox {
      width: 100%;
      font-size: 14px; }
      .secStartupResult .chariteensBox .txtBox .ttl {
        font-size: 16px;
        margin-bottom: 5px; }
  .secStartupResult .suspTeacher {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px; }
    .secStartupResult .suspTeacher .pictBox {
      width: 100%; }
    .secStartupResult .suspTeacher .txtBox {
      width: 100%;
      font-size: 14px; }
      .secStartupResult .suspTeacher .txtBox .name {
        font-size: 16px;
        margin-bottom: 5px; }
        .secStartupResult .suspTeacher .txtBox .name span {
          font-size: 12px; }
  .secStartupResult .arrowBox {
    margin-bottom: 20px;
    text-align: left; }
  .secStartupResult .projectBox {
    padding: 15px;
    flex-direction: column;
    gap: 20px; }
    .secStartupResult .projectBox .prjItem {
      width: 100%; }
      .secStartupResult .projectBox .prjItem .pictBox {
        margin-bottom: 8px; }
      .secStartupResult .projectBox .prjItem .ttl {
        font-size: 16px;
        margin-bottom: 5px;
        margin-left: 1em; }
  .secStartupResult .leadTxt {
    margin-bottom: 50px;
    text-align: left; }
  .secStartupResult .prjStepBox {
    margin: 0 0 75px;
    flex-direction: column;
    gap: 50px; }
    .secStartupResult .prjStepBox .stepItem {
      width: 100%;
      text-align: center; }
      .secStartupResult .prjStepBox .stepItem .stepNum {
        font-size: 18px;
        padding: .2; }
      .secStartupResult .prjStepBox .stepItem .pict {
        width: 80%;
        margin: 0 auto 18px; }
      .secStartupResult .prjStepBox .stepItem .txt {
        margin-bottom: 20px; }
      .secStartupResult .prjStepBox .stepItem .aBtn02 {
        min-height: 50px; }
  .secStartupResult .susrFbBox {
    padding: 30px 15px;
    flex-direction: column;
    gap: 10px; }
    .secStartupResult .susrFbBox .txt {
      font-size: 15px;
      line-height: 1.5;
      text-align: center; } }
/*-----------------------------------------------
    Startup Step01-05
-----------------------------------------------*/
.fancyPict {
  display: none; }

.secStartupStep {
  margin-top: 140px; }
  .secStartupStep .introBox {
    margin: 0 auto 50px; }
    .secStartupStep .introBox .introTtl {
      font-size: 36px;
      color: #ed6d20;
      position: relative;
      text-align: center;
      margin-bottom: 30px;
      font-weight: 500; }
    .secStartupStep .introBox .introTtl::before {
      content: '';
      position: absolute;
      background-repeat: no-repeat;
      background-size: 115px 30px;
      width: 115px;
      height: 30px;
      top: -40px;
      left: calc(50% - 57px); }
    .secStartupStep .introBox .introStep1::before {
      background-image: url("../images/step1.svg"); }
    .secStartupStep .introBox .introStep2::before {
      background-image: url("../images/step2.svg"); }
    .secStartupStep .introBox .introStep3::before {
      background-image: url("../images/step3.svg"); }
    .secStartupStep .introBox .introStep4::before {
      background-image: url("../images/step4.svg"); }
    .secStartupStep .introBox .introStep5::before {
      background-image: url("../images/step5.svg"); }
    .secStartupStep .introBox .txt {
      font-size: 16px;
      font-weight: 500;
      text-align: center; }
  .secStartupStep .inPageNav02 {
    flex-wrap: wrap;
    gap: 10px 30px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding-left: 30px; }
  .secStartupStep .suspContain .stepLayout {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    margin-bottom: 50px; }
    .secStartupStep .suspContain .stepLayout .pictBox {
      width: 200px; }
    .secStartupStep .suspContain .stepLayout .txtBox {
      width: calc(100% - 250px); }
      .secStartupStep .suspContain .stepLayout .txtBox .ttl {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 15px; }
      .secStartupStep .suspContain .stepLayout .txtBox .txt {
        font-size: 16px; }
  .secStartupStep .suspContain .stepLayoutL {
    flex-direction: row-reverse; }
  .secStartupStep .suspContain .secMds {
    margin-bottom: 60px; }
  .secStartupStep .suspContain .secBoxConts01 {
    margin-top: 90px; }
    .secStartupStep .suspContain .secBoxConts01 .inner {
      font-size: 16px;
      padding: 50px 60px 55px;
      text-align: center; }
      .secStartupStep .suspContain .secBoxConts01 .inner .listBoxMaru {
        text-align: left;
        width: fit-content;
        margin: 0 auto; }
      .secStartupStep .suspContain .secBoxConts01 .inner .memoWords {
        text-align: center;
        position: relative;
        padding-top: 50px;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 40px; }
        .secStartupStep .suspContain .secBoxConts01 .inner .memoWords .listBoxMaru {
          font-size: 20px; }
          .secStartupStep .suspContain .secBoxConts01 .inner .memoWords .listBoxMaru .txt {
            margin: 10px 0 20px;
            font-size: 16px;
            text-indent: 0;
            font-weight: normal; }
      .secStartupStep .suspContain .secBoxConts01 .inner .memoWords:before {
        content: '';
        top: 18px;
        border-style: solid;
        border-color: #f3982c transparent transparent transparent;
        border-width: 19px 12px 0 12px;
        position: absolute;
        left: calc(50% - 15px); }
      .secStartupStep .suspContain .secBoxConts01 .inner .noArrowMemo:before {
        content: none; }
      .secStartupStep .suspContain .secBoxConts01 .inner .uLine {
        border-bottom: 2px solid #f3982c; }
    .secStartupStep .suspContain .secBoxConts01 .flexBox {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 40px; }
      .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem {
        width: calc((100% - 40px) / 2);
        background: #fff;
        padding: 40px; }
        .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem .ttl {
          border-bottom: 2px solid #f3982c;
          font-size: 20px;
          margin-bottom: 30px;
          margin: 0 auto 30px;
          width: fit-content; }
        .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem .listBoxMaru {
          margin-left: 1.3em; }
      .secStartupStep .suspContain .secBoxConts01 .flexBox .singleItem {
        width: 100%; }
  .secStartupStep .suspContain .voiceBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 40px;
    margin-bottom: 50px; }
    .secStartupStep .suspContain .voiceBox .pictBox {
      width: 250px;
      position: relative; }
      .secStartupStep .suspContain .voiceBox .pictBox .numBox {
        position: absolute;
        background: #ed6d20;
        color: #fff;
        text-align: center;
        border-radius: 0 15px 0 15px;
        z-index: 1;
        top: 0;
        left: 0;
        width: 75px;
        height: 75px;
        border: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.1; }
        .secStartupStep .suspContain .voiceBox .pictBox .numBox .voice {
          font-size: 10px;
          font-weight: 500;
          display: inline-block; }
        .secStartupStep .suspContain .voiceBox .pictBox .numBox .num {
          font-size: 24px;
          font-weight: bold;
          display: inline-block; }
    .secStartupStep .suspContain .voiceBox .txtBox {
      margin-top: 20px;
      width: calc(100% - 290px); }
  .secStartupStep .suspContain .pickupTxt {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px; }
  .secStartupStep .stuVoice {
    margin-bottom: 120px; }
  .secStartupStep .movieBox {
    margin-bottom: 120px; }
  .secStartupStep .nextStepBtn {
    min-width: 760px;
    line-height: 1.5; }
  .secStartupStep .btnListBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: stretch;
    -webkit-align-items: stretch;
    gap: 50px; }
    .secStartupStep .btnListBox .aBtn02 {
      display: flex;
      -webkit-display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      max-width: inherit; }
    .secStartupStep .btnListBox .prevBtn {
      width: 220px;
      background-image: url("../images/arrow_btn02.svg");
      background-position: 30px 50%; }
    .secStartupStep .btnListBox .nextStepBtn {
      width: calc(100% - 270px);
      background-position: calc(100% - 30px) 50%; }
  .secStartupStep .layoutC {
    text-align: center; }

@media only screen and (max-width: 767px) {
  .secStartupStep {
    margin-top: 100px; }
    .secStartupStep .introBox {
      margin: 0 auto 25px; }
      .secStartupStep .introBox .introTtl {
        font-size: 26px;
        line-height: 1.5;
        margin-bottom: 15px; }
      .secStartupStep .introBox .txt {
        font-size: 15px; }
    .secStartupStep .suspContain .stepLayout {
      flex-direction: column-reverse;
      gap: 20px;
      margin-bottom: 45px; }
      .secStartupStep .suspContain .stepLayout .pictBox {
        width: 100%; }
      .secStartupStep .suspContain .stepLayout .txtBox {
        width: 100%; }
        .secStartupStep .suspContain .stepLayout .txtBox .ttl {
          font-size: 20px;
          margin-bottom: 5px;
          line-height: 1.6; }
        .secStartupStep .suspContain .stepLayout .txtBox .txt {
          font-size: 14px; }
    .secStartupStep .suspContain .stepLayoutL {
      flex-direction: column-reverse; }
    .secStartupStep .suspContain .secMds {
      margin-bottom: 45px; }
    .secStartupStep .suspContain .secBoxConts01 {
      margin-top: 65px; }
      .secStartupStep .suspContain .secBoxConts01 .inner {
        font-size: 14px;
        padding: 55px 15px 25px;
        text-align: center; }
        .secStartupStep .suspContain .secBoxConts01 .inner .listBoxMaru {
          width: auto;
          margin: 0 0 0 25px; }
        .secStartupStep .suspContain .secBoxConts01 .inner .memoWords {
          font-size: 14px;
          margin-bottom: 25px; }
          .secStartupStep .suspContain .secBoxConts01 .inner .memoWords .listBoxMaru {
            font-size: 15px; }
      .secStartupStep .suspContain .secBoxConts01 .flexBox {
        flex-direction: column;
        gap: 15px; }
        .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem {
          width: 100%;
          padding: 20px; }
          .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem .ttl {
            font-size: 18px;
            margin: 0 auto 20px; }
          .secStartupStep .suspContain .secBoxConts01 .flexBox .flexItem .listBoxMaru {
            margin-left: 1.3em; }
    .secStartupStep .suspContain .voiceBox {
      flex-direction: column;
      gap: 15px;
      margin-bottom: 35px; }
      .secStartupStep .suspContain .voiceBox .pictBox {
        max-width: 300px;
        width: 85%;
        margin: 0 auto;
        position: relative;
        padding-right: 7%; }
      .secStartupStep .suspContain .voiceBox .txtBox {
        margin-top: 10px;
        width: 100%; }
    .secStartupStep .stuVoice {
      margin-bottom: 40px; }
    .secStartupStep .movieBox {
      margin-bottom: 40px; }
    .secStartupStep .nextStepBtn {
      font-size: 14px;
      min-width: inherit;
      max-width: inherit;
      width: 100%;
      line-height: 1.5;
      background-position: 93% 50%;
      padding: 1rem 3rem; }
    .secStartupStep .btnListBox {
      flex-direction: column;
      gap: 20px; }
      .secStartupStep .btnListBox .aBtn02 {
        padding: 1rem 2rem; }
      .secStartupStep .btnListBox .prevBtn {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        background-position: 15px 50%; }
      .secStartupStep .btnListBox .nextStepBtn {
        width: 100%;
        background-position: calc(100% - 15px) 50%; } }
/*-----------------------------------------------
    Campus Life |  Study Abroad
-----------------------------------------------*/
.cLifeMenuBox {
  position: relative; }
  .cLifeMenuBox .cLifeMenu {
    width: calc(100% - 40px);
    max-width: 1016px;
    margin: 0px auto 0;
    position: absolute;
    min-height: 60px;
    top: 89px;
    /* 配置調整（重要！） */
    right: 0;
    left: 0;
    z-index: 10;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    column-gap: 0; }
    .cLifeMenuBox .cLifeMenu .item {
      position: relative;
      width: calc(100% / 3); }
      .cLifeMenuBox .cLifeMenu .item .aLink {
        color: #999;
        transition: .2s;
        display: block;
        width: 100%;
        font-size: 15px;
        line-height: 1.5em;
        text-align: center;
        min-height: 60px;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        text-decoration: none; }
      .cLifeMenuBox .cLifeMenu .item .aLink:hover {
        color: #000; }
      .cLifeMenuBox .cLifeMenu .item .is-active {
        color: #000;
        font-weight: bold; }
    .cLifeMenuBox .cLifeMenu .item:after {
      content: '';
      position: absolute;
      background: #999;
      right: 0;
      top: 15px;
      height: 30px;
      width: 1px;
      transform: rotate(15deg); }
    .cLifeMenuBox .cLifeMenu .item:last-child::after {
      content: none; }
    .cLifeMenuBox .cLifeMenu .listBox.sticky {
      border-top: 1px solid #D8D8D8;
      border-bottom: 1px solid #D8D8D8;
      background: #fff; }
  .cLifeMenuBox .cLifeMenu.sticky {
    position: fixed;
    /* 上に固定 */
    /* top: 90px;上からスッと表示させる（重要！） */
    margin-top: 0px;
    /* 0にすることでtopで上に配置 */
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
    max-width: inherit;
    background-color: #fff;
    padding: 0 2%; }

.studyAbroadTtl_pic::after {
  background-image: url("../images/studyabroad/kv_img02.jpg");
  background-position: center 25%; }

.secStudyAbroad {
  /* margin-top: 245px;サブナビあり*/ }
  .secStudyAbroad .introBox {
    text-align: left;
    margin-bottom: 120px; }
    .secStudyAbroad .introBox .ttlEg {
      font-family: 'Caveat', cursive;
      color: #ec6c1f;
      font-size: 22px;
      position: relative;
      min-height: 1em;
      display: inline-block;
      padding: 0 25px; }
    .secStudyAbroad .introBox .ttlEg::before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secStudyAbroad .introBox .ttlEg::after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
    .secStudyAbroad .introBox .copy {
      font-size: 40px;
      line-height: 1.5;
      font-weight: 500; }
    .secStudyAbroad .introBox .txt {
      font-size: 18px;
      margin: 10px auto; }
  .secStudyAbroad .secImportant > .inner {
    position: relative;
    width: 100%;
    padding: 60px 50px 60px; }
  .secStudyAbroad .secImportant .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ffdc02;
    font-size: 85px;
    position: absolute;
    top: 10px;
    right: 70px; }
  .secStudyAbroad .secImportant .txtJp {
    font-size: 20px;
    font-weight: 500;
    color: #fff; }
  .secStudyAbroad .secImportant .ttlJp {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.5; }
  .secStudyAbroad .secImportant .pointBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 25px;
    flex-wrap: wrap; }
    .secStudyAbroad .secImportant .pointBox .item {
      width: calc((100% - 100px) / 2);
      position: relative;
      background: #fff;
      margin-left: 25px;
      border-radius: 0 15px 0 15px;
      min-height: 100px;
      padding: 25px 30px 30px 80px; }
      .secStudyAbroad .secImportant .pointBox .item .numBox {
        position: absolute;
        top: 25px;
        left: -25px;
        border-radius: 0 10px 0 10px;
        background-color: #ed6d20;
        min-height: 70px;
        width: 80px;
        color: #fff;
        font-weight: bold;
        line-height: 1; }
        .secStudyAbroad .secImportant .pointBox .item .numBox .nbInner {
          min-height: 70px;
          width: 80px;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          flex-direction: column;
          gap: 0; }
          .secStudyAbroad .secImportant .pointBox .item .numBox .nbInner .point {
            display: block;
            font-size: 10px; }
          .secStudyAbroad .secImportant .pointBox .item .numBox .nbInner .num {
            display: block;
            font-size: 20px; }
      .secStudyAbroad .secImportant .pointBox .item .ttl {
        color: #ed6d20;
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: 500; }
  .secStudyAbroad .secMovie .inner {
    padding: 55px 60px 55px; }
  .secStudyAbroad .secMovie .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 100px;
    position: absolute;
    top: -95px;
    right: 50px; }
  .secStudyAbroad .secMovie .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secStudyAbroad .saSchedule {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secStudyAbroad .saSchedule > .item {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 50px;
      position: relative;
      width: 100%; }
      .secStudyAbroad .saSchedule > .item .dayNumber {
        height: 100%;
        min-height: 100px;
        width: 165px; }
        .secStudyAbroad .saSchedule > .item .dayNumber p {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          font-size: 24px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secStudyAbroad .saSchedule > .item .dayNumber p span {
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
        .secStudyAbroad .saSchedule > .item .dayNumber .inner {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secStudyAbroad .saSchedule > .item .dayNumber .inner .day {
            display: inline-block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .secStudyAbroad .saSchedule > .item .dayNumber .inner .num {
            display: inline-block;
            font-size: 24px; }
      .secStudyAbroad .saSchedule > .item .dayNumber::before {
        content: '';
        position: absolute;
        left: 82px;
        bottom: 15px;
        width: 2px;
        height: 20px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: -1;
        height: calc(100% - 90px); }
      .secStudyAbroad .saSchedule > .item .dayNumber::after {
        content: '';
        position: absolute;
        left: 74px;
        bottom: 0;
        border: 9px solid transparent;
        border-top-width: 10px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top: 12px solid #CBCBCB;
        z-index: -1;
        width: 12px; }
      .secStudyAbroad .saSchedule > .item .dayCnts {
        line-height: 1.7em;
        margin-bottom: 75px;
        width: calc(100% - 215px); }
        .secStudyAbroad .saSchedule > .item .dayCnts .ttl {
          font-size: 24px;
          margin: 1.3em 0 30px;
          font-weight: 500; }
        .secStudyAbroad .saSchedule > .item .dayCnts .pictBox {
          display: flex;
          -webkit-display: flex;
          justify-content: space-between;
          -webkit-justify-content: space-between;
          align-items: stretch;
          -webkit-align-items: stretch;
          gap: 25px;
          flex-wrap: wrap; }
          .secStudyAbroad .saSchedule > .item .dayCnts .pictBox .item {
            width: calc((100% - 25px) / 2);
            text-align: center; }
            .secStudyAbroad .saSchedule > .item .dayCnts .pictBox .item .pict {
              margin-bottom: 7px; }
      .secStudyAbroad .saSchedule > .item .bgBox {
        margin-top: 30px;
        max-width: 770PX;
        border-radius: 0 30px 0 30px;
        background-image: url("../images/bg_img01.jpg");
        background-size: cover;
        padding: 45px; }
        .secStudyAbroad .saSchedule > .item .bgBox .mds {
          font-size: 24px;
          color: #ED6D20;
          margin-bottom: .4em; }
        .secStudyAbroad .saSchedule > .item .bgBox .inner {
          display: grid;
          -webkit-display: grid;
          grid-template-areas: "mds img  " "txt img";
          grid-template-columns: 1fr 165px;
          grid-template-rows: 1fr auto;
          margin-bottom: 15px; }
          .secStudyAbroad .saSchedule > .item .bgBox .inner .mds {
            grid-area: mds; }
          .secStudyAbroad .saSchedule > .item .bgBox .inner .listBoxKome {
            grid-area: txt; }
          .secStudyAbroad .saSchedule > .item .bgBox .inner .imgBox {
            grid-area: img;
            width: 165px;
            height: auto;
            margin-left: 10px; }
    .secStudyAbroad .saSchedule .item:last-child .dayNumber::before {
      display: none; }
    .secStudyAbroad .saSchedule .item:last-child .dayNumber::after {
      display: none; }
  .secStudyAbroad .secBtmBnr {
    margin-top: 85px;
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .cLifeMenuBox .cLifeMenu {
    width: 88%;
    background-color: inherit;
    position: relative;
    height: auto;
    top: inherit;
    margin: 50px auto 40px;
    right: inherit;
    left: inherit;
    z-index: inherit;
    font-size: 15px;
    align-items: stretch;
    gap: 0 20px; }
    .cLifeMenuBox .cLifeMenu .item {
      text-align: left;
      line-height: 1.5em;
      position: relative;
      width: calc((100% - 20px) / 2);
      min-height: auto;
      display: block;
      -webkit-display: block;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      white-space: nowrap; }
      .cLifeMenuBox .cLifeMenu .item .aLink {
        font-size: 13px;
        border-bottom: 1px solid #ccc;
        padding: 12px .2em;
        letter-spacing: -.03em;
        text-align: left; }
    .cLifeMenuBox .cLifeMenu .item:after {
      content: none;
      position: inherit; }
    .cLifeMenuBox .cLifeMenu .item:first-child .aLink, .cLifeMenuBox .cLifeMenu .item:nth-child(2) .aLink {
      border-top: 1px solid #ccc; }

  .secStudyAbroad {
    margin-top: 50px; }
    .secStudyAbroad .introBox {
      margin-bottom: 50px; }
      .secStudyAbroad .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secStudyAbroad .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secStudyAbroad .secImportant > .inner {
      padding: 100px 25px 45px; }
    .secStudyAbroad .secImportant .ttlEg {
      font-size: 60px;
      top: 0px;
      right: 35px; }
    .secStudyAbroad .secImportant .txtJp {
      line-height: 1.5; }
    .secStudyAbroad .secImportant .ttlJp {
      font-size: 25px;
      margin-bottom: 50px;
      line-height: 1.5; }
    .secStudyAbroad .secImportant .pointBox {
      gap: 45px; }
      .secStudyAbroad .secImportant .pointBox .item {
        width: 100%;
        margin-left: 0;
        padding: 50px 20px 35px; }
        .secStudyAbroad .secImportant .pointBox .item .numBox {
          top: -20px;
          left: 20px;
          min-height: 60px;
          width: 70px; }
          .secStudyAbroad .secImportant .pointBox .item .numBox .nbInner {
            min-height: 60px;
            width: 70px; }
        .secStudyAbroad .secImportant .pointBox .item .ttl {
          font-size: 18px; }
    .secStudyAbroad .secMovie .inner {
      padding: 50px 25px 50px; }
    .secStudyAbroad .secMovie .ttlEg {
      font-size: 70px;
      top: -75px;
      right: 30px; }
    .secStudyAbroad .secMovie .ttlJp {
      font-size: 22px;
      margin-bottom: 25px; }
    .secStudyAbroad .inPageNav {
      margin-bottom: 60px; }
    .secStudyAbroad .saSchedule {
      margin-top: 40px;
      margin-bottom: 40px; }
      .secStudyAbroad .saSchedule > .item {
        gap: 15px; }
        .secStudyAbroad .saSchedule > .item .dayNumber {
          min-height: 110px;
          width: 75px; }
          .secStudyAbroad .saSchedule > .item .dayNumber p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secStudyAbroad .saSchedule > .item .dayNumber p span {
              display: block; }
          .secStudyAbroad .saSchedule > .item .dayNumber .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secStudyAbroad .saSchedule > .item .dayNumber .inner .day {
              display: block;
              font-size: 14px;
              margin-top: 7px;
              margin-right: 3px; }
            .secStudyAbroad .saSchedule > .item .dayNumber .inner .num {
              display: block;
              font-size: 24px; }
        .secStudyAbroad .saSchedule > .item .dayNumber::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secStudyAbroad .saSchedule > .item .dayNumber::after {
          left: 30px; }
        .secStudyAbroad .saSchedule > .item .dayCnts {
          margin-bottom: 50px;
          width: calc(100% - 90px); }
          .secStudyAbroad .saSchedule > .item .dayCnts .ttl {
            font-size: 18px;
            margin: 1em 0;
            line-height: 1.5em; }
          .secStudyAbroad .saSchedule > .item .dayCnts .pictBox {
            flex-direction: column;
            gap: 25px;
            flex-wrap: wrap; }
            .secStudyAbroad .saSchedule > .item .dayCnts .pictBox .item {
              width: 100%;
              text-align: center; }
              .secStudyAbroad .saSchedule > .item .dayCnts .pictBox .item .pict {
                margin-bottom: 7px; }
        .secStudyAbroad .saSchedule > .item .bgBox {
          margin-top: 20px;
          border-radius: 0 30px 0 30px;
          padding: 18px; }
          .secStudyAbroad .saSchedule > .item .bgBox .inner {
            margin-bottom: 20px;
            display: flex;
            -webkit-display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: start;
            -webkit-align-items: start;
            flex-direction: column;
            gap: 10px; }
            .secStudyAbroad .saSchedule > .item .bgBox .inner .imgBox {
              margin: 0 auto; }
          .secStudyAbroad .saSchedule > .item .bgBox .mds {
            font-size: 21px; }
      .secStudyAbroad .saSchedule .item:last-child {
        align-items: start; }
    .secStudyAbroad .secBtmBnr {
      margin-top: 50px; } }
/*-----------------------------------------------
    Campus Life |  Shimokita College
-----------------------------------------------*/
.shimokitaTtl_pic::after {
  background-image: url("../images/shimokita/img_main.jpg");
  background-position: 50% top; }

.secShimokita .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secShimokita .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secShimokita .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secShimokita .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secShimokita .introBox .copy {
    font-size: 37px;
    line-height: 1.5;
    font-weight: 500; }
  .secShimokita .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secShimokita .aboutShimolitaCollege .inner {
  border-radius: 0 30px 0 30px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px; }
  .secShimokita .aboutShimolitaCollege .inner .txtBox {
    width: calc(100% - 290px); }
    .secShimokita .aboutShimolitaCollege .inner .txtBox .ttl {
      color: #ed6d20;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }
  .secShimokita .aboutShimolitaCollege .inner .pictBox {
    width: 250px; }
.secShimokita .secImportant > .inner {
  position: relative;
  width: 100%;
  padding: 60px 50px 60px; }
.secShimokita .secImportant .ttlEg {
  font-family: 'Caveat', cursive;
  color: #ffdc02;
  font-size: 85px;
  position: absolute;
  top: 10px;
  right: 70px; }
.secShimokita .secImportant .txtJp {
  font-size: 20px;
  font-weight: 500;
  color: #fff; }
.secShimokita .secImportant .ttlJp {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 40px;
  line-height: 1.5; }
.secShimokita .secImportant .pointBox {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px;
  flex-wrap: wrap; }
  .secShimokita .secImportant .pointBox .item {
    width: calc((100% - 100px) / 2);
    position: relative;
    background: #fff;
    margin-left: 25px;
    border-radius: 0 15px 0 15px;
    min-height: 100px;
    padding: 25px 30px 30px 80px; }
    .secShimokita .secImportant .pointBox .item .numBox {
      position: absolute;
      top: 25px;
      left: -25px;
      border-radius: 0 10px 0 10px;
      background-color: #ed6d20;
      min-height: 70px;
      width: 80px;
      color: #fff;
      font-weight: bold;
      line-height: 1; }
      .secShimokita .secImportant .pointBox .item .numBox .nbInner {
        min-height: 70px;
        width: 80px;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        flex-direction: column;
        gap: 0; }
        .secShimokita .secImportant .pointBox .item .numBox .nbInner .point {
          display: block;
          font-size: 10px; }
        .secShimokita .secImportant .pointBox .item .numBox .nbInner .num {
          display: block;
          font-size: 20px; }
    .secShimokita .secImportant .pointBox .item .ttl {
      color: #ed6d20;
      font-size: 20px;
      margin-bottom: 8px;
      font-weight: 500; }
.secShimokita .mdsBox {
  margin-bottom: 50px; }
.secShimokita .contain {
  margin-bottom: 150px; }
.secShimokita .secLearningStep {
  margin-bottom: 100px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .secShimokita .secLearningStep > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative;
    width: 100%; }
    .secShimokita .secLearningStep > .item .stepNumber {
      height: 100%;
      min-height: 100px;
      width: 165px; }
      .secShimokita .secLearningStep > .item .stepNumber p {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        font-size: 24px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secShimokita .secLearningStep > .item .stepNumber p span {
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
      .secShimokita .secLearningStep > .item .stepNumber .inner {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secShimokita .secLearningStep > .item .stepNumber .inner .step {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .secShimokita .secLearningStep > .item .stepNumber .inner .num {
          display: inline-block;
          font-size: 24px; }
    .secShimokita .secLearningStep > .item .stepNumber::before {
      content: '';
      position: absolute;
      left: 82px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .secShimokita .secLearningStep > .item .stepNumber::after {
      content: '';
      position: absolute;
      left: 74px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .secShimokita .secLearningStep > .item .stepCnts {
      line-height: 1.7em;
      margin-bottom: 75px;
      width: calc(100% - 215px);
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      gap: 40px; }
      .secShimokita .secLearningStep > .item .stepCnts .txtBox {
        width: calc(100% - 440px); }
        .secShimokita .secLearningStep > .item .stepCnts .txtBox .ttl {
          font-size: 24px;
          margin: 1.3em 0 30px;
          font-weight: 500; }
      .secShimokita .secLearningStep > .item .stepCnts .pictBox {
        width: 400px; }
    .secShimokita .secLearningStep > .item .bgBox {
      margin-top: 30px;
      max-width: 770PX;
      border-radius: 0 30px 0 30px;
      background-image: url("../images/bg_img01.jpg");
      background-size: cover;
      padding: 45px; }
      .secShimokita .secLearningStep > .item .bgBox .mds {
        font-size: 24px;
        color: #ED6D20;
        margin-bottom: .4em; }
      .secShimokita .secLearningStep > .item .bgBox .inner {
        display: grid;
        -webkit-display: grid;
        grid-template-areas: "mds img  " "txt img";
        grid-template-columns: 1fr 165px;
        grid-template-rows: 1fr auto;
        margin-bottom: 15px; }
        .secShimokita .secLearningStep > .item .bgBox .inner .mds {
          grid-area: mds; }
        .secShimokita .secLearningStep > .item .bgBox .inner .listBoxKome {
          grid-area: txt; }
        .secShimokita .secLearningStep > .item .bgBox .inner .imgBox {
          grid-area: img;
          width: 165px;
          height: auto;
          margin-left: 10px; }
  .secShimokita .secLearningStep .item:last-child .stepNumber::before {
    display: none; }
  .secShimokita .secLearningStep .item:last-child .stepNumber::after {
    display: none; }
.secShimokita .shimokitaLayout {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #d2d2d2; }
  .secShimokita .shimokitaLayout .txtBox {
    width: calc(100% - 570px); }
    .secShimokita .shimokitaLayout .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 15px; }
  .secShimokita .shimokitaLayout .pictBox {
    width: 530px; }
  .secShimokita .shimokitaLayout .listBoxMaru {
    background: #fef8ea;
    padding: 20px 20px 20px 40px;
    margin: 20px 0 0 0; }
.secShimokita .pict300 {
  align-items: center;
  -webkit-align-items: center; }
  .secShimokita .pict300 .txtBox {
    width: calc(100% - 340px); }
  .secShimokita .pict300 .pictBox {
    width: 300px; }
.secShimokita .column3 {
  gap: 30px;
  align-items: stretch;
  flex-wrap: wrap; }
  .secShimokita .column3 .item {
    width: calc((100% - 60px) / 3);
    background-image: url("../images/bg_img01.jpg");
    background-size: cover;
    position: relative;
    padding: 55px 60px;
    border-radius: 0 30px 0 30px;
    min-height: 100px;
    margin-bottom: 0px;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secShimokita .column3 .item .ttl {
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      color: #ed6d20;
      margin-bottom: 15px;
      width: 100%; }
.secShimokita .column2 {
  gap: 60px;
  align-items: stretch;
  flex-wrap: wrap; }
  .secShimokita .column2 .item {
    width: calc((100% - 60px) / 2);
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secShimokita .column2 .item .ttl {
      font-size: 24px;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px; }
    .secShimokita .column2 .item .cap {
      width: 100%;
      text-align: center;
      margin-top: 7px; }
.secShimokita .galleryBox {
  padding-bottom: 0;
  margin-bottom: 15px;
  border-bottom: none;
  gap: 25px; }
  .secShimokita .galleryBox .pict {
    width: calc((100% - 50px) / 3); }
.secShimokita .raioutCenter {
  text-align: center; }
.secShimokita .access {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 10px;
  margin-bottom: 10px; }
  .secShimokita .access .item {
    background: #a5a5a5;
    color: #fff;
    border-radius: 100vh;
    text-align: center;
    width: 10em; }
.secShimokita .facilityTtl {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px; }
.secShimokita .facilityBox {
  padding-bottom: 0;
  margin-bottom: 120px;
  border-bottom: none; }
.secShimokita .secBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secShimokita {
    margin-top: 50px; }
    .secShimokita .introBox {
      margin-bottom: 50px; }
      .secShimokita .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secShimokita .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secShimokita .aboutShimolitaCollege .inner {
      flex-direction: column;
      gap: 25px;
      padding: 35px 25px 45px; }
      .secShimokita .aboutShimolitaCollege .inner .txtBox {
        width: 100%; }
      .secShimokita .aboutShimolitaCollege .inner .pictBox {
        width: 100%; }
    .secShimokita .secImportant > .inner {
      padding: 100px 25px 45px; }
    .secShimokita .secImportant .ttlEg {
      font-size: 60px;
      top: 0px;
      right: 35px; }
    .secShimokita .secImportant .txtJp {
      line-height: 1.5; }
    .secShimokita .secImportant .ttlJp {
      font-size: 25px;
      margin-bottom: 50px;
      line-height: 1.5; }
    .secShimokita .secImportant .pointBox {
      gap: 45px; }
      .secShimokita .secImportant .pointBox .item {
        width: 100%;
        margin-left: 0;
        padding: 50px 20px 35px; }
        .secShimokita .secImportant .pointBox .item .numBox {
          top: -20px;
          left: 20px;
          min-height: 60px;
          width: 70px; }
          .secShimokita .secImportant .pointBox .item .numBox .nbInner {
            min-height: 60px;
            width: 70px; }
        .secShimokita .secImportant .pointBox .item .ttl {
          font-size: 18px; }
    .secShimokita .secLearningStep {
      margin-top: 40px;
      margin-bottom: 40px; }
      .secShimokita .secLearningStep > .item {
        gap: 15px; }
        .secShimokita .secLearningStep > .item .stepNumber {
          min-height: 110px;
          width: 75px; }
          .secShimokita .secLearningStep > .item .stepNumber p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secShimokita .secLearningStep > .item .stepNumber p span {
              display: block; }
          .secShimokita .secLearningStep > .item .stepNumber .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secShimokita .secLearningStep > .item .stepNumber .inner .step {
              display: block;
              font-size: 14px;
              margin-top: 7px;
              margin-right: 3px; }
            .secShimokita .secLearningStep > .item .stepNumber .inner .num {
              display: block;
              font-size: 24px; }
        .secShimokita .secLearningStep > .item .stepNumber::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secShimokita .secLearningStep > .item .stepNumber::after {
          left: 30px; }
        .secShimokita .secLearningStep > .item .stepCnts {
          margin-bottom: 50px;
          width: calc(100% - 90px);
          flex-direction: column;
          gap: 20px; }
          .secShimokita .secLearningStep > .item .stepCnts .txtBox {
            width: 100%; }
            .secShimokita .secLearningStep > .item .stepCnts .txtBox .ttl {
              font-size: 18px;
              margin: 1em 0 10px;
              line-height: 1.5em; }
          .secShimokita .secLearningStep > .item .stepCnts .pictBox {
            width: 100%; }
        .secShimokita .secLearningStep > .item .bgBox {
          margin-top: 20px;
          border-radius: 0 30px 0 30px;
          padding: 18px; }
          .secShimokita .secLearningStep > .item .bgBox .inner {
            margin-bottom: 20px;
            display: flex;
            -webkit-display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: start;
            -webkit-align-items: start;
            flex-direction: column;
            gap: 10px; }
            .secShimokita .secLearningStep > .item .bgBox .inner .imgBox {
              margin: 0 auto; }
          .secShimokita .secLearningStep > .item .bgBox .mds {
            font-size: 21px; }
      .secShimokita .secLearningStep .item:last-child {
        align-items: start; }
    .secShimokita .mdsBox {
      margin-bottom: 30px; }
    .secShimokita .contain {
      margin-bottom: 80px; }
    .secShimokita .shimokitaLayout {
      flex-direction: column;
      gap: 25px;
      padding-bottom: 35px; }
      .secShimokita .shimokitaLayout .txtBox {
        width: 100%; }
        .secShimokita .shimokitaLayout .txtBox .ttl {
          font-size: 20px;
          margin-bottom: 15px; }
      .secShimokita .shimokitaLayout .pictBox {
        width: 100%; }
    .secShimokita .pict300 {
      align-items: center;
      -webkit-align-items: center; }
      .secShimokita .pict300 .txtBox {
        width: 100%; }
      .secShimokita .pict300 .pictBox {
        width: 100%; }
    .secShimokita .column3 {
      gap: 20px;
      align-items: stretch;
      flex-wrap: wrap; }
      .secShimokita .column3 .item {
        width: 100%;
        position: relative;
        padding: 40px 25px;
        margin-bottom: 0px; }
        .secShimokita .column3 .item .ttl {
          font-size: 20px;
          font-weight: 500;
          text-align: center;
          color: #ed6d20;
          margin-bottom: 15px;
          width: 100%; }
    .secShimokita .column2 {
      gap: 45px;
      align-items: stretch;
      flex-wrap: wrap; }
      .secShimokita .column2 .item {
        width: 100%;
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        flex-direction: column; }
        .secShimokita .column2 .item .ttl {
          font-size: 20px;
          margin-top: 10px;
          margin-bottom: 10px; }
        .secShimokita .column2 .item .cap {
          width: 100%;
          text-align: center;
          margin-top: 7px; }
    .secShimokita .galleryBox {
      padding-bottom: 0;
      margin-bottom: 15px;
      border-bottom: none;
      gap: 25px; }
      .secShimokita .galleryBox .pict {
        width: 100%; }
    .secShimokita .raioutCenter {
      margin-top: 25px; }
    .secShimokita .access {
      flex-direction: column;
      gap: 5px;
      margin-bottom: 15px; }
      .secShimokita .access .item {
        background: #a5a5a5;
        color: #fff;
        border-radius: 100vh;
        text-align: center;
        width: 10em; }
    .secShimokita .facilityTtl {
      font-size: 20px;
      margin-bottom: 20px; }
    .secShimokita .facilityBox {
      margin-bottom: 80px;
      gap: 25px; }
    .secShimokita .secBtmBnr {
      margin-top: 50px;
      margin-bottom: 0; } }
/*-----------------------------------------------
    Campus Life |  Learning Journey
-----------------------------------------------*/
.learnJourneyTtl_pic::after {
  background-image: url("../images/learnJourney/img_main02.jpg");
  background-position: center 35%; }

.secLearnJourney {
  /* margin-top: 245px; サブナビあり */ }
  .secLearnJourney .introBox {
    text-align: left;
    margin-bottom: 120px; }
    .secLearnJourney .introBox .ttlEg {
      font-family: 'Caveat', cursive;
      color: #ec6c1f;
      font-size: 22px;
      position: relative;
      min-height: 1em;
      display: inline-block;
      padding: 0 25px; }
    .secLearnJourney .introBox .ttlEg::before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secLearnJourney .introBox .ttlEg::after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
    .secLearnJourney .introBox .copy {
      font-size: 40px;
      line-height: 1.5;
      font-weight: 500; }
    .secLearnJourney .introBox .txt {
      font-size: 18px;
      margin: 10px auto; }
  .secLearnJourney .secImportant > .inner {
    position: relative;
    width: 100%;
    padding: 60px 50px 60px; }
  .secLearnJourney .secImportant .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ffdc02;
    font-size: 85px;
    position: absolute;
    top: 10px;
    right: 70px; }
  .secLearnJourney .secImportant .txtJp {
    font-size: 20px;
    font-weight: 500;
    color: #fff; }
  .secLearnJourney .secImportant .ttlJp {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.5; }
  .secLearnJourney .secImportant .pointBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 25px;
    flex-direction: column; }
    .secLearnJourney .secImportant .pointBox .item {
      width: calc(100% - 25px);
      position: relative;
      background: #fff;
      margin-left: 25px;
      border-radius: 0 15px 0 15px;
      min-height: 100px;
      padding: 25px 30px 30px 80px; }
      .secLearnJourney .secImportant .pointBox .item .numBox {
        position: absolute;
        top: 25px;
        left: -25px;
        border-radius: 0 10px 0 10px;
        background-color: #ed6d20;
        min-height: 70px;
        width: 80px;
        color: #fff;
        font-weight: bold;
        line-height: 1; }
        .secLearnJourney .secImportant .pointBox .item .numBox .nbInner {
          min-height: 70px;
          width: 80px;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          flex-direction: column;
          gap: 0; }
          .secLearnJourney .secImportant .pointBox .item .numBox .nbInner .point {
            display: block;
            font-size: 10px; }
          .secLearnJourney .secImportant .pointBox .item .numBox .nbInner .num {
            display: block;
            font-size: 20px; }
      .secLearnJourney .secImportant .pointBox .item .ttl {
        color: #ed6d20;
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: 500; }
  .secLearnJourney .comtain {
    margin-bottom: 120px; }
  .secLearnJourney .journeyLayout {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-wrap: wrap;
    gap: 40px; }
    .secLearnJourney .journeyLayout .item {
      width: calc((100% - 60px) / 2);
      display: flex;
      -webkit-display: flex;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      align-items: start;
      -webkit-align-items: start;
      flex-direction: column; }
      .secLearnJourney .journeyLayout .item .ttl {
        font-size: 24px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px; }
  .secLearnJourney .ljSchedule {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secLearnJourney .ljSchedule > .item {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 50px;
      position: relative;
      width: 100%; }
      .secLearnJourney .ljSchedule > .item .dayNumber {
        height: 100%;
        min-height: 100px;
        width: 165px; }
        .secLearnJourney .ljSchedule > .item .dayNumber p {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          font-size: 24px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secLearnJourney .ljSchedule > .item .dayNumber p span {
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
        .secLearnJourney .ljSchedule > .item .dayNumber .inner {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secLearnJourney .ljSchedule > .item .dayNumber .inner .day {
            display: inline-block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .secLearnJourney .ljSchedule > .item .dayNumber .inner .num {
            display: inline-block;
            font-size: 24px; }
      .secLearnJourney .ljSchedule > .item .dayNumber::before {
        content: '';
        position: absolute;
        left: 82px;
        bottom: 15px;
        width: 2px;
        height: 20px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: -1;
        height: calc(100% - 90px); }
      .secLearnJourney .ljSchedule > .item .dayNumber::after {
        content: '';
        position: absolute;
        left: 74px;
        bottom: 0;
        border: 9px solid transparent;
        border-top-width: 10px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top: 12px solid #CBCBCB;
        z-index: -1;
        width: 12px; }
      .secLearnJourney .ljSchedule > .item .dayCnts {
        line-height: 1.7em;
        margin-bottom: 75px;
        width: calc(100% - 215px); }
        .secLearnJourney .ljSchedule > .item .dayCnts .ttl {
          font-size: 24px;
          margin: 1.3em 0 30px;
          font-weight: 500; }
        .secLearnJourney .ljSchedule > .item .dayCnts .pictBox {
          display: flex;
          -webkit-display: flex;
          justify-content: space-between;
          -webkit-justify-content: space-between;
          align-items: stretch;
          -webkit-align-items: stretch;
          gap: 25px;
          flex-wrap: wrap; }
          .secLearnJourney .ljSchedule > .item .dayCnts .pictBox .item {
            width: calc((100% - 25px) / 2);
            text-align: center; }
            .secLearnJourney .ljSchedule > .item .dayCnts .pictBox .item .pict {
              margin-bottom: 7px; }
    .secLearnJourney .ljSchedule .item:last-child .dayNumber::before {
      display: none; }
    .secLearnJourney .ljSchedule .item:last-child .dayNumber::after {
      display: none; }
  .secLearnJourney .secVoice .inner .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secLearnJourney .secVoice .inner .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px; }
  .secLearnJourney .secVoice .inner .listBox .item {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secLearnJourney .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secLearnJourney .secVoice .inner .listBox .item .pictBox .campus {
        margin-top: 8px; }
      .secLearnJourney .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secLearnJourney .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secLearnJourney .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secLearnJourney .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
  .secLearnJourney .secVoice .inner .listBox .item:nth-child(even) {
    flex-direction: row-reverse; }
  .secLearnJourney .secVoice .inner .listBox .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .secLearnJourney .secBtmBnr {
    margin-top: 85px;
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secLearnJourney {
    margin-top: 50px; }
    .secLearnJourney .btm150 {
      margin-bottom: 90px; }
    .secLearnJourney .introBox {
      margin-bottom: 50px; }
      .secLearnJourney .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secLearnJourney .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secLearnJourney .secImportant > .inner {
      padding: 100px 25px 45px; }
    .secLearnJourney .secImportant .ttlEg {
      font-size: 60px;
      top: 0px;
      right: 35px; }
    .secLearnJourney .secImportant .txtJp {
      line-height: 1.5; }
    .secLearnJourney .secImportant .ttlJp {
      font-size: 25px;
      margin-bottom: 50px;
      line-height: 1.5; }
    .secLearnJourney .secImportant .pointBox {
      gap: 45px; }
      .secLearnJourney .secImportant .pointBox .item {
        width: 100%;
        margin-left: 0;
        padding: 50px 20px 35px; }
        .secLearnJourney .secImportant .pointBox .item .numBox {
          top: -20px;
          left: 20px;
          min-height: 60px;
          width: 70px; }
          .secLearnJourney .secImportant .pointBox .item .numBox .nbInner {
            min-height: 60px;
            width: 70px; }
        .secLearnJourney .secImportant .pointBox .item .ttl {
          font-size: 18px; }
    .secLearnJourney .comtain {
      margin-bottom: 50px; }
    .secLearnJourney .journeyLayout {
      flex-direction: column;
      gap: 40px; }
      .secLearnJourney .journeyLayout .item {
        width: 100%; }
        .secLearnJourney .journeyLayout .item .ttl {
          font-size: 20px;
          font-weight: 500;
          margin-top: 8px;
          margin-bottom: 7px; }
    .secLearnJourney .ljSchedule {
      margin-top: 40px;
      margin-bottom: 60px; }
      .secLearnJourney .ljSchedule > .item {
        gap: 15px; }
        .secLearnJourney .ljSchedule > .item .dayNumber {
          min-height: 110px;
          width: 75px; }
          .secLearnJourney .ljSchedule > .item .dayNumber p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secLearnJourney .ljSchedule > .item .dayNumber p span {
              display: block; }
          .secLearnJourney .ljSchedule > .item .dayNumber .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secLearnJourney .ljSchedule > .item .dayNumber .inner .day {
              display: block;
              font-size: 14px;
              margin-top: 7px;
              margin-right: 3px; }
            .secLearnJourney .ljSchedule > .item .dayNumber .inner .num {
              display: block;
              font-size: 24px; }
        .secLearnJourney .ljSchedule > .item .dayNumber::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secLearnJourney .ljSchedule > .item .dayNumber::after {
          left: 30px; }
        .secLearnJourney .ljSchedule > .item .dayCnts {
          margin-bottom: 50px;
          width: calc(100% - 90px); }
          .secLearnJourney .ljSchedule > .item .dayCnts .ttl {
            font-size: 18px;
            margin: 1em 0;
            line-height: 1.5em; }
          .secLearnJourney .ljSchedule > .item .dayCnts .pictBox {
            flex-direction: column;
            gap: 25px;
            flex-wrap: wrap; }
            .secLearnJourney .ljSchedule > .item .dayCnts .pictBox .item {
              width: 100%;
              text-align: center; }
              .secLearnJourney .ljSchedule > .item .dayCnts .pictBox .item .pict {
                margin-bottom: 7px; }
      .secLearnJourney .ljSchedule .item:last-child {
        align-items: start; }
    .secLearnJourney .secVoice .inner {
      padding: 50px 25px 45px; }
      .secLearnJourney .secVoice .inner .ttlEg {
        font-size: 70px;
        position: absolute;
        top: -65px;
        right: 30px;
        padding-right: 5px; }
      .secLearnJourney .secVoice .inner .ttlJp {
        font-size: 20px;
        margin-bottom: 15px; }
      .secLearnJourney .secVoice .inner .listBox .item {
        flex-direction: column-reverse;
        gap: 20px;
        border-bottom: 1px dotted #999999;
        padding-bottom: 35px;
        margin-bottom: 35px; }
        .secLearnJourney .secVoice .inner .listBox .item .pictBox {
          width: 50%;
          text-align: center;
          margin: 0 auto; }
          .secLearnJourney .secVoice .inner .listBox .item .pictBox .campus {
            margin-top: 8px; }
          .secLearnJourney .secVoice .inner .listBox .item .pictBox .name {
            line-height: 1.5;
            font-size: 18px; }
            .secLearnJourney .secVoice .inner .listBox .item .pictBox .name span {
              font-size: 14px; }
        .secLearnJourney .secVoice .inner .listBox .item .txtBox {
          width: 100%; }
          .secLearnJourney .secVoice .inner .listBox .item .txtBox .ttl {
            font-size: 20px;
            font-weight: 500;
            color: #ed6d20;
            margin-bottom: 10px; }
      .secLearnJourney .secVoice .inner .listBox .item:nth-child(even) {
        flex-direction: column-reverse; }
    .secLearnJourney .secBtmBnr {
      margin-top: 50px; } }
/*-----------------------------------------------
    About | Outline
-----------------------------------------------*/
.secOutline .tableBox .ttl, .secOutline .tableBox .cnts {
  align-items: center; }
.secOutline .outlineLayout {
  position: relative;
  align-items: stretch;
  gap: 30px; }
  .secOutline .outlineLayout .txtBox {
    width: calc(100% - 630px);
    justify-content: space-between;
    flex-direction: column; }
  .secOutline .outlineLayout .pictBox {
    width: 600px; }
.secOutline .greetingBox {
  gap: 35px; }
  .secOutline .greetingBox .txtBox {
    width: calc(100% - 235px); }
    .secOutline .greetingBox .txtBox .ttl {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 20px; }
  .secOutline .greetingBox .pictBox {
    width: 200px;
    text-align: center; }
    .secOutline .greetingBox .pictBox .school {
      margin-top: 6px; }
    .secOutline .greetingBox .pictBox .name span {
      margin-left: .5em;
      font-size: 18px;
      line-height: 1.5; }
.secOutline .policyBox {
  gap: 25px;
  align-items: stretch; }
  .secOutline .policyBox .item {
    width: calc((100% - 50px) / 3);
    border-radius: 0 30px 0 30px;
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    position: relative;
    padding: 70px 35px 50px; }
    .secOutline .policyBox .item .num {
      width: 80px;
      height: 70px;
      justify-content: center;
      align-items: center;
      background: #f3982c;
      color: #fff;
      font-weight: bold;
      text-align: center;
      position: absolute;
      left: 30px;
      top: -30px;
      flex-direction: column;
      border-radius: 0 15px 0 15px;
      line-height: 1; }
      .secOutline .policyBox .item .num .policy {
        font-size: 10px;
        display: inline-block; }
      .secOutline .policyBox .item .num .count {
        font-size: 20px;
        display: inline-block; }
    .secOutline .policyBox .item .mds {
      color: #f3982c;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }
.secOutline .listBox {
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
  gap: 40px 20px; }
  .secOutline .listBox .inner {
    width: calc((100% - 40px) / 3); }
    .secOutline .listBox .inner .area {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secOutline .listBox .inner .list {
      flex-direction: column;
      flex-wrap: wrap;
      gap: 0 20px; }
      .secOutline .listBox .inner .list li {
        position: relative;
        min-height: 25px;
        margin: 5px 0 2px 10px; }
        .secOutline .listBox .inner .list li a {
          text-decoration: none;
          color: #000;
          transition: .2s; }
        .secOutline .listBox .inner .list li a::before {
          content: '';
          background-image: url("../images/arrow01.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 0% 10%;
          width: 5px;
          height: 8px;
          position: absolute;
          margin-right: 5px;
          top: 10px;
          left: -9px;
          transform: translate(0, calc(50% - 4px)); }
        .secOutline .listBox .inner .list li a:hover {
          color: #ed6d20; }
    .secOutline .listBox .inner .column3 {
      height: 130px; }
    .secOutline .listBox .inner .column4 {
      height: 165px; }
    .secOutline .listBox .inner .column8 {
      height: 270px; }
    .secOutline .listBox .inner .column9 {
      height: 305px; }
.secOutline .courseList .inner {
  width: calc((100% - 20px) / 2); }
  .secOutline .courseList .inner .style {
    font-size: 20px;
    font-weight: 500;
    color: #ed6d20;
    margin-bottom: 10px; }
.secOutline .uniformList {
  gap: 90px; }
  .secOutline .uniformList .item {
    width: calc((100% - 90px) / 2);
    position: relative;
    min-height: 100px; }
    .secOutline .uniformList .item .mds {
      justify-content: center;
      align-items: center;
      line-height: 1;
      border-radius: 0 20px 0 20px;
      width: 80px;
      height: 80px;
      background: #ed6d20;
      color: #fff;
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0; }
  .secOutline .uniformList .item:last-child .mds {
    background: #f8b62c; }
.secOutline .remark {
  font-size: 12px; }

@media only screen and (max-width: 767px) {
  .top100sp {
    margin-top: 100px; }

  .secOutline .infoListBox {
    flex-direction: row;
    gap: 10px; }
  .secOutline .tableBox .ttl {
    width: 9.5em;
    padding: 20px 1em; }
  .secOutline .tableBox .cnts {
    width: calc(100% - 9.5em);
    padding: 20px 1em; }
  .secOutline .outlineLayout {
    flex-direction: column;
    align-items: start;
    gap: 20px; }
    .secOutline .outlineLayout .txtBox {
      width: 100%;
      flex-direction: column; }
    .secOutline .outlineLayout .pictBox {
      width: 100%; }
  .secOutline .greetingBox {
    flex-direction: column;
    gap: 35px; }
    .secOutline .greetingBox .txtBox {
      width: 100%; }
      .secOutline .greetingBox .txtBox .ttl {
        font-size: 16px;
        margin-bottom: 15px; }
    .secOutline .greetingBox .pictBox {
      width: 50%;
      margin: 0 auto; }
      .secOutline .greetingBox .pictBox .school {
        margin-top: 6px; }
      .secOutline .greetingBox .pictBox .name span {
        font-size: 16px; }
  .secOutline .policyBox {
    gap: 55px;
    flex-direction: column;
    margin-top: 55px; }
    .secOutline .policyBox .item {
      width: 100%;
      border-radius: 0 30px 0 30px;
      padding: 60px 25px 35px; }
      .secOutline .policyBox .item .num {
        left: 25px; }
      .secOutline .policyBox .item .mds {
        font-size: 16px; }
  .secOutline .listBox {
    flex-wrap: wrap;
    gap: 30px 20px; }
    .secOutline .listBox .inner {
      width: calc((100% - 20px) / 2); }
      .secOutline .listBox .inner .area {
        font-size: 16px; }
      .secOutline .listBox .inner .list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0 20px; }
      .secOutline .listBox .inner .column3 {
        height: auto; }
      .secOutline .listBox .inner .column4 {
        height: auto; }
      .secOutline .listBox .inner .column8 {
        height: auto; }
      .secOutline .listBox .inner .column9 {
        height: auto; }
  .secOutline .courseList {
    flex-direction: column; }
    .secOutline .courseList .inner {
      width: 100%; }
      .secOutline .courseList .inner .style {
        font-size: 16px; }
  .secOutline .uniformList {
    gap: 30px;
    flex-direction: column; }
    .secOutline .uniformList .item {
      width: 100%;
      position: relative;
      min-height: 100px; }
      .secOutline .uniformList .item .mds {
        justify-content: center;
        align-items: center;
        line-height: 1;
        border-radius: 0 20px 0 20px;
        width: 70px;
        height: 70px;
        background: #ed6d20;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0; } }
/*-----------------------------------------------
    Guide
-----------------------------------------------*/
.secAdmmGuide .admmFlow {
  width: 100%;
  height: auto; }
.secAdmmGuide .admmStep {
  margin-top: 100px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .secAdmmGuide .admmStep > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative; }
    .secAdmmGuide .admmStep > .item .stepNumber {
      height: 100%;
      min-height: 100px; }
      .secAdmmGuide .admmStep > .item .stepNumber p {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        font-size: 24px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secAdmmGuide .admmStep > .item .stepNumber p span {
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
      .secAdmmGuide .admmStep > .item .stepNumber .inner {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secAdmmGuide .admmStep > .item .stepNumber .inner .step {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .secAdmmGuide .admmStep > .item .stepNumber .inner .num {
          display: inline-block;
          font-size: 24px; }
    .secAdmmGuide .admmStep > .item .stepNumber::before {
      content: '';
      position: absolute;
      left: 82px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .secAdmmGuide .admmStep > .item .stepNumber::after {
      content: '';
      position: absolute;
      left: 74px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .secAdmmGuide .admmStep > .item .stepCnts {
      line-height: 1.7em;
      margin-bottom: 90px; }
      .secAdmmGuide .admmStep > .item .stepCnts .ttl {
        font-size: 24px;
        margin: 1.3em 0 .7em; }
      .secAdmmGuide .admmStep > .item .stepCnts .remark {
        font-size: 12px; }
      .secAdmmGuide .admmStep > .item .stepCnts .remark::before {
        content: '※';
        margin-right: .1em; }
      .secAdmmGuide .admmStep > .item .stepCnts .wEntryBtn {
        text-align: center;
        text-decoration: none;
        width: 330px;
        padding: 10px 1.5rem 10px 17%;
        background-color: #eb3c00;
        margin: 45px 0;
        height: 110px;
        align-items: center; }
      .secAdmmGuide .admmStep > .item .stepCnts .btnBox {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 20px; }
        .secAdmmGuide .admmStep > .item .stepCnts .btnBox .item {
          width: 300px;
          height: auto; }
      .secAdmmGuide .admmStep > .item .stepCnts .infoListBox .cnts {
        width: calc(100% - 9em - 10px); }
    .secAdmmGuide .admmStep > .item .bgBox {
      max-width: 770PX;
      border-radius: 0 30px 0 30px;
      background-image: url("../images/bg_img01.jpg");
      background-size: cover;
      padding: 45px; }
      .secAdmmGuide .admmStep > .item .bgBox .mds {
        font-size: 24px;
        color: #ED6D20;
        margin-bottom: 15px; }
      .secAdmmGuide .admmStep > .item .bgBox .txt {
        margin-bottom: 20px; }
      .secAdmmGuide .admmStep > .item .bgBox .arrowBox {
        flex-direction: column;
        gap: 5px; }
        .secAdmmGuide .admmStep > .item .bgBox .arrowBox .dlIcon01 {
          display: inline-block;
          margin-left: 7px;
          width: 58px;
          transform: .2; }
          .secAdmmGuide .admmStep > .item .bgBox .arrowBox .dlIcon01:hover {
            opacity: .7; }
    .secAdmmGuide .admmStep > .item .enterBox {
      gap: 20px; }
      .secAdmmGuide .admmStep > .item .enterBox .txtBox {
        width: calc(100% - 310px); }
        .secAdmmGuide .admmStep > .item .enterBox .txtBox .enterTxt {
          font-size: 19px;
          font-weight: bold;
          color: #ed6d1f;
          line-height: 1.5; }
      .secAdmmGuide .admmStep > .item .enterBox .pictBox {
        width: 290px; }
  .secAdmmGuide .admmStep .item:last-child .stepNumber::before {
    display: none; }
  .secAdmmGuide .admmStep .item:last-child .stepNumber::after {
    display: none; }

@media only screen and (max-width: 767px) {
  .secAdmmGuide .admmFlow {
    margin: 0 auto; }
  .secAdmmGuide .admmStep > .item {
    gap: 15px; }
    .secAdmmGuide .admmStep > .item .stepNumber {
      min-height: 110px; }
      .secAdmmGuide .admmStep > .item .stepNumber p {
        min-height: 75px;
        width: 75px;
        margin-bottom: 39px;
        font-size: 26px;
        padding: 0 0 12px 6px;
        font-weight: bold;
        line-height: .8em;
        flex-direction: column;
        letter-spacing: .1em; }
        .secAdmmGuide .admmStep > .item .stepNumber p span {
          display: block; }
      .secAdmmGuide .admmStep > .item .stepNumber .inner {
        min-height: 75px;
        width: 75px;
        margin-bottom: 39px;
        font-size: 26px;
        padding: 0 0 12px 6px;
        font-weight: bold;
        line-height: .8em;
        flex-direction: column;
        letter-spacing: .1em; }
        .secAdmmGuide .admmStep > .item .stepNumber .inner .step {
          display: block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .secAdmmGuide .admmStep > .item .stepNumber .inner .num {
          display: block;
          font-size: 24px; }
    .secAdmmGuide .admmStep > .item .stepNumber::before {
      left: 38px;
      height: calc(100% - 75px); }
    .secAdmmGuide .admmStep > .item .stepNumber::after {
      left: 30px; }
    .secAdmmGuide .admmStep > .item .stepCnts {
      margin-bottom: 50px; }
      .secAdmmGuide .admmStep > .item .stepCnts .ttl {
        font-size: 18px;
        margin: .2em 0 .4em;
        line-height: 1.5em; }
      .secAdmmGuide .admmStep > .item .stepCnts .wEntryBtn {
        width: 100%;
        padding: 10px .5rem 10px 40%;
        font-size: 15px;
        background-size: 22px auto;
        background-position: 30% 50%;
        margin: 20px 0 0;
        height: 75px; }
      .secAdmmGuide .admmStep > .item .stepCnts .btnBox {
        margin-top: 20px;
        gap: 15px; }
        .secAdmmGuide .admmStep > .item .stepCnts .btnBox .item {
          width: 100%; }
      .secAdmmGuide .admmStep > .item .stepCnts .infoListBox .cnts {
        width: 100%; }
    .secAdmmGuide .admmStep > .item .bgBox {
      margin-top: 20px;
      border-radius: 0 30px 0 30px;
      padding: 20px 18px; }
      .secAdmmGuide .admmStep > .item .bgBox .inner {
        margin-bottom: 20px;
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: start;
        -webkit-align-items: start;
        flex-direction: column;
        gap: 10px; }
        .secAdmmGuide .admmStep > .item .bgBox .inner .imgBox {
          margin: 0 auto; }
      .secAdmmGuide .admmStep > .item .bgBox .mds {
        font-size: 21px; }
      .secAdmmGuide .admmStep > .item .bgBox .arrowBox {
        gap: .5em; }
    .secAdmmGuide .admmStep > .item .enterBox {
      gap: 15px;
      flex-direction: column; }
      .secAdmmGuide .admmStep > .item .enterBox .txtBox {
        width: 100%; }
        .secAdmmGuide .admmStep > .item .enterBox .txtBox .enterTxt {
          font-size: 16px; }
      .secAdmmGuide .admmStep > .item .enterBox .pictBox {
        width: 100%; } }
/*-----------------------------------------------
    Guide | Shienkin
-----------------------------------------------*/
.secShienkin .tableBox02 .item, .secShienkin .tableBox02 .cnts {
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center; }
.secShienkin .tableBox02 .item {
  width: 40%; }
.secShienkin .tableBox02 .cnts {
  width: 60%; }

@media only screen and (max-width: 767px) {
  .secShienkin .tableBox02 .item, .secShienkin .tableBox02 .cnts {
    width: 50%; } }
/*-----------------------------------------------
    Guide | Zoyozei
-----------------------------------------------*/
.secZoyozei .zoyozeiFlow {
  width: 100%; }
.secZoyozei .sqNum {
  line-height: 1;
  font-size: 13px;
  background: #ed6d1f;
  color: #fff;
  padding: 0 .6em 0.1em;
  margin-left: .4em; }

/*-----------------------------------------------
    Faq
-----------------------------------------------*/
.secFaq .inPageNav {
  padding: 15px 22px;
  gap: 0;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
.secFaq .listBox {
  border-top: 1px dotted #999;
  padding-top: 25px; }
  .secFaq .listBox .item {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #999; }
    .secFaq .listBox .item .faqBox .question {
      font-weight: 500;
      margin-bottom: 10px;
      margin-left: 39px; }
    .secFaq .listBox .item .faqBox .question::before {
      content: 'Q.';
      font-size: 18px;
      font-weight: 500;
      margin-right: 14px;
      margin-left: -31px; }
    .secFaq .listBox .item .faqBox .answer {
      margin-left: 40px; }
    .secFaq .listBox .item .faqBox .answer::before {
      content: 'A';
      background: #f3982c;
      padding: .7em .75em .8em .8em;
      font-size: 18px;
      color: #fff;
      font-weight: 500;
      border-radius: 100vh;
      line-height: 0;
      width: 1em;
      display: inline-flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      margin-left: -40px; }
.secFaq .uniformList {
  gap: 40px;
  border-top: none;
  width: 600px;
  margin: -55px 0 0 auto; }
  .secFaq .uniformList .item {
    width: calc((100% - 40px) / 2);
    position: relative;
    min-height: 100px;
    padding: 20px 0 0 15px;
    border-bottom: none; }
    .secFaq .uniformList .item .mds {
      justify-content: center;
      align-items: center;
      line-height: 1;
      border-radius: 0 20px 0 20px;
      width: 60px;
      height: 60px;
      background: #ed6d20;
      color: #fff;
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0; }
  .secFaq .uniformList .item:last-child .mds {
    background: #f8b62c; }

@media only screen and (max-width: 767px) {
  .secFaq .listBox .item {
    margin-bottom: 20px;
    padding-bottom: 20px; }
  .secFaq .uniformList {
    gap: 0px;
    flex-direction: column;
    width: 100%;
    margin: 25px 0 0 auto; }
    .secFaq .uniformList .item {
      width: 100%;
      padding: 10px 0 0 15px; } }
/*-----------------------------------------------
    Recruit
-----------------------------------------------*/
.secRecruit .locationBox {
  gap: 40px; }
  .secRecruit .locationBox .cap {
    margin-top: 7px; }
.secRecruit .footerBox {
  gap: 30px;
  padding: 55px 60px 55px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center; }
  .secRecruit .footerBox .mds {
    font-size: 20px;
    font-weight: 500; }
  .secRecruit .footerBox .telNum {
    color: #ed6d20;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 7px; }

@media only screen and (max-width: 767px) {
  .secRecruit .locationBox {
    gap: 20px;
    flex-direction: column; }
  .secRecruit .footerBox {
    gap: 10px;
    padding: 30px;
    flex-direction: column; }
    .secRecruit .footerBox .mds {
      font-size: 16px; }
    .secRecruit .footerBox .telNum {
      font-size: 30px;
      margin-bottom: 7px; } }
/*-----------------------------------------------
    Recruit
-----------------------------------------------*/
.secPress {
  text-align: center; }
  .secPress .aBtn {
    display: block;
    max-width: 380px;
    margin: 0 auto;
    transition: .2s; }
    .secPress .aBtn:hover {
      opacity: .6; }

@media only screen and (max-width: 767px) {
  .secPress {
    text-align: left; } }
/*-----------------------------------------------
    Graduation Ceremony
-----------------------------------------------*/
.secGraduation {
  position: relative;
  font-family: "Shippori Mincho", serif;
  /*5秒間隔
  @keyframes image-switch-animation {
  	0%{ opacity: 0;}
  	6.6%{ opacity: 1;}
  	33.3%{ opacity: 1;}
  	40%{ opacity: 0;}
  	100%{ opacity: 0;}
  }
  .src1 {animation-delay: 0s;}
  .src2 {animation-delay: 5s;}
  .src3 {animation-delay: 10s;}
  }
  */ }
  .secGraduation .graduationKv {
    width: calc(100% - 125px);
    height: 630px;
    margin: 5px 125px 175px 0;
    border-radius: 0 30px 0 0;
    position: relative; }
    .secGraduation .graduationKv .sakura01 {
      position: absolute;
      background-image: url("../images/graduation/sakura01.png");
      background-size: 550px auto;
      background-repeat: no-repeat;
      background-position: left top;
      left: 0;
      top: 460px;
      z-index: 1;
      height: 100%;
      width: 100%; }
    .secGraduation .graduationKv .image {
      position: absolute;
      border-radius: 0 30px 0 0;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      background-size: cover;
      background-position: center center;
      animation: image-switch-animation 11.7s infinite;
      /*5秒間隔
      animation: image-switch-animation 15s infinite;
      */ }
    .secGraduation .graduationKv .src1 {
      background-image: url("../images/graduation/grad23_kv01.jpg"); }
    .secGraduation .graduationKv .src2 {
      background-image: url("../images/graduation/grad23_kv02.jpg"); }
    .secGraduation .graduationKv .src3 {
      background-image: url("../images/graduation/grad23_kv03.jpg"); }
@keyframes image-switch-animation {
  0% {
    opacity: 0; }
  7.4% {
    opacity: 1; }
  33.3% {
    opacity: 1; }
  40.7% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .secGraduation .graduationKv .src1 {
      animation-delay: 0s; }
    .secGraduation .graduationKv .src2 {
      animation-delay: 3.9s; }
    .secGraduation .graduationKv .src3 {
      animation-delay: 7.8s; }
  .secGraduation .secIntro {
    min-height: 100px;
    position: relative;
    padding-bottom: 145px;
    margin-bottom: 15px; }
    .secGraduation .secIntro::before {
      position: absolute;
      content: '';
      background-image: url("../images/graduation/sakura02.png");
      background-repeat: no-repeat;
      background-size: 1400px 830px;
      background-position: center bottom;
      width: 100%;
      height: 100%;
      bottom: 0px;
      right: 0;
      left: 0;
      z-index: 1; }
    .secGraduation .secIntro::after {
      position: absolute;
      content: '';
      background: #ecfafc;
      border-radius: 30px 0 0 30px;
      width: calc((100% - 480px) / 2);
      height: 1230px;
      top: 310px;
      right: 0;
      z-index: -1; }
    .secGraduation .secIntro .entryTtl {
      font-weight: 600;
      font-size: 40px;
      color: #ff6e8c;
      margin-bottom: 60px; }
    .secGraduation .secIntro .cntsBox {
      gap: 50px;
      font-size: 18px; }
      .secGraduation .secIntro .cntsBox .txt, .secGraduation .secIntro .cntsBox .pict {
        width: calc((100% - 50px) / 2); }
  .secGraduation .gradMds {
    font-weight: 600;
    font-size: 35px;
    color: #ff6e8c;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.5; }
    .secGraduation .gradMds span {
      display: block; }
    .secGraduation .gradMds .year {
      font-size: 25px; }
  .secGraduation .secGallery {
    min-height: 100px;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 150px;
    padding-top: 100px;
    text-align: center; }
    .secGraduation .secGallery::after {
      position: absolute;
      content: '';
      background: #ecfafc;
      border-radius: 0 30px 0 0;
      width: calc((100% - 480px) / 2);
      height: calc(100% - 150px);
      top: 0;
      left: 0;
      z-index: -1;
      margin-top: 100px; }
    .secGraduation .secGallery .pictBox {
      gap: 20px;
      flex-wrap: wrap; }
      .secGraduation .secGallery .pictBox .item:first-child {
        width: 100%; }
      .secGraduation .secGallery .pictBox .item:nth-child(2), .secGraduation .secGallery .pictBox .item:nth-child(3), .secGraduation .secGallery .pictBox .item:nth-child(4) {
        width: calc((100% - 40px) / 3); }
      .secGraduation .secGallery .pictBox .item:nth-child(5), .secGraduation .secGallery .pictBox .item:nth-child(6) {
        width: calc((100% - 20px) / 2); }
    .secGraduation .secGallery .sakura03 {
      position: absolute;
      background-image: url("../images/graduation/sakura03.png");
      background-size: 2200px auto;
      background-repeat: no-repeat;
      background-position: center top;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1;
      height: 100%;
      width: 100%; }
    .secGraduation .secGallery .sakura04 {
      position: absolute;
      background-image: url("../images/graduation/sakura04.png");
      background-size: 1500px auto;
      background-repeat: no-repeat;
      background-position: center bottom;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      height: 100%;
      width: 100%; }
  .secGraduation .secSpeech {
    padding-bottom: 125px;
    position: relative; }
    .secGraduation .secSpeech::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 30px;
      border-radius: 30px 30px 0 0;
      bottom: 0;
      background: #fff; }
    .secGraduation .secSpeech .sakura05 {
      position: absolute;
      background-image: url("../images/graduation/sakura05.png");
      background-size: 1450px auto;
      background-repeat: no-repeat;
      background-position: center top;
      left: 0;
      right: 0;
      top: 410px;
      z-index: -1;
      height: 100%;
      width: 100%; }
    .secGraduation .secSpeech .sakura06 {
      position: absolute;
      background-image: url("../images/graduation/sakura06.jpg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center bottom;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -5;
      height: 100%;
      width: 100%; }
    .secGraduation .secSpeech .speechBox {
      position: relative;
      min-height: 100px;
      padding: 0 100px;
      font-family: "Zen Kaku Gothic New", sans-serif;
      margin-bottom: 150px;
      /*三点リーダー付きアコーディオンここから*/
      /*三点リーダー付きアコーディオンここまで*/ }
      .secGraduation .secSpeech .speechBox:nth-child(2) {
        margin-bottom: 100px; }
      .secGraduation .secSpeech .speechBox .pict {
        margin-bottom: 30px; }
      .secGraduation .secSpeech .speechBox .name {
        font-size: 18px;
        font-weight: 500;
        color: #ff6e8c;
        margin-bottom: 15px; }
        .secGraduation .secSpeech .speechBox .name span {
          font-size: 14px;
          margin-right: 1em; }
      .secGraduation .secSpeech .speechBox::after {
        position: absolute;
        content: '';
        background-color: #ecfafc;
        border-radius: 30px;
        right: 0;
        left: 0;
        top: 100px;
        height: calc(100% - 40px);
        width: 100%;
        z-index: -2; }
      .secGraduation .secSpeech .speechBox .txtBox {
        position: relative;
        margin-bottom: 45px;
        text-align: right; }
      .secGraduation .secSpeech .speechBox .txt {
        height: 5.4em;
        text-align: left;
        overflow: hidden; }
      .secGraduation .secSpeech .speechBox .show_more,
      .secGraduation .secSpeech .speechBox .show_more2 {
        position: relative;
        padding-left: 29px;
        text-align: right;
        cursor: pointer;
        transition: bottom 0.3s;
        display: inline-block;
        margin: 15px 0 0 0; }
      .secGraduation .secSpeech .speechBox .show_more::before, .secGraduation .secSpeech .speechBox .show_more2::before {
        position: absolute;
        content: '';
        background-image: url("../images/arrow_pink.svg");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        left: 0;
        top: 0;
        bottom: 0; }
      .secGraduation .secSpeech .speechBox .active {
        background: none;
        bottom: -30px; }
      .secGraduation .secSpeech .speechBox .txt {
        height: 5.4em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; }
      .secGraduation .secSpeech .speechBox .more {
        display: block;
        text-align: right;
        cursor: pointer; }
      .secGraduation .secSpeech .speechBox .close {
        display: block;
        text-align: right; }
  .secGraduation .secVoice {
    padding-top: 120px;
    position: relative;
    overflow: hidden; }
    .secGraduation .secVoice .sakura07 {
      position: absolute;
      background-image: url("../images/graduation/sakura07.png");
      background-size: 1410px auto;
      background-repeat: no-repeat;
      background-position: center top;
      left: 0;
      right: 0;
      top: 60px;
      z-index: -1;
      height: 100%;
      width: 100%; }
    .secGraduation .secVoice .gradMds {
      color: #14bedc;
      margin-bottom: 70px; }
    .secGraduation .secVoice .voiceBox {
      font-family: "Zen Kaku Gothic New", sans-serif;
      position: relative;
      padding-bottom: 100px;
      margin-bottom: 50px;
      min-height: 100px;
      /*三点リーダー付きアコーディオンここから*/
      /*三点リーダー付きアコーディオンここまで*/ }
      .secGraduation .secVoice .voiceBox::after {
        position: absolute;
        content: '';
        background: #ecfafc;
        border-radius: 0 0 0 30px;
        width: calc((100% - 480px) / 2);
        height: 560px;
        right: 0;
        top: 100px;
        z-index: -2; }
      .secGraduation .secVoice .voiceBox:nth-child(even) .inner {
        flex-direction: row-reverse; }
      .secGraduation .secVoice .voiceBox:nth-child(even)::after {
        border-radius: 0 0 30px 0;
        left: 0;
        right: inherit; }
      .secGraduation .secVoice .voiceBox:nth-child(even)::before {
        position: absolute;
        content: '';
        background-image: url("../images/graduation/sakura08.png");
        background-size: 1300px auto;
        background-repeat: no-repeat;
        background-position: center top;
        left: 50px;
        right: 0;
        top: 100px;
        z-index: -1;
        height: 100%;
        width: 100%; }
      .secGraduation .secVoice .voiceBox .inner {
        position: relative;
        gap: 50px; }
      .secGraduation .secVoice .voiceBox .messageBox {
        width: calc((100% - 50px) / 2);
        margin-top: 50px; }
      .secGraduation .secVoice .voiceBox .pictBox {
        width: calc((100% - 50px) / 2); }
      .secGraduation .secVoice .voiceBox .name {
        font-size: 18px;
        font-weight: 500;
        color: #14bedc;
        margin-bottom: 15px; }
        .secGraduation .secVoice .voiceBox .name span {
          font-size: 14px;
          margin-right: 1em; }
      .secGraduation .secVoice .voiceBox .txtBox {
        position: relative;
        margin-bottom: 45px;
        text-align: right; }
      .secGraduation .secVoice .voiceBox .txt {
        height: 5.4em;
        overflow: hidden;
        text-align: left; }
      .secGraduation .secVoice .voiceBox .show_more,
      .secGraduation .secVoice .voiceBox .show_more2 {
        position: relative;
        padding-left: 29px;
        text-align: right;
        cursor: pointer;
        transition: bottom 0.3s;
        display: inline-block;
        margin: 15px 0 0 0; }
      .secGraduation .secVoice .voiceBox .show_more::before, .secGraduation .secVoice .voiceBox .show_more2::before {
        position: absolute;
        content: '';
        background-image: url("../images/arrow_blue.svg");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        left: 0;
        top: 0;
        bottom: 0; }
      .secGraduation .secVoice .voiceBox .active {
        background: none;
        bottom: -30px; }
      .secGraduation .secVoice .voiceBox .txt {
        height: 5.4em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; }
      .secGraduation .secVoice .voiceBox .more {
        display: block;
        text-align: right;
        cursor: pointer; }
      .secGraduation .secVoice .voiceBox .close {
        display: block;
        text-align: right; }
  .secGraduation .secAttendees {
    position: relative;
    padding-top: 120px;
    margin-bottom: 150px; }
    .secGraduation .secAttendees .sakura09 {
      position: absolute;
      background-image: url("../images/graduation/sakura09.png");
      background-size: 740px auto;
      background-repeat: no-repeat;
      background-position: right top;
      left: 0;
      right: 0;
      top: -120px;
      z-index: -1;
      height: 100%;
      width: 100%; }
    .secGraduation .secAttendees .gradMds {
      text-align: left; }
    .secGraduation .secAttendees .introTxt {
      max-width: 550px;
      font-family: "Zen Kaku Gothic New", sans-serif;
      margin-bottom: 30px; }
    .secGraduation .secAttendees .acBox {
      font-family: "Zen Kaku Gothic New", sans-serif;
      border: none;
      margin-bottom: 10px; }
      .secGraduation .secAttendees .acBox .trigerBox {
        position: relative; }
      .secGraduation .secAttendees .acBox .ac-parent {
        background: #ff6e8c;
        color: #fff;
        border-radius: 100vh;
        display: flex;
        -webkit-display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        position: relative;
        height: auto;
        min-height: 60px;
        line-height: inherit;
        padding: 0 40px;
        border: none;
        font-weight: 400;
        font-size: 18px; }
      .secGraduation .secAttendees .acBox .ac-parent.open {
        background: #ff6e8c;
        color: #fff; }
      .secGraduation .secAttendees .acBox .ac-parent.open:before {
        transform: rotate(0deg);
        opacity: 100;
        /*
        transform: rotate(180deg);
        opacity: 100;
        background-color: inherit;
        */ }
      .secGraduation .secAttendees .acBox .ac-parent.open:after {
        transform: rotate(-225deg);
        opacity: 0;
        /*
        transform: none;
        opacity: 100;
        */ }
      .secGraduation .secAttendees .acBox .ac-parent:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 26px;
        transform: rotate(90deg);
        transition: all .2s;
        width: 18px;
        height: 2px;
        background: #fff;
        /*
        content: "";
        position: absolute;
        top: calc((100% - 24px) / 2);
        bottom: 0;
        right: 25px;
        transform:none;
        transition: all .2s;
        /*横線*/
        /*
        width: 24px;
        height: 24px;
        background-color: inherit;
        background-image: url("../images/arrow_pink02.svg");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center right;
        */ }
      .secGraduation .secAttendees .acBox .ac-parent:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 26px;
        transform: rotate(-180deg);
        transition: all .2s;
        width: 18px;
        height: 2px;
        background: #fff;
        /*
        position: absolute;
        width: 100%;
        height: 30px;
        bottom:0;
        content: none;
        border-left: 1px solid #ff6e8c;
        border-right: 1px solid #ff6e8c;
        */ }
      .secGraduation .secAttendees .acBox .contain {
        border-left: 1px solid #ff6e8c;
        border-right: 1px solid #ff6e8c;
        border-bottom: 1px solid #ff6e8c;
        padding: 60px 40px 30px;
        margin-top: -30px; }
        .secGraduation .secAttendees .acBox .contain .ttl {
          font-size: 18px;
          font-weight: 400;
          color: #ff6e8c;
          margin-bottom: 7px; }
        .secGraduation .secAttendees .acBox .contain .txt {
          margin-bottom: 25px; }

@media only screen and (max-width: 767px) {
  .secGraduation .graduationKv {
    width: 94%;
    height: 570px;
    margin: 5px auto 0 0; }
    .secGraduation .graduationKv .sakura01 {
      background-image: url("../images/graduation/sakura01_sp.png");
      background-size: 120% auto;
      background-repeat: no-repeat;
      background-position: 190% bottom;
      bottom: -110px;
      top: inherit; }
    .secGraduation .graduationKv .src1 {
      background-image: url("../images/graduation/grad23_kv01_sp.jpg"); }
    .secGraduation .graduationKv .src2 {
      background-image: url("../images/graduation/grad23_kv02_sp.jpg"); }
    .secGraduation .graduationKv .src3 {
      background-image: url("../images/graduation/grad23_kv03_sp.jpg"); }
  .secGraduation .secIntro {
    min-height: 100px;
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 15px; }
    .secGraduation .secIntro::before {
      background-image: url("../images/graduation/sakura02_sp.png");
      background-size: 57% auto;
      background-position: right bottom;
      right: 10px;
      left: inherit; }
    .secGraduation .secIntro::after {
      border-radius: 30px 0 0 30px;
      width: 35%;
      height: 88%;
      top: 200px;
      z-index: -2; }
    .secGraduation .secIntro .entryTtl {
      font-size: 20px;
      margin-bottom: 25px;
      padding-top: 180px;
      background-image: url("../images/graduation/sakura02_sp02.png");
      background-size: 60% auto;
      background-position: right center;
      background-repeat: no-repeat; }
    .secGraduation .secIntro .cntsBox {
      flex-direction: column;
      gap: 25px;
      font-size: 16px; }
      .secGraduation .secIntro .cntsBox .txt {
        width: 100%; }
      .secGraduation .secIntro .cntsBox .pict {
        width: 100%;
        position: relative; }
        .secGraduation .secIntro .cntsBox .pict::before {
          position: absolute;
          content: '';
          background-image: url("../images/graduation/sakura02b.png");
          background-size: 35px auto;
          background-position: right top;
          right: 5px;
          top: -10px;
          width: 100px;
          height: 100px;
          background-repeat: no-repeat; }
  .secGraduation .gradMds {
    font-size: 28px;
    margin-bottom: 20px; }
    .secGraduation .gradMds span {
      display: block; }
    .secGraduation .gradMds .year {
      font-size: 20px; }
  .secGraduation .secGallery {
    padding-bottom: 180px;
    padding-top: 90px;
    overflow: hidden; }
    .secGraduation .secGallery .gradMds {
      padding-top: 200px; }
    .secGraduation .secGallery::after {
      width: 35%;
      height: 70%;
      top: 110px;
      z-index: -2;
      margin-top: 100px; }
    .secGraduation .secGallery .pictBox {
      gap: 7px;
      flex-wrap: wrap; }
      .secGraduation .secGallery .pictBox .item:first-child {
        width: 100%; }
      .secGraduation .secGallery .pictBox .item:nth-child(2), .secGraduation .secGallery .pictBox .item:nth-child(3), .secGraduation .secGallery .pictBox .item:nth-child(4) {
        width: calc((100% - 14px) / 3); }
      .secGraduation .secGallery .pictBox .item:nth-child(5), .secGraduation .secGallery .pictBox .item:nth-child(6) {
        width: calc((100% - 7px) / 2); }
    .secGraduation .secGallery .sakura03 {
      background-image: url("../images/graduation/sakura03_sp.png");
      background-size: 125%;
      background-repeat: no-repeat;
      background-position: left top;
      left: inherit;
      right: -5%; }
    .secGraduation .secGallery .sakura04 {
      position: absolute;
      background-image: url("../images/graduation/sakura04_sp.png");
      background-size: 120% auto;
      background-repeat: no-repeat;
      background-position: center bottom;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      height: 100%;
      width: 100%; }
  .secGraduation .secSpeech {
    padding-bottom: 70px;
    position: relative; }
    .secGraduation .secSpeech::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 30px;
      border-radius: 30px 30px 0 0;
      bottom: 0;
      background: #fff; }
    .secGraduation .secSpeech .sakura05 {
      background-image: url("../images/graduation/sakura05_sp.png");
      background-size: 107% auto;
      top: 205px; }
    .secGraduation .secSpeech .sakura06 {
      background-size: 200% auto; }
    .secGraduation .secSpeech .speechBox {
      padding: 0 25px 5px;
      margin-bottom: 75px; }
      .secGraduation .secSpeech .speechBox:nth-child(2) {
        margin-bottom: 100px; }
      .secGraduation .secSpeech .speechBox .pict {
        margin-bottom: 20px;
        width: 100%;
        aspect-ratio: 3 / 2; }
        .secGraduation .secSpeech .speechBox .pict img {
          object-fit: cover;
          height: 100%;
          object-position: 40% center; }
      .secGraduation .secSpeech .speechBox .name {
        font-size: 18px;
        font-weight: 500;
        color: #ff6e8c;
        margin-bottom: 15px; }
        .secGraduation .secSpeech .speechBox .name span {
          font-size: 14px;
          margin-right: 1em; }
      .secGraduation .secSpeech .speechBox::after {
        border-radius: 20px;
        top: 30px; }
      .secGraduation .secSpeech .speechBox .txt {
        height: 18em;
        -webkit-line-clamp: 10; }
  .secGraduation .secVoice {
    padding-top: 50px;
    position: relative;
    overflow: hidden; }
    .secGraduation .secVoice .sakura07 {
      position: absolute;
      background-image: url("../images/graduation/sakura07_sp.png");
      background-size: 97% auto;
      background-repeat: no-repeat;
      background-position: center top;
      left: 0;
      right: 0;
      top: 0px;
      z-index: 1;
      height: 100vw;
      width: 100%; }
    .secGraduation .secVoice .gradMds {
      margin-bottom: 35px; }
    .secGraduation .secVoice .voiceBox {
      padding-bottom: 0px;
      margin-bottom: 25px; }
      .secGraduation .secVoice .voiceBox::after {
        position: absolute;
        content: '';
        background: #ecfafc;
        border-radius: 0 0 0 30px;
        width: 35%;
        height: calc(100vw * 1.1);
        right: 0;
        top: 100px;
        z-index: -2; }
      .secGraduation .secVoice .voiceBox:nth-child(even) .inner {
        flex-direction: column-reverse; }
      .secGraduation .secVoice .voiceBox:nth-child(even)::after {
        border-radius: 0 0 30px 0;
        left: 0;
        right: inherit; }
      .secGraduation .secVoice .voiceBox:nth-child(even)::before {
        position: absolute;
        content: '';
        background-image: url("../images/graduation/sakura08.png");
        background-size: 1300px auto;
        background-repeat: no-repeat;
        background-position: center top;
        left: 50px;
        right: 0;
        top: 100px;
        z-index: -1;
        height: 100%;
        width: 100%; }
      .secGraduation .secVoice .voiceBox .inner {
        flex-direction: column-reverse;
        gap: 24px; }
      .secGraduation .secVoice .voiceBox .messageBox {
        width: 100%;
        margin-top: 0px; }
      .secGraduation .secVoice .voiceBox .pictBox {
        width: 100%; }
      .secGraduation .secVoice .voiceBox .name {
        font-size: 16px;
        font-weight: 500;
        color: #14bedc;
        margin-bottom: 15px; }
        .secGraduation .secVoice .voiceBox .name span {
          font-size: 14px;
          margin-right: 1em; }
      .secGraduation .secVoice .voiceBox .txtBox {
        position: relative;
        margin-bottom: 45px;
        text-align: left; }
      .secGraduation .secVoice .voiceBox .txt {
        height: 18em;
        -webkit-line-clamp: 10; }
      .secGraduation .secVoice .voiceBox .show_more,
      .secGraduation .secVoice .voiceBox .show_more2 {
        text-align: left; }
  .secGraduation .secAttendees {
    position: relative;
    padding-top: 210px;
    margin-bottom: 75px; }
    .secGraduation .secAttendees .sakura09 {
      background-image: url("../images/graduation/sakura09.png");
      background-size: 120% auto;
      background-repeat: no-repeat;
      background-position: -30% top;
      left: 0%;
      top: -50px; }
    .secGraduation .secAttendees .gradMds {
      text-align: left; }
    .secGraduation .secAttendees .introTxt {
      max-width: 100%; }
    .secGraduation .secAttendees .acBox .ac-parent {
      min-height: 50px;
      padding: 0 25px;
      font-size: 16px; }
    .secGraduation .secAttendees .acBox .contain {
      padding: 50px 25px 5px; }
      .secGraduation .secAttendees .acBox .contain .ttl {
        font-size: 16px; }
      .secGraduation .secAttendees .acBox .contain .txt {
        margin-bottom: 20px; } }
/*-----------------------------------------------
    Campus Life |  e_Workshop
-----------------------------------------------*/
.eWorkshopTtl_pic::after {
  background-image: url("../images/eworkshop/eworkshop_kv.jpg");
  background-position: center center; }

.secEworkshop {
  /* margin-top: 245px;サブナビあり*/ }
  .secEworkshop .introBox {
    text-align: left;
    margin-bottom: 120px; }
    .secEworkshop .introBox .ttlEg {
      font-family: 'Caveat', cursive;
      color: #ec6c1f;
      font-size: 22px;
      position: relative;
      min-height: 1em;
      display: inline-block;
      padding: 0 25px; }
    .secEworkshop .introBox .ttlEg::before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secEworkshop .introBox .ttlEg::after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
    .secEworkshop .introBox .copy {
      font-size: 40px;
      line-height: 1.5;
      font-weight: 500; }
    .secEworkshop .introBox .txt {
      font-size: 18px;
      margin: 10px auto;
      font-weight: normal; }
  .secEworkshop .secImportant .inner {
    width: 100%;
    padding: 60px 50px 60px;
    gap: 40px;
    align-items: center;
    -webkit-align-items: center; }
  .secEworkshop .secImportant .txtBox {
    width: calc(100% - 360px); }
    .secEworkshop .secImportant .txtBox .mds {
      color: #ed6d20;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }
  .secEworkshop .secImportant .pictBox {
    width: 320px; }
  .secEworkshop .secMovie .inner {
    padding: 55px 60px 55px; }
  .secEworkshop .secMovie .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 100px;
    position: absolute;
    top: -95px;
    right: 50px; }
  .secEworkshop .saSchedule {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    flex-direction: column; }
    .secEworkshop .saSchedule > .item {
      display: flex;
      -webkit-display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: start;
      -webkit-align-items: start;
      gap: 50px;
      position: relative;
      width: 100%; }
      .secEworkshop .saSchedule > .item .dayNumber {
        height: 100%;
        min-height: 100px;
        width: 165px; }
        .secEworkshop .saSchedule > .item .dayNumber p {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          font-size: 24px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secEworkshop .saSchedule > .item .dayNumber p span {
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
        .secEworkshop .saSchedule > .item .dayNumber .inner {
          display: block;
          border-radius: 0 10px 0 10px;
          background-color: #F3982C;
          min-height: 90px;
          width: 165px;
          color: #fff;
          display: flex;
          -webkit-display: flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          margin-bottom: 25px;
          padding-bottom: 5px;
          font-weight: bold; }
          .secEworkshop .saSchedule > .item .dayNumber .inner .day {
            display: inline-block;
            font-size: 14px;
            margin-top: 7px;
            margin-right: 3px; }
          .secEworkshop .saSchedule > .item .dayNumber .inner .num {
            display: inline-block;
            font-size: 24px; }
      .secEworkshop .saSchedule > .item .dayNumber::before {
        content: '';
        position: absolute;
        left: 82px;
        bottom: 15px;
        width: 2px;
        height: 20px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: -1;
        height: calc(100% - 90px); }
      .secEworkshop .saSchedule > .item .dayNumber::after {
        content: '';
        position: absolute;
        left: 74px;
        bottom: 0;
        border: 9px solid transparent;
        border-top-width: 10px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: transparent;
        border-top: 12px solid #CBCBCB;
        z-index: -1;
        width: 12px; }
      .secEworkshop .saSchedule > .item .dayCnts {
        line-height: 1.7em;
        margin-bottom: 75px;
        width: calc(100% - 215px); }
        .secEworkshop .saSchedule > .item .dayCnts .ttl {
          font-size: 24px;
          margin: 1.3em 0 15px;
          font-weight: 500; }
        .secEworkshop .saSchedule > .item .dayCnts .top20 {
          margin-top: 20px; }
        .secEworkshop .saSchedule > .item .dayCnts .pictBox {
          display: flex;
          -webkit-display: flex;
          justify-content: space-between;
          -webkit-justify-content: space-between;
          align-items: stretch;
          -webkit-align-items: stretch;
          gap: 25px;
          flex-wrap: wrap; }
          .secEworkshop .saSchedule > .item .dayCnts .pictBox .item {
            width: calc((100% - 25px) / 2);
            text-align: center; }
            .secEworkshop .saSchedule > .item .dayCnts .pictBox .item .pict {
              margin-bottom: 7px; }
    .secEworkshop .saSchedule .item:last-child .dayNumber::before {
      display: none; }
    .secEworkshop .saSchedule .item:last-child .dayNumber::after {
      display: none; }
  .secEworkshop .secVoice .inner .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secEworkshop .secVoice .inner .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px; }
  .secEworkshop .secVoice .inner .listBox .item {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secEworkshop .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secEworkshop .secVoice .inner .listBox .item .pictBox .campus {
        margin-top: 8px; }
      .secEworkshop .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secEworkshop .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secEworkshop .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secEworkshop .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
  .secEworkshop .secVoice .inner .listBox .item:nth-child(even) {
    flex-direction: row-reverse; }
  .secEworkshop .secVoice .inner .listBox .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .secEworkshop .secBtmBnr {
    margin-top: 85px;
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secEworkshop {
    margin-top: 50px; }
    .secEworkshop .introBox {
      margin-bottom: 50px; }
      .secEworkshop .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secEworkshop .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secEworkshop .secImportant .inner {
      padding: 40px 25px 40px;
      flex-direction: column;
      gap: 20px; }
    .secEworkshop .secImportant .txtBox {
      width: 100%; }
      .secEworkshop .secImportant .txtBox .mds {
        font-size: 16px; }
    .secEworkshop .secImportant .pictBox {
      width: 100%; }
    .secEworkshop .secMovie .inner {
      padding: 50px 25px 50px; }
    .secEworkshop .secMovie .ttlEg {
      font-size: 70px;
      top: -75px;
      right: 30px; }
    .secEworkshop .secMovie .ttlJp {
      font-size: 22px;
      margin-bottom: 25px; }
    .secEworkshop .inPageNav {
      margin-bottom: 60px; }
    .secEworkshop .saSchedule {
      margin-top: 40px;
      margin-bottom: 40px; }
      .secEworkshop .saSchedule > .item {
        gap: 15px; }
        .secEworkshop .saSchedule > .item .dayNumber {
          min-height: 110px;
          width: 75px; }
          .secEworkshop .saSchedule > .item .dayNumber p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secEworkshop .saSchedule > .item .dayNumber p span {
              display: block; }
          .secEworkshop .saSchedule > .item .dayNumber .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secEworkshop .saSchedule > .item .dayNumber .inner .day {
              display: block;
              font-size: 14px;
              margin-top: 7px;
              margin-right: 3px; }
            .secEworkshop .saSchedule > .item .dayNumber .inner .num {
              display: block;
              font-size: 24px; }
        .secEworkshop .saSchedule > .item .dayNumber::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secEworkshop .saSchedule > .item .dayNumber::after {
          left: 30px; }
        .secEworkshop .saSchedule > .item .dayCnts {
          margin-bottom: 50px;
          width: calc(100% - 90px); }
          .secEworkshop .saSchedule > .item .dayCnts .ttl {
            font-size: 18px;
            margin: 1em 0;
            line-height: 1.5em; }
          .secEworkshop .saSchedule > .item .dayCnts .pictBox {
            flex-direction: column;
            gap: 25px;
            flex-wrap: wrap; }
            .secEworkshop .saSchedule > .item .dayCnts .pictBox .item {
              width: 100%;
              text-align: center; }
              .secEworkshop .saSchedule > .item .dayCnts .pictBox .item .pict {
                margin-bottom: 7px; }
      .secEworkshop .saSchedule .item:last-child {
        align-items: start; }
    .secEworkshop .secVoice .inner {
      padding: 50px 25px 45px; }
      .secEworkshop .secVoice .inner .ttlEg {
        font-size: 70px;
        position: absolute;
        top: -65px;
        right: 30px; }
      .secEworkshop .secVoice .inner .ttlJp {
        font-size: 20px;
        margin-bottom: 15px; }
      .secEworkshop .secVoice .inner .listBox .item {
        flex-direction: column-reverse;
        gap: 20px;
        border-bottom: 1px dotted #999999;
        padding-bottom: 35px;
        margin-bottom: 35px; }
        .secEworkshop .secVoice .inner .listBox .item .pictBox {
          width: 50%;
          text-align: center;
          margin: 0 auto; }
          .secEworkshop .secVoice .inner .listBox .item .pictBox .campus {
            margin-top: 8px; }
          .secEworkshop .secVoice .inner .listBox .item .pictBox .name {
            line-height: 1.5;
            font-size: 18px;
            margin-top: .5em; }
            .secEworkshop .secVoice .inner .listBox .item .pictBox .name span {
              font-size: 14px; }
        .secEworkshop .secVoice .inner .listBox .item .txtBox {
          width: 100%; }
          .secEworkshop .secVoice .inner .listBox .item .txtBox .ttl {
            font-size: 20px;
            font-weight: 500;
            color: #ed6d20;
            margin-bottom: 10px; }
      .secEworkshop .secVoice .inner .listBox .item:nth-child(even) {
        flex-direction: column-reverse; }
    .secEworkshop .secBtmBnr {
      margin-top: 50px; } }
/*-----------------------------------------------
    Campus Life |  Challenge
-----------------------------------------------*/
.challengeTtl_pic::after {
  background-image: url("../images/challenge/challenge_kv.jpg");
  background-position: center 33%; }

.secChallenge .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secChallenge .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secChallenge .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secChallenge .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secChallenge .introBox .copy {
    font-size: 37px;
    line-height: 1.5;
    font-weight: 500; }
  .secChallenge .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secChallenge .secImportant > .inner {
  position: relative;
  width: 100%;
  padding: 60px 50px 60px; }
.secChallenge .secImportant .ttlEg {
  font-family: 'Caveat', cursive;
  color: #ffdc02;
  font-size: 85px;
  position: absolute;
  top: 10px;
  right: 70px; }
.secChallenge .secImportant .txtJp {
  font-size: 20px;
  font-weight: 500;
  color: #fff; }
.secChallenge .secImportant .ttlJp {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 40px;
  line-height: 1.5; }
.secChallenge .mdsBox {
  margin-bottom: 50px; }
.secChallenge .contain {
  margin-bottom: 150px; }
.secChallenge .challengeIndex {
  gap: 50px;
  flex-wrap: wrap; }
  .secChallenge .challengeIndex .item {
    width: calc((100% - 50px) / 2); }
    .secChallenge .challengeIndex .item .cntsBox {
      flex-direction: column;
      gap: 15px; }
      .secChallenge .challengeIndex .item .cntsBox .ttl {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.5; }
.secChallenge .secBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secChallenge {
    margin-top: 50px; }
    .secChallenge .introBox {
      margin-bottom: 50px; }
      .secChallenge .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secChallenge .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secChallenge .mdsBox {
      margin-bottom: 40px; }
    .secChallenge .contain {
      margin-bottom: 80px; }
    .secChallenge .challengeIndex {
      flex-direction: column;
      gap: 25px; }
      .secChallenge .challengeIndex .item {
        width: 100%;
        margin-bottom: 15px; }
        .secChallenge .challengeIndex .item .cntsBox {
          gap: 8px; }
          .secChallenge .challengeIndex .item .cntsBox .ttl {
            font-size: 18px; }
        .secChallenge .challengeIndex .item:last-child {
          margin-bottom: 0px; }
    .secChallenge .secBtmBnr {
      margin-top: 50px;
      margin-bottom: 0; } }
/*-----------------------------------------------
    Campus Life
-----------------------------------------------*/
.campuslifeTtl_pic::after {
  background-image: url("../images/campuslife/campuslife_kv.jpg");
  background-position: center center; }

.secCampuslife .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secCampuslife .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secCampuslife .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secCampuslife .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secCampuslife .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secCampuslife .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secCampuslife .clLayout {
  gap: 40px; }
  .secCampuslife .clLayout .pictBox {
    width: 560px; }
  .secCampuslife .clLayout .txtBox {
    width: calc(100% - 600px); }
    .secCampuslife .clLayout .txtBox .ttl {
      font-size: 24px;
      color: #ed6d20;
      font-weight: 500;
      margin-bottom: 15px; }
  .secCampuslife .clLayout .width100 {
    width: 100%; }
.secCampuslife .clBtm100 {
  margin-bottom: 100px; }
.secCampuslife .borderBox {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 50px 0;
  margin: 50px 0; }
.secCampuslife .secVoice .inner {
  padding-top: 50px; }
  .secCampuslife .secVoice .inner .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secCampuslife .secVoice .inner .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px; }
  .secCampuslife .secVoice .inner .introTxt {
    border-bottom: 1px dotted #999999;
    padding-bottom: 30px;
    margin-bottom: 30px; }
  .secCampuslife .secVoice .inner .listBox .item {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secCampuslife .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secCampuslife .secVoice .inner .listBox .item .pictBox .name {
        margin-top: 8px;
        line-height: 1.5;
        font-size: 18px; }
        .secCampuslife .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secCampuslife .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secCampuslife .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
      .secCampuslife .secVoice .inner .listBox .item .txtBox .txt {
        margin-bottom: 10px; }
  .secCampuslife .secVoice .inner .listBox .item:nth-child(even) {
    flex-direction: row-reverse; }
  .secCampuslife .secVoice .inner .listBox .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
.secCampuslife .aBtn02 {
  max-width: 350px;
  padding: 1.2rem; }
.secCampuslife .clMdsBox {
  text-align: center;
  margin: 50px auto 15px; }
  .secCampuslife .clMdsBox .mds {
    color: #ec6c1f;
    font-size: 16px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secCampuslife .clMdsBox .mds::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secCampuslife .clMdsBox .mds::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
.secCampuslife .eventPictBox {
  width: 560px;
  flex-wrap: wrap;
  gap: 20px; }
  .secCampuslife .eventPictBox .item {
    width: calc((100% - 20px) / 2);
    text-align: center; }
    .secCampuslife .eventPictBox .item .cap {
      margin-top: 7px; }
.secCampuslife .clSchedule {
  margin-top: 60px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .secCampuslife .clSchedule > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative;
    width: 100%; }
    .secCampuslife .clSchedule > .item .seasonTtl {
      height: 100%;
      min-height: 100px;
      width: 165px; }
      .secCampuslife .clSchedule > .item .seasonTtl p {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        font-size: 24px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secCampuslife .clSchedule > .item .seasonTtl p span {
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
      .secCampuslife .clSchedule > .item .seasonTtl .inner {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold;
        flex-direction: column;
        line-height: .8; }
        .secCampuslife .clSchedule > .item .seasonTtl .inner .season {
          display: inline-block;
          font-size: 24px; }
        .secCampuslife .clSchedule > .item .seasonTtl .inner .event {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
    .secCampuslife .clSchedule > .item .seasonTtl::before {
      content: '';
      position: absolute;
      left: 82px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .secCampuslife .clSchedule > .item .seasonTtl::after {
      content: '';
      position: absolute;
      left: 74px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .secCampuslife .clSchedule > .item .cntsBox {
      line-height: 1.7em;
      width: calc(100% - 215px); }
      .secCampuslife .clSchedule > .item .cntsBox .ttl {
        font-size: 24px;
        margin: 1.3em 0 30px;
        font-weight: 500; }
      .secCampuslife .clSchedule > .item .cntsBox .top20 {
        margin-top: 20px; }
      .secCampuslife .clSchedule > .item .cntsBox .pictBox {
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: stretch;
        -webkit-align-items: stretch;
        gap: 25px;
        flex-wrap: wrap; }
        .secCampuslife .clSchedule > .item .cntsBox .pictBox .item {
          width: calc((100% - 25px) / 2);
          text-align: left; }
          .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .pict {
            margin-bottom: 13px; }
          .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .mds {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 13px; }
          .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .cap {
            margin-bottom: 13px; }
      .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner {
        border-radius: 0;
        padding: 60px 50px 50px;
        margin-bottom: 0;
        background-image: none;
        background-color: #fef8ea; }
        .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .infoTtl {
          top: -25px;
          padding: 15px 25px; }
        .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList {
          gap: 30px; }
          .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .item {
            width: calc((100% - 60px) /3); }
            .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .item .monthTtl {
              font-size: 20px;
              font-weight: 500;
              color: #ed6d20;
              margin-bottom: 10px; }
            .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .item .listBoxMaru .item {
              width: 100%; }
          .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .col4 {
            width: calc((100% - 90px) / 4); }
.secCampuslife .secBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secCampuslife {
    margin-top: 50px; }
    .secCampuslife .introBox {
      margin-bottom: 50px; }
      .secCampuslife .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secCampuslife .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secCampuslife .inPageNav {
      margin-bottom: 60px; }
    .secCampuslife .clLayout {
      gap: 20px;
      flex-direction: column; }
      .secCampuslife .clLayout .pictBox {
        width: 100%; }
      .secCampuslife .clLayout .clBtm100 {
        margin-bottom: 80px; }
      .secCampuslife .clLayout .txtBox {
        width: 100%; }
        .secCampuslife .clLayout .txtBox .ttl {
          font-size: 18px;
          margin-bottom: 10px; }
    .secCampuslife .borderBox {
      padding: 30px 0;
      margin: 30px 0; }
    .secCampuslife .secVoice .inner {
      padding: 50px 25px 45px; }
      .secCampuslife .secVoice .inner .ttlEg {
        font-size: 60px;
        position: absolute;
        top: -60px;
        right: 25px; }
      .secCampuslife .secVoice .inner .ttlJp {
        font-size: 20px;
        margin-bottom: 15px; }
      .secCampuslife .secVoice .inner .listBox .item {
        flex-direction: column-reverse;
        gap: 20px;
        border-bottom: 1px dotted #999999;
        padding-bottom: 35px;
        margin-bottom: 35px; }
        .secCampuslife .secVoice .inner .listBox .item .pictBox {
          width: 50%;
          text-align: center;
          margin: 0 auto; }
          .secCampuslife .secVoice .inner .listBox .item .pictBox .campus {
            margin-top: 8px; }
          .secCampuslife .secVoice .inner .listBox .item .pictBox .name {
            line-height: 1.5;
            font-size: 18px;
            margin-top: .5em; }
            .secCampuslife .secVoice .inner .listBox .item .pictBox .name span {
              font-size: 14px; }
        .secCampuslife .secVoice .inner .listBox .item .txtBox {
          width: 100%; }
          .secCampuslife .secVoice .inner .listBox .item .txtBox .ttl {
            font-size: 20px;
            font-weight: 500;
            color: #ed6d20;
            margin-bottom: 10px; }
      .secCampuslife .secVoice .inner .listBox .item:nth-child(even) {
        flex-direction: column-reverse; }
    .secCampuslife .aBtn02 {
      max-width: 100%;
      padding: 1.2rem; }
    .secCampuslife .clMdsBox {
      margin-top: 25px; }
      .secCampuslife .clMdsBox .mds {
        font-size: 14px;
        padding: 0 20px; }
    .secCampuslife .eventPictBox {
      width: 100%;
      flex-direction: column;
      gap: 15px; }
      .secCampuslife .eventPictBox .item {
        width: 100%;
        text-align: center; }
        .secCampuslife .eventPictBox .item .cap {
          margin-top: 5px; }
    .secCampuslife .clSchedule {
      margin-top: 40px;
      margin-bottom: 0px; }
      .secCampuslife .clSchedule > .item {
        gap: 15px; }
        .secCampuslife .clSchedule > .item .seasonTtl {
          min-height: 110px;
          width: 75px; }
          .secCampuslife .clSchedule > .item .seasonTtl p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secCampuslife .clSchedule > .item .seasonTtl p span {
              display: block; }
          .secCampuslife .clSchedule > .item .seasonTtl .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            padding: 0;
            font-weight: bold;
            flex-direction: column;
            letter-spacing: .05em; }
            .secCampuslife .clSchedule > .item .seasonTtl .inner .season {
              display: block;
              font-size: 16px;
              margin-top: 0;
              ont-size: 16px; }
            .secCampuslife .clSchedule > .item .seasonTtl .inner .event {
              display: block;
              font-size: 12px; }
        .secCampuslife .clSchedule > .item .seasonTtl::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secCampuslife .clSchedule > .item .seasonTtl::after {
          left: 30px; }
        .secCampuslife .clSchedule > .item .cntsBox {
          margin-bottom: 10px;
          width: calc(100% - 90px); }
          .secCampuslife .clSchedule > .item .cntsBox .ttl {
            font-size: 18px;
            margin: 1em 0;
            line-height: 1.5em; }
          .secCampuslife .clSchedule > .item .cntsBox .pictBox {
            flex-direction: column;
            gap: 25px;
            flex-wrap: wrap; }
            .secCampuslife .clSchedule > .item .cntsBox .pictBox .item {
              width: 100%;
              text-align: left; }
              .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .pict {
                margin-bottom: 10px; }
              .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .mds {
                font-size: 16px;
                margin-bottom: 7px; }
              .secCampuslife .clSchedule > .item .cntsBox .pictBox .item .cap {
                margin-bottom: 7px; }
          .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 {
            margin-top: 60px; }
            .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner {
              padding: 55px 30px 30px; }
              .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .infoTtl {
                top: -25px;
                padding: 15px 25px; }
              .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList {
                flex-direction: column;
                gap: 10px; }
                .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .item {
                  width: 100%; }
                  .secCampuslife .clSchedule > .item .cntsBox .secBoxConts01 .inner .eventList .item .monthTtl {
                    font-size: 16px;
                    margin-bottom: 7px; }
      .secCampuslife .clSchedule .item:last-child {
        align-items: start; }
    .secCampuslife .secBtmBnr {
      margin-top: 50px; } }
/*-----------------------------------------------
    Campus Life |  Footsal
-----------------------------------------------*/
.footsalTtl_pic::after {
  background-image: url("../images/footsal/footsal_kv.jpg");
  background-position: center center; }

.secFootsal .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secFootsal .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secFootsal .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secFootsal .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secFootsal .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secFootsal .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secFootsal .secImportant .inner {
  width: 100%;
  padding: 60px 50px 60px;
  gap: 40px;
  align-items: center;
  -webkit-align-items: center; }
.secFootsal .secImportant .txtBox {
  width: calc(100% - 360px); }
  .secFootsal .secImportant .txtBox .mds {
    color: #ed6d20;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px; }
.secFootsal .secImportant .pictBox {
  width: 320px; }
.secFootsal .secGallery .inner {
  padding: 55px 50px 55px; }
.secFootsal .secGallery .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 100px;
  position: absolute;
  top: -95px;
  right: 50px; }
.secFootsal .secGallery .mds {
  font-size: 24px;
  font-weight: 500;
  margin: 0 10px; }
.secFootsal .secGallery .youtube-16-9 {
  margin: 10px 10px 30px; }
.secFootsal .secGallery .footsal-slick01 {
  position: relative; }
  .secFootsal .secGallery .footsal-slick01 .slick-slide {
    margin: 10px; }
  .secFootsal .secGallery .footsal-slick01 .slide-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc((100% - 50px) / 2);
    cursor: pointer;
    z-index: 10; }
  .secFootsal .secGallery .footsal-slick01 .next-arrow {
    right: -15px; }
  .secFootsal .secGallery .footsal-slick01 .prev-arrow {
    left: -15px; }
.secFootsal .mds {
  font-size: 24px;
  font-weight: 500; }
.secFootsal .mds02 {
  font-size: 20px;
  font-weight: 500;
  color: #ed6d20; }
.secFootsal .league {
  gap: 40px; }
  .secFootsal .league .item {
    width: calc((100% - 40px) / 2); }
  .secFootsal .league .category {
    width: 80px;
    height: 70px;
    background: #f3982c;
    border-radius: 0 20px 0 20px;
    font-weight: bold;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff; }
.secFootsal .tableWrap {
  overflow-x: scroll; }
.secFootsal .tableWrap::-webkit-scrollbar {
  height: 10px;
  display: none; }
.secFootsal .tableWrap::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px; }
.secFootsal .tableWrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ed6d1f; }
.secFootsal .standings {
  width: 100%;
  min-width: 1016px;
  border-collapse: collapse; }
  .secFootsal .standings th {
    text-align: center;
    vertical-align: middle;
    height: 40px;
    border-right: 1px solid #fff;
    font-weight: 500;
    line-height: 1.2; }
  .secFootsal .standings td {
    text-align: center;
    vertical-align: middle;
    height: 60px;
    border-right: 1px solid #d3d1d0;
    border-bottom: 1px solid #d3d1d0;
    max-width: 100px; }
  .secFootsal .standings td:first-child {
    background: #fef5ea; }
  .secFootsal .standings td:nth-child(2) {
    background: #f7f7f7;
    width: auto; }
  .secFootsal .standings td:last-child {
    border-right: none; }
  .secFootsal .standings .item {
    color: #fff; }
    .secFootsal .standings .item .ranking {
      width: 100px;
      background: #ed6d20; }
    .secFootsal .standings .item .campus {
      width: auto;
      background: #f3982c;
      min-width: 200px; }
    .secFootsal .standings .item .point, .secFootsal .standings .item .score, .secFootsal .standings .item .conceded, .secFootsal .standings .item .difference {
      width: 100px;
      background: #f3982c; }
    .secFootsal .standings .item .team {
      width: 100px;
      background: #f8b62c; }
  .secFootsal .standings .noCnts {
    background-image: linear-gradient(to top right, transparent, transparent 49%, #d3d1d0 50%, #d3d1d0 50%, transparent 51%, transparent); }
  .secFootsal .standings .win {
    background: #fef8ea; }
.secFootsal .teamPhoto {
  flex-wrap: wrap;
  gap: 25px 40px; }
  .secFootsal .teamPhoto .item {
    width: calc((100% - 80px) / 3);
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 5px; }
    .secFootsal .teamPhoto .item .campus {
      width: 100%; }
      .secFootsal .teamPhoto .item .campus span {
        font-size: 18px; }
.secFootsal .mds03 {
  font-size: 24px;
  font-weight: 500;
  color: #ed6d20; }
.secFootsal .mds04 {
  font-size: 30px;
  font-weight: 500;
  color: #ed6d20; }
.secFootsal .regionNav {
  gap: 8px 30px;
  flex-wrap: wrap;
  padding-left: 30px;
  margin-bottom: 75px;
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }
  .secFootsal .regionNav .item {
    width: calc((100% - 120px) / 5); }
  .secFootsal .regionNav .item:first-child a::before {
    background: url("../images/arrow_U01.svg"); }
  .secFootsal .regionNav .item:nth-child(2) a::before {
    background: url("../images/arrow_U02.svg"); }
  .secFootsal .regionNav .item:nth-child(3) a::before {
    background: url("../images/arrow_U02.svg"); }
  .secFootsal .regionNav .item:nth-child(4) a::before {
    background: url("../images/arrow_U02.svg"); }
  .secFootsal .regionNav .item:nth-child(5) a::before {
    background: url("../images/arrow_U03.svg"); }
  .secFootsal .regionNav .item:nth-child(6) a::before {
    background: url("../images/arrow_U03.svg"); }
  .secFootsal .regionNav .item:nth-child(7) a::before {
    background: url("../images/arrow_U04.svg"); }
  .secFootsal .regionNav .item:nth-child(8) a::before {
    background: url("../images/arrow_U05.svg"); }
  .secFootsal .regionNav .item:last-child a::before {
    background: url("../images/arrow_U06.svg"); }
.secFootsal .regionWinner .inner {
  padding-top: 45px; }
.secFootsal .regionWinner .listBox {
  gap: 30px;
  align-items: stretch; }
  .secFootsal .regionWinner .listBox .item {
    background: #fff;
    border-radius: 0 30px 0 30px;
    margin-left: 30px;
    width: calc((100% - 90px) / 2);
    position: relative;
    min-height: 130px;
    padding-left: 80px;
    align-items: center;
    -webkit-align-items: center; }
    .secFootsal .regionWinner .listBox .item .category {
      position: absolute;
      width: 80px;
      height: 70px;
      background: #f3982c;
      border-radius: 0 20px 0 20px;
      font-weight: bold;
      display: flex;
      -webkit-display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      color: #fff;
      top: calc((100% - 70px) / 2);
      left: -30px; }
    .secFootsal .regionWinner .listBox .item .name {
      line-height: 1.5; }
      .secFootsal .regionWinner .listBox .item .name span {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20; }
.secFootsal .acBox {
  border: none; }
  .secFootsal .acBox .trigerBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    gap: 30px; }
  .secFootsal .acBox .ac-parent {
    position: relative;
    height: auto;
    min-height: 60px;
    line-height: inherit;
    padding: 0 25px;
    border-bottom: none;
    font-weight: normal;
    color: #fff;
    background: #f3982c;
    border-bottom: none; }
  .secFootsal .acBox .ac-parent.open:before {
    transform: rotate(0deg);
    opacity: 100; }
  .secFootsal .acBox .ac-parent.open:after {
    transform: rotate(-225deg);
    opacity: 0; }
  .secFootsal .acBox .ac-parent:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: rotate(90deg);
    transition: all .2s;
    /*横線*/
    width: 18px;
    height: 2px;
    background: #fff; }
  .secFootsal .acBox .ac-parent:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: rotate(-180deg);
    transition: all .2s;
    /*縦線*/
    width: 18px;
    height: 2px;
    background: #fff; }
  .secFootsal .acBox .contain {
    margin: 20px 0px; }
    .secFootsal .acBox .contain .standings .item {
      color: #fff; }
      .secFootsal .acBox .contain .standings .item .ranking {
        width: 60px; }
      .secFootsal .acBox .contain .standings .item .point, .secFootsal .acBox .contain .standings .item .score, .secFootsal .acBox .contain .standings .item .conceded, .secFootsal .acBox .contain .standings .item .difference {
        width: 60px; }
.secFootsal .saSchedule {
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .secFootsal .saSchedule > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative;
    width: 100%; }
    .secFootsal .saSchedule > .item .dayNumber {
      height: 100%;
      min-height: 100px;
      width: 165px; }
      .secFootsal .saSchedule > .item .dayNumber p {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        font-size: 24px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secFootsal .saSchedule > .item .dayNumber p span {
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
      .secFootsal .saSchedule > .item .dayNumber .inner {
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secFootsal .saSchedule > .item .dayNumber .inner .day {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .secFootsal .saSchedule > .item .dayNumber .inner .num {
          display: inline-block;
          font-size: 24px; }
    .secFootsal .saSchedule > .item .dayNumber::before {
      content: '';
      position: absolute;
      left: 82px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .secFootsal .saSchedule > .item .dayNumber::after {
      content: '';
      position: absolute;
      left: 74px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .secFootsal .saSchedule > .item .dayCnts {
      line-height: 1.7em;
      margin-bottom: 75px;
      width: calc(100% - 215px); }
      .secFootsal .saSchedule > .item .dayCnts .ttl {
        font-size: 24px;
        margin: 1.3em 0 15px;
        font-weight: 500; }
      .secFootsal .saSchedule > .item .dayCnts .top20 {
        margin-top: 20px; }
      .secFootsal .saSchedule > .item .dayCnts .pictBox {
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: stretch;
        -webkit-align-items: stretch;
        gap: 25px;
        flex-wrap: wrap; }
        .secFootsal .saSchedule > .item .dayCnts .pictBox .item {
          width: calc((100% - 25px) / 2);
          text-align: center; }
          .secFootsal .saSchedule > .item .dayCnts .pictBox .item .pict {
            margin-bottom: 7px; }
  .secFootsal .saSchedule .item:last-child .dayNumber::before {
    display: none; }
  .secFootsal .saSchedule .item:last-child .dayNumber::after {
    display: none; }
.secFootsal .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secFootsal .secVoice .inner .ttlJp {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px; }
.secFootsal .secVoice .inner .listBox .item {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 35px;
  margin-bottom: 35px; }
  .secFootsal .secVoice .inner .listBox .item .pictBox {
    width: 220px;
    text-align: center; }
    .secFootsal .secVoice .inner .listBox .item .pictBox .campus {
      margin-top: 8px; }
    .secFootsal .secVoice .inner .listBox .item .pictBox .name {
      line-height: 1.5;
      font-size: 18px; }
      .secFootsal .secVoice .inner .listBox .item .pictBox .name span {
        font-size: 14px; }
  .secFootsal .secVoice .inner .listBox .item .txtBox {
    width: calc(100% - 260px); }
    .secFootsal .secVoice .inner .listBox .item .txtBox .ttl {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
.secFootsal .secVoice .inner .listBox .item:nth-child(even) {
  flex-direction: row-reverse; }
.secFootsal .secVoice .inner .listBox .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }
.secFootsal .secBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secFootsal {
    margin-top: 50px; }
    .secFootsal .introBox {
      margin-bottom: 50px; }
      .secFootsal .introBox .copy {
        font-size: 28px;
        line-height: 1.5; }
      .secFootsal .introBox .txt {
        font-size: 16px;
        margin: 10px auto; }
    .secFootsal .tableWrap::-webkit-scrollbar {
      display: inherit; }
    .secFootsal .secImportant .inner {
      padding: 40px 25px 40px;
      flex-direction: column;
      gap: 20px; }
    .secFootsal .secImportant .txtBox {
      width: 100%; }
      .secFootsal .secImportant .txtBox .mds {
        font-size: 16px; }
    .secFootsal .secImportant .pictBox {
      width: 100%; }
    .secFootsal .secMovie .inner {
      padding: 50px 25px 50px; }
    .secFootsal .secMovie .ttlEg {
      font-size: 70px;
      top: -75px;
      right: 30px; }
    .secFootsal .secMovie .ttlJp {
      font-size: 22px;
      margin-bottom: 25px; }
    .secFootsal .inPageNav {
      margin-bottom: 60px; }
    .secFootsal .saSchedule {
      margin-top: 40px;
      margin-bottom: 40px; }
      .secFootsal .saSchedule > .item {
        gap: 15px; }
        .secFootsal .saSchedule > .item .dayNumber {
          min-height: 110px;
          width: 75px; }
          .secFootsal .saSchedule > .item .dayNumber p {
            min-height: 75px;
            width: 75px;
            margin-bottom: 0;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secFootsal .saSchedule > .item .dayNumber p span {
              display: block; }
          .secFootsal .saSchedule > .item .dayNumber .inner {
            min-height: 75px;
            width: 75px;
            margin-bottom: 39px;
            font-size: 26px;
            padding: 0 0 12px 6px;
            font-weight: bold;
            line-height: .8em;
            flex-direction: column;
            letter-spacing: .1em; }
            .secFootsal .saSchedule > .item .dayNumber .inner .day {
              display: block;
              font-size: 14px;
              margin-top: 7px;
              margin-right: 3px; }
            .secFootsal .saSchedule > .item .dayNumber .inner .num {
              display: block;
              font-size: 24px; }
        .secFootsal .saSchedule > .item .dayNumber::before {
          left: 38px;
          height: calc(100% - 75px); }
        .secFootsal .saSchedule > .item .dayNumber::after {
          left: 30px; }
        .secFootsal .saSchedule > .item .dayCnts {
          margin-bottom: 50px;
          width: calc(100% - 90px); }
          .secFootsal .saSchedule > .item .dayCnts .ttl {
            font-size: 18px;
            margin: 1em 0;
            line-height: 1.5em; }
          .secFootsal .saSchedule > .item .dayCnts .pictBox {
            flex-direction: column;
            gap: 25px;
            flex-wrap: wrap; }
            .secFootsal .saSchedule > .item .dayCnts .pictBox .item {
              width: 100%;
              text-align: center; }
              .secFootsal .saSchedule > .item .dayCnts .pictBox .item .pict {
                margin-bottom: 7px; }
      .secFootsal .saSchedule .item:last-child {
        align-items: start; }
    .secFootsal .secVoice .inner {
      padding: 50px 25px 45px; }
      .secFootsal .secVoice .inner .ttlEg {
        font-size: 70px;
        position: absolute;
        top: -65px;
        right: 30px; }
      .secFootsal .secVoice .inner .ttlJp {
        font-size: 20px;
        margin-bottom: 15px; }
      .secFootsal .secVoice .inner .listBox .item {
        flex-direction: column-reverse;
        gap: 20px;
        border-bottom: 1px dotted #999999;
        padding-bottom: 35px;
        margin-bottom: 35px; }
        .secFootsal .secVoice .inner .listBox .item .pictBox {
          width: 100%;
          text-align: center; }
          .secFootsal .secVoice .inner .listBox .item .pictBox .campus {
            margin-top: 8px; }
          .secFootsal .secVoice .inner .listBox .item .pictBox .name {
            line-height: 1.5;
            font-size: 18px;
            margin-top: .5em; }
            .secFootsal .secVoice .inner .listBox .item .pictBox .name span {
              font-size: 14px; }
        .secFootsal .secVoice .inner .listBox .item .txtBox {
          width: 100%; }
          .secFootsal .secVoice .inner .listBox .item .txtBox .ttl {
            font-size: 20px;
            font-weight: 500;
            color: #ed6d20;
            margin-bottom: 10px; }
      .secFootsal .secVoice .inner .listBox .item:nth-child(even) {
        flex-direction: column-reverse; }
    .secFootsal .secBtmBnr {
      margin-top: 50px; } }
/*-----------------------------------------------
    Tsushin
-----------------------------------------------*/
.infoMds18 {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  height: auto;
  padding-left: 15px;
  margin-bottom: 20px; }

.infoMds18::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 15px;
  background: #f8b62c;
  left: 0;
  top: 8px;
  z-index: -1; }

.infoMds18::after {
  content: '';
  position: absolute;
  height: 35px;
  width: 15px;
  background: #fff;
  transform: rotate(10deg);
  left: 4px;
  top: 4px;
  z-index: -1; }

.blogContain h2 {
  font-size: 30px;
  color: #ed6d20;
  font-weight: 500;
  background-image: url("../images/border01.svg");
  background-size: auto 3px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 10px;
  margin-top: 100px;
  margin-bottom: 35px;
  width: 100%; }
.blogContain h3 {
  font-size: 18px;
  font-weight: 500;
  padding-left: 15px;
  background-image: url("../images/mds01.svg");
  background-size: 5px auto;
  background-repeat: no-repeat;
  background-position: left 4px;
  margin-top: 50px; }

.secTsushin .mdsBox {
  margin-top: 100px;
  padding-bottom: 25px; }
.secTsushin .secMds {
  margin-bottom: 0; }
.secTsushin p {
  margin: 20px 0 0 0; }
.secTsushin .infoMds18 {
  margin: 50px 0 0; }
.secTsushin .listBoxDisc {
  margin-top: 20px; }
.secTsushin .explainBox {
  flex-wrap: wrap;
  gap: 75px 60px; }
  .secTsushin .explainBox .item {
    width: calc((100% - 60px) / 2); }
    .secTsushin .explainBox .item .inner {
      position: relative;
      padding: 70px 40px 50px;
      margin-bottom: 0px; }
    .secTsushin .explainBox .item .category {
      background: #f3982c;
      padding: 15px 45px;
      border-radius: 0 25px 0 25px;
      color: #fff;
      position: absolute;
      min-height: 75px;
      top: -35px;
      left: 35px;
      font-size: 24px;
      font-weight: 500;
      align-items: center;
      justify-content: center; }
    .secTsushin .explainBox .item .ttl {
      color: #ed6d20;
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 10px;
      line-height: 1.6; }
    .secTsushin .explainBox .item .txt {
      margin-bottom: 15px; }
.secTsushin .explainBox02 {
  flex-wrap: wrap;
  gap: 25px; }
  .secTsushin .explainBox02 .item {
    width: calc((100% - 60px) / 3); }
.secTsushin .tsushinLayout01 {
  gap: 60px;
  margin-top: 20px; }
  .secTsushin .tsushinLayout01 .pict {
    width: 475px; }
  .secTsushin .tsushinLayout01 .txt {
    width: calc(100% - 535px); }
  .secTsushin .tsushinLayout01 p {
    margin: 0; }
.secTsushin .tsushinLayout50 {
  gap: 60px;
  flex-wrap: wrap;
  margin-top: 20px; }
  .secTsushin .tsushinLayout50 .item {
    width: calc((100% - 60px) / 2); }
.secTsushin .pictBox880 {
  max-width: 880px;
  margin: 30px auto 15px; }
.secTsushin .storyBox {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: start;
  -webkit-align-items: start;
  margin-top: 120px;
  margin-bottom: 150px; }
  .secTsushin .storyBox .aLink {
    position: relative;
    display: block;
    width: 310px;
    color: #000;
    text-decoration: none; }
  .secTsushin .storyBox .aLink:hover .cntsBox::after {
    right: -10px; }
  .secTsushin .storyBox .aLink:hover .imgBox img {
    transform: scale(1.05); }
  .secTsushin .storyBox .imgBox {
    width: 310px;
    height: 235px;
    overflow: hidden;
    border-radius: 0 30px 0 30px;
    margin-bottom: 20px; }
    .secTsushin .storyBox .imgBox img {
      border-radius: 0 30px 0 30px;
      transition: .4s; }
  .secTsushin .storyBox .cntsBox {
    width: 310px;
    position: relative; }
    .secTsushin .storyBox .cntsBox .category {
      display: flex;
      -webkit-display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      justify-content: start;
      -webkit-justify-content: start;
      align-items: start;
      -webkit-align-items: start;
      gap: 5px;
      margin-bottom: 15px; }
      .secTsushin .storyBox .cntsBox .category li {
        font-size: 12px;
        padding: 2px 10px;
        color: #fff;
        background: #CDCDCD;
        border-radius: 100vh; }
      .secTsushin .storyBox .cntsBox .category .course01 {
        background: #F3982C; }
      .secTsushin .storyBox .cntsBox .category .course02 {
        background: #F8B62C; }
      .secTsushin .storyBox .cntsBox .category .position01 {
        background: #6BC300; }
      .secTsushin .storyBox .cntsBox .category .position02 {
        background: #467DD2; }
      .secTsushin .storyBox .cntsBox .category .job01 {
        background: #F55F64; }
    .secTsushin .storyBox .cntsBox .ttl {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5em;
      margin-bottom: 10px;
      position: relative;
      min-height: 20px; }
    .secTsushin .storyBox .cntsBox .name span {
      font-size: 16px;
      font-weight: 500; }
    .secTsushin .storyBox .cntsBox::after {
      content: '';
      position: absolute;
      width: 40px;
      height: 40px;
      bottom: 0px;
      right: 0px;
      background-image: url("../images/arrow_sR.svg");
      background-size: 40px 40px;
      transition: .2s; }
.secTsushin .tsushinIndex {
  position: relative; }
  .secTsushin .tsushinIndex .category {
    background: #f3982c;
    padding: 15px 45px;
    border-radius: 0 25px 0 25px;
    color: #fff;
    position: absolute;
    min-height: 75px;
    top: -35px;
    left: 35px;
    font-size: 24px;
    font-weight: 500;
    align-items: center;
    justify-content: center; }
  .secTsushin .tsushinIndex .listBox {
    gap: 5px 30px;
    flex-wrap: wrap; }
    .secTsushin .tsushinIndex .listBox .item {
      width: calc((100% - 90px) / 4); }

@media only screen and (max-width: 767px) {
  .blogContain h2 {
    font-size: 25px;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-top: 50px;
    margin-bottom: 25px; }
  .blogContain h3 {
    margin-top: 25px; }

  .secTsushin .mdsBox {
    margin-top: 50px;
    padding-bottom: 13px; }
  .secTsushin p {
    margin: 20px 0 0 0; }
  .secTsushin .infoMds18 {
    margin: 25px 0 0; }
  .secTsushin .listBoxDisc {
    margin-top: 10px; }
  .secTsushin .explainBox {
    flex-direction: column;
    gap: 65px; }
    .secTsushin .explainBox .item {
      width: 100%; }
      .secTsushin .explainBox .item .inner {
        padding: 50px 25px 30px; }
      .secTsushin .explainBox .item .category {
        padding: 10px 30px;
        min-height: 60px;
        top: -30px;
        left: 25px;
        font-size: 20px; }
      .secTsushin .explainBox .item .ttl {
        font-size: 16px;
        line-height: 1.5; }
  .secTsushin .explainBox02 {
    flex-direction: column;
    gap: 15px; }
    .secTsushin .explainBox02 .item {
      width: 100%; }
  .secTsushin .tsushinLayout01 {
    gap: 25px;
    flex-direction: column; }
    .secTsushin .tsushinLayout01 .pict, .secTsushin .tsushinLayout01 .txt {
      width: 100%; }
  .secTsushin .tsushinLayout50 {
    gap: 30px;
    flex-direction: column; }
    .secTsushin .tsushinLayout50 .item {
      width: 100%; }
  .secTsushin .pictBox880 {
    width: 100%;
    margin: 0 auto 15px; }
  .secTsushin .storyBox {
    flex-direction: column;
    margin-top: 50px;
    margin-bottom: 100px;
    gap: 35px; }
    .secTsushin .storyBox .aLink {
      width: 100%; }
    .secTsushin .storyBox .imgBox {
      width: 100%;
      height: 70vw; }
    .secTsushin .storyBox .cntsBox {
      width: 85%;
      margin: 0 auto; }
  .secTsushin .tsushinIndex {
    position: relative; }
    .secTsushin .tsushinIndex .category {
      padding: 10px 30px;
      min-height: 60px;
      top: -30px;
      left: 25px;
      font-size: 20px; }
    .secTsushin .tsushinIndex .listBox {
      gap: 0px;
      flex-direction: column; }
      .secTsushin .tsushinIndex .listBox .item {
        width: 100%; } }
/*-----------------------------------------------
    Withus
-----------------------------------------------*/
.secWithus .mds {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px; }
.secWithus .bizList {
  margin: .3em 0;
  margin-left: 1.3em;
  flex-wrap: wrap;
  gap: 10px; }
  .secWithus .bizList .ttl {
    width: 250px;
    text-indent: -1.3em;
    font-weight: 500; }
    .secWithus .bizList .ttl::before {
      content: '●';
      color: #ED6D20;
      margin-right: .3em; }
  .secWithus .bizList .txt {
    width: calc(100% - 260px); }
.secWithus .groupWithus {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 50px; }
  .secWithus .groupWithus .logo {
    width: 350px; }
  .secWithus .groupWithus .txt {
    width: calc(100% - 385px); }
    .secWithus .groupWithus .txt .data {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 15px;
      margin-bottom: 10px; }
    .secWithus .groupWithus .txt .address01 {
      grid-area: 1 / 1 / 2 / 2;
      white-space: nowrap; }
    .secWithus .groupWithus .txt .map01 {
      grid-area: 1 / 2 / 2 / 3; }
    .secWithus .groupWithus .txt .address02 {
      grid-area: 2 / 1 / 3 / 2;
      white-space: nowrap; }
    .secWithus .groupWithus .txt .map02 {
      grid-area: 2 / 2 / 3 / 3; }

@media only screen and (max-width: 767px) {
  .secWithus .mds {
    font-size: 18px;
    margin-bottom: 10px; }
  .secWithus .bizList {
    margin: .3em 0;
    margin-left: 1.3em;
    flex-direction: column;
    gap: 5px; }
    .secWithus .bizList .ttl {
      width: 100%;
      text-indent: -1.3em; }
      .secWithus .bizList .ttl::before {
        content: '●';
        color: #ED6D20;
        margin-right: .3em; }
    .secWithus .bizList .txt {
      width: 100%;
      margin-bottom: 10px; }
  .secWithus .groupWithus {
    flex-direction: column;
    padding: 30px; }
    .secWithus .groupWithus .logo {
      width: 100%;
      margin-bottom: 20px; }
    .secWithus .groupWithus .txt {
      width: 100%; }
      .secWithus .groupWithus .txt .data {
        display: flex;
        flex-direction: column; }
      .secWithus .groupWithus .txt .address01 {
        white-space: inherit; }
      .secWithus .groupWithus .txt .address02 {
        white-space: inherit; } }
/*-----------------------------------------------
    Link
-----------------------------------------------*/
.secLink .linkList .item {
  padding: 30px 40px; }
  .secLink .linkList .item:nth-child(2n+1) {
    background: #fef8ea; }
.secLink .linkList .arrowBox {
  margin-bottom: 5px;
  font-weight: 500; }
.secLink .linkList .txt {
  margin-left: 28px; }

@media only screen and (max-width: 767px) {
  .secLink .linkList .item {
    padding: 25px 20px; } }
/*-----------------------------------------------
    About
-----------------------------------------------*/
.secAboutCnts .pagination {
  display: none; }
.secAboutCnts .fullPageScroll {
  width: 100vw;
  height: 100vh;
  scroll-snap-type: y mandatory;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll; }
  .secAboutCnts .fullPageScroll::-webkit-scrollbar {
    display: none; }
.secAboutCnts .section {
  background-size: cover;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 10%;
  scroll-snap-align: start;
  background-position: center; }
.secAboutCnts .kv01 {
  background-image: url("../images/about/kv01.jpg"); }
  .secAboutCnts .kv01 img {
    width: 280px;
    height: auto;
    margin-left: 40%; }
.secAboutCnts .kv02 {
  background-image: url("../images/about/kv02.jpg"); }
  .secAboutCnts .kv02 img {
    width: 280px;
    height: auto;
    filter: drop-shadow(0px 0px 9px #000); }
.secAboutCnts .kv03 {
  background-image: url("../images/about/kv03.jpg"); }
  .secAboutCnts .kv03 img {
    width: 430px;
    height: auto;
    filter: drop-shadow(0px 0px 8px #000); }
.secAboutCnts .kv04 {
  background-image: url("../images/about/kv04.jpg"); }
  .secAboutCnts .kv04 img {
    width: 750px;
    height: auto;
    filter: drop-shadow(0px 0px 8px #3f3f3f); }
.secAboutCnts .kv05 {
  background-image: url("../images/about/kv05.jpg"); }
  .secAboutCnts .kv05 img {
    width: 440px;
    height: auto;
    filter: drop-shadow(0px 0px 4px #000); }
.secAboutCnts .txtBox {
  position: relative; }
  .secAboutCnts .txtBox .ttlEg {
    position: absolute;
    font-family: 'Caveat', cursive;
    color: #F8B62C;
    font-size: 85px; }
  .secAboutCnts .txtBox .ttlJp {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.4; }
    .secAboutCnts .txtBox .ttlJp span {
      font-size: 18px; }
.secAboutCnts .campusLifeBox {
  padding: 50px 0 45px;
  position: relative;
  min-height: 100px; }
  .secAboutCnts .campusLifeBox::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 100%;
    width: calc(50% + 100px);
    left: 0;
    top: 0;
    border-radius: 0 40px 0 0;
    z-index: -2; }
  .secAboutCnts .campusLifeBox .inner {
    gap: 50px; }
  .secAboutCnts .campusLifeBox .txtBox {
    width: calc(100% - 575px);
    position: relative; }
    .secAboutCnts .campusLifeBox .txtBox .aBtn02 {
      margin: 35px 0 0 0; }
  .secAboutCnts .campusLifeBox .pictBox {
    width: 525px;
    position: relative;
    min-height: 100px; }
    .secAboutCnts .campusLifeBox .pictBox::after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #f8b62c;
      border-radius: 0 40px 0 40px;
      top: 20px;
      right: -20px;
      z-index: -1; }
  .secAboutCnts .campusLifeBox .ttlEg {
    top: -125px;
    left: -50px; }
  .secAboutCnts .campusLifeBox .ttlJp {
    margin-top: 20px; }
  .secAboutCnts .campusLifeBox .btnBox {
    margin-top: 40px;
    width: 300px;
    position: absolute;
    bottom: -25px; }
.secAboutCnts .campusBox .inner {
  position: relative;
  flex-direction: row-reverse;
  gap: 50px;
  padding: 50px 0 45px;
  min-height: 100px; }
  .secAboutCnts .campusBox .inner::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 100%;
    width: 80%;
    right: -60px;
    top: 0;
    border-radius: 0 40px 0 40px;
    z-index: -2; }
.secAboutCnts .campusBox .txtBox {
  width: calc(100% - 575px);
  position: relative; }
  .secAboutCnts .campusBox .txtBox .aBtn02 {
    margin: 35px 0 0 0; }
.secAboutCnts .campusBox .pictBox {
  width: 575px;
  text-align: right; }
  .secAboutCnts .campusBox .pictBox img {
    width: 430px; }
.secAboutCnts .campusBox .ttlEg {
  top: -125px;
  right: -80px; }
.secAboutCnts .campusBox .btnBox {
  position: absolute;
  width: 300px;
  bottom: 75px;
  right: 120px; }
.secAboutCnts .educationBox .inner {
  gap: 50px;
  padding: 50px 0 60px;
  position: relative;
  min-height: 100px; }
  .secAboutCnts .educationBox .inner::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 100%;
    width: 75%;
    left: -70px;
    top: 0;
    border-radius: 0 40px 0 40px;
    z-index: -2; }
.secAboutCnts .educationBox .txtBox {
  width: calc(100% - 575px);
  position: relative; }
.secAboutCnts .educationBox .pictBox {
  width: 525px;
  position: relative;
  min-height: 100px; }
  .secAboutCnts .educationBox .pictBox::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: #f8b62c;
    border-radius: 0 40px 0 40px;
    top: 20px;
    right: -20px;
    z-index: -1; }
.secAboutCnts .educationBox .ttlEg {
  top: -125px;
  left: -50px; }
.secAboutCnts .educationBox .ttlJp {
  margin-top: 10px; }
.secAboutCnts .educationBox .btnBox {
  position: absolute;
  width: 300px;
  bottom: 55px; }
.secAboutCnts .cntsBox02 {
  gap: 90px;
  align-items: center; }
  .secAboutCnts .cntsBox02 .cntsBox {
    width: calc((100% - 90px) / 2); }
    .secAboutCnts .cntsBox02 .cntsBox .inner {
      flex-direction: column;
      width: 435px;
      position: relative; }
    .secAboutCnts .cntsBox02 .cntsBox .txtBox {
      width: 100%;
      margin-bottom: 30px; }
    .secAboutCnts .cntsBox02 .cntsBox .pictBox {
      width: 100%;
      position: relative;
      min-height: 100px; }
      .secAboutCnts .cntsBox02 .cntsBox .pictBox::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: #f8b62c;
        border-radius: 0 40px 0 40px;
        top: 15px;
        right: -15px;
        z-index: -1; }
  .secAboutCnts .cntsBox02 .courseBox {
    padding: 50px 0 70px;
    position: relative;
    min-height: 100px; }
    .secAboutCnts .cntsBox02 .courseBox::after {
      position: absolute;
      content: '';
      background: url("../images/bg_img01.jpg");
      background-size: cover;
      height: 100%;
      width: calc(100% - 120px);
      left: 0px;
      top: 0;
      border-radius: 0 40px 0 0;
      z-index: -2; }
    .secAboutCnts .cntsBox02 .courseBox .inner {
      margin-left: auto; }
    .secAboutCnts .cntsBox02 .courseBox .ttlEg {
      top: -125px;
      left: -80px; }
    .secAboutCnts .cntsBox02 .courseBox .btnBox {
      position: absolute;
      left: 0;
      bottom: -100px;
      width: 300px; }
  .secAboutCnts .cntsBox02 .pathBox {
    padding: 50px 0 160px;
    position: relative;
    min-height: 100px; }
    .secAboutCnts .cntsBox02 .pathBox::after {
      position: absolute;
      content: '';
      background: url("../images/bg_img01.jpg");
      background-size: cover;
      height: 100%;
      width: calc(100% - 120px);
      right: 0px;
      top: 0;
      border-radius: 0 0 0 40px;
      z-index: -2; }
    .secAboutCnts .cntsBox02 .pathBox .inner {
      margin-right: auto; }
    .secAboutCnts .cntsBox02 .pathBox .ttlEg {
      top: -125px;
      right: -80px; }
    .secAboutCnts .cntsBox02 .pathBox .btnBox {
      position: absolute;
      left: 0;
      bottom: -100px;
      width: 300px; }
    .secAboutCnts .cntsBox02 .pathBox .dataBox {
      position: relative;
      padding: 35px 20px 25px;
      background: #fff;
      border: 1px solid #d1d1d1;
      border-radius: 0 20px 0 20px;
      margin: 30px 15px 25px 45px; }
      .secAboutCnts .cntsBox02 .pathBox .dataBox .mds {
        position: absolute;
        top: -20px;
        left: -20px;
        background: #f3982c;
        border-radius: 0 15px 0 15px;
        color: #fff;
        width: 180px;
        padding: .5em 1em;
        text-align: center;
        font-weight: bold; }
      .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: stretch;
        -webkit-align-items: stretch;
        gap: 25px; }
        .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item {
          width: calc((100% - 50px) / 3);
          justify-content: start;
          -webkit-justify-content: start;
          align-items: start;
          -webkit-align-items: start;
          flex-direction: column;
          white-space: nowrap; }
          .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .ttl {
            font-size: 18px;
            font-weight: 500; }
          .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .count {
            font-size: 18px;
            font-weight: 500;
            letter-spacing: .1em; }
            .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .count .num {
              color: #f3982c;
              font-size: 27px;
              line-height: 1;
              font-weight: bold; }
.secAboutCnts .supportBox {
  position: relative; }
  .secAboutCnts .supportBox .inner {
    position: relative;
    min-height: 100px;
    flex-direction: row-reverse;
    gap: 70px; }
    .secAboutCnts .supportBox .inner::after {
      position: absolute;
      content: '';
      background: url("../images/bg_img01.jpg");
      background-size: cover;
      height: 100%;
      width: 95%;
      left: 130px;
      top: 50px;
      border-radius: 0 40px 0 40px;
      z-index: -2; }
  .secAboutCnts .supportBox .txtBox {
    width: calc(100% - 595px);
    position: relative;
    margin-top: 120px; }
    .secAboutCnts .supportBox .txtBox .aBtn02 {
      margin: 35px 0 0 0; }
  .secAboutCnts .supportBox .pictBox {
    width: 525px;
    position: relative;
    min-height: 100px; }
    .secAboutCnts .supportBox .pictBox::after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #f8b62c;
      border-radius: 0 40px 0 40px;
      top: 20px;
      right: -20px;
      z-index: -1; }
  .secAboutCnts .supportBox .ttlEg {
    top: -150px;
    right: -80px; }
  .secAboutCnts .supportBox .btnBox {
    position: absolute;
    bottom: -70px;
    left: 595px;
    width: 300px; }

@media only screen and (max-width: 767px) {
  .secAboutCnts .fullPageScroll {
    margin-bottom: 110px; }
  .secAboutCnts .kv01 {
    background-image: url("../images/about/kv01_sp.jpg");
    position: relative; }
    .secAboutCnts .kv01 img {
      max-width: 230px;
      width: auto;
      margin-left: auto;
      filter: drop-shadow(0px 0px 8px #3f3f3f);
      position: absolute;
      right: 10%;
      top: 37%; }
  .secAboutCnts .kv02 {
    background-image: url("../images/about/kv02_sp02.jpg");
    padding-bottom: calc(100vw / 3); }
    .secAboutCnts .kv02 img {
      max-width: 270px;
      width: auto; }
  .secAboutCnts .kv03 {
    background-image: url("../images/about/kv03_sp02.jpg");
    padding-bottom: calc(100vw / 2); }
    .secAboutCnts .kv03 img {
      max-width: 390px;
      width: auto; }
  .secAboutCnts .kv04 {
    background-image: url("../images/about/kv04_sp02.jpg");
    padding-bottom: calc(100vw / 2); }
    .secAboutCnts .kv04 img {
      max-width: 730px;
      width: auto; }
  .secAboutCnts .kv05 {
    background-image: url("../images/about/kv05_sp02.jpg");
    padding-bottom: calc(100vw / 3); }
    .secAboutCnts .kv05 img {
      max-width: 350px;
      width: auto; }
  .secAboutCnts .txtBox .ttlEg {
    font-size: 55px; }
  .secAboutCnts .txtBox .ttlJp {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4; }
    .secAboutCnts .txtBox .ttlJp span {
      font-size: 16px; }
  .secAboutCnts .campusLifeBox {
    padding: 25px 0 0px;
    margin-bottom: 80px; }
    .secAboutCnts .campusLifeBox::after {
      height: calc(100% - 25px);
      width: calc(50% + 100px); }
    .secAboutCnts .campusLifeBox .inner {
      flex-direction: column;
      gap: 25px; }
    .secAboutCnts .campusLifeBox .txtBox {
      width: 100%; }
    .secAboutCnts .campusLifeBox .pictBox {
      width: calc(100% - 10px);
      position: relative;
      min-height: 100px;
      margin-right: 20px; }
      .secAboutCnts .campusLifeBox .pictBox::after {
        top: 15px;
        right: -15px; }
    .secAboutCnts .campusLifeBox .ttlEg {
      top: -80px;
      left: -8px; }
    .secAboutCnts .campusLifeBox .btnBox {
      margin-top: 25px;
      width: 100%;
      position: inherit; }
  .secAboutCnts .campusBox {
    margin-bottom: 80px; }
    .secAboutCnts .campusBox .inner {
      flex-direction: column;
      gap: 10px;
      padding: 30px 0 35px; }
      .secAboutCnts .campusBox .inner::after {
        height: 100%;
        width: 100vw;
        right: -6vw;
        border-radius: 0 0 0 40px; }
    .secAboutCnts .campusBox .txtBox {
      width: 100%; }
    .secAboutCnts .campusBox .pictBox {
      width: 100%;
      text-align: center; }
      .secAboutCnts .campusBox .pictBox img {
        width: 100%; }
    .secAboutCnts .campusBox .ttlEg {
      top: -80px;
      right: 0px; }
    .secAboutCnts .campusBox .btnBox {
      position: inherit;
      width: 100%;
      margin-top: 25px;
      bottom: inherit;
      right: inherit; }
  .secAboutCnts .educationBox {
    margin-bottom: 80px; }
    .secAboutCnts .educationBox .inner {
      flex-direction: column;
      gap: 25px;
      padding: 30px 0 35px;
      position: relative;
      min-height: 100px; }
      .secAboutCnts .educationBox .inner::after {
        width: 100vw;
        left: -6vw;
        top: 0;
        border-radius: 0 40px 0 0px; }
    .secAboutCnts .educationBox .txtBox {
      width: 100%;
      position: relative; }
      .secAboutCnts .educationBox .txtBox .aBtn02 {
        margin: 35px 0 0 0; }
    .secAboutCnts .educationBox .pictBox {
      width: calc(100% - 10px);
      position: relative;
      min-height: 100px;
      margin-right: 20px; }
      .secAboutCnts .educationBox .pictBox::after {
        top: 15px;
        right: -15px; }
    .secAboutCnts .educationBox .ttlEg {
      top: -80px;
      left: 0px; }
    .secAboutCnts .educationBox .btnBox {
      position: inherit;
      margin-top: 20px;
      width: 100%;
      bottom: inherit; }
  .secAboutCnts .cntsBox02 {
    gap: 20px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 80px; }
    .secAboutCnts .cntsBox02 .cntsBox {
      width: 100%; }
      .secAboutCnts .cntsBox02 .cntsBox .inner {
        flex-direction: column;
        width: 100%; }
      .secAboutCnts .cntsBox02 .cntsBox .txtBox {
        width: 100%;
        margin-bottom: 30px; }
      .secAboutCnts .cntsBox02 .cntsBox .pictBox {
        width: calc(100% - 10px);
        position: relative;
        min-height: 100px;
        margin-right: 20px; }
        .secAboutCnts .cntsBox02 .cntsBox .pictBox::after {
          top: 15px;
          right: -15px; }
    .secAboutCnts .cntsBox02 .courseBox {
      padding: 40px 0 0px;
      position: relative;
      min-height: 100px;
      margin-bottom: 80px; }
      .secAboutCnts .cntsBox02 .courseBox::after {
        position: absolute;
        content: '';
        background: url("../images/bg_img01.jpg");
        background-size: cover;
        height: calc(100% - 25px);
        width: calc(100% - 120px);
        left: 0px;
        top: 0;
        border-radius: 0 40px 0 0;
        z-index: -2; }
      .secAboutCnts .cntsBox02 .courseBox .inner {
        width: 88%;
        margin: 0 auto; }
      .secAboutCnts .cntsBox02 .courseBox .txtBox {
        margin-bottom: 25px; }
      .secAboutCnts .cntsBox02 .courseBox .ttlEg {
        top: -90px;
        left: 0px; }
      .secAboutCnts .cntsBox02 .courseBox .btnBox {
        position: inherit;
        left: inherit;
        bottom: inherit;
        width: 100%;
        margin-top: 35px; }
    .secAboutCnts .cntsBox02 .pathBox {
      padding: 40px 0 40px;
      position: relative;
      min-height: 100px; }
      .secAboutCnts .cntsBox02 .pathBox::after {
        position: absolute;
        content: '';
        background: url("../images/bg_img01.jpg");
        background-size: cover;
        height: 100%;
        width: calc(100% - 120px);
        right: 0px;
        top: 0;
        border-radius: 0 0 0 40px;
        z-index: -2; }
      .secAboutCnts .cntsBox02 .pathBox .inner {
        margin: 0 auto;
        width: 88%; }
      .secAboutCnts .cntsBox02 .pathBox .ttlEg {
        top: -90px;
        right: 0px; }
      .secAboutCnts .cntsBox02 .pathBox .btnBox {
        position: inherit;
        left: inherit;
        bottom: inherit;
        width: 100%;
        margin-top: 40px; }
      .secAboutCnts .cntsBox02 .pathBox .dataBox {
        padding: 35px 15px 25px 30px;
        margin: 35px 0px 0px 20px; }
        .secAboutCnts .cntsBox02 .pathBox .dataBox .mds {
          top: -20px;
          left: -15px; }
        .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox {
          gap: 20px; }
          .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item {
            width: calc((100% - 40px) / 3); }
            .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .ttl {
              font-size: 14px; }
            .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .count {
              font-size: 14px; }
              .secAboutCnts .cntsBox02 .pathBox .dataBox .listBox .item .count .num {
                font-size: 22px; }
  .secAboutCnts .supportBox {
    position: relative; }
    .secAboutCnts .supportBox .inner {
      position: relative;
      min-height: 100px;
      flex-direction: column;
      gap: 25px; }
      .secAboutCnts .supportBox .inner::after {
        width: 100vw;
        left: -6vw;
        top: inherit;
        border-radius: 0 40px 0 0;
        padding: 40px 0 40px; }
    .secAboutCnts .supportBox .txtBox {
      width: 100%;
      position: relative;
      margin-top: 50px; }
      .secAboutCnts .supportBox .txtBox .aBtn02 {
        margin: 35px 0 0 0; }
    .secAboutCnts .supportBox .pictBox {
      width: calc(100% - 10px);
      position: relative;
      min-height: 100px;
      margin-right: 20px; }
      .secAboutCnts .supportBox .pictBox::after {
        top: 15px;
        right: -15px; }
    .secAboutCnts .supportBox .ttlEg {
      top: -100px;
      right: 0px; }
    .secAboutCnts .supportBox .btnBox {
      position: inherit;
      bottom: inherit;
      left: inherit;
      width: 100%;
      margin: 20px 0 35px; }
  .secAboutCnts .recogIndexBox {
    margin-bottom: 50px; } }
/*-----------------------------------------------
    Parent | Voice
-----------------------------------------------*/
.secParentsVoice .secBoxConts01 {
  margin-bottom: 60px; }
  .secParentsVoice .secBoxConts01 .voiceBox {
    padding: 50px 55px;
    gap: 35px; }
    .secParentsVoice .secBoxConts01 .voiceBox .pictBox {
      width: 210px;
      text-align: center; }
      .secParentsVoice .secBoxConts01 .voiceBox .pictBox .name {
        margin-top: 5px; }
        .secParentsVoice .secBoxConts01 .voiceBox .pictBox .name span {
          font-size: 18px;
          margin-right: 5px; }
    .secParentsVoice .secBoxConts01 .voiceBox .txtBox {
      width: calc(100% - 245px); }
      .secParentsVoice .secBoxConts01 .voiceBox .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .secParentsVoice .secMds {
    font-size: 22px; }
  .secParentsVoice .secBoxConts01 {
    margin-bottom: 40px; }
    .secParentsVoice .secBoxConts01 .voiceBox {
      flex-direction: column-reverse;
      padding: 25px 30px;
      gap: 25px; }
      .secParentsVoice .secBoxConts01 .voiceBox .pictBox {
        width: 70%;
        text-align: center;
        margin: 0 auto 15px; }
        .secParentsVoice .secBoxConts01 .voiceBox .pictBox .name {
          margin-top: 5px; }
          .secParentsVoice .secBoxConts01 .voiceBox .pictBox .name span {
            font-size: 16px;
            margin-right: 5px; }
      .secParentsVoice .secBoxConts01 .voiceBox .txtBox {
        width: 100%; }
        .secParentsVoice .secBoxConts01 .voiceBox .txtBox .ttl {
          font-size: 18px;
          font-weight: 500;
          color: #ed6d20;
          margin-bottom: 10px; } }
/*-----------------------------------------------
    Campus Life |  Culture Fes
-----------------------------------------------*/
.cultureTtl_pic::after {
  background-image: url("../images/culture/2023/kv.jpg");
  background-position: center center; }

.culture2022Ttl_pic::after {
  background-image: url("../images/culture/2022/kv_img.jpg");
  background-position: center center; }

.culture2021Ttl_pic::after {
  background-image: url("../images/culture/2021/kv_img02.jpg");
  background-position: center center; }

.culture2020Ttl_pic::after {
  background-image: url("../images/culture/2020/kv_img02.jpg");
  background-position: center center; }

.culture2019Ttl_pic::after {
  background-image: url("../images/culture/2019/kv_img02.jpg");
  background-position: center center; }

.culture2018Ttl_pic::after {
  background-image: url("../images/culture/2018/kv_img02.jpg");
  background-position: center center; }

.secCulture .introBox {
  text-align: left;
  margin-bottom: 120px; }
  .secCulture .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secCulture .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secCulture .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secCulture .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secCulture .introBox .txt {
    font-size: 18px;
    margin: 10px auto;
    font-weight: normal; }
.secCulture .inPageNav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  padding: 15px 15px 15px 30px; }
  .secCulture .inPageNav .item {
    white-space: nowrap; }
  .secCulture .inPageNav .item01 {
    grid-area: 1 / 1 / 2 / 2; }
  .secCulture .inPageNav .item02 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCulture .inPageNav .item03 {
    grid-area: 1 / 3 / 2 / 4; }
  .secCulture .inPageNav .item04 {
    grid-area: 1 / 4 / 2 / 5; }
  .secCulture .inPageNav .item05 {
    grid-area: 1 / 5 / 2 / 6; }
  .secCulture .inPageNav .item06 {
    grid-area: 2 / 1 / 3 / 2; }
  .secCulture .inPageNav .item07 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCulture .inPageNav .item08 {
    grid-area: 2 / 3 / 3 / 4; }
  .secCulture .inPageNav .item09 {
    grid-area: 2 / 4 / 3 / 5; }
.secCulture .secGallery .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 100px; }
.secCulture .secGallery .footsal-slick01 {
  position: relative; }
  .secCulture .secGallery .footsal-slick01 .slick-slide {
    margin: 10px;
    height: inherit; }
    .secCulture .secGallery .footsal-slick01 .slick-slide img {
      max-width: 100%;
      max-height: 100%;
      width: auto; }
  .secCulture .secGallery .footsal-slick01 .slick-slide > div {
    height: 100%; }
  .secCulture .secGallery .footsal-slick01 .itemBox {
    height: 100%;
    flex-wrap: wrap; }
    .secCulture .secGallery .footsal-slick01 .itemBox .pict {
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center; }
    .secCulture .secGallery .footsal-slick01 .itemBox .txt {
      text-align: center;
      margin-top: 10px;
      width: 100%; }
    .secCulture .secGallery .footsal-slick01 .itemBox .noSquare {
      aspect-ratio: inherit; }
  .secCulture .secGallery .footsal-slick01 .slide-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc((100% - 50px) / 2);
    cursor: pointer;
    z-index: 10; }
  .secCulture .secGallery .footsal-slick01 .next-arrow {
    right: -15px; }
  .secCulture .secGallery .footsal-slick01 .prev-arrow {
    left: -15px; }
.secCulture .mds {
  font-size: 24px;
  font-weight: 500; }
.secCulture .mds02 {
  font-size: 20px;
  font-weight: 500;
  color: #ed6d20; }
.secCulture .width750 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto; }
.secCulture .width600 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
.secCulture .width550 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto; }
.secCulture .arrowList01 {
  gap: 5px 30px;
  flex-wrap: wrap; }
.secCulture .commentBox {
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  border-radius: 0 30px 0 30px;
  padding: 50px;
  align-items: center;
  gap: 40px; }
  .secCulture .commentBox .txtBox, .secCulture .commentBox .txtBox02 {
    width: calc(100% - 240px); }
    .secCulture .commentBox .txtBox .name, .secCulture .commentBox .txtBox02 .name {
      color: #ed6d20;
      font-weight: 500;
      margin-bottom: 15px;
      position: relative;
      padding-left: 65px; }
      .secCulture .commentBox .txtBox .name span, .secCulture .commentBox .txtBox02 .name span {
        font-size: 20px; }
      .secCulture .commentBox .txtBox .name::before, .secCulture .commentBox .txtBox02 .name::before {
        position: absolute;
        content: '';
        background: url("../images/culture/ceown.png");
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        left: 0px;
        top: -5px; }
    .secCulture .commentBox .txtBox .ttl, .secCulture .commentBox .txtBox02 .ttl {
      font-size: 18px;
      margin-bottom: 10px; }
  .secCulture .commentBox .txtBox02 {
    width: 100%; }
  .secCulture .commentBox .pict {
    width: 200px; }
.secCulture .senryuTxt {
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  margin: 0 auto 60px;
  font-size: 30px;
  text-align: center; }
.secCulture .more03 .listBox {
  display: flex;
  -webkit-display: flex;
  align-items: start;
  -webkit-align-items: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 40px; }
  .secCulture .more03 .listBox .item {
    width: calc((100% - 80px) / 3); }
    .secCulture .more03 .listBox .item .itemBox {
      height: 100%;
      flex-wrap: wrap; }
    .secCulture .more03 .listBox .item .pict {
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 5px; }
      .secCulture .more03 .listBox .item .pict img {
        max-width: 100%;
        max-height: 100%;
        width: auto; }
    .secCulture .more03 .listBox .item .txt {
      text-align: center;
      width: 100%; }
.secCulture .more__btn03 {
  background: #f3982c;
  width: 100%;
  min-height: 55px;
  padding: 13px;
  text-align: center;
  color: #fff;
  font-family: 'Barlow';
  font-size: 18px;
  letter-spacing: .2em;
  border: none;
  margin: 35px 0 25px;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
  transition: opacity .3s ease; }
.secCulture .more__btn03:hover {
  opacity: .7; }
.secCulture .js-close03 {
  background: #A2A2A2; }
.secCulture .resultBox .listBox {
  gap: 10px 20px;
  flex-wrap: wrap;
  margin-left: 10px; }
  .secCulture .resultBox .listBox .item {
    width: calc((100% - 60px) / 4);
    list-style-type: none; }
  .secCulture .resultBox .listBox .aArrow01 {
    position: relative;
    min-height: 1em;
    padding-left: 10px;
    color: #000;
    text-decoration: none;
    margin-left: -10px; }
    .secCulture .resultBox .listBox .aArrow01::before {
      content: '';
      background-image: url("../images/arrow01.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 5px;
      height: 8px;
      position: absolute;
      margin-right: 5px;
      top: 50%;
      left: 0px;
      transform: translate(0, -50%); }
    .secCulture .resultBox .listBox .aArrow01:hover {
      color: #ED6D20; }
.secCulture .winnerBox {
  max-width: 400px;
  margin: 0 auto 50px; }
.secCulture .blockBox {
  gap: 30px;
  text-align: center;
  justify-content: center; }
  .secCulture .blockBox h4 {
    font-size: 18px;
    margin: 0 auto 20px; }
  .secCulture .blockBox .item {
    max-width: 400px;
    width: calc((100% - 30px) / 2);
    text-align: center; }
.secCulture .winnerName {
  color: #ed6d20;
  font-weight: 500;
  text-align: center; }
  .secCulture .winnerName .name {
    font-size: 20px; }
  .secCulture .winnerName .campus {
    position: relative;
    padding-left: 65px;
    margin-right: 1em; }
    .secCulture .winnerName .campus::before {
      position: absolute;
      content: '';
      background: url("../images/culture/ceown.png");
      background-size: 100% auto;
      background-position: center center;
      background-repeat: no-repeat;
      width: 50px;
      height: 40px;
      left: 0px;
      top: -15px; }
  .secCulture .winnerName .campusName {
    position: relative;
    padding-left: 65px;
    margin-right: 1em;
    font-size: 20px; }
    .secCulture .winnerName .campusName::before {
      position: absolute;
      content: '';
      background: url("../images/culture/ceown.png");
      background-size: 100% auto;
      background-position: center center;
      background-repeat: no-repeat;
      width: 50px;
      height: 40px;
      left: 0px;
      top: -8px; }
.secCulture .senryuNoPhotoTxt {
  margin-bottom: 15px; }
.secCulture .standings {
  width: 100%;
  min-width: 1016px;
  border-collapse: collapse; }
  .secCulture .standings th {
    text-align: center;
    vertical-align: middle;
    height: 40px;
    border-right: 1px solid #fff;
    font-weight: 500;
    line-height: 1.2; }
  .secCulture .standings td {
    text-align: center;
    vertical-align: middle;
    height: 60px;
    border-right: 1px solid #d3d1d0;
    border-bottom: 1px solid #d3d1d0; }
  .secCulture .standings td:first-child {
    background: #fef5ea; }
  .secCulture .standings td:nth-child(2) {
    background: #f7f7f7; }
  .secCulture .standings td:last-child {
    border-right: none; }
  .secCulture .standings .item {
    color: #fff; }
    .secCulture .standings .item .ranking {
      width: 15%;
      background: #ed6d20; }
    .secCulture .standings .item .campus {
      width: auto;
      background: #f3982c; }
    .secCulture .standings .item .point, .secCulture .standings .item .score, .secCulture .standings .item .conceded, .secCulture .standings .item .difference {
      width: 15%;
      background: #f3982c; }
    .secCulture .standings .item .team {
      width: 15%;
      background: #f8b62c; }
  .secCulture .standings .noCnts {
    background-image: linear-gradient(to top right, transparent, transparent 49%, #d3d1d0 50%, #d3d1d0 50%, transparent 51%, transparent); }
  .secCulture .standings .win {
    background: #fef8ea; }
.secCulture .secBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .cultureTtl_pic::after {
    background-image: url("../images/culture/2023/kv_sp.jpg"); }

  .secCulture .introBox {
    margin-bottom: 50px; }
    .secCulture .introBox .copy {
      font-size: 28px; }
    .secCulture .introBox .txt {
      font-size: 16px; }
  .secCulture .inPageNav {
    display: flex;
    flex-direction: column;
    grid-row-gap: 　5px; }
  .secCulture .secGallery .ttlEg {
    font-size: 60px;
    line-height: 1.3; }
  .secCulture .mds {
    font-size: 20px; }
  .secCulture .mds02 {
    font-size: 16px; }
  .secCulture .width750, .secCulture .width600, .secCulture .width550 {
    width: 100%; }
  .secCulture .arrowList01 {
    gap: 0px;
    flex-direction: column; }
  .secCulture .commentBox {
    padding: 40px 25px 50px;
    align-items: start;
    flex-direction: column;
    gap: 20px; }
    .secCulture .commentBox .txtBox {
      width: 100%; }
      .secCulture .commentBox .txtBox .name {
        margin-bottom: 10px; }
        .secCulture .commentBox .txtBox .name span {
          font-size: 18px; }
    .secCulture .commentBox .pict {
      width: 50%;
      margin-left: auto;
      margin-right: auto; }
  .secCulture .senryuTxt {
    margin: 0 auto 30px;
    font-size: 28px;
    line-height: 1.3; }
    .secCulture .senryuTxt span {
      display: block; }
      .secCulture .senryuTxt span:first-child {
        text-align: left; }
      .secCulture .senryuTxt span:nth-child(2) {
        text-align: center; }
      .secCulture .senryuTxt span:last-child {
        text-align: right; }
  .secCulture .more03 .listBox {
    flex-direction: column;
    row-gap: 30px;
    column-gap: 0px; }
    .secCulture .more03 .listBox .item {
      width: 100%; }
      .secCulture .more03 .listBox .item .itemBox {
        height: 100%;
        flex-wrap: wrap; }
      .secCulture .more03 .listBox .item .pict {
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px; }
        .secCulture .more03 .listBox .item .pict img {
          max-width: 100%;
          max-height: 100%;
          width: auto; }
      .secCulture .more03 .listBox .item .txt {
        text-align: center; }
  .secCulture .more__btn03 {
    background: #f3982c;
    width: 100%;
    min-height: 55px;
    padding: 13px;
    text-align: center;
    color: #fff;
    font-family: 'Barlow';
    font-size: 18px;
    letter-spacing: .2em;
    border: none;
    margin: 35px 0 25px;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
    transition: opacity .3s ease; }
  .secCulture .more__btn03:hover {
    opacity: .7; }
  .secCulture .js-close03 {
    background: #A2A2A2; }
  .secCulture .resultBox .listBox {
    gap: 0px;
    flex-direction: column;
    margin-left: 12px; }
    .secCulture .resultBox .listBox .item {
      width: 100%; }
  .secCulture .winnerBox {
    width: 100%; }
  .secCulture .blockBox {
    flex-direction: column;
    width: 100%;
    gap: 20px;
    margin-left: auto;
    margin-right: auto; }
    .secCulture .blockBox h4 {
      font-size: 16px;
      margin: 0 auto 20px; }
    .secCulture .blockBox .item {
      width: 100%; }
  .secCulture .winnerName .name {
    font-size: 18px; }
  .secCulture .winnerName .campus {
    padding-left: 55px; }
    .secCulture .winnerName .campus::before {
      width: 45px;
      height: 30px;
      top: -11px; }
  .secCulture .secBtmBnr {
    margin-top: 50px; }
  .secCulture .tableWrap {
    overflow-x: scroll; }
  .secCulture .tableWrap::-webkit-scrollbar {
    height: 10px; }
  .secCulture .tableWrap::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px; }
  .secCulture .tableWrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ed6d1f; } }
/*-----------------------------------------------
    Learning
-----------------------------------------------*/
.learningTtl {
  height: 420px;
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center; }
  .learningTtl .topTtl {
    color: #ed6d20;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.5; }
  .learningTtl .topCopy {
    color: #ed6d20;
    font-weight: 500;
    font-size: 25px; }

.learningTtl::after {
  content: '';
  position: absolute;
  background-image: url("../images/learning/topimg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0 30px 0 0;
  height: 100%;
  width: calc(100% - 125px);
  margin: 0 125px 0 0;
  z-index: -1; }

.secLearning .introTxt {
  font-size: 18px; }
.secLearning .pageNavArrow a {
  position: relative;
  text-decoration: none;
  color: #000;
  padding-left: 28px; }
  .secLearning .pageNavArrow a::before {
    content: '';
    background: url("../images/arrow_sU.svg");
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); }
.secLearning .positiveBox {
  padding: 50px 0 45px;
  position: relative;
  min-height: 100px;
  margin-bottom: 50px; }
  .secLearning .positiveBox::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 390px;
    width: calc(50% + 100px);
    left: 0;
    top: 0;
    border-radius: 0 40px 0 0;
    z-index: -2; }
  .secLearning .positiveBox .inner {
    gap: 50px;
    position: relative; }
  .secLearning .positiveBox .txtBox {
    width: calc(100% - 575px);
    position: relative; }
    .secLearning .positiveBox .txtBox .aBtn02 {
      margin: 35px 0 0 0; }
  .secLearning .positiveBox .pictBox {
    width: 525px;
    position: relative;
    min-height: 100px; }
    .secLearning .positiveBox .pictBox img {
      border-radius: 0 40px 0 40px; }
    .secLearning .positiveBox .pictBox::after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #f8b62c;
      border-radius: 0 40px 0 40px;
      top: 20px;
      right: -20px;
      z-index: -1; }
  .secLearning .positiveBox .ttlEg {
    position: absolute;
    top: -80px;
    left: -80px;
    width: 40%;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    white-space: nowrap;
    text-align: right;
    line-height: .8em; }
  .secLearning .positiveBox .ttlJp {
    font-size: 36px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px; }
  .secLearning .positiveBox .btnBox {
    position: absolute;
    margin-top: 40px;
    width: 350px;
    letter-spacing: .25em;
    left: 0;
    bottom: 105px; }
    .secLearning .positiveBox .btnBox a {
      padding: 1.6em;
      max-width: 350px; }
.secLearning .growthBox {
  position: relative;
  min-height: 100px;
  margin-bottom: 250px; }
  .secLearning .growthBox::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 420px;
    width: 830px;
    right: -90px;
    top: 60px;
    border-radius: 0 40px 0 40px;
    z-index: -2; }
  .secLearning .growthBox .inner {
    gap: 70px;
    position: relative;
    flex-direction: row-reverse; }
  .secLearning .growthBox .txtBox {
    width: calc(100% - 595px);
    position: relative;
    margin-top: 30px; }
    .secLearning .growthBox .txtBox .aBtn02 {
      margin: 35px 0 0 0; }
  .secLearning .growthBox .pictBox {
    width: 525px;
    position: relative;
    min-height: 100px; }
    .secLearning .growthBox .pictBox img {
      border-radius: 0 40px 0 40px; }
    .secLearning .growthBox .pictBox::after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #f8b62c;
      border-radius: 0 40px 0 40px;
      top: 20px;
      right: -20px;
      z-index: -1; }
  .secLearning .growthBox .ttlEg {
    position: absolute;
    top: 0;
    left: -10px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    white-space: nowrap;
    text-align: right;
    line-height: .8em; }
  .secLearning .growthBox .ttlJp {
    font-size: 36px;
    font-weight: 500;
    margin-top: 110px; }
  .secLearning .growthBox .btnBox {
    position: absolute;
    width: 350px;
    letter-spacing: .25em;
    left: 595px;
    bottom: 0; }
    .secLearning .growthBox .btnBox a {
      padding: 1.6em;
      max-width: 350px; }
.secLearning .communityBox {
  position: relative;
  min-height: 100px;
  margin-bottom: 150px; }
  .secLearning .communityBox::after {
    position: absolute;
    content: '';
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    height: 420px;
    width: 830px;
    left: -90px;
    top: -60px;
    border-radius: 0 40px 0 40px;
    z-index: -2; }
  .secLearning .communityBox .inner {
    gap: 110px;
    position: relative; }
  .secLearning .communityBox .txtBox {
    width: calc(100% - 635px);
    position: relative;
    margin-top: -100px; }
    .secLearning .communityBox .txtBox .aBtn02 {
      margin: 35px 0 0 0; }
  .secLearning .communityBox .pictBox {
    width: 525px;
    position: relative;
    min-height: 100px; }
    .secLearning .communityBox .pictBox img {
      border-radius: 0 40px 0 40px; }
    .secLearning .communityBox .pictBox::after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #f8b62c;
      border-radius: 0 40px 0 40px;
      top: 20px;
      right: -20px;
      z-index: -1; }
  .secLearning .communityBox .ttlEg {
    position: absolute;
    top: 0;
    left: -10px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    white-space: nowrap;
    text-align: right;
    line-height: .8em; }
  .secLearning .communityBox .ttlJp {
    font-size: 36px;
    font-weight: 500;
    margin-top: 110px; }
  .secLearning .communityBox .btnBox {
    position: absolute;
    width: 350px;
    letter-spacing: .25em;
    left: 0;
    bottom: 120px; }
    .secLearning .communityBox .btnBox a {
      padding: 1.6em;
      max-width: 350px; }
.secLearning .lineSection01 {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #d2d2d2; }
.secLearning .manabiBnrBox {
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center; }
  .secLearning .manabiBnrBox .item {
    text-align: center; }
    .secLearning .manabiBnrBox .item a:hover {
      opacity: .7; }
    .secLearning .manabiBnrBox .item img {
      width: 440px;
      height: auto; }
    .secLearning .manabiBnrBox .item:first-child {
      width: 100%;
      padding-bottom: 85px;
      position: relative; }
      .secLearning .manabiBnrBox .item:first-child::before {
        position: absolute;
        content: '';
        background-image: url("../images/learning/icon_x.svg");
        background-position: center center;
        background-size: 40px 40px;
        background-repeat: no-repeat;
        bottom: 15px;
        left: calc(50% - 20px);
        z-index: 0;
        width: 40px;
        height: 40px; }
.secLearning .learnLayout01 {
  column-gap: 35px; }
  .secLearning .learnLayout01 .txtBox {
    width: calc(100% - 530px); }
    .secLearning .learnLayout01 .txtBox .mds {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 20px;
      color: #ed6d20; }
    .secLearning .learnLayout01 .txtBox .txt {
      margin-bottom: 10px; }
  .secLearning .learnLayout01 .pictBox, .secLearning .learnLayout01 .pictBox02 {
    width: 530px; }
.secLearning .secMypla {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px;
  border-radius: 0 30px 0 30px; }
  .secLearning .secMypla .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.5; }
    .secLearning .secMypla .mds span {
      font-size: 30px; }
  .secLearning .secMypla .learnLayout02 {
    column-gap: 35px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px dotted #d2d2d2; }
    .secLearning .secMypla .learnLayout02 .txtBox {
      width: calc(100% - 505px); }
      .secLearning .secMypla .learnLayout02 .txtBox .txt {
        margin-bottom: 10px; }
    .secLearning .secMypla .learnLayout02 .pictBox {
      width: 470px; }
  .secLearning .secMypla .learnLayout03 {
    column-gap: 30px; }
    .secLearning .secMypla .learnLayout03 .itemBox {
      width: calc((100% - 30px) / 2); }
      .secLearning .secMypla .learnLayout03 .itemBox .pict {
        margin-bottom: 15px; }
      .secLearning .secMypla .learnLayout03 .itemBox .mds {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 5px;
        color: #ed6d20; }
.secLearning .learnLayout04 {
  gap: 30px; }
  .secLearning .learnLayout04 .txtBox {
    width: calc(100% - 560px); }
    .secLearning .learnLayout04 .txtBox .mds {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 5px;
      color: #ed6d20;
      line-height: 1.5; }
    .secLearning .learnLayout04 .txtBox .txt {
      margin-bottom: 10px; }
  .secLearning .learnLayout04 .itemBox {
    width: 250px;
    text-align: center; }
    .secLearning .learnLayout04 .itemBox .pict {
      margin-bottom: 10px;
      max-height: 300px; }
      .secLearning .learnLayout04 .itemBox .pict img {
        width: auto;
        height: 285px; }
      .secLearning .learnLayout04 .itemBox .pict .shadow {
        box-shadow: 5px 5px 5px #d2d2d2;
        padding-right: 5px; }
    .secLearning .learnLayout04 .itemBox .mds {
      font-weight: 500;
      background: #f3982c;
      padding: .8em;
      color: #fff;
      border-radius: 0 15px 0 15px;
      margin-bottom: 10px; }
.secLearning .secTopics {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px;
  border-radius: 0 40px 0 40px;
  position: relative; }
  .secLearning .secTopics .ttlEg {
    position: absolute;
    top: -80px;
    right: 60px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 90px;
    white-space: nowrap; }
  .secLearning .secTopics .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.5; }
    .secLearning .secTopics .mds span {
      font-size: 30px; }
  .secLearning .secTopics .txt {
    margin-bottom: 30px; }
  .secLearning .secTopics .learnLayout05 {
    gap: 30px;
    align-items: center; }
    .secLearning .secTopics .learnLayout05 .pict {
      width: 320px; }
    .secLearning .secTopics .learnLayout05 .txtBox {
      width: calc(100% - 350px); }
      .secLearning .secTopics .learnLayout05 .txtBox .numList {
        margin-top: 20px;
        counter-reset: number 0; }
        .secLearning .secTopics .learnLayout05 .txtBox .numList .item {
          margin-bottom: 10px; }
          .secLearning .secTopics .learnLayout05 .txtBox .numList .item::before {
            counter-increment: number 1;
            content: counter(number) " ";
            color: #fff;
            background: #ed6d20;
            padding: 0 .3em 0 .6em;
            line-height: 0;
            text-align: center;
            letter-spacing: 0;
            font-size: 18px;
            margin-right: .5em; }
        .secLearning .secTopics .learnLayout05 .txtBox .numList .ttl {
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 5px;
          color: #ed6d20;
          display: inline; }
        .secLearning .secTopics .learnLayout05 .txtBox .numList .txt {
          margin-left: 2.7em; }

@media only screen and (max-width: 767px) {
  .learningTtl {
    height: 250px;
    align-items: start;
    -webkit-align-items: start; }
    .learningTtl .topTtl {
      font-size: 28px;
      margin-top: 15px; }
    .learningTtl .topCopy {
      font-size: 20px; }

  .learningTtl::after {
    background-image: url("../images/learning/topimg_sp.jpg");
    background-size: cover;
    background-position: right center;
    height: 100%;
    width: 96%; }

  .secLearning .introTxt {
    font-size: 16px; }
  .secLearning .positiveBox {
    padding: 40px 0 0px;
    min-height: 100px;
    margin-bottom: 75px; }
    .secLearning .positiveBox::after {
      height: calc(100% - 25px);
      width: calc(50% + 100px);
      left: 0;
      top: 0;
      border-radius: 0 40px 0 0; }
    .secLearning .positiveBox .inner {
      gap: 25px;
      flex-direction: column;
      width: 88%;
      margin: 0 auto; }
    .secLearning .positiveBox .txtBox {
      width: 100%; }
    .secLearning .positiveBox .pictBox {
      width: 94%;
      margin-bottom: 20px; }
      .secLearning .positiveBox .pictBox img {
        border-radius: 0 30px 0 30px; }
      .secLearning .positiveBox .pictBox::after {
        border-radius: 0 30px 0 30px;
        top: 15px;
        right: -15px; }
    .secLearning .positiveBox .ttlEg {
      top: -60px;
      left: 0;
      font-size: 55px; }
    .secLearning .positiveBox .ttlJp {
      font-size: 26px;
      margin-top: 0px;
      margin-bottom: 10px; }
    .secLearning .positiveBox .btnBox {
      position: static;
      margin-top: 0px;
      width: 100%; }
      .secLearning .positiveBox .btnBox a {
        padding: 1.1em;
        max-width: 100%; }
  .secLearning .growthBox {
    margin-bottom: 200px;
    padding: 25px 0 40px; }
    .secLearning .growthBox::after {
      height: 100%;
      width: calc(50% + 100px);
      right: -6.7%;
      top: 0px;
      border-radius: 0 0 0 40px; }
    .secLearning .growthBox .inner {
      gap: 25px;
      flex-direction: column; }
    .secLearning .growthBox .txtBox {
      width: 100%; }
    .secLearning .growthBox .pictBox {
      width: 94%;
      margin-bottom: 20px; }
      .secLearning .growthBox .pictBox img {
        border-radius: 0 30px 0 30px; }
      .secLearning .growthBox .pictBox::after {
        border-radius: 0 30px 0 30px;
        top: 15px;
        right: -15px; }
    .secLearning .growthBox .ttlEg {
      top: -70px;
      right: 0;
      font-size: 47px; }
    .secLearning .growthBox .ttlJp {
      font-size: 26px;
      margin-top: 0px;
      margin-bottom: 10px; }
    .secLearning .growthBox .btnBox {
      position: static;
      margin-top: 0px;
      width: 100%; }
      .secLearning .growthBox .btnBox a {
        padding: 1.1em;
        max-width: 100%; }
  .secLearning .communityBox {
    margin-bottom: 80px; }
    .secLearning .communityBox::after {
      height: calc(100% + 100px);
      width: calc(50% + 180px);
      left: -12%;
      top: -130px;
      border-radius: 0 40px 0 0; }
    .secLearning .communityBox .inner {
      gap: 25px;
      flex-direction: column; }
    .secLearning .communityBox .txtBox {
      width: 100%; }
    .secLearning .communityBox .pictBox {
      width: 94%;
      margin-bottom: 20px; }
      .secLearning .communityBox .pictBox img {
        border-radius: 0 30px 0 30px; }
      .secLearning .communityBox .pictBox::after {
        border-radius: 0 30px 0 30px;
        top: 15px;
        right: -15px; }
    .secLearning .communityBox .ttlEg {
      top: -60px;
      left: 0;
      font-size: 55px; }
    .secLearning .communityBox .ttlJp {
      font-size: 26px;
      margin-top: 0px;
      margin-bottom: 10px; }
    .secLearning .communityBox .btnBox {
      position: static;
      margin-top: 0px;
      width: 100%; }
      .secLearning .communityBox .btnBox a {
        padding: 1.1em;
        max-width: 100%; }
  .secLearning .lineSection01 {
    margin-bottom: 30px;
    padding-bottom: 30px; }
  .secLearning .manabiBnrBox {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 30px;
    gap: 10px;
    justify-content: center; }
    .secLearning .manabiBnrBox .item {
      text-align: center;
      width: 100%; }
      .secLearning .manabiBnrBox .item img {
        width: 100%;
        height: auto; }
      .secLearning .manabiBnrBox .item:first-child {
        width: 100%;
        padding-bottom: 85px; }
  .secLearning .learnLayout01 {
    gap: 10px;
    flex-direction: column;
    /* overflow-x: scroll; */ }
    .secLearning .learnLayout01 .txtBox {
      width: 100%; }
      .secLearning .learnLayout01 .txtBox .mds {
        font-size: 20px;
        margin-bottom: 10px; }
      .secLearning .learnLayout01 .txtBox .txt {
        margin-bottom: 10px; }
    .secLearning .learnLayout01 .pictBox {
      width: 100%; }
  .secLearning .secMypla {
    padding: 25px;
    border-radius: 0 30px 0 30px; }
    .secLearning .secMypla .mds {
      font-size: 18px; }
      .secLearning .secMypla .mds span {
        font-size: 24px; }
    .secLearning .secMypla .learnLayout02 {
      gap: 10px;
      margin-bottom: 25px;
      padding-bottom: 25px;
      flex-direction: column; }
      .secLearning .secMypla .learnLayout02 .txtBox {
        width: 100%; }
        .secLearning .secMypla .learnLayout02 .txtBox .txt {
          margin-bottom: 10px; }
      .secLearning .secMypla .learnLayout02 .pictBox {
        width: 100%; }
    .secLearning .secMypla .learnLayout03 {
      gap: 20px;
      flex-direction: column; }
      .secLearning .secMypla .learnLayout03 .itemBox {
        width: 100%; }
        .secLearning .secMypla .learnLayout03 .itemBox .pict {
          margin-bottom: 15px; }
        .secLearning .secMypla .learnLayout03 .itemBox .mds {
          font-size: 20px;
          margin-bottom: 5px; }
  .secLearning .learnLayout04 {
    gap: 30px;
    flex-direction: column; }
    .secLearning .learnLayout04 .txtBox {
      width: 100%; }
      .secLearning .learnLayout04 .txtBox .mds {
        font-size: 20px; }
      .secLearning .learnLayout04 .txtBox .txt {
        margin-bottom: 10px; }
    .secLearning .learnLayout04 .itemBox {
      width: 100%; }
      .secLearning .learnLayout04 .itemBox .pict {
        margin-bottom: 20px;
        max-height: 300px; }
        .secLearning .learnLayout04 .itemBox .pict img {
          width: auto;
          height: 285px; }
        .secLearning .learnLayout04 .itemBox .pict .shadow {
          box-shadow: 5px 5px 5px #d2d2d2;
          padding-right: 5px; }
      .secLearning .learnLayout04 .itemBox .mds {
        font-weight: 500;
        background: #f3982c;
        padding: .8em;
        color: #fff;
        border-radius: 0 15px 0 15px;
        margin-bottom: 10px; }
  .secLearning .secTopics {
    padding: 45px 25px 25px; }
    .secLearning .secTopics .ttlEg {
      top: -50px;
      right: 20px;
      font-size: 55px; }
    .secLearning .secTopics .mds {
      font-size: 18px; }
      .secLearning .secTopics .mds span {
        font-size: 24px; }
    .secLearning .secTopics .txt {
      margin-bottom: 20px; }
    .secLearning .secTopics .learnLayout05 {
      gap: 20px;
      align-items: center;
      flex-direction: column; }
      .secLearning .secTopics .learnLayout05 .pict {
        width: 100%; }
      .secLearning .secTopics .learnLayout05 .txtBox {
        width: 100%; }
        .secLearning .secTopics .learnLayout05 .txtBox .numList {
          margin-top: 0px; }
          .secLearning .secTopics .learnLayout05 .txtBox .numList .item {
            margin-bottom: 10px; }
            .secLearning .secTopics .learnLayout05 .txtBox .numList .item::before {
              padding: 0 .3em 0 .6em;
              font-size: 16px; }
          .secLearning .secTopics .learnLayout05 .txtBox .numList .ttl {
            font-size: 18px;
            margin-bottom: 5px; }
          .secLearning .secTopics .learnLayout05 .txtBox .numList .txt {
            margin-left: 2.5em;
            line-height: 1.6;
            margin-bottom: 10px; } }
/*-----------------------------------------------
    Current Student / Graduate Student
-----------------------------------------------*/
.secCurrentStu .loginBox, .secGraduateStu .loginBox {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px 50px 70px;
  border-radius: 0 40px 0 40px;
  gap: 50px;
  align-items: center; }
  .secCurrentStu .loginBox .txtBox, .secGraduateStu .loginBox .txtBox {
    width: calc(100% - 430px); }
    .secCurrentStu .loginBox .txtBox .ttl, .secGraduateStu .loginBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 5px; }
  .secCurrentStu .loginBox .btnBox, .secGraduateStu .loginBox .btnBox {
    width: 380px;
    text-align: center; }
    .secCurrentStu .loginBox .btnBox .aBtn02, .secGraduateStu .loginBox .btnBox .aBtn02 {
      max-width: 380px;
      line-height: 1.4;
      min-height: 80px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .secCurrentStu .loginBox .btnBox .remark, .secGraduateStu .loginBox .btnBox .remark {
      margin-top: 10px; }
.secCurrentStu .secPageNav, .secGraduateStu .secPageNav {
  gap: 30px; }
  .secCurrentStu .secPageNav .pageNav, .secGraduateStu .secPageNav .pageNav {
    width: calc((100% - 30px) / 2); }
    .secCurrentStu .secPageNav .pageNav .ttl, .secGraduateStu .secPageNav .pageNav .ttl {
      position: relative;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px; }
      .secCurrentStu .secPageNav .pageNav .ttl::before, .secGraduateStu .secPageNav .pageNav .ttl::before {
        position: absolute;
        content: '';
        background: #ed6d20;
        width: 5px;
        height: 30px;
        margin-right: 10px;
        top: 9px; }
      .secCurrentStu .secPageNav .pageNav .ttl .aLink, .secGraduateStu .secPageNav .pageNav .ttl .aLink {
        color: #000;
        text-decoration: none;
        position: relative;
        margin-left: 17px; }
        .secCurrentStu .secPageNav .pageNav .ttl .aLink::after, .secGraduateStu .secPageNav .pageNav .ttl .aLink::after {
          content: '';
          background-image: url("../images/arrow01.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 0% 10%;
          width: 9px;
          height: 15px;
          position: absolute;
          margin-right: 5px;
          top: calc(50% - 6px);
          right: -25px;
          transform: translate(0, calc(50% - 6px));
          display: inline; }
        .secCurrentStu .secPageNav .pageNav .ttl .aLink:hover, .secGraduateStu .secPageNav .pageNav .ttl .aLink:hover {
          opacity: .7; }
.secCurrentStu .mds, .secGraduateStu .mds {
  color: #ed6d20;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500; }
.secCurrentStu .mds02, .secGraduateStu .mds02 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px; }
.secCurrentStu .commissionTable, .secGraduateStu .commissionTable {
  border-top: 1px solid #d2d2d2;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px; }
  .secCurrentStu .commissionTable tr th, .secGraduateStu .commissionTable tr th {
    background: #fef8ea;
    border-bottom: 1px solid #d2d2d2;
    width: 50%;
    padding: .5em 1em;
    text-align: center; }
    .secCurrentStu .commissionTable tr th:first-child, .secGraduateStu .commissionTable tr th:first-child {
      border-right: 1px solid #d2d2d2; }
  .secCurrentStu .commissionTable tr td, .secGraduateStu .commissionTable tr td {
    border-bottom: 1px solid #d2d2d2;
    width: 50%;
    padding: .5em 1em .5em 3em;
    vertical-align: middle; }
    .secCurrentStu .commissionTable tr td:first-child, .secGraduateStu .commissionTable tr td:first-child {
      border-right: 1px solid #d2d2d2; }
    .secCurrentStu .commissionTable tr td:nth-child(2), .secGraduateStu .commissionTable tr td:nth-child(2) {
      text-align: center;
      font-size: 18px; }
.secCurrentStu .listBoxMaru .item .listBoxDisc .item, .secGraduateStu .listBoxMaru .item .listBoxDisc .item {
  text-indent: 0; }
  .secCurrentStu .listBoxMaru .item .listBoxDisc .item::before, .secGraduateStu .listBoxMaru .item .listBoxDisc .item::before {
    content: none; }
.secCurrentStu .listBoxMaru .item::before, .secGraduateStu .listBoxMaru .item::before {
  color: #000; }
.secCurrentStu .listBoxMaru .item p, .secGraduateStu .listBoxMaru .item p {
  text-indent: 0em; }
.secCurrentStu .flowChart, .secGraduateStu .flowChart {
  margin-left: 1.2em;
  font-size: 18px;
  font-weight: 500; }
  .secCurrentStu .flowChart .num, .secGraduateStu .flowChart .num {
    list-style-type: decimal;
    margin-bottom: 1em; }
    .secCurrentStu .flowChart .num .listBoxKome, .secGraduateStu .flowChart .num .listBoxKome {
      font-size: 14px;
      font-weight: normal; }
.secCurrentStu .contactBox, .secGraduateStu .contactBox {
  gap: 30px; }
  .secCurrentStu .contactBox .item, .secGraduateStu .contactBox .item {
    width: calc((100% - 30px) / 2);
    background: url("../images/bg_img01.jpg");
    background-size: cover;
    width: 100%;
    padding: 40px 20px 40px;
    border-radius: 0 40px 0 40px;
    text-align: center; }
    .secCurrentStu .contactBox .item .ttl, .secGraduateStu .contactBox .item .ttl {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 7px; }

@media only screen and (max-width: 767px) {
  .secCurrentStu .loginBox, .secGraduateStu .loginBox {
    padding: 25px 20px 25px;
    border-radius: 0 25px 0 25px;
    gap: 20px;
    align-items: start;
    flex-direction: column; }
    .secCurrentStu .loginBox .txtBox, .secGraduateStu .loginBox .txtBox {
      width: 100%; }
      .secCurrentStu .loginBox .txtBox .ttl, .secGraduateStu .loginBox .txtBox .ttl {
        font-size: 18px;
        text-align: center; }
    .secCurrentStu .loginBox .btnBox, .secGraduateStu .loginBox .btnBox {
      width: 100%; }
      .secCurrentStu .loginBox .btnBox .aBtn02, .secGraduateStu .loginBox .btnBox .aBtn02 {
        max-width: 100%;
        line-height: 1.4;
        padding: .7rem;
        font-size: 14px;
        min-height: 60px; }
  .secCurrentStu .secPageNav, .secGraduateStu .secPageNav {
    gap: 25px;
    flex-direction: column; }
    .secCurrentStu .secPageNav .pageNav, .secGraduateStu .secPageNav .pageNav {
      width: 100%; }
      .secCurrentStu .secPageNav .pageNav .ttl, .secGraduateStu .secPageNav .pageNav .ttl {
        font-size: 18px;
        margin-bottom: 10px; }
        .secCurrentStu .secPageNav .pageNav .ttl::before, .secGraduateStu .secPageNav .pageNav .ttl::before {
          height: 25px;
          top: 5px; }
        .secCurrentStu .secPageNav .pageNav .ttl .aLink, .secGraduateStu .secPageNav .pageNav .ttl .aLink {
          margin-left: 15px; }
          .secCurrentStu .secPageNav .pageNav .ttl .aLink::after, .secGraduateStu .secPageNav .pageNav .ttl .aLink::after {
            top: calc(50% - 8px); }
  .secCurrentStu .mds, .secGraduateStu .mds {
    font-size: 18px;
    line-height: 1.5; }
  .secCurrentStu .mds02, .secGraduateStu .mds02 {
    font-size: 16px; }
  .secCurrentStu .commissionTable, .secGraduateStu .commissionTable {
    border-top: 1px solid #d2d2d2;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px; }
    .secCurrentStu .commissionTable tr th, .secGraduateStu .commissionTable tr th {
      padding: .4em; }
    .secCurrentStu .commissionTable tr td, .secGraduateStu .commissionTable tr td {
      padding: .4em; }
      .secCurrentStu .commissionTable tr td:nth-child(2), .secGraduateStu .commissionTable tr td:nth-child(2) {
        font-size: 16px; }
  .secCurrentStu .flowChart, .secGraduateStu .flowChart {
    margin-left: 1.1em;
    font-size: 16px; }
    .secCurrentStu .flowChart .num, .secGraduateStu .flowChart .num {
      margin-bottom: 1em; }
  .secCurrentStu .contactBox, .secGraduateStu .contactBox {
    gap: 20px;
    flex-direction: column; }
    .secCurrentStu .contactBox .item, .secGraduateStu .contactBox .item {
      width: 100%;
      padding: 20px 15px 20px;
      border-radius: 0 30px 0 30px; }
      .secCurrentStu .contactBox .item .ttl, .secGraduateStu .contactBox .item .ttl {
        font-size: 16px; } }
/*-----------------------------------------------
    Student Voice
-----------------------------------------------*/
.stuVoice_subTtl {
  font-size: 25px;
  margin-left: .5em; }

.studentVoiceTtl_pic::after {
  background-image: url("../images/student_voice/top_img.jpg");
  background-position: center center; }

.secStudentVoice .introBox {
  margin-bottom: 60px; }
  .secStudentVoice .introBox .txt {
    font-size: 18px;
    margin-bottom: 7px; }
.secStudentVoice .pickupBox {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 75px 0px;
  border-radius: 50px;
  margin-bottom: 120px; }
  .secStudentVoice .pickupBox .voiceList .item .ttl::after {
    background: #f3982c; }
  .secStudentVoice .pickupBox .inner {
    position: relative; }
  .secStudentVoice .pickupBox .ttlEg {
    position: absolute;
    top: -150px;
    left: 0px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 90px;
    white-space: nowrap; }
.secStudentVoice .voiceList {
  gap: 40px;
  flex-wrap: wrap; }
  .secStudentVoice .voiceList .item {
    width: calc((100% - 80px) / 3);
    position: relative;
    min-height: auto;
    z-index: 0; }
    .secStudentVoice .voiceList .item .ttl {
      font-size: 20px;
      color: #fff;
      margin-bottom: 15px;
      position: relative;
      padding: 25px 25px 0px 25px; }
      .secStudentVoice .voiceList .item .ttl span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden; }
      .secStudentVoice .voiceList .item .ttl::after {
        content: '';
        position: absolute;
        background: #f8b62c;
        width: 100%;
        height: 250px;
        border-radius: 0 20px 0 20px;
        top: 0;
        left: 0;
        z-index: -1; }
    .secStudentVoice .voiceList .item .inner {
      flex-direction: column;
      padding: 0px 25px; }
    .secStudentVoice .voiceList .item .pict {
      width: 100%;
      height: 180px;
      margin-bottom: 15px;
      overflow: hidden;
      border-radius: 0 20px 0 20px; }
      .secStudentVoice .voiceList .item .pict img {
        border-radius: 0 20px 0 20px;
        transition: transform .2s; }
    .secStudentVoice .voiceList .item .position {
      color: #000; }
    .secStudentVoice .voiceList .item .name {
      color: #000;
      margin-bottom: 10px; }
      .secStudentVoice .voiceList .item .name span {
        font-size: 16px;
        font-weight: 500;
        margin-right: .4em; }
    .secStudentVoice .voiceList .item .category {
      gap: 5px;
      flex-wrap: wrap;
      margin-right: 50px; }
      .secStudentVoice .voiceList .item .category > div {
        color: #fff;
        font-size: 12px;
        line-height: 1;
        padding: .4em .8em;
        background: #d2d2d2;
        border-radius: 100vh; }
      .secStudentVoice .voiceList .item .category .further {
        background: #f3982c; }
      .secStudentVoice .voiceList .item .category .transfer {
        background: #f8b62c; }
      .secStudentVoice .voiceList .item .category .graduate {
        background: #467dd2; }
      .secStudentVoice .voiceList .item .category .current {
        background: #6bc300; }
      .secStudentVoice .voiceList .item .category .showbiz {
        background: #f55f64; }
      .secStudentVoice .voiceList .item .category .sport {
        background: #14bedc; }
    .secStudentVoice .voiceList .item .arrow {
      width: 40px;
      height: 40px;
      position: absolute;
      bottom: 0;
      right: 25px;
      transition: right .2s; }
    .secStudentVoice .voiceList .item .aLink {
      text-decoration: none;
      display: block;
      transition: transform .2s; }
    .secStudentVoice .voiceList .item .aLink:hover .arrow {
      right: 15px; }
    .secStudentVoice .voiceList .item .aLink:hover .pict img {
      transform: scale(1.05); }
.secStudentVoice .indexBox .voiceList .item::after {
  background: #f8b62c; }
.secStudentVoice .categorySelectBox {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
  padding-bottom: 50px;
  border-bottom: 1px solid #d2d2d2;
  /*上部に移動後のレイアウト*/
  padding-top: 50px;
  border-top: 1px solid #d2d2d2;
  margin-bottom: 110px; }
  .secStudentVoice .categorySelectBox .ttl {
    width: 150px;
    height: 80px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    background: #f3982c;
    border-radius: 0 15px 0 15px;
    margin-right: 20px; }
  .secStudentVoice .categorySelectBox .listBox {
    gap: 5px 25px;
    flex-direction: column;
    flex-wrap: wrap;
    height: 65px;
    width: 600px; }
    .secStudentVoice .categorySelectBox .listBox .item {
      font-size: 16px;
      font-weight: 500; }
      .secStudentVoice .categorySelectBox .listBox .item:first-child, .secStudentVoice .categorySelectBox .listBox .item:nth-child(2) {
        width: 215px; }
      .secStudentVoice .categorySelectBox .listBox .item:nth-child(3), .secStudentVoice .categorySelectBox .listBox .item:nth-child(4) {
        width: 155px; }
      .secStudentVoice .categorySelectBox .listBox .item:nth-child(5), .secStudentVoice .categorySelectBox .listBox .item:last-child {
        width: 180px; }
  .secStudentVoice .categorySelectBox input[type="checkbox"] {
    position: relative;
    width: 16px;
    height: 16px;
    border: 2px solid #D2D2D2;
    border-radius: 3px;
    vertical-align: -5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: .5em; }
  .secStudentVoice .categorySelectBox input[type="checkbox"]:checked {
    border: 2px solid #f3982c; }
  .secStudentVoice .categorySelectBox input[type="checkbox"]:checked:before {
    position: absolute;
    top: 1px;
    left: 4px;
    transform: rotate(50deg);
    width: 4px;
    height: 8px;
    border-right: 2px solid #f3982c;
    border-bottom: 2px solid #f3982c;
    border-radius: 1px;
    content: ''; }
  .secStudentVoice .categorySelectBox .resetBtn {
    width: 150px; }
    .secStudentVoice .categorySelectBox .resetBtn input[type="reset"] {
      width: 150px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border: 1px solid #d2d2d2;
      border-radius: 100vh;
      cursor: pointer; }
.secStudentVoice .more__btn04 {
  background: #f3982c;
  width: 100%;
  min-height: 55px;
  padding: 13px;
  text-align: center;
  color: #fff;
  font-family: 'Barlow';
  font-size: 18px;
  letter-spacing: .2em;
  border: none;
  margin: 35px 0 25px;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
  transition: opacity .3s ease; }
.secStudentVoice .more__btn04:hover {
  opacity: .7; }
.secStudentVoice .js-close04 {
  background: #A2A2A2; }

@media only screen and (max-width: 767px) {
  .stuVoice_subTtl {
    font-size: 18px;
    margin-left: 0; }

  .secStudentVoice .introBox {
    margin-bottom: 60px; }
    .secStudentVoice .introBox .txt {
      font-size: 14px;
      margin-bottom: 5px; }
  .secStudentVoice .pickupBox {
    width: 100%;
    padding: 50px 0px;
    border-radius: 30px;
    margin-bottom: 60px; }
    .secStudentVoice .pickupBox .ttlEg {
      top: -108px;
      font-size: 60px; }
  .secStudentVoice .voiceList {
    gap: 40px; }
    .secStudentVoice .voiceList .item {
      width: 100%; }
      .secStudentVoice .voiceList .item .ttl {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 15px;
        position: relative;
        padding: 15px 15px 30px 15px; }
        .secStudentVoice .voiceList .item .ttl::after {
          height: 100%; }
      .secStudentVoice .voiceList .item .inner {
        flex-direction: row-reverse;
        padding: 0px 15px;
        gap: 15px;
        position: relative; }
      .secStudentVoice .voiceList .item .pict {
        width: calc((100% - 15px) / 2);
        height: auto;
        margin-bottom: 0;
        border-radius: 0 10px 0 10px;
        position: relative;
        margin-top: -30px;
        z-index: 1;
        aspect-ratio: 1;
        margin-bottom: 15px; }
        .secStudentVoice .voiceList .item .pict img {
          position: absolute;
          border-radius: 0 10px 0 10px;
          top: 50%;
          left: 50%;
          width: auto;
          height: 100%;
          transform: translate(-50%, -50%); }
      .secStudentVoice .voiceList .item .txtBox {
        width: calc((100% - 15px) / 2); }
      .secStudentVoice .voiceList .item .position {
        color: #000; }
      .secStudentVoice .voiceList .item .name {
        color: #000;
        margin-bottom: 10px; }
      .secStudentVoice .voiceList .item .category {
        gap: 5px;
        flex-direction: column;
        margin-right: 0; }
      .secStudentVoice .voiceList .item .arrow {
        bottom: 0;
        right: 5px;
        transition: inherit;
        position: absolute;
        z-index: 2; }
      .secStudentVoice .voiceList .item .aLink:hover .arrow {
        right: 5px; }
      .secStudentVoice .voiceList .item .aLink:hover .pict img {
        transform: translate(-50%, -50%); }
  .secStudentVoice .indexBox .voiceList .item::after {
    background: #f8b62c; }
  .secStudentVoice .categorySelectBox {
    justify-content: start;
    align-items: start;
    margin-bottom: 50px;
    padding-bottom: 0;
    border-bottom: none;
    flex-direction: column;
    /*上部に移動後のレイアウト*/
    border-top: none;
    padding-top: 0px;
    margin-bottom: 100px; }
    .secStudentVoice .categorySelectBox .ttl {
      width: 100%;
      height: 60px;
      font-size: 16px;
      letter-spacing: .1em;
      margin-bottom: 15px; }
    .secStudentVoice .categorySelectBox .listBox {
      gap: 10px 0;
      flex-direction: row;
      flex-wrap: wrap;
      height: auto;
      width: 100%;
      margin-bottom: 15px; }
      .secStudentVoice .categorySelectBox .listBox .item {
        font-size: 15px;
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 10px; }
        .secStudentVoice .categorySelectBox .listBox .item:first-child, .secStudentVoice .categorySelectBox .listBox .item:nth-child(2), .secStudentVoice .categorySelectBox .listBox .item:nth-child(3), .secStudentVoice .categorySelectBox .listBox .item:nth-child(4), .secStudentVoice .categorySelectBox .listBox .item:nth-child(5), .secStudentVoice .categorySelectBox .listBox .item:last-child {
          width: calc((100% - 15px) / 2); }
        .secStudentVoice .categorySelectBox .listBox .item:nth-child(odd) {
          padding-right: 15px; }
        .secStudentVoice .categorySelectBox .listBox .item:nth-child(n+5) {
          border-bottom: none; }
    .secStudentVoice .categorySelectBox .resetBtn {
      width: 150px;
      text-align: center;
      margin: 0 auto; }
  .secStudentVoice .more__btn04 {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    font-size: 16px; } }
/*-----------------------------------------------
    Student Voice Detail
-----------------------------------------------*/
.secStVoiceDetail .introBox {
  position: relative;
  height: auto;
  width: 100%;
  padding-top: 5px; }
  .secStVoiceDetail .introBox::after {
    content: '';
    position: absolute;
    width: calc(50% + 70px);
    height: 500px;
    left: 0;
    top: 0;
    background-image: url("../images/student_voice/voice01/img01.jpg");
    background-size: cover;
    background-position: center center;
    border-radius: 0 40px 0 0;
    z-index: -1; }
  .secStVoiceDetail .introBox .inner {
    width: calc(100% - 40px);
    max-width: 1016px;
    margin: 0 auto; }
  .secStVoiceDetail .introBox .profileBox {
    background: #fff;
    width: calc(50% + 50px);
    height: auto;
    margin: 110px 0 60px auto;
    padding: 40px 0 40px 40px;
    flex-direction: column; }
    .secStVoiceDetail .introBox .profileBox .mds {
      font-size: 35px;
      font-weight: 500;
      margin-bottom: 30px;
      color: #ed6d20;
      line-height: 1.5; }
    .secStVoiceDetail .introBox .profileBox .nameBox {
      font-size: 24px;
      margin-bottom: 10px; }
      .secStVoiceDetail .introBox .profileBox .nameBox .position {
        font-weight: 500;
        display: block;
        font-size: 15px; }
      .secStVoiceDetail .introBox .profileBox .nameBox .name {
        margin-top: 10px;
        display: inline-block; }
      .secStVoiceDetail .introBox .profileBox .nameBox .san {
        font-size: 15px;
        font-weight: normal; }
    .secStVoiceDetail .introBox .profileBox .infoBox .category {
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid #d2d2d2; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category li {
        color: #fff;
        font-size: 12px;
        line-height: 1;
        padding: .4em .8em;
        background: #d2d2d2;
        border-radius: 100vh;
        margin-right: 5px; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category .further {
        background: #f3982c; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category .transfer {
        background: #f8b62c; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category .graduate {
        background: #467dd2; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category .showbiz {
        background: #f55f64; }
      .secStVoiceDetail .introBox .profileBox .infoBox .category .sport {
        background: #14bedc; }
    .secStVoiceDetail .introBox .profileBox .infoBox .view_more {
      display: none; }
    .secStVoiceDetail .introBox .profileBox .snsBox {
      margin-left: 15px;
      margin-top: 5px; }
      .secStVoiceDetail .introBox .profileBox .snsBox .item {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 2px; }
.secStVoiceDetail .messageBox {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px 60px;
  border-radius: 0 40px 0 40px;
  margin-bottom: 120px;
  position: relative;
  gap: 40px; }
  .secStVoiceDetail .messageBox .ttlEg {
    position: absolute;
    top: -70px;
    right: 60px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 80px;
    white-space: nowrap;
    padding-right: 5px; }
  .secStVoiceDetail .messageBox .txtBox {
    width: calc(100% - 40px); }
    .secStVoiceDetail .messageBox .txtBox .mds {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 10px; }
  .secStVoiceDetail .messageBox .pict {
    width: 200px;
    height: auto;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative; }
    .secStVoiceDetail .messageBox .pict img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
.secStVoiceDetail .movieBox {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px 60px;
  border-radius: 0 40px 0 40px;
  margin-bottom: 120px;
  position: relative;
  gap: 40px; }
  .secStVoiceDetail .movieBox .ttlEg {
    position: absolute;
    top: -70px;
    right: 60px;
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 80px;
    white-space: nowrap; }
.secStVoiceDetail .secMds {
  font-size: 24px;
  margin-bottom: 55px; }
  .secStVoiceDetail .secMds::after {
    bottom: -20px; }
.secStVoiceDetail .voiceLayout01 {
  gap: 40px;
  flex-direction: row-reverse;
  margin-bottom: 100px; }
  .secStVoiceDetail .voiceLayout01 .pictBox {
    width: 480px; }
  .secStVoiceDetail .voiceLayout01 .txtBox {
    width: calc(100% - 40px - 480px); }
.secStVoiceDetail .voiceLayout02 {
  gap: 40px;
  flex-direction: row;
  margin-bottom: 100px; }
  .secStVoiceDetail .voiceLayout02 .pictBox {
    width: 480px; }
  .secStVoiceDetail .voiceLayout02 .txtBox {
    width: calc(100% - 40px - 480px); }
.secStVoiceDetail .voiceLayout03 {
  margin-bottom: 100px; }
  .secStVoiceDetail .voiceLayout03 .txtBox {
    width: 100%; }
.secStVoiceDetail .scheduleBox {
  gap: 30px; }
  .secStVoiceDetail .scheduleBox .mds {
    background: #f3982c;
    border-radius: 0 15px 0 15px;
    font-weight: bold;
    padding: 1em .5em;
    text-align: center;
    color: #fff;
    width: 160px;
    line-height: 1.5; }
  .secStVoiceDetail .scheduleBox .scheList {
    width: calc(100% - 190px);
    position: relative;
    margin-left: 25px; }
    .secStVoiceDetail .scheduleBox .scheList .itemBox {
      display: flex;
      -webkit-display: flex;
      align-items: start;
      -webkit-align-items: start;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      margin-bottom: 15px;
      position: relative; }
      .secStVoiceDetail .scheduleBox .scheList .itemBox .timeline {
        margin-top: 10px;
        position: relative;
        width: 100px;
        min-height: 50px; }
        .secStVoiceDetail .scheduleBox .scheList .itemBox .timeline .point::before {
          content: '';
          position: absolute;
          background: #f3982c;
          top: 50%;
          left: 0;
          width: 18px;
          height: 18px;
          border-radius: 100vh;
          position: absolute;
          transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%); }
        .secStVoiceDetail .scheduleBox .scheList .itemBox .timeline .time {
          padding-left: 25px;
          position: relative;
          color: #f3982c;
          height: 100%;
          min-height: 50px; }
      .secStVoiceDetail .scheduleBox .scheList .itemBox .action {
        width: calc(100% - 100px);
        margin-top: 7px; }
        .secStVoiceDetail .scheduleBox .scheList .itemBox .action .ttl {
          grid-area: ttl;
          font-size: 18px;
          font-weight: 500; }
        .secStVoiceDetail .scheduleBox .scheList .itemBox .action .txt {
          grid-area: txt; }
    .secStVoiceDetail .scheduleBox .scheList .itemBox::before {
      content: '';
      position: absolute;
      left: 8px;
      bottom: -15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: 90%; }
    .secStVoiceDetail .scheduleBox .scheList .itemBox::after {
      content: '';
      position: absolute;
      left: 1px;
      bottom: -30px;
      border: 8px solid transparent;
      border-top-width: 8px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 10px solid #CBCBCB;
      z-index: -1;
      width: 0px; }
    .secStVoiceDetail .scheduleBox .scheList .itemBox:last-child::before, .secStVoiceDetail .scheduleBox .scheList .itemBox:last-child::after {
      content: none; }
.secStVoiceDetail .voiceNavBox {
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
  margin-top: 50px;
  justify-content: space-between;
  align-items: center;
  list-style-type: none; }
  .secStVoiceDetail .voiceNavBox a {
    color: #000;
    text-decoration: none;
    transition: .2s; }
  .secStVoiceDetail .voiceNavBox a:hover {
    opacity: .7; }
  .secStVoiceDetail .voiceNavBox .prevBtn {
    display: inline-block;
    position: relative;
    padding-left: 34px; }
    .secStVoiceDetail .voiceNavBox .prevBtn::before {
      content: '';
      position: absolute;
      background-size: 26px 26px;
      background-repeat: no-repeat;
      background-position: center;
      background: url("../images/arrow_sL.svg");
      width: 26px;
      height: 26px;
      left: 0;
      top: 0; }
  .secStVoiceDetail .voiceNavBox .nextBtn {
    display: inline-block;
    position: relative;
    padding-right: 34px; }
    .secStVoiceDetail .voiceNavBox .nextBtn::before {
      content: '';
      position: absolute;
      background-size: 26px 26px;
      background-repeat: no-repeat;
      background-position: center;
      background: url("../images/arrow_sR.svg");
      width: 26px;
      height: 26px;
      right: 0;
      top: 0; }
  .secStVoiceDetail .voiceNavBox .backIndex {
    display: inline-block;
    width: 260px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 100vh;
    cursor: pointer; }

@media only screen and (max-width: 767px) {
  .secStVoiceDetail .introBox {
    padding-top: 230px;
    margin-bottom: 30px; }
    .secStVoiceDetail .introBox::after {
      width: 96%;
      height: 230px; }
    .secStVoiceDetail .introBox .inner {
      width: 100%;
      max-width: auto; }
    .secStVoiceDetail .introBox .profileBox {
      background: #fff;
      width: 92%;
      height: auto;
      margin: 0 auto;
      padding: 0; }
      .secStVoiceDetail .introBox .profileBox .mds {
        font-size: 24px;
        margin-bottom: 30px;
        order: 1; }
      .secStVoiceDetail .introBox .profileBox .nameBox {
        margin: -30px 0 10px auto;
        width: 50%;
        background: #fff;
        padding: 10px 25px 0 20px; }
        .secStVoiceDetail .introBox .profileBox .nameBox .position {
          margin-bottom: 0px; }
        .secStVoiceDetail .introBox .profileBox .nameBox .name {
          font-size: 20px; }
          .secStVoiceDetail .introBox .profileBox .nameBox .name span {
            font-size: 18px; }
      .secStVoiceDetail .introBox .profileBox .infoBox {
        order: 2;
        border: 1px solid #d2d2d2;
        padding: 15px; }
        .secStVoiceDetail .introBox .profileBox .infoBox .category {
          margin-bottom: 15px;
          padding-bottom: 15px;
          border-bottom: 1px solid #d2d2d2; }
      .secStVoiceDetail .introBox .profileBox .text_wrapper {
        position: relative;
        margin-bottom: 45px; }
        .secStVoiceDetail .introBox .profileBox .text_wrapper .text {
          height: 150px;
          overflow: hidden; }
        .secStVoiceDetail .introBox .profileBox .text_wrapper .view_more {
          display: inherit;
          position: absolute;
          bottom: 50px;
          left: 0px;
          width: 100%;
          height: 30px;
          padding-top: 60px;
          text-align: center;
          line-height: 30px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
          cursor: pointer;
          transition: bottom 0.2s; }
          .secStVoiceDetail .introBox .profileBox .text_wrapper .view_more span {
            background: #f8b62c;
            color: #fff;
            padding: .3em;
            text-align: center;
            letter-spacing: .1em;
            width: calc(100% - 30px);
            display: block;
            margin: auto; }
        .secStVoiceDetail .introBox .profileBox .text_wrapper .active {
          background: none;
          bottom: -30px; }
  .secStVoiceDetail .messageBox {
    padding: 45px 25px;
    border-radius: 0 30px 0 30px;
    gap: 20px;
    flex-direction: column;
    margin-bottom: 80px; }
    .secStVoiceDetail .messageBox .ttlEg {
      top: -55px;
      right: 20px;
      font-size: 60px; }
    .secStVoiceDetail .messageBox .txtBox {
      width: 100%; }
      .secStVoiceDetail .messageBox .txtBox .mds {
        font-size: 18px; }
    .secStVoiceDetail .messageBox .pict {
      width: 70%;
      height: auto;
      margin: 0 auto; }
  .secStVoiceDetail .movieBox {
    padding: 45px 25px;
    border-radius: 0 30px 0 30px;
    margin-bottom: 100px; }
    .secStVoiceDetail .movieBox .ttlEg {
      top: -55px;
      right: 20px;
      font-size: 60px; }
  .secStVoiceDetail .secMds {
    font-size: 18px; }
  .secStVoiceDetail .voiceLayout01 {
    gap: 20px;
    flex-direction: column-reverse;
    margin-bottom: 75px; }
    .secStVoiceDetail .voiceLayout01 .pictBox {
      width: 100%; }
    .secStVoiceDetail .voiceLayout01 .txtBox {
      width: 100%; }
  .secStVoiceDetail .voiceLayout02 {
    gap: 20px;
    flex-direction: column-reverse;
    margin-bottom: 75px; }
    .secStVoiceDetail .voiceLayout02 .pictBox {
      width: 100%; }
    .secStVoiceDetail .voiceLayout02 .txtBox {
      width: 100%; }
  .secStVoiceDetail .voiceLayout03 {
    margin-bottom: 75px; }
    .secStVoiceDetail .voiceLayout03 .txtBox {
      width: 100%; }
  .secStVoiceDetail .scheduleBox {
    gap: 20px;
    flex-direction: column; }
    .secStVoiceDetail .scheduleBox .mds {
      width: 100%; }
    .secStVoiceDetail .scheduleBox .scheList {
      width: 100%;
      margin-left: 0; }
      .secStVoiceDetail .scheduleBox .scheList .itemBox .timeline {
        width: 80px; }
      .secStVoiceDetail .scheduleBox .scheList .itemBox .action {
        width: calc(100% - 80px);
        margin-top: 7px; }
        .secStVoiceDetail .scheduleBox .scheList .itemBox .action .ttl {
          font-size: 16px; }
  .secStVoiceDetail .voiceNavBox {
    border-top: 1px solid #d2d2d2;
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
    flex-wrap: wrap; }
    .secStVoiceDetail .voiceNavBox .backIndex {
      display: inline-block;
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border: 1px solid #d2d2d2;
      border-radius: 100vh;
      cursor: pointer;
      order: 3;
      margin-top: 40px; } }
/*-----------------------------------------------
    Active Wear Project
-----------------------------------------------*/
.activeWearTtl_pic::after {
  background-image: url("../images/activewear/kv_img.jpg");
  background-position: center center; }

.secActiveWear .introBox {
  margin-bottom: 150px; }
  .secActiveWear .introBox .copy {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px; }
.secActiveWear .secDesign {
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  padding: 120px 60px 60px;
  border-radius: 0 40px 0 40px;
  margin-bottom: 120px;
  position: relative;
  gap: 40px; }
  .secActiveWear .secDesign .mds01 {
    width: 850px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -70px; }
  .secActiveWear .secDesign .mds02 {
    width: 105px;
    margin: 0 auto 20px; }
  .secActiveWear .secDesign .txt {
    margin-bottom: 50px;
    text-align: center; }
  .secActiveWear .secDesign .listBox {
    position: relative;
    border-bottom: 1px dotted #999;
    padding-bottom: 40px;
    margin-bottom: 40px; }
    .secActiveWear .secDesign .listBox:last-child {
      border: none;
      padding: 0; }
    .secActiveWear .secDesign .listBox .ttl {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 20px;
      color: #ed6d20;
      font-weight: 500;
      background: #fff;
      border-radius: 10px;
      padding: .3em .8em;
      line-height: 1; }
    .secActiveWear .secDesign .listBox .item {
      width: 650px;
      margin: 0 auto;
      padding-top: 15px; }
      .secActiveWear .secDesign .listBox .item img {
        width: 50%; }
.secActiveWear .pblChart {
  margin: 60px auto 150px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  flex-direction: column; }
  .secActiveWear .pblChart > .item {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: start;
    -webkit-align-items: start;
    gap: 50px;
    position: relative;
    width: 100%; }
    .secActiveWear .pblChart > .item .step {
      height: 100%;
      min-height: 80px;
      width: 120px; }
      .secActiveWear .pblChart > .item .step .inner {
        font-size: 16px;
        display: block;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        min-height: 80px;
        width: 120px;
        color: #fff;
        display: flex;
        -webkit-display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        font-weight: bold;
        flex-direction: column;
        line-height: .8; }
    .secActiveWear .pblChart > .item .step::before {
      content: '';
      position: absolute;
      left: 60px;
      bottom: 15px;
      width: 2px;
      height: 20px;
      margin: auto;
      border-right: 2px dotted #CBCBCB;
      z-index: -1;
      height: calc(100% - 90px); }
    .secActiveWear .pblChart > .item .step::after {
      content: '';
      position: absolute;
      left: 52px;
      bottom: 0;
      border: 9px solid transparent;
      border-top-width: 10px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top-width: 6px;
      border-top-style: solid;
      border-top-color: transparent;
      border-top: 12px solid #CBCBCB;
      z-index: -1;
      width: 12px; }
    .secActiveWear .pblChart > .item .cntsBox {
      line-height: 1.7em;
      width: calc(100% - 170px); }
      .secActiveWear .pblChart > .item .cntsBox .ttl {
        font-size: 24px;
        margin: 1.3em 0 30px;
        font-weight: 500; }
      .secActiveWear .pblChart > .item .cntsBox .commentBox {
        border-radius: 0 30px 0 30px;
        padding: 50px;
        margin-bottom: 50px;
        background: url("../images/bg_img01.jpg");
        background-size: cover;
        width: 100%;
        gap: 35px; }
        .secActiveWear .pblChart > .item .cntsBox .commentBox .ttl {
          color: #ed6d1f;
          margin: 0 0 25px; }
        .secActiveWear .pblChart > .item .cntsBox .commentBox .txtBox {
          width: calc(100% - 225px); }
        .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox {
          width: 190px; }
          .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox .name {
            margin-top: 15px;
            text-align: center; }
            .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox .name span {
              font-size: 18px; }
      .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 {
        position: relative; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .slick-slide {
          margin: 10px; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .slide-arrow {
          position: absolute;
          width: 50px;
          height: 50px;
          top: 80px;
          cursor: pointer;
          z-index: 10; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .next-arrow {
          right: -15px; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .prev-arrow {
          left: -15px; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 p {
          margin-top: 8px; }
    .secActiveWear .pblChart > .item .width100 {
      width: 100%; }
.secActiveWear .penaltyBox {
  border: 1px solid #d2d2d2;
  padding: 55px;
  align-items: center;
  gap: 45px; }
  .secActiveWear .penaltyBox .pict {
    width: 330px; }
  .secActiveWear .penaltyBox .txtBox {
    width: calc(100% - 375px); }
    .secActiveWear .penaltyBox .txtBox .mds {
      color: #f3982d;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 500; }

@media only screen and (max-width: 767px) {
  .secActiveWear .introBox {
    margin-bottom: 150px; }
    .secActiveWear .introBox .copy {
      font-size: 28px; }
  .secActiveWear .secDesign {
    padding: 70px 25px 40px;
    border-radius: 0 30px 0 30px;
    margin-bottom: 60px;
    gap: 40px; }
    .secActiveWear .secDesign .mds01 {
      width: 100%; }
    .secActiveWear .secDesign .mds02 {
      width: 100px;
      margin: 0 auto 15px; }
    .secActiveWear .secDesign .txt {
      margin-bottom: 40px; }
    .secActiveWear .secDesign .listBox {
      padding-bottom: 30px;
      margin-bottom: 30px; }
      .secActiveWear .secDesign .listBox .ttl {
        font-size: 16px; }
      .secActiveWear .secDesign .listBox .item {
        width: 100%;
        padding-top: 25px;
        flex-direction: column; }
        .secActiveWear .secDesign .listBox .item img {
          width: 100%; }
  .secActiveWear .pblChart {
    margin: 40px auto 40px; }
    .secActiveWear .pblChart > .item {
      gap: 15px;
      position: relative;
      width: 100%; }
      .secActiveWear .pblChart > .item .step {
        min-height: 75px;
        width: 75px; }
        .secActiveWear .pblChart > .item .step .inner {
          font-size: 16px;
          min-height: 75px;
          width: 75px; }
      .secActiveWear .pblChart > .item .step::before {
        left: 38px; }
      .secActiveWear .pblChart > .item .step::after {
        left: 30px; }
      .secActiveWear .pblChart > .item .cntsBox {
        line-height: 1.7em;
        width: calc(100% - 90px); }
        .secActiveWear .pblChart > .item .cntsBox .ttl {
          font-size: 18px;
          margin: 1em 0 20px; }
        .secActiveWear .pblChart > .item .cntsBox .commentBox {
          border-radius: 0 20px 0 20px;
          padding: 20px;
          margin-bottom: 40px;
          flex-direction: column;
          gap: 25px; }
          .secActiveWear .pblChart > .item .cntsBox .commentBox .ttl {
            color: #ed6d1f;
            margin: 0 0 25px; }
          .secActiveWear .pblChart > .item .cntsBox .commentBox .txtBox {
            width: 100%; }
          .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox {
            width: 70%;
            margin: 0 auto; }
            .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox .name {
              margin-top: 10px; }
              .secActiveWear .pblChart > .item .cntsBox .commentBox .pictBox .name span {
                font-size: 16px; }
        .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 {
          position: relative; }
          .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .slick-slide {
            margin: 10px; }
          .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .slide-arrow {
            width: 40px;
            height: 40px;
            top: calc(100vw / 5); }
          .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .next-arrow {
            right: -10px; }
          .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 .prev-arrow {
            left: -10px; }
          .secActiveWear .pblChart > .item .cntsBox .footsal-slick01 p {
            margin-top: 8px; }
      .secActiveWear .pblChart > .item .width100 {
        width: 100%; }
  .secActiveWear .penaltyBox {
    padding: 25px;
    gap: 10px;
    flex-direction: column; }
    .secActiveWear .penaltyBox .pict {
      width: 100%; }
    .secActiveWear .penaltyBox .txtBox {
      width: 100%; }
      .secActiveWear .penaltyBox .txtBox .mds {
        font-size: 16px; } }
/*-----------------------------------------------
    Course
-----------------------------------------------*/
.courseShakaijinTtl_pic::after {
  background-image: url("../images/course/shakaijin/kv.jpg");
  background-position: top 10% center; }

.courseSelfproduceTtl_pic::after {
  background-image: url("../images/course/self_produce/kv.jpg");
  background-position: center center; }

.courseTsugakuTtl_pic::after {
  background-image: url("../images/course/tsugaku/kv.jpg");
  background-position: center center; }

.courseSportsTtl_pic::after {
  background-image: url("../images/course/sports/kv.jpg");
  background-position: center center; }

.soccerBlog_pic::after {
  background-image: url("../images/course/sports/kv.jpg");
  background-position: center center; }

.courseRecommTtl_pic::after {
  background-image: url("../images/course/kv.jpg");
  background-position: center center; }

.courseEntertainTtl_pic::after {
  background-image: url("../images/course/entertainment/kv.jpg");
  background-position: center center; }

.courseCampusTtl_pic::after {
  background-image: url("../images/course/campus/kv02.jpg");
  background-position: center center; }

.courseGlobalTtl_pic::after {
  background-image: url("../images/course/global/kv.jpg");
  background-position: center center; }

.pageTtlBox .courseTtl {
  font-weight: bold;
  color: #fff; }

.courseTsugaku .introBox {
  margin-bottom: 40px; }

.courseSelfp .voiceBox {
  padding: 75px 60px 55px; }
  .courseSelfp .voiceBox .ttlEg {
    left: 50px;
    right: inherit; }

.soccerBlog {
  margin-top: 110px; }

@media only screen and (max-width: 767px) {
  .courseShakaijinTtl_pic::after {
    background-image: url("../images/course/shakaijin/kv_sp.jpg");
    background-position: center center; }

  .courseTsugakuTtl_pic::after {
    background-image: url("../images/course/tsugaku/kv_sp.jpg"); }

  .courseSelfp .voiceBox {
    padding: 45px 25px 25px; }
    .courseSelfp .voiceBox .ttlEg {
      left: 15px;
      right: inherit; }

  .courseTsugaku .introBox {
    margin-bottom: 20px; }

  .courseSports .featureBox .txtBox {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px; }
  .courseSports .featureBox .mdsBox {
    margin-top: 0px; }

  .soccerBlog {
    margin-top: 50px; } }
/*-----------------------------------------------
    Course | 共通
-----------------------------------------------*/
.secCourse .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secCourse .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
  .secCourse .introBox .ttlEg::before {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(-30deg);
    top: 8px;
    left: 5px; }
  .secCourse .introBox .ttlEg::after {
    content: '';
    position: absolute;
    background: #ec6c1f;
    width: 1px;
    height: 1em;
    transform: rotate(30deg);
    top: 8px;
    right: 5px; }
  .secCourse .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secCourse .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secCourse .recommBox {
  background: #fef8ea;
  position: relative;
  padding: 60px 60px 40px;
  margin-bottom: 100px; }
  .secCourse .recommBox .ttl {
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 10px 20px; }
  .secCourse .recommBox .listBoxMaru {
    flex-wrap: wrap;
    gap: 10px 45px; }
    .secCourse .recommBox .listBoxMaru .item {
      width: calc((100% - 45px) / 2); }
.secCourse .inPageNav03 {
  border-top: 1px solid #d3d1d0;
  border-bottom: 1px solid #d3d1d0;
  padding: 20px 20px;
  margin-bottom: 75px;
  display: flex;
  -webkit-display: flex;
  align-items: stretch;
  -webkit-align-items: stretch;
  justify-content: start;
  -webkit-justify-content: start;
  min-height: 100px;
  gap: 20px; }
  .secCourse .inPageNav03 .item {
    position: relative;
    border-right: 1px solid #d3d1d0;
    padding-right: 5px;
    width: calc((100% - 100px) / 6);
    align-items: center; }
    .secCourse .inPageNav03 .item:nth-child(6) {
      border: none; }
    .secCourse .inPageNav03 .item a {
      color: #000;
      text-decoration: none;
      padding-left: 28px;
      display: block;
      line-height: 1.4; }
    .secCourse .inPageNav03 .item a:hover {
      color: #ED6D20; }
    .secCourse .inPageNav03 .item a::before {
      content: '';
      background: url("../images/arrow_U01.svg");
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      position: absolute;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }
.secCourse .firstBlock {
  margin-bottom: 0px;
  border-bottom: none; }
.secCourse .manabiBox {
  background: #fef8ea;
  padding: 60px 50px;
  align-items: center;
  -webkit-align-items: center;
  gap: 20px; }
  .secCourse .manabiBox .item {
    width: calc((100% - 40px) / 3);
    position: relative;
    font-weight: bold;
    font-size: 18px;
    padding-left: 105px; }
    .secCourse .manabiBox .item::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 90px;
      height: 90px;
      background-size: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }
  .secCourse .manabiBox .pcskill::before {
    background-image: url("../images/course/manabi_icon01.png"); }
  .secCourse .manabiBox .further::before {
    background-image: url("../images/course/manabi_icon02.png"); }
  .secCourse .manabiBox .communication::before {
    background-image: url("../images/course/manabi_icon03.png"); }
  .secCourse .manabiBox .selfProduce::before {
    background-image: url("../images/course/manabi_icon04.png"); }
  .secCourse .manabiBox .selfAnalysis::before {
    background-image: url("../images/course/manabi_icon05.png"); }
  .secCourse .manabiBox .entertainment::before {
    background-image: url("../images/course/manabi_icon06.png"); }
  .secCourse .manabiBox .manner::before {
    background-image: url("../images/course/manabi_icon07.png"); }
  .secCourse .manabiBox .english::before {
    background-image: url("../images/course/manabi_icon08.png"); }
  .secCourse .manabiBox .globalMind::before {
    background-image: url("../images/course/manabi_icon09.png"); }
  .secCourse .manabiBox .programing::before {
    background-image: url("../images/course/aiskill/ai_manabi_icon01.png"); }
  .secCourse .manabiBox .prompt::before {
    background-image: url("../images/course/aiskill/ai_manabi_icon02.png"); }
  .secCourse .manabiBox .infotech::before {
    background-image: url("../images/course/aiskill/ai_manabi_icon03.png"); }
  .secCourse .manabiBox .korean::before {
    background-image: url("../images/course/korea/korea_manabi_icon01.png"); }
  .secCourse .manabiBox .crossculture::before {
    background-image: url("../images/course/korea/korea_manabi_icon03.png"); }
  .secCourse .manabiBox .dataanalysis::before {
    background-image: url("../images/course/tankyu/tankyu_icon01.png"); }
  .secCourse .manabiBox .discoverissue::before {
    background-image: url("../images/course/tankyu/tankyu_icon02.png"); }
  .secCourse .manabiBox .selfAnalysis02::before {
    background-image: url("../images/course/tankyu/tankyu_icon03.png"); }
  .secCourse .manabiBox .self-us::before {
    background-image: url("../images/course/art/art_manabi_icon01.png"); }
  .secCourse .manabiBox .other-us::before {
    background-image: url("../images/course/art/art_manabi_icon02.png"); }
  .secCourse .manabiBox .selfexpression::before {
    background-image: url("../images/course/art/art_manabi_icon03.png"); }
.secCourse .featureBox {
  align-items: stretch; }
  .secCourse .featureBox .point {
    padding-right: 35px; }
    .secCourse .featureBox .point .inner {
      min-height: 75px;
      width: 90px;
      font-size: 24px;
      border-radius: 0 10px 0 10px;
      background-color: #F3982C;
      color: #fff;
      display: flex;
      -webkit-display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      font-weight: bold;
      flex-direction: column;
      line-height: 1; }
      .secCourse .featureBox .point .inner span {
        font-size: 14px;
        display: inline-block; }
  .secCourse .featureBox .txtBox {
    width: calc(100% - 510px);
    padding-right: 35px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
    padding-bottom: 50px; }
    .secCourse .featureBox .txtBox .mds {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 20px;
      line-height: 1.5; }
  .secCourse .featureBox .mdsBox {
    width: calc(100% - 90px);
    margin-top: 20px;
    margin-bottom: 30px; }
  .secCourse .featureBox .pictBox {
    width: 420px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
    padding-bottom: 50px; }
  .secCourse .featureBox .pBorder img {
    border: 1px solid #d3d3d3; }
  .secCourse .featureBox .bgBox {
    background: #fef8ea;
    padding: 20px; }
    .secCourse .featureBox .bgBox .listBoxMaru {
      gap: 20px 25px; }
      .secCourse .featureBox .bgBox .listBoxMaru .item {
        width: calc((100% - 20px) / 2); }
  .secCourse .featureBox:last-child .pictBox {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .secCourse .featureBox:last-child .txtBox {
    padding-bottom: 0px;
    border-bottom: none; }
.secCourse .currMds {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; }
.secCourse .curriculum {
  display: flex;
  align-items: stretch;
  place-content: center;
  border-top: 1px solid #d3d3d3;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .secCourse .curriculum .num {
    width: 100px;
    background: #f3982c;
    padding: 18px 5px;
    color: #fff;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center; }
  .secCourse .curriculum .ttl {
    width: 320px;
    background: #fef8ea;
    padding: 18px 25px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center; }
  .secCourse .curriculum .cnt {
    width: calc(100% - 420px);
    padding: 18px 25px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center; }
.secCourse .curriculum02 {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3; }
  .secCourse .curriculum02 .ttl {
    background: #fef8ea;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum02 .cnt {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #d3d3d3; }
  .secCourse .curriculum02 .ttl01 {
    grid-area: 1 / 1 / 3 / 2; }
  .secCourse .curriculum02 .cnt01 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .curriculum02 .cnt02 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .curriculum02 .ttl02 {
    grid-area: 3 / 1 / 7 / 2; }
  .secCourse .curriculum02 .cnt03 {
    grid-area: 3 / 2 / 4 / 3; }
  .secCourse .curriculum02 .cnt04 {
    grid-area: 4 / 2 / 5 / 3; }
  .secCourse .curriculum02 .cnt05 {
    grid-area: 5 / 2 / 6 / 3; }
  .secCourse .curriculum02 .cnt06 {
    grid-area: 6 / 2 / 7 / 3; }
  .secCourse .curriculum02 .ttl03 {
    grid-area: 7 / 1 / 11 / 2; }
  .secCourse .curriculum02 .cnt07 {
    grid-area: 7 / 2 / 8 / 3; }
  .secCourse .curriculum02 .cnt08 {
    grid-area: 8 / 2 / 9 / 3; }
  .secCourse .curriculum02 .cnt09 {
    grid-area: 9 / 2 / 10 / 3; }
  .secCourse .curriculum02 .cnt10 {
    grid-area: 10 / 2 / 11 / 3; }
.secCourse .curriculum03 {
  display: grid;
  grid-template-columns: repeat(2, 110px) 1fr;
  grid-template-rows: repeat(9, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3; }
  .secCourse .curriculum03 .ttl, .secCourse .curriculum03 .num {
    background: #fef8ea;
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum03 .cnt {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #d3d3d3; }
  .secCourse .curriculum03 .ttl01 {
    grid-area: 1 / 1 / 7 / 2; }
  .secCourse .curriculum03 .num01 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .curriculum03 .cnt01 {
    grid-area: 1 / 3 / 2 / 4; }
  .secCourse .curriculum03 .num02 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .curriculum03 .cnt02 {
    grid-area: 2 / 3 / 3 / 4; }
  .secCourse .curriculum03 .num03 {
    grid-area: 3 / 2 / 4 / 3; }
  .secCourse .curriculum03 .cnt03 {
    grid-area: 3 / 3 / 4 / 4; }
  .secCourse .curriculum03 .num04 {
    grid-area: 4 / 2 / 5 / 3; }
  .secCourse .curriculum03 .cnt04 {
    grid-area: 4 / 3 / 5 / 4; }
  .secCourse .curriculum03 .num05 {
    grid-area: 5 / 2 / 6 / 3; }
  .secCourse .curriculum03 .cnt05 {
    grid-area: 5 / 3 / 6 / 4; }
  .secCourse .curriculum03 .num06 {
    grid-area: 6 / 2 / 7 / 3; }
  .secCourse .curriculum03 .cnt06 {
    grid-area: 6 / 3 / 7 / 4; }
  .secCourse .curriculum03 .ttl02 {
    grid-area: 7 / 1 / 8 / 3; }
  .secCourse .curriculum03 .cnt07 {
    grid-area: 7 / 3 / 8 / 4; }
  .secCourse .curriculum03 .ttl03 {
    grid-area: 8 / 1 / 9 / 3; }
  .secCourse .curriculum03 .cnt08 {
    grid-area: 8 / 3 / 9 / 4; }
  .secCourse .curriculum03 .ttl04 {
    grid-area: 9 / 1 / 10 / 3; }
  .secCourse .curriculum03 .cnt09 {
    grid-area: 9 / 3 / 10 / 4; }
.secCourse .curriculum04 {
  display: grid;
  grid-template-columns: 220px repeat(2, 1fr);
  grid-template-rows: repeat(9, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3; }
  .secCourse .curriculum04 .ttl, .secCourse .curriculum04 .tim00, .secCourse .curriculum04 .cnt00 {
    background: #fef8ea; }
  .secCourse .curriculum04 .ttl, .secCourse .curriculum04 .tim {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum04 .cnt {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3; }
  .secCourse .curriculum04 .ttl00 {
    grid-area: 1 / 1 / 2 / 2; }
  .secCourse .curriculum04 .tim00 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .curriculum04 .cnt00 {
    grid-area: 1 / 3 / 2 / 4; }
  .secCourse .curriculum04 .ttl01 {
    grid-area: 2 / 1 / 8 / 2; }
  .secCourse .curriculum04 .tim01 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .curriculum04 .cnt01 {
    grid-area: 2 / 3 / 3 / 4; }
  .secCourse .curriculum04 .tim02 {
    grid-area: 3 / 2 / 4 / 3; }
  .secCourse .curriculum04 .cnt02 {
    grid-area: 3 / 3 / 4 / 4; }
  .secCourse .curriculum04 .tim03 {
    grid-area: 4 / 2 / 5 / 3; }
  .secCourse .curriculum04 .cnt03 {
    grid-area: 4 / 3 / 5 / 4; }
  .secCourse .curriculum04 .tim04 {
    grid-area: 5 / 2 / 6 / 3; }
  .secCourse .curriculum04 .cnt04 {
    grid-area: 5 / 3 / 6 / 4; }
  .secCourse .curriculum04 .tim05 {
    grid-area: 6 / 2 / 7 / 3; }
  .secCourse .curriculum04 .cnt05 {
    grid-area: 6 / 3 / 7 / 4; }
  .secCourse .curriculum04 .tim06 {
    grid-area: 7 / 2 / 8 / 3; }
  .secCourse .curriculum04 .cnt06 {
    grid-area: 7 / 3 / 8 / 4; }
  .secCourse .curriculum04 .ttl02 {
    grid-area: 8 / 1 / 10 / 2; }
  .secCourse .curriculum04 .tim07 {
    grid-area: 8 / 2 / 9 / 3; }
  .secCourse .curriculum04 .cnt07 {
    grid-area: 8 / 3 / 9 / 4; }
  .secCourse .curriculum04 .tim08 {
    grid-area: 9 / 2 / 10 / 3; }
  .secCourse .curriculum04 .cnt08 {
    grid-area: 9 / 3 / 10 / 4; }
.secCourse .curriculum05 {
  display: grid;
  grid-template-columns: 220px repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3; }
  .secCourse .curriculum05 .ttl, .secCourse .curriculum05 .tim00, .secCourse .curriculum05 .cnt00 {
    background: #fef8ea; }
  .secCourse .curriculum05 .ttl, .secCourse .curriculum05 .tim {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum05 .cnt {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3; }
  .secCourse .curriculum05 .ttl00 {
    grid-area: 1 / 1 / 2 / 2; }
  .secCourse .curriculum05 .tim00 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .curriculum05 .cnt00 {
    grid-area: 1 / 3 / 2 / 4; }
  .secCourse .curriculum05 .ttl01 {
    grid-area: 2 / 1 / 7 / 2; }
  .secCourse .curriculum05 .tim01 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .curriculum05 .cnt01 {
    grid-area: 2 / 3 / 3 / 4; }
  .secCourse .curriculum05 .tim02 {
    grid-area: 3 / 2 / 4 / 3; }
  .secCourse .curriculum05 .cnt02 {
    grid-area: 3 / 3 / 4 / 4; }
  .secCourse .curriculum05 .tim03 {
    grid-area: 4 / 2 / 5 / 3; }
  .secCourse .curriculum05 .cnt03 {
    grid-area: 4 / 3 / 5 / 4; }
  .secCourse .curriculum05 .tim04 {
    grid-area: 5 / 2 / 6 / 3; }
  .secCourse .curriculum05 .cnt04 {
    grid-area: 5 / 3 / 6 / 4; }
  .secCourse .curriculum05 .tim05 {
    grid-area: 6 / 2 / 7 / 3; }
  .secCourse .curriculum05 .cnt05 {
    grid-area: 6 / 3 / 7 / 4; }
.secCourse .curriculum06 {
  display: grid;
  grid-template-columns: 360px 1fr;
  grid-template-rows: repeat(6, 60px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3; }
  .secCourse .curriculum06 .ttl {
    background: #fef8ea;
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum06 .cnt {
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3; }
  .secCourse .curriculum06 .ttl01 {
    grid-area: 1 / 1 / 5 / 2; }
  .secCourse .curriculum06 .cnt01 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .curriculum06 .cnt02 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .curriculum06 .cnt03 {
    grid-area: 3 / 2 / 4 / 3; }
  .secCourse .curriculum06 .cnt04 {
    grid-area: 4 / 2 / 5 / 3; }
  .secCourse .curriculum06 .ttl02 {
    grid-area: 5 / 1 / 6 / 2; }
  .secCourse .curriculum06 .cnt05 {
    grid-area: 5 / 2 / 6 / 3; }
  .secCourse .curriculum06 .ttl03 {
    grid-area: 6 / 1 / 7 / 2; }
  .secCourse .curriculum06 .cnt06 {
    grid-area: 6 / 2 / 7 / 3; }
.secCourse .curriculum07 {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3; }
  .secCourse .curriculum07 .ttl {
    background: #fef8ea;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .curriculum07 .cnt {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #d3d3d3; }
.secCourse .specialBnr {
  width: 100%;
  height: 310px;
  overflow: hidden; }
  .secCourse .specialBnr .aLink {
    width: 100%;
    height: 310px;
    align-items: start;
    padding: 10px 80px;
    color: #fff;
    text-decoration: none;
    position: relative;
    flex-direction: column;
    justify-content: center; }
    .secCourse .specialBnr .aLink::after {
      position: absolute;
      content: '';
      background: url("../images/course/sl_banner_demo.jpg");
      background-size: cover;
      background-position: center;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transition: .3s;
      z-index: -1; }
    .secCourse .specialBnr .aLink::before {
      position: absolute;
      content: '';
      background: url("../images/arrow_RL.svg");
      top: 50%;
      right: 80px;
      width: 30px;
      height: 65px;
      background-size: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transition: .3s; }
    .secCourse .specialBnr .aLink .ttl {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 15px; }
    .secCourse .specialBnr .aLink:hover::after {
      transform: scale(1.04); }
.secCourse .instructorBox {
  background: #f0f0f0;
  border-radius: 0 30px 0 30px;
  padding: 60px;
  margin-bottom: 35px;
  gap: 35px; }
  .secCourse .instructorBox .pictBox {
    width: 200px; }
  .secCourse .instructorBox .txtBox {
    width: calc(100% - 235px); }
    .secCourse .instructorBox .txtBox .instructor {
      margin-bottom: 10px;
      font-weight: 500; }
      .secCourse .instructorBox .txtBox .instructor .name {
        font-size: 18px;
        margin-right: 0.5em; }
      .secCourse .instructorBox .txtBox .instructor .job {
        font-weight: normal;
        margin-left: .5em; }
  .secCourse .instructorBox:last-child {
    margin-bottom: 0px; }
.secCourse .instructorBox02 {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 35px;
  grid-row-gap: 0px;
  background: #f0f0f0;
  border-radius: 0 30px 0 30px;
  padding: 60px;
  margin-bottom: 35px; }
  .secCourse .instructorBox02 .pictBox {
    grid-area: 1 / 1 / 3 / 2; }
  .secCourse .instructorBox02 .txtBox01 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .instructorBox02 .txtBox02 {
    grid-area: 2 / 2 / 3 / 3; }
  .secCourse .instructorBox02:last-child {
    margin-bottom: 0px; }
  .secCourse .instructorBox02 .staff {
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    margin-top: 15px; }
    .secCourse .instructorBox02 .staff .position {
      font-size: 14px;
      margin-bottom: 3px;
      display: block; }
  .secCourse .instructorBox02 .ttl {
    background: #f3982c;
    color: #fff;
    width: 150px;
    padding: 4px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4;
    border-radius: 100vh; }
  .secCourse .instructorBox02 .listBoxMaru {
    flex-wrap: wrap;
    gap: 3px 25px;
    margin-bottom: 20px; }
    .secCourse .instructorBox02 .listBoxMaru .item {
      width: calc((100% - 25px) / 2); }
.secCourse .voiceBox {
  background: #f0f0f0;
  border-radius: 0 30px 0 30px;
  margin-bottom: 35px;
  gap: 35px;
  background-image: url("../images/bg_img01.jpg");
  background-size: cover;
  position: relative;
  padding: 120px 60px 55px; }
  .secCourse .voiceBox .ttlJp {
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    top: 50px;
    left: 60px; }
  .secCourse .voiceBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secCourse .voiceBox .pictBox {
    width: 200px;
    text-align: center; }
    .secCourse .voiceBox .pictBox img {
      margin-bottom: 5px; }
    .secCourse .voiceBox .pictBox .name {
      font-size: 18px;
      margin-right: .2em; }
  .secCourse .voiceBox .txtBox {
    width: calc(100% - 235px); }
    .secCourse .voiceBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
.secCourse .honkoBox {
  gap: 60px; }
  .secCourse .honkoBox .item {
    width: calc((100% - 60px) / 2); }
    .secCourse .honkoBox .item img {
      margin-bottom: 5px; }
.secCourse .table01 {
  display: flex;
  align-items: stretch;
  place-content: center;
  border-top: 1px solid #d3d3d3;
  flex-wrap: wrap; }
  .secCourse .table01 .ttl {
    width: 220px;
    background: #fef8ea;
    padding: 18px 25px;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center; }
  .secCourse .table01 .cnt {
    width: calc(100% - 220px);
    padding: 18px 25px;
    border-bottom: 1px solid #d3d3d3; }
.secCourse .schedule01 {
  display: grid;
  grid-template-columns: 90px repeat(7, 1fr);
  grid-template-rows: 40px repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3; }
  .secCourse .schedule01 .cnt01, .secCourse .schedule01 .cnt02 {
    background: #fef8ea; }
  .secCourse .schedule01 .day {
    padding: 7px 5px;
    background: #f3982c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3; }
  .secCourse .schedule01 .cnt {
    padding: 7px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    min-height: 120px; }
  .secCourse .schedule01 .day00 {
    grid-area: 1 / 1 / 2 / 2; }
  .secCourse .schedule01 .cnt01 {
    grid-area: 2 / 1 / 3 / 2; }
  .secCourse .schedule01 .cnt02 {
    grid-area: 3 / 1 / 4 / 2; }
  .secCourse .schedule01 .day01 {
    grid-area: 1 / 2 / 2 / 3; }
  .secCourse .schedule01 .cnt03 {
    grid-area: 2 / 2 / 4 / 3; }
  .secCourse .schedule01 .day02 {
    grid-area: 1 / 3 / 2 / 4; }
  .secCourse .schedule01 .cnt04 {
    grid-area: 2 / 3 / 3 / 4; }
  .secCourse .schedule01 .cnt05 {
    grid-area: 3 / 3 / 4 / 4; }
  .secCourse .schedule01 .day03 {
    grid-area: 1 / 4 / 2 / 5; }
  .secCourse .schedule01 .cnt06 {
    grid-area: 2 / 4 / 3 / 5; }
  .secCourse .schedule01 .cnt07 {
    grid-area: 3 / 4 / 4 / 5; }
  .secCourse .schedule01 .day04 {
    grid-area: 1 / 5 / 2 / 6; }
  .secCourse .schedule01 .cnt08 {
    grid-area: 2 / 5 / 3 / 6; }
  .secCourse .schedule01 .cnt09 {
    grid-area: 3 / 5 / 4 / 6; }
  .secCourse .schedule01 .day05 {
    grid-area: 1 / 6 / 2 / 7; }
  .secCourse .schedule01 .cnt10 {
    grid-area: 2 / 6 / 4 / 7; }
  .secCourse .schedule01 .day06 {
    grid-area: 1 / 7 / 2 / 8; }
  .secCourse .schedule01 .cnt11 {
    grid-area: 2 / 7 / 4 / 8; }
  .secCourse .schedule01 .day07 {
    grid-area: 1 / 8 / 2 / 9; }
  .secCourse .schedule01 .cnt12 {
    grid-area: 2 / 8 / 4 / 9; }
.secCourse .galleryBox {
  border-radius: 0 30px 0 30px;
  padding: 60px;
  margin-bottom: 50px;
  background: url("../images/bg_img01.jpg");
  background-size: cover;
  width: 100%;
  position: relative; }
  .secCourse .galleryBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secCourse .galleryBox .listBox {
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative; }
    .secCourse .galleryBox .listBox .item {
      width: calc((100% - 40px) / 3);
      position: relative; }
      .secCourse .galleryBox .listBox .item .txt {
        position: absolute;
        background-color: rgba(236, 108, 31, 0.8);
        left: 0;
        bottom: 0;
        color: #fff;
        width: 100%;
        padding: 5px 10px;
        line-height: 1.4; }
    .secCourse .galleryBox .listBox .slide-arrow {
      position: absolute;
      width: 50px;
      height: 50px;
      top: calc((100% - 50px) / 2);
      cursor: pointer;
      z-index: 10; }
    .secCourse .galleryBox .listBox .next-arrow {
      right: -15px; }
    .secCourse .galleryBox .listBox .prev-arrow {
      left: -15px; }
.secCourse .facilityBox {
  position: relative;
  padding: 0 15px; }
  .secCourse .facilityBox .item .txt {
    background-color: #ec6c1f;
    color: #fff;
    width: 100%;
    padding: 5px 10px;
    line-height: 1.4;
    text-align: center; }
  .secCourse .facilityBox .slick-slide {
    margin: 10px; }
  .secCourse .facilityBox .slide-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc((100% - 50px) / 2);
    cursor: pointer;
    z-index: 10; }
  .secCourse .facilityBox .next-arrow {
    right: 0px; }
  .secCourse .facilityBox .prev-arrow {
    left: 0px; }
.secCourse .obListBox {
  gap: 50px;
  margin-bottom: 60px; }
  .secCourse .obListBox .item {
    width: calc((100% - 100px) / 3); }
  .secCourse .obListBox .inner {
    position: relative;
    margin-bottom: 30px; }
    .secCourse .obListBox .inner .team {
      position: absolute;
      background: #f3982c;
      line-height: 1.4;
      padding: 8px 15px;
      border-radius: 0 10px 0 10px;
      color: #fff;
      bottom: -15px;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
      width: fit-content; }
  .secCourse .obListBox .player {
    font-weight: bold;
    margin-bottom: 8px; }
    .secCourse .obListBox .player .name {
      font-size: 18px;
      margin-right: .3; }
.secCourse .resultBox {
  background: #fef8ea;
  padding: 55px; }
  .secCourse .resultBox .mds {
    color: #f3982c;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px; }
  .secCourse .resultBox .resultList .ttl {
    font-weight: bold;
    margin-bottom: 5px; }
  .secCourse .resultBox .resultList .cnts {
    margin-bottom: 10px; }
.secCourse .faqList {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #848484; }
  .secCourse .faqList .question {
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: 2.5em; }
    .secCourse .faqList .question::before {
      position: absolute;
      content: 'Q.';
      margin-left: -2em; }
  .secCourse .faqList .answer {
    position: relative;
    margin-left: 2.5em; }
    .secCourse .faqList .answer::before {
      position: absolute;
      content: 'A';
      margin-right: 1em;
      background: #f3982c;
      color: #fff;
      border-radius: 100vh;
      line-height: 0;
      padding: 0.8em 0.6em 1em;
      margin-left: -2.5em; }
.secCourse .classArea {
  font-size: 20px;
  font-weight: 500;
  color: #ed6d20;
  margin-bottom: 10px; }
.secCourse .campusListBox {
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
  gap: 40px 20px; }
  .secCourse .campusListBox .inner {
    width: calc((100% - 40px) / 3); }
    .secCourse .campusListBox .inner .area {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secCourse .campusListBox .inner .list {
      flex-wrap: wrap;
      gap: 0 20px; }
      .secCourse .campusListBox .inner .list li {
        position: relative;
        min-height: 25px;
        margin: 5px 0 2px 10px;
        width: calc((100% - 40px) / 2); }
        .secCourse .campusListBox .inner .list li a {
          text-decoration: none;
          color: #000;
          transition: .2s; }
        .secCourse .campusListBox .inner .list li a::before {
          content: '';
          background-image: url("../images/arrow01.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 0% 10%;
          width: 5px;
          height: 8px;
          position: absolute;
          margin-right: 5px;
          top: 10px;
          left: -9px;
          transform: translate(0, calc(50% - 4px)); }
        .secCourse .campusListBox .inner .list li a:hover {
          color: #ed6d20; }

@media only screen and (max-width: 767px) {
  .secCourse .introBox {
    margin-bottom: 60px; }
    .secCourse .introBox .copy {
      font-size: 28px; }
    .secCourse .introBox .txt {
      font-size: 16px; }
  .secCourse .recommBox {
    padding: 40px 25px 20px;
    margin-bottom: 70px; }
    .secCourse .recommBox .listBoxMaru {
      flex-direction: column;
      gap: 7px; }
      .secCourse .recommBox .listBoxMaru .item {
        width: 100%; }
  .secCourse .inPageNav03 {
    padding: 25px 10px;
    margin-bottom: 70px;
    flex-wrap: wrap;
    gap: 20px; }
    .secCourse .inPageNav03 .item {
      border-right: none;
      padding-right: 5px;
      width: calc((100% - 20px) / 2); }
      .secCourse .inPageNav03 .item a {
        padding-left: 32px; }
      .secCourse .inPageNav03 .item a::before {
        width: 25px;
        height: 25px; }
  .secCourse .firstBlock {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px; }
  .secCourse .lastBlock {
    border-top: none; }
  .secCourse .manabiBox {
    padding: 55px 35px;
    gap: 55px;
    flex-direction: column; }
    .secCourse .manabiBox .item {
      width: 100%;
      padding-left: 90px; }
      .secCourse .manabiBox .item::before {
        width: 75px;
        height: 75px; }
  .secCourse .featureBox {
    align-items: flex-start;
    flex-wrap: wrap; }
    .secCourse .featureBox .point {
      padding-right: 20px; }
      .secCourse .featureBox .point .inner {
        min-height: 60px;
        width: 65px;
        font-size: 20px; }
        .secCourse .featureBox .point .inner span {
          font-size: 12px; }
    .secCourse .featureBox .txtBox {
      width: calc(100% - 90px);
      padding-right: 0px;
      border-bottom: none;
      margin-bottom: 30px;
      padding-bottom: 0px; }
      .secCourse .featureBox .txtBox .mds {
        font-size: 20px;
        margin-bottom: 15px; }
    .secCourse .featureBox .pictBox {
      width: 100%;
      margin-bottom: 40px;
      padding-bottom: 40px; }
    .secCourse .featureBox .bgBox {
      padding: 15px 20px; }
      .secCourse .featureBox .bgBox .listBoxMaru {
        gap: 5px;
        flex-direction: column; }
        .secCourse .featureBox .bgBox .listBoxMaru .item {
          width: 100%; }
  .secCourse .currMds {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  .secCourse .curriculum {
    border-top: none;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2; }
    .secCourse .curriculum .num {
      width: 100%;
      padding: 0px;
      border-bottom: none; }
    .secCourse .curriculum .ttl {
      width: 30%;
      padding: 12px 10px;
      border-bottom: none;
      line-height: 1.5; }
    .secCourse .curriculum .cnt {
      width: 70%;
      padding: 12px 10px;
      border-bottom: none;
      line-height: 1.5; }
  .secCourse .curriculum02 {
    display: flex;
    flex-direction: column; }
    .secCourse .curriculum02 .ttl {
      padding: 10px;
      border-right: none; }
    .secCourse .curriculum02 .cnt {
      padding: 10px; }
  .secCourse .curriculum03 {
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(13, auto); }
    .secCourse .curriculum03 .ttl {
      border-right: none; }
    .secCourse .curriculum03 .ttl, .secCourse .curriculum03 .num {
      background: #fef8ea;
      padding: 10px; }
    .secCourse .curriculum03 .cnt {
      padding: 10px;
      flex-direction: column; }
      .secCourse .curriculum03 .cnt .listBoxKome {
        margin-left: 0; }
    .secCourse .curriculum03 .ttl01 {
      grid-area: 1 / 1 / 2 / 3; }
    .secCourse .curriculum03 .num01 {
      grid-area: 2 / 1 / 3 / 2; }
    .secCourse .curriculum03 .cnt01 {
      grid-area: 2 / 2 / 3 / 3; }
    .secCourse .curriculum03 .num02 {
      grid-area: 3 / 1 / 4 / 2; }
    .secCourse .curriculum03 .cnt02 {
      grid-area: 3 / 2 / 4 / 3; }
    .secCourse .curriculum03 .num03 {
      grid-area: 4 / 1 / 5 / 2; }
    .secCourse .curriculum03 .cnt03 {
      grid-area: 4 / 2 / 5 / 3; }
    .secCourse .curriculum03 .num04 {
      grid-area: 5 / 1 / 6 / 2; }
    .secCourse .curriculum03 .cnt04 {
      grid-area: 5 / 2 / 6 / 3; }
    .secCourse .curriculum03 .num05 {
      grid-area: 6 / 1 / 7 / 2; }
    .secCourse .curriculum03 .cnt05 {
      grid-area: 6 / 2 / 7 / 3; }
    .secCourse .curriculum03 .num06 {
      grid-area: 7 / 1 / 8 / 2; }
    .secCourse .curriculum03 .cnt06 {
      grid-area: 7 / 2 / 8 / 3; }
    .secCourse .curriculum03 .ttl02 {
      grid-area: 8 / 1 / 9 / 3; }
    .secCourse .curriculum03 .cnt07 {
      grid-area: 9 / 1 / 10 / 3; }
    .secCourse .curriculum03 .ttl03 {
      grid-area: 10 / 1 / 11 / 3; }
    .secCourse .curriculum03 .cnt08 {
      grid-area: 11 / 1 / 12 / 3; }
    .secCourse .curriculum03 .ttl04 {
      grid-area: 12 / 1 / 13 / 3; }
    .secCourse .curriculum03 .cnt09 {
      grid-area: 13 / 1 / 14 / 3; }
  .secCourse .curriculum04 {
    grid-template-columns: 30% repeat(2, 35%);
    grid-template-rows: repeat(9, auto); }
    .secCourse .curriculum04 .ttl, .secCourse .curriculum04 .tim, .secCourse .curriculum04 .cnt {
      padding: 10px; }
  .secCourse .curriculum05 {
    grid-template-columns: 30% repeat(2, 35%); }
  .secCourse .curriculum06 {
    grid-template-columns: 45% 1fr; }
  .secCourse .curriculum07 {
    display: flex;
    flex-direction: column; }
    .secCourse .curriculum07 .ttl {
      padding: 10px;
      border-right: none; }
    .secCourse .curriculum07 .cnt {
      padding: 10px; }
  .secCourse .specialBnr {
    height: auto;
    overflow: hidden; }
    .secCourse .specialBnr .aLink {
      width: 100%;
      height: 100px;
      /*バナー差し替え後はauto*/
      align-items: start;
      padding: 20px 25px; }
      .secCourse .specialBnr .aLink::after {
        background-size: cover;
        background-position: center;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: .3s;
        z-index: -1; }
      .secCourse .specialBnr .aLink::before {
        top: 28px;
        right: 25px;
        width: 18px;
        height: 34px;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none; }
      .secCourse .specialBnr .aLink .ttl {
        font-size: 24px;
        margin-bottom: 10px; }
      .secCourse .specialBnr .aLink:hover::after {
        transform: none; }
  .secCourse .instructorBox {
    flex-direction: column;
    padding: 25px;
    margin-bottom: 20px;
    gap: 15px; }
    .secCourse .instructorBox .pictBox {
      width: 70%;
      margin: 0 auto; }
    .secCourse .instructorBox .txtBox {
      width: 100%; }
      .secCourse .instructorBox .txtBox .instructor {
        margin-bottom: 10px;
        font-weight: 500;
        text-align: left; }
        .secCourse .instructorBox .txtBox .instructor .name {
          font-size: 16px; }
        .secCourse .instructorBox .txtBox .instructor .job {
          display: inline-block;
          margin-left: 0; }
  .secCourse .instructorBox02 {
    grid-template-columns: 50% 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    padding: 25px;
    margin-bottom: 20px; }
    .secCourse .instructorBox02 .pictBox {
      grid-area: 1 / 1 / 2 / 2; }
    .secCourse .instructorBox02 .txtBox01 {
      grid-area: 2 / 1 / 3 / 3; }
    .secCourse .instructorBox02 .txtBox02 {
      grid-area: 1 / 2 / 2 / 3; }
    .secCourse .instructorBox02:last-child {
      margin-bottom: 0px; }
    .secCourse .instructorBox02 .staff {
      margin-bottom: 10px; }
    .secCourse .instructorBox02 .ttl {
      background: #f3982c;
      color: #fff;
      width: 125px;
      padding: 4px;
      text-align: center;
      margin-bottom: 10px;
      line-height: 1.4;
      border-radius: 100vh; }
    .secCourse .instructorBox02 .listBoxMaru {
      gap: 3px; }
      .secCourse .instructorBox02 .listBoxMaru .item {
        width: 100%; }
  .secCourse .voiceBox {
    margin-bottom: 20px;
    gap: 20px;
    flex-direction: column-reverse;
    padding: 100px 25px 25px; }
    .secCourse .voiceBox .ttlJp {
      font-size: 20px;
      top: 45px;
      left: 25px; }
    .secCourse .voiceBox .ttlEg {
      font-size: 65px;
      top: -60px;
      right: 30px; }
    .secCourse .voiceBox .pictBox {
      width: 70%;
      margin: 0 auto; }
      .secCourse .voiceBox .pictBox .name {
        font-size: 16px; }
    .secCourse .voiceBox .txtBox {
      width: 100%; }
      .secCourse .voiceBox .txtBox .mds {
        font-size: 20px; }
  .secCourse .honkoBox {
    gap: 40px;
    flex-direction: column; }
    .secCourse .honkoBox .item {
      width: 100%; }
      .secCourse .honkoBox .item img {
        margin-bottom: 5px; }
  .secCourse .table01 {
    align-items: flex-start; }
    .secCourse .table01 .ttl {
      width: 100%;
      padding: 10px;
      border-right: none;
      justify-content: center; }
    .secCourse .table01 .cnt {
      width: 100%;
      padding: 10px; }
  .secCourse .schedule01 {
    grid-template-columns: 30% repeat(2, 35%);
    grid-template-rows: repeat(8, auto); }
    .secCourse .schedule01 .day {
      padding: 10px; }
    .secCourse .schedule01 .cnt {
      padding: 10px;
      min-height: auto; }
    .secCourse .schedule01 .day00 {
      grid-area: 1 / 1 / 2 / 2; }
    .secCourse .schedule01 .cnt01 {
      grid-area: 1 / 2 / 2 / 3; }
    .secCourse .schedule01 .cnt02 {
      grid-area: 1 / 3 / 2 / 4; }
    .secCourse .schedule01 .day01 {
      grid-area: 2 / 1 / 3 / 2; }
    .secCourse .schedule01 .cnt03 {
      grid-area: 2 / 2 / 3 / 4; }
    .secCourse .schedule01 .day02 {
      grid-area: 3 / 1 / 4 / 2; }
    .secCourse .schedule01 .cnt04 {
      grid-area: 3 / 2 / 4 / 3; }
    .secCourse .schedule01 .cnt05 {
      grid-area: 3 / 3 / 4 / 4; }
    .secCourse .schedule01 .day03 {
      grid-area: 4 / 1 / 5 / 2; }
    .secCourse .schedule01 .cnt06 {
      grid-area: 4 / 2 / 5 / 3; }
    .secCourse .schedule01 .cnt07 {
      grid-area: 4 / 3 / 5 / 4; }
    .secCourse .schedule01 .day04 {
      grid-area: 5 / 1 / 6 / 2; }
    .secCourse .schedule01 .cnt08 {
      grid-area: 5 / 2 / 6 / 3; }
    .secCourse .schedule01 .cnt09 {
      grid-area: 5 / 3 / 6 / 4; }
    .secCourse .schedule01 .day05 {
      grid-area: 6 / 1 / 7 / 2; }
    .secCourse .schedule01 .cnt10 {
      grid-area: 6 / 2 / 7 / 4; }
    .secCourse .schedule01 .day06 {
      grid-area: 7 / 1 / 8 / 2; }
    .secCourse .schedule01 .cnt11 {
      grid-area: 7 / 2 / 8 / 4; }
    .secCourse .schedule01 .day07 {
      grid-area: 8 / 1 / 9 / 2; }
    .secCourse .schedule01 .cnt12 {
      grid-area: 8 / 2 / 9 / 4; }
  .secCourse .sche-thin {
    grid-template-columns: 20% repeat(2, 40%); }
  .secCourse .galleryBox {
    padding: 30px; }
    .secCourse .galleryBox .ttlEg {
      font-size: 60px;
      top: -50px;
      right: 30px; }
    .secCourse .galleryBox .listBox {
      margin-bottom: 60px; }
      .secCourse .galleryBox .listBox .item {
        width: 100%; }
      .secCourse .galleryBox .listBox .slide-arrow {
        width: 35px;
        height: 35px; }
      .secCourse .galleryBox .listBox .next-arrow {
        right: -20px; }
      .secCourse .galleryBox .listBox .prev-arrow {
        left: -20px; }
  .secCourse .facilityBox {
    padding: 0 10px; }
    .secCourse .facilityBox .slide-arrow {
      width: 35px;
      height: 35px; }
  .secCourse .obListBox {
    margin: 0 auto 20px;
    flex-wrap: wrap;
    width: 70%; }
    .secCourse .obListBox .item {
      width: 100%; }
  .secCourse .resultBox {
    padding: 30px; }
    .secCourse .resultBox .mds {
      font-size: 18px; }
  .secCourse .campusListBox {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: stretch;
    gap: 40px 20px; }
    .secCourse .campusListBox .inner {
      width: 100%; }
      .secCourse .campusListBox .inner .area {
        font-size: 18px;
        margin-bottom: 2px; } }
/*-----------------------------------------------
    Course | コース紹介
-----------------------------------------------*/
.courseRecommend .styleNav {
  gap: 20px; }
  .courseRecommend .styleNav .item {
    width: calc((100% - 20px) / 2);
    transition: .2s; }
    .courseRecommend .styleNav .item:hover {
      opacity: .7; }
.courseRecommend .styleHeader {
  width: 100%; }
  .courseRecommend .styleHeader .inner {
    height: 200px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative; }
    .courseRecommend .styleHeader .inner::after {
      content: ' ';
      position: absolute;
      bottom: -54px;
      left: 0px;
      width: 0;
      height: 0;
      border: none;
      border-right: 100px solid transparent;
      border-left: 100px solid transparent; }
    .courseRecommend .styleHeader .inner .mds {
      position: relative;
      width: calc(100% - 720px);
      color: #fff;
      font-weight: bold;
      font-size: 30px;
      line-height: 1.2;
      min-height: 1em;
      padding-left: 10px; }
      .courseRecommend .styleHeader .inner .mds::before {
        position: absolute;
        content: '';
        background: #fff;
        width: 2px;
        height: 100%;
        left: -10px; }
    .courseRecommend .styleHeader .inner .txt {
      width: 700px;
      color: #fff;
      font-weight: bold; }
.courseRecommend .styleHeader01 {
  background: #f3982c; }
  .courseRecommend .styleHeader01 .inner::after {
    border-top: 55px solid #f3982c; }
.courseRecommend .styleHeader02 {
  background: #f8b62c; }
  .courseRecommend .styleHeader02 .inner::after {
    border-top: 55px solid #f8b62c; }
.courseRecommend .courseListBox {
  gap: 50px;
  flex-wrap: wrap; }
  .courseRecommend .courseListBox .item {
    width: calc((100% - 50px) / 2); }
    .courseRecommend .courseListBox .item .pict {
      margin-bottom: 15px; }
    .courseRecommend .courseListBox .item .arrowBox {
      margin-bottom: 5px; }
      .courseRecommend .courseListBox .item .arrowBox .aArrow {
        font-size: 18px;
        font-weight: 500; }
        .courseRecommend .courseListBox .item .arrowBox .aArrow::before {
          top: 6px; }
    .courseRecommend .courseListBox .item .txt {
      margin-bottom: 13px; }
    .courseRecommend .courseListBox .item .tagList .tag {
      display: inline-block;
      background: #f3982c;
      color: #fff;
      line-height: 1.1;
      padding: 3px 10px;
      margin-right: 3px;
      border-radius: 100vh; }

@media only screen and (max-width: 767px) {
  .courseRecommend .styleNav {
    gap: 20px;
    flex-wrap: wrap; }
    .courseRecommend .styleNav .item {
      width: 100%; }
  .courseRecommend .styleHeader {
    width: 100%; }
    .courseRecommend .styleHeader .inner {
      height: auto;
      flex-direction: column;
      align-items: start;
      justify-content: start;
      gap: 15px;
      padding: 25px 0; }
      .courseRecommend .styleHeader .inner::after {
        bottom: -38px;
        border-right: 70px solid transparent;
        border-left: 70px solid transparent; }
      .courseRecommend .styleHeader .inner .mds {
        width: 100%;
        font-size: 24px;
        padding-left: 15px; }
        .courseRecommend .styleHeader .inner .mds::before {
          left: 0px; }
      .courseRecommend .styleHeader .inner .txt {
        width: 100%; }
  .courseRecommend .styleHeader01 .inner::after {
    border-top: 40px solid #f3982c; }
  .courseRecommend .styleHeader02 .inner::after {
    border-top: 40px solid #f8b62c; }
  .courseRecommend .courseListBox {
    gap: 50px;
    flex-wrap: wrap; }
    .courseRecommend .courseListBox .item {
      width: 100%; }
      .courseRecommend .courseListBox .item .tagList .tag {
        margin-bottom: 5px; } }
/*-----------------------------------------------
    Course | Entertainment
-----------------------------------------------*/
.courseEntertain .introBox {
  margin-bottom: 40px; }
.courseEntertain .inPageNav03 {
  gap: 10px; }
  .courseEntertain .inPageNav03 .item {
    padding-right: 10px;
    width: calc((100% - 50px) / 6); }
.courseEntertain .btnBtm01 {
  margin-bottom: 80px; }
.courseEntertain .courseMds01 {
  position: relative;
  font-size: 24px;
  margin-bottom: 25px;
  height: auto;
  line-height: 1.2;
  padding-left: 15px; }
  .courseEntertain .courseMds01::before {
    position: absolute;
    content: '';
    background-color: #f3982c;
    width: 2px;
    height: 100%;
    left: 0; }
.courseEntertain .courseListBox {
  gap: 50px;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  .courseEntertain .courseListBox .item {
    width: calc((100% - 50px) / 2); }
    .courseEntertain .courseListBox .item .pict {
      margin-bottom: 30px; }
    .courseEntertain .courseListBox .item .txt {
      margin-bottom: 13px; }
    .courseEntertain .courseListBox .item .ttl {
      display: inline-block;
      background: #f3982c;
      color: #fff;
      line-height: 1.1;
      padding: 6px 15px;
      margin-right: 3px;
      border-radius: 100vh;
      margin-bottom: 18px; }
.courseEntertain .enterBriefing {
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  width: 100%;
  vertical-align: middle; }
  .courseEntertain .enterBriefing tr {
    border-bottom: 1px solid #c9c9c9; }
    .courseEntertain .enterBriefing tr::last-child {
      border-bottom: none; }
  .courseEntertain .enterBriefing .campus {
    width: 305px;
    background-color: #fef8ea;
    border-right: 1px solid #c9c9c9;
    text-align: center;
    border-left: none;
    padding: 20px; }
    .courseEntertain .enterBriefing .campus .inner {
      align-items: center; }
      .courseEntertain .enterBriefing .campus .inner figure {
        width: 110px;
        height: auto;
        margin: 0 auto 5px; }
      .courseEntertain .enterBriefing .campus .inner p {
        font-weight: bold;
        line-height: 1.3; }
        .courseEntertain .enterBriefing .campus .inner p a {
          color: #000;
          text-decoration: underline #000;
          transition: .2s; }
          .courseEntertain .enterBriefing .campus .inner p a:hover {
            opacity: 0.7; }
  .courseEntertain .enterBriefing .date {
    width: 195px;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #c9c9c9;
    text-align: center;
    padding: 20px; }
  .courseEntertain .enterBriefing .time {
    width: 105px;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #c9c9c9;
    text-align: center;
    padding: 20px; }
  .courseEntertain .enterBriefing .info {
    width: auto;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 20px; }
.courseEntertain .ebTitle {
  background-color: #f3982c;
  color: #fff;
  border: none; }
  .courseEntertain .ebTitle tr {
    border-bottom: none; }
  .courseEntertain .ebTitle .campus, .courseEntertain .ebTitle .date, .courseEntertain .ebTitle .time, .courseEntertain .ebTitle .info {
    background-color: #f3982c;
    padding: 10px;
    font-weight: bold;
    border: none;
    border-right: 1px solid #fff;
    text-align: center; }
  .courseEntertain .ebTitle .info {
    border-right: none; }
.courseEntertain .debutListBox .item {
  gap: 55px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #d3d3d3; }
  .courseEntertain .debutListBox .item .pictBox {
    width: 490px; }
  .courseEntertain .debutListBox .item .txtBox {
    width: calc(100% - 545px); }
    .courseEntertain .debutListBox .item .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      margin-top: 30px;
      margin-bottom: 10px;
      line-height: 1.4; }
.courseEntertain .secMds .remark {
  display: inline;
  margin-left: 10px;
  color: #000;
  font-weight: normal; }
.courseEntertain .tableWrap {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
.courseEntertain .tableWrap::-webkit-scrollbar {
  height: 10px; }
.courseEntertain .tableWrap::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px; }
.courseEntertain .tableWrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ed6d1f; }
.courseEntertain .enterProgram {
  width: 100%;
  min-width: 1016px;
  border-collapse: collapse; }
  .courseEntertain .enterProgram th {
    text-align: center;
    vertical-align: middle;
    height: 40px;
    border-right: 1px solid #fff;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    background: #f3982c;
    width: 150px; }
  .courseEntertain .enterProgram th:first-child {
    width: 30px; }
  .courseEntertain .enterProgram td {
    text-align: center;
    vertical-align: middle;
    height: 60px;
    border-right: 1px solid #d3d1d0;
    border-bottom: 1px solid #d3d1d0;
    width: auto; }
  .courseEntertain .enterProgram td:last-child {
    border-right: none; }
  .courseEntertain .enterProgram td:nth-child(3) {
    border-right: 1px solid #d3d1d0; }
  .courseEntertain .enterProgram .num200 {
    width: 200px;
    background: #fef8ea; }
  .courseEntertain .enterProgram .num30 {
    width: 30px;
    background: #fef8ea; }
  .courseEntertain .enterProgram .num50 {
    width: 50px;
    background: #fef8ea; }
  .courseEntertain .enterProgram .width150 {
    width: 150px; }
.courseEntertain .btnBox {
  width: 100%;
  justify-content: space-between; }
  .courseEntertain .btnBox .item {
    width: 500px;
    height: auto;
    transition: .3s; }
    .courseEntertain .btnBox .item:hover {
      opacity: .7; }
.courseEntertain .secVoice .inner {
  position: relative;
  padding-top: 75px;
  background: url("../images/bg_img03.jpg");
  background-size: cover; }
  .courseEntertain .secVoice .inner .ttlEg-entertainment {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    left: 60px; }
  .courseEntertain .secVoice .inner .ttlJp {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px; }
  .courseEntertain .secVoice .inner .listBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: start;
    -webkit-align-items: start;
    gap: 40px;
    margin-bottom: 35px; }
    .courseEntertain .secVoice .inner .listBox .pictBox {
      width: 220px;
      text-align: center; }
    .courseEntertain .secVoice .inner .listBox .txtBox {
      width: calc(100% - 260px); }
      .courseEntertain .secVoice .inner .listBox .txtBox .name {
        line-height: 1.5;
        font-size: 25px;
        position: relative;
        padding-left: 15px;
        margin-bottom: 12px; }
        .courseEntertain .secVoice .inner .listBox .txtBox .name::before {
          position: absolute;
          content: '';
          background-color: #f8b62c;
          width: 3px;
          height: 25px;
          left: 0;
          top: 7px; }
      .courseEntertain .secVoice .inner .listBox .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
      .courseEntertain .secVoice .inner .listBox .txtBox .arrowBox {
        margin-top: 10px; }
    .courseEntertain .secVoice .inner .listBox .infoList .item {
      position: relative;
      display: inherit;
      -webkit-display: inherit;
      border-bottom: none;
      padding-bottom: inherit;
      margin-bottom: inherit;
      padding-left: 1.2em; }
      .courseEntertain .secVoice .inner .listBox .infoList .item::before {
        position: absolute;
        content: '▼';
        left: 0; }
  .courseEntertain .secVoice .inner .adviceBox {
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    padding: 45px 30px 25px; }
    .courseEntertain .secVoice .inner .adviceBox .ttl {
      position: absolute;
      background-color: #f3982c;
      border-radius: 0 15px 0 15px;
      color: #fff;
      padding: 10px 20px;
      top: -18px;
      left: 30px; }
.courseEntertain .secVoice:nth-child(even) .inner .ttlEg-entertainment {
  left: inherit;
  right: 60px;
  padding-right: 5px; }
.courseEntertain .secVoice:nth-child(even) .inner .listBox {
  flex-direction: row-reverse; }

@media only screen and (max-width: 767px) {
  .courseEntertain .inPageNav03 {
    gap: 20px;
    flex-wrap: wrap; }
    .courseEntertain .inPageNav03 .item {
      padding-right: 5px;
      width: calc((100% - 20px) / 2); }
  .courseEntertain .btnBtm01 {
    margin-bottom: 70px; }
  .courseEntertain .courseListBox {
    flex-direction: column;
    gap: 35px;
    margin-bottom: 50px; }
    .courseEntertain .courseListBox .item {
      width: 100%; }
      .courseEntertain .courseListBox .item .pict {
        margin-bottom: 20px; }
      .courseEntertain .courseListBox .item .ttl {
        margin-bottom: 13px; }
  .courseEntertain .entertainTableWrapper {
    overflow: scroll; }
  .courseEntertain .enterBriefing {
    width: 1000px; }
    .courseEntertain .enterBriefing .campus {
      width: 150px; }
      .courseEntertain .enterBriefing .campus .inner {
        flex-direction: column; }
  .courseEntertain .debutListBox .item {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .courseEntertain .debutListBox .item .pictBox {
      width: 100%; }
    .courseEntertain .debutListBox .item .txtBox {
      width: 100%; }
      .courseEntertain .debutListBox .item .txtBox .ttl {
        font-size: 22px;
        margin-top: 0px; }
  .courseEntertain .enterProgram td {
    height: 55px; }
  .courseEntertain .btnBox {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px; }
    .courseEntertain .btnBox .item {
      width: 100%; }
  .courseEntertain .listBox {
    gap: 15px 20px; }
    .courseEntertain .listBox .inner {
      width: calc((100% - 20px) / 2); }
      .courseEntertain .listBox .inner .area {
        margin-bottom: 0px; }
  .courseEntertain .tableWrap {
    scrollbar-width: inherit; }
  .courseEntertain .secVoice .inner {
    padding-top: 65px;
    background: url("../images/bg_img03_sp.jpg"); }
    .courseEntertain .secVoice .inner .ttlEg-entertainment {
      font-size: 50px;
      top: -45px;
      left: 10px; }
    .courseEntertain .secVoice .inner .listBox {
      flex-direction: column-reverse;
      gap: 30px; }
      .courseEntertain .secVoice .inner .listBox .pictBox {
        margin: 0 auto;
        width: 50%; }
      .courseEntertain .secVoice .inner .listBox .Little-Glee-Monster_img {
        width: 100%; }
      .courseEntertain .secVoice .inner .listBox .txtBox {
        width: 100%; }
        .courseEntertain .secVoice .inner .listBox .txtBox .name {
          font-size: 20px;
          padding-left: 12px;
          margin-bottom: 10px; }
          .courseEntertain .secVoice .inner .listBox .txtBox .name::before {
            left: 0;
            top: 6px; }
    .courseEntertain .secVoice .inner .adviceBox {
      padding: 35px 20px 20px; }
      .courseEntertain .secVoice .inner .adviceBox .ttl {
        padding: 10px 15px;
        top: -15px;
        left: 20px; }
  .courseEntertain .secVoice:nth-child(even) .inner .ttlEg-entertainment {
    left: inherit;
    right: 30px;
    padding-right: 5px; }
  .courseEntertain .secVoice:nth-child(even) .inner .listBox {
    flex-direction: column-reverse; } }
/*-----------------------------------------------
    Course | Campus
-----------------------------------------------*/
.courseCampus .featureBox .txtBox .txt {
  margin-bottom: 15px; }
.courseCampus .featureBox02 {
  align-items: stretch;
  flex-wrap: wrap; }
  .courseCampus .featureBox02 .txtBox {
    width: calc(100% - 125px);
    padding-right: 0px;
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0px; }
  .courseCampus .featureBox02 .cntsBox {
    width: calc(100% - 125px);
    margin-left: 125px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
    padding-bottom: 50px; }
    .courseCampus .featureBox02 .cntsBox .courseBox {
      border-radius: 0 30px 0 30px;
      background: url("../images/bg_img01.jpg");
      background-size: cover;
      padding: 30px 40px 40px;
      margin-bottom: 40px; }
      .courseCampus .featureBox02 .cntsBox .courseBox .mds {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.5;
        letter-spacing: -0.03rem; }
      .courseCampus .featureBox02 .cntsBox .courseBox .courseList {
        flex-wrap: wrap;
        gap: 40px; }
        .courseCampus .featureBox02 .cntsBox .courseBox .courseList .listBox {
          width: calc((100% - 40px) / 2); }
          .courseCampus .featureBox02 .cntsBox .courseBox .courseList .listBox .pict {
            margin-bottom: 15px; }
          .courseCampus .featureBox02 .cntsBox .courseBox .courseList .listBox .aArrow {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5; }
  .courseCampus .featureBox02 .mdsBox {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px; }
    .courseCampus .featureBox02 .mdsBox .mds {
      font-weight: normal; }
.courseCampus .resultListBox {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px; }
  .courseCampus .resultListBox .item {
    width: calc((100% - 50px) / 3);
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px; }
    .courseCampus .resultListBox .item .ttl {
      background: #a5a5a5;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .courseCampus .resultListBox .item .count {
      font-weight: 500;
      letter-spacing: .1em; }
      .courseCampus .resultListBox .item .count .num {
        color: #f3982c;
        font-size: 50px;
        font-family: 'Barlow';
        line-height: 1; }
.courseCampus .contain:has(.specialBnr) {
  margin-bottom: 80px; }

@media only screen and (max-width: 767px) {
  .courseCampus .featureBox02 {
    align-items: stretch;
    flex-wrap: wrap; }
    .courseCampus .featureBox02 .txtBox {
      width: calc(100% - 85px); }
    .courseCampus .featureBox02 .cntsBox {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 40px;
      padding-bottom: 40px; }
      .courseCampus .featureBox02 .cntsBox .courseBox {
        padding: 20px 30px 30px;
        margin-bottom: 30px; }
        .courseCampus .featureBox02 .cntsBox .courseBox .mds {
          font-size: 20px; }
        .courseCampus .featureBox02 .cntsBox .courseBox .courseList {
          flex-wrap: wrap;
          gap: 25px; }
          .courseCampus .featureBox02 .cntsBox .courseBox .courseList .listBox {
            width: 100%; }
    .courseCampus .featureBox02 .mdsBox {
      width: 100%;
      justify-content: space-between;
      margin-bottom: 10px; }
      .courseCampus .featureBox02 .mdsBox .mds {
        font-weight: normal; }
    .courseCampus .featureBox02 .resultListBox {
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: stretch;
      -webkit-align-items: stretch;
      flex-wrap: wrap;
      gap: 15px; }
      .courseCampus .featureBox02 .resultListBox .item {
        width: 100%;
        padding: 10px 20px; }
  .courseCampus .contain:has(.specialBnr) {
    margin-bottom: 40px; } }
/*-----------------------------------------------
    Course | Global
-----------------------------------------------*/
.courseGlobal .tableContain {
  gap: 40px; }
.courseGlobal .tableWrap {
  width: calc((100% - 40px) / 2); }
  .courseGlobal .tableWrap .mds {
    font-size: 18px;
    margin-bottom: 10px; }
.courseGlobal .curriculumGlobal {
  border: 1px solid #d3d3d3;
  border-collapse: collapse;
  width: 100%; }
  .courseGlobal .curriculumGlobal th, .courseGlobal .curriculumGlobal td {
    border: 1px solid #d3d3d3;
    border-collapse: collapse;
    vertical-align: middle; }
  .courseGlobal .curriculumGlobal th {
    height: 75px;
    width: 22%;
    background: #f3982c;
    color: #fff;
    text-align: center; }
  .courseGlobal .curriculumGlobal td {
    width: 53%;
    background: #fef8ea;
    padding-left: 25px; }
  .courseGlobal .curriculumGlobal td.last {
    width: 25%;
    background: #fff;
    text-align: center;
    padding: 0; }

@media only screen and (max-width: 767px) {
  .courseGlobal .tableContain {
    flex-direction: column;
    gap: 30px; }
  .courseGlobal .tableWrap {
    width: 100%; }
    .courseGlobal .tableWrap .mds {
      font-size: 16px;
      margin-bottom: 7px; }
  .courseGlobal .curriculumGlobal th {
    height: 65px; }
  .courseGlobal .curriculumGlobal td {
    padding: 10px; } }
/*-----------------------------------------------
    eSports
-----------------------------------------------*/
@font-face {
  font-family: 'LINESeedJP';
  src: url("../fonts/LINESeedJP_OTF_Th.woff") format("woff"), url("../fonts/LINESeedJP_OTF_Th.woff2") format("woff2"), url("../fonts/LINESeedJP_A_TTF_Th.ttf") format("truetype");
  font-weight: 100; }
@font-face {
  font-family: 'LINESeedJP';
  src: url("../fonts/LINESeedJP_OTF_Rg.woff") format("woff"), url("../fonts/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("../fonts/LINESeedJP_A_TTF_Rg.ttf") format("truetype");
  font-weight: normal; }
@font-face {
  font-family: 'LINESeedJP';
  src: url("../fonts/LINESeedJP_OTF_Bd.woff") format("woff"), url("../fonts/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("../fonts/LINESeedJP_A_TTF_Bd.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: 'LINESeedJP';
  src: url("../fonts/LINESeedJP_OTF_Eb.woff") format("woff"), url("../fonts/LINESeedJP_OTF_Eb.woff2") format("woff2"), url("../fonts/LINESeedJP_A_TTF_Eb.ttf") format("truetype");
  font-weight: bold; }
.eSportsTtlBox {
  height: 630px;
  margin: 5px 0 0;
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  font-family: 'LINESeedJP';
  font-weight: bold;
  color: #fff; }
  .eSportsTtlBox .topTtl {
    font-size: 69px;
    line-height: 1.5; }
  .eSportsTtlBox .copy {
    font-size: 24px; }
  .eSportsTtlBox .txt {
    font-size: 16px; }

.eSportsTtlBox::after {
  content: '';
  position: absolute;
  background-image: url("../images/esports_club/kv.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0 30px 0 0;
  height: 100%;
  width: calc(100% - 125px);
  margin: 0 125px 0 0;
  z-index: -1; }

.courseEsports {
  font-family: 'LINESeedJP'; }
  .courseEsports .espHeader {
    min-height: 620px;
    position: relative; }
    .courseEsports .espHeader .corner-rightTop {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 160px;
      right: 125px;
      overflow: hidden; }
      .courseEsports .espHeader .corner-rightTop::after {
        content: '';
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 20px;
        box-shadow: 50px 50px 0 0 #fff;
        top: -50px;
        left: -50px; }
    .courseEsports .espHeader .corner-leftTop {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 160px;
      left: 125px;
      overflow: hidden; }
      .courseEsports .espHeader .corner-leftTop::after {
        content: '';
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 20px;
        box-shadow: 0 50px 0 50px #fff;
        top: -50px;
        right: -50px; }
  .courseEsports .espCnts01::before {
    position: absolute;
    content: '';
    background: url("../images/esports_club/ill01.png");
    width: 230px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    top: 20px;
    right: 190px;
    z-index: 1; }
  .courseEsports .espCnts01::after {
    position: absolute;
    content: '';
    z-index: -2;
    background: url("../images/esports_club/bg01.jpg");
    background-size: cover;
    background-position: top center;
    height: 620px;
    width: calc(100% - 125px);
    margin: 0 125px 0 0; }
  .courseEsports .espCnts02::before {
    position: absolute;
    content: '';
    background: url("../images/esports_club/ill02.png");
    width: 230px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    top: 20px;
    left: 190px;
    z-index: 1; }
  .courseEsports .espCnts02::after {
    position: absolute;
    content: '';
    z-index: -2;
    background: url("../images/esports_club/bg02.jpg");
    background-size: cover;
    background-position: top center;
    height: 620px;
    width: calc(100% - 125px);
    margin: 0 0 0 125px;
    border-radius: 20px 0 0 0; }
  .courseEsports .espCnts03::before {
    position: absolute;
    content: '';
    background: url("../images/esports_club/ill03.png");
    width: 230px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    top: 20px;
    right: 190px;
    z-index: 1; }
  .courseEsports .espCnts03::after {
    position: absolute;
    content: '';
    z-index: -2;
    background: url("../images/esports_club/bg01.jpg");
    background-size: cover;
    background-position: top center;
    height: 620px;
    width: calc(100% - 125px);
    margin: 0 125px 0 0;
    border-radius: 0 20px 0 0; }
  .courseEsports .espMdsBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff; }
    .courseEsports .espMdsBox .mdsJp {
      font-size: 40px;
      text-align: center;
      line-height: 1.4;
      font-weight: 500;
      text-shadow: 4px 4px rgba(0, 0, 0, 0.2); }
    .courseEsports .espMdsBox .mdsEg {
      font-size: 14px;
      font-weight: 500;
      text-shadow: 4px 4px rgba(0, 0, 0, 0.2); }
  .courseEsports .espContain {
    position: relative;
    top: -410px;
    left: 0;
    right: 0;
    min-height: 500px;
    background: #fff;
    border-radius: 20px 0 0 0;
    margin: 0 125px;
    min-width: 1170px;
    margin-bottom: -410px; }
    .courseEsports .espContain .corner-leftBottom {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 360px;
      right: 100%;
      overflow: hidden; }
      .courseEsports .espContain .corner-leftBottom::after {
        content: '';
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 20px;
        box-shadow: 0 50px 0 50px #fff;
        top: -50px;
        left: -50px; }
    .courseEsports .espContain .corner-rightBottom {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 360px;
      left: 100%;
      overflow: hidden; }
      .courseEsports .espContain .corner-rightBottom::after {
        content: '';
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 20px;
        box-shadow: 0 0 50px 50px #fff;
        top: -50px;
        right: -50px; }
    .courseEsports .espContain .espInner {
      width: 1015px;
      margin: 0 auto;
      padding: 150px 0; }
    .courseEsports .espContain .gameBox {
      margin-bottom: 40px;
      gap: 25px; }
      .courseEsports .espContain .gameBox .ttlBox {
        width: 325px;
        color: #29297a;
        line-height: 1.3; }
        .courseEsports .espContain .gameBox .ttlBox .ttlEg {
          font-size: 48px;
          font-weight: bold; }
        .courseEsports .espContain .gameBox .ttlBox .ttlJp {
          font-size: 18px;
          font-weight: 500; }
      .courseEsports .espContain .gameBox .txtBox {
        width: calc(100% - 350px);
        font-size: 15px; }
        .courseEsports .espContain .gameBox .txtBox .copy {
          font-size: 22px;
          font-weight: 500;
          line-height: 1.5;
          margin-bottom: 5px; }
    .courseEsports .espContain .coarchBox .cMds {
      font-size: 15px;
      font-weight: 500;
      position: relative;
      line-height: 1.1;
      height: auto;
      margin-bottom: 20px;
      margin-left: 10px; }
      .courseEsports .espContain .coarchBox .cMds::before {
        position: absolute;
        content: '';
        background: #f56363;
        width: 3px;
        height: 100%;
        left: -10px; }
    .courseEsports .espContain .coarchBox .profBox {
      gap: 50px;
      margin-bottom: 80px; }
      .courseEsports .espContain .coarchBox .profBox .pictBox {
        width: 480px; }
        .courseEsports .espContain .coarchBox .profBox .pictBox .pict {
          width: 450px;
          min-height: 500px;
          position: relative;
          border-radius: 20px; }
          .courseEsports .espContain .coarchBox .profBox .pictBox .pict img {
            border-radius: 20px;
            position: relative;
            z-index: 1; }
          .courseEsports .espContain .coarchBox .profBox .pictBox .pict::after {
            position: absolute;
            content: '';
            background: url("../images/esports_club/bg04.gif");
            background-repeat: repeat;
            width: 450px;
            height: 100%;
            top: 30px;
            left: 30px;
            border-radius: 20px; }
      .courseEsports .espContain .coarchBox .profBox .txtBox {
        width: calc(100% - 530px);
        margin-top: 20px; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .name {
          font-size: 16px;
          padding-bottom: 10px;
          margin-bottom: 20px;
          border-bottom: 1px solid #999; }
          .courseEsports .espContain .coarchBox .profBox .txtBox .name span {
            font-size: 30px;
            font-weight: 500;
            margin-right: .2em; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .txt {
          font-size: 15px;
          margin-bottom: 30px;
          line-height: 2.2em; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .logo {
          border-top: 1px solid #d3d3d3;
          border-bottom: 1px solid #d3d3d3;
          padding: 10px 0; }
          .courseEsports .espContain .coarchBox .profBox .txtBox .logo img {
            width: 410px;
            margin-right: auto; }
    .courseEsports .espContain .coarchBox .resultBox .rMds {
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 15px; }
    .courseEsports .espContain .coarchBox .resultBox .listBox {
      border-top: 1px solid #d3d3d3;
      border-bottom: 1px solid #d3d3d3;
      font-size: 15px; }
      .courseEsports .espContain .coarchBox .resultBox .listBox .ttl {
        width: 250px;
        background: #f1ebf5;
        padding: 25px 20px; }
      .courseEsports .espContain .coarchBox .resultBox .listBox .txt {
        width: calc(100% - 250px);
        padding: 25px 20px 25px 50px; }
    .courseEsports .espContain .coarchBox .layout02 {
      flex-direction: row-reverse; }
      .courseEsports .espContain .coarchBox .layout02 .position {
        font-size: 13px;
        line-height: 1.2em; }
      .courseEsports .espContain .coarchBox .layout02 .txtBox {
        margin-top: 0px; }
        .courseEsports .espContain .coarchBox .layout02 .txtBox .name {
          font-weight: normal;
          padding-bottom: 15px;
          line-height: 1; }
        .courseEsports .espContain .coarchBox .layout02 .txtBox .txt {
          margin-bottom: 10px; }
  .courseEsports .bgRight {
    border-radius: 0 20px 0 0; }
  .courseEsports .galleryBox {
    gap: 45px 70px;
    flex-wrap: wrap;
    margin-bottom: 130px; }
    .courseEsports .galleryBox .item {
      width: calc((100% - 140px) / 3);
      text-align: center;
      font-size: 15px;
      border-radius: 15px; }
      .courseEsports .galleryBox .item img {
        border-radius: 15px;
        margin-bottom: 10px; }
  .courseEsports .btnBox {
    gap: 30px;
    width: 810px;
    margin: 0 auto 50px; }
    .courseEsports .btnBox .aBtn {
      width: 390px;
      height: 75px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      font-size: 15px;
      background: #29297a;
      border-radius: 100vh;
      position: relative;
      text-decoration: none;
      color: #fff;
      transition: .3s; }
      .courseEsports .btnBox .aBtn::before {
        position: absolute;
        content: '';
        border-top: 4px solid #3f3f88;
        top: 0;
        left: 35px;
        width: 320px; }
      .courseEsports .btnBox .aBtn::after {
        position: absolute;
        content: '';
        background: url("../images/arrow_w_purple.svg");
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
        background-repeat: no-repeat;
        right: 30px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%); }
      .courseEsports .btnBox .aBtn:hover {
        opacity: .7; }

.espBtmBnr {
  margin-top: 85px;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .eSportsTtlBox {
    height: 85vh; }
    .eSportsTtlBox .topTtl {
      font-size: 46px; }
    .eSportsTtlBox .copy {
      font-size: 16px;
      font-weight: 500; }
    .eSportsTtlBox .txt {
      font-size: 14px;
      font-weight: 500;
      margin-right: 10%; }

  .eSportsTtlBox::after {
    border-radius: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    background-position: 75% center; }

  .courseEsports .espHeader {
    min-height: 150px;
    position: relative;
    overflow: hidden; }
    .courseEsports .espHeader .corner-rightTop {
      display: none;
      position: static; }
    .courseEsports .espHeader .corner-leftTop {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 160px;
      left: 125px;
      overflow: hidden; }
      .courseEsports .espHeader .corner-leftTop::after {
        content: '';
        width: 200%;
        height: 200%;
        position: absolute;
        border-radius: 20px;
        box-shadow: 0 0 50px 50px #fff;
        top: -50px;
        right: -50px; }
  .courseEsports .espCnts01::before {
    width: 135px;
    top: -50px;
    right: -25px;
    z-index: -1; }
  .courseEsports .espCnts01::after {
    height: 150px;
    width: 100%;
    margin: 0; }
  .courseEsports .espCnts02::before {
    width: 135px;
    top: -50px;
    left: -25px;
    z-index: -1; }
  .courseEsports .espCnts02::after {
    height: 150px;
    width: 100%;
    margin: 0;
    border-radius: 0; }
  .courseEsports .espCnts03::before {
    width: 135px;
    top: -50px;
    right: -25px;
    z-index: -1; }
  .courseEsports .espCnts03::after {
    height: 150px;
    width: 100%;
    margin: 0;
    border-radius: 0; }
  .courseEsports .espMdsBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 500;
    color: #fff; }
    .courseEsports .espMdsBox .mdsJp {
      font-size: 20px; }
    .courseEsports .espMdsBox .mdsEg {
      font-size: 13px; }
  .courseEsports .espContain {
    top: -25px;
    min-height: 500px;
    border-radius: 0 20px 0 0;
    margin: 0;
    min-width: auto;
    margin-bottom: 40px;
    width: 100%; }
    .courseEsports .espContain .corner-leftBottom {
      display: none;
      position: static; }
    .courseEsports .espContain .corner-rightBottom {
      display: none;
      position: static; }
    .courseEsports .espContain .espInner {
      width: 88%;
      padding: 35px 0; }
    .courseEsports .espContain .gameBox {
      margin-bottom: 40px;
      gap: 25px;
      flex-direction: column; }
      .courseEsports .espContain .gameBox .ttlBox {
        width: 100%; }
        .courseEsports .espContain .gameBox .ttlBox .ttlEg {
          font-size: 34px; }
        .courseEsports .espContain .gameBox .ttlBox .ttlJp {
          font-size: 18px; }
      .courseEsports .espContain .gameBox .txtBox {
        width: 100%; }
        .courseEsports .espContain .gameBox .txtBox .copy {
          font-size: 20px; }
    .courseEsports .espContain .coarchBox .profBox {
      gap: 40px;
      margin-bottom: 40px;
      flex-direction: column; }
      .courseEsports .espContain .coarchBox .profBox .pictBox {
        width: 100%; }
        .courseEsports .espContain .coarchBox .profBox .pictBox .pict {
          width: calc(100% - 20px);
          min-height: 100px;
          position: relative; }
          .courseEsports .espContain .coarchBox .profBox .pictBox .pict::after {
            width: 100%;
            height: 100%;
            top: 20px;
            left: 20px; }
      .courseEsports .espContain .coarchBox .profBox .txtBox {
        width: 100%; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .name {
          font-size: 14px; }
          .courseEsports .espContain .coarchBox .profBox .txtBox .name span {
            font-size: 26px; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .txt {
          font-size: 14px;
          margin-bottom: 15px;
          line-height: 2em; }
        .courseEsports .espContain .coarchBox .profBox .txtBox .logo img {
          width: 50%;
          margin: auto; }
    .courseEsports .espContain .coarchBox .resultBox .listBox {
      font-size: 14px;
      align-items: stretch; }
      .courseEsports .espContain .coarchBox .resultBox .listBox .ttl {
        width: 100px;
        background: #f1ebf5;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .courseEsports .espContain .coarchBox .resultBox .listBox .txt {
        width: calc(100% - 100px);
        padding: 15px 10px; }
    .courseEsports .espContain .coarchBox .layout02 {
      flex-direction: column;
      margin-top: 25px; }
      .courseEsports .espContain .coarchBox .layout02 .txtBox {
        margin-top: 20px; }
  .courseEsports .bgRight {
    border-radius: 20px 0 0 0; }
  .courseEsports .galleryBox {
    gap: 20px 15px;
    margin-top: 25px;
    margin-bottom: 50px; }
    .courseEsports .galleryBox .item {
      width: calc((100% - 15px) / 2);
      font-size: 14px; }
  .courseEsports .btnBox {
    gap: 25px;
    width: 88%;
    flex-direction: column; }
    .courseEsports .btnBox .aBtn {
      width: 100%;
      height: 70px; }
      .courseEsports .btnBox .aBtn::before {
        width: calc(100% - 70px); }

  .espBtmBnr {
    margin-top: 50px;
    margin-bottom: 0;
    margin-top: 35px; } }
/*-----------------------------------------------
    sitemap
-----------------------------------------------*/
.secSitemap .arrowBox {
  font-weight: bold;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
  margin-top: 35px; }
.secSitemap .siteListBox {
  margin-left: 45px;
  margin-bottom: 75px;
  flex-wrap: wrap;
  gap: 30px 15px; }
  .secSitemap .siteListBox .list {
    width: calc((100% - 30px) / 3); }
    .secSitemap .siteListBox .list .inner-list li {
      margin-bottom: 15px; }
  .secSitemap .siteListBox .aArrow01 {
    position: relative;
    text-decoration: none;
    color: #000;
    transition: .2s; }
    .secSitemap .siteListBox .aArrow01::before {
      content: '';
      background-image: url("../images/arrow01.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 8px;
      height: 13px;
      position: absolute;
      margin-right: 5px;
      top: 5.5px;
      left: -15px;
      transform: translate(0, calc(50% - 6px)); }
    .secSitemap .siteListBox .aArrow01:hover {
      color: #F3982C; }
  .secSitemap .siteListBox .inner {
    margin: 15px 0 15px 15px; }
    .secSitemap .siteListBox .inner .list {
      width: 100%;
      margin-bottom: 8px; }
    .secSitemap .siteListBox .inner .aArrow01::before {
      background-image: url("../images/arrow01_r07.svg"); }
.secSitemap .site-col-5 {
  gap: 10px 15px; }
  .secSitemap .site-col-5 .list {
    width: calc((100% - 60px) / 5); }

@media only screen and (max-width: 767px) {
  .secSitemap .siteListBox {
    flex-direction: column;
    margin-left: 20px;
    margin-bottom: 35px;
    gap: 15px 15px; }
    .secSitemap .siteListBox .list {
      width: calc(100% - 15px); }
    .secSitemap .siteListBox .inner {
      margin: 10px 0 10px 15px; }
  .secSitemap .site-col-5 {
    flex-direction: row; }
    .secSitemap .site-col-5 .list {
      width: calc((100% - 30px) / 2);
      margin-right: 5px; } }
/*-----------------------------------------------
    secBeauty
-----------------------------------------------*/
.courseBeauTtl_pic::after {
  background-image: url(../images/course/beauty/kv.jpg);
  background-position: center center; }

/*-----------------------------------------------
    secSyakaitankyu
-----------------------------------------------*/
.courseTankyuTtl_pic::after {
  background-image: url("../images/course/tankyu/kv.jpg");
  background-position: center center; }

/*-----------------------------------------------
    secKorea
-----------------------------------------------*/
.courseKoreaTtl_pic::after {
  background-image: url("../images/course/korea/kv.jpg");
  background-position: center center; }

.courseKorea .manabiBox .korean {
  width: 25%; }
.courseKorea .manabiBox .communication {
  width: 40%; }
.courseKorea .manabiBox .crossculture {
  width: 35%; }

@media only screen and (max-width: 767px) {
  .courseKorea .manabiBox .korean, .courseKorea .manabiBox .communication, .courseKorea .manabiBox .crossculture {
    width: 100%; } }
/*-----------------------------------------------
    secAiskill
-----------------------------------------------*/
.courseAiskillTtl_pic::after {
  background-image: url("../images/course/aiskill/kv.jpg");
  background-position: center center; }

/*-----------------------------------------------
    secArt
-----------------------------------------------*/
.courseArtTtl_pic::after {
  background-image: url("../images/course/art/kv.jpg");
  background-position: center center; }

/*-----------------------------------------------
    campus　追加分
-----------------------------------------------*/
.pageTtlBox .topTtl .campus_type {
  font-size: 20px;
  vertical-align: 9%; }

.secAreaInfo .inner .campus_type {
  font-weight: 500;
  margin-bottom: 10px; }
.secAreaInfo .listBox {
  gap: 10px 20px;
  margin-left: 10px; }

@media only screen and (max-width: 767px) {
  .secAreaInfo .listBox {
    flex-direction: inherit; }
    .secAreaInfo .listBox .item {
      width: calc((100% - 20px) / 2); } }
/*-----------------------------------------------
    campus
-----------------------------------------------*/
.courseCampus .courseSpecial_lecture .specialLectureBox .pictBox {
  width: 380px;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: inherit; }
.courseCampus .courseSpecial_lecture .specialLectureBox .txtBox {
  width: calc(100% - 430px);
  padding-right: inherit;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: inherit; }
  .courseCampus .courseSpecial_lecture .specialLectureBox .txtBox .pointList {
    row-gap: 10px; }

@media only screen and (max-width: 767px) {
  .courseCampus .courseSpecial_lecture .specialLectureBox .pictBox {
    width: 100%; }
  .courseCampus .courseSpecial_lecture .specialLectureBox .txtBox {
    width: 100%; }
    .courseCampus .courseSpecial_lecture .specialLectureBox .txtBox h4.mds {
      font-size: 18px;
      margin-bottom: 10px; }
    .courseCampus .courseSpecial_lecture .specialLectureBox .txtBox .pointList {
      row-gap: 5px;
      padding-top: 20px; }
  .courseCampus .courseSpecial_lecture .specialLectureBox .btm70 {
    margin-bottom: 35px; } }
/*-----------------------------------------------
    Learning
-----------------------------------------------*/
.secLearning .secMypla .learnLayout02 {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none; }