
.body{
  margin: auto;
  box-sizing: border-box;
}

.body img{
  vertical-align: bottom;
}

.center{
  width: 100%;
  max-width: 900px;
  margin: auto;
}


.header{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back2.png);
  position: relative;
  height: 430px;
}
.header .tama{
  position: absolute;
  bottom: -70px;
  height: 118px;
  width: 100%;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_header_tama.png);
  background-repeat: repeat-x;
}

.header_img{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back.png);
  padding: 20px 20px 70px 20px;
  text-align: center;
}

.menu_Button{
  margin-top: 80px;
}


.box{
  width: 540px;
  height: 75px;
  margin: 0 auto;
  border-radius: 15px 15px 0 0;
}

.box h2{
  padding: 28px 0;
  font-size: 25px;
  color: white;
}

.teyubi{
  margin-top: 30px;
  text-align: center;
}

.teyubi_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #228033;
}

.teyubi .box{
  background-color: #2fad47;
}

.teyubi_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back3.gif);
  padding: 50px 0 40px 0;
}

.teyubi_btn{
  display: flex;
  justify-content: space-between;
}

.teyubi_btn a{
  text-decoration: none;
  display: inline-block;
  padding: 12px 0;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
  background-color: white;
  width: 100%;
  max-width: 275px;
  border-radius: 50px;
  color: #2fad47;
  font-weight: bold;
  border: 3px solid #fff;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.teyubi_btn a:hover{
  background-color: #fcee21;
  border: 3px solid #2fad47;
}

.teyubi_btn .hit{
  background-color: #fcee21;
  border: 3px solid #2fad47;
}

.teyubi_title{
  display: flex;
  margin-top: 40px;

}
.teyubi_title a{
  display: inline-block;
  background-color: #2fad47;
  padding: 15px 20px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 0px 3px  rgba(9,9,9,.4);

}

.teyubi_pic{
  background-color: white;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
  border-radius: 0 10px 10px 10px;
}

.teyubi_pic p{
  padding: 20px;
  text-align: left;
  font-size: 22px;
  color: #2fad47;
  font-weight: bold;
}

.teyubi_pic_img1{
  position: relative;
}

.teyubi_pic_btn1{
  position: absolute;
  top: 420px;
  left:380px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/01_btn1-2.png);
  background-repeat: no-repeat;
}
.teyubi_pic_btn1 a{
  display: inline-block;
}
.teyubi_pic_btn1 a:hover{
  background-color: transparent; /*IE6対応*/
}
.teyubi_pic_btn1 a:hover img{
  visibility: hidden;
}


.teyubi_pic_btn2{
  position: absolute;
  top: 670px;
  left:90px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/01_btn2-2.png);
  background-repeat: no-repeat;
}
.teyubi_pic_btn2 a{
  display: inline-block;
}
.teyubi_pic_btn2 a:hover{
  background-color: transparent; /*IE6対応*/
}
.teyubi_pic_btn2 a:hover img{
  visibility: hidden;
}


.teyubi_pic_btn3{
  position: absolute;
  top: 670px;
  left:380px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/01_btn3-2.png);
  background-repeat: no-repeat;
}

.teyubi_pic_btn3 a{
  display: inline-block;
}

.teyubi_pic_btn3 a:hover{
  background-color: transparent; /*IE6対応*/
}
.teyubi_pic_btn3 a:hover img{
  visibility: hidden;
}

.teyubi_pic_btn4{
  position: absolute;
  top: 670px;
  left:680px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/01_btn4-2.png);
  background-repeat: no-repeat;
}

.teyubi_pic_btn4 a{
  display: inline-block;
}

.teyubi_pic_btn4 a:hover{
  background-color: transparent; /*IE6対応*/
}
.teyubi_pic_btn4 a:hover img{
  visibility: hidden;
}

.teyubi_pic2{
  background-color: #fff79f;
  padding: 10px 0 30px 0;
  border-radius: 0 0 10px 10px;
}

.teyubi_pic2 h3{
  color: #2fad47;
  font-size: 22px;
  margin: 40px 0 20px 0;
}

.teyubi_pic2 h3 i{
  padding: 0 10px;
  color: #a8cc06;
}

.teyubi_pic_img2{
  display: flex;
  justify-content: space-around;
}

