.outline {
    background-color: #ecf7ec;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.outline h2 {
    background-color: #008f38;
  color: #fff;
  font-weight: 700;
  padding: 15px;
    padding-top: 15px;
  font-size: 28px;
  text-align: center;
  position: relative;
  margin-bottom: 90px;
  padding-top: 25px;
}
.outline h2 .sub {
    display: block;
}
.outline h2 .sub span{
    background-color: #ffff00;
    color: #008f38;
    display: inline-block;
    font-size: 65%;
    padding-left: 10px;
    padding-right: 10px;
}
.outline h2:after {
    background-image: url(../../spring/images/bg_h2_2.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    content: "";
    height: 50px;
    position: absolute;
    z-index: 1;
    bottom: -50px;
}
.outline .blk {
border: #008f38 3px solid;
  border-radius: 7px;
  background-color: #fff;
  margin-bottom: 30px;
    overflow: hidden;
}
.outline .blk:last-child {
    margin-bottom: 0;
}
.outline .blk h3 {
  background-color: #008f38;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  padding: 10px;
  text-align: center;
}
.outline .blk .inner-wrap {
    padding: 5%;
}
.outline .blk.price table {
    border-top: #008f38 1px solid;
    border-left: #008f38 1px solid;
    margin-bottom: 5px;
}
.outline .blk.price th {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 10px;
    font-weight: 700;
    color: #008f38;
    width: 38%;
        background-color: #ECF7EC;
    text-align: center;
}
.outline .blk.price td {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 10px;
    color: #008f38;
    font-weight: 500;
}
.outline .blk.price td span {
    font-weight: 700;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 170%;
}
.outline .blk.schedule table {
    border-top: #008f38 1px solid;
    border-left: #008f38 1px solid;
    white-space: nowrap;
    margin-bottom: 5px;
    font-family: 'Open Sans', 'Noto Sans JP','Noto Sans Japanese';
}
.outline .blk.schedule th {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 5px;
    font-weight: 600;
    color: #008f38;
        background-color: #ECF7EC;
    text-align: center;
}
.outline .blk.schedule td {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 15px;
    color: #008f38;
    font-weight: 500;
    text-align: center;
}
.outline .blk.schedule .scroll {
    overflow: auto;
}
.outline .blk.schedule .scroll-hint-icon {

  background:#008f38;
    padding-bottom: 10px;
    height: 90px;
}

@media screen and (max-width:480px){
.outline .blk h3 {
  font-size: 19px;
}
.outline h2 {
  font-size: 6vw;
    padding-top: 15px;
    margin-bottom: 60px;
}
.preparation2021 .under-course h2 {
    font-size: 6vmin !important;
  }
.outline h2 .sub span {
    padding: 1vw;
  line-height: 1.5;
    margin-bottom: 5px;
}
.outline h2::after {
  height: 25px;
  bottom: -25px;
}
.outline .blk.price th {
  display: block;
    width: auto;
    border-bottom-style: dashed;
}
.outline .blk.price td {
  display: block;
    width: auto;
    text-align: center;
}
.outline .blk.price td span {
  font-size: 150%;
}
.outline {
  padding-bottom: 40px;
  margin-bottom: 40px;
}
}


.sub-caution {
    text-align: center;
    font-size: 90%;
    margin-top: 15px;
}
.target {
    display: table;
    margin: auto;
    width: 200px;
    border: #008f38 1px solid;
    border-radius: 40px;
    overflow: hidden;
    background-color: #008f38;
    margin-bottom: 25px;
    font-weight: 500;
}
.target dt {
    display: table-cell;
    vertical-align: middle;
    background-color: #008f38;
    text-align: center;
    width: 60px;
    padding: 5px;
    color: #fff;
}
.target dd {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    color: #008f38;
}
.examination2021 .feature {
    padding-top: 40px;
    padding-bottom: 20px;
}
.examination2021 .feature h2{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 40px;
}
.examination2021 .feature h2 span {
    background: linear-gradient(transparent 70%, #fff100 70%);
}
.examination2021 .feature .blk {
    border: #008f38 3px solid;
    border-radius: 7px;
    margin-bottom: 30px;
    overflow: hidden;
}
.examination2021 .feature .blk h3 {
    background-color: #008f38;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding: 15px;
    background-image: url("../../junior_high/examination/images/feature_num01.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 70px;
    line-height: 1.5;
}
.examination2021 .feature .blk.num02 h3 {
    background-image: url("../../junior_high/examination/images/feature_num02.png");
}
.examination2021 .feature .blk.num03 h3 {
    background-image: url("../../junior_high/examination/images/feature_num03.png");
}
.examination2021 .feature .blk p {
    padding: 25px;
}
.examination2021 .price-blk {
    margin-bottom: 60px;
}
.examination2021 .price-blk h2{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 40px;
}
.examination2021 .price-blk h2 span {
    background: linear-gradient(transparent 70%, #fff100 70%);
}
.examination2021 .price-blk table {
    border-top: #008f38 1px solid;
    border-left: #008f38 1px solid;
}
.examination2021 .price-blk table thead th {
    background-color: #008f38;
    color: #fff;
    border-right: #fff 1px solid;
}
.examination2021 .price-blk table thead th:last-child {
    border-right:none;
}
.examination2021 .price-blk table th {
    background-color: #ECF7EC;
    padding: 12px;
    color: #008f38;
    font-weight: 500;
    font-size: 110%;
    width: 32%;
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    text-align: center;
}
.examination2021 .price-blk table td.subject {
    background-color: #ECF7EC;
    font-weight: 500;
    color: #008f38;
    font-size: 110%;
    width: 25%;
}
.examination2021 .price-blk table td .num {
    font-weight: 700;
}
.examination2021 .price-blk table td .num span{
    font-family: 'Open Sans', sans-serif;
font-size: 140%;
}
.examination2021 .price-blk table td {
    padding: 12px;
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    color: #008f38;
}
.examination2021 .price-blk table td.center {
    text-align: center;
}




@media screen and (max-width:480px){
.sub-caution {
}
.subject .blk.pre p {
  padding: 20px !important;
}
.dojyo {
  padding-top: 25px !important;
  margin-top: 25px !important;
}
.examination2021 .feature h2 {
    font-size: 24px;
    margin-bottom: 35px;
}
.examination2021 .feature {
    padding-top: 30px;
    padding-bottom: 20px;
}
.examination2021 .feature .blk h3 {
    font-size: 20px;
    padding: 10px;
    background-size: 50px;
    padding-left: 35px;
}
.examination2021 .feature .blk p {
    padding: 15px;
}
.examination2021 .price-blk h2 {
    font-size: 24px;
    margin-bottom: 35px;
}
.examination2021 .feature .blk {
    border-radius: 5px;
    margin-bottom: 20px;
}
.examination2021 .price-blk table {
    font-size: 83%;
}
.examination2021 .price-blk {
    margin-bottom: 40px;
}
}








br.sp-only {
    display: none;
}
.preparation2021 .main-visual{
    background-color: #ecf7ec;
    padding-bottom: 40px;
}

.preparation2021 .main-visual p {
    margin-top: 25px;
}
.preparation2021 .main-visual ul {
    background-color: #fff;
    padding: 15px;
    border-radius: 7px;
    margin-top: 25px;
}
.preparation2021 .main-visual ul li:before {
    content: "●";
    color: #008f38;
}
.preparation2021 .main-visual .link-btn a {
    display: block;
    background-color: #008f38;
    margin-top: 30px;
    color: #fff;
    padding: 12px;
    text-align: center;
    border-radius: 40px;
    font-weight: 700;
    font-size: 20px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.preparation2021 .free-days {
    background-color: #ecf7ec;
    padding-bottom: 40px;
}
.preparation2021 .free-days h2 {
    background-color: #008f38;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    font-size: 28px;
    text-align: center;
    position: relative;
    margin-bottom: 60px;
    padding-top: 25px;
}






.preparation2021 .free-days h2 span{
    transform: translateY(5px);
    display: inline-block;
}
.preparation2021 .free-days h2:after {
    background-image: url(../../spring/images/bg_h2_2.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    content: "";
    height: 50px;
    position: absolute;
    z-index: 1;
    bottom: -50px;
}
.preparation2021 .free-days .txt {
    margin-top: 30px;
}
.preparation2021 .free-days .illust {
    margin-top: 30px;
    margin-bottom: 40px;
}
.preparation2021 .free-days .dtl {
    border: #008f38 4px solid;
    background-color: #fff;
    margin-bottom: 40px;
}
.preparation2021 .free-days .dtl h3 {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    padding: 15px;
    color: #008f38;
}
.preparation2021 .free-days .dtl ul {
    background-color: #AEE5A9;
    padding: 10px;
}
.preparation2021 .free-days .dtl ul li {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    color: #008f38;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
}
.preparation2021 .free-days .dtl p {
    font-weight: 500;
    text-align: center;
    font-size: 20px;
    padding: 15px;
}
.preparation2021 .free-days .dtl p span {
    background: linear-gradient(transparent 60%, #ffff00 60%);
}
.preparation2021 .free-days dl {
    margin-bottom: 40px;
}
.preparation2021 .free-days dt {
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px;
}
.preparation2021 .free-days dd {
    border-bottom: #fa6400 dashed 2px;
    padding: 15px;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
.preparation2021 .free-days dd:before {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    background-color: #fa6400;
    z-index: 1;
    left: 0;
    top: 27px;
}
.preparation2021 .under-com-btn {
    text-align: center;
}
.preparation2021 .under-com-btn .end-day {
    text-align: center;
    font-size: 19px;
    margin-top: 10px;
    font-weight: 500;
}
.preparation2021 .under-com-btn .day {
    width: 180px;
    border-radius: 40px;
    background-color: #ffff00;
    text-align: center;
    padding: 5px;
    font-weight: 700;
    color: #008f38;
    font-size: 25px;
    line-height: 1.5;
    margin: auto;
    position: relative;
}
.preparation2021 .under-com-btn .day:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 15px 0 15px;
    border-color: #ffff00 transparent transparent transparent;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -15px;
    bottom: -14px;
    z-index: 1;
}


.preparation2021 .under-com-btn .arrow-box{
    position:relative;
    width:170px;
    background:#ffff00;
    padding:7px;
    text-align:center;
    border:2px solid #008f38;
    color:#008f38;
    font-size:23px;
    font-weight:bold;
    border-radius:40px;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    animation: fluffy1 2.4s ease infinite;
}
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
.preparation2021 .under-com-btn .arrow-box:after,.arrow-box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.preparation2021 .under-com-btn .arrow-box:after{
    border-color: rgba(247, 221, 51, 0);
    border-top-width:14px;
    border-bottom-width:20px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#ffff00;
}
.preparation2021 .under-com-btn .arrow-box:before{
    border-color: rgba(61, 171, 51, 0);
    border-top-width:15px;
    border-bottom-width:24px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 2px;
    border-top-color:#008f38;
}
.preparation2021 .under-com-btn a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
    font-weight: 500;
    border-radius: 40px;
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    background-color: #ed6c01;
    max-width: inherit;
}
.preparation2021 .under-com-btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 4%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}
.preparation2021 .course {
    background-color: #F1F1F1;
    padding-bottom: 40px;
}
.preparation2021 .course .ttl {
    background-color: #008f38;
color: #fff;
font-weight: 700;
padding: 15px;
    padding-top: 15px;
font-size: 28px;
text-align: center;
position: relative;
margin-bottom: 90px;
padding-top: 25px;
}

.preparation2021 .course .ttl:after {

    background-image: url("../../elementary/preparation/images/bg_h2_2.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    content: "";
    height: 50px;
    position: absolute;
    z-index: 1;
    bottom: -50px;

}
.preparation2021 .course .ttl span {
    font-size: 65%;
    background-color: #ffff00;
    color: #008f38;
    display: inline-block;
    padding: 5px;
    line-height: 1.3;
    padding-left: 25px;
    padding-right: 25px;
}
.preparation2021 .course .ttl h2 {
    font-weight: 700;
}
.preparation2021 .course .blk {
    border: #008f38 3px solid;
    border-radius: 7px;
    background-color: #fff;
    margin-bottom: 30px;
}
.preparation2021 .course .blk h3 {
    background-color: #ffff00;
    color: #008f38;
    text-align: center;
    padding: 15px;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}
.preparation2021 .course .blk p {
    font-size: 16px;
    margin-bottom: 25px;
}
.preparation2021 .course .blk .img {
    text-align: center;
    margin-bottom: 25px;
}
.preparation2021 .course .blk .img.mdt {
    margin-top: 50px;
}
.preparation2021 .course .blk .img img {
    width: 200px;
}
.preparation2021 .course .blk dt {
    text-align: center;
    font-size: 22px;
    color: #008f38;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}
.preparation2021 .course .blk h4 {
    font-size: 24px;
  color: #008f38;
  text-align: center;
  font-weight: 700;
  margin-bottom: 15px;
    margin-top: 30px;
}
.preparation2021 .course .blk h4.mdt {
    margin-top: 55px;
}
.preparation2021 .course .blk dd {
    background-color: #ecf7ec;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
}
.preparation2021 .course .blk dd li {
border: #008f38 2px solid;
    background-color: #fff;
    border-radius: 40px;
    padding: 5px;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    color: #008f38;
    padding-left: 15px;
    padding-right: 15px;
    margin: 3px;
}
.preparation2021 .course .price {
    border: #008f38 3px solid;
border-radius: 7px;
background-color: #fff;
}
.preparation2021 .course .price h3 {
        background-color: #008f38;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    padding: 10px;
    text-align: center;
}
.preparation2021 .course .price .example {
    background-color: #ecf7ec;
    margin-top: 25px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: center;
    width: 90%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
  font-size: 20px;
  margin-bottom: 5px;
  color: #008f38;
}
.preparation2021 .course .price dl {
    padding: 20px;
    text-align: center;
}
.preparation2021 .course .price dt {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
    color: #008f38;
    line-height: 1.7;
}
.preparation2021 .course .price dd {
    color: #008f38;
    font-size: 18px;
    font-weight: 500;
}
.preparation2021 .course .price dd span {
    font-family: 'Poppins', sans-serif;
    font-size: 52px;
    line-height: 1;
    font-weight: 800;
    vertical-align: baseline;
    margin-right: 5px;
    font-style: oblique;
}
.preparation2021 .course .price .sub-cau {
    width: 90%;
    margin: auto;
    padding-bottom: 30px;
    margin-top: 15px;
}
.preparation2021 .under-course h2 {
    background-color: #008f38;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    font-size: 28px;
    text-align: center;
    position: relative;
    margin-bottom: 90px;
    padding-top: 25px;
}
.preparation2021 .under-course h2 span{
    transform: translateY(8px);
    display: inline-block;
}
.preparation2021 .under-course h2:after {
    background-image: url(../../spring/images/bg_h2_2.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    content: "";
    height: 50px;
    position: absolute;
    z-index: 1;
    bottom: -50px;
}
.preparation2021 .under-course {
background-color: #fff;
    padding-bottom: 30px;
}

.preparation2021 .cau {
    font-size: 90%;
margin-bottom: 30px;
    }
.preparation2021 #step {
    padding-top: 0px;
    padding-bottom: 40px;
}
.preparation2021 #step .blk {
    border: #008f38 3px solid;
    margin-bottom: 25px;
    position: relative;
    background-color: #fff;
}
.preparation2021 #step .blk .icon {
    position: absolute;
    z-index: 1;
    top: -105px;
    width: 90px;
}
.preparation2021 #step .cau-txt {
    text-align: center;
    font-size: 110%;
    font-weight: 600;
}
.preparation2021 #step .cau-txt span {
    display: block;
background-color: #008f38;
color: #fff;
font-size: 18px;
padding: 5px;
border-radius: 40px;
width: 180px;
margin: auto;
    margin-bottom: auto;
margin-bottom: 10px;
position: relative;

}
.preparation2021 #step .cau-txt span:after {
    width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 11px 9px;
border-color: transparent transparent #008f38 transparent;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -9px;
    z-index: 1;
    top: -11px;
}
.preparation2021 #step .blk.num04:after {
    display: none;
}
.preparation2021 #step .blk.num03:after {
    display: block !important;
}
.preparation2021 #step .blk:after{
width: 0;
height: 0;
border-style: solid;
border-width: 14px 15px 0 15px;
border-color: #008f38 transparent transparent transparent;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -15px;
    bottom: -16px;
    z-index: 1;
}
#step .blk.num04:after {

}
.preparation2021 #step .blk dt {
    background-color: #008f38;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    padding: 22px;
    background-image: url("../../lp/fukushima/spring2021/images/step01.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 65px;
    padding-left: 100px;
    line-height: 1.5;
    
}
.preparation2021 #step .blk.num01 dt {
    background-image: url("../../spring/images/step01.png");
    
}
.preparation2021 #step .blk.num02 dt {
    background-image: url("../../spring/images/step02.png");
    
}
.preparation2021 #step .blk.num03 dt {
    background-image: url("../../spring/images/step03.png");
    
}
.preparation2021 #step .blk.num04 dt {
    background-image: url("../../spring/images/step04.png");
    
}
.preparation2021 #step .blk.num05 dt {
    background-image: url("../../spring/images/step05.png");
    
}
.preparation2021 #step .blk dd {
    padding: 15px;
    font-size: 16px;
}
.preparation2021 #step .blk dd.line:after {
    width: 150px;
    height: 4px;
    content: "";
    background-color: #008f38;
    display: block;
    margin: auto;
    margin-top: 30px;
}
.preparation2021 #step .blk dd h4 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 5px;
    color: #008f38;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 20px;
}
.preparation2021 #step .blk dd .img {
    text-align: center;
    margin-bottom: 20px;
}
.preparation2021 #step .blk dd .img img{
    width: 220px;
}
.preparation2021 #step .blk dd h4 span {
    background:linear-gradient(transparent 60%, #ffff00 60%);
}
.preparation2021 #step .blk dd .sub-mdb {
    margin-bottom: 15px;
}
.preparation2021 #step h3 {
    font-weight: 700;
