@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/*-- リセット --*/



.table-scroll {
    overflow-x: auto;
}

table.application {
    width: 950px;
    border-collapse: collapse;
    margin: 0 80px;
   
}
table tr {
    border-bottom: solid 2px white;
}

table th.apltitle {
    position: relative;
    width: 18%;
background-image: linear-gradient(to top, #041c4b 0%, #1e3c72 1%, #2a5298 100%);
color: white;
text-align: center;
padding: 5px 0;
font-size: 11px;
font-weight: 300;
}

table th {
    border-bottom: solid 2px white;
}

table td {
    width: auto;
    text-align: center;
    background-color: #eee;
    padding: 8px 29px;
    border-right: solid 1px #041c4b;
    font-size: 11px;
}

article section.sec2 .content .scheduleb dl dd ul li img {
    margin-bottom: 20px;
    padding-right: 5px;
    width: 99%;
}



        @media only screen and (max-width: 768px) {
          article section.sec2 .content .schedule dl dd, article section.sec3 .content .schedule dl dd, article section.sec4 .content .schedule dl dd {
            padding: 2vw 0 2vw 3vw; } }
        article section.sec2 .content .schedule dl dd ul li, article section.sec3 .content .schedule dl dd ul li, article section.sec4 .content .schedule dl dd ul li {
          margin-bottom: 30px; }
        
            @media only screen and (max-width: 768px) {   
      table.application {
    width: 550px;
    border-collapse: collapse;
    margin: 0px;
  } 
}
      
       article section.sec2 .content .schedule p.att, article section.sec3 .content .schedule p.att, article section.sec4 .content .schedule p.att{
      display: block;
      font-size: 11px;
      text-align: left;
      margin-top: 50px; }
      

      
      
      @media only screen and (max-width: 768px) {
        article section.sec2 .content .schedule p.att, article section.sec3 .content .schedule p.att, article section.sec4 .content .schedule p.att {
          margin-top: 5vw; } }
  @media only screen and (max-width: 768px) {
    article section.sec2 .content .entry, article section.sec3 .content .entry, article section.sec4 .content .entry {
      display: block;
      width: 80%;
      margin: 0 10%; }
      article section.sec2 .content .entry img, article section.sec3 .content .entry img, article section.sec4 .content .entry img {
        width: 100%; } }


article section.sec2 {
  background-color: #fff; }
  article section.sec2 .content .content_header .icon {
    background-color: #cc0000; }
  article section.sec2 .content .content_header .point .point_list span {
    background-color: #e9967a; }
  article section.sec2 .content .photo_area .teacher {
    border: 1px solid #cc0000; }
  article section.sec2 .content .plan {
    border: 1px solid #e9967a; }
    article section.sec2 .content .plan::before {
      border: 1px solid #e9967a; }
    article section.sec2 .content .plan dl:nth-child(even) {
      background-color: #f5deb3; }
    
article section.sec3 {
  background-color: #fff; }
  article section.sec3 .content .content_header .icon {
    background-color: #0000ff; }
  article section.sec3 .content .content_header .point .point_list span {
    background-color: #0000ff; }
  article section.sec3 .content .photo_area .teacher {
    border: 1px solid #0000ff; }
  article section.sec3 .content .plan {
    border: 1px solid #87cefa; }
    article section.sec3 .content .plan::before {
      border: 1px solid #87cefa; }
    article section.sec3 .content .plan dl:nth-child(even) {
      background-color: #e0ffff; }
      
      
      @media only screen and (max-width: 768px) {
        article section.sec3 .content .plan dl:nth-child(even) {
          background-color: transparent; } }

    @media only screen and (max-width: 768px) {
      article section.sec3 .content .plan dl dt {
        background-color: #F8F9F3; } }
  article section.sec2 .content .schedule dl dt {
    background-color:#cc0000; }
    
  article section.sec3 .content .schedule dl dt {
    background-color: #87cefa; }
a
rticle section.sec4 {
  background-color: #ffe4e1; }
  article section.sec4 .content .content_header .icon {
    background-color: #A3B462; }
  article section.sec4 .content .content_header .point .point_list span  {
    background-color: #A3B462; }
  
    .box2 {
    padding: 0.5em 2em;
    font-weight: bold;
    background: #ff0000;
    border: solid 1px #ff8c00;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
color: #FFF	;/*文字色*/
    margin: 0; 
    padding: 0;
}
article section.sec4 {

    background-color: #F8F9F3;

}
  article section.sec4 .content .photo_area .photo p {
    margin-top: 8px; }
  article section.sec4 .content .photo_area .teacher {
    border: 1px solid #A3B462; }
  article section.sec4 .content .plan {
    border: 1px solid #A3B462; }
    article section.sec4 .content .plan::before {
      border: 1px solid #A3B462; }
    article section.sec4 .content .plan dl:nth-child(even) {
      background-color: #F1F4F3; }
      @media only screen and (max-width: 768px) {
        article section.sec4 .content .plan dl:nth-child(even) {
          background-color: transparent; } }
    @media only screen and (max-width: 768px) {	
      article section.sec4 .content .plan dl dt {
        background-color: #F1F4F3; } }
  article section.sec4 .content .schedule dl dt {
    background-color: #A3B462; }
  article section.sec4 .content .more_info {
    padding-top: 60px; }
    @media only screen and (max-width: 768px) {
      article section.sec4 .content .more_info {
        padding-top: 6vw; } }
    article section.sec4 .content .more_info p {
      font-size: 20px; }
      @media only screen and (max-width: 768px) {
        article section.sec4 .content .more_info p {
          font-size: 3.4vw; } }
    article section.sec4 .content .more_info a {
      color: #00719F;
      text-decoration: underline; }
article section.sec5 .content {
  padding-top: 70px;
  padding-bottom: 140px; }
  @media only screen and (max-width: 768px) {
    article section.sec5 .content {
      padding-top: 7vw;
      padding-bottom: 7vw; } }
  article section.sec5 .content p {
    margin-bottom: 22px; }
    @media only screen and (max-width: 768px) {
      article section.sec5 .content p {
        margin-bottom: 3vw; } }
  article section.sec5 .content .payment,
  article section.sec5 .content .cancel,
  article section.sec5 .content .privacy {
    text-align: left;
    padding-bottom: 70px; }
    @media only screen and (max-width: 768px) {
      article section.sec5 .content .payment,
      article section.sec5 .content .cancel,
      article section.sec5 .content .privacy {
        padding-bottom: 12vw; } }
  article section.sec5 .content .payment h2,
  article section.sec5 .content .cancel h2,
  article section.sec5 .content .privacy h2,
  article section.sec5 .content .contact h2 {
    font-size: 22px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 45px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      article section.sec5 .content .payment h2,
      article section.sec5 .content .cancel h2,
      article section.sec5 .content .privacy h2,
      article section.sec5 .content .contact h2 {
        font-size: 4.2vw;
        padding-bottom: 2vw;
        margin-bottom: 5vw; } }
  article section.sec5 .content .payment a,
  article section.sec5 .content .cancel a,
  article section.sec5 .content .privacy a,
  article section.sec5 .content .contact a {
    color: #00719F;
    text-decoration: underline; }
  article section.sec5 .content .payment p.att,
  article section.sec5 .content .cancel p.att,
  article section.sec5 .content .privacy p.att,
  article section.sec5 .content .contact p.att {
    font-size: 12px;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      article section.sec5 .content .payment p.att,
      article section.sec5 .content .cancel p.att,
      article section.sec5 .content .privacy p.att,
      article section.sec5 .content .contact p.att {
        font-size: 2.8vw; } }
  article section.sec5 .content .payment p {
    margin-bottom: 44px; }
  article section.sec5 .content .payment dl {
    display: table;
    width: 100%;
    margin-bottom: 33px; }
    @media only screen and (max-width: 768px) {
      article section.sec5 .content .payment dl {
        display: block;
        margin-bottom: 5vw; } }
    article section.sec5 .content .payment dl dt,
    article section.sec5 .content .payment dl dd {
      display: table-cell;
      margin: 0;
      vertical-align: middle;
      box-sizing: border-box; }
      @media only screen and (max-width: 768px) {
        article section.sec5 .content .payment dl dt,
        article section.sec5 .content .payment dl dd {
          display: block; } }
    article section.sec5 .content .payment dl dt {
      color: #FFF;
      background-color: #00719F;
      width: 15%;
      border-radius: 10px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        article section.sec5 .content .payment dl dt {
          width: 100%;
          padding: 4vw 0;
          margin-bottom: 3vw; } }
    article section.sec5 .content .payment dl dd {
      padding: 8px 20px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        article section.sec5 .content .payment dl dd {
          padding: 0; } }
      article section.sec5 .content .payment dl dd img {
        position: absolute;
        bottom: 0;
        right: 30%; }
        @media only screen and (max-width: 768px) {
          article section.sec5 .content .payment dl dd img {
            position: static;
            display: block; } }

/*# sourceMappingURL=style.css.map */