@charset "UTF-8";

/* blc01 ------------------*/
#blc01 .txtCatch,
#blc02 .txtCatch{
font-size:160%;
font-weight:400;
text-align:center;
margin-bottom:4%;
}

.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #ffcb8a;
    border-bottom: solid 2px #ffcb8a;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #ffcb8a;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 .tblStyle{
margin: 4% 4% 6%;
padding: 0;
}

.tblStyle th,
.tblStyle td{
vertical-align:middle;
padding:10px 15px;
box-sizing:border-box;
background-color:#fff;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px solid #ffcb8a;
font-weight: bold;
}

.tblStyle th{
width:25%;
text-align:center;
}

.tblStyle th.noBorder,
.tblStyle td.noBorder{
	border-bottom: none;
}

.tblStyle th[align="center"],
.tblStyle td[align="center"]{
text-align:center;
}

.tblStyle th[align="right"],
.tblStyle td[align="right"]{
text-align:right;
}

.tblStyle th.subTtl{
	font-size: 140%;
	font-weight: bold;
	padding:20px;

}

.tblStyle th.subTtl .line{
	background: linear-gradient(transparent 70%, #ffaf58 70%);
}

.tblStyle th.subTtl02{
	font-size: 160%;
	font-weight: bold;
	padding:20px;
	color:#22bbff; 
}

.tblStyle td strong{
font-size: 200%;
font-weight: bold;
color: red;
}

.tblRespon{
overflow-x:auto;
}

.tblRespon .tblStyle{
min-width:600px;
}

.noteTbl{
color:red;
text-align:center;
margin:2% 0;
display:none;
}

@media screen and (max-width: 767px) {

#blc01 .txtCatch,
#blc02 .txtCatch{
font-size:120%;
}

.box17 .tblStyle{
margin: 4% auto 6%;
padding: 0;
}

.tblStyle th.subTtl{
    font-size: 100%;
    font-weight: bold;

}

.tblStyle th.subTtl02{
    font-size: 120%;
    font-weight: bold;
}

.tblStyle th,
.tblStyle td{
font-size:90%;
width: 100%;
box-sizing: border-box;
}

.tblStyle th{
display:block;
font-weight:bold;
padding-bottom:0;
}

.tblStyle td{
text-align:center;
}

.tblStyle th:not([colspan="2"]){
border-bottom:none;
font-size: 100%;
}

.tblStyle td{
display:block;
}

.tblStyle td strong{
font-size: 160%;
font-weight: bold;
color: red;
}
}