@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1199px) {
	#s03 .cap{ background-size: auto 46px; }
	#s03 .cap img{ width: auto; max-height: 80px; }
	#s03 .btn{ margin-top: -60px; }
	#s03 .btn a{ margin: 0 10px;}

	#s05 a img{ width: 250px; }

	#s06 span{ height: 650px; padding: 0 50px; }
	#s06 span .txt{ width: 55%; }
	#s06 span .txt .name{ font-size: 4em; }
	#s06 span .txt .cnt{ font-size: 1.25em; }
}

@media all and (max-width: 1024px) {
	#s03 .cap{ background-size: auto 40px; }
	#s03 .cap img{ width: auto; max-height: 60px; }

	#s05 a img{ width: 230px; }

	#s06 h2{ font-size: 2.75em;}
	#s06 span{ height: 550px; }
	#s06 span .txt{ width: 55%; }
	#s06 span .txt .name{ font-size: 3.75em; }
	#s06 span .txt .cnt{ font-size: 1.25em; }
}

@media all and (max-width: 991px) {
	.float_ul{ width: 100%; background: #e6917e; border: 10px solid #61b4dc; position: fixed; bottom: 0px; right: 0px; }
	.float_ul img{ display: none; }
	.float_ul p{ width: 100%; height: 40px; color: #47527a; font-weight: 700; text-shadow: 0 0 5px rgba(255, 255, 255, 1.0); line-height: 38px; text-align: center; text-indent: 0; }

	#s03 .cap{ background-size: auto 36px; }
	#s03 .cap img{ width: auto; max-height: 50px; }

	#s04 img:first-child{ width: 250px; margin-bottom: 50px; }

	#s05 a img{ width: 190px; }

	#s06 h2{ font-size: 2.5em;}
	#s06 span{ height: 450px; }
	#s06 span .txt{ width: 60%; }
	#s06 span .txt .name{ font-size: 3.5em; }
	#s06 span .txt .cnt{ font-size: 1.25em; }

	#s08 .btn a img{ width: 300px; margin: 0; }

	footer{ padding: 40px 20px 100px 20px;}
	footer .lg{ width: 600px; }

	.modal-body.ul{ padding: 60px 30px 30px 30px; }
	.form_col{ max-width: 450px; margin: 10px auto; padding: 0 30px; }
	.form_col label{ float: none; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }
	.form_col label p{ width: auto; margin: 0px; display: inline-block; font-size: 1.25em; line-height: 1.45em; }
	.form_col label span{ width: auto; margin: 0 0 0 10px; letter-spacing: 0 !important; text-indent: 0 !important; }
	.form_col input{ float: none; width: 100%; }

	.captcha_wrap{ float: left; margin: 0px 20px 0 0px; }
}

@media all and (max-width: 768px) {
	#s02{ padding: 70px 20px;}

	#s03{ padding: 70px 20px;}
	#s03 .cap{ background-size: auto 30px; }
	#s03 .cap img{ width: auto; max-height: 48px; }
	#s03 .thumb .lg{ display: none; }
	#s03 .thumb .md{ display: inline-block; }
	#s03 .thumb .sm{ display: none; }
	#s03 .btn{ margin-top: -50px; }
	#s03 .btn a{ margin: 0 0px;}

	#s04{ padding: 70px 20px;}
	#s04 img:first-child{ width: 250px; margin-bottom: 40px; }
	#s04 .lg{ display: none; }
	#s04 .md{ display: inline-block; }
	#s04 .sm{ display: none; }

	#s06{ padding: 70px 20px;}
	#s06 h2{ font-size: 2.25em;}
	#s06 span{ height: 350px; }
	#s06 span:nth-child(2){ margin-bottom: 50px; }
	#s06 span .txt{ width: 60%; }
	#s06 span .txt .name{ font-size: 3.25em; }
	#s06 span .txt .cnt{ font-size: 1.125em; }

	#s08{ padding: 70px 20px;}
}

@media all and (max-width: 767px) {
	#s03 .btn{ margin-top: 0px; }

	#s05 a{ width: 100%; top: 50px; right: 0; bottom: auto; text-align: center; }
	#s05 a img{ width: 160px; }
	#s05 .lg{ display: none; }
	#s05 .sm{ display: inline-block; }

	#s06{ padding: 60px 20px;}
	#s06 h2{ margin-bottom: 40px; font-size: 1.875em;}
	#s06 span{ height: 250px; }
	#s06 span:nth-child(2){ margin-bottom: 50px; }
	#s06 span .txt{ width: 60%; }
	#s06 span .txt .name{ font-size: 2em; }
	#s06 span .txt .cnt{ font-size: 1em; }

	#s08{ padding: 60px 20px;}
}

@media all and (max-width: 575px) {
	h2{ font-size: 1.625em; }
	h3{ font-size: 1.375em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }
	p{ font-size: 1em; }

	#s01 .lg{ display: none; }
	#s01 .sm{ display: block; }

	#s02{ padding: 50px 20px;}
	#s02 .join_wrap{ width: calc(100% - 40px); position: absolute; top: -38.82vw; text-align: center; display: none; }
	#s02 .join_wrap img{ width: 200px; }

	#s03{ padding: 50px 20px;}
	#s03 .cap{ background-size: auto 24px; }
	#s03 .cap img{ width: auto; max-height: 40px; }
	#s03 .thumb{ margin: 30px auto;}
	#s03 .thumb .md{ display: none; }
	#s03 .thumb .sm{ display: inline-block; }

	#s04 img:first-child{ width: 200px; margin-bottom: 30px; }
	#s04 .md{ display: none; }
	#s04 .sm{ display: inline-block; }

	#s05 a{ top: 40px;}
	#s05 a img{ width: 150px; }

	#s06{ padding: 50px 20px;}
	#s06 span{ height: auto; padding: 320px 20px 0 20px; }
	#s06 span:nth-child(2){ background: url('../../img/pic-sec_06_01.png') center top no-repeat; background-size: auto 300px; }
	#s06 span:nth-child(3){ background: url('../../img/pic-sec_06_02.png') center top no-repeat; background-size: auto 300px; }	
	#s06 span .txt{ width: 100%; padding: 0 0px; }
	#s06 span .txt .name{ margin-bottom: 10px; text-align: center; }
	#s06 span:last-child .txt .name{ order: 1; text-align: center; }
	#s06 span:last-child .txt .cnt{ order: 2; }
	#s06 span .txt .cnt{ font-size: 1.125em; }

	#s08{ padding: 50px 20px;}
	#s08 img:first-child{ width: 200px; margin-bottom: 30px; }
	#s08 .cnt .star.s2{ width: 50px; height: 50px; right: -10px; }
	#s08 .cnt .cap{ padding: 30px 30px; font-size: 2em; background: url('../../img/pic-bg_cap.png') left center no-repeat; background-size: 130px auto;}
	#s08 .cnt{ padding: 20px;}
	#s08 .cnt ol{ margin: 0 10px 0 30px; font-size: 1.125em; }

	footer{ padding: 30px 20px 90px 20px;}
	.footer_wrap p{ margin-top: 20px; font-size: .875em; }

	.modal-body.ul{ padding: 60px 20px 30px 20px; }

	.form_col label p{ font-size: 1.125em; }
	.form_col label span{ font-size: .813em;}
}

@media all and (max-width: 480px) {
	#s02{ padding: 40px 20px;}
	#s02 .join_wrap{ width: calc(100% - 40px); position: absolute; top: -37.82vw; text-align: center; }
	#s02 .join_wrap img{ width: 150px; }

	#s03{ padding: 40px 20px;}
	#s03 .cap{ background-size: auto 17px; }
	#s03 .cap img{ width: auto; max-height: 28px; }

	#s05 a{ top: 30px;}
	#s05 a img{ width: 130px; }

	#s08 .cnt .cap{ padding: 30px 20px; font-size: 1.75em; background: url('../../img/pic-bg_cap.png') left center no-repeat; background-size: 110px auto;}
}

@media all and (max-width: 375px) {
	#s03 .cap{ background-size: auto 15px; }
	#s03 .cap img{ width: auto; max-height: 25px; }

	#s05 a{ top: 25px;}
	#s05 a img{ width: 125px; }
}

@media all and (max-width: 374px) {
	#s03 .cap{ background-size: auto 13px; }
	#s03 .cap img{ width: auto; max-height: 22px; }

	#s05 a{ top: 20px;}
	#s05 a img{ width: 120px; }

	#s06 span{ height: auto; padding: 270px 20px 0 20px; }
	#s06 span:nth-child(2){ background: url('../../img/pic-sec_06_01.png') center top no-repeat; background-size: auto 250px; }
	#s06 span:nth-child(3){ background: url('../../img/pic-sec_06_02.png') center top no-repeat; background-size: auto 250px; }
	#s06 span .txt .cnt{ font-size: 1em; }
}