@charset "utf-8";

.heading{
  background-color: #14AF89;
}
.heading:before{
  background-image: url("../images/bg_ttl.png");
}
.heading h1:before{
  background-image: url("../images/bg_ttl1.png");
}
.heading h1:after{
  background-image: url("../images/bg_ttl2.png");
}

.ttl{
  background-color: #069AA5;
  color: #FFF;
}
.ttl .section-head:after{
  background-color: #D6D600;
}
@media print, screen and (min-width:781px) {
  .heading h1:before,
  .heading h1:after{
    height: 127px;
    width: 219px;
  }
}
@media screen and (max-width: 780px) {
  .heading h1:before,
  .heading h1:after{
    height: 64px;
    width: 110px;
  }
}



/* ------- TIMETABLE CONTENTS ---------------------------------------------- */
.timetable-sec .ttl{
  position: relative;
}
.timetable-sec .ttl .cloud{
  position: absolute;
}
.timetable-sec .ttl .cloud:before{
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}
.timetable-sec .ic-list{
  display: flex;
  margin-top: 20px;
}
.timetable-sec .ic-list > li{
  margin-right: 6px;
}
@media print, screen and (min-width:781px) {
  .timetable-sec:nth-child(n + 2){
    margin-top: 135px;
  }
  .timetable-contents{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .timetable-contents .image{
    margin-top: 20px;
  }
  .timetable-contents p{
    font-size: 1.8rem;
    margin-top: 20px;
  }
  .timetable-contents .note-list{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 780px) {
  .timetable-sec:nth-child(n + 2){
    margin-top: 70px;
  }
  .timetable-sec .inner{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .timetable-contents .image{
    margin-top: 20px;
  }
  .timetable-contents p{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  .timetable-contents .note-list{
    font-size: 1.6rem;
  }
}



/* -------  ---------------------------------------------- */
#zenyasai .ttl{
  background-color: #023568;
}
#zenyasai .cloud:before{
  background-image: url("../images/cloud1.png");
  padding-bottom: 39.34911242%;
}
#minasakai .ttl{
  background-color: #73C2E9;
}
#minasakai .cloud:before{
  background-image: url("../images/cloud2.png");
  padding-bottom: 29.91556%;
}
#shiminpower .ttl{
  background-color: #F9F169;
  color: #464646;
}
#shiminpower .cloud:before{
  background-image: url("../images/cloud3.png");
  padding-bottom: 46.462882%;
}
#teppo .ttl{
  background-color: #68412E;
}
#teppo .cloud:before{
  background-image: url("../images/cloud4.png");
  padding-bottom: 41.9580419%;
}
#futondaiko .ttl{
  background-color: #612F85;
}
#futondaiko .cloud:before{
  background-image: url("../images/cloud5.png");
  padding-bottom: 46.518987%;
}
#family .ttl{
  background-color: #A0D5C8;
  color: #464646;
}
#family .cloud:before{
  background-image: url("../images/cloud6.png");
  padding-bottom: 46.4991%;
}
@media print, screen and (min-width:781px) {
  #zenyasai .cloud{
    width: 676px;
    right: 143px;
    top: -10px;
    transform: translateX(100%);
  }
  #minasakai .cloud{
    width: 829px;
    left: 143px;
    top: -110px;
    transform: translateX(-100%);
  }
  #shiminpower .cloud{
    width: 572px;
    right: 143px;
    top: -166px;
    transform: translateX(100%);
  }
  #teppo .cloud{
    width: 715px;
    left: 143px;
    top: -173px;
    transform: translateX(-100%);
  }
  #futondaiko .cloud{
    width: 632px;
    right: 143px;
    top: -171px;
    transform: translateX(100%);
  }
  #family .cloud{
    width: 557px;
    right: 143px;
    top: -153px;
    transform: translateX(100%);
  }
}
@media screen and (max-width: 780px) {
  #zenyasai .cloud{
    width: 35.2083333%;
    right: 10.468521%;
    top: -3.787878%;
    transform: translateX(100%);
  }
  #minasakai .cloud{
    width: 43.17708333%;
    left: 10.468521%;
    top: -14.354838%;
    transform: translateX(-100%);
  }
  #shiminpower .cloud{
    width: 29.79166666%;
    right: 10.468521%;
    top: -12.6415%;
    transform: translateX(100%);
  }
  #teppo .cloud{
    width: 37.2395833%;
    left: 10.468521%;
    top: -10.66666%;
    transform: translateX(-100%);
  }
  #futondaiko .cloud{
    width: 32.9166666%;
    right: 10.468521%;
    top: -18.36177%;
    transform: translateX(100%);
  }
  #family .cloud{
    width: 29.0104166%;
    right: 10.468521%;
    top: -19.073359%;
    transform: translateX(100%);
  }
}