@charset "euc-kr";
/*CSS Document*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
*{margin:0; padding:0;font-family:'���� ����', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box;}

a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; height: 100%;}
table {border-collapse: collapse;}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.blinking {
    display: none;
     z-index: 99999;
    position: fixed;
    background: #333;
    bottom: 130px;
    height: 60px;
    left: 0;
    width: 100%;
    -webkit-animation:blink 1s ease-in-out infinite alternate; 
    -moz-animation:blink 1s ease-in-out infinite alternate; 
    animation:blink 1s ease-in-out infinite alternate; 
     text-align: center;
} 
    @-webkit-keyframes blink{
        0% {opacity:0;} 
        100% {opacity:1;}
    } 
    @-moz-keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;} 
    } 
    @keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;} 
    }
.blinking span {font-size: 32px; color: #fff; font-weight: 600; margin-top: 5px; line-height: 60px;}
.blinking span:first-child {font-size: 20px;}
.smenu {text-align: center; width: 1160px; margin: 0 auto; margin-top: 20px; font-size: 0;}
.smenu li {display: inline-block; width:24%; border-bottom: 1px solid #666;}
.smenu li a {padding: 10px 20px; display: block; color: #333; font-size: 18px;}
.smenu01 ul li:nth-of-type(1) a{background: #666; color: #fff;}
.smenu02 ul li:nth-of-type(2) a{background: #666; color: #fff;}
.smenu03 ul li:nth-of-type(3) a{background: #666; color: #fff;}
.smenu04 ul li:nth-of-type(4) a{background: #666; color: #fff;}
.smenu05 ul li:nth-of-type(5) a{background: #666; color: #fff;}
.smenu06 ul li:nth-of-type(6) a{background: #666; color: #fff;}


/* main */
.main__visual {position: relative;}
.main__visual .mains__pagination { position: absolute; left:50%; transform: translateX(-50%); bottom:2rem; font-size: 0; z-index: 100; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.main__visual .mains__pagination span {display: inline-block; margin:0 .4rem; width:4.2rem; height:.4rem; background: rgba(255,255,255,.5);}
.main__visual .mains__pagination .cycle-pager-active {background: #fff;} 
.main-vis img{width:100%; height:auto;}

.main__score-count{display: flex;}
.main__score-count .score-muni {position: relative;padding-left:4.4rem ; width:50%;height:5.5rem; line-height: 5.5rem;font-size: 1.6rem; background: no-repeat 7% center/2rem 1.6rem; -webkit-box-sizing: border-box;box-sizing: border-box;}
.main__score-count .score-muni strong {font-weight: 700; color:#0067c4;}
.main__score-count .score-muni:before { content:''; position: absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); width:1px; height:2.5rem;background: #dddddd; }
.main__score-count .month-score {background-image: url(/image/main/ico_month.png);}
.main__score-count .all-score {background-image: url(/image/main/ico_all.png);}
.main__qna_link {display: flex; }
/*.main__qna_link .btn-lnk {width:50%; height:4.5rem; line-height: 4.5rem;font-size:1.6rem; color:#fff; text-align: center;}*/
.main__qna_link .btn-lnk {width:100%; height:5.5rem; line-height: 5.5rem;font-size:3.6rem; color:#fff; text-align: center;}
.main__qna_link .live-qna {background: #333;}
.main__qna_link .ad-qna {background: #40a7f7;}
.main__qna_link .btn-lnk:after {content:''; display: inline-block; margin-left: 1rem; width: .9rem;  height:1.4rem; background: url(/image/main/muni_link.png) no-repeat 0 0; -webkit-background-size: .9rem 1.4rem; background-size: .9rem 1.4rem; vertical-align: -1px;}

/* 210610 ?�시�??�출문??롤링배너 ?�정 */

.live-qna__slide {padding:0 1.5rem;margin: 1rem 0; height:180px; overflow:hidden; background-color:#fff;}
.live-qna__slide .qna-list{position:relative; height: auto;}

.live-qna__slide .qna-list li{padding:4px 0; height: 28px; letter-spacing:-0.065rem; font-size:15px; }
.live-qna__slide .qna-list li a { display: block;  line-height:24px;/* height: 100%; */}
.live-qna__slide .qna-list .area{float:left; padding:0 4px; margin-right:12px; background:#fff; border:1px solid #ff960e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; color:#ff960e; font-size:14px; font-weight:500;}
.live-qna__slide .qna-list .tit{float:left; color:#333; width:180px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.live-qna__slide .qna-list .new{display:inline-block; width:15px; height:15px; margin-left:3px; vertical-align:-2px;}
.live-qna__slide .qna-list .tel{position: relative; top:-20px; float:right; color:#999; letter-spacing:0;}
.live-qna__slide .qna-list li:after{content:''; display:block; clear:both;}

.main-util-article{padding:2rem 1.5rem; box-sizing:border-box;}
.main-util-ban{position:relative;}
.main-util-ban .util-head{position:relative; padding-top:10px; margin-bottom:2.2rem;}
/*.main-util-ban .util-head h2{padding-left:.9rem; color:#aaa; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem;}*/
.main-util-ban .util-head h2{padding-left:.9rem; color:#aaa; font-size:2.2rem; font-weight:500; letter-spacing:-0.065rem;}
.main-util-ban .util-head .pager{position:absolute; top:0; right:0; font-size:0;}
.main-util-pager span{ display:inline-block; width:10px; height:10px; margin-left:7px; background:#ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor:pointer;}
.main-util-pager .cycle-pager-active{background:#333;}

.main-util-ban-item{width:100%; height:12rem;}
.main-util-ban-item .tit{padding:0 .9rem; color:#000; font-size:2.3rem; font-weight:500; line-height:3rem; letter-spacing:-0.065em;}
.main-util-ban-item .tit strong{position:relative; display:inline-block; color:#0067c4;}
.main-util-ban-item .tit strong:before{content:''; display:block; position:absolute; left:-0.9rem; bottom:2px; width:calc(100% + 1.9rem); height:10px; background:#fff4d9; z-index:-1;}
.main-util-ban-item .info{position:absolute; left:0; bottom:0; height:3rem; line-height:3rem; font-size:0;}
.main-util-ban-item .info span{display:inline-block; color:#000; font-size:1.4rem; letter-spacing:-0.065rem; line-height:2rem; vertical-align:middle;}
.main-util-ban-item .info .area{ padding:0 .4rem; margin-right:.5rem; background:#0067c4; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; color:#fff;}
.main-util-ban-item .util{position:absolute; right:0; bottom:0; font-size:0;}
.main-util-ban-item .util a{display:inline-block; width:9rem; margin-left:.8rem; border:1px solid #0067c4; border-radius:1.5rem; -webkit-border-radius:1.5rem; -moz-border-radius:1.5rem; -ms-border-radius:1.5rem; -o-border-radius:1.5rem; color:#0067c4; font-size:1.3rem; font-weight:700; line-height:2.8rem; letter-spacing:-0.065rem; text-align:center; box-sizing:border-box; }
.main-util-ban-item .util span{background-repeat:no-repeat; background-position:0% 50%; background-size:auto 1.5rem;}
.main-util-ban-item .lnk-store span{padding-left:2.1rem; background-image:url(../images/comm/ico_view_y.png)}
.main-util-ban-item .lnk-call span{padding-left:2rem; background-image:url(../images/comm/ico_call_y.png)}

/*.main-util-area h2 {padding:0 0 .2rem 0; margin-bottom:17px;color:#000; font-size:1.8rem; font-weight:500; letter-spacing:-0.065rem; vertical-align:bottom; text-align: center;}*/
.main-util-area h2 {padding:0 0 .2rem 0; margin-bottom:17px;color:#000; font-size:2.2rem; font-weight:500; letter-spacing:-0.065rem; vertical-align:bottom; text-align: center;}
.area-icon {display: inline-block;width:1.8rem; height:2.4rem; background:url(../images/comm/ico_gnb01.png) no-repeat; background-size:1.8rem auto;vertical-align:-.4rem; }

.main-util-area .area-list li{float:left; width:23.5%; margin-right:2%; margin-bottom:2%; }
.main-util-area .area-list li:nth-child(4n){margin-right:0}
.main-util-area .area-list a{display:block; width:100%; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; color:#333; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem;height:3.8rem; line-height:3.6rem;   text-align:center; box-sizing:border-box;}


/* /search/ > area.php , prd.php  */

.sch-opt-section .section-tit{margin-bottom:1rem; padding:.8rem 0 .2rem 0;color:#000; font-size:1.9rem; font-weight:500; letter-spacing:-0.065rem;text-align: center;}

.prd-icon {display: inline-block;width:2.6rem ;height: 2.4rem; background-image:url(../images/sub/ico_prd.png); background-size:2.6rem auto;vertical-align: -.4rem;}
.sch-opt-section .section-desc{color:#999; font-size:1.5rem; font-weight:500; line-height:2rem;}
.sch-opt-section .area-opt-list{margin:2rem 0 2.2rem;}
.sch-opt-section .area-opt-list li{float:left; width:23.5%; height:3.7rem; margin-right:2%; margin-bottom:2%;  }
.sch-opt-section .area-opt-list li:nth-child(4n){margin-right:0;}
.sch-opt-section .area-opt-list a{display:block; width:100%; height:100%; border:1px solid #ddd; color:#333; font-size:1.4rem; font-weight:500; text-align:center; line-height:calc(3.7rem - 2px); letter-spacing:-0.065rem; box-sizing:border-box; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}
.sch-opt-section .area-opt-list .on{border-color:#0067c4;}


/*  */

.sub-custom-head .opt-tb {width:100%;  box-sizing:border-box;}
.sub-custom-head .opt-tb th, .sub-custom-head .opt-tb td{padding:2rem 1.5rem 1rem 1.5rem; border-top:1px solid #f2f2f2; font-size:1.6rem; font-weight:500;vertical-align:middle; text-align:left; box-sizing:border-box;}
.sub-custom-head .opt-tb th{width:7rem; padding-right:0; color:#666; letter-spacing:-0.065em; vertical-align:top; -webkit-box-sizing: border-box;box-sizing: border-box;}
.sub-custom-head .opt-tb td{width:calc(100% - 7.5rem);font-size: 1.5rem; color:#333333;}
.sub-custom-head .opt-list li{float:left;margin-bottom: 1rem; position:relative; width:20%;}
.sub-custom-head .opt-list input[type="checkbox"]{position:absolute; left:-1px; top:-1px; width:0; height:0;}
.sub-custom-head .opt-list.prd li{width:25%;}
.sub-custom-head .opt-list + .opt-list{margin-top:.5rem;}
.sub-custom-head .opt-list label{display:inline-block; padding-left:2.1rem; padding-right:1rem; background:url(/m/images/comm/check_off.png) no-repeat 0% 0%; background-size:1.4rem auto; color:#333; font-weight:500; letter-spacing:-0.065em; box-sizing:border-box; line-height:1.8rem; cursor:pointer;}
.sub-custom-head .opt-list :checked + label{background-image:url(/m/images/comm/check_onn.png);}

.sub-custom-head .btn-search{display:block; width:21rem; height:4.5rem; background:#0067c4; margin:2rem auto 3rem;  color:#fff; font-size:1.6rem; letter-spacing:-0.065rem;  line-height:4.5rem;}



.sub-custom-body{padding:2rem 1.5rem; box-sizing:border-boxo;}
.sub-custom-body h3{color:#000; font-size:2rem; font-weight:500; letter-spacing:-0.065rem;}
.sub-custom-body .result-list{margin:2rem 0; border-top:1px solid #000;}
.sub-custom-body .result-item{padding:1.1rem 1rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub-custom-body .result-item .item-tit, .sub-custom-body .result-item a{color:#111; font-size:1.4rem;font-weight: 400; line-height:1.8rem; letter-spacing:-0.065rem;}
.sub-custom-body .result-item .item-tit {margin-bottom: 0.8rem;}
.sub-custom-body .result-item .item-store{font-size:0;}
.sub-custom-body .result-item .item-store li{display:inline-block; position:relative; margin-right:13px; color:#888; font-size:1.4rem; letter-spacing:-0.065rem; line-height:1.7rem;}
.sub-custom-body .result-item .item-store li.item-area {color:#0067c4;}
.sub-custom-body .result-item .item-store li:after{content:''; display:inline-block; position:absolute; right:-7px; top:50%; width:1px; height:1rem; margin-top:-0.5rem; background:#ddd;}
.sub-custom-body .result-item .item-store li:last-child:after{display:none;}
.sub-custom-body .result-item .item-keyword{ color:#0067c4; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.7rem;}

/* loan > list.php */

.sub-loan-list-nav{position:relative; height:5rem; margin-bottom:4rem;}
.sub-loan-list-nav .current{display:block; width:100%; height:5rem; padding:0 3.5rem 0 1.5rem; background:url(../images/sub/select_loan.png) no-repeat right 1rem top 50%; background-size:1.3rem auto; border:1px solid #ddd; color:#333; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:calc(5rem - 2px); box-sizing:border-box; cursor:pointer;}
.sub-loan-list-nav .opt-box{display:none; position:absolute; left:0; top:5rem; width:100%; padding:.5rem 0; background:#fff;border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; box-sizing:border-box; z-index:100;}
.sub-loan-list-nav .opt-box li{float:left; width:20%; margin:2rem 0; text-align:center;}
.sub-loan-list-nav .opt-box a{display:inline-block; padding:0 .5rem; color:#333; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem;}


.sub-loan-list-board .board-head h3{float:left; color:#000; font-size:2rem; font-weight:500; letter-spacing:-0.065rem; line-height:3.5rem;}
.sub-loan-list-board .board-head h3 span{color:#0067c4;}
.sub-loan-list-board .board-head .lnk-input{float:right; width:8rem; height:3.5rem; background:#0067c4; color:#fff; font-size:1.4rem; font-weight:700; letter-spacing: -0.065rem; line-height:3.5rem; text-align:center;}
.sub-loan-list-board .list-tb{width:100%; margin:1rem 0 2rem; border-top:1px solid #0067c4;}
.sub-loan-list-board .list-tb th, .sub-loan-list-board .list-tb td{padding-top:1.2rem; padding-bottom:1.2rem; border-bottom:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.sub-loan-list-board .list-tb th{padding-left:1rem; color:#0067c4; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; text-align:center;}
.sub-loan-list-board .list-tb td *{vertical-align:middle;}
.sub-loan-list-board .list-tb .tit-cont *{line-height:1.8rem;}
.sub-loan-list-board .list-tb .tit{display:inline-block; padding-right:4px; color:#333; font-size:1.4rem; letter-spacing:-0.065rem;}
.sub-loan-list-board .list-tb .tit-cont img{width:auto; height:1.5rem;}
.sub-loan-list-board .list-tb .reply-count{display:inline-block; margin-left:1rem; padding-left:2rem; background:url(../images/sub/ico_reply.png) no-repeat 0% 50%; background-size:1.6rem auto;
color:#333; font-size:1.4rem; letter-spacing:-0.065rem;}

.sub-loan-list-board .list-tb .info-cont{margin-top:.6rem; color:#666; font-size:1.3rem;}
.sub-loan-list-board .list-tb .line{padding:0 .5rem;}


/* loan > input.php */

.sub-loan-input .frm-tb{border-top:1px solid #999; margin-bottom:2rem}
.sub-loan-input .frm-tb *{vertical-align:middle;}
.sub-loan-input .frm-tb th, .sub-loan-input .frm-tb td{padding-top:1.2rem; padding-bottom:1.2rem; border-bottom:1px solid #ddd; font-size:1.4rem; letter-spacing:-0.065rem; vertical-align:middle; text-align:left; box-sizing:border-box;}
.sub-loan-input .frm-tb th{width:10rem; padding-left:1rem; color:#333; font-weight:500; background:#f8f8f8;}
.sub-loan-input .frm-tb sub{color:#f00;}
.sub-loan-input .frm-tb td{padding:1rem;}
.sub-loan-input .frm-tb input[type=text]{height:3.5rem; margin-right:.4rem; background:#f7f7f7;}
.sub-loan-input .frm-tb .textarea{width:100%; height:4rem; padding:1rem; background:#f7f7f7; box-sizing:border-box; overflow-y:auto; word-break:break-all;}
.sub-loan-input .frm-tb .input-tit{width:100%;}
.sub-loan-input .frm-tb .input-age{width:8rem;}
.sub-loan-input .frm-tb .tel-box input{width:6rem}
.sub-loan-input .frm-tb .tel-box input +input{margin:0 .4rem;}
.sub-loan-input .frm-tb select{height:3.5rem; font-size:1.4rem;}
.sub-loan-input .frm-tb .tel-box .btn-tel{display:block; height:3.5rem; padding:0 1.5rem; margin-top:.4rem; background:#666; color:#fff; font-size:1.4rem;}
.sub-loan-input .frm-tb .chk-list li{display:inline-block; margin-right:1rem;}

.sub-loan-input .util-btn{margin:2rem 0 3rem; font-size:0; text-align:center;}
.sub-loan-input .util-btn a, .sub-loan-input .util-btn button{display:inline-block; width:12rem; height:4.5rem; margin:0 .2rem; background:#fff; border:1px solid #406c55; color:#406c55; font-size:1.5rem; font-weight:500; line-height:calc(4.5rem - 2px); text-align:center; letter-spacing:-0.065rem; box-sizing:border-box;}
.sub-loan-input .util-btn .btn--submit{background:#406c55; color:#fff;}

/*  loan > view.php */

.sub-loan-view .user-section .tit-box{padding-top:3.5rem;}
.sub-loan-view .user-section .tit-box strong{display:block; color:#000; font-size:2rem; font-weight:500; letter-spacing:-0.065rem; text-align:center;}

.sub-loan-view .user-section h4{padding-bottom:1.5rem; margin-top:2.5rem;border-bottom:2px solid #999999; color:#111111; font-size:1.8rem; font-weight:500; letter-spacing:-0.065rem;}
.sub-loan-view .view-tb{width:100%; margin-bottom:2rem}
.sub-loan-view .view-tb th, .sub-loan-view .view-tb td{padding:1.3rem 0 1.3rem 1rem;  border-bottom:1px solid #ddd; color:#333333; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.7rem; text-align:left; box-sizing:border-box;}
.sub-loan-view .view-tb th{background:#f7f7f7;}
.sub-loan-view .view-tb td {color:#666666;}
.sub-loan-view .cont-txt{padding:2rem 0 1.5rem 0; box-sizing:border-box;}
.sub-loan-view .cont-txt, .sub-loan-view .cont-txt *{color:#666; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:2rem}
.sub-loan-view .store-section{margin-bottom:4rem;}


.sub-loan-view .store-section h4{padding-bottom:2rem; margin-top:2.5rem;color:#111; font-size:1.8rem; font-weight:500; letter-spacing:-0.065rem;}
.sub-loan-view .store-list li{float:left; width:48.6%;  margin-right:2.8%; margin-bottom:2.8%;  border:1px solid #dddddd; box-sizing:border-box;}
.sub-loan-view .store-list li:nth-child(2n){margin-right:0;}
.sub-loan-view .store-list .item-tit{padding:.7rem 0; background:#f8f8f8; border-bottom:1px solid #dddddd; color:#111; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem; text-align:center;}
.sub-loan-view .store-list .item-tit strong{display:block;color:#0067c4}
.sub-loan-view .store-list .no-item-tit{padding:.7rem 0;background:#f8f8f8; border-bottom:1px solid #dddddd; color:#666; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem; text-align:center;}

.sub-loan-view .store-list .btn-loan{display:block; width:73%;  height:3.5rem;background: #fff; border:1px solid #0067c4; color:#0067c4; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; margin:1.7rem auto;}
.sub-loan-view .store-list .btn-loan:hover { background:#0067c4; color:#fff;}
.sub-loan-view .store-list .btn-loan.btn-info{ background:#0067c4; color:#fff;}



/* company > intro.php */


.sub-intro .intro-ban .ban-item img{width:100%; height:auto;}
.sub-intro .intro-info-tb{width:100%; margin:2rem 0 5rem; border-top:1px solid #0067c4;}
.sub-intro .intro-info-tb th, .sub-intro .intro-info-tb td{padding:1.2rem 2rem 1.4rem ;border-bottom:1px solid #ddd; color:#000; font-size:1.4rem; line-height:1.8rem; vertical-align:middle; text-align:left; box-sizing:border-box; word-break:keep-all}
.sub-intro .intro-info-tb th{background:#f8f8f8; font-weight:500;}

/* company > vision.php */

.sub-vision .head-tit{color:#000; font-size:2rem; line-height:3.2rem; letter-spacing:-0.065em; word-break:keep-all;}
.sub-vision .head-tit strong{font-weight:500;}
.sub-vision .head-desc{margin:2rem 0 3.2rem;width:95%; color:#666; font-size:1.6rem; line-height:2.2rem; letter-spacing:-0.065em; word-break:keep-all}
.sub-vision .vision-body{margin-bottom:2rem;}
.sub-vision .vision-item dt{padding-bottom:.8rem; border-bottom:1px solid #333; color:#333; font-size:1.8rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem;}
.sub-vision .vision-item dd{padding:1.8rem 0 2.6rem; color:#666; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem;word-break:keep-all;}


/* guide > user.php */


/* guide > user.php */

/* .sub-guide .section{padding:30px 0 80px;} */
.sub-guide .section-head{font-weight:500; letter-spacing:-0.065rem; text-align:center;}
.sub-guide .section-head .tit{padding:.7rem 0; color:#000; font-size:2.2rem; line-height:2.6rem; word-break:keep-all}
.sub-guide .section-head .desc{margin:1.6rem 0; color:#666; font-size:1.6rem; line-height:2.2rem;}
.sub-guide .section-head .notice{display:inline-block; min-height:2.4rem; margin-bottom:.8rem; padding-left:3.7rem; background:url(/image/sub/ico_tip.png) no-repeat 0% 50%; background-size:auto 2.4rem; color:#0067c4; font-size:1.6rem; font-weight:500; line-height:2rem; text-align:left;}
.sub-guide-area .area-item{width:100%;  margin-top:2rem;}
.sub-guide-area .area-item .item-head{display:block; width:100%; height:4rem; padding:0 2rem; background:#0067c4; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; line-height:4rem; box-sizing:border-box; }
.sub-guide-area .area-item .item-head strong, .sub-guide-area .area-item .item-head span{color:#fff; font-weight:500; letter-spacing:-0.065rem;}
.sub-guide-area .area-item .item-head strong{float:left; font-size:1.4rem}
.sub-guide-area .area-item .item-head span{float:right; padding-right:1.8rem; background:url(../images/sub/ico_more_circle.png) no-repeat right 0 top 50%; background-size:1.3rem;  font-size:1.3rem;}
.sub-guide-area .area-item .item-cont{ padding:2.5rem 1.4rem 2.2rem; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; box-sizing:border-box; text-align:center;}
.sub-guide-area .area-item .item-cont img{width:100%; height:auto; max-width:700px; max-height:100%;}
.sub-guide .guide-txt{margin:1.7rem 0 4.4rem; color:#666; font-size:1.4rem; line-height:2.2rem; letter-spacing:-0.065rem; text-align:center;}

.sub-guide-process{text-align:center;}
.sub-guide-process .step-list{display:inline-block; position:relative; padding:1rem 0; margin-top:1rem; box-sizing:border-box;}
.sub-guide-process .step-list:before{ content:''; display:block; position:absolute; left:6rem; top:0; width:0; height:100%; border-left:.2rem dashed #e0e0e0; border-right:.2rem dashed #e0e0e0; z-index:-1; }
.sub-guide-process .step-list li{padding:1.5rem 0; text-align:left;}
.sub-guide-process .step-list .tit, .sub-guide-process .step-list .num, .sub-guide-process .step-list .cont{display:inline-block; vertical-align:top; }
.sub-guide-process .step-list .tit{color:#666; font-size:1.5rem; font-weight:500; text-align:center; line-height:3rem;}
.sub-guide-process .step-list .num{width:3rem; height:3rem; margin:0 1rem; background:#dd000b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; color:#fff; font-size:1.5rem; font-weight:700; text-align:center; line-height:3rem;}
.sub-guide-process .step-list li:nth-child(1) .num{background:#f6b1b5;}
.sub-guide-process .step-list li:nth-child(2) .num{background:#f18b8f;}
.sub-guide-process .step-list li:nth-child(3) .num{background:#ed646a;}
.sub-guide-process .step-list li:nth-child(4) .num{background:#e83d45;}
.sub-guide-process .step-list .cont{padding-top:.5rem; color:#000; font-size:1.6rem; font-weight:500; line-height:2rem; }

.sub-guide-process .notice-box{margin-top:3rem; padding:1rem; background:url(../images/sub/border_line.jpg) repeat 50% 50%; background-size:7px auto; box-sizing:border-box;}
.sub-guide-process .notice-box .cont-inner{padding:8rem 2.4rem 1.6rem; background:#fff url(../images/sub/ico_computer.png) no-repeat 50% 2.4rem; background-size:auto 4rem; box-sizing:border-box;}
.sub-guide-process .notice-box p{color:#666; font-size:1.4rem; line-height:2.2rem; letter-spacing:-0.065rem; word-break:keep-all}
.sub-guide-process .notice-box span{color:#dd000b;}
.sub-guide-process .lnk-box{margin:3rem 0 5rem; font-size:0; text-align:center;}
.sub-guide-process .lnk-box a, .sub-guide-process .lnk-box button{display:inline-block; width:48.8%; max-width:20.5rem; height:4.5rem; border:1px solid #0067c4; color:#0067c4; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:calc(4.5rem - 2px); text-align:center; vertical-align:middle; box-sizing:border-box;}
.sub-guide-process .lnk-box :first-child{margin-right:2.4%;}
.sub-guide-process .lnk-box .btn-caution{background:#0067c4; color:#fff;}


/* center / ad */

.sub-ad .section{margin-bottom:6rem;}
.sub-ad .section-tit{margin-bottom:3rem; color:#000; font-size:2.2rem; font-weight:500; text-align:center; letter-spacing:-0.065rem;}
.sub-ad .step-section{ text-align:center;}
.sub-ad-step-list{display:inline-block; position:relative; padding:1rem 0; box-sizing:border-box;}
.sub-ad-step-list:before{ content:''; display:block; position:absolute; left:6rem; top:0; width:0; height:100%; border-left:.2rem dashed #e0e0e0; border-right:.2rem dashed #e0e0e0; z-index:-1; }
.sub-ad-step-list li{padding:1.5rem 0; text-align:left;}
.sub-ad-step-list li .tit, .sub-ad-step-list li .num, .sub-ad-step-list li .cont{display:inline-block; vertical-align:top; }
.sub-ad-step-list li .tit{color:#666; font-size:1.5rem; font-weight:500; text-align:center; line-height:3rem;}
.sub-ad-step-list li .num{width:3rem; height:3rem; margin:0 1rem; background:#dd000b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; color:#fff; font-size:1.5rem; font-weight:700; text-align:center; line-height:3rem;}
.sub-ad-step-list li:nth-child(1) .num{background:#f6b1b5;}
.sub-ad-step-list li:nth-child(2) .num{background:#f18b8f;}
.sub-ad-step-list li:nth-child(3) .num{background:#ed646a;}
.sub-ad-step-list li:nth-child(4) .num{background:#e83d45;}
.sub-ad-step-list li .cont{padding-top:.5rem; color:#000; font-size:1.6rem; font-weight:500; line-height:2rem; }


.sub-ad-info-item{padding:2.5rem 0; border-top:1px solid #ddd;}
.sub-ad-info-item.pre-item{position:relative; padding:2.5rem 0 3.8rem;}
.sub-ad-info-item.pre-item .pre-pager{position:absolute; left:0; bottom:2rem; width:12rem; font-size:0; z-index:10; text-align:center;}
.sub-ad-info-item.pre-item .pre-pager span{ display:inline-block; width:.7rem; height:.7rem; margin:.25rem; background:#ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor:pointer;}
.sub-ad-info-item.pre-item .pre-pager .cycle-pager-active{background:#0067c4;}
.sub-ad-layer .img-cover{background:#ddd; box-sizing:border-box; overflow:hidden;}
.sub-ad-info-item:first-of-type{border-top:none;}
.sub-ad-info-item .img-area{float:left;width:12rem; height:15.4rem; background:#ddd; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.sub-ad-info-item .img-area img{width:100%; height:100%;}
.sub-ad-info-item .info-area{float:left; width:calC(100% - 12rem); padding-left:3rem; box-sizing:border-box;}
.sub-ad-info-item .item-tit{margin-top:.8rem; padding:0 0 1.3rem; color:#000; font-size:1.8rem; font-weight:700; letter-spacing:-0.065rem;line-height:2.2rem;}
.sub-ad-info-item .premium-item-tit{padding-top:2.8rem; background:url(/image/sub/ico_ad_pre.png) no-repeat 0% .2rem; background-size:8rem auto;  box-sizing:border-box;}
.sub-ad-info-item .line-ad {padding-top:2.8rem; background:url(/image/sub/ico_ad_line.png) no-repeat 0% .2rem; background-size:13.6rem auto;  box-sizing:border-box;}
.sub-ad-info-item .item-price, .sub-ad-info-item .item-count{color:#000; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem;word-break: keep-all;}
.sub-ad-info-item .item-price strong, .sub-ad-info-item .item-count strong{color:#dd000b; font-weight:700;}
.sub-ad-info-item .item-notice{display:block; margin-top:1.6rem; color:#0067c4; font-size:1.3rem; font-weight:500;letter-spacing:-0.065rem; line-height:1.8rem;}
.sub-ad-info-item .item-limit dt{margin:1.4rem 0 .5rem; color:#000; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem;}
.sub-ad-info-item .item-limit dd{color:#777; font-size:1.5rem; line-height:2.2rem; letter-spacing:-0.065rem;}
.sub-ad-info-item .item-util{margin-top:46px; font-size:0; word-break: keep-all;}
.sub-ad-info-item .item-util button{display:inline-block; width:290px; height:50px; border:1px solid #ddd; color:#333; font-size:16px; font-weight:500; letter-spacing:-0.065rem; line-height:48px; text-align:center; box-sizing:border-box;}
.sub-ad-info-item .item-util :nth-child(1){margin-right:10px;}

.sub-ad-layer{display:none; position:fixed; left:50%; top:50%; padding:0 50px; background:#fff; box-sizing:border-box; z-index:100;}
.sub-ad-layer.m-ver{width:600px; height:860px; margin-left:-300px; margin-top:-430px;}
.sub-ad-layer.pc-ver{width:900px; height:670px; margin-left:-450px; margin-top:-335px;}
.sub-ad-layer .layer-head{margin-bottom:30px; border-bottom:1px solid #555;}
.sub-ad-layer .layer-head .division{ float:left; height:28px; padding:0 10px; margin-right:8px; margin-top:36px; background:#0067c4; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; color:#fff; font-size:20px; font-weight:700; line-height:28px;}
.sub-ad-layer .layer-head .tit{float:left; color:#000; font-size:28px; font-weight:500; letter-spacing:-0.065rem; line-height:100px;}
.sub-ad-layer .layer-head .btn--close{float:right; width:27px; height:27px; margin-top:36.5px; background:url(../image/sub/ad_ly_close.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px;}

.sub-ad-layer .img-cover{background:#ddd; box-sizing:border-box; overflow:hidden;}
.sub-ad-layer.pc-ver .img-cover{height:460px;}
.sub-ad-layer.m-ver .img-cover{height:650px;}
.sub-ad-layer .img-cover img{width:100%; height:100%;}
.sub-ad-layer .img-tit{margin-top:20px; color:#000; font-size:18px; font-weight:500; letter-spacing:-0.065rem; text-align:center;}

.sub-ad-info-item:after{content:''; display:block; clear:both;}

.sub-ad .ad-common-notice{margin-bottom:60px; height:80px; padding:1rem; background:url(../images/sub/border_line.jpg) repeat 50% 50%; background-size:.7rem auto; box-sizing:border-box;}
.sub-ad .ad-common-notice p{height:60px; background:#fff; line-height:60px; text-align:center;}
.sub-ad .ad-common-notice p span{padding-left:2rem; background:url(/image/sub/ico_notice.png) no-repeat 0% 50%; background-size:1.5rem auto; color:#0067c4; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem;}


/* member > login.php */
.mem-login-box{width:95%; max-width:400px; margin:0 auto;}
.mem-login-box .notice-area{padding:0 0 2rem; text-align:center;}
.mem-login-box .notice-area p{color:#333; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:2.2rem;}
.mem-login-box .input-list li{position:relative; margin-top:1rem;}
.mem-login-box .input-list input{width:100%; height:4.5rem; padding-left:1rem; border:1px solid #ddd; line-height:calc(4.5rem - 2px); box-sizing:border-box;}
.mem-login-box .input-list li span{position:absolute; left:1.1rem; top:0; height:4.5rem; color:#999; font-size:1.4rem; font-weight:500; line-height:4.5rem; letter-spacing:-0.065rem;}

.mem-login-box .btn--submit{display:block; width:100%; margin-top:1rem; height:4.5rem; background:#0067c4; color:#fff; font-size:1.5rem; font-weight:500; line-height:4.5rem; letter-spacing:-0.065rem;}
.mem-login-box .lnk-area{margin:2rem 0 5rem; font-size:0; text-align:center;}
.mem-login-box .lnk-area li{display:inline-block; position:relative; margin:0 9.5px; color:#999; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem;}
.mem-login-box .lnk-area li:after{content:''; display:inline-block; position:absolute; top:50%; right:-10px; width:1px; height:10px; margin-top:-5px; background:#ddd;}
.mem-login-box .lnk-area li:last-child:after{display:none;}

/* adv_list.php  */

.mem-ad-list .sch-opt-wrap{width:100%; margin-bottom:2rem;}
.mem-ad-list .sch-opt-article{color:#666; font-size:1.4rem; vertical-align:middle; box-sizing:border-box;}
.mem-ad-list .sch-opt-article .box-tit{display:block; padding-bottom:1.2rem; color:#333; font-size:1.5rem; font-weight:500;  text-align:left;}
.mem-ad-list .sch-status-opt-article, .mem-ad-list .sch-area-opt-article{margin-bottom:2rem;
}
.mem-ad-list .sch-status-opt-article button, .mem-ad-list .sch-status-opt-article a{height:3rem; padding:0 1rem; margin:.2rem 0; border:1px solid #ddd; color:#888; font-size:1.3rem; font-weight:500; line-height:calc(3rem - 2px); letter-spacing:-0.065rem; vertical-align:middle; box-sizing:border-box;}
.mem-ad-list .sch-area-opt-article select{min-width:10rem; height:3rem; padding:0 3rem 0 1rem; margin:.2rem 0; background:#fff url(../images/comm/ico_select.png) no-repeat right 1rem top 50%; background-size:1.3rem auto; border:1px solid #ddd; color:#888; font-size:1.3rem; font-weight:500; line-height:calc(3rem - 2px); letter-spacing:-0.065rem; vertical-align:middle; box-sizing:border-box;}

.mem-ad-list .sch-status-opt-article button.active, .mem-ad-list .sch-status-opt-article a.active{border-color:#0067c4; color:#0067c4}
.mem-ad-list .sch-opt-article .duration{float:left; width:83%; font-size:0;}
.mem-ad-list .sch-opt-article input{width:45%; height:3rem; line-height:calc(3.6rem - 2px); padding-left:12px; font-size:1.3rem; font-weight:500; color:#666; background:url(../image/ico/ico_cal.png) right 10px top 50% no-repeat; background-size:auto 1.6rem; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.mem-ad-list .sch-opt-article .duration img{display:none;}
.mem-ad-list .sch-opt-article .sign{display:inline-block; width:4.7%; color:#666; font-size:1.5rem; font-weight:500; letter-spacing:-0.025rem; text-align:center;}
.mem-ad-list .sch-opt-article .btn--search{ float:right; width:17%; height:3rem; background:#0067c4; border:1px solid #0067c4; color:#fff; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:calc(3rem - 2px); box-sizing:border-box; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }

.mem-ad-list .btn-box{padding-top:2rem; text-align:right;}
.mem-ad-list .btn-box .lnk-input-ad{display:inline-block; padding:0 2rem; background:#666; line-height:3.2rem; color:#fff; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem;}
.mem-ad-list .result-list{width:100%; margin-top:1.5rem; margin-bottom:4rem; border-top:1px solid #0067c4;}
.mem-ad-list .result-item {padding:1rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
.mem-ad-list .result-item .lst_row {display:flex; justify-content:space-between; align-items:center; font-size:1.4rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.045rem; color:#444;}
.mem-ad-list .result-item .lst_row .ttl {width:80px; color:#777;}
.mem-ad-list .result-item .lst_row .val {flex:1 1 0; text-align:right;}
.mem-ad-list .result-item .lnk-view {display:inline-block; width:auto; height:2.2rem; background:#0067c4; color:#fff; text-align:center; font-size:1.3rem; font-weight:400; letter-spacing:-0.065rem; vertical-align:middle; padding:0 1rem; text-decoration:none; box-sizing:border-box; line-height:2.2rem;}


/* 
 .no_lst {height:80px; line-height:80px; text-align:center; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#555; border-bottom:1px solid #ddd;} */

/* adv_input */

.mem-ad-input .frm-box{margin-bottom:3rem;}
.mem-ad-input .frm-box *{vertical-align:middle;}
.mem-ad-input .frm-tit{margin-bottom:1.5rem;}
.mem-ad-input .frm-tit .txt{float:left; font-size:1.6rem; font-weight:500; letter-spacing:-0.065rem;}
.mem-ad-input .frm-tit .notice{float:right; color:#999; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem;}
.mem-ad-input .frm-tb{width:100%; border-top:1px solid #0067c4;}
.mem-ad-input .frm-tb th, .mem-ad-input .frm-tb td{padding:1rem; border-bottom:1px solid #ddd; color:#666; font-size:1.4rem; letter-spacing:-0.065rem; vertical-align:middle; letter-spacing:-0.065rem; box-sizing:border-box;}
.mem-ad-input .frm-tb th{width:9rem;padding-left:1rem; background:#f9f9f9; color:#333; font-weight:500;  word-break:keep-all;  text-align:left;}
.mem-ad-input .frm-tb .btn-extend{display:block; width:9rem; height:3rem; margin-top:.5rem;  background:#0067c4 ; color:#fff; font-size:1.4rem; letter-spacing:-0.065rem; line-height:calc(3rem - 2px); text-align:center; box-sizing:border-box;}
.mem-ad-input .frm-tb .btn-extend:hover{background:#666;}
.mem-ad-input .ad-opt-list + .ad-opt-list{margin-top:.5rem;}
.mem-ad-input .ad-opt-list li{float:left; position:relative; margin:.3rem 0; font-size:1.3rem; line-height:1.3rem;}
.mem-ad-input .ad-opt-list.area li{width:20%;}
.mem-ad-input .ad-opt-list.prd li{width:25%;}
.mem-ad-input .ad-opt-list.month li{width:25%;}
.mem-ad-input .ad-opt-list input{position:absolute; left:-1px; top:-1px; width:0; height:0;}
.mem-ad-input .ad-opt-list label{display:inline-block; padding-left:2.1rem; padding-right:1rem; background:url(../images/comm/check_off.png) no-repeat 0% 0%; background-size:1.4rem auto; color:#333; font-weight:500; letter-spacing:-0.065em; box-sizing:border-box; line-height:1.8rem; cursor:pointer;}
.mem-ad-input .ad-opt-list :checked + label{background-image:url(../images/comm/check_on.png)}
.mem-ad-input .my-ad-info-item{padding:1rem 0;}
.mem-ad-input .my-ad-info-item li{display:inline-block; margin-right:.5rem; line-height:1.4;}
.mem-ad-input .my-ad-info-item li span{color:#333; font-weight:500; vertical-align:bottom;}
.mem-ad-input .my-ad-info-item + .my-ad-info-item{border-top:1px solid #ddd;}


.mem-ad-input .ad-best-box .notice{padding:.4rem 0; color:#333; font-weight:500; line-height:1.5}
.mem-ad-input .ad-best-box .notice span{color:#0067c4;  letter-spacing:0; vertical-align:top;}
.mem-ad-input .ad-best-box .chk-list{font-size:0;}
.mem-ad-input .ad-best-box .chk-list li{margin:1.2rem 0; font-size:1.3rem;}
.mem-ad-input .ad-best-box .chk-list .tit{display:block; margin-bottom:.5rem; font-weight:500;}
.mem-ad-input .ad-best-box .chk-list input[type="radio"]{margin:-2px 0 0;}
.mem-ad-input .ad-best-box .chk-list label{margin-right:5px;}
.mem-ad-input .ad-best-box .chk-list .btn--delete{display:inline-block; height:2.2rem; padding:0 .8rem; background:#888; color:#fff; font-size:.3rem; text-align:center; line-height:22px; letter-spacing:-0.065rem;}
.mem-ad-input .reference{display:block; margin-top:.5rem; font-size:1.3rem;}

.mem-ad-input .frm-tb .input--txt{min-width:10rem; height:3rem; line-height:calc(3rem - 2px); font-size:1.4rem; box-sizing:border-box;}
.mem-ad-input .frm-tb .input--txt.d-picker{width:9rem;}
.mem-ad-input .frm-tb .input-tit{width:100%;}
.mem-ad-input .frm-tb .input--txt[readonly]{background:#f9f9f9;}
.mem-ad-input .txtarea{width:100%; height:100px; padding:10px; overflow-y:auto; box-sizing:border-box;}
.mem-ad-input .mem-btn-list{margin:2rem 0 4rem; font-size:0; text-align:center;}
.mem-ad-input .mem-btn-list button{display:inline-block; width:12rem; height:4rem; margin:0 .2rem; background:#fff; border:1px solid #0067c4; color:#0067c4; font-size:1.5rem; font-weight:500; line-height:calc(4rem - 2px); text-align:center; letter-spacing:-0.065rem; box-sizing:border-box;}
.mem-ad-input .mem-btn-list .btn--submit{background:#0067c4; color:#fff;}



/* view.php */

.common-store-view{padding-top:3.5rem;}
.common-store-view .area-box{padding:0 1.5rem; box-sizing:border-box;}
.common-store-view .area-box h3{padding-bottom:1.5rem; margin-top:2.5rem;border-bottom:2px solid #0067c4; color:#0067c4; font-size:1.6rem; font-weight:500; letter-spacing:-0.065rem;}
.common-store-view .comm-info{margin:1.2rem 0; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.8rem;}
.common-store-view .comm-info dt{float:left; width:22%; color:#666; }
.common-store-view .comm-info dd{float:left; width:78%; padding-left:1.5rem; color:#000; box-sizing:border-box;}
.common-store-view .comm-info strong{color:#0067c4; font-weight:700;}
.common-store-view .comm-info:after{content:''; display:block; clear:both;}

.common-store-view .tit-area .intro{display:block; color:#000; font-size:2rem; font-weight:500; letter-spacing:-0.065rem; text-align:center;}

.common-store-view .store-info-head li{float:left; width:50%; height:10.3rem; padding-top:5.5rem; background-repeat:no-repeat; background-position:50% 1.5rem; background-size:3rem auto; text-align:center; box-sizing:border-box;}
.common-store-view .store-info-name{background-image:url(../images/sub/ico_store_name.png);}
.common-store-view .store-info-num{background-image:url(../images/sub/ico_store_num.png);}
.common-store-view .store-info-head dt{margin-bottom:.3rem; color:#999; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem;}
.common-store-view .store-info-head dd{color:#000; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.9rem;}
.common-store-view .store-info-head p{padding:1rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#0067c4; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.9rem; text-align:center; box-sizing:border-box;}
.common-store-view .store-info-body{padding:.6rem 0; border-bottom:1px solid #ddd;}

.common-store-view .store-util-btn{padding:1.5rem 0 2.5rem; font-size:0;}
.common-store-view .store-util-btn button{display:inline-block; width:48.8%; height:4.5rem;; border:1px solid #0067c4; color:#0067c4; font-size:1.4rem; font-weight:500; line-height:calc(4.5rem - 2px); letter-spacing:-0.065rem; text-align:center;}
.common-store-view .store-util-btn :first-child{margin-right:1.2%;}
.common-store-view .store-util-btn .util-caution{background:#0067c4; color:#fff;}
.common-store-view .prd-area .cont{padding-bottom:2.5rem;}
.common-store-view .prd-tb th, .common-store-view .prd-tb td{padding:1.3rem .3rem 1.3rem 1rem;  border-bottom:1px solid #ddd; color:#666; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.7rem; text-align:left; box-sizing:border-box;}
.common-store-view .prd-tb th{background:#f7f7f7;}

.common-store-view .explain-txt{ white-space:pre-line;}
.common-store-view .explain-txt, .common-store-view .explain-txt *{color:#666; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:3rem}
.common-store-view .explain-store{padding:.6rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.common-store-view .explain-area .notice-txt{margin:1rem 0 2.2rem; color:#0067c4; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.8rem; text-align:center;}


.common-store-view .caution-area{padding:1rem 0; background:#888; color:#fff; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; line-height:2rem; text-align:center;}


/* mypage */

/* button */
.member-btn-list {text-align:center; margin:2rem auto 3rem;}
.member-btn-list button, .member-btn-list a {display:inline-block; width:15rem; line-height:4.4rem; border:1px solid #dcdcdc; background:#f0f0f0; text-align:center; font-size:1.5rem; font-weight:500; letter-spacing:-0.045rem; color:#444; box-sizing:border-box;}
.member-btn-list .btn--submit, .member-btn-list .lnk-end {background:#0067c4; color:#fff; border-color:#0067c4;}

/*  join-input  */

.mem-join{padding:0 1.5rem; box-sizing:border-box;}
.mem-join + .mem-join{margin-top:3.5rem;}
.mem-join-tit {margin-bottom:1.5rem; font-size:1.8rem; color:#333; line-height:1.4; letter-spacing:-0.05em; font-weight:500; overflow:hidden; box-sizing:border-box;}
.mem-join .data-lst{margin:1.2rem auto 0;}
.mem-join .data-lst dt{font-size:1.4rem; font-weight:500; color:#333; line-height:1.3; letter-spacing:-0.065rem;}
.mem-join .data-lst dt i{font-style:normal; color:#ff3131;}
.mem-join .data-lst dt small{font-size:1.3rem; color:#999; letter-spacing:-0.05em;}
.mem-join .data-lst dd{position:relative; margin:1rem 0 0; font-size:1.4rem;}
.mem-join .data-lst dd.txt{font-size:1.4rem; color:#111; font-weight:bold;}
.mem-join .data-lst dd, .mem-join .data-lst dd *{ vertical-align:middle;}
.mem-join .data-lst dd input[type=text], .mem-join .data-lst dd input[type=password], .mem-join .data-lst dd input[type=email], .mem-join .data-lst dd input[type=tel]{ height:3.5rem; font-size:1.4rem; color:#333; background:#fff; padding:0 0 0 .5rem; border:1px solid #ddd; border-radius:3px; appearance:none; -webkit-appearance:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:1.4rem; line-height:calc(3.5rem - 2px); box-sizing:border-box;}
.mem-join .data-lst dd select {min-width:6rem; max-width:100%; height:3.5rem; padding:0 2rem 0 .7rem;  border:1px solid #ddd; font-size:1.4rem; color:#333; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.mem-join .data-lst dd input[type=file]{padding:.2rem; border:1px solid #ddd;}
.mem-join .data-lst .comment{display:block; color:#666; margin:.8rem 0 .4rem;}
.mem-join .data-lst .input--txt{width:100%;}
.mem-join .data-lst .input--pw{width:20rem;}
.mem-join .data-lst .input-tel, .mem-join .data-lst .input-post,.mem-join .data-lst .input-date, .mem-join .data-lst .input-secret{width:9rem;}
.mem-join .data-lst .input-address{display:block; width:95%; margin-top:.3rem;} 
.mem-join .radio-box, .mem-join .date-box{margin:.5rem 0;}
.mem-join .date-box li, .mem-join .radio-box li {display:inline-block;}
.mem-join .data-lst dd textarea{line-height:1.5; font-size:1.4rem; color:#333; background:#fff; padding:1rem; margin:0; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.mem-join .data-lst dd button{height:3.5rem; background:#888; color:#fff; font-size:1.4rem; letter-spacing:-0.05em; padding:0 1.2rem; border-radius:3px;}
.mem-join .data-lst dd label{display:inline-block; margin:0 .5rem 0 0; font-size:1.4rem;}
.mem-join .data-lst dd label:last-child{margin-right:0;}
.mem-join .data-lst dd input[type=radio]{width:1rem; height:1rem; margin:0 .4rem 0 0;}
.mem-join .data-lst.spam_check input[type="text"] {width:90px; height:3.5rem;}
.mem-join .join-ad-chk{padding:1rem 0;} 
.mem-join .join-ad-chk .ad-notice{margin-bottom:1rem; color:#0067c4; font-size:1.4rem; font-weight:500; letter-spacing:-0.065rem; line-height:1.3;}
.mem-join .join-ad-chk .ad-type{display:block; width:100%; padding-left:1rem; background:#f9f9f9; color:#333; font-size:1.3rem; font-weight:500; line-height:3rem; letter-spacing:-0.065rem; box-sizing:border-box;}
.mem-join .join-ad-chk .ad-opt-list{padding:1.2rem 0;}
.mem-join .join-ad-chk .ad-opt-list li{float:left; margin:.2rem 0; line-height:2rem;}
.mem-join .join-ad-chk .ad-opt-list.area li{width:10%;}
.mem-join .join-ad-chk .ad-opt-list.prd li{width:50%;}
.mem-join .join-ad-chk .ad-opt-list label{cursor:pointer;}
.mem-join .join-ad-price{padding-top:2rem; padding-right:.5rem;text-align:right; box-sizing:border-box;}
.mem-join .join-ad-price dt, .mem-join .join-ad-price dd{display:inline-block; color:#555; font-weight:500; vertical-align:bottom}
.mem-join .join-ad-price dt{font-size:1.4rem;}
.mem-join .join-ad-price dd{font-size:1.6rem;}
.mem-join .join-ad-price dd strong{font-weight: 500; color:#0067c4; padding-left:1rem; padding-right:.2rem; vertical-align:bottom;}

/* join - agree */

.join_agree h3{margin-bottom:1.5rem; font-size:1.8rem; color:#333; line-height:1.4; letter-spacing:-0.05em; font-weight:500; overflow:hidden; box-sizing:border-box;}
.join_agree h3:first-child{margin-top:0;}
.join_agree textarea{width:100%; height:10rem; font-size:1.3rem; margin-bottom:1rem; color:#777; line-height:1.3; padding:1rem; overflow-y:scroll; background:#f9f9f9; border:1px solid #dfdfdf; box-sizing:border-box; resize:none; box-sizing:border-box;}
.join_agree .agree{text-align:right;}
.join_agree .agree input[type='checkbox']{width:0; height:0; font-size:0; visibility:hidden;}
.join_agree .agree label{font-size:1.4rem; font-weight:500; line-height:1.4; letter-spacing:-0.065rem; color:#666; padding-left:2.2rem; background:url(../images/comm/check_off.png) 0 50% no-repeat; background-size:1.4rem auto; box-sizing:border-box;}
.join_agree .agree input:checked + label {background-image:url(../images/comm/check_onn.png);}


/* join ok */
.join-ok{width:100%; border:2px solid #eee; padding:4rem 1rem 1rem; box-sizing:border-box; text-align:center; letter-spacing:-0.07em; line-height:1.4;}
.join-ok strong{display:block; font-size:1.8rem; font-weight:500; color:#444;}
.join-ok span{display:block; font-size:1.4rem; color:#666; margin:1.5rem 0 3rem;}

/* consult.php */

/* consult */
.sub-consult-section .section-tit{margin-bottom:1.5rem;}
.sub-consult-section .section-tit h3{display:inline-block; color:#000; font-size:1.8rem; font-weight:500; letter-spacing:-0.065rem;}
.sub-consult-section .section-tit span{margin-left:1.2rem; color:#999; font-size:1.3rem; font-weight:500; letter-spacing:-0.065rem; vertical-align:bottom;}

/* org.php */
.sub-org-img{padding:2rem 0 5rem; text-align:center;}
.sub-org-img img{width:auto; height:auto; max-width:100%;}


.sub-policy span{font-size: 1.4rem!important; line-height: 2.4rem!important;}


/* Mobile Main ���  --------------------------------------------------*/

.M_ad .ad_inner{max-width:1200px; margin:0 auto; padding:1.2rem;}
.M_ad .ad_item_list > li{float:left; width:32%; height:150px; margin:0 2% 2% 0; border:1px solid #ddd; box-sizing:border-box;}
.M_ad .ad_item_list > li:nth-child(3n){margin-right:0;}
.M_ad .ad_item_list .ban_img{height:85px; border-bottom:1px solid #ddd; line-height:75px; text-align:center;}
.M_ad .ad_item_list .ban_img img{width:auto; height:100%; max-height:95%; max-width:95%; vertical-align:middle;}
.M_ad .ad_item_list .ban_info{padding:.8rem; box-sizing:border-box;}
.M_ad .ad_item_list .ban_info li{max-width:100%; color:#444; font-size:.8rem; line-height:1.5; letter-spacing:-0.065em;}
.M_ad .ad_item_list .ban_info .company{ color:#111; font-size:.85rem; font-weight:500;}
.M_ad .ad_item_list .ban_info .tel{letter-spacing:0;}
.M_ad .ad_item_list .ban_info .address{max-height:2.2rem; padding:3px 0 0; line-height:1.1rem; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* footer */
.copynav {position: fixed; width:100%; height: 60px; bottom: 0;left: 0;;z-index: 999995;text-align: center;}
.copynav a {color: #fff !important; width: 50%; height: 60px; display: block; font-size: 20px; float: left; font-weight: 800;}
.copynav a:first-child {background: #ff0000; text-align: center; line-height: 60px;}
.copynav a:nth-child(2) {background: #999; line-height: 60px;}
.copynav a img {vertical-align: middle; width: 30px; padding-right: 5px;}


/*section*/
.slidetxt{position:absolute; top:30%; left:13%; z-index:9998;}
.slidetxt p:nth-child(1){font-size:24px; font-weight:700; color:#000; letter-spacing:-2px;}
.slidetxt p:nth-child(2) {color: #000; font-weight: 700;font-size:40px; letter-spacing: -3px;margin: 10px 0; text-transform: uppercase; margin-bottom: 30px;} 
.slidetxt a {color: #000; border: 1px solid #333; font-size: 16px; padding: 8px 14px;  font-weight: 400; transition: .3s; position: relative; font-weight: 800;}
.slidetxt a:hover {background: #000; color: #fff;}
.slidetxt a:before {content: ''; position: absolute; width: 45px; height: 2px; background: #fff; bottom: 5px; left: 20px; transition: .5s;}
.slidetxt a:hover:before {width: 100%;}


.swiper {
        width: 100%;
        height: 550px;
        overflow: hidden;
        position: relative;
      }
.myswiper .swiper-pagination {position: absolute; bottom: 30px;}
.myswiper .swiper-pagination span {width: 14px; height: 14px; }
.myswiper .swiper-pagination span:nth-child(2) {margin: 0 14px;}
.swiper-pagination-bullet-active {background: #fff;}
      .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
      }
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.myswiper .swiper-slide:nth-child(1) {background: url(../img/slide01.jpg) no-repeat center / cover;}
.myswiper .swiper-slide:nth-child(2) {background: url(../img/slide02.jpg) no-repeat center / cover;}
.myswiper .swiper-slide:nth-child(3) {background: url(../img/slide03.jpg) no-repeat center / cover;}
.mySwiper1 {height: 200px !important;}
.section { width: 100%; margin: 10px auto;}
.sectitle {text-align: center; margin-bottom: 50px;}
.sectitle p:first-child {font-size: 32px; font-weight: 800; color: #000;} 
.sectitle p:last-child {font-size: 20px; font-weight: 400; color: #333; margin-top: 20px;}
.section01 {margin-bottom: 50px;}
.section01 .sbox {padding: 10px;}
.section01 .sectitle {}
.section01 .sectitle img {width: 160px;}
.section01 .sbox .ssbox {margin-top: 50px;}
.section01 .sbox .ssbox div {width: 100%;}
.section01 .sbox .ssbox div.sec01txt {position: relative;}
.section01 .sbox .ssbox div.sec01txt p:first-child {font-size: 32px; font-weight: 800;color: #000; margin-top: 15px;}
.section01 .sbox .ssbox div.sec01txt p:nth-child(2) {font-size: 20px;font-weight: 700; margin-top: 14px; margin-bottom: 10px;}
.section01 .sbox .ssbox div.sec01txt p:nth-child(3) { font-size: 14px;line-height: 1.5em;  color: #666;}
.section01 .sbox .ssbox div.sec01txt a {color: #000; font-weight: 800; margin-top: 30px; display: inline-block;}
.section01 .sbox .ssbox div.sec01txt a:hover {border-bottom: 1px solid #000;}
.section01 .sbox .ssbox .pbox2 {background: url(../img/main01.jpg) no-repeat center / cover; height: 200px;}
.section01 .sbox .ssbox div.sec01txt span {display: block; position: absolute; left: 50%; width: 2px; height: 30px; background: #ddd;}
.section01 .sbox .ssbox:last-child .pbox {background: url(../img/main02.jpg) no-repeat center / cover; height: 200px;}
.section01 .sbox .ssbox .mbox a p:hover:before {width: 95px;}

.section02 {width: 100%;background: url(../img/main03.jpg) no-repeat center / cover;position: relative;}
.section02 .sbox {height: 450px;}
.section02 .sectitle { padding-top: 30px;}
.section02 .sectitle p:first-child {color: #fff;}
.section02 .sectitle p:last-child {font-size: 20px; font-weight: 400; color: #fff; margin-top: 20px;}
.section02 .swiper-wrapper div {border: 1px solid  #ddd;  float: left; background: #fff;text-align: center; width: 25%;}
.section02 .swiper-wrapper div:hover {border-image: linear-gradient(to right, #01c9ca 0%, #3886FF 100%); border-image-width: 10px; border-image-slice: 1;}
.section02 .swiper-wrapper div span.good_txt { width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; padding: 10px; vertical-align: top;}
.section02 .swiper-wrapper div span.good_txt h1 { font-size: 20px;}
.section02 .swiper-wrapper div span.good_txt p {font-size: 14px; margin: 10px 0;}
.section02 .swiper-wrapper div span.good_txt span {font-size: 50px;}
.myswiper1 .swiper-pagination span {width: 20px; height: 20px; }

.section03 {text-align: center; padding: 10px 10px; padding-bottom: 20px;}
.section03 .main_title p:last-child {letter-spacing: -2px; margin-bottom: 10px;}
.section03 .section03_table {width: 100%;}
.section03 .section03_table div {width: 32%; border: 1px solid  #ddd; border-radius: 10px; float: left; margin-top: 10px;position: relative; height: 120px; overflow: hidden;}
.section03 .section03_table div span:first-child {font-size: 40px; margin-top: 40px; color: #444;}
.section03 .section03_table div span:last-child {width: 100%; height: 30px; background: #333;position: absolute; top: 0;left: 0; line-height: 30px;color: #fff; font-weight: 800;}
.section03 .section03_table div:nth-child(2){margin-left: 2%; margin-right: 2%;}
.section03 .section03_table div:nth-child(5){margin-left: 2%; margin-right: 2%;}
/*.section05 .section05_table div:last-child span:last-child{background: linear-gradient(to right, #36b0ed, #014d71);}*/
.section03 .section03_table div:nth-child(5) p {color: #333; font-weight: 700; font-size: 20px;}
.section03 .section03_table div:last-child a p {color: #333;}
.section03 iframe {float: left; margin: 1%;}
/*.section03 .mainline {width: 95%; height: 10px; margin: 0 auto; background: linear-gradient(to right, #e9e9e9, #666); margin-bottom: 20px; position: relative;}*/
/*.section03 .mainline span:first-child {position: absolute; top: -4px;left: -2px; width: 16px;height: 16px; border-radius: 100%; display: inline-block;background: #e9e9e9;}*/
/*.section03 .mainline span:last-child {
    position: absolute; top: -7px; right: -5px; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #666;
}*/




.section04 .sbox {width: 100%;}
.section04 .sbox .ssbox {width: 100%;}
.section04 .sectitle {margin-bottom: 25px;}

/*index3*/
.index3 {padding: 90px 0;}
.index3 .head {font-size: 40px;text-align: center;padding-bottom: 60px;font-family: 'ONE Mobile Title', sans-serif;color: #287be4;}
.index3_wrap {width: 100%;max-width: 1200px;margin: 0 auto;}
.index3_wrap > div {float: left;width: 18.803%;margin: 0 0.747% 20px;border: 1px solid #dadada;height: 190px;position: relative;display: flex;align-items: center;justify-content: center;}
.index3_wrap > div:nth-child(6), .index3_wrap > div:nth-child(7), .index3_wrap > div:nth-child(8), .index3_wrap > div:nth-child(9), .index3_wrap > div:nth-child(10) {margin-bottom: 0;}
.index3_wrap > div:nth-child(5n) {margin-right: 0;}
.index3_wrap > div:nth-child(5n+1) {margin-left: 0;}
.index3_wrap > div .img {margin-top: -40px;}
.index3_wrap > div .txt {position: absolute;width: 100%;bottom: 40px;text-align: center;font-size: 18px;color: #287be4;font-weight: 500;}



.tel {background: #15483f;padding-top: 0px;}    
.tel_wrap {display: flex;justify-content: center;align-items: center;padding: 20px 0;}
.tel_wrap .txt {padding-left: 30px;color: #ffffff;}
.tel_wrap .txt .top {font-size: 24px;display: block;font-weight: 500;}
.tel_wrap .txt .bot {font-size: 40px;display: block;padding: 5px 0;font-family: cursive; color: #ff0018; font-weight: 900;}    
.tel_wrap .txt .end {font-size: 24px;font-family: 'ONE Mobile Title', sans-serif;}    


/* 1:1  ���� ������ ----------------------------------------------------------*/
.M_counsel{background:#3e8c7b; padding:25px 0 25px;}
.M_counsel .inner{width:90%; max-width:640px; margin:0 auto;}
.M_counsel .tit{text-align:center; font-size:27px; font-weight:600; color:#fff; letter-spacing:-0.05em; line-height:1.3; margin:0 0 10px;}
.M_counsel .form{padding:15px 0 10px;}
.M_counsel .form li{position:relative; padding-left:60px; border-radius:5px; overflow:hidden; margin:0 0 5px;}
.M_counsel .form li span{position:absolute; left:0; top:0; display:block; width:60px; height:35px; line-height:35px; padding-left:10px; font-size:11px; letter-spacing:-0.05em; color:#444; background:#ededed;}
.M_counsel .form li input{width:100%; height:35px; padding-left:10px; font-size:11px; color:#333; background:#fff; border:0 none; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.M_counsel .agree{padding:0 0 10px;}
.M_counsel .agree input{vertical-align:middle;}
.M_counsel .agree label{vertical-align:middle; color:#fff; font-size:12px;}
.M_counsel .btn{text-align:center;}
.M_counsel .btn button{width:70%; max-width:640px;}
.M_counsel .btn button img{width:100%;}

.M_counsel div.btn button {display:block; width:100%; height:45px; font-size:16px; font-weight:500; line-height:45px; letter-spacing:-0.065rem; color:#fff; background:rgba(0,0,0,.25); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.M_counsel div.btn button:hover {background:rgba(0,0,0,.5);}
/* 1:1  ���� ������ ----------------------------------------------------------*/