/* 中デバイス（タブレット, 768px 以上）
============================================== */
@media screen and (min-width: 768px) {
body{
    max-width: 750px;
    margin: 0 auto;
}

/*ヘッダー
-------------------------------------*/


.header {
    background-color: #00529f;
    padding:0.5rem 0; 
}

.header .head-txt1{
    color: #fff;
    font-size: 1rem;
    text-align: center;
}
.header .head-txt2{
    color: #fffd5c;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

/*.cdt .countdown div{
      background: #00529f url(../img/cdt-bg.png) no-repeat 45% bottom;
       background-size: contain;
    padding:2rem  0 2rem 0.5rem!important;
    font-size: 3.5rem;
    letter-spacing: 1.5rem;
}*/


.cdt .countdown div{
    background: linear-gradient(90deg, #00529f 0%, #00529f 90%, #ffff9f 90%, #ffff9f 100%); 
        padding:2rem  0 2rem 0.5rem!important;
    font-size: 3.5rem;
    letter-spacing: 1.5rem;
        position: relative;
}
.cdt .countdown div::after{
        position: absolute;
    content: '';
    display: inline-block;
    background: url(../img/cdt-bg.png) no-repeat 45% bottom;
    background-size: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.cdt .countdown div.ten{
    background: linear-gradient(90deg, #ffff9f 0%, #ffff9f 90%, #ffff9f 90%, #ffff9f 100%); 
    color: #00529f;
    padding: 0!important;
    margin-top:1.7rem;
}
.cdt .countdown .countdown-day{margin-right: 0.4rem;width: 120px;}
.cdt .countdown .countdown-hour{width: 120px;}
.cdt .countdown .countdown-min{margin-left: -1.5rem;width:120px;}
.cdt .countdown .countdown-sec{margin-left: -1.5rem;width: 120px;}


.cdt p span{
    color: #00529f;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 0.2rem;
    display: inline-block;
    width:120px;
    text-align: right;
}
.cdt p.nichizi{
text-align: center;

}

.cdt p span.nichi{margin: 0 0.5rem 0 -1rem;}
.cdt p span.zi{margin-right: 0.7rem; margin-left: 0.2rem;}
.cdt p span.fun{margin-right: 0.4rem; margin-left: 0.8rem;}
.cdt p span.byo{margin-left: 1.3rem;}



#sec1 h2{
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0.5rem;
}


#sec1 h2 span.icon1{
   margin-top: -3.5rem;
}
#sec1 h2 span.icon1::before{
  width: 70px;/*画像の幅*/
  height: 107px;/*画像の高さ*/


}
#sec1 h2 span.icon1::after{
  width: 70px;/*画像の幅*/
  height:107px;/*画像の高さ*/

}

#sec2 .wrapper h2{
    font-size: 2rem;
    line-height: 3rem;
}

#sec2 .wrapper-in {
margin: 1.5rem;
    padding: 1rem;
}
#sec2 .sec2-tex{
    font-size:2rem;
}
#sec3 .wrapper{
    height: 800px;
   background: #4b4b4b url(../img/sec3-bg.png) no-repeat center bottom;
   background-size: 100%;
   padding-top: 1rem;
}

#sec2 .balloon1{
    position: relative;
  display: inline-block;
  margin: 0.3rem auto 0!important;
  padding: 1rem 0.5rem;
  width: 90%;
  color: #00529f;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #00529f;
  border-radius: 5px;
  box-sizing: border-box;
 display: flex;
  justify-content: center;
  text-align: center;
}
#sec2 .balloon1 p {
  margin: 0;
  padding: 0;
    font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}
.blde{font-size: 2.5rem;}
.blkagetsu{font-size: 3rem; margin-left: -0.2rem;}
.bl3{font-size: 3.5rem;}


#sec3 .wrapper h2{
    font-size: 2.5rem;
    line-height: 3.5rem;
    padding: 0.7rem;
}
#sec3 .wrapper p{
    margin: 1rem;
}

#sec3 .sec3-cont h2{
    font-size: 2.5rem;
    margin-top: 3rem!important;
}


#sec4 .sec4-head{
height:1000px;
position: relative;
    z-index: 2;
}

#sec4 .sec4-cont{
    background-color: #fff;
    border-radius: 5px;
    margin:1rem;
    padding: 1.5rem;
    top: 570px;
   position: absolute;
   z-index: 3;
}

