/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic4-maplecms
*/
@charset "utf-8";
img{max-width: 100%;}
body{font-size: 16px; font-family: sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo;}
a{cursor: pointer;}
a:hover{text-decoration: none; opacity: 0.7;}
.container.v2{max-width: 1000px;}
.container.v3{max-width: 1250px;}
.pad-block{display: none;}
.one_sent_hide{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
input[type="text"]:focus-visible{outline: none;}
textarea:focus-visible{outline: none;}

/*--- font ---*/
@font-face {
    font-family: 'hunter';
    src: url(../fonts/hunter.otf);
}
.hunter{font-family: 'hunter';}

/*--- header ---*/
header{transition: 1.0s;}
.head_inner{padding: 15px 20px; font-size: 14px; font-weight: bold;}
.head_item .navbar-nav{flex-direction: row;}
.head_item .navbar-nav > li{margin: 0 10px;}
.head_item .navbar-nav > li a{color: #1a1a1a;}
.wrp-head_btn a{display: block; margin: 0 15px;}
.head_logo .sm-sub{display: none;}

/* fix */
.h-fix-btn{display: none !important;}
.h-fix .head_btn1{display: none;}
.h-fix .head_btn2{padding: 10px 20px;}
.h-fix .head_btn2 span{display: none;}
.h-fix .h-fix-btn{display: block !important; font-size: 10px;}
.h-fix{position: fixed; top: 20px; left: 0; right: 0; margin: 0 auto; max-width: 1140px; background-color: #fff; z-index: 999; transition: 1.0s; border-radius: 3px;}
.h-fix .head_inner{padding: 10px 20px;}
.h-fix .head_inner .logo{width: 130px;}

/*--- TOP ---*/
/* public */
.wrp-box{padding: 100px 0 70px;}
.bg_gray{background-color: #f5f5f5;}
.bg_blue{background-color: #e5f5f9;}
.top-title{text-align: center; margin-bottom: 70px;}
.top-title span{display: block;}
.top-title span:nth-of-type(1){font-size: 30px; font-weight: bold; margin: 0 auto 30px; position: relative; letter-spacing: 2px; display: inline-block;}
.top-title span:nth-of-type(1)::before{content: 'About'; font-family: 'hunter'; font-size: 42px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); letter-spacing: 4px; color: #00b9ef; position: absolute; top: -45px; left: -60px;}
.top-title span:nth-of-type(1)::after{content: ''; border-bottom: solid 2px #00b9ef; position: absolute; width: 20px; bottom: -15px; left: 0; right: 0; margin: auto;}
.top-title span:nth-of-type(2){font-size: 14px;}
.contents{margin-bottom: 70px;}
.i-30{width: 31%; text-align: center;}
.i-30 img{margin-bottom: 30px;}
.i-30 span{display: block;}
.i-50{width: 48.5%;}

/* mv */
.mv-box{position: relative;}
.mv-box .scr{position: absolute; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; bottom: 210px; left: 60px; z-index: 3; font-weight: bold; font-size: 12px;}
.mv-box::after{position: absolute; content: ''; left: 0; bottom: 0; width: 23%; height: 82%; background-color: #00b9ef; z-index: 1;}
.wrp-mv-img{position: relative;}
.wrp-mv-img span{position: absolute; top: 10px; left: 45px; font-size: 14.5px; font-weight: bold; line-height: 1.3;}
.mv-img{width: 87%; margin: 0 0 0 auto; position: relative; z-index: 2;}
.mv-img img{width: 100%;}
.ban-box{padding: 30px 100px; width: 75%; margin: 0 0 0 auto;}
.ban-slide li{margin: 0 10px;}
.mv-box::before{position: absolute; bottom: 0; left: 70px; width: 1px; height: 200px; background: #000; -webkit-animation: sdl 1.5s cubic-bezier(1,0,0,1) infinite; animation: sdl 1.5s cubic-bezier(1,0,0,1) infinite; content: ""; z-index: 3;}
@keyframes sdl{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}50.1%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}
@-webkit-keyframes sdl{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}50.1%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}

/* about */
#about .i-30 img{border-radius: 50%; border: solid 2px #00b9ef;}

/* contents */
#contents .top-title span:nth-of-type(1)::before{content: 'Learn';}
.content-item{border-top: solid 2px #00b9ef; padding: 15px; margin: 0 15px; background-color: #f9f7f5;}
.content-item .title{text-align: center; margin-top: -30px; margin-bottom: 10px;}
.content-item .title span{display: block; color: #00b9ef; font-weight: bold;}
.content-item .title span:nth-of-type(1){font-size: 45px; line-height: 1;}
.content-item .title span:nth-of-type(2){font-size: 12px;}
.content-item .content span{display: block;}
.content-item .content span:nth-of-type(1){text-align: center; margin-bottom: 15px; font-size: 18px; font-weight: bold;}

/* price */
#price .top-title span:nth-of-type(1)::before{content: 'Price';}
.gray-box{max-width: 1000px; margin: auto; background-color: #f9f7f5; padding: 80px 0 50px; margin-bottom: 70px;}
.flex.fx-bet.iner-box{max-width: 1000px; margin: auto;}
.gray-box .iner-box{max-width: 600px; margin: auto;}
.price-box{margin-bottom: 50px; position: relative;}
.price-box .ab-title{position: absolute; top: -25px; left: 0; right: 0; margin: auto; width: 370px; height: 45px; background-color: #e9463f; color: #fff; font-weight: bold; text-align: center; font-size: 16px; padding: 10px 0; border-radius: 3px;}
.price-box .title{margin-bottom: 10px; background-color: #fff; padding: 40px 0;}
.price-box .title .sub{display: block; color: #e9463f; position: relative; text-align: center; margin-bottom: 10px;}
.price-box .title .sub::before,
.price-box .title .sub::after{content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 90px; height: 1px; border-top: solid 1px #e9463f;}
.price-box .title .sub::before{left: 50px;}
.price-box .title .sub::after{right: 50px;}
.price-box .title .p-item:nth-of-type(1) span{display: inline-block; background-color: #ea2828; color: #fff; font-weight: bold; margin-right: 15px; padding: 0 15px;}
.price-box .title .p-item:nth-of-type(2) span{display: inline-block; color: #ea2828; font-size: 45px; font-weight: bold; margin-right: 10px; letter-spacing: 3px;}
.price-box .title .p-item:nth-of-type(3) span{display: block;}
.price-box .title .p-item:nth-of-type(3) span:nth-of-type(1){font-size: 12px;}
.price-box .title .p-item:nth-of-type(3) span:nth-of-type(2){font-size: 21px; color: #ea2828; font-weight: bold; line-height: 1;}
.price-box .sub-text{font-size: 11px; margin-bottom: 50px;}
.price-box .sub-text ul li{position: relative; padding-left: 10px;}
.price-box .sub-text ul li::before{content: '*'; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 5px; height: 15px;}
.p-table{margin-bottom: 10px; font-weight: bold;}
.p-table .term{margin-bottom: 10px;}
.p-table .term .t-item{width: 50%;}
.p-table .term .t-item:nth-of-type(1) span{border-right: solid 1px #fcfcfc;}
.p-table .term .t-item > span:nth-of-type(1),.p-table .title-box > span{display: block; text-align: center; padding: 10px 0; background-color: #d7c8b9;}
.p-table .term .t-item > span:nth-of-type(2),.p-table .term .t-item > div{display: block; text-align: center; padding: 20px 0; background-color: #fff;}
.p-table .term .t-item > div > span:nth-of-type(2){font-size: 12px;}
.p-table .how{background-color: #fff; padding: 25px 40px;}
.p-table .how .t-item{width: 42%; margin: 0 15px; background-color: #00b9ef; color: #fff; padding: 10px 0; text-align: center; border-radius: 3px;}
.p-table .how .t-item span:nth-of-type(2){font-size: 14px;}

/* voice */
#voice .top-title span:nth-of-type(1)::before{content: 'Voice';}
#voice.wrp-box{padding: 100px 0;}
#voice .i-32{width: 32%; background-color: #f9f7f5;}
.v-box .title{margin: -15px 0px 15px; padding: 0 10px;}
.v-box .title .item:nth-of-type(1){padding-top: 20px; color: #e9463f; font-weight: bold;}
.v-box .title .item:nth-of-type(2){color: #e9463f;  font-weight: bold; margin-left: 5px; font-size: 27px; text-shadow: 0px 0px 3px #fff;}
.v-box .content{padding: 0px 10px 15px;}
.v-box .content span{display: block;}
.v-box .content span:nth-of-type(1){margin-bottom: 15px;}
.v-box .content span:nth-of-type(2){text-align: right;}

/* cv */
.cv-box{padding: 100px 0; background-color: #f39800;}
.cv-title{font-weight: bold; text-align: center; margin-bottom: 50px;}
.cv-title span{display: block;}
.cv-title span:nth-of-type(2){font-size: 27px;}
.cv-box .i-32{width: 32%;}
.cv-box .i-32 a{display: block; width: 100%; background-color: #fff; text-align: center; margin-bottom: 30px; padding: 20px 0; border-radius: 3px; color: #000; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s;}
.cv-box .i-32 a:hover{background-color: #ccc; opacity: 1;  -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);}
.cv-box .i-32 a .wrp{margin-bottom: 15px; height: 100px; position: relative;}
.cv-box .i-32 a .wrp img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.cv-box .i-32 a span{display: block;}
.cv-box .i-32 a i{margin-left: 10px; margin-right: 0px;}
.cv-box .i-32 .title span{display: block; text-align: center;}
.cv-box .i-32 .title span:nth-of-type(1){font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.cv-box .i-32 a .pc-hidden{display: none;}

/* banner */
#banner.wrp-box{padding: 50px 0;}
#banner .i-50{width: 48.5%; background-color: #510101;}
#banner .i-50 img{width: 100%;}

/* slider */
.slide-a,.ban-slide{display: none;}
.slide-a.slick-initialized,.ban-slide.slick-initialized{display: block;}
.slick-prev::before, .slick-next::before{font-size: 30px; color: #333; opacity: 1;}
.slick-prev:hover::before, .slick-next:hover::before{opacity: 0.75;}
.slick-prev, .slick-next{width: 30px; height: 30px;}
.slick-prev{left: -50px;}
.slick-next{right: -50px;}
.slick-prev::before{content: url(../images/left-arrow.png);}
.slick-next::before{content: url(../images/right-arrow.png);}

/*--- fix-page ---*/
/* kv */
.kv,.kv-img{position: relative;}
.kv-img::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.kv-img img{width: 100%;}
.wrp-kv-title{position: absolute; max-width: 500px; height: 110px; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.kv-title{position: relative;}
.kv-title span{display: block; text-align: center; color: #fff;}
.kv-title span:nth-of-type(1){font-size: 36px; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; position: relative; letter-spacing: 2px;}
.kv-title span:nth-of-type(1)::before{content: ''; position: absolute; top: -40px; left: 5px; font-size: 45px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); letter-spacing: 4px; color: #00b9ef; font-family: 'hunter';}
.kv-title span:nth-of-type(1)::after{content: ''; border-bottom: solid 3px #fff; position: absolute; width: 50px; bottom: 0px; left: 0; right: 0; margin: auto;}
.kv-title span:nth-of-type(2){font-size: 14px;}

/* public */
.fix-nav{background-color: #eee; padding: 15px 0;}
.fix-nav .item{border-left: solid 1px #000; padding: 5px 40px;}
.fix-nav .item:last-of-type{border-right: solid 1px #000;}
.f-btn{color: #000; font-weight: bold; font-size: 14px;}
.bread-box{padding: 10px 0; font-size: 14px;}
.fix-box{padding: 70px 0;}
.fix-triangle{padding-top: 120px; position: relative;}
.triangle{position: absolute; width: 50px; left: 0; right: 0; top: 0; margin: auto; border-top: 50px solid #F0897F; border-right: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent;}
.triangle.white{border-top: 50px solid #fff;}
.triangle.blue{border-top: 50px solid #e5f5f9;}
.fix-title{margin-bottom: 70px; text-align: center; font-weight: bold;}
.fix-title span{display: block;}
.fix-title span:nth-of-type(1){color: #00b9ef;}
.fix-title span:nth-of-type(2){font-size: 33px;}
.fix-title span:nth-of-type(3){font-weight: normal; margin-top: 20px;}
#fix-review .fix-title span:nth-of-type(1){color: #000;}
#fix-review .fix-title span:nth-of-type(2){color: #00b9ef;}
#fix-flow .fix-title{margin-bottom: 100px;}

/* about */
.bg_white{background-color: #f5f7f8;}
.page-template-page-about .kv-title span:nth-of-type(1)::before{content: 'About';}
.cach-box{padding: 30px 0 10px; text-align: center; font-size: 36px; font-weight: 700; letter-spacing: 5px; color: #ff9a00; font-family: 'Noto Sans JP', sans-serif; text-shadow: 1px 1px 1px #000;}
.about-box{margin-bottom: 100px;}
.about-box:nth-of-type(even) .about-item{flex-direction: row-reverse;}
.about-box .about-item .item{width: 45%; margin: 0 30px;}
.about-box .about-item .item:nth-of-type(2){width: 35%;}
.about-box .about-item .item-title{margin-bottom: 30px;}
.about-box .about-item .item-title span{display: block; font-weight: bold;}
.about-box .about-item .item-title span:nth-of-type(1){color: #00b9ef; font-size: 24px; margin-bottom: 10px; letter-spacing: 1.5px;}
.about-box .about-item .item-title span:nth-of-type(2){ font-weight: bold; font-size: 30px;}
.about-box .about-item .content{line-height: 2;}
.about-contents{background-color: #fff; padding: 50px 100px 30px;}
.about-contents .item{width: 45%; margin-bottom: 40px;}
.about-contents .item-title{margin-bottom: 20px; font-weight: bold;}
.about-contents .item-title img{margin-right: 15px; width: 35px; height: 35px;}
.about-contents .item-title span{display: block;}
.about-contents .item .content{line-height: 2;}

/* curriculum */
.page-template-page-curriculum .kv-title span:nth-of-type(1)::before{content: 'Learn';}
#fix-earn .title{color: #ff9a00; text-align: center; margin-bottom: 65px; font-weight: bold;}
#fix-earn .title span{display: block;}
#fix-earn .title span:nth-of-type(1){font-size: 36px;  margin-bottom: 60px; position: relative; letter-spacing: 3px; display: inline-block;}
#fix-earn .title span:nth-of-type(1)::after{content: '当たり前を理解しよう'; position: absolute; top: -35px; left: -80px; background-color: #ea2828; color: #fff; padding: 5px 10px; font-size: 13px; letter-spacing: 1px;}
#fix-earn .title span:nth-of-type(2){font-size: 21px; display: inline-block; position: relative; color: #000;}
/* #fix-earn .title span:nth-of-type(2)::before,#fix-earn .title span:nth-of-type(2)::after{content: ''; border-bottom: solid 2px #000; position: absolute; top: 15.5px; width: 70px;}
#fix-earn .title span:nth-of-type(2)::before{left: -90px;}
#fix-earn .title span:nth-of-type(2)::after{right: -90px;} */
#fix-earn .box{width: 31%; margin-bottom: 80px; position: relative; padding-top: 50px; background-color: #f9f7f5;}
#fix-earn .box .wrp-box-title{position: absolute; top: -30px; left: 0; right: 0; margin: auto;}
#fix-earn .box .item:nth-of-type(1){width: 55%;}
#fix-earn .box .item:nth-of-type(2){width: 45%; padding: 0 10px;}
#fix-earn .box .item span{display: block;}
#fix-earn .box .item span:nth-of-type(1){text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 18px;}
#fix-earn .box .item span:nth-of-type(2){font-size: 14px;}
#fix-earn .box-title{text-align: center; position: relative;}
#fix-earn .box-title .count{font-weight: bold; font-size: 42px; color: #00b9ef;}
#fix-earn .box-title .count::before,#fix-earn .box-title .count::after{content: ''; border-top: solid 2px #00b9ef; position: absolute; top: 0; bottom: 0; margin: auto; width: 120px; height: 2px;}
#fix-earn .box-title .count::before{left: 15px;}
#fix-earn .box-title .count::after{right: 15px;}
#fix-earn .box-title .ab{top: 5px; left: 90px; font-weight: bold;}

#fix-contents .title{margin-bottom: 100px;}
#fix-contents .title .item,#fix-contents .title .item-title{margin: 0 30px;}
#fix-contents .title span{display: block; font-weight: bold;}
#fix-contents .title .item-title{margin-top: 20px;}
#fix-contents .title .item-title span:nth-of-type(1){font-size: 14px;}
#fix-contents .title .item-title span:nth-of-type(2){font-size: 30px; color: #ea2828;}
#fix-contents .title .item span{margin-bottom: 20px; font-size: 18px; position: relative; padding-left: 50px;}
#fix-contents .title .item span::before{content: '\f00c'; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; font-weight: 900; color: #fbba05; width: 30px; height: 30px; font-size: 21px;}
#fix-contents .box,#fix-a .box{margin-bottom: 60px;}
#fix-contents .box .item,#fix-a .box .item{width: 31%; margin-bottom: 40px; border-top: none; background-color: #fff;}
#fix-contents .box .item span,#fix-a .box .item span{display: block;}
#fix-contents .item .item-count,#fix-a .item .item-count{color: #00b9ef; font-weight: bold; margin-bottom: 20px; margin-top: -30px; position: relative; text-align: center;}
#fix-contents .item .item-count::before,#fix-contents .item .item-count::after,#fix-a .item .item-count::before,#fix-a .item .item-count::after{content: ''; border-top: solid 3px #00b9ef; position: absolute; top: 0; bottom: 0; margin: auto; width: 80px; height: 3px;}
#fix-contents .item .item-count::before,#fix-a .item .item-count::before{left: 0;}
#fix-contents .item .item-count::after,#fix-a .item .item-count::after{right: 0;}
#fix-contents .item .item-count span,#fix-a .item .item-count span{margin: 0 5px;}
#fix-contents .item .item-count span:nth-of-type(2),#fix-a .item .item-count span:nth-of-type(2){font-size: 42px;}
#fix-contents .item .item-title,#fix-a .item .item-title{margin-bottom: 30px; font-weight: bold; padding: 0 25px;}
#fix-contents .item .item-title .flex > div span:nth-of-type(2),#fix-a .item .item-title .flex > div span:nth-of-type(2){font-size: 12px;}
#fix-contents .item .item-title img,#fix-a .item .item-title img{margin-right: 15px; width: 56px; height: 56px;}
#fix-contents .item .content,#fix-a .item .content{padding: 0 25px; margin-bottom: 30px;}
#fix-contents .content-detail,#fix-a .content-detail{max-width: 800px; margin: 0 auto 30px; background-color: #fff; padding: 40px 50px; text-align: center;}
#fix-contents .content-detail span,#fix-a .content-detail span{display: block;}
#fix-contents .content-detail span:nth-of-type(1),#fix-a .content-detail span:nth-of-type(1){position: relative; text-align: center; font-weight: bold; font-size: 21px; color: #ea2828; display: inline-block; margin: 0 auto 30px;}
#fix-contents .content-detail span:nth-of-type(1)::before,#fix-contents .content-detail span:nth-of-type(1)::after,#fix-a .content-detail span:nth-of-type(1)::before,#fix-a .content-detail span:nth-of-type(1)::after{position: absolute; bottom: 5px; width: 10px; height: 25px; content: '';}
#fix-contents .content-detail span:nth-of-type(1)::before,#fix-a .content-detail span:nth-of-type(1)::before{border-left: solid 3px #ea2828; left: -40px; transform: rotate(-30deg);}
#fix-contents .content-detail span:nth-of-type(1)::after,#fix-a .content-detail span:nth-of-type(1)::after{border-right: solid 3px #ea2828; right: -40px; transform: rotate(30deg);}
#fix-contents .content-detail span:nth-of-type(2),#fix-a .content-detail span:nth-of-type(2){text-align: left;}

#fix-a .title{margin-bottom: 100px; text-align: center;}
#fix-a .title span{display: block;}
#fix-a .title span:nth-of-type(1){font-weight: bold;}
#fix-a .title span:nth-of-type(2){font-weight: bold; font-size: 33px; color: #ea2828;}
#fix-a .box .item,#fix-a .content-detail{background-color: #f9f7f5;}

.flow-box .flow-item{margin-bottom: 40px;}
.flow-box .flow-item span{display: block;}
.flow-box .item-title{text-align: center; color: #00b9ef; font-weight: bold; position: relative;}
.flow-box .item-title .count{font-size: 42px;}
.flow-box .item-title .ab{top: 15px; left: 360px; font-size: 14px;}
.flow-box .content{padding: 50px 60px 50px; background-color: #fff; margin-top: -30px; border-top: solid 2px #9abcca;}
.flow-box .content div:nth-of-type(1){width: 30%;}
.flow-box .content .item{width: 65%;}
.flow-box .content .item span:nth-of-type(1){font-weight: bold; margin-bottom: 20px; font-size: 18px;}

/* voice */
.page-template-page-voice .kv-title span:nth-of-type(1)::before{content: 'Voice';}
#fix-voice .voice-slider{padding: 0 50px;}
#fix-voice .sli-item{width: 100%; margin: 0 20px;}
#fix-voice .voice-slider img{margin-bottom: 20px;}
#fix-voice .voice-slider span{display: block;}
#fix-voice .img-tit{color: #ea2828; font-weight: bold; margin-bottom: 20px;}
.sli-item .item{width: 32%;}
.sli-item .item span:nth-of-type(1){text-align: center; font-weight: bold; padding: 5px; background-color: #f7f7f7;}
.sli-item .item span:nth-of-type(2){padding: 10px 5px; font-size: 14px;}
.voice-slick-box{margin-bottom: 50px;}
.voice-slick-box .slick-prev::before{font-family: "Font Awesome 5 Free"; content: "\f053"; color: #00b9ef; font-weight: 900; font-size: 40px;}
.voice-slick-box .slick-next::before{font-family: "Font Awesome 5 Free"; content: "\f054"; color: #00b9ef; font-weight: 900; font-size: 40px;}
#fix-voice .sli-nav{padding: 0 50px; margin-bottom: 30px;}
#fix-voice .sli-nav .slick-list .slick-track{width: auto !important;}
#fix-voice .sli-nav .s-n-item{margin-right: 20px; width: auto !important; font-size: 14px;}
#fix-voice .sli-nav .s-n-item:hover{opacity: 0.7;}
#fix-voice .sli-nav .s-n-item.slick-current{font-weight: bold; border-bottom: solid 2px #00b9ef;}
#fix-voice .voice-slider .pc-hidden{display: none;}

#fix-review .content{max-width: 1000px; margin: 0 auto 60px;}
#fix-review .content span{display: block;}
#fix-review .content .item{width: 45%;}
#fix-review .content .item span:nth-of-type(1){font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#fix-review .content .item span:nth-of-type(2){font-size: 10px; padding-left: 10px; position: relative;}
#fix-review .content .item span:nth-of-type(2)::before{content: '*'; position: absolute; top: 0; left: 0;}
#fix-review .content .box{width: 50%; background-color: #fff; padding: 20px 0;}
#fix-review .content .box-title{ font-size: 18px; text-align: center; font-weight: bold;}
#fix-review .content .avg{margin-bottom: 10px;}
#fix-review .content .avg span:nth-of-type(1){font-size: 42px; font-weight: bold;}
#fix-review .content .avg span:nth-of-type(2){font-size: 14px; margin-right: 10px; margin-top: 15px;}
#fix-review .content .avg img{width: 130px;}
#fix-review .wrp-graph .graph-item{margin-bottom: 7px; font-size: 13px; font-weight: bold;}
#fix-review .wrp-graph .graph-item span:nth-of-type(1){padding-left: 20px; position: relative;}
#fix-review .wrp-graph .graph-item span:nth-of-type(1)::before{content: '★'; color: #ea2828; position: absolute; left: 0px; top: -3px; font-size: 16px;}
#fix-review .wrp-graph .graph-item span:nth-of-type(2){margin: 0 15px 0 20px;}
#fix-review .wrp-graph .graph-item span:nth-of-type(3){width: 32px; text-align: right;}
#fix-review .tab-item-area{position: relative;}
#fix-review .tab-item-area::after{content: '*最新5件を掲載しております'; font-size: 10px; position: absolute; right: 5px; bottom: 5px;}
#fix-review .tab-item-area .tab-item{display: none;}
#fix-review .tab-item-area .tab-item.show{display: block;}
.review-box{margin-bottom: 50px;}
.review-box .tab{border: solid 2px #00b9ef; padding: 8px 40px; background-color: #fff; color: #00b9ef; font-weight: bold; margin-right: 5px; cursor: pointer; transition: 0.3s;}
.review-box .tab:hover{background-color: #00b9ef; color: #fff;}
.review-box .tab.active{background-color: #00b9ef; color: #fff; position: relative; cursor: auto;}
.review-box .tab.active::after{position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; content: '';border-top: 10px solid #00b9ef; border-right: 10px solid transparent; border-left: 10px solid transparent; width: 0px;}
.review-box .tab-item{background-color: #fff; width: 100%; padding: 60px 0px;}
.review-box .wrp-review{max-width: 900px; margin: 0 auto;}
.wrp-review .item{background-color: #f9f7f5; width: 100%; padding: 50px 70px; border-top: solid 2px #00b9ef; margin-bottom: 50px;}
.wrp-review .item:last-of-type{margin-bottom: 0px;}
.wrp-review .item span{display: block;}
.wrp-review .item .item-title{margin-bottom: 30px;}
.wrp-review .item .text{background-color: #fff; padding: 40px 30px;}
.wrp-review .item-title .star{margin-right: 40px;}
.wrp-review .item-title .star span:nth-of-type(2){color: #ea2828;}
.wrp-review .item-title .word{margin-right: 40px; font-weight: bold; max-width: 320px;}
.wrp-review .item-title .star span:nth-of-type(1){font-size: 27px; font-weight: bold;}
.wrp-review .item-title .name span:nth-of-type(1){font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.wrp-review .item-title .name span:nth-of-type(2){font-size: 12px;}


/* price */
.page-template-page-price .kv-title span:nth-of-type(1)::before{content: 'Price';}
.split-box{max-width: 800px; margin: 0 auto;}
.shumi-btn-box{text-align: center;}
.shumi-btn{background-color: #d7c8b9; text-align: center; color: #000; font-weight: bold; padding: 10px 20px; font-size: 14px; display: inline-block; transition: 0.3s;}
.shumi-btn:hover{color: #000;}
.shumi-btn span{margin-right: 0; margin-left: 10px; position: relative;}
.shumi-btn span::after{font-family: "Font Awesome 5 Free"; content: "\f107";}
.split-box .flag.collapse.show + .shumi-btn-box .shumi-btn span::after{content: "\f106";}
.shumi-box{background-color: #fff;}
.split-box .flag.collapse,.split-box .flag.collapse.show{display: none;}
.split-box .flag.collapse.show + .shumi-btn-box .shumi-btn,.split-box .flag.collapsing + .shumi-btn-box .shumi-btn{display: block; font-size: 16px;}
.shumi-box table{width: 100%;}
.shumi-box table td{text-align: center; padding: 15px 0;}
.shumi-box table td{font-weight: bold; font-size: 14px;}
.shumi-box table tr{border-bottom: solid 2px #d7c8b9;}
.shumi-box .sell-bg{background-color: #f9f7f5;}

.comp-table{margin-bottom: 50px;}
.comp-table table{width: 100%; font-size: 15px;}
.comp-table table tr{border-bottom: solid 2px #d7c8b9;}
.comp-table table th,.comp-table table td{padding: 20px 10px; text-align: center;}
.comp-table table th{background-color: #d7c8b9; font-size: 16px;}
.comp-table table td{background-color: #fff;}
.comp-table table th:nth-of-type(1){width: 16%;}
.comp-table table th:nth-of-type(2),
.comp-table table th:nth-of-type(3),
.comp-table table th:nth-of-type(4),
.comp-table table th:nth-of-type(5)
{width: 18%;}
.comp-table table th:nth-of-type(2){width: 24%;}
.comp-table table .tex-left{text-align: left; font-size: 13px; display: block;}
.comp-table table tr td:nth-of-type(1){font-weight: bold;}
.comp-table table .blue_cach{background-color: #00b9ef; color: #fff; font-weight: bold; border: solid 5px #00b9ef;}
.comp-table table .blue_side{border-right: solid 5px #00b9ef; border-left: solid 5px #00b9ef; font-weight: bold;}
.comp-table table .blue_side .red{color: #ea2828; font-size: 13px;}
.comp-table table .blue_bottom{border-bottom: solid 5px #00b9ef;}

.flow-table{margin-bottom: 50px;}
.flow-table .box{width: 24%;}
.flow-table span{display: block;}
.flow-table .box-count{text-align: center; margin-bottom: 30px; font-weight: bold;}
.flow-table .box-count span:nth-of-type(1){color: #00b9ef; margin-bottom: 15px; position: relative;}
.flow-table .box-count span:nth-of-type(1)::after{position: absolute; content: ''; width: 280px; border-top: solid 2px #00b9ef; top: 0; bottom: 0; right: -150px; height: 2px; margin: auto;}
.flow-table .box:last-of-type .box-count span:nth-of-type(1)::after{display: none;}
.flow-table .box-count span:nth-of-type(2){font-size: 14px;}
.flow-table .box-count span:nth-of-type(3){font-size: 39px; line-height: 1;}
.flow-table .item-title{background-color: #00b9ef; color: #fff; font-weight: bold; padding: 20px 0; text-align: center; border-radius: 3px 3px 0 0;}
.flow-table .item .content{background-color: #f5f7f8; padding: 20px; border-radius: 0 0 3px 3px; height: 135px;}
.flow-table .wrp-btn{text-align: center; margin-top: 10px;}
.flow-table .def-btn{display: inline-block; background-color: #510101; color: #fff; font-weight: bold; padding: 8px 30px; font-size: 14px; border-radius: 3px;}


/* faq */
.page-template-page-faq .kv-title span:nth-of-type(1)::before{content: 'Faq';}
.faq-nav .tab{width: 31.5%; padding: 15px 0; background-color: #f5f7f8; text-align: center; border-left: solid 2px #00b9ef; margin-bottom: 25px; font-weight: bold; transition: 0.3s;}
.faq-nav .tab:hover{background-color: #00b9ef; color: #fff; cursor: pointer;}
.faq-nav .tab i{margin-left: 10px; margin-right: 0px;}
.faq-nav .tab.tab.active{background-color: #00b9ef; color: #fff; cursor: auto;}
#faq-box .tab-item{display: none;}
#faq-box .tab-item.show{display: block;}
#faq-box.fix-box{border-top: solid 2px #00b9ef;}
#faq-box .title{text-align: center; font-weight: bold; font-size: 21px; padding-bottom: 20px; margin-bottom: 50px; position: relative;}
#faq-box .title::after{position: absolute; content: ''; border-bottom: solid 2px #ea2828; width: 50px; bottom: 0; left: 0; right: 0; margin: auto;}
#faq-box .inner-faq{background-color: #fff; padding: 70px;}
.inner-faq .box{padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #d7c8b9;}
.inner-faq .box:last-of-type{margin-bottom: 0px;}
.inner-faq .item.q{color: #00b9ef; font-weight: bold; margin-bottom: 25px; padding-left: 25px; position: relative;}
.inner-faq .item.q::before{content: 'Q'; position: absolute; color: #00b9ef; font-weight: bold; top: -3px; left: 0; font-size: 21px;}
.inner-faq .item.a{padding: 0 15px; font-size: 14px;}


/* counseling */
.page-template-page-counseling .kv-title span:nth-of-type(1)::before{content: 'Consult';}
#c-what .title{text-align: center; font-size: 24px; margin-bottom: 100px;}
#c-what .title .red,#c-feature .title .red,#c-flow .title .red{display: inline; color: #ea2828;}
#c-what .title .main{margin-bottom: 20px; font-weight: bold; display: block;}
#c-what .title .hosoku{font-size: 10px; display: block;}
#c-what .box .item,#c-flow .box .item{width: 32%; background-color: #f9f7f5; padding: 0px 40px 40px; border-bottom: solid 2px #00b9ef; position: relative; margin-bottom: 30px;}
#c-what .box .item::after,#c-flow .box .item::after{content: ''; position: absolute; width: 20px; right: 0px; bottom: 0px; border-right: 20px solid transparent; border-bottom: 15px solid #00b9ef; border-left: 0px solid transparent;}
#c-what .box .item:last-of-type:after,#c-flow .box .item:last-of-type:after{display: none;}
#c-what .box .item span,#c-flow .box .item span{display: block;}
#c-what .box .item-title,#c-flow .box .item-title{font-weight: bold; color: #00b9ef; text-align: center; margin-top: -30px;}
#c-what .box .item-title span:nth-of-type(1),#c-flow .box .item-title span:nth-of-type(1){font-size: 12px;}
#c-what .box .item-title span:nth-of-type(2),#c-flow .box .item-title span:nth-of-type(2){font-size: 33px; margin-bottom: 20px; line-height: 1;}
#c-what .box .item-title span:nth-of-type(3),#c-flow .box .item-title span:nth-of-type(3){font-size: 21px; margin-bottom: 30px;}
#c-what .box .content img,#c-flow .box .content img{margin-bottom: 20px;}

#c-feature .title,#c-flow .title{margin-bottom: 100px; text-align: center; font-weight: bold;}
#c-feature .title span,#c-flow .title span{display: block;}
#c-feature .title .main,#c-flow .title .main{font-size: 27px; margin-bottom: 15px; padding-bottom: 15px; position: relative;}
#c-feature .title .main::after,#c-flow .title .main::after{content: ''; position: absolute; border-bottom: solid 3px #00b9ef; width: 70px; left: 0; right: 0; bottom: 0; margin: auto;}
#c-feature .box{background-color: #fff; border-top: solid 2px #9abcca; padding-bottom: 40px; margin-bottom: 70px;}
#c-feature .box span{display: block;}
#c-feature .box-count{margin-top: -30px; margin-bottom: 40px; color: #00b9ef; font-weight: bold;}
#c-feature .box-count span:nth-of-type(1){font-size: 57px; margin-right: 5px; line-height: 1; padding-left: 15px;}
#c-feature .box-content .content{max-width: 800px; margin: auto;}
#c-feature .box-content .item-title{width: 40%; font-size: 21px; font-weight: bold; color: #ea2828; padding-right: 40px; border-right: solid 2px #9abcca;}
#c-feature .box-content .item{width: 60%; padding-left: 40px;}

/* discount */
.page-template-page-discount .kv-title span:nth-of-type(1)::before{content: 'Discount';}
.fix-nav_dis{padding: 50px 0 60px;}
.fix-nav_dis .title{text-align: center; font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 40px;}
.fix-nav_dis .title .red{color: #ea2828;}
.fix-nav_dis .item{width: 31%; text-align: center;}
.fix-nav_dis .item span,.fix-nav_dis .item a{display: block; font-weight: bold;}
.fix-nav_dis .item a{color: #000; padding: 20px 0; transition: 0.3s; background-color: #f5f7f8; border-left: solid 2px #00b9ef;}
.fix-nav_dis .item a:hover{color: #fff; opacity: 1; background-color: #00b9ef; border-left: solid 2px #000;}
.fix-nav_dis .item .fa-user-friends{font-size: 21px; margin-right: 10px;}
.fix-nav_dis .item .fa-angle-down{margin-left: 10px;}
.dis-title{margin-bottom: 80px;}
.dis-title span{display: block; text-align: center;}
.dis-title span i{margin-right: 10px; color: #00b9ef;}
.dis-title span:nth-of-type(1){font-size: 30px; font-weight: bold; margin-bottom: 60px; padding-bottom: 30px; position: relative; letter-spacing: 2px;}
.dis-title span:nth-of-type(1)::after{content: ''; position: absolute; border-bottom: solid 2px #00b9ef; width: 70px; bottom: 0; right: 0; left: 0; margin: auto;}
.dis-title span:nth-of-type(2){font-size: 21px; font-weight: bold;}
.dis-content{margin-bottom: 40px;}
.dis-content .item{width: 48%; margin-bottom: 50px;}
.dis-content .item-title{width: 35%; font-weight: bold;}
.dis-content .item-title .flex div:nth-of-type(1){margin-right: 10px;}
.dis-content .item-title .flex div:nth-of-type(2){color: #ea2828;}
.dis-content .text{width: 65%;}
.induce-box{text-align: center;}
.dis-content .item-title .flex > div > img{width: 50px; height: 50px;}

/* reserve */
#collap-reserve.collapse{display: block;}
.wrp_reserve_input{background-color: #fff; max-width: 800px; margin: 0 auto; padding: 70px 70px 70px;}
.wrp_reserve_input .box{border-bottom: solid 1px #f0f0f0; padding-bottom: 35px; margin-bottom: 35px;}
.wrp_reserve_input .box .name{width: 30%;}
.wrp_reserve_input .box .reserve_input{width: 70%; display: flex; justify-content: space-between;}
.wrp_reserve_input .box .name .flex{align-items: flex-start;}
.wrp_reserve_input .box .name span{display: block; font-size: 13px; font-weight: bold; line-height: 1.4;}
.wrp_reserve_input .box .name .require{background-color: #ea2828; color: #fff; font-size: 10px; padding: 2px 5px 1px; margin-right: 10px; line-height: normal;}
.wrp_reserve_input .box .reserve_input input{width: 100%; padding: 12px 20px; font-size: 14px; border: solid 1px #ccc; border-radius: 5px; -webkit-appearance: none;}
.wrp_reserve_input .box .reserve_input.double input{width: 48.5%;}
.wrp_reserve_input .box .reserve_input.double .wrp_select{position: relative; width: 48.5%;}
.wrp_reserve_input .box .reserve_input.double select{width: 100%; padding: 12px 20px; height: 48px; font-size: 14px; border: solid 1px #ccc; border-radius: 5px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative;}
.wrp_reserve_input .box .reserve_input.double .wrp_select::after{content: '\f107'; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto 0; color: #878787; width: 5px; height: 25px; display: block; pointer-events: none;}
.wrp_reserve_input .box .reserve_input.double select.is-empty{color: #808080;}
.wrp_reserve_input .box .reserve_input.double select option{color: #000;}
.wrp_reserve_input .box_btn{text-align: center; padding-top: 30px;}
.wrp_reserve_input .box_btn input[type="checkbox"]{margin-right: 5px;}
.wrp_reserve_input .box_btn span{display: block; font-size: 12px; margin-bottom: 50px;}
.wrp_reserve_input .box_btn .send_btn{display: inline-block; background-color: #ea2828; color: #fff; padding: 15px 100px;}
.wrp_reserve_input .reserve_input textarea{padding: 12px 20px; font-size: 14px; border: solid 1px #ccc; border-radius: 5px; -webkit-appearance: none;}

/* reserve-complete */
#reserve-complete .wrp_reserve_input{max-width: 750px;}
#reserve-complete .title{text-align: center; margin-bottom: 30px;}
#reserve-complete .title a{display: block; margin-bottom: 40px;}
#reserve-complete .title span{display: block;}
#reserve-complete .title .main{font-weight: bold; font-size: 18px; margin-bottom: 20px; line-height: 1.7;}
#reserve-complete .confirm_box{border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom: 20px;}
#reserve-complete .confirm_box .item{border-bottom: solid 1px #ccc;}
#reserve-complete .confirm_box .item .name{padding: 10px 20px; border-right: solid 1px #ccc; width: 30%; background-color: #f3f3f3; font-weight: bold; font-size: 13px;}
#reserve-complete .confirm_box .item .content{padding: 10px 15px; width: 70%;}
#reserve-complete .confirm_box .item .name span{line-height: 2;}
#reserve-complete .confirm_box .item.time .name span{line-height: normal;}
#reserve-complete .wrp_reserve_input .text{font-size: 14px; margin-bottom: 30px;}
#reserve-complete .return_btn-box{text-align: center;}
#reserve-complete .return_btn-box .return_btn{background-color: #00b9ef; color: #fff; text-align: center; padding: 12px 70px; margin-bottom: 20px; display: inline-block;}

/* terms */
.law-body{color: #004d61; background-color: #ededed; padding: 50px 0;}
.law-title-box{margin-bottom: 50px;}
.law-title-box span{display: block;}
.law-title{font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.law-h2{font-size: 21px; font-weight: 600; border-left: solid 5px #399; padding-left: 10px;}
.law-text-box{padding-bottom: 30px;}
.law-text-box ol li{list-style: decimal; margin-bottom: 20px;}
.law-text-box span{display: block;}
.ltb-sp ol li ol li ol li{list-style: disc;}
.law-flex-box{display: flex; width: 70%; margin: 0 auto; border-bottom: solid 1px #a8a8a8; padding: 15px 0;}
.law-flex-box span{display: block;}
.law-tr-term{width: 35%; font-weight: 600;}
.law-tr-txt{width: 65%;}
.law-box2{text-align: right;}
#terms .t-center{text-align: center;}

/*--- btn ---*/
.btn-def{background-color: #ff9a00; color: #fff; font-weight: bold; display: inline-block; padding: 15px 40px; font-size: 14px; transition: 0.3s;}
.btn-def i{margin-left: 10px;}
.btn-def:hover{color: #fff;}
.head_btn1{padding: 8px 20px; border: solid 2px #333; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 12px; border-radius: 3px; color: #333;}
.head_btn1:hover{color: #fff; background-color: #333; opacity: 1;}
.head_btn2{overflow: hidden; position: relative; background-color: #510101; padding: 10px 40px; color: #fff;}
.head_btn2:before{content: ""; z-index: 2; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #ff9a00; transition: .3s;}
.head_btn2:hover{color: #fff; opacity: 1;}
.head_btn2:hover:before{left: 0;}
.head_btn2 span{display: block; text-align: center; position: relative; z-index: 3; letter-spacing: 1.5px;}
.head_btn2 span:nth-of-type(1){font-size: 10px;}
.head_btn2 span i{margin-left: 10px; margin-right: 0px;}
.pub-btn{padding: 15px 50px; padding-left: 60px; background-color: #f39800; color: #fff; font-size: 14px; display: inline-block; transition: .2s; position: relative; z-index: 2;}
.btn-box::after{position: absolute; content: ''; width: 226px; height: 51px; top: 0; left: 0; right: 0; margin: auto; background-color: #510101; z-index: 1;}
.pub-btn:hover{-webkit-transform: translate(-6px,-6px); transform: translate(-6px,-6px); opacity: 1; color: #fff;}
.pub-btn i{margin-left: 20px;}
.btn-box{text-align: center; position: relative;}
.ban-btn{display: block; transition: .2s; z-index: 2; position: relative;}
.ban-btn:hover{-webkit-transform: translate(-5px,-5px); transform: translate(-5px,-5px); opacity: 1;}
#price .i-50{position: relative;}
#price .i-50::after{content: ''; width: 100%; height: 100%; z-index: 1; background-color: #510101; position: absolute; bottom: 0; right: 0;}


/*--- footer ---*/
.wrp-footer{background-color: #383232; padding: 70px 0;}
.foot-logo{width: 20%;}
.foot-box{width: 65%;}
.foot-item{width: 31.5%;}
.foot-item a{display: block; margin-bottom: 20px; color: #fff;}
.copy{text-align: center;}
.copy span{font-size: 12px; line-height: 1;}


/*---PC middle---*/
@media only screen and (max-width: 1580px) {
    /*--- TOP ---*/
    /* mv */
    .wrp-mv-img span{left: 15px;}
    .ban-box{padding: 30px 60px; width: 80%;}
    .mv-box::after{width: 20%;}
    .slick-prev{left: -40px;}
    .slick-next{right: -40px;}

}


/*---PC small---*/
@media only screen and (max-width: 1280px) {
    body{font-size: 14px;}
    .pad-hidden{display: none;}
    .pad-block{display: block;}

    /*--- header ---*/
    .head_inner{padding: 10px;}
    .head_item .navbar-nav > li{margin: 0 5px;}
    .wrp-head_btn a{margin: 0 10px;}
    .head_btn1{padding: 8px 15px;}
    .head_btn2{padding: 10px 30px;}
    .h-fix{max-width: 900px;}

    /*--- TOP ---*/
    /* public */
    .top-title{margin-bottom: 50px;}
    .top-title span:nth-of-type(1){font-size: 24px;}
    .top-title span:nth-of-type(1)::before{font-size: 27px; top: -30px; left: -50px;}
    .top-title span:nth-of-type(2){font-size: 12px;}

    /* mv */
    .wrp-mv-img span{font-size: 12px;}

    /*--- fix-page ---*/
    /* counseling */
    #c-what .box .item-title span:nth-of-type(3), #c-flow .box .item-title span:nth-of-type(3){font-size: 18px; margin-bottom: 0px;}
    #c-what .box .item, #c-flow .box .item{padding: 0 15px 30px;}
    #c-what .box .item-title{height: 140px;}
    .triangle.white{border-top: 40px solid #fff;}
    .triangle.blue{border-top: 40px solid #e5f5f9;}
    .triangle{border-top: 40px solid #F0897F; border-right: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid transparent;}
    #c-feature .title, #c-flow .title{margin-bottom: 70px;}
    #c-feature .box-count{margin-top: -25px; margin-bottom: 30px;}
    #c-feature .box-count span:nth-of-type(1){font-size: 45px;}
    #c-feature .box-content .content{max-width: 650px;}
    #c-feature .box-content .item-title{padding-right: 20px;}
    #c-feature .box-content .item{padding-left: 20px;}
    #c-feature .box-content .item-title{font-size: 18px;}
    #c-feature .box{padding-bottom: 30px; margin-bottom: 60px;}


}

/*---PAD pro---*/
@media only screen and (max-width: 1024px) {
    /*--- header ---*/
    .head_logo{width: 120px;}
    .head_inner{font-size: 11px;}
    .head_btn2{padding: 10px 20px;}
    .wrp-head_btn a{margin: 0 5px;}
    .wrp-mv-img span{font-size: 9px; left: 7px;}
    .h-fix{max-width: 750px;}

    /*--- TOP ---*/
    /* mv */
    .wrp-mv-img span{font-size: 9px;}
    .mv-box::before{height: 100px; left: 20px;}
    .mv-box .scr{left: 15px; font-size: 9px; bottom: 105px;}
    .ban-box{padding: 20px 50px;}
    .slick-prev{left: -35px;}
    .slick-next{right: -35px;}

    /* contents */
    .content-item .title span:nth-of-type(1){font-size: 30px;}
    .content-item .title{margin-top: -20px;}
    .content-item{margin: 0 5px;}
    .content-item .content span:nth-of-type(1){font-size: 16px;}

    /* voice */
    #voice .i-32{width: 49%; margin-bottom: 10px;}
    .v-box .title{padding: 0 5px;}

    /* cv */
    .cv-title span:nth-of-type(2){font-size: 21px;}
    .cv-box .i-32 .title span:nth-of-type(1){font-size: 16px;}
    .cv-box .i-32:nth-of-type(2) .title span:nth-of-type(1){margin-bottom: 45px;}
    .cv-box .i-32 .title span{font-size: 13px;}

    /*--- fix-page ---*/
    /* kv */
    .wrp-kv-title{height: 90px;}
    .kv-title span:nth-of-type(1){font-size: 27px; padding-bottom: 10px; margin-bottom: 15px;}
    .kv-title span:nth-of-type(1)::before{font-size: 30px; top: -25px; left: 40px;}

    /* public */
    .fix-box{padding: 60px 0;}
    .bread-box{font-size: 12px;}
    .f-btn{font-size: 12px;}
    .fix-nav .item{padding: 0px 30px;}
    .cach-box{padding: 20px 0 0px; font-size: 30px;}
    .fix-title{margin-bottom: 40px;}

    /* about */
    .about-box{margin-bottom: 70px;}
    .about-box:last-of-type{margin-bottom: 0px;}
    .about-contents{padding: 40px 50px 20px;}
    .about-box .about-item .item-title{margin-bottom: 20px;}
    .about-box .about-item .item-title span:nth-of-type(1){font-size: 18px; margin-bottom: 0px;}
    .about-box .about-item .item-title span:nth-of-type(2){font-size: 24px;}
    .about-box .about-item .item{margin: 0 15px;}
    .about-box .about-item .item:nth-of-type(2){width: 45%;}

    /* curriculum */
    #fix-earn .title span:nth-of-type(1)::after{font-size: 12px;}
    #fix-earn .box{width: 48.5%;}
    #fix-earn .box:nth-last-of-type(2),#fix-earn .box:last-of-type{margin-bottom: 0px;}
    #fix-contents .title{margin-bottom: 70px;}
    #fix-contents .title .item-title span:nth-of-type(2){font-size: 24px;}
    #fix-contents .title .item, #fix-contents .title .item-title{margin: 0 5px;}
    #fix-contents .title .item span{padding-left: 25px; font-size: 14px; margin-bottom: 10px;}
    #fix-contents .title .item span::before{font-size: 14px; width: 20px; height: 20px;}
    #fix-contents .box .item, #fix-a .box .item{width: 32%;}
    #fix-contents .item .item-title, #fix-a .item .item-title{padding: 0 10px; margin-bottom: 20px;}
    #fix-contents .item .item-count, #fix-a .item .item-count{margin-top: -25px; margin-bottom: 10px;}
    #fix-contents .item .item-count span:nth-of-type(2), #fix-a .item .item-count span:nth-of-type(2){font-size: 36px;}
    #fix-contents .item .item-count::before, #fix-contents .item .item-count::after, #fix-a .item .item-count::before, #fix-a .item .item-count::after{width: 40px;}
    #fix-contents .item .item-title .flex > div span:nth-of-type(2), #fix-a .item .item-title .flex > div span:nth-of-type(2){font-size: 10px;}
    #fix-contents .box, #fix-a .box{margin-bottom: 30px;}
    #fix-contents .item .content, #fix-a .item .content{padding: 0 15px; margin-bottom: 20px;}
    #fix-contents .content-detail, #fix-a .content-detail{margin: 0 auto;}
    #fix-a .title{margin-bottom: 70px;}
    #fix-a .box .item-title .f12{font-size: 12px;}
    #fix-a .title span:nth-of-type(2){font-size: 30px;}
    .flow-box .item-title .ab{left: 280px;}
    #fix-flow .fix-title{margin-bottom: 50px;}
    .fix-title span:nth-of-type(2){font-size: 30px;}
    .flow-box .content{padding: 40px;}
    .flow-box .flow-item{margin-bottom: 30px;}
    .flow-box .flow-item:last-of-type{margin-bottom: 0px;}
    .flow-box .item-title .count{font-size: 39px;}
    .flow-box .item-title .ab{font-size: 12px; top: 12px;}

    /* price */
    .gray-box{margin-bottom: 50px;}
    .comp-table table th{font-size: 14px;}
    .comp-table table{font-size: 13px;}
    .comp-table table th, .comp-table table td{padding: 20px 5px;}
    .flow-table .box-count span:nth-of-type(1)::after{width: 170px; right: -90px;}
    .flow-table .item .content{padding: 10px;}
    .split-box{max-width: 600px;}

    /* voice */
    #fix-voice .voice-slider{padding: 0 30px;}
    .voice-slick-box .slick-prev{left: -5px;}
    .voice-slick-box .slick-next{right: -5px;}
    #fix-voice .voice-slider img{width: 100%;}
    #fix-review .content .item span:nth-of-type(1){font-size: 21px; margin-bottom: 20px;}
    #fix-review .content .item{width: 42%;}
    #fix-review .content .box{width: 55%;}
    #fix-review .content .avg span:nth-of-type(1){font-size: 30px;}
    #fix-review .content .avg span:nth-of-type(2){font-size: 12px;}
    #fix-review .content .avg img{width: 120px;}
    #fix-review .wrp-graph .graph-item span:nth-of-type(2){margin: 0 10px 0 15px;}
    #fix-review .content .box{padding: 15px 0;}
    #fix-review .content .box-title{font-size: 16px;}
    .review-box .tab{padding: 8px 20px;}
    .review-box .tab:last-of-type{margin-right: 0px;}
    .review-box .tab-item{padding: 40px 0;}
    .review-box .wrp-review{max-width: 650px;}
    .wrp-review .item{padding: 30px 20px; margin-bottom: 30px;}
    .wrp-review .item .text{padding: 30px 20px;}
    .wrp-review .item .item-title{margin-bottom: 20px;}

    /* discount */
    .dis-content .item{width: 100%;}
    .dis-content > .fx-bet{max-width: 600px; margin: 0 auto;}

    /* terms */
    .law-flex-box{width: 80%;}


}

/*---PAD---*/
@media only screen and (max-width: 880px) {

    /*--- fix-page ---*/
    /* curriculum */
    #fix-contents .title .item-title span:nth-of-type(1){font-size: 12px;}
    #fix-contents .title .item-title span:nth-of-type(2){font-size: 21px;}
    #fix-contents .item .item-title img, #fix-a .item .item-title img{width: 45px; height: 45px; margin-right: 10px;}
    #fix-contents .item .item-title, #fix-a .item .item-title{padding: 0 5px;}
    #fix-contents .box .item, #fix-a .box .item{margin-bottom: 20px;}
    .flow-box .item-title .ab{left: 250px;}

    /* reserve */
    .wrp_reserve_input{max-width: 700px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {

    .fx-wrp-rev{flex-wrap: wrap-reverse;}
    .one_sent_hide.sp_lift{white-space: normal; overflow: visible; text-overflow: clip;}

    /*nav*/
    .ul-hnav{display: block; border-top: 1px solid #fff;}
    .ul-hnav > li > a.nav-link{color: #fff; padding: 15px; border-bottom: 1px solid #fff; position: relative;}
    .ul-hnav > li > a::before{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 15px; font-weight: 900; font-family: "Font Awesome 5 Free";}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: static; background: none; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #1e67c2;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar{background: #fff;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

    /*--- header ---*/
    .wrp-head_btn{display: none;}
    .head_logo{display: flex; width: 250px; align-items: center;}
    .head_logo .logo_a{width: 120px; margin-right: 5px;}
    .h-fix{top: 0px; border-radius: 0px;}
    .h-fix .head_inner{padding: 10px;}
    .head_logo .sm-sub{display: block; font-size: 10px;}

    /*--- TOP ---*/
    /* public */
    .i-30 img{margin-bottom: 15px;}
    .i-30{width: 100%; margin-bottom: 30px;}
    .i-30:last-of-type{margin-bottom: 0px;}
    .contents{margin-bottom: 50px;}
    .top-title span:nth-of-type(1){font-size: 21px; margin: 0 auto 20px;}
    .top-title span:nth-of-type(1)::before{font-size: 24px;}

    /* mv */
    .wrp-mv-img span{display: none;}
    .mv-img{width: 95%;}
    .mv-box .scr,.mv-box::before{display: none;}
    .ban-box{width: 100%;}
    .mv-box::after{bottom: 26.1%; height: 74%;}
    .ban-slide .slick-prev{left: -40px;}
    .ban-slide .slick-next{right: -40px;}
    .ban-slide li{margin: 0px;}

    /* about */
    #about .i-30 img{width: 200px;}

    /* contents */
    .slide-a .slick-prev{left: -15px; z-index: 99;}
    .slide-a .slick-next{right: -15px; z-index: 99;}

    /* price */
    .gray-box{padding: 60px 0 50px; margin-bottom: 40px;}
    .gray-box .iner-box{max-width: 320px;}
    .price-box .ab-title{font-size: 14px; width: 300px; height: 42px;}
    .price-box .title .sub::before, .price-box .title .sub::after{width: 50px;}
    .price-box .title .sub::before{left: 40px;}
    .price-box .title .sub::after{right: 40px;}
    .price-box .title .p-item:nth-of-type(2) span{font-size: 33px;}
    .price-box .title .p-item:nth-of-type(3) span:nth-of-type(1){font-size: 10px;}
    .price-box .title .p-item:nth-of-type(3) span:nth-of-type(2){font-size: 16px;}
    .p-table .how{padding: 25px 10px;}
    .p-table .how .t-item{margin: 0 5px; width: 47%; font-size: 12px;}
    .p-table .how .t-item span:nth-of-type(2){font-size: 12px;}
    #price .i-50{width: 100%; margin-bottom: 20px;}
    .price-box .title{padding: 40px 0 20px;}
    .p-table .term .t-item > div{padding: 10px 0; height: 61px;}
    .p-table .term .t-item > div span{display: block;}

    /* voice */
    #voice .i-32{width: 100%;}

    /* cv */
    .cv-box{padding: 60px 0;}
    .cv-title{margin-bottom: 30px;}
    .cv-title span:nth-of-type(2){font-size: 18px;}
    .cv-box .i-32{width: 100%; margin-bottom: 20px;}
    .cv-box .i-32:last-of-type{margin-bottom: 0px;}
    .cv-box .i-32:nth-of-type(2) .title span:nth-of-type(1){margin-bottom: 20px;}
    .cv-box .i-32 .title{display: none;}
    .wrp-cv-item-title{display: flex; align-items: center; justify-content: center;}
    .cv-box .i-32 a{margin-bottom: 0px; padding: 10px 0; box-shadow: 0 0 3px gray;}
    .cv-box .i-32 a .wrp{width: 110px; margin-bottom: 0px;}
    .cv-box .i-32 a .content .sm-hidden{display: none;}
    .cv-box .i-32 a .content span:nth-of-type(2){font-size: 18px;}
    .cv-box .i-32 a .content .sub{display: inline; font-size: 14px;}
    .cv-box .i-32 a .pc-hidden{display: block;}

    /*--- fix-page ---*/
    /* kv */
    .kv-title span:nth-of-type(1)::before{top: -40px; left: 10px;}

    /* public */
    .fix-box{padding: 50px 0;}
    .fix-nav .container{padding: 0 5px;}
    .f-btn{font-size: 10px;}
    .fix-nav .item{padding: 0 15px;}
    .cach-box{font-size: 21px;}
    .cach-box .container{padding: 0 10px;}

    /* about */
    .about-box{margin-bottom: 50px;}
    .about-box .about-item .item{width: 100%; margin: 0px;}
    .about-box .about-item .item:nth-of-type(2){width: 100%;}
    .about-box .about-item .content{margin-bottom: 20px;}
    .about-box .about-item .item-title span:nth-of-type(1){font-size: 14px;}
    .about-box .about-item .item-title{margin-bottom: 10px;}
    .about-contents{padding: 30px 20px 20px;}
    .about-contents .item{width: 100%; margin-bottom: 30px;}
    .about-contents .item-title{margin-bottom: 15px;}
    .about-box .about-item .item-title span:nth-of-type(2){font-size: 21px;}

    /* curriculum */
    .page-template-page-curriculum .f-btn{font-size: 11px;}
    #fix-earn .title span:nth-of-type(1){font-size: 24px; margin-bottom: 20px;}
    #fix-earn .title span:nth-of-type(1)::after{font-size: 10px; left: -5px; top: -30px;}
    #fix-earn .title{margin-bottom: 60px;}
    #fix-earn .box{width: 100%; margin-bottom: 60px;}
    #fix-earn .title span:nth-of-type(2){font-size: 18px;}
    #fix-earn .box .wrp-box-title{top: -25px;}
    #fix-earn .box-title .count{font-size: 36px;}
    #fix-earn .box .item:nth-of-type(1){width: 50%;}
    #fix-earn .box .item:nth-of-type(2){width: 50%;}
    #fix-earn .box .item span:nth-of-type(1){font-size: 16px;}
    #fix-earn .box:nth-last-of-type(2){margin-bottom: 60px;}
    #fix-earn .box .item span:nth-of-type(2){font-size: 13px;}
    .triangle{width: 30px; border-top: 30px solid #F0897F; border-right: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid transparent;}
    .triangle.white {border-top: 30px solid #fff;}
    #fix-contents .title .item-title span:nth-of-type(2){margin-bottom: 30px; font-size: 24px;}
    #fix-contents .title .item{width: 100%;}
    #fix-contents .title .item span{padding-left: 10px; font-size: 13px;}
    #fix-contents .title .item span::before{font-size: 12px; left: -10px; width: 15px; height: 15px;}
    #fix-contents .box .item, #fix-a .box .item{width: 100%;}
    #fix-contents .title{margin-bottom: 40px;}
    .fix-triangle{padding-top: 70px;}
    #fix-contents .box .item, #fix-a .box .item{margin-bottom: 45px;}
    #fix-contents .item .item-title img, #fix-a .item .item-title img{width: 50px; height: 50px; margin-right: 15px;}
    #fix-contents .item .item-title, #fix-a .item .item-title{padding: 0 20px;}
    #fix-contents .box, #fix-a .box{margin-bottom: 0px;}
    #fix-contents .content-detail, #fix-a .content-detail{padding: 30px 15px;}
    #fix-contents .content-detail span:nth-of-type(1), #fix-a .content-detail span:nth-of-type(1){font-size: 18px; margin-bottom: 20px;}
    #fix-contents .content-detail span:nth-of-type(1)::before, #fix-a .content-detail span:nth-of-type(1)::before{left: -30px;}
    #fix-contents .content-detail span:nth-of-type(1)::after, #fix-a .content-detail span:nth-of-type(1)::after{right: -30px;}
    .triangle.blue {border-top: 30px solid #e5f5f9;}
    #fix-a .title span:nth-of-type(2),.fix-title span:nth-of-type(2){font-size: 27px;}
    #fix-a .title{margin-bottom: 60px;}
    .flow-box .item-title .ab{left: 60px;}
    .flow-box .content div:nth-of-type(1){width: 100%; margin-bottom: 15px;}
    .flow-box .content .item{width: 100%;}
    .flow-box .content{padding: 35px 15px 20px;}
    .flow-box .content .item span:nth-of-type(1){font-size: 16px; margin-bottom: 15px;}

    /* faq */
    .faq-nav .tab{width: 49%; font-size: 12px;}
    #faq-nav .container.v2{padding: 0 5px;}
    .faq-nav .tab i{margin-left: 5px;}
    #faq-nav.fix-box{padding: 30px 0 20px;}
    #faq-box .inner-faq{padding: 30px 15px;}
    .inner-faq .box{padding-bottom: 25px; margin-bottom: 25px;}
    .inner-faq .item.q{margin-bottom: 15px;}
    .inner-faq .item.q::before{font-size: 18px; top: 0px;}

    /* price */
    .page-template-page-price .f-btn{font-size: 11px;}
    .split-box .flag.collapsing + .shumi-btn-box .shumi-btn{font-size: 14px;}
    .shumi-box table td{font-size: 12px;}
    .comp-table table{width:100%;}
    .comp-table{overflow: auto; white-space: nowrap; margin-bottom: 20px;}
    .comp-table::-webkit-scrollbar{height: 5px;}
    .comp-table::-webkit-scrollbar-track{background: #F1F1F1;}
    .comp-table::-webkit-scrollbar-thumb {background: #BCBCBC;}
    .flow-table .box{width: 100%; display: flex; margin-bottom: 20px;}
    .flow-table .box-count{width: 25%;}
    .flow-table .box .item{width: 75%;}
    .flow-table .box-count span:nth-of-type(2){font-size: 12px;}
    .flow-table .box-count span:nth-of-type(3){font-size: 27px;}
    .flow-table .box-count{position: relative;}
    .flow-table .box-count::after{content: ''; border-right: solid 2px #00b9ef; position: absolute; bottom: -45px; right: 0; left: 0; width: 2px; height: 120px; margin: auto;}
    .flow-table .box-count.first::after{height: 145px;}
    .flow-table .box-count.last::after{border: none;}
    .flow-table .box-count span:nth-of-type(1){display: none;}
    .flow-table .item-title{text-align: left; padding: 15px 20px;}
    .flow-table .item .content{height: auto; padding: 20px 15px;}
    .flow-table .def-btn{padding: 8px 40px;}
    .flow-table{margin-bottom: 0px;}

    /* voice */
    .page-template-page-voice .f-btn{font-size: 11px;}
    .voice-slick-box{margin-bottom: 0px;}
    #fix-voice .sli-nav{padding: 0px 15px;}
    #fix-voice .sli-nav .s-n-item{margin-bottom: 10px;}
    #fix-voice .voice-slider .sm-hidden{display: none;}
    #fix-voice .voice-slider .pc-hidden{display: block;}
    #fix-voice .voice-slider{padding: 0px 15px;}
    .sli-item .item{width: 100%; margin-bottom: 10px;}
    #fix-voice .sli-nav{margin-bottom: 10px;}
    .voice-slick-box .slick-prev::before{font-size: 30px; z-index: 99;}
    .voice-slick-box .slick-next::before{font-size: 30px; z-index: 99;}
    #fix-voice .sli-item{margin: 0 0px;}
    .voice-slick-box .slick-prev{left: -15px;}
    .voice-slick-box .slick-next{right: -15px;}
    #fix-voice .sli-nav .s-n-item{font-size: 12px;}
    #fix-review .content .item{width: 100%; margin-bottom: 30px;}
    #fix-review .content .box{width: 100%;}
    #fix-review .content .item span:nth-of-type(1){margin-bottom: 15px;}
    #fix-review .wrp-graph .graph-item{font-size: 12px;}
    #fix-review .wrp-graph .graph-item span:nth-of-type(2){width: 200px;}
    .review-box .tab{padding: 8px 8px; font-size: 12px; margin-right: 3px;}
    #fix-review .container{padding: 0 10px;}
    .wrp-review .item-title .flex.fx-itc{flex-wrap: wrap;}
    .wrp-review .item-title .star{width: 25%; margin-right: 10px; margin-bottom: 10px;}
    .wrp-review .item-title .word{margin-right: 0px; max-width: auto; width: 70%; margin-bottom: 10px;}
    .review-box .wrp-review{max-width: 340px;}
    .wrp-review .item,.wrp-review .item .text{padding: 20px 15px;}
    .wrp-review .item-title .name span:nth-of-type(1){font-size: 16px; margin-bottom: 5px; margin-right: 5px;}
    .wrp-review .item-title .name{display: flex; align-items: center;}
    .wrp-review .item-title .star span:nth-of-type(1){font-size: 24px;}
    .review-box .tab-item{padding: 30px 0;}

    /* counseling */
    #c-what.fix-box{padding-top: 40px;}
    #c-what .box .item, #c-flow .box .item{width: 100%;}
    #c-what .title{font-size: 19px; margin-bottom: 90px;}
    #c-what .title .main{margin-bottom: 15px;}
    #c-what .box .item-title{height: auto;}
    #c-what .box .item-title span:nth-of-type(3), #c-flow .box .item-title span:nth-of-type(3){margin-bottom: 20px;}
    #c-what .box .item, #c-flow .box .item{margin-bottom: 70px;}
    #c-what .box .item:last-of-type, #c-flow .box .item:last-of-type{margin-bottom: 0px;}
    #c-feature .title .main, #c-flow .title .main{font-size: 21px;}
    #c-feature .box-content .item-title{width: 100%; border-right: none; padding-right: 0px; text-align: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 2px #9abcca;}
    #c-feature .box-content .item{width: 100%; padding-left: 0px;}
    #c-feature .box-content .content{max-width: 320px;}
    #c-feature .box:last-of-type{margin-bottom: 0px;}
    #c-feature .box-count span:nth-of-type(1){font-size: 36px;}
    #c-feature .box-count{margin-top: -15px; margin-bottom: 25px;}
    #c-feature .box{margin-bottom: 50px;}

    /* discount */
    .fix-nav_dis{padding: 30px 0 40px;}
    .fix-nav_dis .title{font-size: 18px; margin-bottom: 30px;}
    .fix-nav_dis .item{width: 48.5%; margin-bottom: 10px;}
    .fix-nav_dis .item a{padding: 15px 0;}
    .dis-title{margin-bottom: 50px;}
    .dis-title span:nth-of-type(1){font-size: 24px; padding-bottom: 20px; margin-bottom: 30px;}
    .dis-title span:nth-of-type(2){font-size: 18px;}
    .dis-title span:nth-of-type(2) .pad-block{display: none;}
    .dis-content .item{padding: 0 5px; margin-bottom: 40px;}
    .dis-content .item:last-of-type{margin-bottom: 20px;}
    .dis-content .item-title{width: 100%; margin-bottom: 25px;}
    .dis-content .text{width: 100%; padding: 0 5px;}
    .dis-content .item-title .flex > div > img{width: 40px; height: 40px;}
    .dis-content .item-title .flex div:nth-of-type(2){font-size: 16px;}

    /* reserve */
    .wrp_reserve_input{max-width: 350px; padding: 50px 15px 50px;}
    .wrp_reserve_input .box .name{width: 100%; margin-bottom: 10px;}
    .wrp_reserve_input .box .reserve_input{width: 100%;}
    .wrp_reserve_input .box .reserve_input input{font-size: 16px;}
    .col_re_btn.collapsed{margin: 0px auto;}
    .col_re_btn{margin: 0 auto 30px; background-color: #d7c8b9; text-align: center; color: #000; font-weight: bold; padding: 10px 20px; font-size: 14px; display: block; transition: 0.3s; max-width: 250px; position: relative;}
    .collapsed.col_re_btn::after{font-family: "Font Awesome 5 Free"; content: "\f107"; margin-left: 20px;}
    .col_re_btn::after{font-family: "Font Awesome 5 Free"; content: "\f106"; margin-left: 20px;}
    #collap-reserve.collapse{display: none;}
    .collapse.show#collap-reserve{display: block; padding-top: 30px;}
    .collapsing#collap-reserve{display: block; padding-top: 30px;}
    #c-what .title.page_reserve{margin-bottom: 40px;}

    /* reserve-complete */
    #reserve-complete .title a{margin-bottom: 30px;}
    #reserve-complete .confirm_box{border-left: solid 0px #ccc; border-right: solid 0px #ccc; border-top: solid 0px #ccc; border: solid 1px #ccc;}
    #reserve-complete .confirm_box .item {border-bottom: solid 0px #ccc;}
    #reserve-complete .confirm_box .item .name{border-right: solid 0px #ccc; width: 100%; padding: 12px 15px;}
    #reserve-complete .confirm_box .item .name span{line-height: normal;}
    #reserve-complete .confirm_box .item .content{padding: 15px;}
    #reserve-complete .wrp_reserve_input .text{font-size: 12px;}

    /* terms */
    .law-title{font-size: 27px;}
    .law-h2{font-size: 18px;}
    .law-title-box{margin-bottom: 30px;}
    .law-title-box .mb30{margin-bottom: 20px !important;}
    .law-text-box .law-h2{margin-bottom: 20px !important;}

    /* footer */
    .foot-logo{width: 100%; text-align: center; margin-bottom: 60px;}
    .foot-logo img{width: 150px;}
    .foot-box{width: 100%;}
    .foot-item{width: 50%;}
    .foot-item:nth-of-type(3){width: 100%; display: flex; flex-wrap: wrap;}
    .foot-item:nth-of-type(3) a{width: 50%;}

}