.course-block {
}
.course-block .graphic-img {
max-width: 640px;
margin-right: auto;
margin-left: auto;
}

/* target */
.flex3block.target {
display: flex;
justify-content: center;
align-items: center;
}
.flex3block.target > li {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.flex3block.target > li .graphic-img img {
	width: 85%;
	max-width: 220px;
}
.flex3block.target > li .box-title {
text-align: center;
}


/* no-accident */
.flex3block.not_eligible > li {
}
.flex3block.not_eligible > li .graphic-img img {
	width: 60%;
	max-width: 220px;
}
#no-accident .contents-lead-txt {
}


#relief .contents-lead-txt {
}
#relief tr td:nth-child(even) {
  background-color: rgba(253,238,204,1.00);
}
#relief tr th:nth-child(1) {
white-space: nowrap;
}
#relief tr:not(.header-table) th:nth-child(1) {
  background-color: rgba(255,255,255,1.00);
}
#relief .normal-table .header-table th {
white-space: nowrap;
}
/*
<section class="contents-block color-back" id="relief">
	<div class="contents-block-in">
		<div class="graphic-img resmab5 icon-s-character animation"><img src="../common/images/shokosuke04.svg" alt="" width="130" height="85" loading="lazy"></div>
		<h2 class="section-title animation decoration"><p>見舞金について</p></h2>
		<div class="contents-lead-txt resmab20 animation"><p>各等級にの決定にあたっては次により算定のうえ、見舞金をお支払いします。</p></div>
*/

@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {
.course-block .contents-txt {
  text-align: center;
}

/* target */
.flex3block.target {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex3block.target > li {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
.flex3block.target > li .graphic-img img {
}

/* no-accident */
#no-accident .contents-lead-txt {
text-align: center;
}
#no-accident .flex3block.not_eligible > li .box-title {
text-align: center;
}

#relief .contents-lead-txt {
text-align: center;
}

}


@media print, screen and (min-width: 1024px) {

.flex3block.target {
width: 85%;
margin: 0px auto;
}
#accident .contents-lead-txt {
text-align: center;
}

}


@media print, screen and (min-width: 1200px) {
.flex3block.target {
width: 75%;
margin: 0px auto;
}
/* no-accident */
.flex3block.not_eligible > li {
	-ms-flex-preferred-size: 31%;
	flex-basis: 31%;
}

}


@media print, screen and (min-width: 1400px) {

}






















@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}