#sec6 .wrapper .wrapper-in{
margin: 1rem;
padding: 1rem;
}

#sec6 .wrapper .wrapper-in p{
margin: 1rem 1rem 2rem 1rem;
}

#sec6 .sec6-cont{
background-position:1rem 10%;
margin-top: 5rem;
padding: 1rem;

}

#sec6 .sec6-cont-in{
    padding: 600px 0 1rem 0;
    margin: 1rem;
}



#sec6 .sec6-h3{
    top: -45px;
    width: 70%;
    position: absolute;
  left: 0;
  right: 0;
  margin: auto;

}


#sec7 h2{
    font-size: 2.3rem;
    font-weight: 900;
    margin: 0rem 0 1rem 0;
}

#sec7 h2 span.icon2{
        font-size: 2.3rem;
   margin-top: -5rem;
}
#sec7 h2 span.icon2::before{
  width: 70px;/*画像の幅*/
  height: 107px;/*画像の高さ*/
  margin-right: 2rem;
}
#sec7 h2 span.icon2::after{
  width: 70px;/*画像の幅*/
  height:107px;/*画像の高さ*/
 margin-left: 2rem;
}

#sec7 .sec7-h2{
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

#sec7 .sec7-cont p{
    margin: 2rem;
}

#sec7 .sec7-img{
    width: 30%;
    float: right;
    margin: 0.5rem;
}


#sec8 .wrapper{
    height: 500px;

}
#sec8 .sec8-cont h2{
  font-size: 2rem;
  margin: 0.3rem auto 2rem!important;
  padding: 13px 5px;
  line-height: 2.5rem;

}

#sec13 .wrapper{
    background: #00529f url(../img/sec13-bg.png) no-repeat -8px 5%;
       background-size: 95%;
       height: 1060px;
}

#sec13 .wrapper .wrapper-in{
 top: 600px;

} 
h2.sec15h2{
  font-size: 2.0rem;
  line-height: 3rem;
}
#sec15 h2.sec15h2 .seiyu{
    font-size: 1.7rem;
}
#sec15 h2.sec15h2 .sp6{
    font-size: 3.3rem;
    font-weight: bold;
    color: #fffd5c;
}

.speed{
    width: 80%;
    margin: 1rem auto;
}

.speed1,.speed2,.speed3,.speed4,.speed5,.speed6{
    color: #fff;
    line-height: 1.25rem;
    width: auto;
        display:table;
        font-size: 1.5rem;
}
.speed1 span,.speed2 span,.speed3 span,.speed4 span,.speed5 span,.speed6 span{
        display:table-cell;
    vertical-align: middle;
}

.speed1 br,.speed3 br,.speed4 br,.speed5 br,.speed6 br{
    display: none;
}

.revel{
   width: auto;

}

#sec15 .sec15-img{
    margin: 0 auto;
    text-align: center;
}
#sec17 h2.pa{line-height: 3rem;}
#sec17 h2.pa .m1s{font-weight: bold;font-size: 1.7rem;}
#sec17 h2.pa .m2e{font-weight: bold;color: #fffd5c; font-size: 1.7rem;}
#sec17 h2.pa .m3n{font-weight: bold;color: #fffd5c; font-size: 2.4rem;}


#sec18 h2{
    font-size: 2rem;
    margin: 4rem 0 2rem 0;
}
#sec18 h2 span.icon1{
}
#sec18 h2 span.icon2{
    font-size: 2.6rem;
   margin-top: -5rem;
}
#sec18 h2 span.icon2::before{
  width: 70px;/*画像の幅*/
  height: 107px;/*画像の高さ*/
 margin-right: 3.3rem;
}
#sec18 h2 span.icon2::after{
  width: 70px;/*画像の幅*/
  height:107px;/*画像の高さ*/
     margin-left: 3.3rem;
}

#sec20 .wrapper p.miseru br{
    display: none;
}
#sec20 .wrapper p.miseru{
    width: 70%;
}
#sec20 .wrapper p.isho{
    width: 70%;
}
#sec20 .wrapper p.zasetsu{
    margin: 1.5rem 0 2rem 5rem;
    font-size: 2.6rem;
    line-height: 3rem;

}

#sec20 .wrapper p.zasetsu .za1{
 font-size: 3.6rem;
}


#sec19 .wrapper{
    height: 2130px;
}
#sec19 .wrapper-in{
    top: 400px;

}