.teyubi_pic_img2 div{
  background-color: white;
  width: 28%;
  padding: 10px;
  border-radius: 10px;
}

.teyubi_pic_img2 h4{
  background-color: #a8cc06;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 15px;
  color: white;
}

.teyubi_pic_img3{
  background-color: white;
  padding: 10px;
  margin: 0 auto;
  width: 95%;
  border-radius: 10px;
}

.teyubi_pic_img3 h4{
  background-color: #a8cc06;
  border-radius: 10px;
  color: white;
  padding: 5px;
}

.teyubi_pic_img3-2 div{
  width: 40%;
  padding: 10px;
  border-radius: 5px;
}

.teyubi_pic_img3-2{
  display: flex;
  justify-content: space-around;
}

.kuhaku_top{
  padding: 30px 0 40px 0;
}

.teyubi_main{
  position: relative;
  z-index: 0;
}

.teyubi_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.teyubi_illust2{
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: -2;
}



/*コミュニケーション------------------------------------*/

.comu{
  margin-top: 30px;
  text-align: center;
}

.comu .box{
  background-color: #f7931e;
}

.comu_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back4.gif);
  padding: 10px 0 40px 0;
}

.comu_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #e86c2e;
}

.comu_title{
  display: flex;
  margin-top: 40px;
}
.comu_title a{
  display: inline-block;
  background-color: #f7931e;
  padding: 15px 20px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 0px 3px  rgba(9,9,9,.4);
}

.comu_pic{
  background-color: white;
  padding: 15px 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
}

.comu_pic img{
  width: 100%;
}

.comu_pic .flex{
  display: flex;
  justify-content: space-around;
  margin: 0 20px;
}


.comu_pic p{
  padding: 20px;
  text-align: left;
  font-size: 22px;
  color:#f7931e;
  font-weight: bold;
}

.comu_pic .comu_pic_img2 p{
  color: black;
  font-weight: bold;
  line-height: 1.5;
  font-size: 18px;
  font-weight: normal;
}
.comu_pic_img1{
  padding-right: 20px;
  position: relative;
}

.comu_pic_btn1{
  position: absolute;
  top: 360px;
  left:130px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/02_btn1-2.png);
  background-repeat: no-repeat;
}
.comu_pic_btn1 a{
  display: inline-block;
}
.comu_pic_btn1 a:hover{
  background-color: transparent; /*IE6対応*/
}
.comu_pic_btn1 a:hover img{
  visibility: hidden;
}

.comu_pic_img2{
  background-color: #fff8ae;
  border-radius: 10px;
  padding: 10px;
  margin: 20px auto;
  width: 80%;
}
.comu_pic_img2 h4{
  background-color: #e95513;
  border-radius: 10px;
  color: #faed00;
  padding: 5px;
  font-size: 20px;
}


.comu_main{
  position: relative;
  z-index: 0;
}

.comu_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.comu_illust2{
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: -2;
}

.comu .procdbtn{
  background: #f7931e;
}


/*学習用教材-------------------------*/

.gaku{
  margin-top: 30px;
  text-align: center;
}

.gaku .box{
  background-color: #e96069;
}

.gaku_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back5.gif);
  padding: 10px 0 40px 0;
}

.gaku_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #e84650;
}

.gaku_main{
  position: relative;
  z-index: 0;
}

.gaku_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.gaku .procdbtn{
  background: #e96069;
}

/*全身の運動-------------------------*/

.zenn{
  margin-top: 30px;
  text-align: center;
}

.zenn_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #5183c9;
}
.zenn .box{
  background-color: #608cc9;
}

.zenn_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back6.gif);
  padding: 10px 0 40px 0;
}

.zenn_title{
  display: flex;
  margin-top: 40px;
}
.zenn_title a{
  display: inline-block;
  background-color: #608cc9;
  padding: 15px 20px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 0px 3px  rgba(9,9,9,.4);
}

.zenn_pic{
  background-color: white;
  padding: 0 0 30px 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
}

.zenn_pic .p p{
  padding: 20px;
  text-align: left;
  font-size: 22px;
  color: #608cc9;
  font-weight: bold;
}

.zenn_setsu{
  text-align: left;
  background-color: #fff79f;
  border-radius: 0 10px 0 0;
  height: 350px;
  position: relative;
}

