@media all and (max-width:767px) {

	#header {position: relative;}
	.inner {background-position: 0 40px; background-size: 180vw;}
	.main_tit {width:100%; margin: 15vw 0 20vw 0;}

	.main_tit h2 {font-size: 7.5vw; line-height: 9.5vw;}
	.main_tit h2 span {font-size: 6vw; ;}
	.main_tit p {font-size: 15px; line-height: 22px;}

	/* clear later */
	.main_tit h2 {text-align: center; margin-bottom: 30px; letter-spacing: -0.5px;}
	.main_tit p {display:none;}
	.main_tit a {margin: 0 auto;}
	/* clear later */

	.inner::before {content: ''; background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); height:160vw; width: 100%; display: block; position: absolute; z-index: 9; top: 0px; left: 0px;}
	.main_sty {position: relative; z-index: 19;}
	
	
	.choose_box ul li:first-child p {font-size: 14px; font-weight: 400; line-height: 18px;}
	/*
	.choose_box ul li {height: auto;}
	.choose_box ul li:nth-child(n+2) dl > dt {height: 40px; line-height: 36px; font-size: 14px; border-top: 1px solid #cdd0d9;}
	.choose_box ul li:first-child {border-bottom:0;}
	*/
	.choose_box ul li {height: 84px; border-bottom: 1px solid #cdd0d9; border-right: 0;}
	.choose_box ul li:nth-child(4) {border-bottom: 0;}
	.choose_box ul li:nth-child(n+2) dl > dt {position: absolute; top: 0; left: 0; width: 35%; font-size: 13px; line-height: 16px; height: 84px;}
	.choose_box ul li:last-child dl > dt {border-bottom: 0;}
	.choose_box ul li:nth-child(n+2) dl > dt > span {position: absolute; width: 90%; transform: translateY(-50%); top: 50%; left: 6px;}

	.choose_box ul li:nth-child(n+2) {width: 100%; position: relative;}
	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(3) a {width: 100px; font-size: 13px; height: 34px; line-height: 30px;}
	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(n+2) {position: absolute; width: 65%;}
	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(n+2) > input {vertical-align: middle;}
	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(n+2) > label {vertical-align: middle;}

	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(2) {right: 0; top: 0;}
	.choose_box ul li:nth-child(n+2) dl > dd:nth-child(3) {right: 0; top: 38px;}

	.info_tit p {margin-left: 0;}
	.info_tit h2 {line-height: 30px; margin-left: 85px; letter-spacing: -0.5px; font-size: 24px;}
	
	.info_tit img {width: 75px;}

	.info_tit p:nth-child(2) {font-size: 16px; display:none;}
	.info_tit p:nth-child(3) {font-size: 14px; line-height: 18px; margin-top:20px; margin-bottom: 0;}

	.step_boxsty li:nth-child(1) {position: relative; transform: initial; top: initial;}
	.step_boxsty li:nth-child(2) {position: relative; transform: initial; top: initial; margin-left: 10px;}

	.step_boxsty li:nth-child(3) {width: 100%; padding: 10px 20px; margin-top: 20px; font-size: 14px;}
	
	.step_deco_sty {left: 50%; bottom: -25px;  width: 0; height: 0;}
	.step_deco_sty::after {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#ddd; font-size: 26px;}
	
	.step_boxsty {padding: 0; margin-bottom: 74px;}
	.step_boxsty:last-child {margin-bottom: 0;}
	.info_step {background-image: none;}

	.logo_sty {margin-top: 20px;}
	.logo_sty img {width: 70%;}
	.logo_sty a svg { width:160px; }
	.header_wrap>.mem_sty { display:none; }
	.header_wrap {width: 92%;}
	.main_sty {width: 92%;}
	.copy_wrap {width: 92%;}
	.sub_cont {width: 92%;}
	.sub_cont02 {width: 92%;}

	.sub_visual {background-size: cover; height: 150px; line-height: 150px; background-position: 70%;}
	.sub_visual p {font-size: 8vw;}
	.sub_menu_sty ul > li {line-height: 50px; height: 60px;}
	.sub_menu_sty {height: 60px;}
	.sub_menu_sty ul > li > a {font-size:13px; line-height:23px; }

	.sub_cont {margin-top: 60px;}

	.copy_agree li a {font-size:14px;}
	.company_info li {font-size:12px; letter-spacing: -0.5px;}
	.copyright {font-size:13px;}
	.sub_menu_sty li > a > span {display:none;}


	.stepicon_sty ul.on > li {line-height: 40px; font-size: 15px;}
	.stepicon_sty ul.nomarl > li  {line-height: 40px; font-size: 18px;}
	.stepicon_sty ul > li {width: 40px; height: 40px;}
	.stepicon_sty ul > p {font-size: 14px;}
	.dot_deco {line-height: 26px;}
	.stepicon_sty ul {width: 25vw;}
	.dot_deco span:nth-child(n+2) {display:none;}
	.dot_deco span {width: 0; height: 0; position: relative;}
	.dot_deco span::after {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#e8eef1;}
	.dot_deco.on span::after {color: #0c4f9e;}

	.stepicon_sty ul.nomarl > p {width: 55px; margin: 0 auto; margin-top: 12px; line-height: 18px;}

	.notice_box h2 {font-size: 5vw;}
	.box_sty {padding: 30px 20px;}
	.box_sty .ndesk { font-size:14px; }
	.section_head li:first-child {width: 45px; height: 45px; font-size: 20px; line-height: 40px; border-radius: 10px;}
	.section_head li:last-child {line-height: 22px; padding: 0 5px;}
	
	/*.section_input01 {margin-left: 22px; padding-left: 32px;}*/
	.section_input01 {margin: 0; padding: 0; border: 0;}
	.section_input01 li {width: 100%;}
	.section_input01 li:nth-child(2n) {margin-left: 0;}
	.section_input02 {width: 100%;}

	/*.input_lay02 {margin-left: 22px; padding-left: 32px;}*/
	.input_lay02 {margin: 0; padding: 0; border: 0;}
	.input_lay02 .section_input02:last-child {margin: 0;}

	.input_lay03 {margin: 0; padding: 0; border: 0;}

	.section_input04 {width: 100%;}

	.section_head2::before {content: initial;}

	.section_head2 li:nth-child(1) {display:none;}
	.section_head2 li:nth-child(2) {margin:0;}

	.input_wrap input[type="checkbox"] + label {display: block; margin: 10px 0 0;}

	.section_input01 span {color: #404040;}
	.section_input02 span {color: #404040;}
	.section_input03 span {color: #404040;}
	.section_input04 span {color: #404040; margin: 0;}

	.section_input03 {width: 100%;}

	.etc_type01 input[type="radio"] + label {display: inline-block; width: 48%; margin: 0; vertical-align: top; font-size: 16px; letter-spacing: -0.5px;}
	.etc_type02 input[type="checkbox"] + label {display: inline-block; width: 48%;  font-size: 16px; letter-spacing: -0.5px;}
	
	.etc_head_sty li:first-child {display: inline-block;}
	.etc_head_sty li:last-child {display: inline-block; width: 82%; vertical-align: top; font-size: 13px; letter-spacing: -1px;}
	.etc_head_sty li:last-child span {font-size: 16px; letter-spacing: -1px;}
	.etc_head_sty input[type="checkbox"] + label {margin: 0;}
	.etc_head_sty li:last-child br {display:none;}

	.section_head2 {top: 0; padding-top: 10px; text-align: center;}
	.btn_lay {float: inherit; margin-top: 15px;}

	.exbox {width:100%;}
	.completion_lay {width:100%;}
	.completion_lay {margin-top: 60px;}
	.comple_box {padding: 14vw 6vw;}
	.comple_text li:nth-child(1) span {font-size: 22px;}
	.comple_text li:nth-child(2) {font-size: 14px;}

	.modal-content {width: 92%;}
	.event_cont_lay {padding: 20px;}
	.close-button {top: 10px; right: 15px;}
	.main_notice_tit p > br {display:none;}

	/*
	.memberWrap .inner {background-position: 0 0px;}
 	.memberWrap .inner::before {content: inherit;}
	*/

	.member_skin {position: relative; z-index: 99;}
	.memberTitle {z-index: 99; padding-top: 60px;}

	.view_subject {font-size: 5vw;}
	.summary_info li {width: 48%;}
	.board_skin .tabmenu4 li { width:50%; }
	.board_skin .tabmenu4 li a { font-size:14px; }
	.board_skin .tblist5 td.subject { color:#222; }
	.board_skin .tblist5 td.subject a { font-size:13px; color:#222; }
	.board_skin .tblist5 tr.answer td { font-size:13px; line-height:23px; }

}

@media all and (max-width:680px) {
	.mylist_table colgroup > col {width:33.333%;}
	.mylist_table colgroup > col:nth-child(n+3):nth-child(-n+4) {display:none;}
	.mylist_table thead > tr > th:nth-child(n+3):nth-child(-n+4) {display:none;}
	.mylist_table tbody > tr > td {font-size: 13px;}
	.mylist_table tbody > tr > td:nth-child(n+3):nth-child(-n+4) {display:none;}
	.summary_info li {width: 100%; font-size: 16px;}
}



@media all and (max-width:359px) {
	.comple_text li:nth-child(2) br {display:none;}
	.home_btn {width: 100%;}
}