font-size: 38px;
text-align: center;
line-height: 1.5;
    margin-bottom: 25px;
color: #008f38;
}
.preparation2021 #step h3 span {
    display: block;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    
    border-radius: 40px;
    margin: auto;
    position: relative;
    background:#008f38;
    color: #ffff00 ;
    vertical-align: middle;
    margin-bottom: 10px;
}

@media screen and (max-width:640px){
.preparation2021 #step h3 span {
    font-size: 17px;
}
.preparation2021 #step .blk .icon {
    top: -71px;
    width: 60px;
}
.preparation2021 #step .blk .icon.pos01 {
    right: 10px;
}
.preparation2021 #step .blk .icon.pos02 {
    left: 10px;
}
.preparation2021 .under-com-btn a::after {
    display: none;
}
}
@media screen and (max-width:480px){
.preparation2021 .course .blk h4 {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.preparation2021 .course .price .example {
  margin-top: 20px;
  padding: 10px;
  margin-bottom: 0px;
  font-size: 15px;
}
.preparation2021 .course .price .sub-cau {
  margin-top: 10px;
  font-size: 90%;
}
.preparation2021 #step h3 {
    font-size: 30px;
    margin-bottom: 30px;
}
.preparation2021 #step .blk .icon.pos02 {
    left: 0px;
}
.preparation2021 #step .blk .icon {
    top: -16.7vmin;
    width: 14vmin;
}
.preparation2021 #step .blk .icon.pos01 {
    top: -15.6vmin;
    width: 13.2vmin;
}
.preparation2021 #step .blk .icon.pos01 {
    right: 0px;
}
.preparation2021 #step h3 span {
    font-size: 17px;
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.preparation2021 #step {
    padding-bottom: 30px;
}
.preparation2021 #step .blk dt {
    font-size: 21px;
    padding: 15px;
    padding-bottom: 21px;
    padding-top: 21px;
        padding-left: 15px;
    background-position: 10px center;
    background-size: 40px;
    padding-left: 55px;
    line-height: 1.4;
}
.preparation2021 #step .blk dd {
    padding: 10px;
    font-size: 100%;
}
.preparation2021 #step .blk dd h4 {
    font-size: 20px;
    line-height: 1.5;
}
.preparation2021 #step .blk dd .img img {
    width: 140px;
}
    
