@charset "utf-8";

h2{ padding: 0 0 5% 0; text-align: center; }
h5{ padding: 5% 0; text-align: center; line-height: 1.5em; }

.box02 img{ width: auto; max-width: 100%; }
.box02 table{ border-top: 2px solid #ff696b; }
.box02 table tr:nth-child(2n+1){ background: #fff0f0; }

.box02 table th{ width: 20%; padding: 3.5% 0; text-align: center; }
.box02 table th div{ border-right: 1px solid #ffbabb; }
.box02 table th h6{ padding: 10px 0 0 0; }

.box02 table td{ width: 80%; padding: 3.5%; }
.box02 table td p{ font-weight: 500; }
.box02 table td dt, .box02 table td dd{ float: left; padding: 15px 10px 15px 0; }

.box02 ul li > div{ height: 385px; border-top: 2px solid #ff696b; background: #fff0f0; }
.box02 ul li img{ width: 100%; }
.box02 ul li div h4{ font-size: 1.2em; padding: 0 0 10px 0; }
.box02 ul li div div{ padding: 5%; background: #fff0f0; }

.box02 a{ display: block; width: 50%; margin: 0 auto; padding: 20px 30px; font-weight: 500; text-align: center; text-align: center; color: #fff; border-radius: 10px; background: #01cf5d; box-shadow: 1px 1px 5px rgba(0,0,0,0.3) }
@media (max-width:1500px) {
	.box02 ul li > div{ height: auto; }
}

@media (max-width:991px) {

	.box02 table th{ width: 30%; }
	.box02 table td{ width: 70%; }

	.box02 a{ width: 80%; }
}
