@charset "utf-8";

/*==========================================
 as_mainimg
===========================================*/
.as_mainimg {
    background-color: #fffdc5;
}
.as_inner {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
}


/*==========================================
 main
===========================================*/
.main {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #a4bee3;
    font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif;
    background-image: url(../afterschool/images/bg_main.svg);
}
@media (min-width:993px){
    .main {
        padding-top: 80px;
        padding-bottom: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }    
}


.as_box {
    border: 3px #000 solid;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 34px 15px;
}
.as_box h2 {
    line-height: 1;
    color: #3080eb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #a4bee3;
    font-size: 125%;
}
.as_box .as_lg_text {
    font-size: 125%;
    font-weight: 700;
    margin-bottom: 10px;
}
@media (min-width:993px){
    .as_box {
        padding: 34px 40px;
    }
    .as_box h2 {
        font-size: 175%;
    }
    .as_box .as_lg_text {
        font-size: 175%;
    }
}


/* bg */
.as_date {
    background-image: url(../afterschool/images/bg_date.png);
    background-repeat: repeat-no;
    background-position: left 10px top;
    background-size: 120px auto;
}
.as_content {
    background-image: url(../afterschool/images/bg_content.png);
    background-repeat: repeat-no;
    background-position: right 10px top;
    background-size: 95px auto;
}
.as_apply {
    background-image: url(../afterschool/images/bg_apply.png);
    background-repeat: repeat-no;
    background-position: left 20px top;
    background-size: 95px auto;
}
@media (min-width:993px){
    .as_date {
        background-size: 180px auto;
    }
    .as_content {
        background-size: 130px auto;
    }
    .as_apply {
        background-size: 130px auto;
    }
}


/*==========================================
 btn
===========================================*/
.as_btn_form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
}
.as_btn_form a {
	display: inline-block;
  color: #000;
  text-decoration: none;
  padding: 12px 10px;
  border: 2px solid #000;
  text-decoration: none!important;
  text-align: center;
  border-radius: 10px;
  background-color:#fff500;
  font-weight: 600;
}
.as_btn_form a:hover {
    opacity: 0.5;
}



/*==========================================
 footer
===========================================*/
.as_footer_inner {
    padding: 30px 15px 40px;
    text-align: center;
}
.as_footer_inner .name {
    font-size: 125%;
    font-weight: 700;
    margin-bottom: 10px;
}
.as_footer_inner p {
    line-height: 1.8;    
}

@media (min-width:993px){
    .as_footer_inner p br {
        display: none;
    }
}