/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1810px){
	.header.on .btn_menu {right:20px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1600px){
	.img_open_mobile {display:none;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1440px){
	.tbl.no_line col.wox {width:80px;}
	.tbl.no_line col.w_atc {width: 240px;}
	.tbl td.w_atc {padding-left: 20px; padding-right: 10px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
	.header .logo {gap:20px;}
	.header .logo span {font-size:1.5rem;}
	.header .logo span:before {left:-10px;}
	.header .gnb {padding-left:360px;}
	.header .gnb .menu > a {font-size:1.5rem; padding:0 10px;}
/* main */
	.hvisual_wrap {width:65%;}
	.hvisual_wrap,
	.hvisual_wrap .slick-slide .imgfit {height:530px;}
	.hvisual_wrap .mv_txt {top:40px; left:40px; font-size:4rem; line-height:50px;}
	.hmcon .aboutbox {width:33%;}
	.hmcon .aboutbox .box {padding:20px;}
	.hmcon .aboutbox .tit {font-size:2.2rem;}
	.hmcon .aboutbox dl {margin-bottom:26px; margin-bottom:10px;}
	.hmcon .aboutbox dt {font-size:1.3rem;}
	.hmcon .aboutbox dd {font-size:1.6rem;}
	.hmcon .aboutbox p {font-size:1.5rem;}
	.hmcon .aboutbox .c1 dt {width:120px;}
	.hmcon .aboutbox .c1 dd {width:calc(100% - 120px);}
	.hmcon .aboutbox .c2 {margin-top:10px;}
	.mc81 .links a p {font-size:1.6rem;}

	.mc82 .step li p {font-size:1.4rem;}

	.mc83 .wrap-tab-container {width:45%;}
	.mc83 .jq_tab button {font-size:2.4rem;}
	.mc83 .links {width:53%;}
	.mc83 .links li {font-size:1.4rem; padding:0 10px;}
/* sub */
	.about_tit {font-size:3rem; line-height:40px;}
	.blue_box.pd23 li {font-size:1.8rem;}

	.tbl .w7 {width:60px;}
	.tbl .w12 {width:12%;}
	.tbl .w24 {width:24%;}
	.tbl .w26 {width:26%;}
	.tbl .w30 {width:30%;}

	.contest_top.b {padding:50px 30px;}
	.contest_top.b .tit {font-size:2.8rem;}
	.contest_top.b p {font-size:1.8rem;}

	.blue_box.i8401:after {width:50%;}
	.blue_box p {padding-right:20%;}
	.blue_box .fw4 {line-height:30px;}

	.tbl.pdslim td.tal {padding:10px;}
	.tbl.pdslim td p {font-size:1.5rem; line-height:22px;}

	.faq_wrap dt,
	.faq_wrap dd {padding:20px 20px 20px 100px;}
	.faq_wrap dt {min-height:100px;}
	.faq_wrap dl > *:before {top:20px; left:20px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.mc81 .links a:hover i {background:#fff; box-shadow:0px 0px 16px rgba(0, 0, 0, 0.08);}
	.mc81 .links a:hover i:before {background:#00B387;}
	.mc83 .more:hover:after {transform:rotate(90deg);}
	.mc83 .list a:hover p {text-decoration:underline;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header .logo {flex-direction:column; justify-content:center; align-items:flex-start; gap:5px; line-height:1;}
	.header .logo img {width:auto; height:24px;}
	.header .logo span {font-size:1.4rem; color:#111; line-height:1; padding-left:45px;}
	.header .logo span:before {display:none;}
	.header .logo h1 {position:absolute;}
/* footer */
	.footer .address:before {display:none;}
	.footer .address .inner {align-items:flex-start; padding-left:240px; background-size:200px;}
	.footer .address ul {justify-content:flex-start; gap:0 16px;}
	.footer .address li {font-size:1.4rem;}
	.footer .address li.w100p {text-align:left;}
	.footer .copy {font-size:1.3rem;}
/* main */
	.mc81 .flex {flex-direction:column; gap:20px;}
	.hvisual_wrap,
	.hmcon .aboutbox {width:100%;}
	.hvisual_wrap,
	.hvisual_wrap .slick-slide .imgfit {height:52vw;}
	.hmcon .aboutbox {display:flex; gap:20px;}
	.hmcon .aboutbox .c2 {margin-top:0;}
	.mc81 .links a p {font-size:1.5rem;}
	.mc82 .inner {flex-direction:column; gap:20px;}
	.mc82 .inner:before {bottom:98px; right:10px; left:auto; width:103px; height:93px;}
	.mc82 .tit {display:flex; gap:8px;}
	.mc82 .tit br {display:none;}
	.mc82 .step {width:100%; gap:20px;}
	.mc82 .step li {width:calc((100% - 100px)/6); padding:12px;}
	.mc82 .step li:after {right:-20px; width:20px;}
	.mc83 .inner {flex-direction:column; gap:20px;}
	.mc83 .box {padding:20px;}
	.mc83 .wrap-tab-container,
	.mc83 .links {width:100%;}
	.mc83 .list a {font-size:1.6rem;}
	.mc83 .list a span {font-size:1.5rem;}
	.mc83 .more {right:20px; top:20px;}
/* sub */
	.greetings .top b,
	.about_tit {font-size:2.6rem;}
	.contest_top.b {padding:40px 20px;}
	.contest_top.b .tit {font-size:2.4rem;}
	.contest_top.b p {font-size:1.6rem;}

	.i8401 .btxt {padding-right:20%;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* header */
	.header .logo {gap:2px;}
	.header .logo img {height:20px;}
	.header .logo span {font-size:1.2rem; padding-left:37px;}
/* footer */
	.footer .address .inner {align-items:center; padding:76px 20px 0; background-size:auto 46px; background-position:50% 0;}
	.footer .address ul {justify-content:center; gap:0 16px;}
	.footer .address li {font-size:1.2rem;}
	.footer .address li.w100p {text-align:center;}
	.footer .links .btns {width: 100%; justify-content: space-between;}
	.footer .copy {font-size:1.1rem;}
/* main */
	.mc81 {margin-top:92px;}
	.mc81 .flex {gap:25px;}
	.hvisual_wrap,
	.hvisual_wrap .slick-slide .imgfit {height:88vw;}
	.hvisual_wrap .mv_txt {top:30px; left:20px; font-size:2.4rem; line-height:36px;}
	.hvisual_wrap .slick-arrow {bottom:20px; width:40px; height:40px;}
	.hvisual_wrap .slick-prev {left:20px;}
	.hvisual_wrap .slick-next {left:68px;}
	.hmcon .aboutbox {flex-direction:column;}
	.hmcon .aboutbox .box {padding:14px; height:auto;}
	.hmcon .aboutbox .tit {font-size:1.8rem; line-height:30px; padding:0 0 10px 38px; margin-bottom:20px;}
	.hmcon .aboutbox .tit:before {width:30px; height:30px; background-size:50% 50%;}
	.hmcon .aboutbox dt {font-size:1.3rem;}
	.hmcon .aboutbox dd {font-size:1.5rem;}
	.hmcon .aboutbox .c1 dt {width:130px;}
	.hmcon .aboutbox .c1 dd {width:calc(100% - 130px);}
	.hmcon .aboutbox .c2 dt {width:70px;}
	.hmcon .aboutbox .c2 dd {width:calc(100% - 70px);}
	.hmcon .aboutbox p {font-size:1.3rem; line-height:22px; margin-top:10px; margin-left: 10px;}
	.mc81 .links {flex-wrap:wrap; gap:20px 0;}
	.mc81 .links a {width:calc(100%/3);}
	.mc81 .links a i {width:60px; height:60px;}
	.mc81 .links a i:before {mask-size:50% 50%; -webkit-mask-size:50% 50%; margin-bottom:10px;}
	.mc81 .links a p {font-size:1.4rem;}
	.mc82 .inner {flex-direction:column; gap:20px;}
	.mc82 .inner:before {display:none;}
	.mc82 .tit {font-size:2rem; gap:4px;}
	.mc82 .step {overflow:auto; width:calc(100% + 40px); padding:10px 20px; margin:-10px 0 -10px -20px;}
	.mc82 .step::-webkit-scrollbar {width:0; height:0;}
	.mc82 .step li {width:130px; padding:16px;}
	.mc83 {padding-bottom:60px;}
	.mc83 .jq_tab button {font-size:2.2rem; line-height:36px;}
	.mc83 .list a {font-size:1.4rem; margin-bottom:5px;}
	.mc83 .list a span {font-size:1.3rem;}
	.mc83 .more {font-size:0; width:16px; height:36px; padding:0;}
	.mc83 .more:before,
	.mc83 .more:after {content:""; position:absolute; top:50%; left:50%; background:#222; transform:translate(-50%,-50%);}
	.mc83 .more:before {width:16px; height:2px;}
	.mc83 .more:after {width:2px; height:16px;}
	.mc83 .links .tit {font-size:2.2rem; line-height:36px; padding-bottom:10px; margin-bottom:20px;}
	.mc83 .links .more:before,
	.mc83 .links .more:after {background:#fff; mask:none; -webkit-mask:none;}
	.mc83 .links ul {gap:8px;}
	.mc83 .links li {font-size:1.3rem; height:42px; line-height:42px; width:100%;}
/* sub */
	.svisual.g81 {background-position:35% 50%;}
	.svisual.g82 {background-position:70% 50%;}
	.svisual.g83 {background-image:url('/pub/images/svisual83_m.jpg');}
	.svisual.g86 {background-position:80% 50%;}
	.greetings .top b,
	.about_tit {font-size:2rem; line-height:30px;}

	.look_around.over_tbl {padding:0;}
	.look_around.over_tbl .scroll {padding:24px;}

	.blue_box.pd23 {padding:20px;}
	.blue_box.pd23 ul.flex {gap:20px;}
	.blue_box.pd23 li {font-size:1.3rem;}

	.contest_top.b {padding:30px 20px 60px;}
	.contest_top.b .tit {font-size:2.2rem;}
	.contest_top.b p {font-size:1.4rem;}

	.break_tbl_tb colgroup {display:none;}
	.break_tbl_tb table,
	.break_tbl_tb tbody
	.break_tbl_tb th,
	.break_tbl_tb td {display:block;}
	.break_tbl_tb tr {display:flex; flex-wrap:wrap;}
	.break_tbl_tb th,
	.break_tbl_tb td {width:100%;}
	.break_tbl_tb td {padding-left:0 !important;}
	.blue_box.pd23 th span {font-size:1.4rem; line-height:30px; height:30px;}
	.blue_box.pd23 td {font-size:1.4rem;}
	.blue_box .tit,
	.blue_box.pd23 .tt {font-size:1.6rem;}
	.blue_box .tit strong {font-size:2.6rem;}
	.ibox.c8201 i {margin:0 auto;}
	.ibox .tt.s {font-size:2rem;}

	.i8401 .btxt {padding-right:0; font-size:1.6rem; line-height:1.4;}

	.gbox_area {gap:10px;}
	.gbox_area .gbox {width:100%; min-height:auto; padding:20px;}
	.gbox_area .gap2 {gap:10px;}
	.gbox_area p {line-height:22px;}

	.faq_wrap dt,
	.faq_wrap dd {padding:10px 10px 10px 60px;}
	.faq_wrap dt {min-height:60px;}
	.faq_wrap dl > *:before {top:10px; left:10px; width:40px; height:40px; line-height:40px; font-size:2rem;}

	.g86 .tabs.set5 a {width:25%;}

	.g82 .board_list .state_area {position:absolute; top:20px; right:0;}
	.g82 .board_list .name,
	.g82 .board_list .time {font-size:1.4rem;}
	.g82 .board_list .time {padding-right:17px;}
	.g82 .board_list .time:after {content:""; position:absolute; top:50%; right:9px; width:1px; height:12px; background:#d9d9d9; margin-top:-6px;}

	.checkup02_type_select {padding:15px 20px; margin-bottom:10px;}
	.checkup02_type_select .tit {font-size:1.6rem; margin-bottom:10px;}
	.checkup02_type_select .flex {gap:10px 20px;}

	.tbl.no_line table,
	.tbl.no_line tbody,
	.tbl.no_line th,
	.tbl.no_line td {display: block;}
	.tbl.no_line thead,
	.tbl.no_line colgroup {display: none;}
	.tbl.no_line tr {display: flex; flex-wrap:wrap;}
	.tbl.no_line td.tal {width: 100%;}
	.tbl td {flex:1 1 auto;}
	.tbl td.wox {width:90px; flex-basis:90px; padding:10px 5px;}
	.tbl td.w_atc {width: calc(100% - 180px); flex-basis:calc(100% - 180px); padding-left: 5px; padding-right: 5px;}
	.tbl label.ox span {font-size:1.3rem; height:40px; line-height:38px;}
	.tbl td.w_atc .text {height:40px; padding:0 10px;}

	.tbl .radio_area td .flex,
	.tbl .radio_area.flex {gap:5px 20px; flex-wrap:wrap;}
	.tbl.no_line .pl0 {padding-left: 10px !important;}
	label.radio {font-size:1.3rem;}
}