@charset "UTF-8";

#page{position:relative;}

#page .page_section{position:relative;padding:150px 0;}
#page .page_section:after{content:"";display:block;clear:both;}
#page .page_section.padding_bottom_none{padding-bottom:0;}
#page .page_section.bg_gray{background-color:#f6f6f6;}
#page .page_section .section_left{position:relative;float:left;width:calc(50% - 20px);}
#page .page_section .section_right{position:relative;float:right;width:calc(50% - 20px);}
#page .page_section .section_title{position:relative;text-align:center;font-size:20px;}
#page .page_section .section_title .subtitle{position:relative;margin:0;padding:0;font-size:24px;font-weight:500;color:#000000;line-height:1.3;font-family:"Outfit",sans-serif;word-break:keep-all;}
#page .page_section .section_title .title{position:relative;margin:0;padding:0;font-size:55px;font-weight:500;color:#000000;line-height:1.3;word-break:keep-all;}
#page .page_section .section_title .title .en{font-family:"Outfit",sans-serif;}
#page .page_section .section_title .title br.mo{display:none;}
#page .page_section .section_title .description{position:relative;margin:0;padding:0;font-size:22px;font-weight:400;color:#000000;line-height:1.7;word-break:keep-all;}
#page .page_section .section_title .description br.mo{display:none;}
#page .page_section .section_title .subtitle + .title{margin-top:20px;}
#page .page_section .section_title .title + .description{margin-top:40px;}
#page .page_section .section_title.align_left{text-align:left;}
#page .page_section .section_title.color_white .subtitle{color:#ffffff;}
#page .page_section .section_title.color_white .title{color:#ffffff;}
#page .page_section .section_title.color_white .description{color:#ffffff;}
#page .page_section .section_content{position:relative;}

#page .page_section .section_title + .section_content{position:relative;margin-top:120px;}
#page .page_section .section_title + .section_content.margin_small{margin-top:70px;}
#page .page_section .section_title + .section_content.margin_medium{margin-top:80px;}

@media all and (max-width:1300px){
	#page .page_section{padding:130px 0;}
	#page .page_section .section_title{font-size:18px;}
	#page .page_section .section_title .subtitle{font-size:1.2em;}
	#page .page_section .section_title .title{font-size:2.75em;}
	#page .page_section .section_title .description{font-size:1.1em;}
	#page .page_section .section_title .subtitle + .title{margin-top:0.36em;}
	#page .page_section .section_title .title + .description{margin-top:1.8em;}
	
	#page .page_section .section_title + .section_content{margin-top:105px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:60px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:70px;}
}

@media all and (max-width:1200px){
	#page .page_section{padding:110px 0;}
	#page .page_section .section_title{font-size:17px;}
	
	#page .page_section .section_title + .section_content{margin-top:90px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:50px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:60px;}
}

@media all and (max-width:1000px){
	#page .page_section{padding:90px 0;}
	#page .page_section .section_left{float:none;width:auto;}
	#page .page_section .section_right{float:none;width:auto;}
	#page .page_section .section_title{font-size:16px;}
	#page .page_section .section_title .title{font-size:2.4em;}
	#page .page_section .section_title .title br.pc{display:none;}
	#page .page_section .section_title .title br.mo{display:block;}
	#page .page_section .section_title .description br.pc{display:none;}
	#page .page_section .section_title .description br.mo{display:block;}
	
	#page .page_section .section_title + .section_content{margin-top:80px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:45px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:55px;}
}

@media all and (max-width:800px){
	#page .page_section{padding:80px 0;}
	#page .page_section .section_title{font-size:15px;}
	
	#page .page_section .section_title + .section_content{margin-top:70px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:40px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:50px;}
}

@media all and (max-width:600px){
	#page .page_section{padding:70px 0;}
	#page .page_section .section_title{font-size:14px;}
	#page .page_section .section_title .title{font-size:2.1em;}
	
	#page .page_section .section_title + .section_content{margin-top:60px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:35px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:45px;}
}

@media all and (max-width:400px){
	#page .page_section{padding:60px 0;}
	#page .page_section .section_title{font-size:13px;}
	
	#page .page_section .section_title + .section_content{margin-top:50px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:30px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:40px;}
}

@media all and (max-width:350px){
	#page .page_section{padding:50px 0;}
	#page .page_section .section_title{font-size:12px;}
	#page .page_section .section_title .title br{display:none;}
	
	#page .page_section .section_title + .section_content{margin-top:40px;}
	#page .page_section .section_title + .section_content.margin_small{margin-top:25px;}
	#page .page_section .section_title + .section_content.margin_medium{margin-top:35px;}
}


