/*
	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 **********/
.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;}

.youtube-box{
  padding: 5%;
}

.youtube-box iframe{
  width: 100%;
  height: 400px;
}

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

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



/********** 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%;}

  .youtube-box{
    padding: 0%;
    margin-top: 7%;
  }

  .youtube-box iframe{
    width: 100%;
    height: 200px;
  }












}