@charset "UTF-8";.tmenut li { width: calc(100% / 5 ); } 

.online_chk { position:relative; width:100%; max-width:1300px; padding-bottom:50px; margin:0 auto; } 
.online_chk:after { content:""; display:block; clear:both; } 
.online_chk .chk_list { width:100%; max-width:100%; margin-top:100px; } 
.online_chk .chk_list:after { content:""; display:block; clear:both; } 
.online_chk .chk_list:first-of-type { margin-top:0; } 
.online_chk .chk_list h2 { display:block; /* margin-bottom:40px; */font-size:2.5em; color:#000f53; line-height:1.4; margin-right: 0.8em; flex: 0 1 auto; } 
.online_chk .chk_list h3 { display:block; margin-bottom:30px; font-size:1.65em; color:#000f53; line-height:1.4; } 
.online_chk table { width:100%; margin-bottom:60px; border-collapse:collapse; border-spacing:0; } 
.online_chk table tr { width:100%; } 
.online_chk table tr th { padding:15px 15px; font-size:1.65em; color:#000f53; line-height:1.4; letter-spacing:-0.05em; font-weight:700; word-break:keep-all; border:1px solid #ddd; border-top:1px solid #000f53; }
.online_chk table tr th:first-of-type { border-left:none; } 
.online_chk table tr th:last-child { border-right:none; } 
.online_chk table tr td { width:auto; padding:18px 10px 18px 22px; font-size:18px; color:#888; line-height:1.4; word-break:keep-all; border:1px solid #ddd; transition:0.5s all ease; }
.online_chk table tr td.td_center {text-align: center;padding:18px 10px;}
.online_chk table tr td p { display:inline-block; vertical-align:middle; margin-left:33px; font-size:18px; color:#888; line-height:1.4; }
.online_chk table tr td label { display:inline-block; vertical-align:middle; padding:0; font-size:0; cursor:pointer; } 
.online_chk table tr td:first-of-type { border-left:none; } 
.online_chk table tr td:last-child { border-right:none; } 
.online_chk table tr td input[type="checkbox"] { display:none; } 
.online_chk table tr td input[type="checkbox"] + label span { position:relative; display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:0; cursor:pointer; border:1px solid #ddd; } 
.online_chk table tr td input[type="checkbox"] + label span:before { z-index:0; content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-width:0; } 
.online_chk table tr td input[type="checkbox"]:checked + label span { border:1px solid #355789; } 
.online_chk table tr td input[type="checkbox"]:checked + label span:before { border:1px solid #355789; } 
.online_chk table tr td input[type="checkbox"]:checked + label span:after { z-index:1; content:""; display:block; position:absolute; top:-3px; right:-6px; width:22px; height:16px; background:url('./images/chk_icon.png') no-repeat 50% 50%; } 
.online_chk table tr td input[type="radio"] { display:none; } 
.online_chk table tr td input[type="radio"] + label span { position:relative; display:inline-block; vertical-align:middle; width:18px; height:18px; border-radius:0; cursor:pointer; border:1px solid #ddd; } 
.online_chk table tr td input[type="radio"] + label span:before { z-index:0; content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-width:0; } 
.online_chk table tr td input[type="radio"]:checked + label span { border:1px solid #355789; } 
.online_chk table tr td input[type="radio"]:checked + label span:before { border:1px solid #355789; } 
.online_chk table tr td input[type="radio"]:checked + label span:after { z-index:1; content:""; display:block; position:absolute; top:-3px; right:-6px; width:22px; height:16px; background:url('./images/chk_icon.png') no-repeat 50% 50%; } 
.online_chk table.type1 tr td { width:25%; } 
.online_chk table.type2 tr td:nth-of-type(1) { width:80px; padding:0; text-align:center; } 
.online_chk table.type2 tr td:nth-of-type(2) { width:calc(25% - 80px); } 
.online_chk table.type2 tr td:nth-of-type(3) { width:36%; } 
.online_chk table.type2 tr td:nth-of-type(4) { width:32%; } 
.online_chk table.type2-2 tr td:nth-of-type(1) { width:80px; padding:0; text-align:center; } 
.online_chk table.type2-2 tr td:nth-of-type(2) { width:calc(38% - 80px); } 
.online_chk table.type2-2 tr td:nth-of-type(3) { width:32%; } 
.online_chk table.type2-2 tr td:nth-of-type(4) { width:30%; } 
.online_chk table.type3 tr td:nth-of-type(1) { width:80px; padding:0; text-align:center; } 
.online_chk table.type4_Testing tr td { width:50%; font-weight:500; border:1px solid #ddd !important; } 
.online_chk table.type4_Testing tr td p { color:#999; margin-left:63px; } 
.online_chk table.type4_Testing tr td.on { border:1px solid #000f53 !important; } 
.online_chk table.type4_Testing tr td.on p { color:#000f53; } 
.online_chk table.type5 thead tr th { width:100%; border-top:1px solid #000f53; border-bottom:1px solid #000f53; } 
.online_chk table.type5 thead tr th.gap { height:20px; padding:0; } 
.online_chk table.type5 thead tr td { width:100%; border-top:1px solid #000f53; border-bottom:1px solid #000f53; } 
.online_chk table.type5 thead tr td p { margin-left:20px; } 
.online_chk table.type5 tbody tr td:nth-of-type(1) { width:32%; } 
.online_chk table.type5 tbody tr td:nth-of-type(2) { width:36%; } 
.online_chk table.type5 tbody tr td:nth-of-type(3) { width:32%; } 
.online_chk table.type5 tbody tr td p { margin-left:0; margin-right:20px; } 
.online_chk .online_bt { width:100%; max-width:100%; margin-top:50px; } 
.online_chk .online_bt .btn_chk { width:100%; padding:20px; line-height:1.4; font-size:1.65em; color:#fff; text-align:center; background:#000f53; border:0; transition:0.5s all ease; } 
.online_chk .online_bt .btn_chk:hover { color:#fff; background:#000; cursor:pointer; } 
.online_chk .online_bt .msg {font-size:16px;color:red;display: block;margin-top:10px;}


.online_wrap { position:relative; width:100%; max-width:1300px; padding-bottom:50px; margin:0 auto; } 
.online_wrap:after { content:""; display:block; clear:both; } 
.online_wrap h2 { display:block; margin-bottom:40px; font-size:2.5em; color:#000f53; line-height:1.4; } 
.online_wrap .online_step { display:flex; margin-top:50px; margin-bottom:100px; } 
.online_wrap .online_step:after { content:""; display:block; clear:both; } 
.online_wrap .online_step ul { width:100%; display:flex; justify-content:space-between; } 
.online_wrap .online_step ul li { position:relative; display:block; width:13.25%; height:127px; margin:0; border:1px solid #000f53; } 
.online_wrap .online_step ul li:after { content:"▶"; position:absolute; right:-22%; top:50%; transform:translateY(-50%); font-size:1.35em; color:#000f53; } 
.online_wrap .online_step ul li:last-child:after { display:none; } 
.online_wrap .online_step ul li .txts { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center; } 
.online_wrap .online_step ul li .txts em { display:block; font-size:1.65em; color:#000f53; font-style:normal; } 
.online_wrap .online_step ul li .txts p { display:block; font-size:1.35em; color:#000f53; line-height:1.4; margin-top:15px; } 
.online_wrap .online_step ul li:last-child { background:#000f53; } 
.online_wrap .online_step ul li:last-child .txts em { color:#fff; } 
.online_wrap .online_step ul li:last-child .txts p { color:#fff; } 
.online_wrap .online_box { width:100%; padding-top:40px; margin-top:25px; border-top:1px solid #000; } 
.online_wrap .online_box:after { content:""; display:block; clear:both; } 
.online_wrap .online_box ul { width:100%; margin:0; padding:0; } 
.online_wrap .online_box ul li { float:left; width:100%; padding:15px 0 15px 0; } 
.online_wrap .online_box ul li dl { width:100%; vertical-align:top; } 
.online_wrap .online_box ul li dl dt { width:100%; display:inline-block; margin-bottom:15px; } 
.online_wrap .online_box ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.65em; color:#111; font-weight:500; } 
.online_wrap .online_box ul li dl dt span.red { padding-left:5px; color:#e80300; } 
.online_wrap .online_box ul li dl dd { width:100%; display:inline-block; vertical-align:middle; } 
.online_wrap .online_box ul li dl dd input[type="text"] { width:100%; max-width:100%; height:73px; font-size:1.35em; color:#000; padding:0 26px; background-color:#f8fbff; border:0; box-sizing:border-box; } 
.online_wrap .online_box ul li dl dd textarea { width:100%; max-width:100%; height:253px; font-size:1.35em; color:#000; padding:26px; background-color:#f8fbff; border:0; box-sizing:border-box; resize: none;}
.online_wrap .online_box ul li dl dd input::placeholder { font-size:1em; color:#666; }
.online_wrap .online_box ul li dl dd label { display:inline-block; padding:0 25px 0 5px; cursor:pointer; } 
.online_wrap .online_box ul li dl dd .chk_list { width:100%; min-height:385px; padding:30px 26px; font-size:1.35em; color:#666; line-height:1.6; font-weight:400; resize:none; border:0; box-sizing:border-box; background-color:#f8fbff; } 
.online_wrap .online_box ul li dl dd .chk_list p { margin-top:25px; } 
.online_wrap .online_box ul li dl dd .chk_list p:first-of-type { margin-top:0; } 
.online_wrap .online_box ul li.w50 { float:left; width:50%; padding:15px 16px 15px 0; } 
.online_wrap .online_box ul li.w50:nth-child(even) { padding:15px 0 15px 16px; } 
.online_wrap .online_bt { width:100%; text-align:center; margin-top:50px; } 
.online_wrap .online_bt .btn_ok { float:left; width:50%; padding:20px; line-height:1.4; font-size:1.65em; color:#fff; text-align:center; background:#000f53; border:0; border:1px solid #dadada; transition:0.5s all ease; } 
.online_wrap .online_bt .btn_ok:hover { background:#222; } 
.online_wrap .online_bt a.btn_cancel { float:left; width:50%; padding:18px 20px; line-height:1.4; font-size:1.85em; color:#999; text-align:center; background:#fff; border:0; border:1px solid #cdced2; transition:0.5s all ease; }
.online_wrap .online_bt a.btn_cancel:hover { background:#f8f8f8; } 


.tbb { width:100%; margin:0 auto; } 
.tbb th { width:15%;; background:#f7f7f7; font-size:1.2em; padding:10px 0; } 
.tbb td { background:#fff; font-size:1.2em; padding:10px; } 

.set_tit { display: flex; align-items: baseline; margin-bottom: 40px; flex-wrap: wrap; } 
.set_tit h2 { width: fit-content; } 
.set_tit small { display: block; font-size: 17px; font-size: 1.4em; color: red; } 

@media all and (max-width:1300px) {.online_chk { padding:0 2%; } 

.online_wrap { padding:0 2%; } 
 }


@media all and (max-width:1100px) {.online_wrap .online_step ul { flex-wrap:wrap; } 
.online_wrap .online_step ul li { width:29%; margin-bottom:20px; } 
.online_wrap .online_step ul li:after { right:-15%; } 
.online_wrap .online_step ul li:nth-of-type(3n):after { display:none; } 

.tmenut { display:block; } 
.tmenut:after { content:""; clear:both; display:block; } 
.tmenut li { width: calc(100% / 3 ) !important; vertical-align:middle; display:block; float:left; border-bottom:1px solid #dadada; } 
.tmenut li:nth-child(3) { border-right:0; } 
.tmenut li:nth-child(4) { border-bottom:0; width: calc(100% / 2 ) !important; } 
.tmenut li:nth-child(5) { border-bottom:0; width: calc(100% / 2 ) !important; } 
 }

@media all and (max-width:992px) {.online_chk table.type2-2 tr td:nth-of-type(1) { min-width:80px; } 
 .online_chk .chk_list h2 { flex: 0 1 100%; margin-bottom: 10px; } 
 }


@media all and (max-width:768px) {.tmenut li { width: calc(100% / 2 ) !important; vertical-align:middle; display:block; float:left; border-bottom:1px solid #dadada; font-size:1.1em; } 
.tmenut li:nth-child(2) { border-right:0 } 
.tmenut li:nth-child(3) { border-right:1px solid #dadada; } 
.tmenut li:nth-child(4) { border-right:0; border-bottom:1px solid #dadada; width: calc(100% / 2 ) !important; } 
.tmenut li:nth-child(5) { border-bottom:0; width: calc(100%) !important; } 

.online_chk .chk_list { margin-top:50px; } 
.online_chk .chk_list h2 { margin-bottom: 10px; font-size:1.85em; } 
.online_chk .chk_list h3 { font-size:1.35em; } 
.online_chk table tr th { padding:15px 8px; font-size:1.2em; }
.online_chk table tr td { padding:15px 8px; font-size:1em; }
.online_chk table tr td p { margin:0; font-size:14px; } 
.online_chk table tr td input[type="checkbox"] + label span { display:block; margin:0 auto; margin-bottom:0px; } 
.online_chk table.type1 tr td { padding:15px 10px; text-align:center; }
.online_chk table.type2 tr td:nth-of-type(1) { width:40px; } 
.online_chk table.type2-2 tr td:nth-of-type(1) { width:40px; min-width:40px; } 
.online_chk table.type3 tr td:nth-of-type(1) { width:40px; } 
.online_chk table.type4_Testing tr td p { margin-left:20px; } 
.online_chk .online_bt .btn_chk { padding:15px; font-size:1.25em; } 

.online_wrap h2 { margin-bottom:20px; font-size:1.65em; } 
.online_wrap .online_step { margin-top:30px; margin-bottom:50px; } 
.online_wrap .online_step ul li:after { right:-17%; font-size:1em; } 
.online_wrap .online_step ul li .txts em { font-size:1.25em; } 
.online_wrap .online_step ul li .txts p { font-size:1.15em; margin-top:10px; } 
.online_wrap .online_box { padding-top:20px; } 
.online_wrap .online_box ul li dl dt span { font-size:1.35em; } 
.online_wrap .online_box ul li dl dd input[type="text"] { height:53px; padding:0 20px; } 
.online_wrap .online_box ul li dl dd input::placeholder { font-size:0.85em; } 
.online_wrap .online_box ul li dl dd .chk_list { font-size:1.15em; } 
.online_wrap .online_box ul li.w50 { width:100%; padding:15px 0; } 
.online_wrap .online_box ul li.w50:nth-child(even) { width:100%; padding:15px 0; } 
.online_wrap .online_bt .btn_ok { padding:15px; font-size:1.25em; } 
.online_wrap .online_bt a.btn_cancel { padding:15px; font-size:1.25em; } 
.set_tit small { font-size: 1.3em; line-height: 1.4; } 
 .set_tit { margin-bottom: 24px; } 
 }


@media all and (max-width:480px) {.online_chk table.type2 tr td:nth-of-type(1) { min-width:40px; } 
.online_chk table.type2-2 tr td:nth-of-type(1) { min-width:40px; } 
.online_chk table.type3 tr td:nth-of-type(1) { min-width:40px; } 


.online_wrap .online_step ul li { width:46%; height:100px; } 
.online_wrap .online_step ul li:after { right:-14%; font-size:0.85em; } 
.online_wrap .online_step ul li:nth-of-type(3n):after { display:block; } 
.online_wrap .online_step ul li:nth-of-type(even):after { display:none; } 

 .set_tit small { font-size: 1.1em; line-height: 1.4; padding-left: 10px; text-indent: -10px; word-break: keep-all; } 
 }