/**/
.c-header__nav{
  display:none !important;
}
.footer nav{
  display:none !important;
}

/*タブ切り替え全体のスタイル*/
.scoped .tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    width: 700px;
    margin: 0 auto;}
  
  /*タブのスタイル*/
 .scoped .tab_item {
    width: calc(100%/3 - 25px);
    height: 50px;
    border-bottom: 3px solid #ED7D31;
    background-color: #ED7D31;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    border-radius:20px 20px 0 0;
    margin:0 10px;
  }
 .scoped .tab_item:hover {
    opacity: 0.35;
  }
  
  /*ラジオボタンを全て消す*/
  input[name="tab_item"] {
    display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
 .scoped .tab_content {
    display: none;
    padding: 10px 40px 40px 40px;
    clear: both;
    overflow: hidden;
  }
  
  
  /*選択されているタブのコンテンツのみを表示*/
  #ele_tab:checked ~ #ele_content,
  #pro_tab:checked ~ #pro_content,
  #gas_tab:checked ~ #gas_content {
    display: block;
  }
  
  /*選択されているタブのスタイルを変える*/
  .tabs input:checked + .tab_item {
    background-color: #ED7D31;
    opacity: 0.35;
    color: #fff;
  }

 .text-center{
    text-align:center;
 }



  .scoped .hissu {
        width: 39px;
        height: 18px;
        text-align: center;
        color: #fff;
        font-size: 1.3rem;
        font-weight: 600;
        background: #EA3D3D;
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
        border-radius:5px;
        margin:0 5px;
        padding:2px;
        line-height:1.5rem;
  }

  .scoped .sim-calc-btn{
    padding: 10px 40px;
    border-radius: 30px;
    background-color: #FFC000;
    color: black;
    font-size: 20px;
    font-weight: bold;
    display:inline-block;
    margin:2em auto;
  }

  .scoped .sim-form .btn_confirm{
    padding: 10px 40px;
    border-radius: 30px;
    background-color: #FFC000;
    color: black;
    font-size: 20px;
    font-weight: bold;
    display:inline-block;
    margin:2em auto;
    border-width:1px;
    border-color:transparent;
  }

  .sim-output{
    background-color:#FFF2CC;
    padding:2em;
    margin-bottom:3rem;
  }

  .result-main{
    color:#FF5050;
    font-size:7.5rem;
    padding:0 1rem;
  }
  .result-sub{
    font-size:5rem;
  }
  .output-bottom{
    color:#FF5050;
    font-size:3.5rem;

  }
  .output-ok{
    font-size:4rem;
    margin-top:2rem;
    margin-bottom:2rem;
  }

  .output-sub-bottom{
    text-align:right;
  }

  .output-image-wrap img{
    width:60%;
  }

  .scoped .tabs .h3-underbar{
    display:inline-block;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
    background: linear-gradient(transparent 60%, #FFC000 60%);
    font-size:2.5rem;
  }

  .scoped .tabs .form-control,
  .scoped .sim-form .form-control{
    font-size:1.6rem;
    padding:5px 10px;
    height:5rem;
  }
  .scoped .tabs .form-inline,
  .scoped .sim-form .form-inline
  {
    font-size:1.6rem;
    padding:5px 10px;
    height:5rem;
    display:inline-block;
  }

  .scoped .sim-err{
    color:red;
    font-weight:bold;
    display:none;
  }

  .scoped .w100p, .scoped .form-control.w100p { width:100%;}
  .scoped .w90p, .scoped .form-control.w90p{ width:90%;}
  .scoped .w80p, .scoped .form-control.w80p{ width:80%;}
  .scoped .w70p, .scoped .form-control.w70p{ width:70%;}
  .scoped .w60p, .scoped .form-control.w60p{ width:60%;}
  .scoped .w50p, .scoped .form-control.w50p{ width:50%;}
  .scoped .w40p, .scoped .form-control.w40p{ width:40%;}
  .scoped .w30p, .scoped .form-control.w30p{ width:30%;}
  .scoped .w20p, .scoped .form-control.w20p{ width:20%;}
  .scoped .w10p, .scoped .form-control.w10p{ width:10%;}


  .scoped .sim-span{
    font-size:1.3rem;
    margin-left:5px;
  }
  .scoped .sim-desc{
    line-height:3rem;

  }
  .scoped .sim-desc h2{
    color:white;
    background-color:#ED7D31;
    font-size:3rem;
    display:inline-block;
    padding:1rem;
  }
  .scoped .sim-desc-c1 p{
    font-size:1.8rem;
  }
  .scoped .sim-desc-s1{
    color:#65BABF;
    font-size:2.5rem;
  }

  .scoped .sim-desc strong{
    color:#ED7D31;
    font-size:2.5rem;
  }

  .scoped .sim-desc-c1 h3{
    font-size:3rem;
  }

  .scoped .sim-form{
    text-align:center;
    margin:auto;
    width:100%;
    max-width:1000px;
    padding:2rem;
  }
  .scoped .sim-form-h{
    font-size:2rem;
    line-height:3rem;
  }
  .scoped .sim-form-h2{
    color:#ED7D31;
    font-size:3.5rem;
    margin:3rem auto;
  }

  .scoped .sim-form-h3{
    font-size:2.5rem;
    text-align:left;
    border-bottom: 4px solid #ED7D31;
    padding-bottom:3px;
  }

  .scoped .sim-form-c2{
    margin-top:1rem;
    margin-bottom:1rem;
  }

  .scoped .sim-form-p{
    font-size:2rem;
  }

  .scoped .sim-form-label{
    margin-left: 1rem;
    line-height:4rem;
  }
  .scoped .sim-form .hissu{
    margin-top:1rem;
  }

  .scoped .sim-form .hissu.non-hissu{
    background-color:gray;
  }

  .scoped .sim-form-attach{
    margin-bottom:0.1rem;
  }

  .scoped .sim-form .sim-form-textarea{
    height:15rem;
  }

  .scoped .hidebr{
    display:none;
  }

  .scoped .invalid > input, 
  .scoped .invalid > select{
    background-color:#eeb0b0;
    border-color:#EA3D3D
  }

  #output-wrap, #output-ok{
    display:none;
  }

  @media screen and (max-width: 700px) {
    .scoped .tabs{
        width:100%;
    }

    .scoped .sim-form-h2{
        font-size:150%;
    }

    .scoped .sim-form-h{
        font-size:100%;
    }

    .scoped .sim-desc-c1 p{
        font-size:100%;
        line-height:2rem;
    }
    .scoped .sim-desc-s1{
        font-size:130%;
    }

    .scoped .sim-desc-c1 h3{
        font-size:120%;
    }
    .scoped .sim-desc-s1 h3{
        font-size:130%;
    }
    
    .scoped .hidebr{
        display:inline;
    }

    .scoped .sim-form-p{
        font-size:100%;
    }

    .scoped .tabs .h3-underbar{
      font-size:130%;
    }

    .scoped .sim-desc strong{
      font-size:140%;
    }

    .scoped .output-sub-bottom p{
      font-size:1rem;
    }

    .scoped .output-bottom{
      font-size:150%;
    }
    .scoped .result-main{
      font-size:300%;
    }
    .scoped .result-sub{
      font-size:150%;
    }
    .scoped .mw_wp_form .horizontal-item + .horizontal-item{
      margin-left:0;
      margin-right:10px;
    }
  }