@charset "utf-8";



/* ---------------------------------------
body.event02
--------------------------------------- */
.caution{ color: #E9007A }
body.event02 { font-size: 13px; }
body.event02 #cnt_main{ margin-bottom: 180px; }
body.event02 .incnt{ width: 880px; }
body.event02 #sec_title #pagetitle img { height: 118px;}
body.event02 #sec_bgintro{ padding-bottom: 30px; }
body.event02 #sec_bgintro ul {
	text-align: center;
	width: 700px;
	margin: 0 auto;
}
body.event02 #sec_bgintro li {
	display: inline-block;
	margin: 0 35px 40px;
	text-align: center;
}
body.event02 #sec_bgintro li img{
	height: 50px;
	width: auto;
}
/* body.event02 #btn_contact a span { background: url(../../../module/img/common/btn_contact_bg2.jpg) no-repeat center center; background-size: cover; } */

@media screen and (max-width: 999px) {
	body.event02 .incnt{ width: 92%; }
}
@media screen and (max-width: 768px) {
	body.event02 #sec_bgintro{ padding-bottom: 20px; }
	body.event02 #sec_bgintro ul { width: 100%; }
	body.event02 #sec_bgintro li { width: auto; margin: 0 10px 30px; }
	body.event02 #cnt_main{ margin-bottom: 80px; }
}
@media screen and (max-width: 640px) {
	body.event02 #sec_title #pagetitle img { height: 100px;}
	body.event02 #sec_bgintro{ padding-bottom: 0; }
	body.event02 #sec_bgintro li img{ height: 36px;}
}
@media screen and (max-width: 480px) {
	body.event02 #sec_title #pagetitle img { height: 79px;}
	body.event02 #sec_bgintro ul { width: 100%; margin: 0 auto; }
	body.event02 #sec_bgintro li { margin: 0 8px 20px; }
	body.event02 #sec_bgintro li:nth-of-type(1),
	body.event02 #sec_bgintro li:nth-of-type(2),
	body.event02 #sec_bgintro li:nth-of-type(3),
	body.event02 #sec_bgintro li:nth-of-type(4){ margin: 0 12px 20px; }
	body.event02 #sec_bgintro li:nth-of-type(5) { margin-left: 0; }
	body.event02 #sec_bgintro li:nth-of-type(8) { margin-right: 0; }
	body.event02 #sec_bgintro{ padding-bottom: 0; }
}
@media screen and (max-width: 370px) {
	body.event02 #sec_bgintro li img{ height: 30px;}
}
body.event02 .secStyle_1 .sectitle2{ margin-bottom: 20px; }
body.event02 .secStyle_1 .sectitle2 img { height: 25px; }



body.event02 .secStyle_1 table { width: 100%; margin-bottom: 10px;}
body.event02 .secStyle_1 table th, body.event02 .secStyle_1 table td { border-bottom: 1px dotted #aaa; border-left: 1px solid #aaa;padding: 15px 0.5%; text-align: center; border-right: 1px solid #aaa; }
body.event02 .secStyle_1 table thead th { background: #A6454A; color: #fff; font-weight: bold; font-size: 1.1em; text-align: center; padding: 12px 1%; border-left: 1px solid #fff; border-right: none; border-bottom: none; }
body.event02 .secStyle_1 table thead th:first-child { border-left: 1px solid #aaa; }
body.event02 .secStyle_1 table thead th.t5  { border-right: 1px solid #aaa; }
body.event02 .secStyle_1 table tbody th { background: #F9F3F4; }
body.event02 .secStyle_1 table tbody th:first-child { white-space: nowrap;}

body.event02 .secStyle_1 table tbody .bs th, body.event02 .secStyle_1 table tbody .bs td { border-bottom: 1px solid #aaa; }
body.event02 .secStyle_1 table .t1 { width: 10%; }
body.event02 .secStyle_1 table .t2 { width: 15%; }
body.event02 .secStyle_1 table .t3 { width: 8%; }
body.event02 .secStyle_1 table .t4 { width: 27%; }
body.event02 .secStyle_1 table .t5 { width: 25%; }
body.event02 .secStyle_1 table .t2 span{ display: inline-block; }
body.event02 .secStyle_1 .table_wrap_caption{ display: none; }

@media screen and (max-width: 768px) {
	body.event02 .secStyle_1 .table_wrap{
		overflow-x: scroll;
	}
	body.event02 .secStyle_1 .table_wrap_caption{
		display: block;
		font-size: 11px;
		margin-bottom: 5px;
	}
	body.event02 .secStyle_1 table{
		width: 800px;
	}
	body.event02 .secStyle_1 table th,
	body.event02 .secStyle_1 table td,
	body.event02 .secStyle_1 table thead th { font-size: 12px; }
	body.event02 .secStyle_1 table th,
	body.event02 .secStyle_1 table td {
		padding: 10px 0.5%;
	}
}
@media screen and (max-width: 640px) {
	body.event02 .secStyle_1 .sectitle2 img { height: 20px; }
/*	body.event02 .secStyle_1 table .t1 { width: 15%; }
	body.event02 .secStyle_1 table .t2 { width: 17%; }
	body.event02 .secStyle_1 table .t3 { width: 12%; }
	body.event02 .secStyle_1 table .t4 { width: 23%; padding: 5px 2%!important; }
	body.event02 .secStyle_1 table .t5 { width: 23%; }
	body.event02 .secStyle_1 table .lc{ text-align: left; padding: 15px 2%!important; }

	body.event02 .secStyle_1 table th { padding: 15px 0%;}*/

}
@media screen and (max-width: 370px) {
	body.event02 .secStyle_1 table th,
	body.event02 .secStyle_1 table td,
	body.event02 .secStyle_1 table thead th { font-size: 10px; }
	body.event02 .secStyle_1 table th,
	body.event02 .secStyle_1 table td {
		padding: 5px 0.5%;
	}
/*	body.event02 .secStyle_1 table .t1 { width: 7%; }
	body.event02 .secStyle_1 table .t2 { width: 20%; }
	body.event02 .secStyle_1 table .t3 { width: 15%; }
	body.event02 .secStyle_1 table .t4 { width: 24%; }
	body.event02 .secStyle_1 table .t5 { width: 24%; }*/
}