#sec21 .kaishi{
    height: 350px;
}
#sec27 .kaishi{
    height: 350px;
}


#sec21 .sec21-text1{
    position: absolute;
    top: 13%;
    right: 10%;
    font-size: 1.6rem;
}

#sec21 .kaishi .title{
    top: 30%;
    left: 25%;
    font-size: 2.2rem;
    padding: 1rem;
}
#sec21 .jugyo{
    bottom:25%;
    right: 20%;

}
#sec21 .kaishi .k2022{
    font-size: 1.8rem;
}
#sec21 .kaishi .k10{
    font-size: 6rem;
}
#sec21 .kaishi .kmon{
font-size: 3rem;

}
#sec21 .kaishi .k3{
    font-size: 6rem;
}
#sec21 .kaishi .kday{
font-size: 3rem;
}
#sec21 .kaishi .kweek{
  font-size: 3rem;
    width: 60px;
  height: 60px;
  line-height: 60px;

}

#sec21 .kara{
 font-size: 2rem;
 bottom: 15%;
 right: 10%;

}




#sec22 .sec22-cont{
    background: url(../img/sec22-bg1.png),url(../img/sec22-bg3.png);
    background-position: center top,center bottom, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto,100% auto;
      -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  margin: 0 auto;
    margin: 0.7rem;
    padding: 50px 0 30px;
}

#sec22 .sec22-cont-in{
    background: url(../img/sec22-bg2.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding: 0 2rem;
}

#sec22 .sec22-img5{
    margin: 0 auto;
    text-align: center;
}



#sec22 h3.ribbon1 {

  position: relative;
  height: 40px;/*リボンの高さ*/
  line-height: 40px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 1.4rem;/*文字の大きさ*/
  background: #00529f;/*塗りつぶし色*/
  color: #fffd5c;/*文字色*/
  box-sizing: border-box;
  margin: 0 auto 0.5rem;
  letter-spacing: 0.3rem;
  text-align: center;
}

#sec23 h2{
    font-size:2.2rem;
    font-weight: 700;
    margin: 2rem 0 1rem 0;
}

#sec23 h2 span.icon2{
   margin-top: -5rem;
}
#sec23 h2 span.icon2::before{
  width: 70px;/*画像の幅*/
  height: 107px;/*画像の高さ*/
  margin-right: 3.2rem;
}
#sec23 h2 span.icon2::after{
  width: 70px;/*画像の幅*/
  height:107px;/*画像の高さ*/
 margin-left: 3.2rem;
}
#sec23 .sec23-cont p{
    margin: 1.5rem;
}
#sec26 .wrapper-in{
    top: 530px;
} 

#sec26 h2{
    position: absolute;
    color: #fff;
    font-size: 4rem;
    top: 10%;
    left: 10%;
    line-height:5rem;
}

#sec26 h2 .io{
    font-size: 5rem;
}

#sec27 .sec27-text1{
    position: absolute;
    top: 12%;
    left: 28%;
    font-size: 1.6rem;
    line-height: 2rem;
}

#sec27 .kaishi .title{
    top: 30%;
    left: 25%;
    font-size: 2.2rem;
    padding: 1rem;
}
#sec27 .jugyo{
    bottom:25%;
    right: 20%;

}
#sec27 .kaishi .k2022{
    font-size: 1.8rem;
}
#sec27 .kaishi .k10{
    font-size: 6rem;
}
#sec27 .kaishi .kmon{
font-size: 3rem;

}
#sec27 .kaishi .k3{
    font-size: 6rem;
}
#sec27 .kaishi .kday{
font-size: 3rem;
}
#sec27 .kaishi .kweek{
  font-size: 3rem;
    width: 60px;
  height: 60px;
  line-height: 60px;

}

#sec27 .kara{
 font-size: 2rem;
 bottom: 15%;
 right: 10%;
}



/*H2 パターンA*/

h2.pa{
  margin: 0.3rem auto 0!important;
  padding: 1rem 0.5rem;
  font-size: 2rem;
  line-height: 2.5rem;

}


} /* END */


/* 中デバイス（タブレット, 992px 以上）
==============================================*/
@media screen and (min-width:992px) {

}



/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）
==============================================*/
@media screen and (min-width: 1200px) {



} /* END */




/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width:767.98px) {





} /* END */


/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width:575.98px) {


} /* END */