.setsu1{
  position: absolute;
  top: 20px;
  left: 25px;
}
.setsu2{
  position: absolute;
  top: 30px;
  left: 210px;
}

.setsu2 h3{
  font-size: 36px;
  font-weight: bold;
  color: #608cc9;
}

.setsu3{
  position: absolute;
  top: 20px;
  right: 20px;
}
.setsu4{
  position: absolute;
  top: 90px;
  left: 200px;
  width: 68%;
  background-color: white;
  padding: 10px 30px;
  border-radius: 10px;
}

.setsu4 h4{
  font-size: 19px;
  padding: 10px 0 0 0;
  color: #608cc9;
  line-height: 1.3;
}

.setsu4 p{
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3;
}


.zenn_pic_img1{
  position: relative;
}
.zenn_pic_btn1{
  position: absolute;
  top: 120px;
  left: 370px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/03_btn1-2.png);
  background-repeat: no-repeat;
}
.zenn_pic_btn1 a{
  display: inline-block;
}
.zenn_pic_btn1 a:hover{
  background-color: transparent; /*IE6対応*/
}
.zenn_pic_btn1 a:hover img{
  visibility: hidden;
}

.zenn_pic_btn2{
  position: absolute;
  top: 180px;
  right: 20px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/03_btn2-2.png);
  background-repeat: no-repeat;
}
.zenn_pic_btn2 a{
  display: inline-block;
}
.zenn_pic_btn2 a:hover{
  background-color: transparent; /*IE6対応*/
}
.zenn_pic_btn2 a:hover img{
  visibility: hidden;
}

.zenn_pic_btn3{
  position: absolute;
  bottom: 30px;
  left: 350px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/03_btn3-2.png);
  background-repeat: no-repeat;
}
.zenn_pic_btn3 a{
  display: inline-block;
}
.zenn_pic_btn3 a:hover{
  background-color: transparent; /*IE6対応*/
}
.zenn_pic_btn3 a:hover img{
  visibility: hidden;
}

.zenn_pic_setu{
  position: absolute;
  bottom: 30px;
  right: 0;
  background-color: #da0a17;

  width: 260px;
  padding: 20px 25px;
  text-align: left;
  line-height: 1.5;
  font-size: 18px;
  border-radius: 5px 0 0 5px;
}

.zenn_pic_setu p{
  color: #fff79f;
}

.zenn_main{
  position: relative;
  z-index: 0;
}

.zenn_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.zenn_illust2{
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: -2;
}

.zenn .procdbtn{
  background: #608cc9;
}

/*環境づくり-----------------------------------*/

.kan{
  margin-top: 30px;
  text-align: center;
}

.kan .box{
  background-color: #e96069;
}

.kan_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back5.gif);
  padding: 10px 0 40px 0;
}

.kan_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #e84650;
}

.kan_title{
  display: flex;
  margin-top: 40px;
}

.kan_title a{
  display: inline-block;
  background-color: #e96069;
  padding: 15px 20px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 0px 3px  rgba(9,9,9,.4);
}

.kan_pic{
  background-color: white;
  padding: 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
}

.kan_pic .p p{
  padding: 20px;
  text-align: left;
  font-size: 20px;
  color: #e96069;
  font-weight: bold;
}

.kan_pic .p p span{
  font-size: 28px;
  padding: 10px 0;
  display: inline-block;
}

.kan_pic_img1{
  position: relative;
  padding-bottom: 80px;
}
.kan_pic_btn1{
  position: absolute;
  top: 610px;
  left: 60%;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/04_btn1-2.png);
  background-repeat: no-repeat;
}
.kan_pic_btn1 a{
  display: inline-block;
}
.kan_pic_btn1 a:hover{
  background-color: transparent; /*IE6対応*/
}
.kan_pic_btn1 a:hover img{
  visibility: hidden;
}