.preparation2021 .under-com-btn .arrow-box::after {
    border-top-width: 9px;
    border-left-width: 8px;
    border-right-width: 8px;
    margin-left: -8px;
}
.preparation2021 .under-com-btn .arrow-box::before {
    border-top-width: 9px;
    border-bottom-width: 24px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
}
.preparation2021 .under-com-btn .arrow-box {
    width: 120px;
    padding: 5px;
    font-size: 17px;
    margin-bottom: 15px;
}

.preparation2021 .under-com-btn .day {
    width: 120px;
    font-size: 17px;
    margin-bottom: 15px;
}
.preparation2021 .under-com-btn .txt {
    font-size: 16px;
    margin-bottom: 40px;
}
.preparation2021 .under-com-btn .day::after {
    border-width: 12px 12px 0 12px;
    margin-left: -12px;
    bottom: -12px;
}
.preparation2021 .under-com-btn .txt span {
    padding-left: 44px;
    padding-right: 44px;
    display: inline-block;
    line-height: 1.4;
}

.preparation2021 .under-com-btn .txt span::before {
    width: 35px;
    height: 39px;
    margin-top: -15px;
}
.preparation2021 .under-com-btn .txt span::after {
    width: 35px;
    height: 39px;
    margin-top: -20px;
}
.preparation2021 .cau {
margin-bottom: 30px;
    }

    
    
    
.preparation2021 .main-visual .img {
   border-width: 5px;
}
.preparation2021 .main-visual p {
    margin-top: 15px;
}
.preparation2021 .main-visual .link-btn a {
    margin-top: 25px;
    padding: 10px;
    font-size: 17px;
}
.preparation2021 .main-visual {
    padding-bottom: 30px;
}
.preparation2021 .free-days h2 {
    padding: 5px;
    font-size: 5vmin;
    padding-top: 10px;
}
.preparation2021 .free-days .txt {
    margin-top: 20px;
}
.preparation2021 .free-days .illust {
    margin-top: 20px;
    margin-bottom: 30px;
}
.preparation2021 .free-days .dtl h3 {
    font-size: 23px;
    padding: 10px;
}
.preparation2021 .free-days .dtl ul {
}
.preparation2021 .free-days .dtl ul li {
    padding: 4px;
    font-size: 3.5vmin;
}
.preparation2021 .free-days .dtl p {
    font-size: 16px;
    padding: 12px;
}
.preparation2021 .free-days .dtl {
    margin-bottom: 20px;
}
.preparation2021 .free-days dt {
    font-size: 19px;
    margin-bottom: 5px;
}
.preparation2021 .free-days dd {
    padding: 12px;
    font-size: 15px;
}
.preparation2021 .free-days dd::before {
    top: 20px;
}
    
    

