/*common*/
:root{
    --main-color:#961E1E;
	--cancle-color:#c7c7c7;
	--1st-color:#3f51b5;
}

.--must{
    position: relative;
}
.--must:after{
    content:"*";
    position: absolute;
    right:-15px;
    top:0;
    width: 7px;
    height: 7px;
    border-radius: 30px;
    color:#ff5454;
}
.flexWrap{
    display: flex;
    align-items: center;
}
.flexWrap.space{
    justify-content: space-between;
}
.flexWrap.--space{
    justify-content: space-between;
}
.flexWrap.--center{
    justify-content: center;
}
.flexWrap.--end{
    justify-content: flex-end;
}
.flexWrap.--evenly{
    justify-content: space-evenly;
}
.flexWrap.--alignend{
    align-items: flex-end;
}
.flexWrap.--alignstart{
    align-items: flex-start;
}

.flexWrap .flexWrap_list{
    margin-right: 15px;
    display: flex;
    align-items: center;
    flex:1;
}

.mainWrap{
    max-width: 1100px;
    margin:0 auto;
    padding: 1.5% 0;
    border: 1px solid #e3e3e3;
    padding: 1%;
}
.mainVisual{
    padding: 2.5% 2.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 5px solid var(--main-color);
    margin-bottom: 2.5%;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23f9f9f9ff'/><path d='M10-6V6M10 14v12M26 10H14M6 10H-6'  stroke-linecap='square' stroke-width='1' stroke='%23951d1d28' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}
.mainVisual .logo{
    margin-bottom: 2.5%;
    width: 100%;
    text-align: center;
}
.mainVisual .name{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2.5%;
}
.mainVisual .name_con{
    margin-bottom: 7.5%;
    font-weight: 600;
    letter-spacing: -1.5px;
}
.mainVisual .name_con:nth-last-child(1){
    margin-bottom: 0;
}
.mainVisual .name_con.--big{
    font-size: 125%;
    font-weight: 500;
    color: var(--main-color);
    letter-spacing: -2px;
}
.mainVisual .explain{
    font-weight: 300;
    font-size: 17px;
}

.noticeWrap{
    text-align: center;
    width: 100%;
}
.noticeWrap .explain{
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    text-align: center;
    position: relative;
    padding:2.5%;
    background: var(--main-color);
    color: #fff;
}
.noticeWrap .title{
    text-align: center;
    margin-bottom: 1.5%;
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
}

.infoWrap {
    margin-bottom: 2.5%;
    text-align: center;
}
.infoWrap .title{
    text-align: center;
    margin-bottom: 1.5%;
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
}
.infoWrap .tablebox{
    margin-bottom:1.5%;
}
.infoWrap .btnWrap{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.infoWrap .btnWrap .text{
    color:#fff;
    background: var(--main-color);
    padding: 15px 30px;
    border-radius: 10px;
    min-width: 150px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
}
.infoWrap .btnWrap .text.--1st{
	background: var(--1st-color);
}
.infoWrap .btnWrap .text:hover{
    opacity: 0.7;
}
.signWrap{
    padding: 1.5%;
    margin-bottom:2.5%;
}
.signWrap .explain{
    font-weight: 300;
    margin-bottom: 2.5%;
    font-size: 18px;
    line-height: 135%;
    text-align: center;
    position: relative;
    padding:2.5%;
    background: #f3f3f3;
}
/* .signWrap .explain::before{
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: -15px;
    background-color: #777;
} */
.signWrap .listWrap{
    display: flex;
}
.signWrap .listWrap .listcon{
    flex: 1 1 auto;
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px 0;
}
.signWrap .listWrap .listcon.--big{
    flex: 0 0 75%;
    border-left: 0;
}
.signWrap .listWrap .listcon.--head{
    background: #f8f8f8;
}
.signWrap .listWrap .listcon .name{
    background: #f8f8f8;
    padding: 10px 35px;
    margin-right: 10px;
    color: var(--main-color);
	min-height:36px;
}
.signWrap .listWrap .listcon .sign{

}
.signWrap .listWrap .listcon .sign .image {
    max-width: 150px;
	position:relative;
}
.signWrap .listWrap .listcon .sign .image img{
    width: 100%;
}
.signWrap .listWrap .listcon .sign .image .text{
	    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
	user-select:none;
}
.signWrap .btnWrap{
    color: #fff;
    background: var(--main-color);
    padding: 10px 30px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
    width: 150px;
    margin: 0 auto;
}
.signWrap .btn{
}
.mainWrap .signWrap .tableWrap .table .tbody_list .con.haveline{
    border: 5px solid var(--main-color);
    cursor: pointer;
}
.mainWrap .signWrap .tableWrap .table .tbody_list .con.haveline .text{
    padding-left: 10px;
}
.dateWrap{
    text-align: center;
    font-weight: 300;
    margin-bottom: 2.5%;
}
.dateWrap .num{
    margin-bottom:1.5%;
}
.dateWrap .company{
    font-size: 20px;
    font-weight: 500;
}

.mainWrap .tableWrap{
    
}
.mainWrap .tableWrap .tablebox{
    width: 100%;
    text-align: center;
    table-layout: fixed;
    overflow: hidden;
    overflow: auto;
}
.mainWrap .tableWrap .tablebox.--max3{
    max-height:130px;
}
.mainWrap .tableWrap .table{
    width: 100%;
    border: 0.5px solid #c0c0c0;
}
.mainWrap .tableWrap .table .checkbox{
    width: 16px;
    height: 16px;
    accent-color: #282421;
}
.mainWrap .tableWrap .table .btnWrap{
    
}
.mainWrap .tableWrap .table .btnWrap.list{
    margin-right:15px;
}
.mainWrap .tableWrap .table .btnWrap.list:nth-last-child(1){
    margin-right: 0;
}
.mainWrap .tableWrap .table .btnWrap .name{
    color:#333;
}
.mainWrap .tableWrap .table .btnWrap .name.left{
    margin-right: 5px;
}
.mainWrap .tableWrap .table .btnWrap .name.right{
    margin-left: 5px;
}
.mainWrap .tableWrap .table .btnWrap .name.--title{
    margin-right: 15px;
    font-weight: 700;
}
.mainWrap .tableWrap .table .btnWrap .btn{
    background: #7d603e;
    color:#fff;
    border-radius: 15px;
    padding:7px 20px;
}
.mainWrap .tableWrap .table .thead{
    position: sticky;
    top:0;
    z-index: 2;
}
.mainWrap .tableWrap .table .thead_list{
    background: #f8f8f8;
}
.mainWrap .tableWrap .table .thead_list .con{
    padding: 15px 0;
}
.mainWrap .tableWrap .table .tbody_list{
}
.mainWrap .tableWrap .table .tbody_list .con{
    padding: 15px 0;
    white-space: nowrap;
    border: 0.5px solid #dddfe5;
    text-align: center;
}
.mainWrap .tableWrap .table .tbody_list .con .select{
    width: 100%;
    border-color: #ededed;
    border-radius: 5px;
    padding: 5px;
    color: #333;
}
.mainWrap .tableWrap .table .tbody_list .con .input{
    width: 100%;
    background: #fff;
    border: 1px solid #ededed;
    padding: 5px;
    transition: 0.3s all;
    color: #333;
}
.mainWrap .tableWrap .table .tbody_list .con .input.--short{
    width: auto;
    text-align: center;
}
.mainWrap .tableWrap .table .tbody_list .con.center{
    text-align: center;
}
.mainWrap .tableWrap .table .con.tbody_th{
    text-align: center;
}
.mainWrap .tableWrap .table .tbody_th{
    background: #f8f8f8;
}

.mainWrap .content{

}
.mainWrap .form{

}
.mainWrap .surveyWrap{
    /* font-size: 20px; */
    margin-bottom: 5%;
}
.mainWrap .survey{
    margin-bottom: 2.5%;
    /* background: #f9f9f9; */
    padding: 2.5%;
    position:relative;
    border: 1px solid #e7e7e7;
}
.mainWrap .survey:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity: 0.35;
	z-index: -1;
	background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23f9f9f9ff'/><path d='M10-6V6M10 14v12M26 10H14M6 10H-6'  stroke-linecap='square' stroke-width='1' stroke='%23951d1d28' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}
.mainWrap .survey:nth-last-child(1){
    margin-bottom: 0;
}
.mainWrap .survey .titleWrap{
    margin-bottom: 2.5%;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-bottom: 2.5%;
}
.mainWrap .survey .titleWrap:after{
	content: "*";
	width: 300px;
	height:1px;
	position:absolute;
	left:0;
	bottom: 15%;
	color: var(--main-color);
}
.mainWrap .survey .titleWrap .num{
}
.mainWrap .survey .titleWrap .title{
    color: var(--main-color);
    line-height: 135%;
}
.mainWrap .survey .answer{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}
.mainWrap .survey .answer .label{
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 5px;
}
.mainWrap .survey .answer .label.--havedepth{
    display: flex;
    width: 100%;
    display: flex;
}
.mainWrap .survey .answer .label.--havedepth > .text{
    font-weight: 500;
    margin-right: 10px;
    min-width: 60px;
}
.mainWrap .survey .answer .label.--havedepth .depth_label{
    cursor: pointer;
}
.mainWrap .survey .answer .label .explain{
	user-select:none;
}
.mainWrap .survey .answer [type='checkbox']{
    width:20px;
    height: 20px;
    accent-color: var(--main-color);
}
.mainWrap .survey .answer [type='radio']{
    width:20px;
    height: 20px;
    appearance: none;
    border: max(2px, 0.1em) solid gray;
    border-radius: 50%;
    transition: border 0.5s ease-in-out;
}
.mainWrap .survey .answer [type='radio']:checked{
    border: 0.4em solid var(--main-color);
}
.mainWrap .survey .answer [type='radio']:checked + span{
	color:var(--main-color);
	font-weight: 500;
}
.mainWrap .survey .answer .text{
    user-select: none;
}
.mainWrap .survey .answer .text.--title{
    font-weight: 500;
    padding: 0 15px;
    color: var(--main-color);
}

.mainWrap .privacy{
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #ddd;
    padding: 2.5%;
    letter-spacing: -1px;
    max-height: 200px;
    overflow: auto;
}
.mainWrap .privacy .con{
    margin-bottom: 1.5%;
    letter-spacing: -1px;
}
.mainWrap .privacy .con:nth-last-child(1){
    margin-bottom: 0;
}

.seminar_wrap {position:relative;margin:0 auto;text-align:left;padding-bottom:50px;line-height: 1.5;word-break: keep-all;} 

.seminar_wrap .bg_seminar_middle {width:100%;padding:0 0 20px 0;background:#fff;font-size: 16px;}
.seminar_wrap .bg_seminar_bottom {width:100%; }
.seminar_wrap .bg_seminar_bottom img {width:100%}


.seminar_wrap #box_wrap{width:100%;margin:0 auto;margin-bottom: 2.5%;}
.seminar_wrap #box_wrap h3{text-indent:0;color:#999;margin-bottom:15px;}
.seminar_wrap #box_wrap h3 strong{color:#222526;font-weight: 500;margin-bottom: 15px;display: inline-block;font-size: 25px;letter-spacing: -1px;font-weight: 700;}
.seminar_wrap #box_wrap .box_text {position:relative;padding:10px;overflow: auto;margin-bottom: 15px;color: #999;border:1px solid #cbcbcb;max-height: 170px;line-height: 200%;}
.seminar_wrap #box_wrap .box_text strong{line-height: 300%;font-weight: normal;color:#222526;}
.seminar_wrap #box_wrap .agrre1{position:relative; text-align:center; color:#222526;padding:5px 0; }
.seminar_wrap #box_wrap .agrre1 span {margin-left:5px;}
.seminar_wrap #box_wrap .agrre1 label {cursor:pointer}
.seminar_wrap #box_wrap .agrre1 .agrre_ti{padding-right:15px}

.seminar_wrap .tbl_frm01 {width:100%;font-weight: 300;}
.seminar_wrap .tbl_frm01 h3 {margin-top:15px;margin-bottom:5px;color: #222526;line-height: 300%;font-size: 25px;letter-spacing: -1px;font-weight: 700;}
.seminar_wrap .tbl_frm01 th {padding: 16px 0;text-align: center;vertical-align: middle;color: #424242;border-top: 1px solid #cbcbcb;border-right: none;border-bottom: 1px solid #cbcbcb;background: #efeeee;font-weight: 400;}
.seminar_wrap .tbl_frm01 td {padding: 8px;color:#222526;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;border-right:1px solid #cbcbcb;background:#fff;}
.seminar_wrap .tbl_frm01 .frm_input {float:left;box-sizing: border-box;min-width: 90px;line-height: 25px;padding: 2px 0;margin: 0 5px 0 0;text-indent: 5px;color: #424242;font-size: 16px;border: 1px solid #c8c8c8;font-weight: 300;height: 44px;background: url(../images/wrest.gif) #f7f7f7 top right no-repeat;}
.seminar_wrap .tbl_frm01 .frm_input.address {width:100%}
.seminar_wrap .tbl_frm01 .frm_input2 {width:70%; height:22px; line-height:22px; margin:0 5px 0 10px; text-indent:5px; color:#222526; font-size:13px; font-family:"dotum"; border:none; border:1px solid #666;background:#fff}
.seminar_wrap .tbl_frm01 .frm_input3 {width:70%; height:22px; line-height:22px; margin:0 5px 0 0; text-indent:5px; color:#222526; font-size:13px; font-family:"dotum"; border:none; border:1px solid #666;background:#fff}
.seminar_wrap .tbl_frm01 .textarea {width:80%; height:70px;line-height:16px;font-size:12px;border:1px solid #666;background:#fff}
.seminar_wrap .tbl_frm01 .selectbox {float:left;min-width: 90px;margin: 0 5px 0 0;padding: 4px 0 4px 0;color: #333;border: 1px solid #c8c8c8;height: 44px;padding-left: 5px;vertical-align: top;flex: 1;}
.seminar_wrap .tbl_frm01 .noti {clear:both; font-size:11px; color:#222526; font-family:dotum;}
.seminar_wrap .tbl_frm01 ul li {clear:both; padding:0 0 5px 0; }
.seminar_wrap .tbl_frm01 ul li:after {display:block; clear:both; content:""}  
.seminar_wrap .tbl_frm01 .btn {float:left;color:#fff;letter-spacing:-1px;font-family: 'Pretendard';cursor:pointer;background:#222526;box-sizing: border-box;padding: 6px 30px;height: 44px;line-height: 30px;font-weight: 300;letter-spacing: -1px;display: flex;align-items: center;}
.seminar_wrap .q_wrap {width:100%;margin:0 0 10px 0; font-weight:bold;color:#222526; font-size:14px; font-family:"dotum";}
.seminar_wrap .a_wrap {color:#222526; font-size:14px; font-family:"dotum"; letter-spacing:-1px;}
.seminar_wrap .a_wrap.photo label {display:block;float:left;width:150px}
.seminar_wrap .a_wrap.photo label .img {width:65%}
.seminar_wrap .a_wrap label {margin:0 5px 0 0;cursor:pointer} 
.seminar_wrap .a_wrap label.clear {display:block;clear:both;}
.seminar_wrap .a_wrap input {margin:0 3px 0 0; vertical-align:-2px}
.seminar_wrap .a_wrap .tit {padding-top:10px; color:#7d7d7d}

.seminar_wrap .tbl_frm01 .info_text{
    font-weight: 300;
    text-align: center;
    margin-top: 2.5%;
}



#box_wrap .table_box.otherSpace table {
    table-layout: fixed;
    margin: 0 auto;
}

#box_wrap .table_box.otherSpace table tr {}

#box_wrap .table_box.otherSpace table td {
    padding: 10px 25px;
    line-height: 25px;
    border: 1px solid #dddfe5;
}

#box_wrap .table_box.otherSpace table .table_head {
    background-color: #f8f8f8;
    color: black;
}

#box_wrap .table_box.otherSpace table .table_head a {}

#box_wrap .table_box.otherSpace table a:hover {
    text-decoration: underline;
}

#box_wrap .table_box.otherSpace table .table_head.top_head {
    background-color: #d5d5d5;
}

#box_wrap .table_box {
    border-top: 1px solid #353541;
    width: 100%;
}

#box_wrap .table_box thead th {
    background-color: #f8f8f8;
    font-weight: 400;
}

#box_wrap .table_box table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 2.5%;
}

#box_wrap .table_box th {
    padding: 15px 10px;
    font-weight: 300;
    text-align: center;
    line-height: 25px;
    vertical-align:middle;
    font-size: 17px;
    letter-spacing: -1px;
}

#box_wrap .table_box th.border {
    border-right: 1px solid #dddfe5;
    border-top: 1px solid #dddfe5;
}

#box_wrap .table_box td {
    border-top: 1px solid #dddfe5;
    padding: 15px 10px;
}

#box_wrap .table_box tbody {
    border-bottom: 1px solid #dddfe5;
}

#box_wrap .table_box td {
    padding: 15px 10px;
    font-weight: 300;
    text-align: center;
    line-height: 25px;
}

#box_wrap .table_box td.border {
    border-right: 1px solid #dddfe5;
    border-top: 1px solid #dddfe5;
}

#box_wrap .table_box td.bg {
    background-color: #f8f8f8;
}

.seminar_wrap .flex_wrap{
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 2.5%;
	align-items: center;
	gap: 10px;
}
.seminar_wrap td.address_wrap .flex_wrap{
	gap:0;
	padding-top: 0;
}
.seminar_wrap td .flex_wrap{
    padding-left: 0;
}
.seminar_wrap td .flex_wrap.--2{
	padding:16px 0;
}
.seminar_wrap .flex_wrap .text{
	width: auto;
    flex: 1;
}
.seminar_wrap .flex_wrap .text_big{
    line-height: 100%;
    margin-bottom: 7.5px;
    font-size: 20px;
}
.seminar_wrap .flex_wrap .text_small{
    font-size: 85%;
    line-height: 100%;
    opacity: 0.65;
    letter-spacing: -.5px;
}
.seminar_wrap #box_wrap .flex_wrap .agrre1{
	flex: 1;
    text-align: right;
}
.seminar_wrap .flex_wrap .btn_radio:not(:first-child) {
	margin:0;
}

