@charset "utf-8";
.conditionsHeader h2{
margin-top: 3%;
background: #56d08d;
color: #FFFFFF;
padding: 1%;
text-align: center;
font-size:1.2em;
}

/*
テーブル
___________________________________________________________*/
table {
border-collapse:collapse;
border-spacing:0;
}
ul li{list-style: none;}

table.table01,
table.table02{
width:100%;
border-right: #BFBFBF solid 0px;
border-collapse: collapse;}

table.table01{
margin-bottom: 3%
}

table.table01 thead {
display:none;}
/*上部のTH*/
table.table01 thead th,
table.table02 thead th{
background: #ffffff;
color:#42ab71;
padding:10px 15px;
border-right:#FFF solid 1px;
border-bottom:#FFF solid 1px;
text-align: center;
font-weight: bold}

table.table01 thead th:last-child,
table.table02 thead th:last-child{
border-right: #BFBFBF solid 1px;}

table.table01 tbody th,
table.table02 tbody th{
display:block;
text-align: center;
padding: 1%;
padding-left: 1rem;
margin-top: 0.5rem;
text-align: left;
background: #f1f1f1
}
table.table02 tbody th{
color:#50bcaa;

}
table.table01 tbody tr th{
	width:9em;
}
table.table01 tbody tr:last-child th,
table.table02 tbody tr:last-child th{
border-bottom:0;}

table.table01 tbody td,
table.table02 tbody td{
border-left: #BFBFBF solid 1px;
border-bottom:#BFBFBF solid 1px;

text-align: right;
display:block;
border:#BFBFBF solid 0px;
padding: 3% 2%;
;
}

/*収支ブロック*/
.inex_unit{
display: flex;
flex-direction: column;
}
.inex_unit section {
width: 100%;
margin-bottom: 1%;
background: #ffffff;
}
.inex_unit  section h3 {
color: #ffffff;
font-size: 1.6rem;
background: #64d6c3;
padding:2% 1%;
text-align: center;
}
.inex_unit section span{
display:inline-block;
padding: 2% 5%;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
white-space: nowrap;
font-weight: normal;

font-size: 1rem;
margin-left: 2%;
text-align: center;
}
span.Y {
background: #ffff66;
}
span.P {
background: #ffadad;
}
span.G{
background: #9ad76e;
}
/*
注意書き
_______________________________________________________________________________________________*/
.f_caution{
	margin-top: 3%;
background:#daffdf;
border: 3px solid #abdeb1;
padding: 3%;
display: flex;
flex-direction: column;
}
.f_caution h3{
margin-top: 3%;
font-weight: bold
}
.f_caution h4{
margin-top: 3%;
font-weight:normal;
border-top: 1px solid #42b950;
color: #333;
margin-bottom: 2%;
background: #abdeb1;
padding:1% 2%;
line-height: 1;

}
.f_caution p{
margin-bottom: 3%
}
/*
DL*/
.f_caution dl{
width: 100%;
overflow: hidden;
}
.f_caution dl dt{
display: block;
width: 70%;
clear: left;
float: left;
}
.f_caution dl dd{
display: block;
width: 30%;
float: left;

}
.f_caution dl dd span{
display:inline-block;
width: 60px;
padding: 3%;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
white-space: nowrap;
font-weight: normal;
line-height: 1;
font-size: 1rem;
margin-left: 2%;
	text-align: center;
}
/*フッター部分*/

.f_information{
	margin-top: 3%;
	margin-bottom: 3%;
background:#ffffee;
border: 3px solid #f5f5b2;
padding: 3%;
display: flex;
flex-direction: column;
}
.f_information h3{
font-weight: normal;
margin-top: 3%;
text-align: center;

}
.f_information p{
margin-top: 2%;
padding: 0 2%
}
/*テーブル内ボタン*/
.btn01 a {
 width: 137px;
 position: relative;
text-align: center;
  background-color: #50bcaa;
font-size: 1.4rem;
  color: #FFF;
	border-radius: 5px;
display: block;
text-decoration: none;
  padding: 0.5em;
 box-shadow: 0 2px 0 #48998b;
margin: 10px auto;
}
.btn01  a:hover {
  top: 2px;
  box-shadow: none;
}

.btn02 a {
  width: 140px;
 position: relative;
text-align: center;
  background-color: #56d08d;
font-size: 1.4rem;
  color: #FFF;
	border-radius: 5px;
display: block;
text-decoration: none;
  padding: 0.5em;
 box-shadow: 0 2px 0 #48998b;
margin: 10px auto;
}
.btn02  a:hover {
  top: 2px;
  box-shadow: none;
}
.btn03 a {
  width: 230px;
 position: relative;
text-align: center;
  background-color: #ff9c00;
font-size: 1.4rem;
  color: #FFF;
	border-radius: 5px;
display: block;
text-decoration: none;
  padding: 0.5em;
 box-shadow: 0 2px 0 #e47f3b;
margin: 10px auto;
}
.btn03 a:hover {
  top: 2px;
  box-shadow: none;
}

/*--------------------------------------------------------------------------------------------------
PC
------------------------------------------------------------------------------------------------*/
@media screen and (min-width:959px) {


/*収支ブロック*/
.inex_unit {

flex-direction: row;
flex-wrap:wrap;
justify-content: space-between;
}
.inex_unit section{
width:33%;
margin-bottom: 2%;
}

/*
テーブル
___________________________________________________________*/

table.table01,
table.table02	{
display:table;
width:100%;
border-collapse: collapse;
}



table.table01 tbody tr:nth-child(even),
table.table02 tbody tr:nth-child(even){
background: #f1f1f1;}
/*縦のTH*/
table.table01 tbody th,
table.table02 tbody th{
display:table-cell;
color:#42ab71;
padding:2% 0 2% 2%;
vertical-align:top;
font-weight: bold;
background-color:transparent;
}

table.table02 tbody th{
color:#50bcaa;

}

table.table01 tbody td,
table.table02 tbody td	{
display:table-cell;
padding:2% 2% 2% 0;
text-align: right;
}


table.table01 tbody td p,
table.table02 tbody td p	{
display: block;
color: rgb(0,0,0);

text-align: right;
}




/*注意書き*/
.f_caution{
flex-direction: row;
flex-wrap:wrap;
justify-content: space-between;

}
.f_caution h3{
	margin-top: 0;
font-weight: bold
}
.f_caution section{
width:32%;
margin-bottom: 2%;
}



}

.pickup{
	text-align:center !important;
	font-size:1.2em;
}

table.table01 tbody tr.equipment_area td{
	text-align:left;
}