@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


section table {width: 100%;font-size: 15px;}
section th, section td  {padding: 10px;border: 1px solid #666;}
section th  { background: #ddd; }
.w01{width: 10em;}
.w02{width: 5em;}
.w03{width: 6em;}
.w04{width: 5em}
.w05{width: 2em}
.w06{width: 2em}
.w07{width: 2em}
.w08{width: 15em;}

table tr:nth-child(even) td {
	/* background: #eee; */
}
.rtablwidth80 { width: 80%; }
.rtablwidth60 { width: 60%; }
.rtablwidth40 { width: 40%; }
/*----------------------------------------------------
  .actual
----------------------------------------------------*/
.actual th  {/* width: 0; */}
.actual td  {text-align: center;}
.actual td:first-child  { text-align: center; }

.r1 {
    width: 12em;
}

.r2 {
    width: 12em;
}

.r3 {
    width: 8em;
}

.r4 {
    width: 10em;
}

.r5 {
    width: 8em;
}

.r6 {
    width: 8em;
}

.r7 {
    width: 11em;
}
.r8 {
    width: 6em;
}

/********* ▼タブ ***********/
/* 文面部分 */
.tab_container {
  padding-bottom: 1em;
/*  background-color: #7ec5cf; */
/*  border:1px solid #37beb0;*/
   border-radius: 1.5em 1.5em 0 0; /* 枠線の左上角と右上角だけを丸く */
  margin: 0 auto;
  color: #ffffff; /*文字色*/
}
.tab_item {
  width: calc(100%/4);
  padding:15px 0;
/*  border-bottom: 3px solid #37beb0 ; *//*つまみと本体の境界線*/
   border-radius: 1.5em 1.5em 0 0; /* 枠線の左上角と右上角だけを丸く */
  background-color: #ececec;
  text-align: center;
  color: #37beb0 ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 3em 3em 0;
  clear: both;
  overflow: hidden;
  background-color: #7ec5cf; 
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}
/* タブつまみ */
.tab_container input:checked + .tab_item {
  background-color: #7ec5cf ;
  color: #ffffff; /*文字色*/
}






@media only screen and (max-width: 800px) { 
  .actual {
    display: block;
    width: 96%;
    margin: 0 2%;
  }
  .actual thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .actual tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .actual th{ 
    display: block;
    width:auto;
  }
  .actual tbody tr{ 
    display: inline-block; 
    margin: 0 0 0 0.5%;
  }
  .actual td{ 
    display: block;
  }
  
  
.r1 {
    width: 100%;
}

.r2 {
   width: 100%;
}

.r3 {
   width: 100%;
}

.r4 {
   width: 100%;
}

.r5 {
    width: 100%;
}

.r6 {
   width: 100%;
}

.r7 {
   width: 100%;
}
.r8 {
   width: 100%;
}

.rtablwidth80 { width: 100%; }
.rtablwidth60 { width: 100%; }
.rtablwidth40 { width: 100%; }

/********* ▼タブ ***********/
.tab_content {
  padding: 1em 1em 0;
}

  
  
}