/*
Theme Name:harifa-home
*/
@charset "utf-8";

body{font-size: 16px;  font-family: 'Noto Sans JP', sans-serif; color: #323232;}
img{max-width: 100%;}
a{text-decoration: none; transition: .3s;}
a:hover{text-decoration: none; opacity: .7;}
p{margin-bottom: 0;}
ul,li{padding: 0; margin: 0;}
.text.center{text-align: center;}
.mincho{font-family: 'Shippori Mincho', serif;}
.container{max-width: 1050px;}

/*--- header ---*/
header{position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 10;}
main{margin-top: 100px;}
.head_inner{display: flex; justify-content: space-between; align-items: center; padding: 0 50px; position: relative;}
.head_logo{padding: 10px 0;}
.head_logo img{max-width: 100px;}
.head_logo .logo_text{display: none;}
.head_nav{display: flex; align-items: center;}
.head_nav .nav-item{margin: 0 15px;}
.head_nav .nav-item a{color: #333; display: block; line-height: 1;}
.head_nav .nav-item a > i{margin-left: 10px; margin-right: 0;}
.head_nav .nav-item .adjust{padding: 42px 0;}
.head_nav .nav-item .contact{padding: 41px 25px; background-color: #333; color: #fff; line-height: 1; transition: .3s; border: solid 1px #333;}
.head_nav .nav-item .contact i{margin-right: 5px; margin-left: 0;}
.head_nav .nav-item .contact:hover{color: #333; background-color: #fff; opacity: 1;}
.head_nav .nav-item:last-of-type{margin-right: 0;}
.sm-nav-box{display: none;}

/* header-dropdown */
header .drop-menu{opacity: 0; position: absolute; top: 100px; left: 0; width: 100%; transition: .3s; visibility: hidden;}
header .drop-menu.show{opacity: 1; visibility: visible;}
header .drop-menu.show01{opacity: 1; visibility: visible;}
header .drop-menu.show02{opacity: 1; visibility: visible;}
.head_nav .drop_inner{display: flex; align-items: center; background-color: #fff; position: relative;}
.head_nav .drop_inner::before{content: ''; background-color: #F3F3EF; width: 20%; height: 100%; position: absolute; top: 0; left: 0;}
.drop_inner .left_tit{width: 20%; padding: 0 40px; position: relative; z-index: 2;}
.drop_inner .left_tit .main{font-size: 50px; letter-spacing: 2px;}
.drop_inner .left_tit .sub{font-size: 22px; margin-bottom: 20px;}
.drop_inner .left_tit a{display: inline-block; transition: .3s; text-decoration: underline !important; text-decoration-color: transparent  !important;}
.drop_inner .left_tit a:hover{text-decoration-color: #333 !important;}
.drop_inner .left_tit a i{border-radius: 50%; border: solid 1px #333; padding: 15px 17px; line-height: 1; display: inline-block; margin-right: 10px; margin-left: 0; transition: .3s;}
.drop_inner .left_tit a:hover i{background-color: #333; color: #fff; transition: .3s;}
.drop_inner .right_nav{width: 80%; padding: 70px 50px;}
.drop_inner .right_nav .grid{grid-gap: 40px;}
.drop_inner .right_nav .grid-3{padding: 0 80px;}
.drop_item{display: block;}
.drop_item .item_img{margin-bottom: 15px; overflow: hidden; transition: .3s;}
.drop_item .item_img img{transition: .3s; height: 205px; object-fit: cover; width: 100%;}
.drop_item:hover .item_img img{transform:scale(1.2,1.2); transition: .3s;}
.drop_item .d_tit{font-weight: 500; font-size: 18px; padding-left: 10px; border-left: 3px solid #ea9494; position: relative; display: block;}
.drop_item .d_tit::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f061"; font-weight: 900; top: 0; bottom: 0; right: 10px; margin: auto; width: 20px; height: 25px; color: #ea9494; transition: .3s;}

/*--- public ---*/
.pink_bg{background-color: #f8e6e6;}
.green_bg{background-color: #06c755;}
.white_bg{background-color: #fff;}
section{background-color: #fffbfb;}
.sec_inner{padding: 90px 0;}
.btn_box{text-align: center;}

/* bread */
.page-id-2197 .wrp_bred{background-color: #F3F3EF;}
.wrp_bred{padding: 8px 0; background-color: #EA9494;}
.wrp_bred span{display: inline-block; font-size: 13px;}
.wrp_bred > .container > div{display: flex; flex-wrap: wrap;}
.wrp_bred > .container > div > span{margin: 0 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 2;}
.wrp_bred > .container > div > span:first-of-type{margin-left: 0;}
.wrp_bred, .wrp_bred a{color: #fff;}
.wrp_bred a span{text-decoration: underline !important;}

.wrp_h1{padding: 5px 0; background-color: #EA9494;}
.wrp_h1 h1{font-size: 14px; text-align: center; margin-bottom: 0; color: #fff;}

/*--- btn ---*/
.pub_btn{background-color: #323232; color: #fff; border-radius: 30px; padding: 17px 20px; padding-left: 70px; font-size: 21px; position: relative; display: inline-block;}
.pub_btn:hover,.line_btn:hover,.pub_btn2:hover{color: #fff;}
.pub_btn i{margin-right: 10px; font-size: 21px;}
.pub_btn::before{font-family: "Font Awesome 5 Free"; content: "\f002"; font-weight: 900; padding: 5px; top: 0; bottom: 0; left: 20px; position: absolute; font-size: 27px; margin: auto; height: 50px;}
.pub_btn::after{font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 900; padding: 5px; border-radius: 50%; background-color: #fff; color: #323232;}
.line_btn{background-color: #006529; color: #fff; display: block; border-radius: 10px; padding: 15px 0; position: relative; font-size: 18px;}
.line_btn::after{position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; height: 27px; font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; padding: 1px 7px; border-radius: 50%; background-color: #fff; color: #006529;}
.pub_btn2{background-color: #323232; color: #fff; border-radius: 30px; padding: 10px 60px; font-size: 18px; position: relative; display: inline-block;}
.pub_btn2::after{font-family: "Font Awesome 5 Free"; content: "\f054"; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; font-weight: 900; padding: 2px 5px; border-radius: 50%; background-color: #fff; color: #323232; height: 25px; width: 25px; font-size: 14px;}
.add_btn{background-color: #305abe; color: #fff; display: block; text-align: center; padding-top: 15px; font-size: 19px; font-family: 'Shippori Mincho', serif;}
.add_btn:hover{opacity: 1 !important; color: #fff;}
.pub_btn3{background-color: #ea9494; color: #fff; transition: .3s; display: block; margin-bottom: 10px; font-weight: 600; padding: 8px 0; border: solid 1px #ea9494; position: relative;}
.pub_btn3::after{font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; color: #fff; position: absolute; top: 0; bottom: 0; right: 15px; height: 22px; margin: auto;}
.pub_btn3:hover{background-color: #fff; color: #ea9494; opacity: 1; border: solid 1px #ea9494;}
.pub_btn3:hover::after{color: #ea9494;}
.pub_btn4{border: solid 1px #ea9494; color: #ea9494; font-weight: 600; transition: .3s; margin-bottom: 10px; display: block; padding: 8px 0; position: relative;}
.pub_btn4:hover{background-color: #ea9494; color: #fff; opacity: 1;}
.pub_btn4::after{font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; color: #ea9494; position: absolute; top: 0; bottom: 0; right: 15px; height: 22px; margin: auto;}
.pub_btn4:hover::after{color: #fff;}
.dib{display: inline-block; padding: 13px 30px 13px 20px; border-radius: 5px;}


.home .wrp_store .pub_btn2,
.home .wrp_cta .pub_btn
{background-color: #305abe;}
.home .wrp_cta .pub_btn::after{color: #305abe;}

/*--- kv ---*/
.kv{position: relative;}
.kv::after{content: ''; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.kv img{width: 100%;}
.kv .kv_tit{position: absolute; top: 0; bottom: 0; width: 100%; left: 0; text-align: center; margin: auto; height: 60px; z-index: 3;}
.kv .kv_tit .sub{color: #ea9494; font-size: 24px;}
.kv .kv_tit h1,.kv .kv_tit .h1{color: #fff; font-size: 48px;}

.kv{display: none;}

/*--- fix ---*/
.fix_tit{text-align: center; margin-bottom: 60px;}
.fix_tit .sub{color: #ea9494; margin-bottom: 5px;}
.fix_tit h2{font-size: 36px; margin-bottom: 0;}
.fix_tit .text{margin-top: 20px;}

/*--- TOP ---*/
/* mv */
.mv{position: relative;}
.mv .wrp_ab_tit{position: absolute; bottom: 5%; right: 10%; display: flex; flex-direction: row-reverse; font-family: 'Shippori Mincho', serif;}
.mv .wrp_ab_tit p{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; background-color: #fff; font-size: 51px; margin: 0 5px; padding: 10px 5px; height: 470px;}
.mv .wrp_ab_tit .second{margin-top: 100px;}
.mv .wrp_ab_tit > .pink{background-color: #ea9494; color: #fff; margin-top: 250px; height: 430px;}
.mv .wrp_ab_tit p .pink{color: #ea9494; font-size: 60px;}
.mv .wrp_ab_tit .mid{font-size: 42px;}
.mv_bottom{color: #ea9494; font-size: 52px; text-align: center; padding: 30px 0 0px; font-family: 'Shippori Mincho', serif; text-shadow:0px 0px 3px #fff;}
.mv_bottom .mid{font-size: 42px;}

.ad_cta{position: relative; max-width: 700px; margin: 0 auto;}
.ad_cta > img{width: 100%;}
.ad_cta a{position: absolute; width: 75%; bottom: 5%; left: 0; right: 0; margin: auto;}

/* wrp_v */
.wrp_v .wrp_tit{margin-bottom: 30px;}
.wrp_v h2{color: #ea9494; font-size: 36px; margin-bottom: 20px; font-family: 'Shippori Mincho', serif;}
.wrp_v h2 .big{font-size: 42px;}
.wrp_v .sub{font-size: 27px; font-family: 'Shippori Mincho', serif; margin-bottom: 10px;}
.wrp_v .chui{font-size: 14px;}
.wrp_v .item{width: 47.5%;}
.wrp_v .item2{width: 52.5%;}

/* wrp_offer */
.wrp_offer .wrp_tit{margin-bottom: 60px; font-family: 'Shippori Mincho', serif; color: #ea9494;}
.wrp_offer .wrp_tit h2{text-decoration: underline; font-size: 36px; margin-bottom: 20px;}
.wrp_offer .wrp_tit .sub{font-size: 30px;}
.wrp_offer .box{display: flex; justify-content: space-between; margin-bottom: 50px;}
.wrp_offer .box .text{width: 48%;}
.wrp_offer .box .item_img{width: 48%;}
.wrp_offer .content p{margin-bottom: 20px;}
.wrp_offer .content ul{background-color: #fff; border: solid 2px #ea9494; color: #000; color: #ea9494; margin-bottom: 20px; padding: 30px 30px; border-radius: 20px;}
.wrp_offer .content ul li{position: relative; padding-left: 20px; margin-bottom: 10px;}
.wrp_offer .content ul li::before{position: absolute; content: '・'; top: 0; left: 0;}
.wrp_offer .content .chui{font-size: 14px; margin-bottom: 50px;}

/* point */
.p_tit{background-color: #ea9494; color: #fff; text-align: center; font-family: 'Shippori Mincho', serif; padding: 30px 0;}
.p_tit.about{background-color: transparent; color: #ea9494; padding: 90px 0 0;}
.p_tit .sub{font-size: 27px;}
.p_tit h2{font-size: 45px; letter-spacing: 3px; margin-bottom: 0;}
.p_tit h2 .mid{font-size: 33px;}
.wrp_point.grid{grid-gap: 60px;}
.wrp_point .box .item_img{position: relative; margin-bottom: 20px;}
.wrp_point .box .item_img h3{position: absolute; writing-mode: vertical-rl; padding-top: 70px; color: #ea9494; font-family: 'Shippori Mincho', serif; font-size: 33px; text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff , 0px -1px 5px #fff; margin: 0;}
.wrp_point .box .item_img h3 .ad_st{writing-mode: horizontal-tb;}
.wrp_point .box .item_img h3::before{content: '1.'; writing-mode: horizontal-tb; position: absolute; top: 0; left: 30px; font-size: 45px;}
.wrp_point .box:nth-of-type(2) .item_img h3::before{content: '2.';}
.wrp_point .box:nth-of-type(3) .item_img h3::before{content: '3.';}
.wrp_point .box:nth-of-type(4) .item_img h3::before{content: '4.';}
.wrp_point .box .text .pink{color: #ea9494;}

/* l_store */
.wrp_tit_store{font-family: 'Shippori Mincho', serif; font-size: 27px; margin-bottom: 50px; text-align: center;}
.wrp_tit_store h2{font-size: 48px; color: #ea9494; font-weight: 600;}
.gray_bg{background-color: #f0f0f0;}
.wrp_sbox .s_box{margin-bottom: 40px;}
.wrp_sbox .s_box h3{margin-bottom: 20px; background-color: #ea9494; color: #fff; font-size: 18px; padding: 15px; padding-left: 40px; border-radius: 25px; position: relative;}
.wrp_sbox .s_box h3::before{content: ''; border-left: solid 5px #fff; height: 22px; position: absolute; top: 16px; left: 20px;}
.wrp_sbox .s_box ul{display: flex; flex-wrap: wrap;}
.wrp_sbox .s_box li{margin: 0 10px 10px;}
.wrp_sbox .s_box li a{background-color: #fff; padding: 10px 20px; padding-right: 30px; transition: .3s; position: relative; display: block; color: #000; border: solid 1px #ccc;}
.wrp_sbox .s_box li a::before{font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; color: #ea9494; position: absolute; top: 0; bottom: 0; right: 10px; height: 22px; margin: auto;}
.wrp_sbox .s_box li a:hover{opacity: .7;}


/* cta */
.wrp_cta{max-width: 1050px; margin: 0 auto; border: solid 4px #00bdc4; padding: 50px 50px;}
.wrp_cta .up_box{display: flex; justify-content: space-between;}
.wrp_cta .up_box .content{width: 49%; text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff , 0px -1px 5px #fff; font-size: 33px;}
.wrp_cta .up_box .content .pink{color: #ea9494;}
.wrp_cta .up_box .content .pink_bg{background-color: #ea9494; color: #fff; display: inline-block; text-shadow: none;}
.wrp_cta .up_box .item_img{width: 49%;}
.wrp_cta .bage{text-align: center; margin-top: -35px; margin-bottom: 40px;}
.wrp_cta .bot_box .wrp_tit{margin-bottom: 15px;}
.wrp_cta .bot_box .wrp_tit h2{font-size: 39px; font-family: 'Shippori Mincho', serif; margin-bottom: 50px; text-align: center;}
.wrp_cta .bot_box .wrp_tit .wrp_tag{display: flex; justify-content: center; margin-bottom: 20px;}
.wrp_cta .bot_box .wrp_tit .wrp_tag p{color: #fff; padding: 5px 40px; line-height: 1;}
.wrp_cta .bot_box .wrp_tit .wrp_tag .pink{background-color: #ea9494;}
.wrp_cta .bot_box .wrp_tit .wrp_tag .black{background-color: #323232;}
.wrp_cta .bot_box .wrp_tit .sub{font-size: 27px; font-family: 'Shippori Mincho', serif; text-align: center; margin-bottom: 40px;}
.wrp_cta .bot_box .price{text-align: center; margin-bottom: 40px;}
.wrp_cta .bot_box .wrp_box{display: flex; justify-content: space-between; margin-bottom: 30px;}
.wrp_cta .bot_box .wrp_box .box{width: 32%;}
.wrp_cta .bot_box .wrp_box .box .content{border-right: solid 1px #ea9494; padding-top: 20px; padding-bottom: 40px;}
.wrp_cta .bot_box .wrp_box .box:last-of-type .content{border-right: 0px;}
.wrp_cta .bot_box .wrp_box .box .content h3{text-align: center; margin-bottom: 10px; color: #ea9494; font-size: 21px; height: 50.4px;}
.wrp_cta .bot_box .wrp_box .box img{width: 100%;}
.wrp_cta .bot_box .wrp_copy{font-size: 21px; text-align: center; margin-bottom: 40px;}
.wrp_cta .bot_box .wrp_copy .pink{color: #ea9494;}
.wrp_cta .bot_box .wrp_copy .big{font-size: 30px;}
.wrp_cta .bot_box .wrp_copy .big .pink{text-decoration: underline; font-weight: bold;}
.wrp_cta .ab_btn{display: block; margin: 0 auto; width: 80%;}

/* line_cta */
.line_cta{max-width: 1050px; margin: 0 auto; padding: 50px 0;}
.line_cta .wrp_tit{color: #fff; font-size: 24px; margin-bottom: 20px; text-align: center; line-height: 1.7;}
.line_cta .g_bg{background-color: #05ae4a; display: inline-block; padding: 2px 15px; margin: 0 5px; border-radius: 8px;}
.line_cta .yellow{color: #ffff00;}
.line_cta .big{font-weight: bold; font-size: 48px;}
.line_cta .mid{font-size: 30px;}
.line_cta .wrp_box{margin-bottom: 30px;}
.line_cta .wrp_box .in_tit{background-color: #ffff00; color: #05ae4a; padding: 5px 0px; text-align: center; border-radius: 10px 10px 0 0; font-size: 24px;}
.line_cta .wrp_box .box{display: flex; justify-content: space-between; background-color: #fff; padding: 15px; border-radius: 0 0 10px 10px;}
.line_cta .wrp_box .box .item{width: 32%;}
.line_cta .wrp_box .box .item img{margin-bottom: 5px;}
.line_cta .wrp_box .box .item p{font-weight: bold;}

/* point2 */
.wrp_point2{background-color: #fff; padding: 40px 40px;}
.wrp_point2 .wrp_tit{font-family: 'Shippori Mincho', serif; font-size: 27px; margin-bottom: 50px; text-align: center;}
.wrp_point2 .wrp_tit .pink{color: #ea9494; font-size: 30px;}
.wrp_point2 .wrp_tit h2{font-size: 48px; color: #ea9494; font-weight: 600;}
.wrp_point2 .wrp_tit h2 .mid{font-size: 36px;}
.wrp_point2 .wrp_box .box{margin-bottom: 20px;}
.wrp_point2 .wrp_box .box_tit{background-color: #f8e6e6; position: relative; padding: 40px 40px; border-radius: 10px 40px 10px 40px; margin-bottom: 40px;}
.wrp_point2 .wrp_box .box_tit::before{content: '1'; color: #fff; position: absolute; top: -2px; left: 10px; font-size: 27px; font-family: 'Shippori Mincho', serif; z-index: 2;}
.wrp_point2 .wrp_box .box:nth-of-type(2) .box_tit::before{content: '2';}
.wrp_point2 .wrp_box .box:nth-of-type(3) .box_tit::before{content: '3';}
.wrp_point2 .wrp_box .box:nth-of-type(4) .box_tit::before{content: '4';}
.wrp_point2 .wrp_box .box:nth-of-type(5) .box_tit::before{content: '5';}
.wrp_point2 .wrp_box .box_tit::after{content: ''; border-bottom: 60px solid transparent; border-left: 60px solid #ea9494; position: absolute; top: 0; left: 0; border-radius: 10px 0 0 0;}
.wrp_point2 .wrp_box .box_tit .ab_img{position: absolute; bottom: -20px; right: 0; max-width: 200px;}
.wrp_point2 .wrp_box .box_tit h3{font-size: 24px; margin-bottom: 0; line-height: 1.5;}
.wrp_point2 .wrp_box .box:nth-of-type(2) .box_tit h3{height: 103px;}

/* voice */
.wrp_voice .wrp_tit{position: relative; text-align: center; margin-bottom: 40px;}
.wrp_voice .wrp_tit img{max-width: 450px;}
.wrp_voice .wrp_tit.ajust img{max-width: 420px;}
.wrp_voice .wrp_tit .ab_tit{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-family: 'Shippori Mincho', serif; color: #fff; height: 110px;}
.wrp_voice .wrp_tit.adjust .ab_tit{height: 85px;}
.wrp_voice .wrp_tit .ab_tit h2{font-size: 42px;}
.wrp_voice .box{margin-bottom: 20px; display: block;}
.wrp_voice .box > p{color: #323232;}
.wrp_voice .box_img{display: flex; justify-content: space-around; margin-bottom: 20px;}
.wrp_voice .box_img .item{width: 49%; position: relative; border-radius: 10px;}
.wrp_voice .box_img .item img{height: 280px; width: 100%; object-fit: cover; border-radius: 10px;}
.wrp_voice .box_img .item .tag{position: absolute; bottom: 0; left: 0; color: #fff; border-radius: 0 10px 0 10px; padding: 5px 20px;}
.wrp_voice .box_img .before .tag{background-color: #323232;}
.wrp_voice .box_img .after .tag{background-color: #ea9494;}

/* flow */
.wrp_flow{padding: 40px 40px; border: solid 1px #323232; border-radius: 10px 60px 10px 60px;}
.wrp_flow .wrp_tit{text-align: center; margin-bottom: 40px;}
.wrp_flow .wrp_tit .sub{font-size: 21px; font-family: 'Shippori Mincho', serif; margin-bottom: 5px;}
.wrp_flow .wrp_tit h2{font-size: 42px; font-family: 'Shippori Mincho', serif; margin-bottom: 15px; letter-spacing: 3px;}
.wrp_flow .box{margin-bottom: 20px; padding-left: 30px;}
.wrp_flow .box .wrp_img{position: relative; margin-bottom: 15px;}
.wrp_flow .box .wrp_img img{border-radius: 10px 50px 10px 50px;}
.wrp_flow .box .wrp_img p{position: absolute; top: 15px; left: -30px; background-color: #323232; color: #fff; font-family: 'Shippori Mincho', serif; font-size: 21px; padding: 5px 25px; border-radius: 0 50% 50% 0;}
.wrp_flow .box h3{font-size: 18px; margin-bottom: 20px;}

/* store */
.wrp_store .item_img{display: block;}
.wrp_store .item_img img{width: 100%; height: 250px; object-fit: cover; border-radius: 10px 10px 0 0;}
.wrp_store .content{background-color: #fff; padding: 20px 20px; border-radius: 0 0 10px 10px;}
.wrp_store .content h3{text-align: center; font-size: 24px; color: #ea9494; font-family: 'Shippori Mincho', serif; margin-bottom: 20px;}
.wrp_store .content h3 a{color: #ea9494;}
.wrp_store .wrp_info{margin-bottom: 20px;}
.wrp_store .wrp_info .item{display: flex; margin-bottom: 10px; align-items: flex-start;}
.wrp_store .wrp_info .item .name{width: 25%; background-color: #ea9494; color: #fff; padding: 1px 0; margin-right: 10px; font-size: 14px; text-align: center; border-radius: 3px;}
.wrp_store .wrp_info .item .info{font-weight: bold;}
.wrp_store .address{margin-bottom: 15px;}

/* news */
.wrp_news h2{font-family: 'Shippori Mincho', serif; font-size: 36px; text-align: center; margin-bottom: 40px;}
.wrp_news .wrp_box{border-top: solid 2px #323232; border-bottom: solid 2px #323232; margin-bottom: 50px;}
.wrp_news .wrp_box .box{border-bottom: 1px solid #323232; padding: 20px 30px; display: block; color: #323232;}
.wrp_news .wrp_box .box:last-of-type{border-bottom: 0px;}
.wrp_news .wrp_box .box .day{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.sns_icon{text-align: center;}
.sns_icon a{display: inline-block; transition: .3s;}
.sns_icon a img{max-width: 60px;}

/*--- concept ---*/
.catch{max-width: 750px; margin: 0 auto; text-align: center;}
.catch h2{font-size: 33px; font-weight: bold; margin-bottom: 30px; font-family: 'Shippori Mincho', serif; line-height: 1.7;}
.catch > img{max-width: 200px; margin-bottom: 40px;}
.catch .text{text-align: left; margin-bottom: 50px;}
.catch .wrp_box{border: solid 3px #ea9494; padding: 20px 20px; background-color: #fff;}
.catch h3{font-size: 24px; text-align: center; margin-bottom: 20px;}

/* lead */
.wrp_lead .item{border: solid 2px #ea9494; padding: 20px 20px;}
.wrp_lead img{margin-bottom: 20px;}
.wrp_lead .i_tit{font-size: 21px; text-align: center; margin-bottom: 15px;}
.wrp_lead .text{margin-bottom: 20px;}

/*--- about ---*/
.wrp_two .text{margin-bottom: 40px; text-align: center; font-size: 21px;}
.wrp_two .wrp_box{display: flex; align-items: center; flex-wrap: wrap;}
.wrp_two .wrp_box .item_img{width: 60%; text-align: center;}
.wrp_two .wrp_box .item_img img{max-height: 500px;}
.wrp_two .wrp_box .content{width: 40%;}

/* lr_box */
.wrp_lr_box .box{display: flex; flex-wrap: wrap; margin-bottom: 70px;}
.wrp_lr_box .box:last-of-type{margin-bottom: 0;}
.wrp_lr_box .box:nth-of-type(2n){flex-direction: row-reverse;}
.wrp_lr_box .box .item_img{width: 50%; padding: 0 30px;}
.wrp_lr_box .box .content{width: 50%;}
.wrp_lr_box .box .content h3{font-size: 24px; font-weight: bold; margin-bottom: 30px; font-family: 'Shippori Mincho', serif;}

/*--- effect ---*/
.wrp_wf_img{text-align: center;}
/* my_card */
.my_card{margin-bottom: 15px; padding: 20px 20px; background-color: #fff; box-shadow: 0px 0px 10px #ccc; border-radius: 10px;}
.my_card .item_img{margin-bottom: 15px;}
.my_card h3{font-size: 18px; font-weight: bold; color: #ea9494; margin-bottom: 15px;}
.my_card h3 i{margin-right: 10px;}

/*--- store ---*/
.wrp_store .ad_a{display: inline-block; text-decoration: underline; margin-top: 15px; color: #ea9494;}
.home .wrp_store .ad_a{display: none;}
.head_text{font-size: 12px; color: #000; text-align: center; font-family: 'Shippori Mincho', serif;}

/*- access -*/
.wrp_saccess {max-width: 1200px; margin: 0 auto; padding: 40px 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; animation: fadeInUp 0.6s ease-out;}
.g_box {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.g_box iframe {display: block; width: 100%; height: 450px; border: none;}
.ai_box {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 12px; padding: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.ai_box .item {margin-bottom: 28px; padding-bottom: 24px; border-bottom: 2px solid #dee2e6; transition: all 0.3s ease;}
.ai_box .item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.ai_box .tit {font-size: 18px; font-weight: bold; color: #2c3e50; margin-bottom: 8px; padding-left: 16px; position: relative; text-transform: uppercase; letter-spacing: 0.5px;}
.ai_box .tit::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 20px; background: #ea9494; border-radius: 2px;}
.ai_box .info {color: #495057; line-height: 1.8; padding-left: 16px; margin: 0;}
.ai_box .info a {color: #ea9494; text-decoration: none; font-weight: bold; transition: all 0.3s ease; position: relative;}

/*- staff -*/
.wrp_sstaff {max-width: 1200px; margin: 0 auto; padding: 40px 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.wrp_sstaff .box {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; height: 100%;}
.wrp_sstaff .item_img {width: 100%; height: 280px; overflow: hidden; position: relative;}
.wrp_sstaff .item_img img {width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}
.wrp_sstaff .text_box {padding: 25px; flex-grow: 1; display: flex; flex-direction: column;}
.wrp_sstaff .item {margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px;}
.wrp_sstaff .item:last-child {margin-bottom: 0; border-bottom: none; padding-bottom: 0; flex-grow: 1;}
.wrp_sstaff .tit {font-size: 14px; font-weight: bold; color: #ea9494; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;}
.wrp_sstaff .info {font-size: 15px; color: #333; line-height: 1.7; margin: 0;}


/*--- faq ---*/
.qa_box .wrp_ad{padding-top: 120px; margin-top: -120px;}
.qa_box .qa_item{padding: 30px 20px 20px; box-shadow: 0px 0px 8px #ccc; margin-bottom: 40px;}
.qa_box .qa_item .q{position: relative; margin-bottom: 30px;}
.qa_box .qa_item .a{background-color: #F8F8F8; padding: 20px 20px;}
.faq_nav ul{display: flex; flex-wrap: wrap; border-left: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom: 40px;}
.faq_nav li{padding: 10px 10px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; width: 50%;}
.faq_nav li a{color: #ea9494;}

/*--- price ---*/
.wrp_price{margin-bottom: 5px;}
.wrp_price .box{display: flex; border: solid 1px #ea9494; margin-bottom: 50px;}
.wrp_price .box:last-of-type{margin-bottom: 0;}
.wrp_price .box .name{width: 20%; background-color: #d6375f; color: #fff; padding: 15px 15px;}
.wrp_price .box .price{width: 25%; background-color: #faecec; color: #d6375f; padding: 15px 15px;}
.wrp_price .box .content{width: 55%; padding: 15px 15px; background-color: #fff;}
.p_chui{font-size: 14px; position: relative; padding-left: 20px;}
.p_chui::before{content: '※'; position: absolute; top: 0; left: 0;}

/*--- archive ---*/
.wrp_arc .box{display: block; box-shadow: 0px 0px 8px #ccc;}
.wrp_arc .box .item_img{position: relative;}
.wrp_arc .box .item_img img{width: 100%; height: 250px; object-fit: cover;}
.wrp_arc .box .item_img .tag{position: absolute; top: 0; left: 0; background: #ea9494; color: #fff; font-size: 14px; padding: 3px 20px;}
.wrp_arc .box .wrp_content{background-color: #fff; padding: 20px 10px;}
.wrp_arc .box .wrp_tit{margin-bottom: 10px;}
.wrp_arc .box .wrp_tit .main{font-size: 18px; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #323232;}
.wrp_arc .box .wrp_tit .day{font-size: 12px; color: #ccc;}
.wrp_arc .box .text{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #323232;}
.wrp_tit.text-left{text-align: left !important;}

/*--- single ---*/
.wrp_single{max-width: 800px; margin: 0 auto;}
.wrp_single .wrp_tit{margin-bottom: 30px;}
.wrp_single .wrp_sub{display: flex; align-items: center; margin-bottom: 20px;}
.wrp_single .wrp_sub .day{margin-right: 10px;}
.wrp_single .wrp_sub .cat span{background-color: #A8A89E; color: #fff; line-height: 1; font-size: 14px; padding: 5px 8px; display: inline-block;}
.wrp_single .wrp_tit h1{font-size: 36px; margin-bottom: 0;}
.wrp_single .wrp_tit .comp{font-size: 14px; margin-top: 30px;}
.wrp_single .wrp_thum{margin-bottom: 30px;}
.wrp_single .wrp_thum img{width: 100%;}
.wrp_single h2,.wrp_single h3,.wrp_single .wrp_content p{margin-bottom: 30px;}
.wrp_single h2{font-size: 24px;}
.wrp_single h3{font-size: 21px;}
.single-news .wrp_single .wrp_sub .cat{display: none;}
.single-voice .wrp_single .wrp_sub .cat{display: none;}
.wrp_single ul li{list-style-type: disc;}
.wrp_single .btn_box{margin-top: 50px;}
.wrp_single .btn_box .pub_btn{background-color: #305abe;}
.wrp_single .btn_box .pub_btn::after{color: #305abe;}
.wrp_single .wrp_cta{padding: 40px 30px;}
.wrp_single .wrp_cta .up_box .content{font-size: 27px;}
.wrp_single .wrp_cta .bage{margin-top: -30px; margin-bottom: 20px;}
.wrp_single .wrp_cta .bot_box .wrp_box .box .content p{height: 72px;}
.wrp_single .wrp_cta .bot_box .wrp_box .box .content{padding-bottom: 0;}
.wrp_single .green_bg{padding: 0 40px;}

/* prof */
.wrp_wri{background-color: #f5f5f5; margin-top: 30px;}
.wrp_wri .i_tit{padding: 15px 30px; border-bottom: solid 1px #ccc; font-size: 21px; font-weight: 400;}
.wrp_wri .wrp_box{padding: 20px 30px; display: flex; flex-wrap: wrap;}
.wrp_wri .wrp_box .item_img{width: 20%; padding-right: 20px;}
.wrp_wri .wrp_box .content{width: 80%;}
.wrp_wri .wrp_box .content .name{font-size: 18px; font-weight: 400; margin-bottom: 20px;}
.wrp_wri .wrp_box .content .text{line-height: 1.7;}

/* pagenation */
.wrp_pagination{margin-top: 30px;}
.wrp_pagination ul{display: flex; justify-content: center;}
.wrp_pagination ul li{margin: 0 3px;}
.wrp_pagination ul .page-numbers{padding: 11px 17px; font-weight: bold; font-size: 12px; display: block; border: 1px solid #CCCCCC; color: #333; border-radius: 50%;}
.wrp_pagination ul a.page-numbers:hover{border: 1px solid #333; background-color: #333; color: #fff;}
.wrp_pagination ul .page-numbers.current{background-color: #333; color: #fff; border: 1px solid #333;}
.wrp_pagination ul .page-numbers i{margin-right: 0;}
.wrp_pagination ul .page-numbers.dots{border: 0px solid #000 !important;}
.wrp_pagination .nav-links{width: 100%;}
.wrp_pagination ul li .next{margin-left: 30px;}
.wrp_pagination ul li .prev{margin-right: 30px;}
.wrp_pagination a:hover{text-decoration: none; opacity: 1;}

/*--- company ---*/
.wrp_tate{margin-bottom: 50px;}
.wrp_tate .item{margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #d3d3d3;}
.wrp_tate .item .main{color: #ea9494; margin-bottom: 10px;}

/*--- footer ---*/
footer{background-color: #333; color: #fff;}
footer .up_box{padding: 80px 0; border-bottom: 1px solid #fff;}
footer .up_box .wrp_box{display: flex;}
footer .f_logo{display: block; width: 20%; color: #fff; transition: .3s;}
footer .f_logo img{max-width: 100px;}
footer .f_logo:hover{opacity: .7;}
footer .f_nav{width: 80%; display: flex;}
footer .f_nav > li{margin: 0 10px; font-size: 14px;}
footer .f_nav > li > .inner{padding-left: 10px; font-size: 12px; margin-top: 10px;}
footer .f_nav > li > .inner li{margin-bottom: 5px;}
footer .f_nav a{color: #fff; transition: .3s;}
footer .f_nav a:hover{opacity: .6;}
footer .bt_box{display: flex; justify-content: space-between; padding: 20px 0; font-size: 12px;}
footer .bt_box ul{display: flex;}
footer .bt_box ul li{margin: 0 10px;}
footer .bt_box ul li a{color: #fff;}
footer .bt_box ul li a:hover{text-decoration: underline;}

.fix_ban{display: none;}


/*------PC3------*/
@media only screen and (max-width: 1580px) {

  /*--- TOP ---*/
  /* mv */
  .mv .wrp_ab_tit p{font-size: 32px; height: 350px;}
  .mv .wrp_ab_tit p .pink{font-size: 42px;}
  .mv .wrp_ab_tit .mid{font-size: 27px;}
  .mv .wrp_ab_tit > .pink{height: 280px;}
  
}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

  /*--- footer ---*/
  footer .f_nav > li{margin: 0 10px;}

}


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

  /*--- header ---*/
  .head_inner{padding: 10px 15px;}
  .head_logo{padding: 0 0;}
  .head_nav{display: none;}
  .sm-nav-box{display: block;}
  .head_logo2{display: none;}

  /* オフキャンバス */
  .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important;}
  .offcanvas-toggle .icon-bar{background: #333;}
  .icon-bar{display:block; width:30px; height:3px; border-radius:1px; margin: auto;}
  .icon-bar + .icon-bar{margin-top:5px}
  .offcanvas-toggle.is-open .icon-bar{background: #333;}
  .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: #F3F3EF;}
  .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

  .sm-nav-box ul{margin-top: 30px; padding: 0 10px;}
  .sm-nav-box li{border-bottom: solid 1px #ccc; position: relative;}
  .sm-nav-box li a{display: block; padding: 15px; font-size: 13px; color: #333;}
  .sm-nav-box .poz{position: absolute; top: 40%; right: 5%; color: #9f9f9f;}
  .top-bor-nav{border-top: solid 1px #ccc;}
  .sm_drop{margin-bottom: 30px;}
  .sm-nav-box ul .sm_drop_menu{height: 0; opacity: 0; visibility: hidden; transition: .3s; animation-duration: .3s; background-color: #A8A89E; margin-top: 0; margin-bottom: 0; margin-right: -15px; margin-left: -15px;}
  .sm-nav-box ul .active > .sm_drop_menu{height: auto; display: block; opacity: 1; visibility: visible; transition: .3s; animation-duration: .3s;}
  .sm_drop_menu li.last{border-bottom: 0px;}
  .sm_drop_menu li a{display: block; position: relative; padding: 15px 15px; font-size: 13px; color: white;}
  .sm_drop_menu li.last a{border-bottom: 0px solid #000;}
  .sm-nav-box ul .active > a{border-bottom: 0px;}
  #header.fixed #sm-offcanvas a{color: #fff;}
  #header.fixed .head_logo > a span{border-left: 1px solid #fff;}
  .sm_drop .plus_drop > a::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f067"; font-weight: 900; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 25px;}
  .sm_drop .plus_drop.active > a::after{content: "\f068"; bottom: auto; top: 15px;}
  .sm_drop .plus_drop.active{border-bottom: 0px;}

  .o_cta{background-color: #fff; padding: 20px 20px; text-align: center; max-width: 90%; margin: 0 auto;}
  .o_cta .btn_box{margin-bottom: 10px;}
  .o_cta .btn_box .pub_btn2{width: 100%; font-size: 16px; padding: 13px 0;}
  .o_cta .sub{font-size: 14px;}
  .o_cta .main{font-size: 22px;}

  /*--- top ---*/
  /* mv */
  .mv .wrp_ab_tit .second{margin-top: 70px;}
  .mv .wrp_ab_tit > .pink{margin-top: 150px;}
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {

  body{font-size: 14px;}

  .sec_inner.pb0{padding-bottom: 0;}

  /*--- top ---*/
  /* mv */
  .mv .wrp_ab_tit{bottom: -60px; right: 8%;}
  .mv .wrp_ab_tit .second{height: 330px;}

  /* cta */
  .wrp_cta .up_box .content{font-size: 24px;}

  /* point2 */
  .wrp_point2 .wrp_box .box_tit h3{font-size: 18px;}
  .wrp_point2 .wrp_box .box_tit .ab_img{max-width: 170px;}

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

  main{margin-top: 67px;}

  .navbar-offcanvas{max-width: 100%;}
  .navbar-offcanvas.navbar-offcanvas-right {right: -100%;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-100%); transform: translateX(-100%);}

  .grid-3{grid-template-columns: 1fr;}

  /*--- header ---*/
  /* header{background-color: rgba(255,255,255,0.6);} */
  .head_inner{padding: 5px 10px;}
  .head_logo{display: flex; align-items: center;}
  .head_logo img{max-width: 70px;}
  .head_logo .logo_text{display: block; font-family: 'Shippori Mincho', serif; color: #323232; padding-left: 10px; line-height: 1.7;}
  .head_logo .logo_text .pink{color: #ea9494;}
  .head_logo .logo_text .dot{display: inline-block; position: relative;}
  .head_logo .logo_text .dot::before{content: '・'; position: absolute; top: -11px; left: 0; right: 0; margin: auto;}

  .sm-nav-box{position: relative;}
  .head_logo2{display: flex; align-items: center; position: absolute; top: 12px; left: 10px;}
  .head_logo2 img{max-width: 70px;}
  .head_logo2{color: #0077B9;}
  .head_logo2 .main{font-size: 21px; font-family: 'Alata', sans-serif; line-height: 1;}
  .head_logo2 .sub{font-size: 12px;}

  /*--- section ---*/
  .sec_inner{padding: 40px 0;}

  /*--- kv ---*/
  .kv img{object-fit: cover; height: 250px;}
  .kv .kv_tit .sub{font-size: 21px;}
  .kv .kv_tit h1,.kv .kv_tit .h1{font-size: 30px;}

  /*--- fix ---*/
  .fix_tit h2{font-size: 27px;}

  /*--- btn ---*/
  .pub_btn{font-size: 16px; padding-left: 50px;}
  .pub_btn::before{font-size: 24px; left: 10px; height: 45px;}
  .line_btn{border-radius: 0px; margin-right: -10px; margin-left: -10px;}
  .pub_btn2{padding: 10px 40px; font-size: 16px;}
  .pub_btn2::after{height: 20px; width: 20px; font-size: 11px;}
  .ad_cta a{width: 85%; bottom: 9%;}

  /* bread */
  .wrp_bred > .container > div > span{margin: 0 5px; line-height: 1.5;}

  /*--- top ---*/
  /* mv */
  .mv{padding-bottom: 70px;}
  .single-store .mv{padding-bottom: 0px;}
  .mv img{max-width: 95%; position: relative; z-index: 2;}
  .single-store .mv img{max-width: 100%;}
  .mv::after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 50%; background-color: #f8e6e6; z-index: 1;}
  .mv .wrp_ab_tit{z-index: 3; bottom: 50px;}
  .mv .wrp_ab_tit p{font-size: 24px; height: 260px; padding: 10px 0; margin: 0 2px; line-height: 1.4;}
  .mv .wrp_ab_tit p .pink{font-size: 33px;}
  .mv .wrp_ab_tit .mid{font-size: 24px;}
  .mv .wrp_ab_tit .second{height: 240px; margin-top: 40px;}
  .mv .wrp_ab_tit > .pink{height: 260px; margin-top: 80px; font-size: 30px;}
  .mv_bottom{font-size: 24px; margin-top: -45px; position: relative; z-index: 3; padding: 0 0 10px;}
  .mv_bottom .mid{font-size: 21px;}
  .single-store .mv_bottom{display: none;}

  .wrp_v h2 .big{font-size: 60px;}
  .wrp_v .sub{font-size: 21px;}
  .wrp_v .chui{font-size: 12px;}
  .wrp_v .item{width: 100%; text-align: center;}
  .wrp_v .item img{width: 90%;}
  .wrp_v .item2{width: 100%;}

  .ad_cta{margin-top: 30px;}

  .smpt0{padding-top: 0;}
  .smpt0 .ad_cta{margin-top: 0px;}

  /* offer */
  .wrp_offer .wrp_tit{margin-bottom: 30px;}
  .wrp_offer .wrp_tit h2{font-size: 30px; line-height: 1.7; text-underline-offset: 10px;}
  .wrp_offer .wrp_tit .sub{font-size: 21px;}
  .wrp_offer .box{display: block;}
  .wrp_offer .box .text{width: 100%; margin-bottom: 20px;}
  .wrp_offer .box .item_img{width: 100%; margin-left: 0.75rem;}

  /* point */
  .p_tit .sub{font-size: 18px;}
  .wrp_point.grid-2{grid-template-columns: 1fr;}
  .wrp_point .box:nth-of-type(odd){padding-left: 50px;}
  .wrp_point .box:nth-of-type(even){padding-right: 50px;}
  .wrp_point .box .item_img h3{top: -30px; font-size: 26px; letter-spacing: 3px; padding-top: 55px;}
  .wrp_point .box .item_img h3::before{left: 20px; font-size: 33px;}
  .wrp_point .box:nth-of-type(odd) .item_img h3{left: -50px;}
  .wrp_point .box:nth-of-type(even) .item_img h3{right: -50px;}
  .wrp_point .box:last-of-type{margin-bottom: 40px;}

  /* cta */
  .wrp_cta{padding: 0;}
  .wrp_cta .up_box{position: relative;}
  .wrp_cta .up_box .item_img{width: 100%; position: absolute; top: 0; left: 0;}
  .wrp_cta .up_box .content{position: relative; z-index: 2; width: 100%; padding: 20px 20px; font-size: 21px;}
  .wrp_cta .bage{margin-top: 35px; position: relative; z-index: 2; margin-bottom: 10px;}
  .wrp_cta .bot_box .wrp_tit h2{margin-bottom: 10px;}
  .wrp_cta .bot_box .wrp_box .box .content h3{font-size: 14px; height: 37.4px;}
  .wrp_cta .bot_box .wrp_tit .wrp_tag{margin-bottom: 15px;}
  .wrp_cta .bot_box .wrp_tit .wrp_tag p{padding: 5px 30px;}
  .wrp_cta .bot_box .wrp_tit .sub{font-size: 16px; margin-bottom: 20px;}
  .wrp_cta .bot_box .price{text-align: center; margin-bottom: 20px;}
  .wrp_cta .bot_box .price img{width: 90%;}
  .wrp_cta .bot_box .wrp_box{margin-bottom: 10px;}
  .wrp_cta .bot_box .wrp_box .box{width: 33%;}
  .wrp_cta .bot_box .wrp_box .box .content{padding: 10px 1px 5px;}
  .wrp_cta .bot_box .wrp_box .box .content p{font-size: 12px; height: 72px;}
  .wrp_cta .bot_box .wrp_copy{font-size: 14px; line-height: 1.7; margin-bottom: 20px;}
  .wrp_cta .bot_box .wrp_copy .big{font-size: 21px;}
  .wrp_cta .bot_box .wrp_copy .big .pink{text-underline-offset: 10px;}
  .wrp_cta .btn_box{margin-bottom: 40px; margin-top: 0;}
  .wrp_single .wrp_cta{padding: 0; margin-right: -0.75rem; margin-left: -0.75rem;}
  .wrp_single .wrp_cta .up_box .content{font-size: 21px;}
  .wrp_single .wrp_cta .bage{margin-top: 35px; margin-bottom: 10px;}
  .wrp_single .wrp_cta .bot_box .wrp_box .box .content{padding-bottom: 5px;}
  .wrp_single .wrp_cta .bot_box .wrp_box .box .content p{margin-bottom: 0;}
  .wrp_single .green_bg{padding: 0; margin-right: -0.75rem; margin-left: -0.75rem;}
  .wrp_single .line_cta .wrp_box .box .item p{margin-bottom: 0;}
  .wrp_cta .ab_btn{margin-bottom: 20px;}

  /* l_store */
  .wrp_tit_store{margin-bottom: 30px;}
  .wrp_tit_store h2{font-size: 36px;}
  .wrp_sbox .s_box{margin-bottom: 30px;}
  .wrp_sbox .s_box h3{padding: 12px; padding-left: 40px; font-size: 16px;}
  .wrp_sbox .s_box h3::before{height: 20px; top: 13px; border-left: solid 3px #fff;}
  .wrp_sbox .s_box li{margin-bottom: 15px;}
  .wrp_sbox .s_box li a{padding: 8px 15px; padding-right: 30px;}

  /* line_cta */
  .line_cta{padding: 30px 10px 0px;}
  .line_cta .wrp_tit{font-size: 16px;}
  .line_cta .mid{font-size: 24px;}
  .line_cta .big{font-size: 30px;}
  .line_cta .wrp_box .in_tit{font-size: 16px;}
  .line_cta .wrp_box .box .item p{font-size: 5px;}

  /* point2 */
  .wrp_point2{padding: 30px 15px;}
  .wrp_point2 .wrp_tit{font-size: 18px;}
  .wrp_point2 .wrp_tit .pink{font-size: 24px;}
  .wrp_point2 .wrp_tit h2{font-size: 42px;}
  .wrp_box.grid.grid-2{grid-template-columns: 1fr;}
  .wrp_point2 .wrp_box .box_tit{padding: 40px 20px;}
  .wrp_point2 .wrp_box .box:nth-of-type(2) .box_tit h3{height: auto;}
  .wrp_point2 .wrp_box .box_tit::before{font-size: 21px;}
  .wrp_point2 .wrp_box .box_tit::after{border-bottom: 50px solid transparent; border-left: 50px solid #ea9494;}
  .wrp_point2 .wrp_box .box_tit h3{font-size: 16px;}
  .wrp_point2 .wrp_box .box_tit .ab_img{max-width: 160px;}

  /* voice */
  .wrp_voice .wrp_tit{margin-bottom: 30px;}
  .wrp_voice .wrp_tit .ab_tit{height: 90px;}
  .wrp_voice .wrp_tit.adjust .ab_tit{height: 75px;}
  .wrp_voice .wrp_tit .ab_tit h2{font-size: 36px;}
  .wrp_voice .wrp_tit img{max-width: 100%;}
  .wrp_voice .box_img .item img{height: 210px;}

  /* flow */
  .wrp_box.grid.grid-3{grid-template-columns: 1fr;}
  .wrp_flow{padding: 40px 20px;}

  /* store */
  .p_tit h2{font-size: 30px; padding: 20px 0;}
  .wrp_store.grid.grid-2{grid-template-columns: 1fr; grid-gap: 5px;}
  .wrp_store.grid.grid-3{grid-template-columns: 1fr 1fr; grid-gap: 5px;}
  .wrp_store .content{padding: 20px 5px;}
  .wrp_store .content h3{font-size: 16px; margin-bottom: 10px;}
  .wrp_store .wrp_info .item .name{font-size: 12px; width: 33%; margin-right: 5px;}
  .wrp_store .item_img img{height: 130px;}
  .wrp_store .wrp_info .item{flex-wrap: wrap;}
  .wrp_store .address{font-size: 10px; height: 75px;}

  /* access */
  .wrp_saccess {grid-template-columns: 1fr; gap: 30px; padding: 20px 15px;}
  .ai_box {padding: 20px;}
  .g_box iframe {height: 300px;}
  .ai_box .tit {font-size: 16px;}

  /* staff */
  .wrp_sstaff {grid-template-columns: 1fr; gap: 25px; padding: 20px 15px;}
  .wrp_sstaff .text_box {padding: 20px;}
  .wrp_sstaff .item_img {height: 250px;}
  .wrp_sstaff .tit {font-size: 13px;}
  .wrp_sstaff .info {font-size: 14px;}

  /*--- concept ---*/
  .catch h2{font-size: 21px;}
  .catch h3{font-size: 18px;}
  .catch .wrp_box{padding: 20px 10px;}
  .catch .wrp_box .grid-3{grid-template-columns: 1fr 1fr; grid-gap: 5px;}

  /* lead */
  .wrp_lead .grid-2{grid-template-columns: 1fr; grid-gap: 5px}

  /*--- about ---*/
  .wrp_two .text{font-size: 18px;}
  .wrp_two .wrp_box{flex-wrap: wrap-reverse;}
  .wrp_two .wrp_box .item_img{width: 100%; margin-bottom: 15px;}
  .wrp_two .wrp_box .content{width: 100%;}

  /* lr_box */
  .wrp_lr_box .box{margin-bottom: 40px;}
  .wrp_lr_box .box .item_img{width: 100%; margin-bottom: 15px; padding: 0;}
  .wrp_lr_box .box .content{width: 100%;}
  .wrp_lr_box .box .content h3{font-size: 21px; margin-bottom: 10px;}

  /*--- effect ---*/
  .my_card{margin-bottom: 0;}

  /*--- faq ---*/
  .faq_nav li{width: 100%;}
  .qa_box .qa_item .q{margin-bottom: 20px;}
  .qa_box .qa_item{padding: 20px 10px 10px; margin-bottom: 30px;}

  /*--- price ---*/
  .wrp_price .box{flex-wrap: wrap;}
  .wrp_price .box .price,.wrp_price .box .name{width: 50%;}
  .wrp_price .box .content{width: 100%;}
  .p_chui{font-size: 12px;}

  /*--- single ---*/
  .wrp_single .wrp_tit h1{font-size: 24px;}
  .wrp_single h2{font-size: 21px;}
  .wrp_single h3{font-size: 18px;}
  .wrp_wri .wrp_box .item_img{width: 100%; text-align: center; margin-bottom: 15px; padding-right: 0;}
  .wrp_wri .wrp_box .content{width: 100%;}
  .wrp_wri .wrp_box .content .name{text-align: center;}

  /* pagenation */
  .wrp_pagination ul .page-numbers{padding: 6px 12px;}
  .wrp_pagination ul li .prev{margin-right: 15px;}
  .wrp_pagination ul li .next{margin-left: 15px;}

  /*--- footer ---*/
  footer .up_box{padding: 60px 0 30px;}
  footer .up_box .wrp_box{flex-wrap: wrap;}
  footer .f_logo{width: 100%; margin-bottom: 30px; text-align: center;}
  footer .f_nav{width: 100%; flex-wrap: wrap; justify-content: center;}
  footer .f_nav > li{width: 48%; text-align: center; margin: 0 1%; margin-bottom: 30px;}
  footer .bt_box{flex-wrap: wrap;}
  footer .bt_box ul{width: 100%; justify-content: center; margin-bottom: 20px;}
  footer .bt_box p{text-align: center; width: 100%;}
  .fix_ban{display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; opacity: 0; transition: .3s; visibility: hidden;}
  .fix_ban.fixed{opacity: 1; transition: .3s; visibility: visible;}
  .fix_ban a{display: block; transition: .3s; width: 50%;}
  .fix_ban a:hover{opacity: 1 !important;}
  .fix_ban a img{width: 100%;}

}

@media (max-width: 480px) {
  /*--- store ---*/
  .single-store main{margin-top: 93px;}
  .wrp_saccess {padding: 15px 10px; gap: 20px;}
  .ai_box {padding: 15px;}
  .ai_box .tit {font-size: 14px;}
  .ai_box .info {font-size: 13px;}
  .ai_box .item {margin-bottom: 20px; padding-bottom: 16px;}
  .g_box iframe {height: 250px;}
  .wrp_tit_store.ajust h2{font-size: 30px;}

  /* staff */
  .wrp_sstaff {padding: 15px 10px; gap: 20px;}
  .wrp_sstaff .text_box {padding: 15px;}
  .wrp_sstaff .item_img {height: 250px;}
  .wrp_sstaff .item {margin-bottom: 16px; padding-bottom: 12px;}
  
}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}