/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/********** aboutページcss 2020/09/02 **********/
.width-50.addd{
  margin-left: 0;
}
.inner-box li:first-child{width: 40%;}
.inner-box li:first-child img{
  margin: auto;
  width: 80%;
}
.inner-box li:nth-child(2){
  width: 60%;
  text-align: center;
}
.inner-box li:nth-child(2) h4{
  font-size: 30px;
  margin-top: 8%;
  font-weight: 500;
}
.inner-box li:nth-child(2) p{
  font-size: 25px;
  margin-bottom: 5%;
}
.inner-box li:nth-child(2) img{width: 13%;}
.no-3-white-box ul li p{word-wrap: break-word;}
.gold-box{border: 1px solid #A4915E;}
.inner-box li:nth-child(2) h4 {margin-top: 0;}
.inner-box li:nth-child(2) p {font-size: 18px;}
.inner-box li:nth-child(2) p.gold-box{
  border: 1px solid #A4915E;
  color: #a4915e;
  margin-top: 3%;
  margin-bottom: 3%;
}
ul.flex .inner-box li:nth-child(2) h4 {
  font-size: 27px;
  margin-bottom: 2%;
  margin-top: 0;
}
.inner-box li:nth-child(2) p {font-size: 18px;}

section.no-2{
  background-image: url(https://body-improve.onion.jp.net/wp-content/themes/html5blank-stable/img/page/staffs/bg-trainer.jpg);
  background-size: cover;
  padding: 5%;
}

th,
td{font-size: 13px;}
th{font-weight: 300;}


.img-box {
  position: relative;
}
.img-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.img-box:hover .active {
  opacity: 1;
}


.no-1.width-75,
.no-2.width-75,
.no-3.width-75,
.no-4.width-75{
  width: 85%;
}

.no-1.width-75 img{
  width: 100%;
}

p{
  font-size: 13px;
}

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

  .no-2.width-75.sp-93{margin-top: 3%;}
  .no-2 p.bg-blue{font-size: 18px;}
  .no-2 ul.flex{flex-wrap: wrap;}
  .no-2 ul.flex li.width-20{width: 7%;}
  .no-2 ul.flex li.width-80 h4.font-size-23{
    font-size: 20px;
    padding-left: 5%;
    padding-top: 3%;
  }
  .flex.inner-box{flex-direction: column;}
  .inner-box li:first-child {
    width: 85%;
    margin: auto;
    text-align: center;
  }
  .inner-box li:nth-child(2) {width: 100%;}
  .inner-box li:nth-child(2) h4 {
    margin-top: 5px;
    font-size: 22px;
  }
  .inner-box li:nth-child(2) p {
    font-size: 15px;
    margin-bottom: 0%;
  }
  .inner-box li:nth-child(2) img {width: 18%;}
  .no-3-white-box ul li h4.font-size-23{font-size: 18px;}
  .no-3-white-box ul.add{flex-direction: column;}
  .no-3-white-box ul.add li:first-child{width: 100%;order: 2;margin-bottom: 5%;}
  .no-3-white-box ul.add li:nth-child(2){width: 100%;order: 1;text-align: center;}
  .font-size-20{text-align: center;}
  ul.flex.no-3-last-box{flex-direction: column;}
  ul.flex.no-3-last-box li:first-child{width: 100%;order: 2;}
  ul.flex.no-3-last-box li:nth-child(2){width: 100%;order: 1;margin-bottom: 3%;}
  .no-3-white-box ul li p{
    word-wrap: break-word;
    text-align: left;
  }
  .no-1_ p.font-size-20{text-align: left;}
  .no-2 ul.flex li.width-20 {width: 18%;}
  .no-3 .font-size-23.tx-center{font-size: 18px;font-weight: bold;}
  ul.flex .inner-box li:nth-child(2) h4 {font-size: 18px;font-weight: bold;margin-top: 2%;}
  .no-2 .width-75{width: 100%;}
  section.no-2 {padding: 0 0 5%;}
  .flex.box-1{flex-wrap: wrap;}
  .flex.box-1 li{width: 100%;}
  .flex.box-2{flex-direction: row;}
  .width-80.box-1-inner{width: 100%;padding: 0;}
  th.width-15 {width: 20%;}
  section.no-4 li.width-50{width:100%;margin-bottom: 5%;}
  section.no-4 li.width-20{width:30%;}
  section.no-4 li.width-80{width:70%;}
  section.no-4 li.width-80 img.width-30{width: 50%;margin-bottom: 1%;}
  section.no-4 li.width-80 img.width-30.add{width: 40%;}
  section.no-4 li.width-80 img.width-30.add-{width: 32%;}
  section.no-4 li.width-80 p{font-size: 12px;}
  section.no-5 li.width-50{width:100%;margin-bottom: 5%;}
  section.no-5 li.width-20{width:30%;}
  section.no-5 li.width-80{width:70%;}
  section.no-5 li.width-80 img.width-30{width: 50%;margin-bottom: 1%;}
  section.no-5 li.width-80 p{font-size: 12px;}
  h4.mb-5.tx-center{text-align:left;}
  th,
  td{font-size: 11px;}











}