@charset "UTF-8";
/*blo04*/
#main #meeting{ margin: 100px 30px 0;}
#main #meeting .meeting{}
#main #meeting .meeting a{ text-decoration: none; color: #fff;}
#main #meeting .meeting a .img_box{ border-radius: 10px; overflow: hidden; height: 540px; position: relative;}
#main #meeting .meeting a .img_box::after{ content: ""; display: block; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; transition: .3s;}
#main #meeting .meeting a .img_box > img{ width: 100%; height: 100%; object-fit: cover; transition: .3s;}
#main #meeting .meeting a .img_box .txt_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; width: 100%; max-width: 630px;}
#main #meeting .meeting a .img_box .txt_wrap .meet_ttl{ font-size: 54px; margin-bottom: 15px; font-weight: 700;}
#main #meeting .meeting a .img_box .txt_wrap .accent_list{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 15px;}
#main #meeting .meeting a .img_box .txt_wrap .accent_list li{ font-size: 16px; color: #fff; font-weight: 700; background: #b7a274; padding: 12px 20px; border-radius: 20px;}
#main #meeting .meeting a .img_box .txt_wrap .blo_subttl{ margin-bottom: 15px; font-size: 18px; line-height: 2; font-weight: 700;}
#main #meeting .meeting a .img_box .txt_wrap .worries_list{ display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 25px;}
#main #meeting .meeting a .img_box .txt_wrap .worries_list li{ width: 33.333%; font-size: 16px; color: #fff; font-weight: 700; border: 1px solid #fff; padding: 15px 20px; border-radius: 5px; line-height: 1.2;}
#main #meeting .meeting a .img_box .txt_wrap h3{ font-size: 21px; font-weight: 700;margin-bottom: 25px; line-height: 1.2;}
#main #meeting .meeting a .img_box .txt_wrap .btn{ font-size: 18px; background: #434090; padding: 20px; border-radius: 5px; width: 360px; margin: 0 auto; font-weight: 700; transition: .3s;}
@media screen and (max-width: 999px){
	#main #meeting{ margin: 50px 30px 0;}
	#main #meeting .meeting a .img_box .txt_wrap .blo_subttl{ font-size: 16px;}
}
@media screen and (min-width: 768px){
	#main #meeting .meeting a:hover .img_box::after{ background: rgba(0, 0, 0, 0.4);}
	#main #meeting .meeting a:hover .img_box > img{ transform: scale(1.06);}
	#main #meeting .meeting a .img_box .txt_wrap .btn:hover{ background: #fff; color: #434090;}
}
@media screen and (max-width: 767px){
	#main #meeting{ margin: 30px 0 0;}
	#main #meeting .meeting{ margin-top: 50px;}
	#main #meeting .meeting a .img_box{ border-radius: 0; height: 450px;}
	#main #meeting .meeting a .img_box .txt_wrap{ width: 100%; padding: 20px; box-sizing: border-box;}
	#main #meeting .meeting a .img_box .txt_wrap .meet_ttl{ font-size: 30px; margin-bottom: 10px;}
	#main #meeting .meeting a .img_box .txt_wrap .accent_list{ gap: 10px; margin-bottom: 10px;}
	#main #meeting .meeting a .img_box .txt_wrap .accent_list li{ font-size: 14px; padding: 10px;}
	#main #meeting .meeting a .img_box .txt_wrap .blo_subttl{ margin-bottom: 10px; font-size: 14px; text-align: left; line-height: 1.4;}
	#main #meeting .meeting a .img_box .txt_wrap .worries_list{ display: block; margin-bottom: 20px; border: 1px solid #fff; padding: 15px 20px; border-radius: 5px;}
	#main #meeting .meeting a .img_box .txt_wrap .worries_list li{ width: 100%; font-size: 14px;  border: none; padding: 0; border-radius: 0; margin-bottom: 16px;}
	#main #meeting .meeting a .img_box .txt_wrap .worries_list li:last-child{ margin-bottom: 0;}
	#main #meeting .meeting a .img_box .txt_wrap .worries_list li br{ display: none;}
	#main #meeting .meeting a .img_box .txt_wrap h3{ font-size: 14px; margin-bottom: 20px;}
	#main #meeting .meeting a .img_box .txt_wrap .btn{ font-size: 14px; padding: 20px 0; width: 100%;}
}
@media screen and (max-width: 374px){
	#main #meeting .meeting a .img_box .txt_wrap .meet_ttl{ font-size: 28px;}
	#main #meeting .meeting a .img_box .txt_wrap .accent_list{ gap: 5px;}
	#main #meeting .meeting a .img_box .txt_wrap .accent_list li{ font-size: 14px; padding: 8px;}
}