@charset "utf-8";

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

/*ーーーーー全体ーーーーーーーーーーーーーーーー*/
*{
  /* 謎の横スクロールを阻止する為に用いる最強の呪文*/
  /* max-width: 100%; */
  /* ↑↑↑決して消してはイケマセンヨ↑↑↑*/
}
.ALL-wrapper{
  max-width: 480px;
  min-width: 320px;
}
body{
 font-size: 16px;
}
.pc{
  display: none;
}
.sp{
  display: block;
}
.center{
  width: 94%;
  max-width: 480px;
}
/*ーーーーー全体おしまいーーーーーーーーーーーーーーーー*/

.fv a{
  width: 40%;
  position: absolute;bottom:8px;left: 24px;
}

/* why */
.why .center p{
  text-align: left;
}
.why .center {
  margin-top:40px;
  padding: 24px;
}
.why .center ul li:last-of-type{
  width: 100%;
  margin-left: 0px;
  margin-top: 8px;
  position: relative;bottom: 0px;
}
/* why ...end */

/* toku-chow */
.toku-chow .center{
  margin-top: 40px;
}
.toku-chow .center h3 img{
  height: 360px
}
.toku-chow .center ul{
  width: 100%;
  position: absolute;bottom:24px;left:2%;
  transform: translateX(0%);
  -webkit- transform: translateX(0%);
}
.toku-chow .center ul li{
  margin-bottom: 8px;
  font-size: 14px;
}
.toku-chow .center ul li img{
  width: 16px;
  margin-right: 2px;
  position: relative;bottom: 6px;
}
.toku-chow .center h2{
  font-size: 20px;
  position: absolute;top:24px;left:50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
/* toku-chow ...end */

/* money */
.money{
  padding-bottom: 80px;
}
.money img{
  width: 100%;
}
.money h2 {
  background-image:none;
  background-size:0;
  margin-bottom: 40px;
}
.money h2 img{
  width: 100%;
}
.money table th{
  padding: 6px;
  font-size: 12px;
}
.money table td{
  padding: 8px;
  padding-left: 12px;
  font-size: 12px;
}
/* money ...end */

.show-kai{
  padding-bottom: 40px;
}
.show-kai h2 img{
  width: 100%;
}
.show-kai .center{
  height: 800px;
  margin-top: 24px;
}
.show-kai .center ul li:first-of-type{
  position:absolute;left:0;top:0;
  width: 30%;
}
.show-kai .center ul li:first-of-type img{
  width:100%;
}
.show-kai .center ul li:last-of-type{
  position:absolute;right:0;top: 0;
  width: 69%;
}
.show-kai h3 img{
  width: 100%;
}
.show-kai li p{
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 14px;
}

/* ji-sseki */
.ji-sseki{
  padding-bottom:40px
}
.ji-sseki img{
  width: 100%;
}
.ji-sseki h2 img{
  width: 100%;
}
.ji-sseki h2{
  background-image: none;
  background-size:0;
  background-position: center;
  margin-bottom: 40px;
}
.ji-sseki h3{
  font-size: 18px;
  margin: 8px 0;
  line-height: 1.3;
}
.ji-sseki h4{
  font-size: 14px;
}
.ji-sseki ul{
  border: 2px solid #18234f;
  margin: 12px 0;
  padding: 24px;
}
.ji-sseki li{
display: block;
}
.ji-sseki li:first-of-type{
width: 100%;
position:static;
top:0px;left:0px;
}
.ji-sseki ul:nth-of-type(3),.ji-sseki ul:nth-of-type(2){
  height: auto;

}
.ji-sseki ul:nth-of-type(1){
  height:auto;

}
.ji-sseki ul:nth-of-type(3) li:first-of-type,.ji-sseki ul:nth-of-type(2) li:first-of-type{

  /* margin-right: 56px; */
  position: static;top:0px;left:0px;
}
.ji-sseki ul:nth-of-type(3)  li:last-of-type{
  position: static;top:0px;right: 0px;

}
.ji-sseki ul:nth-of-type(2)  li:last-of-type{
  position: static;top:0px;right: 0px;

}
.ji-sseki ul:nth-of-type(1)  li:last-of-type{
  position:static;top:0px;right: 0px;

}
/* ji-sseki ...end */

/*‐‐‐‐‐‐‐‐‐‐フッター------------------*/
footer{
  max-width: 480px;
  min-width: 320px;
  padding-bottom: 16px;
  padding-top: 24px;
}
footer ul li{
  font-size:12px;
}
footer ul li a {
  font-size:12px;
}
footer p{
  font-size:10px;
  margin-top: 16px;
}
/*‐‐‐‐‐‐‐‐‐‐フッター おしまい------------------*/




}/* メディアクエリ 480px おしまい */


@media screen and (max-width: 320px) {
  .toku-chow .center h3 img{
    height: 320px
  }
  .toku-chow .center ul{
    position: absolute;bottom:16px;left:2%;
    transform: translateX(0%);
    -webkit- transform: translateX(0%);
  }
  .toku-chow .center ul li{
    margin-bottom: 8px;
    font-size: 12px;
  }

}