.preparation2021 .under-com-btn a {
    border-width: 2px;
    padding: 10px;
    font-size: 5vmin;
    margin-top: 10px;
    margin-bottom: 15px;
}
.preparation2021 .under-com-btn a:after {
    right: 6%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top-width: 3px;
    border-right-width: 3px;
}
.preparation2021 .under-com-btn .end-day {
    font-size: 15px;
    margin-top: 5px;
}
.preparation2021 .free-days dl {
    margin-bottom: 25px;
}
.preparation2021 .free-days {
    padding-bottom: 30px;
}
.preparation2021 .course .ttl {
    padding: 3px;
    font-size: 5vmin;
    padding-top: 15px;
    margin-bottom: 60px;
}
.preparation2021 .course .ttl::after {
    height: 35px;
    bottom: -35px;
}
.preparation2021 .course .ttl span {
    font-size: 75%;
}
.preparation2021 .course .blk h3 {
    padding: 12px;
    font-size: 19px;
}
.preparation2021 .course .blk .img img {
    width: 140px;
}
.preparation2021 .course .blk dt {
    font-size: 19px;
    margin-bottom: 15px;
}
.preparation2021 .course .blk dd li {
    padding-left: 12px;
    padding-right: 12px;
    margin: 2px;
    font-size: 14px;
}
.preparation2021 .course .blk .img.mdt {
    margin-top: 35px;
}
.preparation2021 .course .price h3 {
    font-size: 19px;
    padding: 10px;
}
.preparation2021 .course .price dt {
    font-size: 14px;
}
.preparation2021 .course .price dd {
    font-size: 13px;
}
.preparation2021 .course .price dd span {
    font-size: 28px;
}
.preparation2021 .course .price dl {
    padding: 15px;
}
.preparation2021 .course .blk {
    margin-bottom: 20px;
}
.preparation2021 .under-course h2 {
    padding: 12px;
    font-size: 5vmin;
    padding-top: 10px;
    margin-bottom: 50px;
}
.preparation2021 .under-course h2::after {
    height: 25px;
    bottom: -25px;
}
}
















