/* ##############################
    Created on : 2024/12/10
    Author     : Myazou3
##############################  */
#head_title { display: flex; flex-wrap: wrap; justify-content: flex-start; border-bottom: 5px #95905d solid; padding: 5px; }
#head_title img { display: block; width: 100px; max-width: 100px; }
#head_title h1 { display: block; width: auto; font-size: clamp(2.5rem, 2.045rem + 2.27vw, 3.75rem); line-height: 100px; padding-left: 10px; }
#page_menu { display: flex; flex-wrap: wrap;  justify-content: center; width: 100%; max-width: 800px; margin: 5px auto; }
.menu_cont { display: block; width: 130px; margin: 5px 10px; }
.menu_cont a { display: block; width: 100%; text-align: center; font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem); line-height: 34px; border: 1px #95905d solid; border-radius: 5px; background: #d3b038; }
.menu_cont a.active { background: #cccc00; color: #000; }
.cont_wrap { display: block; width: 90%; max-width: 780px; margin: 0 auto 10px; }
.cont_wrap h3 { width: 100%; border-left: 5px #95905d solid; border-bottom: 1px #95905d solid; text-indent: 5px; font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem); }
.cont_info { display: block; width: 90%; margin: 0 auto;  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem); line-height: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem); text-align: center; }
.input_form_wrap { display: flex; width: 90%; padding: 5px; box-sizing: border-box; margin: 0 auto; justify-content: center; }
.sec_tear { display: block; width: 38%; font-size: 14px; line-height: 22px; height: 47px; padding: 0 5px; box-sizing: border-box; }
.ekikyou_tear { display: block; width: 85%; font-size: 14px; line-height: 22px; height: 69px; padding: 0 5px; box-sizing: border-box; }
.bt_area { display: block; width: auto; height: 63px; font-size: 14px; line-height: 63px; margin: 0 5px; }
.btn_area { display: flex; flex-wrap: wrap;  justify-content: center; width: 100%; max-width: 300px; margin: 5px auto;}
.send_start { display: inline-block; width: 100px; font-size: 14px; line-height: 36px; border-radius: 5px; background: #ff60bd; margin: 5px 10px; color: #000; }
.reset_btn { display: inline-block; width: 100px; font-size: 14px; line-height: 36px; border-radius: 5px; background: #66ff66; margin: 5px 10px; color: #000; }
.ans_area { display: block; text-align: center; width: 90%; max-width: 300px; margin: 0 auto; }
.ans_text { display: block; width: 100%; text-align: center; border: 1px #95905d solid; border-radius: 5px;}
.ans_data { display: block; width: 100%; text-align: center; margin: 5px auto;}
.import_text { font-size: 18px; color: #F00; font-weight: bold; background: #FFF; }