@charset "UTF-8";
/*---------mixin設定-------------*/
/*ブレイクポイント*/




/*-------------------------------

 //sec_06 （講習会の日程・会場）

-------------------------------*/




  @media (max-width: 768px) {
    .sec_06 {
      padding: 0 0 50px; } }
  .sec_06 .inner {
    max-width: 1100px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .sec_06 .inner {
		  width: 90%;

        padding: 0 0; } }
  .sec_06 .sec06_ttl {
    font-size: 4.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 60px; }
    @media (max-width: 768px) {
      .sec_06 .sec06_ttl {
        font-size: 2.2rem;
        margin-bottom: 30px; } }
    .sec_06 .sec06_ttl::before {
      content: "";
      display: block;
      background: url("/inc/course/images/sec06_ttl_icon.png") no-repeat;
      background-size: contain;
      width: 82px;
      height: 82px;
      margin: 0 auto 5px; }
      @media (max-width: 768px) {
        .sec_06 .sec06_ttl::before {
          width: 40px;
          height: 40px; } }
  .sec_06 .date {
	      border: none;
	  margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    background-color: #fff; }
  .sec_06 .date.mt40 {
    margin: 40px auto 0; }

    @media (max-width: 768px) {
      .sec_06 .date {
        margin: 0 auto; }
    }
    .sec_06 .date th {
      color: #fff;
      font-size: 18px;
      background-color: #DE4E7E;
      font-weight: bold;
      text-align: center;
      padding: 10px 10px;
      width: 20%;
      border-bottom: 1px solid #c5c5c5;
      line-height: 1.6; }

.sec_06 .date th.ttl {
	line-height: 1.4;
	font-size: 22px;}




      @media (max-width: 768px) {
        .sec_06 .date th {
          font-size: 18px; }

		.sec_06 .date th.ttl {
		font-size: 17px;}
		}


      .sec_06 .date th.high {
        background-color: #69b154; }
    .sec_06 .date td {
      font-size: 16px;
      padding: 10px 20px;
      width: 80%;
      border-bottom: 1px solid #c5c5c5;
      line-height: 1.6;
      word-break: break-all; }
      @media (max-width: 768px) {
        .sec_06 .date td {
          font-size: 14px;
          padding: 10px 10px; } }
      .sec_06 .date td span {
        background-color: #3898ec;
        color: #fff;
        padding: 2px 10px;
        margin-bottom: 5px;
        width: 40%; }
      .sec_06 .date td span.orange {
        background-color: #0e68b7;}

      .sec_06 .date td .add_mb {
        margin-bottom: 10px; }

.sec_06 .date td .ttl {
	background: #0078DE;
	color: #fff;
	padding: 2px 10px;
}

  .sec_06 .tab_area {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    margin-bottom: 20px; }
    .sec_06 .tab_area .tab {
      width: 49%;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 30px;
      border-radius: 10px;
      padding: 10px 0;
      position: relative; }
      @media (max-width: 768px) {
        .sec_06 .tab_area .tab {
          font-size: 20px;
          font-size: 16px;
          border-radius: 5px; } }
      .sec_06 .tab_area .tab::after {
        font-family: "Font Awesome 5 Free";
        content: '\f138';
        font-size: 20px;
        font-weight: 900;
        color: #fff;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 22px; }
        @media (max-width: 768px) {
          .sec_06 .tab_area .tab::after {
            font-size: 14px;
            right: 15px;
            top: 4.5vw; } }
      .sec_06 .tab_area .tab:hover {
        cursor: pointer; }
    .sec_06 .tab_area .tab_elementary {
      background-color: #fb6a00; }
    .sec_06 .tab_area .tab_junior {
      background-color: #005bac; }
  .sec_06 .cont_area h3 {
    padding: 10px 20px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    background-color: #009c6f; }
    @media (max-width: 768px) {
      .sec_06 .cont_area h3 {
        font-size: 18px; } }
  .sec_06 .cont_area .details {
    margin-bottom: 20px; }
    .sec_06 .cont_area .details .wrap_course_btn {
      background-color: #fff;
      border: 1px solid #eeeeee;
      padding: 15px 0 15px 20px;
      border-radius: 10px;
      position: relative;
      font-size: 18px;
      color: #000;
      font-weight: bold;
      margin-bottom: 20px;
      cursor: pointer; }
      @media (max-width: 768px) {
        .sec_06 .cont_area .details .wrap_course_btn {
          font-size: 16px;
          padding: 15px 0 15px 15px; } }
      .sec_06 .cont_area .details .wrap_course_btn i svg {
        color: #666;
        width: 10px;
        height: 20px;
        transform: rotate(90deg);
        transition: .2s ease; }
      .sec_06 .cont_area .details .wrap_course_btn i {
        position: absolute;
        top: 20px;
        right: 20px; }
        @media (max-width: 768px) {
          .sec_06 .cont_area .details .wrap_course_btn i {
            top: 18px;
            right: 15px; } }
      .sec_06 .cont_area .details .wrap_course_btn.open i svg {
        transform: rotate(-90deg);
        transition: .2s ease; }
    .sec_06 .cont_area .details .cont_box {
      padding-bottom: 0;
      display: none; }
      .sec_06 .cont_area .details .cont_box h2 {
        padding: 8px 0;
        font-size: 16px;
        color: #fff;
        text-align: center; 
        font-weight: 600;
        line-height: 1.2;
        background-color: #003bbf; }
      .sec_06 .cont_area .details .cont_box .course {
        font-size: 20px;
        color: #fff;
        text-align: center;
        font-weight: 600;
        line-height: 1.2;
        background-color: #3898ec; }
        @media (max-width: 768px) {
          .sec_06 .cont_area .details .cont_box .course {
            font-size: 16px; } }
        .sec_06 .cont_area .details .cont_box .course.mt {
          margin-top: 40px; }
          @media (max-width: 768px) {
            .sec_06 .cont_area .details .cont_box .course.mt {
              margin-top: 20px; } }
        .sec_06 .cont_area .details .cont_box .course .course_ttl {
          background-color: #005bac;
          padding: 10px 20px;
          font-weight: bold;
          color: #fff;
          font-size: 20px;
          text-align: center;
          display: block; }
          @media (max-width: 768px) {
            .sec_06 .cont_area .details .cont_box .course .course_ttl {
              font-size: 16px; } }
        .sec_06 .cont_area .details .cont_box .course .course_theme {
          padding: 10px 0;
          display: block; }
      .sec_06 .cont_area .details .cont_box .exam {
        margin-top: 40px; }
        @media (max-width: 768px) {
          .sec_06 .cont_area .details .cont_box .exam {
            margin-top: 20px; } }
      .sec_06 .cont_area .details .cont_box .item_list {
        display: flex;
        border-right: 1px solid #b8b8b8;
        border-left: 1px solid #b8b8b8;
        flex-flow: nowrap;
        justify-content: flex-start; }

      .sec_06 .cont_area .details .cont_box .item_list .txt100 {
		  font-size: 16px;
		  padding: 15px;
		  box-sizing: border-box;
		}
		@media (max-width: 768px) {
		  .sec_06 .cont_area .details .cont_box .item_list .txt100 {
			  font-size: 14px;
			}
		}

		.sec_06 .cont_area .details .cont_box .item_list .special_price {
			background: #cf3636;
			color: #fff;
			padding: 0 5px;
			font-size: 14px;
			font-weight: 500;
			margin-right: 4px;
			letter-spacing: 1px;
			display: inline-block;
		}
	@media (max-width: 768px) {
		.sec_06 .cont_area .details .cont_box .item_list .special_price {
			font-size: 13px;
		}

	}



        .sec_06 .cont_area .details .cont_box .item_list .ttl {
          display: block;
          font-size: 18px;
          line-height: 1.2;
          vertical-align: middle;
          text-align: center;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          width: 20%;
          padding: 5px 5px;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 768px) {
            .sec_06 .cont_area .details .cont_box .item_list .ttl {
              font-size: 16px; } }
          .sec_06 .cont_area .details .cont_box .item_list .ttl.last {
            border-bottom: none; }
        .sec_06 .cont_area .details .cont_box .item_list .txt {
          display: block;
          font-size: 16px;
          vertical-align: middle;
          border-bottom: 1px solid #000;
          width: 80%;
          padding: 10px 15px; }
          .sec_06 .cont_area .details .cont_box .item_list .txt p:nth-of-type(2) {
            margin-top: 15px; }
          @media (max-width: 768px) {
            .sec_06 .cont_area .details .cont_box .item_list .txt {
              font-size: 14px; } }
          .sec_06 .cont_area .details .cont_box .item_list .txt.last {
            border-bottom: none; }
          .sec_06 .cont_area .details .cont_box .item_list .txt .txt_red {
            color: #cf3636;
            font-weight: 600; }
          .sec_06 .cont_area .details .cont_box .item_list .txt .note {
            font-size: 12px; }
          .sec_06 .cont_area .details .cont_box .item_list .txt .place {
            font-size: 16px;
            margin-bottom: 10px; }
            @media (max-width: 768px) {
              .sec_06 .cont_area .details .cont_box .item_list .txt .place {
                font-size: 14px; } }
            .sec_06 .cont_area .details .cont_box .item_list .txt .place.last {
              margin-bottom: 0; }
        .sec_06 .cont_area .details .cont_box .item_list .attention {
          font-size: 1.2rem; }
  .sec_06 .cont_area .cont_junior {
    background-color: #fff;
    padding: 40px 50px 30px; }
    .sec_06 .cont_area .cont_junior .course_ttl {
      background-color: #3898ec; }
      .sec_06 .cont_area .cont_junior .course_ttl .year {
        background-color: #db5576; }
    .sec_06 .cont_area .cont_junior .item_list {
      background-color: #fff; }
    @media (max-width: 768px) {
      .sec_06 .cont_area .cont_junior {
        padding: 30px 15px 10px;
        border-radius: 0; } }