.examination .test {
    background-color: #ffff00;
    color: #008f38;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.examination .test table {
    display: inline-block;
    margin: auto;
    width: auto;
    white-space: nowrap;
}
.examination .test th {
    text-align: center;
    width: 28%;
    color: #008f38;
    font-weight: 700;
    padding-right: 1px;
    font-size: 27px;
vertical-align: middle;
    line-height: 1;
}
.examination .test th span {
    background-color: #008f38;
    color: #fff;
    padding: 5px;
        padding-right: 5px;
        padding-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 40px;
    margin-bottom: 5px;
    display: block;
}
.examination .test td {
    font-size: 37px;
    font-weight: 700;
    vertical-align: middle;
    color: #008f38;
    line-height: 1;
    text-align: left;
    text-align: center;
padding-left: 15px;
}
.examination .test td span {
    display: block;
    margin-bottom: 10px;
    font-size: 70%;
}
.examination .lead-copy .ttl-lead {
    text-align: center;
    font-size: 120%;
    color: #008f38;
    line-height: 1.5;
    margin-bottom: 15px;
}
.examination .lead-copy .ttl-lead span {
    font-size: 32px;
    font-weight: 700;
    display: block;
}
.examination .lead-copy {
    background-image: url("../../junior_high/examination/images/bg_lead.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
}
.examination .lead {
    margin-bottom: 25px;
    font-size: 18px;
    
}
.examination .lead span {
    font-weight: 500;
    font-size: 18px;
    background: linear-gradient(transparent 70%, #ffff00 70%);
}
.examination .flow {
    background-color: #F5F6ED;
    padding-top: 50px;
    padding-bottom: 50px;
}
.examination .flow li {
    width: 100%;
    display: table;
    border: #008f38 1px solid;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
}
.examination .flow li:last-child {
    margin-bottom: 0;
}
.examination .flow li:after {
    position: absolute;
    content: "";
    z-index: 1;
    width: 0;
height: 0;
border-style: solid;
border-width: 16px 15px 0 15px;
border-color: #008f38 transparent transparent transparent;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
}
.examination .flow li:last-child:after {
    display: none;
}
.examination .flow li h3 {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    background-color: #008f38;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 120%;
    padding: 15px;
}
.examination .flow li p {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.examination .price {
    padding-bottom: 40px;
    padding-top: 40px;
}
.examination .price table {
    border-top: #008f38 1px solid;
    border-left: #008f38 1px solid;
}
.examination .price table thead th {
    background-color: #008f38;
    color: #fff;
    border-right: #fff 1px solid;
}
.examination .price table thead th:last-child {
    border-right:none;
}
.examination .price table th {
    background-color: #ECF7EC;
    padding: 12px;
    color: #008f38;
    font-weight: 500;
    font-size: 110%;
    width: 32%;
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    text-align: center;
}
.examination .price table td.subject {
    background-color: #ECF7EC;
    font-weight: 500;
    color: #008f38;
    font-size: 110%;
    width: 25%;
}
.examination .price table td .num {
    font-weight: 700;
}
.examination .price table td .num span{
    font-family: 'Open Sans', sans-serif;
font-size: 140%;
}
.examination .price table td {
    padding: 12px;
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    color: #008f38;
}
.examination .price table td.center {
    text-align: center;
}
.examination .support {
    background-color: #ecf7ec;
    padding-top: 40px;
    padding-bottom: 40px;
}
.examination .support .bg-line {
    background-color: #fff;
    margin-top: 35px;
    padding: 25px;
    border: #008f38 3px solid;
}
.examination .support .bg-line h4 {
    text-align: center;
    
    font-size: 120%;
    color: #008f38;
    line-height: 1.5;
    margin-bottom: 15px;
}
.examination .support .bg-line h4 span {
    font-size: 32px;
    font-weight: 700;
    display: block;
}
.examination .support .bg-line h5 span {
    font-weight: 500;
    font-size: 110%;
    background: linear-gradient(transparent 70%, #ffff00 70%);
}
.examination .support .bg-line .start {
    background-color: #ffff00;
    color: #008f38;
    text-align: center;
    padding: 7px;
    margin-bottom: 15px;
    font-weight: 500;
    border-radius: 40px;
}
.examination .support .bg-line ul {
    border-top: #ecf7ec 1px solid;
    margin-top: 20px;
    
}
.examination .support .bg-line li {
    border-bottom: #ecf7ec 1px solid;
    padding-bottom: 5px;
    padding-top: 5px;
    
}
.examination .support .bg-line li span {
    color: #008f38;
}
.examination .support .bg-line .cau {
    margin-top: 5px;
    font-size: 90%;
}
.examination .support .bg-line .fee {
    background-color: #ecf7ec;
    padding: 10px;
    font-size: 15px;
    color: #008f38;
    margin-top: 15px;
}
.examination .support .bg-line .fee .num {
    font-weight: 700;
    margin-left: 10px;
}
.examination .support .bg-line .fee .num span{
        font-family: 'Open Sans', sans-serif;
    font-size: 140%;
}
.examination .support .btn-box {
    margin-top: 30px;
}
.examination .meeting {
    background-color: #008f38;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.examination .meeting .center {
    text-align: center;
    font-size: 15px;
    margin-bottom: 15px;
}
.examination .meeting h3 {
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
}
.examination .meeting h3 span {
    color: #ffff00;
    border: #ffff00 1px solid;
    font-size: 65%;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    display: inline-block;
    margin-top: -5px;
    line-height: 1.5;
    vertical-align: middle;
}
.examination .meeting .sub {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
}
.examination .meeting .inq-box {
    width: 100%;
}
.examination .meeting .sp-com-tel-btn a {
    background-color: #ffff00;
    color: #008f38;
}
.examination .meeting .sp-com-tel-btn dt {
    /*background-image: url("../images/com_tel_icon2.png");*/
    color: #008f38;
}
.examination .meeting .sp-com-tel-btn dt span {
    border-color: #008f38;
color:#008f38;
}
.examination .meeting .inq-box .tel a{
    color: #ffff00;
}
.examination .meeting .inq-box .tel span {
    background-image: url("../images/free_icon4.png");
}
.examination .class-search {
    padding-top: 40px;
    padding-bottom: 40px;
}
.examination .class-search a {
    display: block;
}
.examination .class-search a:hover {
    opacity: 0.8;
}
@media screen and (max-width:860px){
.examination .test td {
    font-size: 5vmin;
}
.examination .test th {
    font-size: 3.3vmin;
    width: 28%;
}
}
@media screen and (max-width:480px){
.examination .lead-copy .ttl-lead span {
    font-size: 22px;
}
br.sp-only {
    display: inherit;
}
.examination .test {
    padding-top: 15px;
    padding-bottom: 15px;
}
.examination .test td {
    padding-left: 0px;
}
.examination .test td span {
    margin-bottom: 5px;
}
.examination .lead-copy {
    padding-top: 30px;
    padding-bottom: 30px;
}
.examination .lead {
    font-size: 15px;
}
.examination .meeting {
    padding-top: 30px;
    padding-bottom: 30px;
}
.examination .meeting .center {
    margin-bottom: 10px;
}
.examination .meeting h3 {
    font-size: 26px;
    margin-bottom: 15px;
}
.examination .flow {
    padding-top: 40px;
    padding-bottom: 40px;
}
.examination .flow li h3 {
    display: block;
    width: auto;
    padding: 5px;
}
    
.examination .flow li p {
    display: block;
    width: auto;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0px;
}
.examination .price table {
    font-size: 83%;
}
.examination .price table th {
    width: 27%;
    padding: 8px;
}
.examination .price table td {
    line-height: 1.6;
}
.examination .price table td.subject {
    width: 22%;
}
.examination .support .bg-line h4 span {
    font-size: 22px;
}
.examination .support .bg-line {
    padding: 20px;
}
.examination .support .bg-line .fee {
    font-size: 14px;
}
.examination .class-search {
    padding-top: 30px;
    padding-bottom: 30px;
}
}

.subject.mdb {
    margin-bottom: 75px;
}
.qureo-btn {
    border-top: #008f38 1px dashed;
    padding-top: 30px;
    margin-top: 30px;
}
.qureo-btn a {
    display: block;
    border: #ccc 1px solid;
    padding: 20px;
    text-align: right;
    background-image: url("../../images/bg_qureo.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 7px;
    background-size: 416px;
}
.qureo-btn a:hover {
    opacity: 0.8;
}
.qureo-btn a img {
    width: 200px;
}
.top-subject {
    text-align: center;
    margin-bottom: 30px;
}
.app-btn a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
    font-weight: 500;
    border-radius: 40px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    background-color: #ed6c01;
    margin-bottom: 30px;
}
.app-btn a:hover {
    background-color: #DF6500;
    text-decoration: none;
}
.app-btn a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 4%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.dojyo {
    border-top: #008f38 1px dashed;
    padding-top: 30px;
    margin-top: 30px;
}
.dojyo a {
    border: #ccc 1px solid;
    display: block;
    border-radius: 7px;
    padding: 35px;
    text-align: center;
}
.dojyo a:hover {
    opacity: 0.8;
}
.top-subject li {
    border: #008f38 1px solid;
    color: #008f38;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px;
}
.subject .blk {
    border: #008f38 2px solid;
    padding: 25px;
    margin-bottom: 30px;
    text-align: center;
}
.subject .blk.pre {
    border: none;
    padding: 0;
    background-color: #ecf7ec;
}
.subject .blk.pre p {
    padding: 30px;
    text-align: left;
}
.subject .blk.pre p span {
    display: block;
    margin-top: 10px;
}
.subject .blk.pre p a {
    color: #008f38;
    text-decoration: underline;
    font-weight: 500;
    position: relative;
}
.subject .blk.pre p a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -15px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #008f38;
  border-right: 2px solid #008f38;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.subject .blk.pre p a:hover {
    text-decoration: none;
}
.subject .blk h3 {
    font-size: 26px;
    color: #008f38;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5;
}
.subject .blk dt {
    color: #008f38;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.5;
}
.subject .blk .icon img {
    margin-bottom: 25px;
    width: 130px;
}
.subject .blk dd {
    text-align: left;
}
.subject .blk dd.sub {
    text-align: center;
    margin-top: 20px;
}



.other-blk {
    margin-bottom: 20px;
    text-align: left;
}
.other-blk a {
    display: block;
    border: #008f38 1px solid;
    padding: 15px;
    position: relative;
}
.other-blk a:before {
    position: absolute;
    background-image: url("../../images/cube_arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-size: cover;
}
.other-blk .photo {
    float: left;
    margin-right: 15px;
    width: 110px;
}
.other-blk dl,
.other-blk .txt-blk{
    overflow: hidden;
}
.other-blk dt,
.other-blk h3{
    color: #008f38;
    font-weight: 500;
    font-size: 19px;
    margin-bottom: 3px;
}



.v-mdb {
    margin-bottom: 35px;
}
.index .other2 {
    margin-top: 40px;
}
.index .other2 .img-sp {
    display: none;
}
.junior_high .creation table {
    border-left: #008f38 1px solid;
}



.junior_high .reason .blk {
    border: #008f38 2px solid;
padding: 25px;
margin-bottom: 30px;
text-align: center;
}
.junior_high .reason .blk .photo {
    position: relative;
    display: inline-block;
}
.junior_high .reason .blk .photo span {
    position: absolute;
    z-index: 1;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #008f38;
    color: #fff;
    border-radius: 50%;
    left: 15px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
    top: 0;
    font-size: 25px;
}
.junior_high .reason .blk .photo img {
    border-radius: 50%;
    width: 250px;
    margin-bottom: 25px;
}
.junior_high .reason .blk h3 {
    color: #008f38;
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
line-height: 1.5;
}

.junior_high .reason .blk p {
    text-align: left;
}
.junior_high .creation table thead th {
    background-color: #008f38;
    color: #fff;
    border-right: #fff 1px solid;
}
.junior_high .creation table thead th:last-child {
    border-right: none;
}
.junior_high .creation table th {
    padding: 10px;
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    text-align: center;
}
.junior_high .creation table td.bg {
    background-color: #ECF7EC;
    
}
.junior_high .creation table tbody th {
    width: 120px;
    color: #008f38;
}
.junior_high .creation table td {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 10px;
    text-align: center;
}
.junior_high .creation table td.txt {
    text-align: left;
    width: 50%;
}
.junior_high .creation table td.w01 {
    width: 80px;
}
.junior_high .creation table td.w02 {
    width: 200px;
}
.junior_high .rhythm .row {
    letter-spacing: -0.5em;
    margin-left: -1%;
    margin-right: -1%;
}
.junior_high .rhythm .row .blk{
    letter-spacing: 0.06em;
    vertical-align: top;
    display: inline-block;
    border: #008f38 2px solid;
    padding: 25px;
    box-sizing: border-box;
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
}
.junior_high .rhythm .row .blk h4 {
    background-color: #008f38;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 110%;
}
.junior_high .rhythm .row .blk ul {
    margin-bottom: 25px;
}
.junior_high .rhythm .row .blk li {
    list-style-position: inside;
    list-style-type: disc;
    padding-left:1em;
    text-indent:-1em;
}
.coexistence ul {
    margin-left: -1%;
    margin-right: -1%;
}
.coexistence li {
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
    border: #008f38 2px solid;
    padding: 25px;
    box-sizing: border-box;
}
.coexistence li .photo {
    text-align: center;
    margin-bottom: 20px;
}
.coexistence li img {
    width: 200px;
}
.coexistence li dt {
    text-align: center;
    color: #008f38;
    font-size: 115%;
    margin-bottom: 15px;
    font-weight: 500;
}
.junior_high .habit .photo {
    float: right;
    width: 40%;
    margin-left: 40px;
}
.junior_high .habit .txt{
    overflow: hidden;
}
.junior_high .habit .txt h4 {
    color: #008f38;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 110%;
}
.junior_high .habit .txt .cau {
    border: #008f38 1px solid;
    color: #008f38;
    padding: 20px;
    margin-top: 30px;
    font-size: 90%;
}
.junior_high .sample table {
    line-height: 1.4;
    text-align: center;
    table-layout: fixed;
    border-left: #008f38 1px solid;
    font-size: 94%;
}
.junior_high .sample table th {
    border-bottom: #fff 1px solid;
    border-right: #fff 1px solid;
    padding: 10px;
    background-color: #008f38;
    text-align: center;
    color: #fff;
}
.junior_high .sample table th:last-child {
    border-right-color: #008f38;
}
.junior_high .sample table td {
    border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
    padding: 10px;
}
.junior_high .sample table td.bg {
    background-color: #ECF7EC;
}
.junior_high .sample .blk {
    margin-bottom: 40px;
}
.junior_high .sample h4 {
    color: #008f38;
    font-weight: 400;
    font-size: 125%;
    margin-bottom: 10px;
}
.junior_high .sample .sub {
    margin-bottom: 30px;
}
@media screen and (max-width:860px){
.junior_high .rhythm .row {
    margin-left: 0%;
    margin-right: 0%;
}
.junior_high .rhythm .row .blk {
    display: block;
    width: auto;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 20px;
}
.coexistence ul {
    margin-left: 0%;
    margin-right: 0%;
}
.coexistence li {
    width: auto;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
    margin-bottom: 20px;
}
}
@media screen and (max-width:640px){

.index .other2 dl {
    margin-bottom: 30px;
    display: block;
}
.index .other2 .img-sp {
    display:block;
    text-align: center;
}
.index .other2 .img {
    display:none;
}
.junior_high .creation table {
    font-size: 95%;
    width: 680px;
}
.junior_high .creation table tbody th {
    width: 85px;
}
.junior_high .creation table td.w01 {
    width: 55px;
}
.junior_high .creation table td.w02 {
    width: 115px;
}
.scroll-box {
    overflow-x: auto;
}
.scroll-box::-webkit-scrollbar{
	width: 5px;
	background: #cccccc;
}
.scroll-box::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #cccccc;
}
.scroll-box::-webkit-scrollbar-thumb{
	background: #008f38;
	border-radius: 2px;
}
.scroll-box::-webkit-scrollbar-thumb:horizontal{
	background: #008f38;
	border-radius: 2px;
}
.junior_high .rhythm .row .blk {
    padding: 20px;
}
.coexistence li {
    padding: 20px;
}
.coexistence li dt {
    font-size: 110%;
}
.junior_high .habit .photo {
    float: none;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    margin-bottom: 25px;
}
.junior_high .creation table {
    font-size: 95%;
}
.app-btn a {
    font-size: 4.4vmin;
}
}

@media screen and (max-width:480px){
.junior_high .reason .blk .photo img {
  width: 170px;
  margin-bottom: 20px;
}
.junior_high .reason .blk {
  padding: 20px;
    margin-bottom: 25px;
}
.junior_high .reason .blk h3 {
  font-size: 18px;
}
.junior_high .reason .blk .photo span {
  width: 45px;
  line-height: 45px;
  left: 5px;
}
.target {
  width: 160px;
  margin-bottom: 15px;
  font-size: 13px;
}
.subject .blk h3 {
  font-size: 22px;
    margin-bottom: 20px;
}
.subject .blk .icon img {
  margin-bottom: 20px;
  width: 100px;
}
.subject .blk {
  padding: 20px;
  margin-bottom: 20px;
}
.subject .blk dt {
  font-size: 18px;
}
.app-btn a {
  font-size: 4.8vmin;
}
.app-btn a::after {
  display: none;
}
    
.other-blk {
    margin-bottom: 12px;
}
.other-blk .photo {
    margin-right: 10px;
    width: 80px;
}
.other-blk a {
    padding: 10px;
}
.other-blk dt,
.other-blk h3{
    font-size: 17px;
}
.other-blk dd,
.other-blk p{
    font-size: 14px;
}
.other-blk a::before {
    width: 25px;
    height: 25px;
}
    
    
.subject.mdb {
    margin-bottom: 30px;
}
.top-subject {
    font-size: 12px;
    margin-bottom: 18px;
}
.top-subject li {
    margin: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.v-mdb {
    margin-bottom: 20px;
}
.index .other2 {
    margin-top: 20px;
}
.junior_high .creation table {
    font-size: 90%;
}
.junior_high .sample table {
    width: 660px;
    
}
.junior_high .sample h4 {
    font-size: 120%;
}
.qureo-btn {
  padding-top: 25px;
  margin-top: 25px;
}
}



.index-list {
    margin-left: -1%;
    margin-right: -1%;
}
.index-list li {
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
}
.index-list li a {
    display: block;
    color: #fff;
}
.index-list li a:hover {
    opacity: 0.8;
}
.index-list li h4 {
    background-color: #008f38;
    font-weight: 500;
    line-height: 1.4;
    font-size: 105%;
    padding: 15px;
    position: relative;
    padding-bottom: 50px;
}
.index-list li h4:after {
    position: absolute;
    background-image: url("../images/icon_arrow2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 23px;
    height: 23px;
    z-index: 1;
    left: 15px;
    bottom: 15px;
}
@media screen and (max-width:640px){
.index-list li {
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
}
}
@media screen and (max-width:480px){
.index-list{
    margin-left: 0%;
    margin-right: 0%;
}
.index-list li {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 5%;
    display: block;
    }
.index-list li h4 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.index-list li h4::after {
    right: 15px;
    left:inherit;
    bottom: 50%;
    margin-bottom: -12px;
}
}
.proposal {
    background-color: #ECF7EC;
    padding: 30px;
}
.proposal h4 {
    color: #008f38;
    font-weight: 500;
    text-align: center;
    font-size: 130%;
    margin-bottom: 25px;
}
.proposal li {
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px;
    width: 47.9999%;
    margin: 1%;
    line-height: 1.5;
    color: #008f38;
}

.btn {
    margin-top: 20px;
}
.btn a {
    border: #008f38 2px solid;
    border-radius: 40px;
    display: block;
    color: #008f38;
    padding: 7px;
    font-weight: 500;
    max-width: 200px;
    padding-left: 25px;
    background-image: url("../images/icon_arrow.png");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: #fff;
}
main .other {
    display: table;
    width: 100%;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    background-color: #eeeeee;
    margin-top: 4%;
    margin-bottom: 30px;
}
main .other .img {
    display: table-cell;
    vertical-align: middle;
    width: 21%;
}
main .other dl {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5%;
}
main .other dt {
    display: table-cell;
    padding-right: 20px;
    color: #008f38;
    font-weight: 500;
    font-size: 110%;
    vertical-align: middle;
    width: 40%;
    line-height: 1.7;
}
main .other dt span {
    color: #ff0000;
}
main .other dd {
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    padding-right: 5%;
}
main .other dd .btn {
    margin-top: 0;
    
}
main .other dd .btn a {
    margin-left: auto;
    margin-right: 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
    max-width: 240px;
}
.other2 {
    border: 1px solid #EBEBEB;
    padding: 25px;
}
.other2 a {
    display: block;
    border: 1px solid #EBEBEB;
    position: relative;
}
.other2 a:after {
    background-image: url("../images/b_blank.png");
    background-size: 14px;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}
.other2 a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.other2 .img {
    margin-bottom: 20px;
    

}
.other2 dl {
    color: #194598;
    text-align: center;
    font-weight: 500;
    font-size: 110%;
    padding: 15px;
}
.other2 dl img {
    width: 48vmin;
    margin-top: 6px;
}
.other2 dl .btn a{
    margin: auto;
    margin-top: 5px;
    border: #008f38 2px solid;
    margin-top: 25px;
}
.point section{
    background-color: #ECF7EC;
    position: relative;
    margin-bottom: 30px;
}

.point .photo {
    float: left;
    width: 300px;

}
.point dl {
    overflow: hidden;
    padding: 30px;
}
.point dt {
    color: #008f38;
    font-size: 115%;
    margin-bottom: 15px;
}
.point .ribbon {
  position: absolute;
  font-size: 18px;/*フォントサイズ*/
  color: #FFF;/*フォントカラー*/
  background: #008f38;/*リボンの色*/
    left: -12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    width: 100px;
    text-align: center;
    top: 15px;
    z-index: 2;
}

.point .ribbon:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border-left: none;
    border-top: none;
    border-bottom: 10px solid;
    border-right: 12px solid #2D7E26;/*折り返し部分*/
}
.pickup section {
    padding: 25px;
    border: 1px solid #DBDBDB;
    margin-bottom: 30px;
}
.pickup section .photo {
    width: 150px;
    float: left;
    margin-right: 25px;
}
.pickup section .txt {
    overflow: hidden;
}
.pickup section h3 {
    font-size: 115%;
    color: #008f38;
    font-weight: 400;
    margin-bottom: 10px;
}
.pickup section dl {
    color: #008f38;
    
}
.pickup section dt {
    display: inline-block;
}
.pickup section dt span {
    border: #008f38 1px solid;
    font-size: 90%;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 15px;
}
.pickup section dd {
    display: inline-block;
    font-weight: 400;
    
}
.pickup section dd span {
    font-weight: 600;
    font-size: 170%;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    
}
.pickup section .sub {
    font-size: 85%;
    margin-top: 5px;
}
@media screen and (max-width:980px){
.proposal li {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
}


}
@media screen and (max-width:640px){
.proposal {
    padding: 15px;
}
.subject .blk.eng .photo {
    float: none;
    width: auto;
    margin-left: 0px;
    text-align: center;
    margin-bottom: 25px;
}

.btn a {
    margin: auto;
}
main .other {
    padding: 30px;
    display: block;
}
main .other .img {
    display: block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
main .other dl {
    display: block;
    vertical-align: middle;
    padding-left: 0%;
}
main .other dt {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
main .other dd {
    display: block;
    width: 100%;
    padding: 0;
}
main .other2 {
    padding: 20px;
}
.other2 .img {
    padding: 0px;
}

main .other2 .img {
    display: block;
    width: auto;
    text-align: center;
    margin-bottom: 15px;
}
main .other2 dl img {
    width: 100%;
    margin-top: 15px;
}
main .other dd  a{
    margin: auto !important;
}
.point .photo {
    float: none;
    display: block;
    width: auto;
}
.point dl {
    padding: 20px;
}
.pickup section .photo {
    width: auto;
    float: none;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 25px;
}
.pickup section .photo img {
    width: 250px;
}
.pickup section dl {
    margin-top: 20px;
}
.pickup section dd {
    display: block;
}
.pickup section dd span {
    margin-left: 0px;
}
.pickup section {
    padding: 20px;
}
}
@media screen and (max-width:480px){
.qureo-btn a {
    background-size: 220px;
    padding: 15px;
}
.qureo-btn a img {
    width: 130px;
}

}
/*----------------------------------
小学6年生の個別指導
-----------------------------------*/
.preparation .foot-img {
    margin-top: 30px;
}
.preparation .visual {
    background-image: url(../../elementary/preparation/images/visual.jpg);
    color: #fff;
    display: table;
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
    height: 236px;
    background-repeat: no-repeat;
    background-position: center center;
}
.preparation .visual dl {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    padding-left: 50px;
}
.preparation .visual dt {
    border: #fff 2px solid;
    padding: 5px;
    font-size: 115%;
    width: 170px;
    text-align: center;
}
.preparation .visual dd {
    font-size: 230%;
    letter-spacing: 0.07em;
    margin-top: 3px;
}

.preparation .study li {
    border: #008f38 2px solid;
    padding: 25px;
    box-sizing: border-box;
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
}
.preparation .study li.hgt {
    border: #008f38 2px solid;
    padding: 25px;
    box-sizing: border-box;
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 215px;
}
.preparation .guide {
    margin-bottom: 40px;
}
.preparation .guide .course-cat {
    border: #ed6c01 1px solid;
    margin-bottom: 30px;
}

.preparation .guide .course-cat .line {
    padding: 20px;
}
.preparation .guide .course-cat .img img {
    width: 100%;
}
.preparation .guide .course-cat .line p {
    margin-bottom: 15px;
    text-align: center;
}
.preparation .guide .course-cat .line .cont {
    background-color: #fffad4;
    padding: 25px;
    border: #ed6c01 1px solid;
    
}
.preparation .guide .course-cat.junior .line .cont {
    border-color: #008f38;
}
.preparation .guide .course-cat .line .cont h4 {
    text-align: center;
    color: #ed6c01;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 27px;
}
.preparation .guide .course-cat .line .cont h4.icon03 {
    border-top: #008f38 2px solid;
    margin-top: 35px;
    padding-top: 25px;
}
.preparation .guide .course-cat.junior .line .cont h4 {
    color: #008f38;
    
}
.preparation .guide .course-cat .line .cont h4 span {
    background-image: url("../../elementary/preparation/images/icon01.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 55px;
    display: inline-block;
}
.preparation .guide .course-cat.junior .line .cont h5 span {
    background-image: url("../../elementary/preparation/images/icon02.png");
}
.preparation .guide .course-cat .line .cont h4.icon03 span {
    background-image: url("../../elementary/preparation/images/icon03.png");
}
.preparation .guide .course-cat .line .cont dl {
    text-align: center;
}
.preparation .guide .course-cat .line .cont dt {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 15px;
    margin-bottom: 15px;
}
.preparation .guide .course-cat .line .cont dt.txt-left {
    text-align: left;
}
.preparation .guide .course-cat .line .cont li {
    background-color: #fff;
    padding: 5px;
    line-height: 1.3;
    border: #ed6c01 2px solid;
    border-radius: 40px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 500;
    color: #ed6c01;
    font-size: 16px;
    margin: 5px;
}
.preparation .guide .course-cat.junior .line .cont li {
    border-color: #008f38;
    color: #008f38;
}
.preparation .guide .course-cat h3 {
    background-color:#ed6c01;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: 500;
    font-size: 20px;
}
.preparation .guide .course-cat.junior {
    border-color: #008f38 !important;
}
.preparation .guide .course-cat.junior h3 {
    background-color:#008f38;
}
.preparation .guide .bg-clr {
    background-color: #F5F6ED;
    padding: 30px;
}




.preparation .guide .price-box {
    margin-top: 25px;
    border-top: #008f38 1px solid;
    border-left: #008f38 1px solid;
}
.preparation .guide .price-box th{
    background-color: #ECF7EC;
        border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
        padding: 12px;
    color: #008f38;
    font-weight: 500;
    width: 50%;
    display: table-cell;
}
.preparation .guide .price-box td{
        border-bottom: #008f38 1px solid;
    border-right: #008f38 1px solid;
        padding: 12px;
    color: #008f38;
    font-weight: 400;
    display: table-cell;
    
}
.preparation .guide .price-box td .num {
    font-size: 120%;
    font-weight: 700;
    line-height: 1;
}
.preparation .guide .inq-btn {
    margin-top: 30px;
}
.preparation .guide .cau {
    margin-top: 10px;
}
.preparation .guide .price-box td .num span{
    font-size: 130%;
}
.preparation .study li h4 {
    background-color: #008f38;
    color: #fff;
    padding: 10px;
    font-weight: 400;
    font-size: 110%;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    text-align: center;
    margin-bottom: 15px; 
}
.preparation .study li.clr {
    border-color: #ed6c01;
}
.preparation .study li.clr h4 {
    background-color: #ed6c01;
}

.preparation .study li .ttl {
    text-align: center;
    font-size: 155%;
    font-weight: 500;
    margin-bottom: 20px;
}
.preparation .study li .ttl span {
    color: #008f38;
}
.preparation .study li table {
    border-top: #323232 1px solid;
    border-left: #323232 1px solid;
}
.preparation .study li table th {
    border-bottom: #323232 1px solid;
    border-right: #323232 1px solid;
    padding: 10px;
    width: 100px;
    text-align: center;
    background-color: #ecf7ec;
}
.preparation .study li.clr table th {
    background-color: #FEEADA;
}
.preparation .study li table td {
    border-bottom: #323232 1px solid;
    border-right: #323232 1px solid;
    padding: 10px;
}
.preparation .study li table td span {
    color: #008f38;
}
.preparation .study li.clr table td span {
    color: #ed6c01;
}
.preparation .study .attention {
    background-color: #FEEADA;
    text-align: center;
    padding: 10px;
    color: #ed6c01;
    font-weight: 400;
    margin-top: 40px;
    
}
.preparation .meeting {
    background-color: #008f38;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.preparation .meeting .center {
    text-align: center;
    font-size: 15px;
    margin-bottom: 15px;
}
.preparation .meeting h3 {
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
}
.preparation .meeting h3 span {
    color: #ffff00;
    border: #ffff00 1px solid;
    font-size: 65%;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    display: inline-block;
    margin-top: -5px;
    line-height: 1.5;
    vertical-align: middle;
}
.preparation .meeting .sub {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
}
.preparation .meeting .inq-box {
    width: 100%;
}
.preparation .meeting .sp-com-tel-btn a {
    background-color: #ffff00;
    color: #008f38;
}
.preparation .meeting .sp-com-tel-btn dt {
    /*background-image: url("../images/com_tel_icon2.png");*/
    color: #008f38;
}
.preparation .meeting .sp-com-tel-btn dt span {
    border-color: #008f38;
color:#008f38;
}
.preparation .meeting .inq-box .tel a{
    color: #ffff00;
}
.preparation .meeting .inq-box .tel span {
    background-image: url("../images/free_icon4.png");
}
.preparation .class-search {
    padding-top: 40px;
    padding-bottom: 40px;
}
.preparation .class-search a {
    display: block;
}
.preparation .class-search a:hover {
    opacity: 0.8;
}
.preparation .main-visual .visual {
    padding: 5%;
}
.preparation .main-visual .visual dl {
    padding-left: 0px;
}
.preparation .main-visual .visual dt {
    margin-bottom: 17px;
}
.preparation .main-visual .visual dd {
    line-height: 1.3;
}
.preparation .main-visual .img-visual {
    border: #008f38 10px solid;
    margin-bottom: 30px;
}
@media screen and (max-width:980px){
.preparation .study li {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
}
}
@media screen and (max-width:640px){
.preparation .study li {
    padding: 15px;
}
.preparation .study li h4 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}
.preparation .study li .ttl {
    font-size: 130%;
}
.preparation .study li table th {
    width: 40px;
}
.preparation .study .attention {
    margin-top: 30px;
}
.preparation .visual {
    height: 150px;
}
.preparation .visual dl {
    padding-left: 30px;
    font-size: 65%;
}
.preparation .meeting {
    padding-top: 30px;
    padding-bottom: 30px;
}
.preparation .meeting .center {
    margin-bottom: 10px;
}
.preparation .meeting h3 {
    font-size: 6.3vmin;
    margin-bottom: 15px;
}
.preparation .class-search {
    padding-top: 30px;
    padding-bottom: 30px;
}
.preparation .guide table th {
    display: block;
    width: auto;
    font-size: 17px;
    padding: 10px;
}
.preparation .guide table td {
    display: block;
    width: auto;
}
.preparation .guide .price-box th {
    display: block;
    width: auto;
}
.preparation .guide .price-box td {
    display: block;
    width: auto;
    text-align: center;
}
.preparation .guide .price-box {
    margin-top: 15px;
}
.preparation .guide table.clr01 {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.preparation .guide table.clr02 {
    float: none;
    width: 100%;
}
.preparation .guide .bg-clr {
    padding: 20px;
}
}
@media screen and (max-width:480px){
.preparation .guide .course-cat .line {
    padding: 15px;
}
.preparation .main-visual .img-visual {
    border-width: 5px;
}
.preparation .guide .course-cat .line .cont {
    padding: 20px;
}
.preparation .guide .course-cat .line .cont h4 {
    font-size: 4.8vmin;
    line-height: 26px;
    margin-bottom: 20px;
}

.preparation .guide .course-cat .line .cont h4 span {
    background-size: 32px;
    padding-left: 0px;
    background-position: center top;
    padding-top: 40px;
}
.preparation .guide .course-cat .line .cont dt {
    font-size: 15px;
}
.preparation .guide .course-cat .line .cont li {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    margin: 3px;
    line-height: 1.3;
}
}
/*----------------------------------
高校生の個別指導
-----------------------------------*/
.senior_high .img-right {
    float: right;
    width: 45%;
    margin-left: 5%;
}
.senior_high .over {
    overflow: hidden;
}
@media screen and (max-width:640px){
.senior_high .img-right {
    float: none;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 25px;
}
}
/*----------------------------------
小学生の英語学習
-----------------------------------*/
.english .reason li {
    width: 47.9999%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 35px;
}
.english .reason li .photo {
    float: left;
    width: 120px;
    margin-right: 25px;
}
.english .reason li .txt {
    overflow: hidden;
    padding-top: 10px;
}
.english .reason li .txt h4 {
    margin-bottom: 5px;
    font-weight: 500;
}
.english .reason li .txt h4 span{
    font-size: 110%;
    
    color: #008f38;
}
.english .feature .photo {
    float: right;
    width: 42%;
    margin-left: 40px;
}
.english .feature .txt {
    overflow: hidden;
}
.english .feature p {
    margin-bottom: 30px;
}
.english .feature p span {
    color: #008f38;
    font-weight: 500;
}
.english .feature dl {
    font-size: 90%;
}
.english .feature dt {
    background-color: #008f38;
    display: inline-block;
    color: #fff;
    padding: 5px;
    line-height:1.2;
    margin-bottom: 10px;
}
.english .feature dd {
    color: #808080;
}
.english .feature dd.mdb {
    margin-bottom: 20px;
}
.caution {
    border: #ed6c01 1px solid;
    text-align: center;
    color: #ed6c01;
    font-weight: 400;
    padding: 8px;
    margin-top: 40px;
    background-color: #FFFAD4;
}
.caution{
    border: #ed6c01 1px solid;
    text-align: center;
    color: #ed6c01;
    font-weight: 400;
    padding: 8px;
    margin-top: 40px;
    background-color: #FFFAD4;
}
.english .plan ul{
    margin-left: -1%;
    margin-right: -1%;
}
.english .plan li {
    border: #008f38 2px solid;
    padding: 15px;
    box-sizing: border-box;
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
}
.english .plan li h4 {
    background-color: #008f38;
    color: #fff;
    font-weight: 400;
    text-align: center;
    padding: 5px;
    font-size: 105%;
    margin-bottom: 20px;
}
.english .plan li .copy {
    color: #008f38;
    text-align: center;
    font-weight: 400;
    font-size: 130%;
    line-height: 1.5;
    margin-bottom: 15px;
}
.english .plan li .check {
    background-color: #ECF7EC;
    text-align: center;
    padding: 5px;
    color: #008f38;
    font-weight: 400;
    font-size: 115%;
    margin-top: 15px;
}

@media screen and (max-width:980px){

.english .plan li {
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 25px;
}
.english .plan li:last-child {
    margin-bottom: 0px;
}
.english .plan li .copy {
    font-size: 115%;
}

}
@media screen and (max-width:860px){
.english .reason li {
    width: auto;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.english .feature .photo {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
    text-align: center;
}
}
@media screen and (max-width:480px){
.english .reason li .photo {

    width: 90px;
    margin-right: 20px;
}
.english .reason li .txt {
    padding-top: 0px;
}
}

.programming .visual{
}

.programming .visual {
    background-image: url("../../qureo/images/bg_visual.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 130px;
    position: relative;
}
.programming .visual h3 img {
    width: 550px;
    margin-bottom: 20px;
}
.programming .visual .target {
    background-color: #24469a;
    color: #fff;
    width: 250px;
    padding: 7px;
    font-weight: 500;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 15px;
}
.programming .visual .copy {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.programming .btn-box {
    margin-top: 40px;
    margin-bottom: 40px;
}
.programming .btn-box .com-btn {
    background-color: #24469a;
    background-image: url(../images/tel_icon2.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 33px;
    font-size: 17px;
}
.programming .btn-box {
    text-align: center;
}
.programming .btn-box p {
    margin-bottom: 10px;
}
.programming .btn-box p a {
    background-image: url("../images/b_blank.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px;
    padding-right: 15px;
}
.programming .btn-box .com-btn:hover {
    opacity: 0.8;
}
@media screen and (max-width:480px){
.programming .visual {
    padding-top: 40px;
    padding-bottom: 40px;
}
.programming .visual .copy {
    font-size: 18px;
}
.programming .btn-box {
    margin-top: 30px;
    margin-bottom: 30px;
}
}