/*
	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 **********/
/*タブ切り替え全体のスタイル*/
.area {
  width: 100%;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
.tab_class {
  width: calc(100%/4);
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  border-bottom: 50px solid #D3D3D3;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  font-weight: bold;
}
input[name="tab_name"] {display: none;}
input:checked + .tab_class {
    border-bottom: 50px solid #2B296F;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    color: #fff;
    font-weight: bold;
}
.content_class {
  display: none;
  width: 100%;
}
input:checked + .tab_class + .content_class {display: block;}
.normal-txt{line-height: ;}



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

  .no-1.width-70.sp-93{width: 93%; margin: 2% auto;}
  .tab_class {
    width: calc(100%/2);
    font-size: 13px;
  }






}