@charset "utf-8";

/*----------------------------------------
    202210 「理科の見方・考え方」を働かせ，主体的・対話的に学ぶ理科学習
    ページ専用
---------------------------------------------*/
.title-spacing{
    letter-spacing:-0.01em;
}
table.m-table .u-valignT{
    vertical-align: top;
}
.u-w50per{
    width: 50%;
}
.u-pl05em{
    padding-left: 0.5em;
}
.u-indent-05em{
    text-indent: -0.5em;
}
.mb6{
  margin-bottom:6px;
}
.example-float{
    float: right;
    clear: both;
}
.pc-left {
    margin-left: 1em;
}
.box-clear {
    clear: both
}
.example-table {
    margin-top: 5px;
}
.example-table td {
    vertical-align: top;
}
.wavy {
    text-decoration: underline wavy 1px #000;
}
.border-r {
    border-radius:25px;
}


table.m-table td { vertical-align: top; }
table.m-table .m-box10{
  padding:10px;
}
.m-box-f{
  padding:10px;
  position:relative;
}
.text-vw{
    writing-mode: vertical-rl;
    letter-spacing:0.3em;
  }
  .text-wave{
    text-decoration:underline wavy #d00;
  }
  .position-r{
    position:relative;
  }

.f01{
  display:inline-block;
  position:absolute;
  top:80px;
  left:-84px;
}
.f02{
  display:inline-block;
  position:absolute;
  top:50px;
  left:-16px;
}
.f03{
  display: inline-block;
  position: absolute;
  top: -171px;
  left: 129px;
}
.f04 {
  display: inline-block;
  position: absolute;
  top: 50px;
  left: -43px;
}
.f05 {
  display: inline-block;
  position: absolute;
  top: 112px;
  left: -61px;
}
.f06 {
  display: inline-block;
  position: absolute;
  top: 125px;
  left: -106px;
}
.f07 {
  display: inline-block;
  position: absolute;
  top: 70px;
  left: -53px;
  z-index:10;
}
.f08 {
  display: inline-block;
  position: absolute;
  top: -24px;
  left: 226px;
}
.f09{
    display: inline-block;
    position: absolute;
    top: -25px;
    left: 30px;
  }
  .f10{
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: -21px;
    z-index:10;
  }
  .f10-2{
    display: inline-block;
    position: absolute;
    top: -100px;
    left: -52px;
    z-index:10;
  }
.f11 {
  display: inline-block;
  position: absolute;
  top: 90px;
  left: -44px;
}
.f12 {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: -22px;
}
.f13 {
  display: inline-block;
  position: absolute;
  top: 186px;
  left: 137px;
}
.f104{
    display: inline-block;
    position: absolute;
    top: -31px;
    left: 70px;
  }
  .f105{
    display: inline-block;
    position: absolute;
    top: 41px;
    left: -43px;
  }
  .f106{
    display: inline-block;
    position: absolute;
    top: 30px;
    left: -50px;
  }
  .f107{
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 320px;
  }
.f107 img{width:70%;}

.a01{
display: inline-block;
  position: absolute;
  transform: rotate(-10deg);
  top: 56px;
  left: 70px;
}
.a02{
    display: inline-block;
    position: absolute;
    transform: rotate(5deg);
    top: 103px;
    left: 202px;
    }
.relative {
    position: relative;
}
.img13{
    display: inline-block;
  position: absolute;
  top: 50px;
  left: 290px;
}

@media screen and (max-width:750px) {
    .u-float--R {
		padding-top:10px;
		padding-left: 0;
		padding-bottom:10px;
        float: none;
	}
    .example-float{
        float: none;
        margin-bottom: 1em;
    }
  .example-table {
    width:auto;
}
  .pc-left {
    margin-left: 0;
    padding-left: 1em;
    }
  .sp-float-r{
  float:right;
}
  .f01{
    top:40px;
    left:-42px;
  }
  .f01 img{
    width:50%;
  }
  .f02{
    top:20px;
    left:-16px;
  }
  .f03{
    top:-171px;
    left:129px;
  }
  .f04 {
    top: 40px;
    left: -43px;
  }
  .f05 {
    top: 40px;
    left: -61px;
  }
  .f06{
    top:63px;   
  }
  .f07{
    top:34px;
    left: -52px;
  }
  .f08{
    top:-21px;
    left: 100px;
  }
  .f09{
    top:-18px;
    left:40px;
  }
  .f11{
    top:13px;   
  }
  .f13{
    top:initial;
    bottom:-15px;   
  }
  
  .f105{
    top: 20px;
    left: -43px;
  }
  .f106{
    top: 15px;
    left: -50px;
  }
  .f107{
    bottom: -20px;
    left: 130px;
    }
  .f107 img{width:50%;}
  .a01{
    top: 41px;
    left: 50px;
  }
  .a02{
    top: 75px;
    left: 124px;
  }

}