@charset "UTF-8";
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.oneMain {
  margin: 60px auto 80px;
  text-align: center;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oneMain img {
  width: 100%;
}
@media print, screen and (max-width: 1160px) {
  .oneMain {
    margin: 40px auto;
    width: 70%;
  }
  .oneMain img {
    width: 100%;
  }
}
@media print, screen and (max-width:1026px) {
  .oneMain {
    margin: 40px auto;
    width: 60%;
  }
  .oneMain img {
    width: 100%;
  }
}
@media print, screen and (max-width:768px) {
  .oneMain {
    width: 80%;
    margin: 2rem auto;
  }
}

.koryuImg {
  width: 50%;
  margin: 0 auto;
}
.koryuImg img {
  width: 100%;
}
@media print, screen and (max-width:1026px) {
  .koryuImg {
    width: 80%;
  }
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.timeTable {
  width: 100%;
  border-top: solid 7px #0C3388;
  position: relative;
}
@media print, screen and (max-width:768px) {
  .timeTable {
    border-top: solid 5px #0C3388;
  }
}
.timeTable:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 221px;
  height: 128px;
  background-image: url(../common/images/flag_l.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1100px) {
  .timeTable:before {
    width: 120px;
    height: 68px;
  }
}
.timeTable:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  display: block;
  width: 221px;
  height: 128px;
  background-image: url(../common/images/flag_r.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1100px) {
  .timeTable:after {
    width: 120px;
    height: 68px;
  }
}
.timeTable .wrap {
  padding: 100px 0;
}
@media print, screen and (max-width:1026px) {
  .timeTable .wrap {
    padding: 80px 0;
  }
}
@media print, screen and (max-width:768px) {
  .timeTable .wrap {
    padding: 5rem 0 2rem;
  }
}
.timeTable.pink {
  border-top: none;
}
.timeTable.pink:before {
  background-image: url(../common/images/flag_p_l.png);
}
.timeTable.pink:after {
  background-image: url(../common/images/flag_p_r.png);
}

table.time th, table.time tr, table.time td {
  border: 2px solid #0C3388;
}
@media print, screen and (max-width:768px) {
  table.time tr:last-child td:last-child {
    border-bottom: 2px solid #0C3388;
  }
}
table.time th {
  font-size: 200%;
  background: #EDF0F4;
  line-height: 1.2;
}
@media print, screen and (max-width:1026px) {
  table.time th {
    font-size: 180%;
  }
}
@media print, screen and (max-width:768px) {
  table.time th {
    font-size: 160%;
  }
}
table.time td {
  padding: 20px;
}
table.time .title {
  font-size: 160%;
  font-weight: 600;
  margin: 0 0 10px;
}
@media print, screen and (max-width:1026px) {
  table.time .title {
    font-size: 150%;
  }
}
table.time .subT {
  font-size: 128%;
  font-weight: 500;
  margin: 0 0 10px;
}
@media print, screen and (max-width:1026px) {
  table.time .subT {
    font-size: 120%;
  }
}
table.time.pink th, table.time.pink tr, table.time.pink td {
  border-color: #E95383;
}
@media print, screen and (max-width:768px) {
  table.time.pink tr:last-child td:last-child {
    border-bottom: 2px solid #E95383;
  }
}
table.time.pink th {
  background: #FEF6F9;
  font-size: 140%;
  width: 18%;
}
@media print, screen and (max-width:1026px) {
  table.time.pink th {
    width: 23%;
    font-size: 130%;
  }
}
@media print, screen and (max-width:768px) {
  table.time.pink th {
    width: 100%;
    font-size: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  table.time.pink th p {
    margin: 0 10px 0 0;
  }
}
table.time.pink th .color {
  color: #E95383;
}

.tdBox {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tdBox .txt {
  width: 67%;
}
@media print, screen and (max-width:768px) {
  .tdBox .txt {
    width: 100%;
  }
}
.tdBox .img {
  width: 28%;
  margin: 0;
  line-height: 0;
}
@media print, screen and (max-width:768px) {
  .tdBox .img {
    width: 80%;
    margin: 0 auto 1rem;
  }
}
.tdBox .img img {
  width: 100%;
}

.btnBox {
  width: 880px;
  margin: 40px auto 0px;
}
@media print, screen and (max-width:1026px) {
  .btnBox {
    width: 90%;
    margin: 10px auto 0px;
  }
}
@media print, screen and (max-width:768px) {
  .btnBox {
    margin: 2rem auto 2rem;
  }
}
@media print, screen and (max-width:768px) {
  .btnBox .baseBtn {
    margin: 0.5rem auto;
  }
}
@media print, screen and (max-width:1026px) {
  .btnBox .baseBtn a {
    width: 100%;
  }
}
@media print, screen and (max-width:768px) {
  .btnBox .baseBtn a {
    width: 100%;
  }
}

.tdBox2 p {
  font-size: 130%;
  font-weight: 500;
  margin-right: 10px;
}
@media print, screen and (max-width:1026px) {
  .tdBox2 p {
    font-size: 130%;
  }
}
@media print, screen and (max-width:768px) {
  .tdBox2 p {
    font-size: 120%;
  }
}
.tdBox2 p a {
  color: #000;
  text-decoration: none;
}
.tdBox2 p.txt_s {
  font-size: 110%;
  margin: 0 0 5px;
}
.tdBox2 p.note_red {
  color: #E60012;
  font-size: 100%;
  line-height: 1.5;
  margin-right: 0;
}
.tdBox2 p.note_red span {
  padding: 1px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #E60012;
  color: #fff;
  border-radius: 0;
  margin-right: 6px;
  font-size: 100%;
}
.tdBox2 span {
  padding: 3px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  color: #fff;
  font-size: 70%;
  font-weight: 500;
}
.tdBox2 .txtSS {
  font-size: 84%;
  font-weight: 400;
  margin: 0;
}
@media print, screen and (max-width:768px) {
  .tdBox2 .txtSS {
    font-size: 84%;
  }
}

._bgGreen {
  background: #80B927;
}

._bgBlue {
  background: #187FC4;
}

._bgPurple {
  background: #9B72B0;
}

._bgPink {
  background: #E95383;
}

._bgOrange {
  background: #F6AE6A;
}

span.u_tag {
  border: 1px solid #0C3388;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0C3388 !important;
  border-radius: 0;
  margin: 0 0 0 10px;
  font-size: 65%;
}
@media print, screen and (max-width:1026px) {
  span.u_tag {
    font-size: 65%;
    margin: 0px;
    font-size: 60%;
    display: inline-block;
  }
}
@media print, screen and (max-width:768px) {
  span.u_tag {
    font-size: 70%;
    display: inline-block;
  }
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.pickup {
  width: 100%;
  background: #F3F5F9;
  position: relative;
}
.pickup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 221px;
  height: 128px;
  background-image: url(../common/images/flag_l.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1100px) {
  .pickup:before {
    width: 120px;
    height: 68px;
  }
}
.pickup:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  display: block;
  width: 221px;
  height: 128px;
  background-image: url(../common/images/flag_r.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1100px) {
  .pickup:after {
    width: 120px;
    height: 68px;
  }
}
.pickup .wrap {
  padding: 100px 0;
}
@media print, screen and (max-width:1026px) {
  .pickup .wrap {
    padding: 80px 0;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .wrap {
    padding: 5rem 0 2.8rem;
  }
}
.pickup .pick {
  width: 100%;
}
.pickup .pick .box {
  width: 48.5%;
  border: 2px solid #0C3388;
  border-radius: 15px;
  margin: 0 0 30px;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
@media print, screen and (max-width:1026px) {
  .pickup .pick .box {
    padding: 20px;
    margin: 0 0 20px;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .pick .box {
    width: 100%;
    padding: 1.5rem 5%;
    margin: 0 0 1rem;
  }
}
.pickup .pick .box.type2 {
  margin-bottom: 30px;
  padding: inherit;
}
@media print, screen and (max-width:1026px) {
  .pickup .pick .box.type2 {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .pick .box.type2 {
    margin-bottom: 1rem;
  }
}
.pickup .pick .box.type2 .boxWrap {
  padding: 30px 40px;
}
@media print, screen and (max-width:1026px) {
  .pickup .pick .box.type2 .boxWrap {
    padding: 20px;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .pick .box.type2 .boxWrap {
    padding: 1.5rem 5%;
  }
}
.pickup .pick .box .title {
  position: relative;
  font-size: 180%;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 1.8rem;
}
@media print, screen and (max-width:1026px) {
  .pickup .pick .box .title {
    font-size: 140%;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .pick .box .title {
    font-size: 135%;
    margin: 0 auto 1.2rem;
  }
}
.pickup .pick .box .title:before {
  content: ""; /*何も入れない*/
  display: inline-block;
  width: 36px;
  height: 35px;
  background-image: url(../common/images/check.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
@media print, screen and (max-width:1026px) {
  .pickup .pick .box .title:before {
    width: 26px;
    height: 25px;
  }
}
@media print, screen and (max-width:768px) {
  .pickup .pick .box .title:before {
    width: 26px;
    height: 25px;
  }
}
.pickup .pick .box .img {
  max-width: 400px;
  text-align: center;
  margin: 0 auto 1rem;
}
.pickup .pick .box .img img {
  width: 100%;
}
.pickup .btnBox {
  margin: 0 auto;
}
.pickup.pink {
  background: #FEF6F9;
}
.pickup.pink:before {
  background-image: url(../common/images/flag_p_l.png);
}
.pickup.pink:after {
  background-image: url(../common/images/flag_p_r.png);
}
.pickup.pink .pick .box {
  border-color: #E95383;
}
.pickup.pink .pick .box .title {
  font-size: 150%;
  font-weight: 600;
}
.pickup.pink .pick .box .title:before {
  content: none;
}
.pickup.pink .pick .box .title span {
  padding: 3px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  color: #fff;
  font-size: 60%;
  font-weight: 400;
}
.pickup.pink .pick .box .title .txtSS {
  font-size: 78%;
  font-weight: 400;
  margin: 0;
}
.pickup.pink .pick .box .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (max-width:1026px) {
  .pickup.pink .pick .box .titleBox {
    margin-bottom: 10px;
  }
}
.pickup.pink .pick .box .titleBox .title {
  margin-right: 10px;
}
@media print, screen and (max-width:1026px) {
  .pickup.pink .pick .box .titleBox .title {
    font-size: 130%;
  }
}
.pickup.pink .pick .box .titleBox .spanS span {
  display: block;
  padding: 3px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 70%;
  font-weight: 400;
}
.pickup.pink .pick .box .titleBox .spanS span:not(:last-child) {
  margin-bottom: 3px;
}

/*kokusai_course.html ページ内リンク*/
.inpage_margin {
  margin-top: -70px !important;
  padding-top: 70px !important;
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.firstBlock {
  background: #FDF3F6;
  width: 100%;
  border-top: 7px solid #0C3388;
}
@media print, screen and (max-width:768px) {
  .firstBlock {
    border-top: 5px solid #0C3388;
  }
}
.firstBlock .wrap {
  padding: 80px 0;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .wrap {
    padding: 60px 0;
  }
}
@media print, screen and (max-width:768px) {
  .firstBlock .wrap {
    padding: 2rem 0;
  }
}
.firstBlock .fbTxt {
  line-height: 1.9;
  font-size: 108%;
  margin: 0 0 40px;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .fbTxt {
    font-size: 100%;
    margin: 0 0 30px;
  }
}
@media print, screen and (max-width:768px) {
  .firstBlock .fbTxt {
    margin: 0 0 1.5rem;
  }
}
.firstBlock .f_01 {
  width: 100%;
  margin: 0 0 50px;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 {
    margin: 0 0 40px;
  }
}
@media print, screen and (max-width:768px) {
  .firstBlock .f_01 {
    margin: 0 0 10px;
  }
}
.firstBlock .f_01 .txtBlock {
  width: 48%;
}
@media print, screen and (max-width:768px) {
  .firstBlock .f_01 .txtBlock {
    width: 100%;
  }
}
.firstBlock .f_01 .txtBlock .title {
  font-size: 280%;
  font-weight: 600;
  margin: 0 0 24px;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 .txtBlock .title {
    font-size: 200%;
  }
}
@media print, screen and (max-width:768px) {
  .firstBlock .f_01 .txtBlock .title {
    font-size: 148%;
    margin: 0 0 0.8rem;
  }
}
.firstBlock .f_01 .txtBlock .box {
  background: #fff;
  padding: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 90%;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 .txtBlock .box {
    padding: 16px;
  }
}
.firstBlock .f_01 .txtBlock .box .flex {
  width: 100%;
}
.firstBlock .f_01 .txtBlock .box .txt_2 {
  width: 60%;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 .txtBlock .box .txt_2 {
    width: 100%;
  }
}
.firstBlock .f_01 .txtBlock .box .txt_2 .title {
  font-size: 110%;
  font-weight: 500;
  color: #E95383;
  margin: 0 0 1rem;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 .txtBlock .box .txt_2 .title {
    margin: 0 0 0.8rem;
  }
}
.firstBlock .f_01 .txtBlock .box .img_2 {
  width: 36%;
}
.firstBlock .f_01 .txtBlock .box .img_2 img {
  width: 100%;
}
@media print, screen and (max-width:1026px) {
  .firstBlock .f_01 .txtBlock .box .img_2 {
    width: 60%;
    text-align: center;
    margin: 1.5rem auto 0;
  }
}
@media print, screen and (max-width:768px) {
  .firstBlock .f_01 .txtBlock .box .img_2 {
    width: 80%;
  }
}
.firstBlock .f_01 .img {
  width: 47%;
}
.firstBlock .f_01 .img img {
  width: 100%;
}
@media print, screen and (max-width:768px) {
  .firstBlock .f_01 .img {
    width: 80%;
    text-align: center;
    margin: 1.8rem auto;
  }
}

.mask, .guide {
  text-align: center;
  margin: 30px auto 0;
  width: 80%;
}
.mask img, .guide img {
  width: 100%;
}
@media print, screen and (max-width:768px) {
  .mask, .guide {
    width: 100%;
    margin: 20px auto 0;
  }
}

.coImg {
  text-align: center;
  margin: 60px auto 80px;
  max-width: 800px;
}
.coImg img {
  width: 100%;
}
@media print, screen and (max-width:1026px) {
  .coImg {
    margin: 40px auto 60px;
    max-width: 80%;
  }
}
@media print, screen and (max-width:768px) {
  .coImg {
    max-width: 85%;
    margin: 30px auto 30px;
  }
}

.mark_coll {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(30%, #FFEA3F));
  background: linear-gradient(transparent 30%, #FFEA3F 30%);
  display: inline-block;
}

.txt_t_box {
  width: 62%;
}
@media print, screen and (max-width:1026px) {
  .txt_t_box {
    width: 52%;
  }
}
@media print, screen and (max-width:768px) {
  .txt_t_box {
    width: 100%;
  }
}

.t_img {
  width: 35%;
  margin: 0;
}
.t_img img {
  width: 100%;
}
@media print, screen and (max-width:1026px) {
  .t_img {
    width: 45%;
  }
}
@media print, screen and (max-width:768px) {
  .t_img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}

.uketuke {
  background: #E60012;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 148%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 20px;
  display: block;
  max-width: 300px;
}
@media print, screen and (max-width:1026px) {
  .uketuke {
    padding: 6px;
  }
}
@media print, screen and (max-width:768px) {
  .uketuke {
    padding: 4px;
    max-width: 70%;
    font-size: 128%;
  }
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.campus {
  max-width: 1100px;
  margin: 0 auto;
}
@media print, screen and (max-width:1026px) {
  .campus {
    width: 94%;
  }
}
.campus .c_ttl {
  text-align: center;
  font-size: 128%;
  font-weight: 500;
  margin: 0 auto 1.8rem;
}
@media print, screen and (max-width:1026px) {
  .campus .c_ttl {
    font-size: 124%;
  }
}
@media print, screen and (max-width:768px) {
  .campus .c_ttl {
    font-size: 120%;
  }
}
.campus .gakubu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 94%;
  margin: 0 auto 30px;
}
@media print, screen and (max-width:1026px) {
  .campus .gakubu {
    margin: 0 auto 24px;
  }
}
@media print, screen and (max-width:768px) {
  .campus .gakubu {
    margin: 0 auto 1.5rem;
  }
}
.campus .gakubu p {
  padding: 5px 20px;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 8px;
}
@media print, screen and (max-width:1026px) {
  .campus .gakubu p {
    margin-bottom: 6px;
    padding: 5px 15px;
  }
}
@media print, screen and (max-width:768px) {
  .campus .gakubu p {
    margin-bottom: 4px;
    padding: 4px 10px;
  }
}
.campus .gakubu p:not(:last-child) {
  margin-right: 8px;
}
@media print, screen and (max-width:1026px) {
  .campus .gakubu p:not(:last-child) {
    margin-right: 6px;
  }
}
@media print, screen and (max-width:768px) {
  .campus .gakubu p:not(:last-child) {
    margin-right: 4px;
  }
}
.campus .m_block {
  width: 640px;
  margin: 0 auto 60px;
}
@media print, screen and (max-width:1026px) {
  .campus .m_block {
    width: 70%;
    margin: 0 auto 50px;
  }
}
@media print, screen and (max-width:768px) {
  .campus .m_block {
    width: 90%;
    margin: 0 auto 3rem;
  }
}
.campus .m_block .img {
  width: 100%;
}
.campus .m_block .img img {
  width: 100%;
}
.campus .m_block .ttl {
  font-size: 120%;
  font-weight: 500;
  margin: 0 0 1rem;
}
.campus .m_block .accessBtn {
  margin: 0 auto;
  width: 300px;
}
@media print, screen and (max-width:768px) {
  .campus .m_block .accessBtn {
    width: 70%;
  }
}
.campus .m_block .accessBtn a {
  display: block;
  padding: 10px;
  text-align: center;
  border: 3px solid;
  border-radius: 30px;
  text-decoration: none;
  font-size: 110%;
  font-weight: 500;
}
@media print, screen and (max-width:768px) {
  .campus .m_block .accessBtn a {
    padding: 6px 10px;
  }
}
.campus .pickBlock {
  max-width: 100%;
  margin: 0 auto 60px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media print, screen and (max-width:1026px) {
  .campus .pickBlock {
    margin: 0 auto 40px;
  }
}
@media print, screen and (max-width:768px) {
  .campus .pickBlock {
    margin: 0 auto 2rem;
  }
}
.campus .pickBlock .child {
  width: 30%;
}
@media print, screen and (max-width:768px) {
  .campus .pickBlock .child {
    width: 48%;
  }
}
.campus .pickBlock .child .img {
  width: 100%;
}
.campus .pickBlock .child .img img {
  width: 100%;
}
.campus .pickBlock .child .ttl_p {
  font-size: 110%;
  font-weight: 600;
  margin: 0 0 5px;
}
.campus .pickBlock .child .ttl_p:before {
  content: "●";
  font-size: 110%;
  margin-right: 5px;
}
.campus.bkc .gakubu p {
  background: #00A0E9;
}
.campus.bkc .m_block .ttl {
  color: #00A0E9;
}
.campus.bkc .pickBlock .ttl_p:before {
  color: #00A0E9;
}
.campus.bkc .accessBtn a {
  border-color: #00A0E9;
  color: #00A0E9;
}
.campus.kic .gakubu p {
  background: #7FBE26;
}
.campus.kic .m_block .ttl {
  color: #7FBE26;
}
.campus.kic .pickBlock .ttl_p:before {
  color: #7FBE26;
}
.campus.kic .accessBtn a {
  border-color: #7FBE26;
  color: #7FBE26;
}
.campus.oic .gakubu p {
  background: #F6AB00;
}
.campus.oic .m_block .ttl {
  color: #F6AB00;
}
.campus.oic .pickBlock .ttl_p:before {
  color: #F6AB00;
}
.campus.oic .accessBtn a {
  border-color: #F6AB00;
  color: #F6AB00;
}
.campus .kengaku {
  max-width: 280px;
  text-align: left;
  margin: 10px 0px 10px 20px;
}
.campus .kengaku img {
  width: 100%;
}
@media print, screen and (max-width:768px) {
  .campus .kengaku {
    max-width: 46%;
    margin: 10px 0px 5px 10px;
  }
}

.close {
  width: 300px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  border-radius: 30px;
  border: 3px solid;
  font-size: 130%;
  font-weight: 600;
}
@media print, screen and (max-width:1026px) {
  .close {
    font-size: 120%;
    padding: 10px 10px;
  }
}
@media print, screen and (max-width:768px) {
  .close {
    width: 70%;
    font-size: 110%;
    padding: 6px 10px;
  }
}

.kic .close {
  border-color: #7FBE26;
  color: #7FBE26;
}

.bkc .close {
  border-color: #00A0E9;
  color: #00A0E9;
}

.oic .close {
  border-color: #F6AB00;
  color: #F6AB00;
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.acordionBlock .aco {
  border: 3px solid;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relativere;
  margin: 0 auto 40px;
}
@media print, screen and (max-width:1026px) {
  .acordionBlock .aco {
    margin: 0 auto 30px;
  }
}
@media print, screen and (max-width:768px) {
  .acordionBlock .aco {
    margin: 0 auto 20px;
  }
}
.acordionBlock .aco.bkc {
  border-color: #00A0E9;
}
.acordionBlock .aco.bkc .key_box {
  background-color: #00A0E9;
}
.acordionBlock .aco.bkc .acordionswitchBtn {
  color: #00A0E9;
}
.acordionBlock .aco.kic {
  border-color: #7FBE26;
}
.acordionBlock .aco.kic .key_box {
  background-color: #7FBE26;
}
.acordionBlock .aco.kic .acordionswitchBtn {
  color: #7FBE26;
}
.acordionBlock .aco.oic {
  border-color: #F6AB00;
}
.acordionBlock .aco.oic .key_box {
  background-color: #F6AB00;
}
.acordionBlock .aco.oic .acordionswitchBtn {
  color: #F6AB00;
}
.acordionBlock .acordionswitchBtn {
  padding: 2rem 2.6rem 2rem 2.3rem;
  text-indent: -1.3rem;
  font-size: 160%;
  font-weight: 600;
  text-align: center;
  position: relative;
}
@media print, screen and (max-width:1026px) {
  .acordionBlock .acordionswitchBtn {
    padding: 1.4rem 2.6rem 1.4rem 2.3rem;
    font-size: 140%;
  }
}
@media print, screen and (max-width:768px) {
  .acordionBlock .acordionswitchBtn {
    padding: 0.93rem 2.6rem 0.93rem 2.3rem;
    font-size: 105%;
  }
}
.acordionBlock .acordionswitchBtn .key_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 0%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
@media print, screen and (max-width:1026px) {
  .acordionBlock .acordionswitchBtn .key_box {
    width: 60px;
    height: 60px;
    margin-top: -30px;
  }
}
@media print, screen and (max-width:768px) {
  .acordionBlock .acordionswitchBtn .key_box {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
}
.acordionBlock .acordionswitchBtn .key_box .one_i {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  position: relative;
}
@media print, screen and (max-width:1026px) {
  .acordionBlock .acordionswitchBtn .key_box .one_i {
    width: 18px;
    height: 18px;
  }
}
.acordionBlock .acordionswitchBtn .key_box .one_i:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  background-color: #fff;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.acordionBlock .acordionswitchBtn .key_box .one_i:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.acordionBlock .acordionswitchBtn.open .key_box .one_i:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.acordionBlock .switchDetail {
  background: #fff;
  padding: 20px 0 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media print, screen and (max-width:1026px) {
  .acordionBlock .switchDetail {
    padding: 20px 0 40px;
  }
}
@media print, screen and (max-width:768px) {
  .acordionBlock .switchDetail {
    padding: 0.6rem 0 1.5rem;
  }
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.scMain {
  width: 100%;
  border-bottom: 7px solid #0C3388;
}
@media print, screen and (max-width:768px) {
  .scMain {
    border-bottom: 5px solid #0C3388;
  }
}

.txtH_ttl {
  font-size: 420%;
  font-weight: 600;
  text-align: center;
  margin: 80px auto;
  color: #0C3388;
}
@media print, screen and (max-width:1026px) {
  .txtH_ttl {
    font-size: 260%;
    margin: 50px auto;
  }
}
@media print, screen and (max-width:768px) {
  .txtH_ttl {
    font-size: 180%;
    margin: 3rem auto;
  }
}

.navi_sc {
  max-width: 1000px;
  margin: 100px auto 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (max-width:1026px) {
  .navi_sc {
    margin: 80px auto 80px;
  }
}
@media print, screen and (max-width:768px) {
  .navi_sc {
    margin: 2.5rem auto 2.5rem;
  }
}
.navi_sc p {
  margin: 0 0 20px;
}
@media print, screen and (max-width:768px) {
  .navi_sc p {
    margin: 0 0 0.7rem;
  }
}
.navi_sc p:not(:last-child) {
  margin-right: 10px;
}
@media print, screen and (max-width:768px) {
  .navi_sc p:not(:last-child) {
    margin-right: 5px;
  }
}
.navi_sc p a {
  display: block;
  padding: 5px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 146%;
  font-weight: 500;
  background: #0C3388;
  border-radius: 26px;
}
@media print, screen and (max-width:1026px) {
  .navi_sc p a {
    font-size: 124%;
  }
}
@media print, screen and (max-width:768px) {
  .navi_sc p a {
    font-size: 105%;
    　padding: 5px 20px;
  }
}

.area 　 .wrap {
  padding: 0 0 100px;
}
@media print, screen and (max-width:1026px) {
  .area 　 .wrap {
    padding: 80px 0;
  }
}
@media print, screen and (max-width:768px) {
  .area 　 .wrap {
    padding: 5rem 0 2.8rem;
  }
}

table.areaTable {
  text-align: center;
  width: 100%;
  margin: 0 auto 100px;
}
@media print, screen and (max-width:1026px) {
  table.areaTable {
    margin: 0 auto 80px;
  }
}
@media print, screen and (max-width:768px) {
  table.areaTable {
    margin: 0 auto 3rem;
    font-size: 94%;
  }
}
table.areaTable th, table.areaTable tr, table.areaTable td {
  border: 1px solid #0C3388;
}
table.areaTable th {
  background: #CED6E7;
}
table.areaTable .colorTD {
  background: #EEF1F7;
}
table.areaTable .colorTD2 {
  background: #FBDFE8;
}
table.areaTable .colorTD3 {
  background: #FEF6F9;
}
table.areaTable th:nth-child(1) {
  width: 15%;
}
table.areaTable th:nth-child(2) {
  width: 45%;
}
table.areaTable td:nth-child(2) {
  text-align: left;
}
table.areaTable .cl_txt_p {
  font-size: 110%;
  font-weight: 600;
  color: #E95383;
}

.block_t {
  position: relative;
}
.block_t .simekiri {
  position: absolute;
  right: 0;
  top: -50px;
  max-width: 215px;
  margin: 0;
}
@media print, screen and (max-width:1026px) {
  .block_t .simekiri {
    max-width: 160px;
    top: -40px;
  }
}
@media print, screen and (max-width:768px) {
  .block_t .simekiri {
    max-width: 140px;
    top: -30px;
  }
}
.block_t .simekiri img {
  width: 100%;
}

/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
.note_txt {
  text-align: center;
  margin: 0 auto 60px;
  font-weight: 600;
  font-size: 20px;
  color: #FF0004;
}
@media print, screen and (max-width:1026px) {
  .note_txt {
    margin: 0 auto 40px;
  }
}
@media print, screen and (max-width:768px) {
  .note_txt {
    margin: 0 auto 30px;
    font-size: 18px;
  }
}