@charset "UTF-8";

/*サービスのイメージ*/
div.bcp_image{
    display: flex;
}

div.step{
    width:25%;
    margin-right:30px;
}

div.end{
    margin-right:0px;
}

div.step div.step_title{
    padding:4px;
}
div.step div.step_desc{
    position:relative;
    align-items: stretch;
    padding:10px;
    font-size:90%;
    height:210px;
}
div.step div.step_title{
    position:relative;
    border:3px solid #e85548;
    border-radius:10px;
    background-color:#e85548;
    color:#FFFFFF;
}
div.step div.step_title > p{
    font-weight: bolder;
    font-size: 115%;
    text-indent: -1em;
    padding-left: 1em;
}
div.step div.step_desc{
    margin-top:5px;
    margin-bottom:10px;
    border:3px solid #e85548;
    border-radius:10px;
    background-color:#FFFFFF;
    color:#000000;
}

div.step_desc::after{
    position: absolute;
    top: -55px;
    left: 158px;
    content: "";
    margin:auto;
    width: 20px;
    height: 20px;
    border-top: 8px solid #e85548;
    border-right: 8px solid #e85548;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.no_arrow::after{
    content:none;
}

@media only screen and (max-width: 767px){
    div.bcp_image{
        display: block;
    }
    div.step{
        width:100%;
    }
    div.step div.step_title{
        border-radius:10px 10px 0px 0px;
    }
    div.step div.step_desc{
        border-radius:0px 0px 10px 10px ;
        height:auto;
        margin-top:0px;
        border-top:0px;
        margin-bottom:35px;
    }
    div.step_desc::after{
        position: absolute;
        top:auto;
        bottom: -25px;
        left: calc( 50% - 10px );
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

/* 枠有りテーブル */
.service_table th{width:150px; background: #f9ccc8 none repeat scroll 0 0; border: 1px solid #666666; padding: 5px 10px;}
.service_table td{background: #FFF none repeat scroll 0 0; border: 1px solid #666666; padding: 5px 10px;}
.service_table .wNormal{font-weight:normal;}
.service_table .bg1{background: #fbe6e3;}
.service_table .bg2{background: #cccccc;}
.service_table.Vt th,.service_table.Vt td,.service_table.thVt th,.service_table.tdVt td{vertical-align:top;}
.service_table.ap1 td div.wrapper{ text-align:left;}
.service_table.bk_gray th{background: #eeeeee;}
.service_table.pd1 th, .service_table.pd1 td{padding: 2px 4px;}
@media screen and (max-width: 767px) {
    .service_table.sp{border-top: 1px solid #666666;}
    .service_table.sp th, .service_table.sp td{display: block; width: 100%;border-top: 0;}
}


/* アコーディオン */
.acc_ttl{
    position: relative;
    background: #fdede4;
    padding: 7px 10px 5px 35px;
    color: #e85548;
    font-weight: bold;
    margin-top: 10px;
}
.acc_ttl:hover{
    cursor: pointer;
}
.acc_ttl:before {
    position: absolute;
    left: 10px;
    width: 4px;
    height: 60%;
    content: '';
    background: #e85548;
}
.acc_ttl:after {
    content: '▼';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: #e85548;
    color: #ffffff;
    text-align: center;
    padding-top: 7px;
}
.acc_ttl.open:after {
    content: '▲';
}

.acc_ttl+div{
    padding: 20px 10px;
}

/*
.acc_ttl+div>table{
    width: 100%;
}
.acc_ttl+div>table th{
    background: #fdede4 none repeat scroll 0 0;
    border: 1px solid #666666;
    padding: 5px 10px;
}
.acc_ttl+div>table td{
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #666666;
    text-align: center;
    width: calc(100% / 5);
    padding: 5px 10px;
}
.acc_ttl+div>table td:nth-child(3){
    width: 30%;
}
.acc_ttl+div>table td:nth-child(4){
    width: 10%;
}
*/

@media only screen and (max-width: 767px){
/*
  .acc_ttl+div>table tr:nth-child(1) {
      display: none;
  }
  .acc_ttl+div>table tr{
      width: 100%;
  }
  .acc_ttl+div>table td {
      position: relative;
      display: block;
      width: 100%;
      border-bottom: none;
      overflow: hidden;
  }
  .acc_ttl+div>table td:nth-child(3),
  .acc_ttl+div>table td:nth-child(4) {
      width: 100%;
  }
  .acc_ttl+div>table td>p {
      width: calc(100% - 100px);
      float: right;;
      text-align: center;
  }
  
  .acc_ttl+div>table td:before {
      content: attr(data-label);
      background: #fdede4;
      position: absolute;
      float: left;
      font-weight: bold;
      margin-right: 10px;
      text-align: center;
      width: 100px;
      height: 100%;
      top: 0;
      left: 0;
      border-right: 1px solid #666666;
      padding-top: 10px;
  }
  .acc_ttl+div>table td:last-child {
      margin-bottom: 20px;
      border-bottom: 1px solid #666666;
  }
  */

}

/* 事業継続力強化計画　認定先企業さま用テーブルCSS */
.tbl_bcp{
    width: 100%;
}
.tbl_bcp th{
    background: #f9ccc8 none repeat scroll 0 0;
    border: 1px solid #666666;
    padding: 5px 10px;
}
.tbl_bcp td{
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #666666;
    text-align: left;
    width: calc(100% / 3);
    padding: 5px 10px;
    /*padding-top:0px;*/
    padding-left:0px;
}

.tbl_bcp td:nth-child(1), .tbl_bcp td:nth-child(2), .tbl_bcp td:nth-child(3){
    padding-left:5px;
}

.tbl_bcp td:nth-child(2){
    width: 15%;
}
.tbl_bcp td:nth-child(3){
    width: 24%;
}
.tbl_bcp td.cpname {
/*    border-bottom:1px #e85548;*/
    border-bottom:none;
}
.tbl_bcp td.cpname a{
    /*color:#000;*/
    font-weight:bold;
}
.tbl_bcp td.goals {
/*    border-top:1px #f9ccc8 solid;*/
    border-top:none;
    text-align:left;
    line-height: 100%;
}

.tbl_bcp td.goals{
    padding-top:0px;
    padding-bottom:8px;
    margin-bottom:20px;
}

.icon_goals {
    position: relative;
    padding: 3px 0px 0px 5px;
    background: #f9ccc8;
    z-index:1;
    color:#000;
    font-size:12px;
    width:120px;
    height:25px;
    margin-bottom:5px;
    margin-left:-5px;
}
.icon_goals:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;/*ボーダーサイズ分マイナス*/
    width: 0;
    height: 0;
    border: none;
    border-left: solid 20px transparent;/*bodyのカラーと同じ色に*/
    border-bottom: solid 28px white;
    z-index: 2;
}

.tbl_bcp td:last-child img {
    width:45px;
    margin-left:1px;
}

@media only screen and (max-width: 767px){
  .tbl_bcp tr:nth-child(1) {
      display: none;
  }
  .tbl_bcp tr{
      width: 100%;
  }
  .tbl_bcp td {
      position: relative;
      display: block;
      width: 100%;
      border-bottom: none;
      overflow: hidden;
  }
  .tbl_bcp td:nth-child(2),
  .tbl_bcp td:nth-child(3) {
      width: 100%;
  }
  .tbl_bcp td>p {
      width: calc(100% - 100px);
      float: right;
      /*text-align: center;*/
  }
  
  .tbl_bcp td:before {
      content: attr(data-label);
      background: #f9ccc8;
      position: absolute;
      white-space: pre;
      float: left;
      font-weight: bold;
      margin-right: 10px;
      text-align: center;
      width: 100px;
      height: 100%;
      top: 0;
      left: 0;
      border-right: 1px solid #666666;
      padding-top: 10px;
  }
  .tbl_bcp td:last-child {
      /*margin-bottom: 20px;*/
      border-bottom: 1px solid #666666;
  }
  .tbl_bcp td:last-child {
      /*padding-left:110px;*/
  }
  .icon_goals{
      display:none;
  }
  .tbl_bcp td.goals {
      padding-top:8px;
      padding-left:8px;
  }
  .tbl_bcp td:last-child img {
      margin-left:0px;
  }
}