.seminar_wrap .infoWrap{
	margin-top: 2%;
}
.seminar_wrap .infoWrap .info_title{
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -2px;
	margin-bottom: 1%;
}
.seminar_wrap .infoWrap .info_content{
	background: #f2f2f2;
	padding: 20px;
}
.seminar_wrap .infoWrap .info_con{
	letter-spacing: -1px;
}
.seminar_wrap .infoWrap .info_con.--bold{
	font-weight:700;
}

.seminar_wrap .flex_wrap label.checkbox{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.seminar_wrap .flex_wrap label.checkbox input[type="checkbox"]{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border: 1px solid #666;
    line-height: 100%;
    cursor: pointer;
}
.seminar_wrap .flex_wrap label.checkbox input[type="checkbox"]+span{
    user-select: none;
    line-height: 16px;
}

@media(max-width:1080px){
	.seminar_wrap .flex_wrap{
		flex-wrap:wrap;
		padding-top: 0;!im;!i;!;
	}
	.seminar_wrap .flex_wrap .text{
		width: auto;
		flex: 0 0 100%;
		text-align:center;
	}
	.seminar_wrap #box_wrap .flex_wrap .agrre1{
		flex: 1;
		text-align: center;
	}
}

/*submit*/
.seminar_wrap .btn_confirm {width:100%; text-align:center}
.seminar_wrap .btn_confirm .btn_submit {width:230px;display:inline-block;cursor:pointer;padding: 20px 0;border:1px solid #222526;background-color: var(--main-color);transition: 0.75s all;color:#222526;font-weight: 500;color: #fff;}
.seminar_wrap .btn_confirm .btn_submit:hover{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}
.btn_submitwrap{font-size: 16px;color: var(--main-color);display: inline-block;position: relative;margin-top: 25px;}
.btn_submitwrap span{}

.btn_submitwrap:before {
  border-color: var(--main-color);
  border-left-width: 2px;
  border-top-width: 2px;
  left: -5px;
  top: -5px;
}
.btn_submitwrap:after {
  border-bottom-width: 2px;
  border-color: var(--main-color);
  border-right-width: 2px;
  bottom: -5px;
  right: -5px;
}
.btn_submitwrap:hover,
.btn_submitwrap.hover {
  background-color: var(--main-color);
  color: #fff;
}
.btn_submitwrap:hover:before,
.btn_submitwrap.hover:before,
.btn_submitwrap:hover:after,
.btn_submitwrap.hover:after {
  height: 100%;
  width: 100%;
}

.btn_submitwrap span:before, .btn_submitwrap span:after{
  border-color: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 10px;
  position: absolute;
  width: 10px;
}
.btn_submitwrap span:before {
  border-color: var(--main-color);
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}
.btn_submitwrap span:after {
  border-bottom-width: 2px;
  border-color: var(--main-color);
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
}
.btn_submitwrap span:hover,
.btn_submitwrap span.hover {

}
.btn_submitwrap:hover span:before,
.btn_submitwrap.hover span:before,
.btn_submitwrap:hover span:after,
.btn_submitwrap.hover span:after {
  height: calc(100% + 7px);
  width: calc(100% + 7px);
}

*input radio check*/
.cntr {
  margin: auto;
}

.btn_radio {
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  user-select: none;
}
.btn_radio:not(:first-child) {
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  .btn_radio {
  }
  .btn_radio:not(:first-child) {
    
  }
}
.btn_radio svg {
  fill: none;
  vertical-align: middle;
}
.btn_radio svg circle {
  stroke-width: 2;
  stroke: #C8CCD4;
}
.btn_radio svg path {
  stroke: #008FFF;
}
.btn_radio svg path.inner {
  stroke-width: 6;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
}
.btn_radio svg path.outer {
  stroke-width: 2;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
}
.btn_radio input {
  display: none;
}
.btn_radio input:checked + svg path {
  transition: all 0.4s ease;
}
.btn_radio input:checked + svg path.inner {
  stroke-dashoffset: 38;
  transition-delay: 0.3s;
}
.btn_radio input:checked + svg path.outer {
  stroke-dashoffset: 0;
}
.btn_radio span {
  display: inline-block;
  vertical-align: middle;
}

/* @media(max-width:680px){
	.layer_pop .parent_div{
		width:500px;
	}
}
@media(max-width:580px){
	.layer_pop .parent_div{
		width:400px;
	}
}
@media(max-width:480px){
	.layer_pop .parent_div{
		width:300px;
	}
}
@media(max-width:380px){
	.layer_pop .parent_div{
		width:200px;
	}
}
 */

@media(max-width:1080px){
    .mainWrap img{
        width: 100%;
        max-width: max-content;
    }

    .mainWrap .survey{
        padding:5% 2.5%;
    }

}

@media(max-width:860px){
    .mainVisual{
        padding: 7.5% 2.5%;
    }
    .mainVisual .logo{
        width: 15%;
        max-width: max-content;
    }

    .mainVisual .name{
        font-size: 5vw;
        margin-bottom: 5%;
    }
    .noticeWrap .explain{
        font-size: 3.4vw;
        line-height: 150%;
        padding: 2.5% 10%;
    }

    .mainWrap .surveyWrap{
        margin-bottom: 10%;
    }
    .mainWrap .survey{
        padding: 7.5% 2.5%;
    }
    .mainWrap .survey .titleWrap{
        font-size: 3.6vw;
        margin-bottom: 5%;
        padding-bottom:5%;
    }
    .mainWrap .survey .answer .label{
        font-size: 3.6vw;
    }

    .seminar_wrap .tbl_frm01 th{
    }
    .seminar_wrap #box_wrap h3{
        margin-bottom: 0;
    }
    .seminar_wrap #box_wrap h3 strong{
        font-size: 4vw;
        line-height: 100%;
        margin-bottom: 5%;
    }
    .seminar_wrap .tbl_frm01 h3{
        font-size: 4vw;
        line-height: 100%;
        margin-bottom: 5%;
    }
    .mainWrap .survey .answer [type='radio'],
    .mainWrap .survey .answer [type='checkbox']{
        width: 2.6vw;
        height: 2.6vw;
    }
	.btn_radio svg{
		width: 2.6vw;
        height: 2.6vw;
	}
    .mainWrap .survey .answer [type='radio']:checked{
        border: 0.3em solid var(--main-color);
    }
    .mainWrap .survey .answer .text.--title{
        padding: 0;
    }
    .mainWrap .survey .answer .label.--flexwrap{
        flex-wrap: wrap;
    }
    .mainWrap .survey .answer .label .explain {
        flex: 1 0 100%;
        line-height: 135%;
    }

    .seminar_wrap .bg_seminar_middle{
        font-size: 2.8vw;
    }
    .seminar_wrap .tbl_frm01 .frm_input{
        min-width: auto;
        width: 100%;
        height: 36px;
    }
    .seminar_wrap .tbl_frm01 .selectbox{
        height: 36px;
    }
    .seminar_wrap .phoneWrap{
        display: flex;
    }

    .seminar_wrap .btn_confirm .btn_submit{
        width: 200px;
        padding: 15px 0;
    }
    
}