.component_common_form{position:relative;font-size:20px;}
.component_common_form form{position:relative;margin:0;padding:0;}
.component_common_form fieldset{position:relative;margin:0;padding:0;border:0;}
.component_common_form legend{display:none;}
.component_common_form .divider{position:relative;}
.component_common_form .divider + .divider{margin-top:115px;}
.component_common_form .divider .divider_title{position:relative;}
.component_common_form .divider .divider_title .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:500;color:#000000;line-height:1.4;word-break:keep-all;}
.component_common_form .divider .divider_title .title .guide{font-size:20px;color:#575757;}
.component_common_form .divider .divider_content{position:relative;}
.component_common_form .divider .divider_title + .divider_content{margin-top:45px;}
.component_common_form .divider .options{position:relative;}
.component_common_form .divider .options ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_form .divider .options ul:after{content:"";display:block;clear:both;}
.component_common_form .divider .options ul li{position:relative;float:left;width:calc(50% - 20px);margin-right:40px;}
.component_common_form .divider .options ul li:nth-child(2n){margin-right:0;}
.component_common_form .divider .options ul li:nth-child(n+3){margin-top:25px;}
.component_common_form .divider .options.w5 ul li{width:calc(20% - 32px);margin-right:40px;}
.component_common_form .divider .options.w5 ul li:nth-child(2n){margin-right:40px;}
.component_common_form .divider .options.w5 ul li:nth-child(5n){margin-right:0;}
.component_common_form .divider .options.w5 ul li:nth-child(n+3){margin-top:0;}
.component_common_form .divider .options.w5 ul li:nth-child(n+6){margin-top:25px;}
.component_common_form .divider  *::placeholder{color:#575757;}

.component_common_form .divider [type="text"],
.component_common_form .divider [type="password"],
.component_common_form .divider [type="number"],
.component_common_form .divider [type="tel"],
.component_common_form .divider [type="email"],
.component_common_form .divider select,
.component_common_form .divider textarea,
.component_common_form .divider [type="radio"] + label,
.component_common_form .divider [type="checkbox"] + label{position:relative;display:block;margin:0;padding:0;-webkit-appearance:none;border:1px solid #cacaca;height:78px;width:100%;font-size:22px;font-weight:400;color:#000000;background-color:#ffffff;border-radius:15px;box-sizing:border-box;resize:none;transition:border-color ease 0.3s,background-color ease 0.3s,color ease 0.3s;}

.component_common_form .divider select{cursor:pointer;}

.component_common_form .divider [type="radio"],
.component_common_form .divider [type="checkbox"]{display:none;}
.component_common_form .divider [type="radio"] + label,
.component_common_form .divider [type="checkbox"] + label{line-height:calc(78px - 2px);text-align:center;cursor:pointer;}

.component_common_form .divider [type="text"],
.component_common_form .divider [type="password"],
.component_common_form .divider [type="number"],
.component_common_form .divider [type="tel"],
.component_common_form .divider [type="email"],
.component_common_form .divider select,
.component_common_form .divider textarea{padding:0 30px;}
.component_common_form .divider textarea{padding:25px 30px;line-height:1.8;height:365px;}

.component_common_form .divider [type="text"]:hover,
.component_common_form .divider [type="password"]:hover,
.component_common_form .divider [type="number"]:hover,
.component_common_form .divider [type="tel"]:hover,
.component_common_form .divider [type="email"]:hover,
.component_common_form .divider select:hover,
.component_common_form .divider textarea:hover,
.component_common_form .divider [type="radio"] + label:hover,
.component_common_form .divider [type="checkbox"] + label:hover{background-color:#efefef;}

.component_common_form .divider [type="text"]:focus,
.component_common_form .divider [type="password"]:focus,
.component_common_form .divider [type="number"]:focus,
.component_common_form .divider [type="tel"]:focus,
.component_common_form .divider [type="email"]:focus,
.component_common_form .divider select:focus,
.component_common_form .divider textarea:focus{border-color:#000000;background-color:#efefef;}

.component_common_form .divider [type="text"]:not(:placeholder-shown),
.component_common_form .divider [type="password"]:not(:placeholder-shown),
.component_common_form .divider [type="number"]:not(:placeholder-shown),
.component_common_form .divider [type="tel"]:not(:placeholder-shown),
.component_common_form .divider [type="email"]:not(:placeholder-shown),
.component_common_form .divider textarea:not(:placeholder-shown){border-color:#000000;}

.component_common_form .divider .select{position:relative;}
.component_common_form .divider .select select{position:relative;z-index:0;color:#575757;}
.component_common_form .divider .select .arrow{position:absolute;display:boock;z-index:1;top:50%;right:30px;transform:translateY(-50%);width:13px;height:13px;background-size:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../img/page/component_common_form_select_arrow.png);opacity:0.3;}
.component_common_form .divider .select select:focus + .arrow{transform:translateY(-50%) rotate(-180deg);}
.component_common_form .divider .select select.selected{color:#000000;border-color:#000000;}
.component_common_form .divider .select select.selected + .arrow{opacity:1;}

.component_common_form .divider :checked + label{border-color:#000000 !important;background-color:#000000 !important;color:#ffffff !important;}

.component_common_form .footer{position:relative;margin-top:90px;padding-top:70px;border-top:1px solid #e1e1e1;}
.component_common_form .footer .inner{position:relative;}
.component_common_form .footer .inner:after{content:"";display:block;clear:both;}
.component_common_form .footer .agreement{position:absolute;float:left;left:0;top:50%;transform:translateY(-50%);}
.component_common_form .footer .agreement [type="checkbox"]{display:none;}
.component_common_form .footer .agreement [type="checkbox"] + label{position:relative;margin:0;padding:0;padding-left:50px;font-size:22px;font-weight:400;color:#575757;line-height:1.4;word-break:keep-all;cursor:pointer;transition:color ease 0.3s;}
.component_common_form .footer .agreement [type="checkbox"] + label:before,
.component_common_form .footer .agreement [type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid #cacaca;background-color:#ffffff;border-radius:8px;box-sizing:border-box;transition:border-color ease 0.3s,opacity ease 0.3s;}
.component_common_form .footer .agreement [type="checkbox"] + label:after{opacity:0;border-color:transparent;background-color:transparent;background-image:url(../img/page/component_common_form_checkbox_arrow.png);background-size:70%;background-repeat:no-repeat;background-position:center center;}
.component_common_form .footer .agreement [type="checkbox"]:checked + label{color:#000000;}
.component_common_form .footer .agreement [type="checkbox"]:checked + label:before{border-color:#000000;}
.component_common_form .footer .agreement [type="checkbox"]:checked + label:after{opacity:1;}
.component_common_form .footer .agreement .button{position:relative;display:inline-block;margin:0;padding:0;margin-left:0.3em;margin-top:1px;vertical-align:top;-webkit-appearance:none;border:0;border-bottom:2px solid #000000;height:auto;width:auto;font-size:22px;font-weight:500;line-height:1.2;color:#000000;background-color:transparent;border-radius:0;box-sizing:border-box;cursor:pointer;}
.component_common_form .footer .buttons{position:relative;float:right;}
.component_common_form .footer .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_form .footer .buttons ul:after{content:"";display:block;clear:both;}
.component_common_form .footer .buttons ul li{position:relative;float:left;}
.component_common_form .footer .buttons .button{position:relative;display:block;margin:0;padding:0;-webkit-appearance:none;border:1px solid #cacaca;height:78px;width:400px;font-size:26px;font-weight:500;color:#000000;background-color:#ffffff;border-radius:15px;box-sizing:border-box;transition:border-color ease 0.3s,background-color ease 0.3s;cursor:pointer;}
.component_common_form .footer .buttons .button:hover{background-color:#efefef;}
.component_common_form .footer .buttons .button.button_submit{background-color:#000000;color:#ffffff;}
.component_common_form .footer .buttons .button.button_submit:hover{background-color:#222222;}

@media all and (max-width:1300px){
	.component_common_form{font-size:18px;}
	.component_common_form .divider + .divider{margin-top:100px;}
	.component_common_form .divider .divider_title .title{font-size:1.3em;}
	.component_common_form .divider .divider_title .title .guide{font-size:0.77em;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:40px;}

	.component_common_form .divider [type="text"],
	.component_common_form .divider [type="password"],
	.component_common_form .divider [type="number"],
	.component_common_form .divider [type="tel"],
	.component_common_form .divider [type="email"],
	.component_common_form .divider select,
	.component_common_form .divider textarea,
	.component_common_form .divider [type="radio"] + label,
	.component_common_form .divider [type="checkbox"] + label{height:3.54em;font-size:1.1em;border-radius:0.68em;}
	
	.component_common_form .divider [type="radio"],
	.component_common_form .divider [type="checkbox"]{display:none;}
	.component_common_form .divider [type="radio"] + label,
	.component_common_form .divider [type="checkbox"] + label{line-height:calc(3.54em - 2px);}
	
	.component_common_form .divider [type="text"],
	.component_common_form .divider [type="password"],
	.component_common_form .divider [type="number"],
	.component_common_form .divider [type="tel"],
	.component_common_form .divider [type="email"],
	.component_common_form .divider select,
	.component_common_form .divider textarea{padding:0 1.36em;}
	.component_common_form .divider textarea{padding:1.13em 1.36em;line-height:1.8;height:16.6em;}
	
	.component_common_form .divider .select .arrow{right:1.36em;width:0.59em;height:0.59em;}
	
	.component_common_form .footer{margin-top:80px;padding-top:60px;}
	.component_common_form .footer .agreement [type="checkbox"] + label{font-size:1.1em;padding-left:2.27em;}
	.component_common_form .footer .agreement [type="checkbox"] + label:before,
	.component_common_form .footer .agreement [type="checkbox"] + label:after{width:1.36em;height:1.36em;border-radius:0.36em;}
	.component_common_form .footer .agreement .button{font-size:1.1em;}
	.component_common_form .footer .buttons .button{font-size:1.3em;height:3em;border-radius:0.57em;width:15.38em;}
}
@media all and (max-width:1200px){
	.component_common_form{font-size:17px;}
	.component_common_form .divider + .divider{margin-top:90px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:35px;}
	
	.component_common_form .footer{margin-top:70px;padding-top:50px;}
}
@media all and (max-width:1000px){
	.component_common_form{font-size:16px;}
	.component_common_form .divider + .divider{margin-top:80px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:30px;}
	.component_common_form .divider .options ul li{width:calc(50% - 7.5px);margin-right:15px;}
	.component_common_form .divider .options.w5 ul li{width:calc(33.33% - 10px);margin-right:15px;}
	.component_common_form .divider .options.w5 ul li:nth-child(2n){margin-right:15px;}
	.component_common_form .divider .options.w5 ul li:nth-child(5n){margin-right:15px;}
	.component_common_form .divider .options.w5 ul li:nth-child(3n){margin-right:0;}
	.component_common_form .divider .options.w5 ul li:nth-child(n+4){margin-top:10px;}
	
	.component_common_form .footer{margin-top:60px;padding-top:40px;}
	.component_common_form .footer .buttons .button{width:9em;}
}
@media all and (max-width:800px){
	.component_common_form{font-size:15px;}
	.component_common_form .divider + .divider{margin-top:70px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:25px;}
	
	.component_common_form .footer{margin-top:55px;padding-top:35px;}
}
@media all and (max-width:600px){
	.component_common_form{font-size:14px;}
	.component_common_form .divider + .divider{margin-top:60px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:20px;}
	.component_common_form .divider .options.w2 ul li{width:100%;margin-right:0;}
	.component_common_form .divider .options.w2 ul li:nth-child(n+2){margin-top:10px;}
	
	.component_common_form .footer{margin-top:50px;padding-top:30px;}
	.component_common_form .footer .agreement{position:relative;float:none;left:auto;top:auto;transform:translate(0);}
	.component_common_form .footer .buttons{float:none;margin-top:3em;}
	.component_common_form .footer .buttons ul li{float:none;}
	.component_common_form .footer .buttons .button{width:100%;}
}
@media all and (max-width:400px){
	.component_common_form{font-size:13px;}
	.component_common_form .divider + .divider{margin-top:50px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:15px;}
	
	.component_common_form .footer{margin-top:45px;padding-top:25px;}
}
@media all and (max-width:350px){
	.component_common_form{font-size:12px;}
	.component_common_form .divider + .divider{margin-top:40px;}
	.component_common_form .divider .divider_title + .divider_content{margin-top:10px;}
	
	.component_common_form .footer{margin-top:40px;padding-top:20px;}
}


.component_common_terms{position:relative;font-size:20px;font-weight:400;color:#000000;line-height:1.6;}
.component_common_terms h3{margin:0;padding:0;font-size:1.15em;font-weight:700;word-break:keep-all;}
.component_common_terms p{margin:0;padding:0;font-size:1em;word-break:keep-all;}
.component_common_terms ul{margin:0;font-size:1em;padding:0;list-style:none;}
.component_common_terms ul li{position:relative;padding-left:15px;word-break:keep-all;}
.component_common_terms ul li:before{content:"";display:block;position:absolute;left:0;top:0.65em;width:0.25em;height:0.25em;border-radius:50%;background-color:#000000;}
.component_common_terms h3 + *{margin-top:0.5em;}
.component_common_terms * + h3{margin-top:1.5em;}
.component_common_terms p + ul{margin-top:0.5em;}
.component_common_terms ul + p{margin-top:1em;}

@media all and (max-width:1300px){
	.component_common_terms{font-size:18px;}
}
@media all and (max-width:1200px){
	.component_common_terms{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_common_terms{font-size:16px;}
}
@media all and (max-width:800px){
	.component_common_terms{font-size:15px;}
}
@media all and (max-width:600px){
	.component_common_terms{font-size:14px;}
}
@media all and (max-width:400px){
	.component_common_terms{font-size:13px;}
}
@media all and (max-width:350px){
	.component_common_terms{font-size:12px;}
}