:root {accent-color:#d50d30;}

.pc {display:none;}
.mobile {display:block;}
.br {display:none;}
.mbr {display:block; width:100%; height:1px; }
.img-responsive {width:100%;}
.fc-p{color:#E9632C;}
.fc-black{color:#000;}
.fc-red {color:#CB2742;}
.img-maxponisve{max-width:100%;}

.filter-white {filter:brightness(10);}
.bold {font-weight:800;}
.fc-ns {color:#466553;}
.text-center{text-align: center;}

.container {width:100%; padding:0 15px 20px; margin:0 auto; max-width:580px; background:#fff;}

#wrap{background:#333;}
.container2{width:90%;margin:0 auto;text-align:center;}

/* header */
#top { width:100%; position:fixed;  left:50%; top:0;  transform:translateX(-50%);    z-index:99;}
#top.scroll {background:rgba(0,0,0,0.5); }
.top-bar{width:100%; max-width: 580px; margin: 0 auto; height:35px; line-height: 35px; background:#CB2742; text-align:center; font-size:11px; color:#fff;}

.visual.container{padding:0;}
.visual .visual-box{position:relative; background: #F9F5EC;}
.visual .visual-box .visual-img{position:absolute; right:2vw; bottom:1vh; width:120px;}

.visual .visual-box .img-wrap{position:relative; z-index:0;}
.visual .visual-box .img-wrap img.img2{position:absolute; left:0; top:30%; z-index:-1;}
.visual .visual-box .img-wrap img.img3{position:absolute; left:0; top:55%; z-index:-1;}

.name-card{padding:20px 0;font-size:12px; color:#343434;}
.name-card h3{margin-bottom:10px; font-size:20px; font-weight:900;}
.name-card ul{display:flex; flex-wrap:wrap; gap:15px;}
.name-card ul li{display:flex; align-items:center; gap:5px; letter-spacing: -0.5px;}
.name-card ul li i{width:6px; height:6px; background:#466553; border-radius:4px;}
.name-card ul li .tit{font-weight:700;}

.sns-link{display:flex; justify-content:center;}
.sns-link a{display:block; text-align:center; font-size:14px;}

.tit01{padding:15px 0; text-align:center; font-size: 20px;font-weight: 700;}

#mcounsel{padding:30px 0;}
#mcounsel h1,
.review-wrap h1{font-size:24px; font-weight:800; color:#575757;}
#mcounsel h3{margin-top:5px; font-size:14px; font-weight:400; color:#797979;}

.hide-f{position:fixed;bottom:0;left:50%;transform:translate(-50%, 0); cursor:pointer;}



.txt-wrap h1{position:relative; display:inline-block; font-size:24px; }
.txt-wrap h1 img{display:inline-block; padding-left:3px;}
.txt-wrap p{margin:20px 0; font-size:14px; line-height:1.5; color:#1e1e1e;}

.tit-box{width:100%; padding:15px; margin:30px 0 15px; background:#fe0000; border-radius:10px; font-weight: 700; text-align:center; color:#fff;}

.ytb-wrap{display: flex; gap:15px;}
.shorts {flex:1; position:relative; height:0; padding-bottom:56.25%; min-height: 310px;}
.shorts iframe {position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 15px;}

.review-wrap{margin-top:30px;}
.review-wrap h1{margin-bottom:20px;}
.review-wrap img{border-radius: 15px; border:1px solid #eee;}
.review-wrap .reviewSwiper{padding-bottom:50px;}
.review-wrap .reviewSwiper .swiper-pagination-bullet-active{background:#333;}

#mform{margin:20px 0;}
#mform .counsel-in li  {margin-bottom:7px; display:flex; align-items:center;}
#mform .counsel-in h4 {font-weight:500; width:85px; font-size:14px;}
#mform .counsel-in .inputText {width:100%;}
#mform .counsel-in .inputText input {padding:12px;}
#mform .inputAgree {margin:15px 0;}
#mform .inputAgree ul li {display:flex; align-items:center; font-size:13px;}
#mform .inputAgree ul li input[type="checkbox"] + label {padding:0 5px 0 20px;}
#mform button {
    padding:16px 12px; width:100%; text-align:center; background:#fff; color:#E9632C; border:2px solid #E9632C;
    font-size:17px; line-height:17px; font-weight:700; border-radius:10px;
}

.inputBar ul {display:flex; justify-content:space-between; }
.inputBar.wd6 ul li {display:flex; flex-basis:50%;} 
.inputBar.wd5 ul li {display:flex; flex-basis:20%;} 
.inputBar.wd3 ul li {display:flex; flex-basis:25%;}  
.inputBar.wd4 ul li {display:flex; flex-basis:33.5%;} 
.inputBar ul li input[type="radio"] {display:none; appearance:none; display:none; }
.inputBar ul li input[type="radio"] + label {display:block; padding:14px 0 13px 0; font-size:14px; color:#8a8a8a; text-align:center; border:1px solid #d8d8d8; width:100%; box-sizing:border-box; cursor:pointer; letter-spacing:-0.5px;}
.inputBar ul li input[type="radio"]:checked + label {color:#E9632C; border:2px solid #E9632C; background:#fffaf8; font-weight:bold;}
.inputBar ul li:first-child input[type="radio"] + label {border-top-left-radius:13px; border-bottom-left-radius:13px; }
.inputBar ul li:last-child input[type="radio"] + label {border-top-right-radius:13px; border-bottom-right-radius:13px; }
.inputText input {padding:14px 15px; width:100%; border:1px solid #D8DFE3; border-radius:11px; box-sizing:border-box; font-size:15px; color:#43484d;}
.inputText input::placeholder {color:#9c9c9c; font-size:14px;}
.inputNum input {padding:14px 15px; width:100%; border:1px solid #D8DFE3; border-radius:11px; box-sizing:border-box; font-size:15px; color:#43484d;}
.inputNum input::placeholder {color:#9c9c9c; font-size:14px;}

.inputAgree ul li {position:relative; margin-bottom:5px; display:flex; align-items:center; justify-content:space-between;}
.inputAgree .arrow {display:block; position:absolute; top:3px; right:0; width:20px; cursor:pointer;}
.inputAgree .arrow.on {transform:rotate(180deg); transition:all 0.5s;}
.inputAgree ul li input[type="checkbox"] {display:none; appearance:none; display:none; }
.inputAgree ul li input[type="checkbox"] + label {
    position:relative; padding:0 15px 0 30px; cursor:pointer; font-size:13px; font-weight:500; color:#545045; line-height:20px;
    display:flex; justify-content:space-between; align-items:center;
}
.inputAgree ul li input[type="checkbox"] + label:before {
    content:''; position:absolute; width:16px; height:16px; top:50%; left:0; transform:translate(0, -50%);
    background:url('/_img/ico_check_off.png') no-repeat; background-size:auto 100%;
}
.inputAgree ul li input[type="checkbox"]:checked + label:before {background:url('/_img/ico_check_on.png') no-repeat; background-size:auto 100%;}


.inputbutton {width:100%;}
.inputbutton ul {display:flex; align-items:center; gap:5px;}
/* .inputbutton ul li {width:25%;} */
.inputbutton ul li {width: 33.3333%;}
.inputbutton input[type="radio"] {display:none; appearance:none; display:none; }
.inputbutton input[type="radio"] + label {width:100%; padding:12px 0; border:1px solid #D8DFE3; border-radius:10px; cursor:pointer; color:#828282; font-size:13px; text-align:center; background:#fff;}
.inputbutton input[type="radio"]:checked + label {background:#E9632C; border:1px solid #E9632C; color:#fff; font-weight:600;}
.inputbutton input[type="checkbox"] {display:none; appearance:none; display:none; }
.inputbutton input[type="checkbox"] + label {width:100%; padding:12px 0; border:1px solid #D8DFE3; border-radius:10px; cursor:pointer; color:#828282; font-size:13px; text-align:center; background:#fff;}
.inputbutton input[type="checkbox"]:checked + label {background:#E9632C; border:1px solid #E9632C; color:#fff; font-weight:600;}


/*footer*/
#footer {background:#333;}
#footer .container{position:relative; padding:25px 15px 100px; background: #202020;}
#footer .copy h1{margin-bottom:10px; font-size:30px; color:#fff; -webkit-text-fill-color:#fff;}
#footer .copy span{display:block; margin-top:3px; line-height:1.3; font-size:11px; color:#ccc;}
#footer .logo{position:absolute; top:15px; right:15px; width:50px;}








/*bottom-fix*/
.bottom-fix{position:fixed; bottom:20px; left:50%; transform:translateX(-50%); width:100%; max-width:580px; z-index:9999;}
.bottom-fix ul{display:flex;padding:0 15px;gap:5px;}
.bottom-fix ul li{width:50%;text-align:center;background:#cb2842;box-shadow:0 2px 8px 0 rgb(0 0 0 / 30%);border-radius:50px;font-weight:700;font-size:18px;}
.bottom-fix ul li.tel-li{background:#777;}
.bottom-fix ul li a{padding:15px 0;font-weight:700;color:#fff;}
.bottom-fix ul li.tel-li a{font-weight:600;color:#fff;}


/*media*/

@media (min-width: 580px) { 
    .pc {display:block;}
    .mobile {display:none;}
    .br {display:block; width:100%; height:1px; }
    .mbr {display:none; width:100%; height:1px; }
    .img-maxponisve{width:auto;}
    .shorts{min-height: 478px;}
}
@media (min-width: 1280px) { 
    .bottom-fix{display: none;}
    #footer .container{padding:25px 15px;}
}