@charset "utf-8";


body { margin: 0; }
img { display: block; }

[class*="area0"] {  }
img[src*="event"] {  }

.img_back { margin:0 auto; }
.area01 { background:url(event_st_01_back_r.jpg) 0 0 repeat-x; }
.area02 { background-color:#d9eae2; }
.area03 { background-color:#373743; }
.area04 { background-color:#1d8264; }
.area05 { background-color:#185e6a; }

.coffee_wrap { position:relative; width:fit-content; margin:0 auto; }

.coffee_form { position:absolute; left:145px; top:276px; display:flex; gap:73px; }
.coffee_box { width:248px; line-height:1; }
.coffee_box input[type="text"] { box-sizing:border-box; display:block; width:100%; height:100%; margin:0; padding:0; font-size:13px; border:0; }
.form_radio { margin:2px 0 7px; }
.form_radio label { position: relative; box-sizing:border-box; display:inline-block; width:48%; cursor:pointer; }
.form_radio label:first-of-type { padding-left:2px;}
.form_radio label:last-of-type { padding-left:8px; }
.form_radio input[type="radio"] { position: absolute; opacity:0; }
.form_radio label span { display:flex; }
.form_radio label span:before { content:''; display:inline-block; width:16px; height:16px; margin-right: 5px; border:1px solid #000; border-radius: 50%; }
.form_radio label input:checked + span:before { background:radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 100%); }
.form_input { box-sizing:border-box; width:100%; height:37px; border:1px solid #777; background-color:#DADADA; }
.form_input input { text-indent:10px; }
.form_radio:has(label:first-of-type input:checked) ~ .form_input input[type="text"] { display: none; }

.coffee_box table { width:100%; margin-top:8px; border-collapse:collapse; border-spacing:0; }
.coffee_box :where(th, td) { height:39px; padding:0; border:1px solid #777; }
.coffee_box th { width:75px; font-size: 16px; text-indent:15px; }
.coffee_box:first-of-type th { background-color:rgba(158,76,229,0.2); }
.coffee_box:nth-of-type(2) th { background-color:rgba(255,195,102,0.2); }
.coffee_box td {  }
.coffee_box td input { text-indent:7px; }

.coffee_submit { opacity: 0; position: absolute; left: 278px; bottom:67px; width: 310px; height: 77px; cursor:pointer; }

.g-recaptcha { position: absolute; left:0; right:0; bottom:170px; display:flex; justify-content:center;	 }