@charset "utf-8";

/*common*/
section{
 margin-bottom: 50px;
}

.mid_sec{
 padding: 30px 0;
}

h3{
 font-size: 26px;
 font-weight: bold;
 color: #fff;
 background: #0660c5;
 padding: 10px 15px;
 margin-bottom: 30px;
}

h4{
 font-size: 22px;
 font-weight: bold;
 color: #000;
 border-left: 5px solid #0660c5;
 padding-left: 10px;
 margin-bottom: 30px;
}

h5,.midashi_tx{
 font-size: 18px;
 font-weight: bold;
 color: #0660c5;
 margin-bottom: 20px;
}

ol{
 list-style: none;
}

ol li:not(:last-child){
 margin-bottom: 40px;
}

ol.top_list li:not(:last-child){
 margin-bottom: 40px;
}

table{
 margin: 30px 0;
}

img{
 width: 100%;
 max-width: 960px;
}

@media print, screen and (min-width:768px){
 section{
 margin-bottom: 70px;
}
 
 h3{
 font-size: 32px;
}
 h4{
 font-size: 26px;
}

h5,.midashi_tx{
 font-size: 20px;
}
}


/*contents*/
.group_how{
 padding: 30px 0;
}

.group_how h4{
 font-size: 20px;
 color: #000;
 padding: 0;
 border: none;
}

.tbl01{
 width: 100%;
 border: 1px solid #0660c5;
}

.tbl01 tr th, .tbl01 tr td{
 padding: 10px;
}

.tbl01 tr.tbl_head th{
 color: #fff;
 background: #0660c5;
 width: 33.3333%;
}

.tbl01 tr.tbl_head th:not(:last-child){
 border-right: 1px solid #fff;
}
.tbl01 tr:not(.tbl_head) th{
 border-right: 1px solid #0660c5; 
}
.tbl01 tr td:not(:last-of-type){
 border-right: 1px solid #0660c5;
}

.tbl01 tr:not(:last-child) th, .tbl01 tr:not(:last-child) td{
 border-bottom: 1px solid #0660c5;
}

.tbl02{
 width: 100%;
 border: 1px solid #0660c5;
}

.tbl02 tr th, .tbl02 tr td{
 padding: 10px;
}

.tbl02 tr.tbl_head th{
 color: #fff;
 background: #0660c5;
 width: 25%;
}

.tbl02 tr.tbl_head th:not(:last-child){
 border-right: 1px solid #fff;
}
.tbl02 tr:not(.tbl_head) th{
 border-right: 1px solid #0660c5; 
}
.tbl02 tr td:not(:last-of-type){
 border-right: 1px solid #0660c5;
}

.tbl02 tr:not(:last-child) th, .tbl02 tr:not(:last-child) td{
 border-bottom: 1px solid #0660c5;
}

.tbl03{
 width: 100%;
 border: 1px solid #0660c5;
}

.tbl03 tr th, .tbl03 tr td{
 padding: 10px;
}

.tbl03 tr.tbl_head th{
 color: #fff;
 background: #0660c5;
}

.tbl03 tr.tbl_head th:not(:last-child){
 border-right: 1px solid #fff;
}

.tbl03 tr td{
 width: 70%;
}
.tbl03 tr:not(.tbl_head) th{
 border-right: 1px solid #0660c5;
}
.tbl03 tr:not(.tbl_head) th:not(:last-child){
 border-bottom: 1px solid #0660c5; 
}
.tbl03 tr:not(:last-child) td{
 border-bottom: 1px solid #0660c5;
}

.tbl04{
 width: 100%;
 border: 1px solid #0660c5;
}

.tbl04 tr th, .tbl04 tr td{
 padding: 10px;
}

.tbl04 tr th{
 color: #fff;
 background: #0660c5;
 width: 30%;
}

.tbl04 tr td{
 width: 70%;
}

.tbl04 tr:not(:last-child) th{
 border-bottom: 1px solid #fff; 
}
.tbl04 tr:not(:last-child) td{
 border-bottom: 1px solid #0660c5;
}

.attention_box{
 border: 1px solid #ec6617;
 margin-top: 50px;
}

.attention_box h3{
 font-size: 20px;
 color: #fff;
 background: #ec6617;
 margin: 0;
}

.attention_box p{
 padding: 15px;
}