@charset 'UTF-8';

html, body {margin: 0;padding: 0; font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", "Meiryo", sans-serif;}
/*
p {margin: 0; padding: 0;font-size:16px;}
*/
.bg_white {background: #fff;}
.bg_green {background: #009b6f;}

#outer {
	background: #fff;   
	width: 100%;
    	margin: 0 auto;
    	padding: 0;
}
.pc_ver { display: block!important; }
.sp_ver { display: none!important; }

/***???o??****/
 h5{margin-top:0.8em;margin-bottom:0.5em;}
/************/
.wrapper {list-style-type: none;}
.wrapper h3 {border-bottom: none;}
.wrapper h4 {background-image: none;}
.wrapper .point {border-bottom: none;}
.wrapper .box2 .point:before, .box2 .point:after {background: none;}
.wrapper .box2, .wrapper .point {background: #f3f3f3;}
.wrapper .box4 .inner {background: #f3f3f3;}
.wrapper .box3, .check {background: #009b6f;}
.wrapper hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted #009b73;}

.wrapper h3 {line-height:2em;
    margin-top: 0em;
     padding: 0px;
    padding-top: 3%;
}
.wrapper h4 {padding: 0; margin-top: 0;}

.wrapper .f_green {color: #009b6f;}
.wrapper small {font-size: 14px;}

.wrapper .mv img {
	width: 100%;
	margin: 0 auto;
}
.mv {margin-bottom: 8%;}

.box1 {
	text-align: center;
}

.box1 h3 {
	font-size: 30px;
}
.box1 h3 strong {
	font-size: 50px;
}
.box1 ul {list-style-type: none;}
.box1 .arrow_img img {width:100%; margin: 0 auto;}
.box1 p {
	margin-top:5%;
	margin-bottom:5%;
	font-size: 25px;
}

.box1 .boy_and_girl {
    width: 100%;
    margin: 0 auto;
}
.box1 .boy_and_girl img {width: 20%;}

.box2, .box3, .box4 {padding-top: 2%; padding-bottom: 5%;}

.box2 h3, .box3 h3, .box4 h3, .box5 h4 {font-size:40px;line-height:1.5em;}

.box2 h3 {
	color: #000;
}
.box2 {
	margin-top: 10%

}
.box2 .point {
	margin: 0;
	padding: 5% 8%;
}
.box2 .point .col-md-4{
	text-align: center;
}

.box2 .point .col-md-8 {
	margin-top: 2%;
}
.box2 .point .col-md-8 p{
	font-weight: normal;
}

.box3 {	text-align: center;}
.box3 h3 img, .box4 h3 img {width: 150px;}
.box3 h3 {color:#fff;}
.box3 .inner {
	background: #fff;
	border-radius: 20px;
	margin: 5% 8%;
	padding: 3%
}
.box3 h4 {font-weight: bold; color: #009b6f; font-size: 23px;}
.box3 .grade {
	width: 40%; 
	overflow: hidden;
	margin: 0 auto;
}

.box3 .grade_new {
	width: 80%; 
	overflow: hidden;
	margin: 0 auto 10px;
}


.box3 ul {
	list-style-type: none;
}
.box3 ul li {
	float: left; 
	text-align: center;
	padding-right: 15%;
	font-size: 23px; 
	font-weight: bold;
}
.box3 ul li:last-child {
	padding-right: 0;
}
.box3 .note {
	text-align: left;
	width: 90%;
   	margin: 0 auto;
}
.box3 .underline {
	border-bottom: solid 1px #000;
}
.box3 .price {
	color: #fff;
	width: 30%;
	margin: 2% auto;
	padding:1%;
	font-weight: bold;
}
.box3 .price_img {
	width: 200px;
	margin: 0 auto;
}
.box3 .price_img img{
	width: 200px;
	margin: 0 auto;
}
.box3 .date_img {
	margin: 2% auto;
	width:200px;
}

.box3 .date_img img{
	width:30%;
}


/************pc_ver ?e?[?u??****************/
.box3 table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 70%;
  table-layout: fixed;
  margin-top:3%;
}

.box3 table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 2px solid #009b6f;
}
.box3 table th,
.box3 table td {
  padding: 1%;
  border-right: 2px solid #009b6f;
  border-left: 2px solid #009b6f;
  width:40%;
  text-align: center;
}
.box3 table th {
  font-size: 18px;
  font-weight: bold;
}
.box3 table thead tr{
  border-top: 2px solid #009b6f;
  background-color: #fff;
  color:#009b6f;
}
.box3 table tbody th {
    background: #78bbc7;
    color: #fff;
}
.box3 .txt{
   text-align: center;
   font-size: 16px;
   color: #009b6f;
}
.box3 .naiyou{
  text-align: center;
  color: #009b6f;
  font-size: 16px
}

/****************pc_ver ?e?[?u??****************/








.box4 h3 {color: #000;}
.box4 p {text-align: center;}
.box4 .tokuten {
	background: #f4ff7e;
        width: 50%;
        margin: 3% auto;
        padding: 1.5%;
}
.box4 .tokuten p {
	font-size: 16px;
}
.box4 .tokuten img {
	margin: 2% auto; 
	    width: 30%;
}
.box4 .tokuten .f_big{
	font-weight: bold;
}
.box4 .kosukumastar_note {
	margin-top: 5%;
	margin-bottom: 5%;
}

.box4 .check ul {
	list-style-type: none;
	padding: 3%;
	width: 45%;
	margin: 0 auto;
}
.box4 .check ul li {
	text-align: left;
	color: #fff;
	line-height: 2.5em;
}
.box4 .inner {
	margin-top: 7%;
}
.box4 .title {
	width: 10.5%;
 	margin: 2% auto;
	padding-top: 8%;
}
.box4 .title img {width: 100px;}
.box4 .application {
	width: 100%;
	margin: 3% auto;
    text-align: center;	
}
.box4 .application img {
    width: 80%;
    margin: 3% auto;
    text-align: center;
}


.box4 .col-md-6 {
	    padding: 3% 7% 5%;
}
.box4 .section_img {
	width:42%;
	margin: 0 auto;
}
.box4 .section_img img {width: 150px; margin-top:20px;}
.box4 .math .title, .box4 .literacy .title {
    width: 100px;
}
.box4 .eng {
	border-bottom: 5px solid #0ca56f;
	padding-bottom: 7%;
	margin: 0;
}
.box4 .math {
	border-right: 5px solid #0ca56f;
}
.box4 .eng .section_img, .box4 .literacy .section_img,{
	width: 27%;
	margin: 0 auto;
}
.box5 h4 {color: #009b6f; font-weight: bold;}
.box5 p {text-align: center;}



/*********?????????????u?K********/

#outer .bg_blue, #outer .check_bg_blue {background: #1d2088;}
.wrapper .f_blue {color: #1d2088;}
.wrapper .line_blue {border-top: 1px dotted #1d2088;}

.box1 .box1_check {
	text-align: left;
	padding:0;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 5%;
}
.box1 .box1_check img {width: 20px;}
.box1 .box1_check li {
	line-height: 2em;
	font-size: 20px;
}

/************pc_ver ?e?[?u??****************/

.box3 .table_blue tr {
  border-bottom: 2px solid #1d2088;
}
.box3 .table_blue th,
.box3 .table_blue td {
  border-right: 2px solid #1d2088;
  border-left: 2px solid #1d2088;
}

.box3 .table_blue thead tr{
  border-top: 2px solid #1d2088;
  color: #1d2088;
}

.box3 .text_blue{
   color: #1d2088;
}
.box3 .naiyou_blue{
  color: #1d2088;
}

/****************pc_ver ?e?[?u?????????****************/

.bg_blue p {font-weight: normal;}

.box4_blue p {font-weight: normal;}
.box4_blue .eng {
	border-bottom: 5px solid #1d2088;
}
.box4_blue .math {
    border-right: 5px solid #1d2088;
}



/******?????????????u?K???????********/


/***********?t?b?^?[**********/
.footup-copy{margin-left:-20px;text-align:left;}