.kan_pic_setu{
  position: absolute;
  bottom: 20px;
  left: 0;
  background-color: #e96069;

  width: 300px;
  padding: 5px 40px;
  text-align: left;
  line-height: 1.5;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

.kan_pic_setu p{
  color: #fff79f;
}

.kan_pic2{
  background-color: #fff79f;
  padding: 10px 0 30px 0;
  border-radius: 0 0 10px 10px;
}

.kan_pic2 h3{
  color: #e96069;
  font-size: 22px;
  margin: 20px 0 20px 0;
}

.kan_pic2 h3 i{
  padding: 0 10px;
  color: #e8a2a7;
}

.kan_pic_img3{
  background-color: white;
  padding: 10px;
  margin: 0 auto;
  width: 95%;
  border-radius: 10px;
}
.kan_main{
  position: relative;
  z-index: 0;
}

.kan_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.kan_illust2{
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: -2;
}
.kan .procdbtn{
  background: #e96069;
}
/*環境づくり-----------------------------------*/

.sapo{
  margin-top: 30px;
  text-align: center;
}

.sapo .box{
  background-color: #f7931e;
}

.sapo_main{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back4.gif);
  padding: 10px 0 40px 0;
}

.sapo_kazari{
  margin: auto;
  height: 5px;
  width: 100%;
  background-color: #e86c2e;

}

.sapo_title{
  display: flex;
  margin-top: 40px;
}

.sapo_title a{
  display: inline-block;
  background-color: #f7931e;
  padding: 15px 20px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 1px 0px 3px  rgba(9,9,9,.4);
}

.sapo_pic{
  background-color: white;
  padding: 0;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 3px  rgba(9,9,9,.4);
}

.sapo_pic .p p{
  padding: 20px;
  text-align: left;
  font-size: 20px;
  color: #f7931e;
  font-weight: bold;
}

.sapo_pic .p p span{
  font-size: 28px;
  padding: 10px 0;
  display: inline-block;
}

.sapo_pic_img1{
  position: relative;
  padding-bottom: 10px;
}


.sapo_pic_btn1{
  position: absolute;
  top: 460px;
  left: 80px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/05_btn1-2.png);
  background-repeat: no-repeat;
}
.sapo_pic_btn1 a{
  display: inline-block;
}
.sapo_pic_btn1 a:hover{
  background-color: transparent; /*IE6対応*/
}
.sapo_pic_btn1 a:hover img{
  visibility: hidden;
}

.sapo_pic_btn2{
  position: absolute;
  top: 460px;
  left: 250px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/05_btn2-2.png);
  background-repeat: no-repeat;
}
.sapo_pic_btn2 a{
  display: inline-block;
}
.sapo_pic_btn2 a:hover{
  background-color: transparent; /*IE6対応*/
}
.sapo_pic_btn2 a:hover img{
  visibility: hidden;
}

.sapo_pic_btn3{
  position: absolute;
  top: 460px;
  left: 450px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/05_btn3-2.png);
  background-repeat: no-repeat;
}
.sapo_pic_btn3 a{
  display: inline-block;
}
.sapo_pic_btn3 a:hover{
  background-color: transparent; /*IE6対応*/
}
.sapo_pic_btn3 a:hover img{
  visibility: hidden;
}

.sapo_pic_btn4{
  position: absolute;
  top: 460px;
  left: 620px;
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/05_btn4-2.png);
  background-repeat: no-repeat;
}
.sapo_pic_btn4 a{
  display: inline-block;
}
.sapo_pic_btn4 a:hover{
  background-color: transparent; /*IE6対応*/
}
.sapo_pic_btn4 a:hover img{
  visibility: hidden;
}

.sapo_pic2{
  background-color: #fff79f;
  padding: 10px 0 30px 0;
  border-radius: 0 0 10px 10px;
}

.sapo_pic2 h3{
  color: #f7931e;
  font-size: 22px;
  margin: 20px 0 20px 0;
}

.sapo_pic2 h3 i{
  padding: 0 10px;
  color: #faed00;
}

.sapo_pic_img3{
  background-color: white;
  padding: 10px;
  margin: 0 auto;
  width: 95%;
  border-radius: 10px;
}
.sapo_main{
  position: relative;
  z-index: 0;
}

.sapo_illust{
  position: absolute;
  bottom: 60px;
  right: 30px;
}

.sapo_illust2{
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: -2;
}
.sapo .procdbtn{
  background: #f7931e;
}

/*フッター--------------------------*/
.footer_haikei{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20200501/tokubetsushien/00_back.png);
  position: relative;
  height: 400px;
  padding: 50px;
}

.footer_haikei .center{
  filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.6));
}

.footer_haikei .center :hover{
  opacity: 0.95;
}





/*リセット---------------*/
#contentInner{
  width: 100%;
  padding: 0px;
}
