@charset "utf-8";

.event_contents { position: relative; background-color: #fff; }
.event_contents .wrap { position: relative; width: 100%; height:100%; margin: 0 auto; text-align: center; }
.event_contents img { width: 100%; max-width: 100%; }
.event_contents .container { position: relative; text-align: center; }
.event_contents .wrap { max-width: 720px; margin: 0 auto; }

.event_contents .bg-1 { background-color: #f2f2f2; }

.button{ position: absolute; left:50%; margin:0 auto;}
.button.btn-01{ width:60.972%; top:36.1207%;left:0; right:0;}
.button.btn-02{ width:60.555%; top:86.4295%;left:5%; right:0;}
.button.btn-04 { position: static; }
.button.btn-04 img { width: auto; }

a.btn-03 img{ position: relative;width:30%; vertical-align: middle;}

#apply-section { background-color: #f0f0f0;}
#apply-section .wrap{ padding-bottom: 48.5px; }
#apply-section table{ width:90%; margin:0 auto; border-top:2px solid #000;}
#apply-section table th, #apply-section table td {  color:#36373a; background:#f0f0f0; font-size:12px;border-bottom: 1px solid #c2c2c2;}

#apply-section table th { font-weight:normal; padding:8px; text-align:center; }
#apply-section table td { font-weight:bold; padding:8px; text-align:left; font-weight: normal;}
#apply-section table td strong{ font-weight: bold;}
#apply-section table td.red{ color:#f95252; font-weight: bold;}
#apply-section .action { margin: 25px 22.29167% 0; }

.event_contents .benefit { background-color: #dc4f3b; }
.event_contents .benefit img { margin-top: -18px; }

@media only screen and (min-width: 600px) {
	#apply-section table th,
	#apply-section table td { color:#36373a; background:#f0f0f0; font-size:24px;border-bottom: 1px solid #c2c2c2;}
}

@media only screen and (min-width: 720px) {
	#apply-section .wrap{ padding-bottom: 97px; }
	#apply-section .action { margin-top: 50px; }
	.event_contents .benefit img { margin-top: -36px; }
}