.midashi-a{
	padding:10px;
	font-size: clamp(16px, 2vw, 20px);
	font-weight:700;
	border-left:7px solid var(--main-color);
	padding-left:15px;
	margin-bottom:20px;
}

.midashi-aa{
	padding:10px;
	font-size:19px;
	font-weight:700;
	padding-left:15px;
	margin-bottom:20px;
}

.midashi-a2{
	text-align: left;
	padding: 20px 0;
	line-height: 180%;
	color: #000;
    font-weight: 700;
	border-bottom: solid 3px var(--sub-color);
	font-size: clamp(18px, 4vw, 30px);
	margin-bottom: 30px;
	text-align: center;
}


.midashi-b{
	font-size:clamp(16px, 0.818rem + 0.91vw, 24px);
	color:#fff;
	background-color:#333;
	padding:15px 10px;
	margin:30px 0;
	text-align:center;
	position:relative;
	border-radius:5px;
}
.midashi-b:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 20px solid #333;  
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.midashi-c{
	font-size: clamp(16px, 3vw, 20px);
    font-weight: 700;
	color: #fff;
	padding: 10px;
	border-bottom: solid 2px #999;
	margin-bottom: 15px;
	background-color: #999;
	margin-top:25px;
}

.midashi-d{
	font-size: clamp(16px, 2vw, 20px);
	color: var(--main-solor);
	padding: 10px;
	border-bottom: solid 2px var(--main-solor);
	margin-bottom: 15px;
    margin-top:25px;
}



/****************************************

                 font

*****************************************/

.red{color:#cb0000;}
.blue{color:#000099;}
.green{color:#006666;}

.font10{font-size:10px;}
.font12{font-size:12px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font25{font-size:25px;}
.font30{font-size:30px;}
.strong{ font-weight: bold;}

.small{font-size:10px;}
.midium{font-size:16px;}
.large{font-size:21px;}




/****************************************

               float

*****************************************/

.left { float: left; }

.image-left { float: left; margin:0 10px 10px 0; display:block; }
.image-right { float: right; }
.clear {clear: both; }

/****************************************

              margin

*****************************************/

.m-t5{margin-top:5px;}
.m-l5{margin-left:5px;}
.m-r5{margin-right:5px;}
.m-b5{margin-bottom:5px;}

.m-t10{margin-top:10px;}
.m-l10{margin-left:10px;}
.m-r10{margin-right:10px;}
.m-b10{margin-bottom:10px;}

.m-t15{margin-top:15px;}
.m-l15{margin-left:15px;}
.m-r15{margin-right:15px;}
.m-b15{margin-bottom:15px;}

.m-t20{margin-top:20px;}
.m-l20{margin-left:20px;}
.m-r20{margin-right:20px;}
.m-b20{margin-bottom:20px;}

.m-t25{margin-top:25px;}
.m-l25{margin-left:25px;}
.m-r25{margin-right:25px;}
.m-b25{margin-bottom:25px;}

.m-t30{margin-top:30px;}
.m-l30{margin-left:30px;}
.m-r30{margin-right:30px;}
.m-b30{margin-bottom:30px;}

.m-t40{margin-top:40px;}

.m-t50{margin-top:50px;}
.m-l50{margin-left:70px;}

.m-t100{
	margin-top:100px;
}

/****************************************

              padding

*****************************************/

.p-t5{padding-top:5px;}
.p-l5{padding-left:5px;}
.p-r5{padding-right:5px;}
.p-b5{padding-bottom:5px;}

.p-t10{padding-top:10px;}
.p-l10{padding-left:10px;}
.p-r10{padding-right:10px;}
.p-b10{padding-bottom:10px;}

.p-t15{padding-top:15px;}
.p-l15{padding-left:15px;}
.p-r15{padding-right:15px;}
.p-b15{padding-bottom:15px;}

.p-t20{padding-top:20px;}
.p-l20{padding-left:20px;}
.p-r20{padding-right:20px;}
.p-b20{padding-bottom:20px;}

.p-t25{padding-top:25px;}
.p-l25{padding-left:25px;}
.p-r25{padding-right:25px;}
.p-b25{padding-bottom:25px;}

.p-t30{padding-top:30px;}
.p-l30{padding-left:30px;}
.p-r30{padding-right:30px;}
.p-b30{padding-bottom:30px;}




/**************************************************************
テーブル
**************************************************************/
.table-a	{
	border: 1px solid #DDD;
	width: 100%;
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 10px;

}
.table-a th	{
	border: 1px solid #DDD;
	padding: 10px 10px;

}
.table-a td	{
	border: 1px solid #DDD;
	padding: 10px 10px;
	font-weight:normal;
}
.table-a .gray{
	background-color:#f2f2f2;
}
.table-a .blue{
	background-color:#333!important;
	text-align:center;
	color:#fff!important;
}