body { background-color: #ffffff; }

div.bgbl { background-color: #000000;}
div.st3age { top: -30px;}
div.st3age h3 {
    padding-top: 1.7rem;
    font-size: 1.2rem;
    text-decoration:underline;
    text-decoration-color:#000000;
}
div.st3age h4 {
    font-size: 2rem;
    padding-top: 1rem;
}
div.st3age p {
    font-size: 1.3rem;
    padding-top: 1rem;
}


a img:hover {
	opacity: 0.5 ;
}
a img {
    transition: 1.0s ;
}

.side {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 90%;
}
.side h2 {
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    padding-left: 25px;
    position: relative;
    margin-bottom: 1.5rem;
}
.side h2:after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 40%;
    border-bottom: 1px solid #000000;
  }
.side h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-left: -7px;
    line-height: 90%;
    margin-top: 12px;
}
.side span {
    font-size: 50%;
}
.side ul {
    padding: 0 0 0 8px;
    margin: 0;
}
.side ul li {
    font-size: 0.8rem;
    list-style: none;
    padding: 4px 0;
    margin: 0;
}
.side .left1 {
    border-left: 18px solid #FF9400;
}
.side .left2 {
    border-left: 18px solid #3EFF8D;
}
.side .left3 {
    border-left: 18px solid #F8FF00;
}
.side .left4 {
    border-left: 18px solid #7CBFFF;
}
.side .left5 {
    border-left: 18px solid #C27EFF;
}
.side .left6 {
    border-left: 18px solid #FF71FF;
}
.side .left7 {
    border-left: 18px solid #C9FF45;
}
.side .left8 {
    border-left: 18px solid #00BDBC;
}
.side .left9 {
    border-left: 18px solid #66CCFF;
}
.side .left10 {
    border-left: 18px solid #FFA0B3;
}
.side .left11 {
    border-left: 18px solid #00F9FF;
}
.side .red {
    color: #E60012;
}

.schedule {
    font-family: 'Poppins', sans-serif;
    padding: 0 1rem;
}
.schedule h3 {
    font-weight: 600;
    font-size: 2rem;
    border-bottom: 1px solid #000000;
}
.schedule h3 span {
    font-weight: 300;
    font-size: 1.7rem;
}

.schedule h3 span.day {
    font-weight: 300;
    font-size: 1rem;
}
.schedule h3 span.dayj {
    font-size: 0.9rem;
    float: right;
    padding-top: 1rem;
}
.schedule ul {
    padding: 0;
    margin: 0 0 2rem;
}
.schedule ul li {
    list-style: none;
    font-weight: 600;
    font-size: 0.8rem;
    padding-bottom: 3px;
}
.schedule ul li span {
    padding: 0 0.5rem;
    color: #125400;
    font-size: 90%;
}
.schedule ul li span.cst {
    color: #073D7D;
}


.reserve {
    border: 1px solid #000000;
}
.reserve h4 {
    color: #FFF;
    background-color: #000000;
    font-size: 0.9rem;
    letter-spacing: 0.3rem;
    padding: 3px 15px;
    width: 40%;
    margin-top: -0.5rem;
    margin-bottom: 20px;
    margin-left: -1px;
}
.reserve p,
.reserve ul li {
    font-size: 0.8rem;
    padding: 0 20px;
}

.antivirus {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 3rem;
}
.antivirus h4 {
 text-align: center;
 font-weight: bold;
 font-size: 1rem;
 padding-top: 1rem;
}
.antivirus p {
        font-size: 0.75rem;
    padding: 20px 0 0 0;
}
.antivirus div.topic {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 0.7rem;
    text-align: center;
    padding: 3px;
    margin: 4px 0;
}
    .footer {
    margin-bottom: 3rem;
    padding: 1rem;
}
.footer div span {
    font-size:170%;
}
.footer .studioname {
    font-family: 'Poppins', sans-serif;font-size:1.75rem;letter-spacing:0.2rem;
}
.footer div.data {
    font-size:0.5rem;
}
.copyright,
.footermenu  {
    font-size:0.7rem;
}
a {
    color: #000;
}



.box {
    border: 1px solid #000000;
}
.box h2, .box2 h2 {
    color: #FFF;
    background-color: #000000;
    font-size: 0.9rem;
    letter-spacing: 0.3rem;
    padding: 3px 15px;
    width: 40%;
    margin-top: -0.5rem;
    margin-bottom: 20px;
    margin-left: -1px;
}
.box h3, .box2 h3 {
    font-size: 0.9rem;
    padding: 3px 15px;
}
.box p, .box ul li,
.box2 p, .box2 ul li {
    font-size: 0.8rem;
    padding: 0 20px;
}
.box2 table th, .box2 table td {
    font-size: 0.9rem;
}
.box2 table th {
    white-space: nowrap;
}


.programs {
    width:120px;
    float:left;
    margin-right: 35px;
}
.rightend {
    margin-right: 0 !important;

}
.programs p {
    margin-top: 5px;
    font-size: 10px;
}




img.schedule-img{
    position: relative;
}

/* img.schedule-img:hover {
    transform:scale(4,4);
    transition:.5s all;

   } */

   #modalWindow {
    width: 1100px;
    height: 810px;
    position: fixed; /* viewpointを相対位置にする */
    background-color: #FFF;
    display: none; 
    z-index: 2  /* 「オーバーレのHTML要素」よりもスタックレベルを高くする */
  }
  button.schedule {
    width: 100px;
    height: 50px;
    font-size: 1.2em;
    color: #D04255;
    background-color: #FFF;
    border: solid 2px #D04255;
    border-radius: 3px;
    transition: .4s;
  }






p.aatext {
    font-size:12px;
    line-height: 2.2;
    background-image: url(../images/adviser-bg.png);
}
p.aatext span {
    font-size:16px;
    font-weight: bold;
    color: #FF2EA3;
}

.membership p.btn-test {
  margin: 40px 0 0 0;
}

.membership p.btn-test img {
  margin-left: -85px;
}

/* LESSON MOVIE ==================== */

.box-lessonmovie {
  font-family: 'Hind', sans-serif;
}

.box-lessonmovie h1 {
  font-size: 1.25em;
}

.box-lessonmovie iframe {
  margin-bottom: 1em;
}

.box-lessonmovie .txt-sub {
  font-weight: bold;
}

.box-lessonmovie .txt-sub a {
  text-decoration: underline;
}

.box-lessonmovie .txt-sub a:hover {
  text-decoration: none;
}

.box-lessonmovie .txt-sub.txt-about {
  font-size: 1.1em;
}

.box-lessonmovie .txt-sub.txt-about a,
.box-lessonmovie .txt-sub.txt-buy a {
  font-size: 15px;
}

.box-lessonmovie .txt-sub.txt-buy {
  font-size: 0.74em;
}

div.triallesson {
    background-color: #E5E5E5;
    padding: 20px;
}
.triallesson p {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
}
.triallesson p.step {
    margin-top: 20px;
    color:#FF2EA3;
    font-size:1.2em;
}
.triallesson p a {
    color:#FF2EA3;
}
.trial-img1 {
    position: absolute;
    left: -40px;
    top: -40px;
}

.trial-img2 {
    position: absolute;
    right: -40px;
    top: -40px;
}