@charset "UTF-8";

.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){position:relative;margin:0;padding:4px 20px;-webkit-appearance:none;border:1px solid #D7D7D7;border-radius:0;height:50px;width:100%;font-size:20px;font-weight:300;color:#000000;line-height:1.8;background-color:#FFFFFF;box-sizing:border-box;transition:border-color ease 250ms;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"])::placeholder{color:#C4C4C4;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]):placeholder-shown{border-color:#D7D7D7;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]):focus{border-color:#0E8A98;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select):disabled,
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select):read-only{border-color:#EEEEEE;background-color:#F2F2F2;color:#AAAAAA;}
.component_input:is(select){padding-right:36px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px;background-position:right 5px center;}
.component_input:is(textarea){display:block;padding:20px !important;height:240px !important;resize:none;}
.component_input:is([type="checkbox"],[type="radio"]){display:none;}
.component_input:is([type="checkbox"],[type="radio"]) + label{position:relative;display:inline-block;margin:0;padding:0;padding-left:35px;min-height:36px;font-size:20px;font-weight:300;color:#000000;line-height:1.6;cursor:pointer;}
.component_input:is([type="checkbox"],[type="radio"]) + label:before,
.component_input:is([type="checkbox"],[type="radio"]) + label:after{content:"";position:absolute;display:block;left:-5px;top:-1px;font-family:"remixicon";font-size:33px;font-weight:100;line-height:1;-webkit-text-stroke:0.4px #FFFFFF;cursor:pointer;transition:opacity ease 250ms;}
.component_input:is([type="checkbox"],[type="radio"]) + label:before{z-index:0;opacity:1;color:#D7D7D7;}
.component_input:is([type="checkbox"],[type="radio"]) + label:after{z-index:1;opacity:0;color:#0E8A98;}
.component_input:is([type="checkbox"],[type="radio"]):checked + label:before{opacity:0;}
.component_input:is([type="checkbox"],[type="radio"]):checked + label:after{opacity:1;}
.component_input:is([type="checkbox"]) + label:before{content:"\EB7F";}
.component_input:is([type="checkbox"]) + label:after{content:"\EB82";}
.component_input:is([type="radio"]) + label:before{content:"\EB7D";}
.component_input:is([type="radio"]) + label:after{content:"\EB80";}

@media all and (max-width:1000px)
{
	.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){padding:4px 10px;height:45px;font-size:15px;}
	.component_input:is(textarea){padding:10px !important;height:200px !important;}
	.component_input:is([type="checkbox"],[type="radio"]) + label{padding-left:28px;min-height:27px;font-size:15px;}
	.component_input:is([type="checkbox"],[type="radio"]) + label:before,
	.component_input:is([type="checkbox"],[type="radio"]) + label:after{left:-3px;top:0;font-size:24px;}
}


.component_button{position:relative;margin:0;padding:4px 20px;-webkit-appearance:none;border:1px solid #D7D7D7;border-radius:5px;min-width:80px;height:50px;font-size:20px;font-weight:500;line-height:1.8;color:#000000;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;box-sizing:border-box;background-color:#FFFFFF;display:inline-flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:6px;transition:border-color ease 250ms,color ease 250ms,background-color ease 250ms;}
.component_button:hover{background-color:#FAFAFA;}
.component_button:active{background-color:#F8F8F8;}
.component_button.big{min-width:200px;height:70px;font-size:25px;}
.component_button.primary{border-color:#0E8A98;color:#FFFFFF;background-color:#0E8A98;}
.component_button.primary:hover{border-color:#0D8491;background-color:#0D8491;}
.component_button.primary:active{border-color:#0D7B89;background-color:#0D7B89;}
.component_button.secondary{border-color:#004E5A;color:#FFFFFF;background-color:#004E5A;}
.component_button.secondary:hover{border-color:#00434D;background-color:#00434D;}
.component_button.secondary:active{border-color:#003F49;background-color:#003F49;}
.component_button:disabled{border-color:transparent !important;background-color:#EFEFEF !important;color:#AAAAAA !important;}

@media all and (max-width:1000px)
{
	.component_button{padding:4px 15px;height:45px;font-size:15px;}
}



.component_guide{position:relative;margin:0;padding:0;}
.component_guide.has_divider{display:flex;flex-wrap:nowrap;flex-direction:row;gap:60px;}
.component_guide .divider{position:relative;margin:0;padding:0;}
.component_guide .divider .text{position:relative;margin:0;padding:0;font-size:18px;font-weight:300;color:#000000;line-height:1.8;}
.component_guide .divider ul.text{list-style:none;}
.component_guide .divider .text b{font-weight:600;}

@media all and (max-width:1200px)
{
	.component_guide.has_divider{flex-direction:column;gap:20px;}
}
@media all and (max-width:1000px)
{
	.component_guide.has_divider{gap:10px;}
	.component_guide .divider .text{font-size:14px;}
}


.component_form{position:relative;margin:0;padding:0;border-top:2.5px solid #0E8A98;}
.component_form .inputs{position:relative;margin:0;padding:0;list-style:none;background-color:#FFFFFF;display:flex;flex-wrap:wrap;flex-direction:row;}
.component_form .inputs li{position:relative;margin:0;padding:0;border-bottom:2px solid #EEEEEE;flex-basis:100%;display:flex;flex-wrap:wrap;flex-direction:column;}
.component_form .inputs li.w2{flex-basis:50%;}
.component_form .inputs li .item{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;flex:1;}
.component_form .inputs li .item .item_title{position:relative;margin:0;padding:10px 20px;width:200px;font-size:20px;font-weight:500;color:#000000;line-height:1.5;word-break:keep-all;background-color:#F8F8F8;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;flex-shrink:0;}
.component_form .inputs li .item .item_title .etc{font-size:17px;}
.component_form .inputs li .item .item_content{position:relative;margin:0;padding:15px 20px;font-size:20px;font-weight:300;color:#000000;line-height:1.8;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;flex-grow:1;}
.component_form .caution{position:relative;margin:0;padding:0;font-size:20px;font-weight:300;color:#7F7F7F;line-height:1.8;word-break:keep-all;}
.component_form * + .caution{margin-top:15px;}
.component_form .agreement{position:relative;margin:0;padding:20px;border:1px solid #D7D7D7;height:240px;font-size:18px;font-weight:300;color:#7F7F7F;line-height:1.8;word-break:keep-all;box-sizing:border-box;overflow:auto;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px;}
.component_form .agreement p{position:relative;margin:0;padding:0;}
.component_form .agreement .title{font-weight:600;color:#000000;}
.component_form .input_tel{position:relative;margin:0;padding:0;max-width:380px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px;}
.component_form .input_tel .component_input{flex:1;width:33%;}
.component_form .input_tel .span{flex-shrink:0;}
.component_form .input_select{position:relative;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:30px;row-gap:10px;}
.component_form .input_select .component_input:is([type="checkbox"],[type="radio"]) + label{display:block;color:#7F7F7F;word-break:keep-all;}
.component_form .buttons{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:20px;}
.component_form * + .buttons{margin-top:60px;}
.section_content .component_form{margin-left:-20px;}

@media all and (max-width:1000px)
{
	.component_form{border-top-width:2px;}
	.component_form .inputs li.w2{flex-basis:100%;}
	.component_form .inputs li .item .item_title{padding:10px;width:100px;font-size:15px;letter-spacing:-0.03em;}
	.component_form .inputs li .item .item_title .etc{font-size:13px;}
	.component_form .inputs li .item .item_content{padding:10px;font-size:15px;gap:15px;}
	.component_form .caution{font-size:14px;}
	.component_form * + .caution{margin-top:12px;}
	.component_form .agreement{padding:10px;height:200px;font-size:14px;}
	.component_form .input_select{gap:10px;}
	.section_content .component_form{margin-left:0;}
}