/*========================================

　●　表関係ベースcss（各サイトで調整）
　　　複数列margin有り版

複数列　　　 －（レスポンシブ）２列
２列(50%-50%)－（レスポンシブ）２列：変わらず
２列(70%-30x%)－（レスポンシブ）１列
２列(30%-70%)－（レスポンシブ）１列
（border-colorやwidthを別で上書き）

<dl><dt>●●●</dt><dd>▲▲▲</dd></dl>
<dl><dt>●●●</dt><dd>▲▲▲</dd></dl>

========================================*/

/*--------------- 複数列－（レスポンシブ）２列 */
.tableType02_01{
 display: flex;
  align-items: center;
  justify-content: center;
 max-width: 1080px;
 margin: 0 auto;
}

.tableType02_01 dl{ width: calc(25% - 1px);/*仮指定*/ margin-right: 1px;}

.tableType02_01 dt,
.tableType02_01 dd{
 padding: 1.0em 0.5em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_01 dt{ margin-bottom: 1px;
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
}

.tableType02_01 dd{
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
}

.tableType02_01 dl:last-of-type dt,
.tableType02_01 dl:last-of-type dd{ border-right: 1px solid #666;}

/*--------------- ２列(50%-50%)－（レスポンシブ）２列：変わらず */
.tableType02_02{
 display: flex;
  flex-direction: column;
}

.tableType02_02 dl{ margin-bottom: 1px;
 display: flex;
 width: 100%;
 max-width: 750px;
 margin-right: auto;
 margin-left: auto;
}

.tableType02_02 dt,
.tableType02_02 dd{
 padding: 1.0em 0.25em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_02 dt{
 width: 50%;
 border-width: 1px;
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
*/
}

.tableType02_02 dd{
 width: 50%;
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: none;
*/
}

.tableType02_02 dl:last-of-type dt,
.tableType02_02 dl:last-of-type dd{ border-bottom: 1px solid #666;}

/*--------------- ２列(70%-30%)－（レスポンシブ）１列 */
.tableType02_03{
 display: flex;
  flex-direction: column;
}

.tableType02_03 dl{ margin-bottom: 1px;
 display: flex;
 width: 100%;
 max-width: 750px;
 margin-right: auto;
 margin-left: auto;
}

.tableType02_03 dt,
.tableType02_03 dd{
 padding: 1.0em 0.5em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_03 dt{
 width: 70%;
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
*/
}

.tableType02_03 dd{
 width: 30%;
 background: rgba(255,255,255,0.8);
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: none;
*/
}

.tableType02_03 dl:last-of-type dt,
.tableType02_03 dl:last-of-type dd{ border-bottom: 1px solid #666;}

/*--------------- ２列(30%-70%)－（レスポンシブ）１列 */
.tableType02_04{
 display: flex;
  flex-direction: column;
}

.tableType02_04 dl{ margin-bottom: 1px;
 display: flex;
 width: 100%;
 max-width: 750px;
 margin-right: auto;
 margin-left: auto;
}

.tableType02_04 dt,
.tableType02_04 dd{
 padding: 1.0em 0.5em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_04 dt{
 width: 30%;
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
*/
}

.tableType02_04 dd{
 width: 70%;
 border: 1px solid #666;
/*
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: none;
*/
}

.tableType02_04 dl:last-of-type dt,
.tableType02_04 dl:last-of-type dd{ border-bottom: 1px solid #666;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
/*--------------- 複数列－（レスポンシブ）２列 */
.tableType02_01{
 display: flex;
  flex-direction: column;
}

.tableType02_01 dl{
 display: flex;
 width: 100%;
 max-width: 750px;
}

.tableType02_01 dt,
.tableType02_02 dd{}

.tableType02_01 dt{
 width: 50%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
}

.tableType02_01 dd{ margin-bottom: 1px;
 width: 50%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: none;
}

.tableType02_01 dl:last-of-type dt,
.tableType02_01 dl:last-of-type dd{ border-bottom: 1px solid #666;}

/*--------------- ２列(50%-50%)－（レスポンシブ）２列：変わらず */

/*--------------- ２列(xx%-xx%)－（レスポンシブ）１列 */

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){

/*--------------- ２列(70%-30%)－（レスポンシブ）１列 */
.tableType02_03{
 display: flex;
  flex-direction: column;
}

.tableType02_03 dl{
 display: flex;
  flex-direction: column;
 width: 100%;
 max-width: 750px;
 margin-bottom: 4px;
}

.tableType02_03 dt,
.tableType02_03 dd{
 padding: 1.0em 0.5em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_03 dt{
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
}

.tableType02_03 dd{
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666
}

.tableType02_03 dl:last-of-type dt{
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
}
.tableType02_03 dl:last-of-type dd{
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666
}

/*--------------- ２列(30%-70%)－（レスポンシブ）１列 */
.tableType02_04{
 display: flex;
  flex-direction: column;
}

.tableType02_04 dl{
 display: flex;
  flex-direction: column;
 width: 100%;
 max-width: 750px;
 margin-bottom: 4px;
}

.tableType02_04 dt,
.tableType02_04 dd{
 padding: 1.0em 0.5em;
 line-height: 1.3;
 text-align: center;
}

.tableType02_04 dt{
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
}

.tableType02_04 dd{
 width: 100%;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666
}

.tableType02_04 dl:last-of-type dt{
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: none;
 border-left: 1px solid #666;
}
.tableType02_04 dl:last-of-type dd{
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666
}

}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){}/*----- media -----*/