@charset "utf-8";

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

	css_style/index.css

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

/*	import
----------------------------------------------*/
@import url("new_reset.css");
@import url("base_new2.css");
@import url("new_modules.css");



body{
	background-color:#efefef;
    font-size: 18px;
}
.fadein {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform : translate(0, 45px);
}
.fadein_active {
  opacity: 1;
  transition-delay: 0s;
  transform : translate(0, 0);
}
#mv{
  background: #f4f8fb;
  border-top: 8px solid #18264d;
  border-bottom: 8px solid #18264d;
}
#mv img {
    margin: 0 auto;
    display: block;
}
#mainContents_index2 {
    margin-top: 5%;
}
.course{
  background-color: #19254d;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  width: 600px;
  padding-bottom: 8%;
  margin: 0 auto 7%;
}
.course01{
  background-image: url(/img/index_new/course_bg01.png);
}
/*.course02{
  background-image: url(/img/index_new/course_bg02.jpg);
}*/
.course03{
  background-image: url(/img/index_new/course_bg03.png);
}
.course p.lead {
    padding: 0 15px;
    margin: 20px 0 30px;
    color: #fff;
}
.course .box {
    background: #fff;
    margin: 0 auto;
    width: 522px;
    padding: 5% 3% 6%;
    margin-bottom: 2%;
}
.course .box h3 {
    margin: 5% 0 3%;
}
.course .box h4{
  color: #273667;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2%;
}
.course img{
  display: block;
  margin: 0 auto;
}
.contact {
    text-align: center;
    width: 94%;
    margin: 0 auto;
}
.foot_tel ul {
    width: 592px;
    margin: 3% auto 8%;
}
.foot_tel ul li {
    display: inline-block;
}


/*--------------------------------------------
	#SP
----------------------------------------------*/
@media screen and (max-width: 660px){
  img{
    width: 100%;
  }
#mainContents_index2 {
    width: 100%;
    }
.course {
    width: 96%;
}
.course p.lead {
    padding: 0 13px;
}
.course .box h4 {
    font-size: 20px;
}
.course .box {
    width: 88%;
}
.course .box h3 {
    margin: 7% 0 5%;
}
.course02_img,.course03_img{
  width: 90%;
}
.foot_tel ul {
    width: 96%;
}
.foot_tel ul li{
    width: 49%;
}

}