@charset "UTF-8";
@import url(course.css);
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_info {
  padding-bottom: 20px;
}

#main_info .hd02 {
  margin-bottom: 60px;
}

#main_info table {
  margin-top: 30px;
}

#main_info table th, #main_info table td {
  font-size: 1.8rem;
  padding: 23px 20px;
}

#main_info table th {
  width: 27.5%;
}

#main_info table td {
  width: 72.5%;
}

#main_info .btn01 {
  margin-top: 65px;
  font-size: 2rem;
}

#main_info .btn01 a {
  padding-top: 26px;
  padding-bottom: 26px;
  width: 467px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#main_info .btn01 a span {
  padding-right: 58px;
  padding-left: 27px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■sectionFrame
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sectionFrame {
  background: url(../img/bg04.png) center top;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 80px;
  padding-bottom: 115px;
}

.sectionFrame .inner {
  padding: 0;
}

.sectionFrame .wrap {
  border: 1px dotted #af92de;
  width: 100%;
  padding: 88px 9.3%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 11px 11px 0 #eddff3;
  box-shadow: 11px 11px 0 #eddff3;
}

.sectionFrame .wrap:before {
  content: "";
  display: block;
  width: 58px;
  height: 113px;
  background: url(../img/ico04.png) no-repeat left top;
  background-size: 58px auto;
  position: absolute;
  left: -10px;
  top: -40px;
}

.sectionFrame .wrap:after {
  content: "";
  display: block;
  width: 72px;
  height: 105px;
  background: url(../img/ico05.png) no-repeat left top;
  background-size: 72px auto;
  position: absolute;
  right: -11px;
  bottom: -22px;
}

.sectionFrame .wrap p {
  margin-bottom: 1em;
}

.sectionFrame .wrap p:last-of-type {
  margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■list_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main_contens {
  padding-bottom: 0;
}

#list_area {
  background: #fff;
  padding-top: 82px;
  padding-bottom: 80px;
}

#list_area .ttl_area {
  text-align: center;
  margin-bottom: 75px;
}

#list_area .ttl_area p {
  color: #462281;
  font-size: 2.4rem;
  font-weight: 700;
}

#list_area .area_select {
  margin-bottom: 68px;
}

#list_area .area_select th, #list_area .area_select td {
  padding-bottom: 13px;
}

#list_area .area_select th a, #list_area .area_select td a {
  text-decoration: underline;
}

#list_area .area_select th {
  width: 133px;
}

#list_area .area_select ul {
  overflow: hidden;
}

#list_area .area_select ul li {
  float: left;
}

#list_area .area_select ul li:after {
  content: "｜";
  padding: 0 5px;
}

#list_area .area_select ul li:last-of-type:after {
  content: none;
}

#list_area .block {
  margin-bottom: 70px;
}

#list_area .block:last-of-type {
  margin-bottom: 0;
}

#list_area .school_box {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

#list_area .school_box a {
  width: 100%;
  border: 1px solid #eddff3;
  padding: 30px 4.6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/ico_arrow07.png) no-repeat right 10px bottom 10px;
  background-size: 20px auto;
}

#list_area .school_box a:hover {
  -webkit-box-shadow: 4px 4px 0 #eddff3;
  box-shadow: 4px 4px 0 #eddff3;
}

#list_area .school_box .txt_area {
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
}

#list_area .school_box .area {
  width: 34px;
  color: #462281;
  border: 2px solid #462281;
  border-radius: 50px;
  font-size: 1.6rem;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-contet: space-between;
}

#list_area .school_box .area span {
  height: 100%;
}

#list_area .school_box .school_info {
  width: 35%;
  padding: 0 20px;
}

#list_area .school_box .school_info .name {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 7px;
}

#list_area .school_box .sub {
  width: calc(100% - 35% - 268px);
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list_area .school_box .sub dl {
  overflow: hidden;
  margin-bottom: -12px;
}

#list_area .school_box .sub dl dt, #list_area .school_box .sub dl dd {
  padding: 2px 5px;
  margin-bottom: 12px;
}

#list_area .school_box .sub dl dt {
  color: #fff;
  font-weight: 700;
  background: #fba05c;
  width: 56px;
  text-align: center;
  border-radius: 5px;
  float: left;
  clear: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list_area .school_box .sub dl dd {
  padding-left: 72px;
}

#list_area .school_box .date {
  width: 268px;
  font-size: 1.4rem;
  line-height: 1;
}

#list_area .school_box .date .ttl {
  border-left: 4px solid #fba05c;
  padding-left: 10px;
  margin-bottom: 5px;
}

#list_area .school_box .date table {
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list_area .school_box .date table th, #list_area .school_box .date table td {
  border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 5px;
  text-align: center;
  width: calc(100% / 7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list_area .school_box .date table th {
  background: #feefe4;
}

#list_area .school_box .date table td {
  color: #fba05c;
  font-size: 1.6rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

@media screen and (max-width: 1000px) {
  #list_area .school_box a {
    padding-left: 25px;
    padding-right: 25px;
  }
  #list_area .school_box .sub {
    width: calc(100% - 37% - 195px);
  }
  #list_area .school_box .date {
    width: 195px;
  }
}

/*# sourceMappingURL=../../maps/school/css/course_mst.css.map */