@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_info {
  padding-top: 25px;
  padding-bottom: 20px;
}

#main_info .img_area {
  width: 100%;
  margin-bottom: 12px;
}

#main_info .img_area .img {
  margin-bottom: 10px;
}

#main_info .img_area .thumb li {
  width: 55px;
  height: 41px;
}

#main_info .img_area .thumb li:after {
  -webkit-transition: none;
  transition: none;
}

#main_info .img_area .youtube {
  margin-top: 10px;
}

#main_info table {
  margin: 15px 0 5px 0;
}

#main_info .kome {
  font-size: 1.1rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■sectionFrame
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sectionFrame {
  margin-top: 30px;
  margin-bottom: 15px;
}

.sectionFrame .ttl {
  font-size: 1.6rem;
  padding: 8px 30px 8px 20px;
}

.sectionFrame .inner {
  padding: 10px 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■schedule_arae
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#schedule_arae .hd03 {
  margin-bottom: 10px;
}

#schedule_arae .block {
  margin-bottom: 30px;
  margin-top: -55px;
  padding-top: 55px;
}

#schedule_arae .block:last-of-type {
  margin-bottom: 20px;
}

#schedule_arae td.day, #schedule_arae td.time {
  width: 170px;
}

#schedule_arae .btn_contact {
  margin-top: 20px;
  font-size: 1.4rem;
}

#schedule_arae .table02.type02 td.target {
  border-right: 1px solid #d2d2d2;
}

#schedule_arae .table02.type02 td.target, #schedule_arae .table02.type02 td.remarks {
  width: 100% !important;
}

#schedule_arae .table02.type02 td.day:before {
  content: "開講年月";
}

#schedule_arae .table02.type02 td.time:before {
  content: "開講曜日・時間";
}

#schedule_arae .table02.type02 td.target:before {
  content: "対象";
}

#schedule_arae .table02.type02 td.remarks:before {
  content: "備考";
}

/*-------------------------
	holding
-------------------------*/
#holding .hd {
  overflow: hidden;
}

#holding .hd ul {
  padding-top: 2px;
}

#holding .hd ul li {
  float: left;
  margin-left: 10px;
  font-size: 1.2rem;
}

#holding .hd ul li .ico {
  padding-right: 3px;
}

#holding .hd ul li .ico img {
  width: auto;
  height: 25px;
}

#holding .table02 td {
  padding: 5px 3px;
}

#holding .table02 td img {
  width: auto;
  height: 30px;
  display: inline-block;
}

/*-------------------------
	experience
-------------------------*/
#experience .table02 .btn span, #experience .table02 .btn a {
  font-size: 1.3rem;
}

#experience .table02 .btn_tel span {
  background-size: auto 15px;
}

#experience .table02 .btn_entry a {
  background-size: auto 15px;
}

#experience .table02.type02 td.btn {
  border-left: none;
  border-right: 1px solid #d2d2d2;
}

#experience .table02.type02 td.day:before {
  content: "実施日";
}

#experience .table02.type02 td.time:before {
  content: "実施時間";
}

#experience .table02.type02 td.type:before {
  content: "実施形態";
}

#experience .table02.type02 td.btn:before {
  content: "お申し込み";
}

@media screen and (max-width: 360px) {
  #experience .table02 .btn_entry a {
    padding-left: 40px;
    padding-right: 15px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■courselist_wrap
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#courselist_wrap .main_vs_warap {
  padding-bottom: 155px;
  height: auto;
}

#courselist_wrap #main_vs {
  height: 180px;
  background-size: cover;
}

#courselist_wrap #main_vs:before {
  height: 180px;
  background-size: auto 15px;
}

#courselist_wrap #main_vs .innerWrap {
  position: relative;
  z-index: 5;
  height: auto;
  top: 150px;
}

#courselist_wrap #main_vs .innerWrap .txt_area {
  position: static;
}

#courselist_wrap #main_vs .innerWrap h2 img {
  width: auto;
  height: 50px;
}

#courselist_wrap #main_vs .innerWrap .h2p {
  background: #fff;
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 3px 13px 25px 13px;
}

#courselist_wrap #main_vs .innerWrap .h2p span {
  padding: 0;
}

#courselist_wrap .search_wrap {
  padding: 10px 0 25px 0;
  z-index: 6;
  position: relative;
}

#courselist_wrap .search_wrap h3 {
  font-size: 2.2rem;
  top: -27px;
}

#courselist_wrap .search_wrap h3 span {
  background-size: 16px auto;
  padding: 0 25px;
}

#courselist_wrap #select_area {
  padding: 45px 0 40px 0;
}

#courselist_wrap #select_area h3 {
  font-size: 2.1rem;
  margin-bottom: 30px;
}

#courselist_wrap #select_area h3 span {
  background-size: auto 40px;
  padding: 18px 43px 5px;
}

#courselist_wrap #select_area .block {
  margin-bottom: 40px;
}

#courselist_wrap #select_area .ttl {
  font-size: 2.1rem;
  margin-bottom: 25px;
  padding: 5px 0;
}

#courselist_wrap #select_area .ttl .innerWrap {
  min-height: 45px;
  background-size: auto 35px;
  background-position: right 15px center;
}

#courselist_wrap #select_area .ttl h4 span {
  padding: 15px 53px;
  background-size: auto 36px;
}

#courselist_wrap #select_area .anchor {
  border-radius: 5px;
  padding: 15px 10px 5px 10px;
  margin-bottom: 30px;
}

#courselist_wrap #select_area .anchor ul li {
  font-size: 1.4rem;
  padding: 0 5px;
  /*width: 30%;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  /*&:nth-of-type(3n+1){
						width: 40%;
					}*/
}

#courselist_wrap #select_area .anchor ul li a {
  display: block;
  background-size: 10px auto;
  padding-right: 23px;
  background-position: 95% center;
}

#courselist_wrap #select_area .box {
  margin-bottom: 28px;
}

#courselist_wrap #select_area .box h5 {
  font-size: 1.8rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#courselist_wrap #select_area .box ul {
  margin: 0 -5px;
  font-size: 1.5rem;
}

#courselist_wrap #select_area .box ul li {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 10px;
}

#courselist_wrap #select_area .box ul a {
  padding: 5px 5px 8px 5px;
  background: no-repeat right 5px bottom 5px;
  background-size: auto 10px;
  -webkit-transition: none;
  transition: none;
}

#courselist_wrap #select_area .box ul a:hover {
  -webkit-transition: none;
  transition: none;
}

#courselist_wrap #select_area .box ul .img {
  margin-bottom: 5px;
}

#courselist_wrap #select_area #culture_block .ttl h4 span {
  padding-left: 45px;
  padding-right: 45px;
}

@media screen and (max-width: 360px) {
  #courselist_wrap .main_vs_warap {
    padding-bottom: 190px;
  }
}

/*# sourceMappingURL=../../../maps/school/css/sp/course.css.map */