@charset "utf-8";

#contents_1col{}
#contents_1col #contents-inner-store{margin:45px 0px 50px 0px;}
#contents_1col #contents-inner-store + #contents-inner-store{ margin: 65px 0 0 0;}
#contents_1col #contents-inner-store > table td{ vertical-align:top;}
#contents_1col #contents-inner-store > table td:first-child{width:470px}

#contents_1col #contents-inner-store .tb1{width:100%;}
#contents_1col #contents-inner-store .tb1 th, #contents_1col #contents-inner-store .tb1 td{padding:15px 10px 15px 10px;font-weight:normal;}
#contents_1col #contents-inner-store .tb1 th{width:120px; white-space: nowrap;}

#contents-inner-store{margin:0px 0px 25px 0px;}

#contents-inner-store p{margin:20px 20px 40px 20px;}
#contents-inner-store .tb1 td p{margin:0 0 20px 0;}

#contents-inner-store .iframeAdjust1{margin:0px 0px 0px 0px;}

#contents-inner-store .tb1{margin:0px 20px 0px 0px;}
#contents-inner-store .tb1 th,#contents-inner-store .tb1 td{vertical-align:top; padding:10px 5px 10px 5px; border-bottom:1px solid #eee;}
#contents-inner-store .tb1 th{width:200px;color:#696969;}
#contents-inner-store .tb1 .im2{margin:10px 0px 15px 0px;}

#contents-inner-store .tb4{margin:20px 0px 40px 5px;}

#contents-inner-store > table{/*width:774px; margin:auto;*/}

#contents-inner-store .reserve{
background:url(../images/store/bg_reserve.gif) no-repeat bottom left; 
margin:0 0 40px 0px;
padding:0 0 11px 0;
width:670px;
}
#contents-inner-store .reserve table{margin:8px 0 0 0;}
#contents-inner-store .reserve table td{ padding:0 25px 0 25px; vertical-align:top;}
#contents-inner-store .reserve .tel div{
font-size:30px; 
color:#cc0000; 
font-weight:bold;
background:url(../images/store/icon_tel.gif) no-repeat 0 9px;
padding:5px 0 0 36px;
min-height:22px;
margin:0 0 4px 0;
}
#contents-inner-store .reserve .tel span{ font-size:12px; padding:0 0 0 32px;}



#contents-inner-store .sp{display:none !important;}


/*karunaとは------------------------*/
#contents-inner-store.about_store{ padding: 0; width: 100%; margin: 105px 0 0 0 !important;}
#contents-inner-store.about_store .eng,#contents-inner-store #office .box p.sub_h{ font-weight: 700; font-family: 'Urbanist', sans-serif; }

#contents-inner-store #about{}
#contents-inner-store #about .inn{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;flex-direction: row;}
#contents-inner-store #about .inn + .inn{ flex-direction: row-reverse; margin-top: 10px;}

#contents-inner-store #about .text{width: 575px; }
#contents-inner-store #about .inn + .inn .text{margin-right:0; padding-top: 60px; width: 611px;}
#contents-inner-store #about h2{margin-bottom:85px; margin-right: -270px; padding-top: 50px;}
#contents-inner-store #about h2 .eng{display: block; margin: 0 0 47px 0;}
#contents-inner-store #about h2 small{display: block; font-size: 30px; font-weight: 700; color: #009f83;}
#contents-inner-store #about p{padding: 0; margin: 0; font-size: 18px; line-height: 2.0em; color: #3e3e3e; text-align: left;}

#contents-inner-store #about p + p{margin-top: 40px;}
#contents-inner-store #about .img{width: 493px;}

#contents-inner-store #about .inn + .inn .img{width: 510px;}
#contents-inner-store #about .img .img01{float: right; margin: 0 -90px 55px 0;}

@media print, screen and (max-width: 1450px) {
    #contents-inner-store .inn{width: 1100px;}
    #contents-inner-store #about h2 .eng{ margin-bottom: 30px;}
    #contents-inner-store #about h2 .eng img{ width: 730px;}
    #contents-inner-store #about h2 small{ font-size: 28px;}
    #contents-inner-store #about p{ font-size: 17px;}
    #contents-inner-store #about p + p{margin-top: 30px;}
    #contents-inner-store #about .text{width: 545px;}
    #contents-inner-store #about .inn + .inn .text{ padding-top: 50px; width: 580px;}
    #contents-inner-store #about .img ,#contents-inner-store #about .inn + .inn .img{ width: 450px;}
    #contents-inner-store #about .img img{ max-width: 100%;}
    #contents-inner-store #about .img .img01{margin: 0 -50px 45px 0;width: 300px;}

}

/*会社概要------------------------*/
#contents-inner-store #company{ margin:103px 0 130px 0;}

#contents-inner-store #company h2,#contents-inner-store #office h3{ margin-bottom: 35px; font-size:45px; font-weight: 700; color:#ea6674; text-align: center;}
#contents-inner-store #company h2:after,#contents-inner-store #office h3:after{ display: block; content: ""; width: 1px; height: 30px; background: #ea6674; margin: 28px auto 0 auto;}
#contents-inner-store #company .tb1{ max-width: 1200px; margin: auto; color: #393939;}
#contents-inner-store #company .tb1 td,#contents-inner-store #company .tb1 th{padding:25px 30px 25px 30px !important; font-size:18px;}
#contents-inner-store #company .tb1 th{width: 250px !important;font-weight: 700 !important;color: #009f83;border-bottom: 3px solid #009f83;text-align: left;vertical-align: middle; box-sizing: border-box;}
#contents-inner-store #company .tb1 td{border-bottom: 1px solid rgb(0,0,0,1.0);}
#contents-inner-store #company .tb1 td p{ margin: 6px 0 7px 0;}
#contents-inner-store #company .tb1 td p + p{ margin-top: 25px;}
#contents-inner-store #company .tb1 td p strong{display: inline-block; margin-bottom: 5px;}

#contents-inner-store #company .tb1 td br.break{ display: none;}

@media print, screen and (max-width: 1450px) {
    #contents-inner-store #company .tb1 td br.break{ display: block;}
}


/*office------------------------*/
#contents-inner-store #office{}

#contents-inner-store #office .h{position: relative;}
#contents-inner-store #office .h h2{width: 1200px;margin: 0 auto 0 auto;position: absolute;bottom:183px;left: 0;z-index: 1;box-sizing: border-box;text-align: right;right: 0;}
#contents-inner-store #office .h_img{ display: block; width: 100%; position: relative; z-index: -1;}

#contents-inner-store #office h2 .svg_text{ margin-right: 35px;}
#contents-inner-store #office h2 .svg_text .svg{width: 309px;}
#contents-inner-store #office h2 .svg_text.scroll_animation path{fill:transparent; stroke: transparent; opacity: 0;}
#contents-inner-store #office h2 .svg_text.scroll_animation.active path{ animation: svg-anime-2 2s ease-in-out forwards; stroke: rgba(255,255,255, 1.0); stroke-dasharray: 600; stroke-dashoffset: 0; stroke-width: 0.25; animation-delay:0s;}
@keyframes svg-anime-2 {0% {fill: transparent;stroke-dashoffset: 600; opacity: 0;}10% {fill: transparent; opacity:1;}80% {fill: transparent;opacity:1;}100% {fill: transparent;stroke-dashoffset: 0;opacity:1;}}

#contents-inner-store #office .inn{margin: -200px auto 0 auto; width: 1300px; position: relative;z-index: 0;box-sizing: border-box;padding: 78px 0 0 0;}
#contents-inner-store #office .inn:before{display: block;content: ""; width: 100%;height: 300px;position: absolute;z-index: -1;top:0;left:0;box-sizing: border-box;border-radius: 30px 30px 0 0;background: #ffffff;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);}

#contents-inner-store #office h3{background: transparent; border: none; padding: 0; margin: 0 0 50px 0; }

#contents-inner-store #office .box{width: 1100px;min-height: 400px;background: RGBA(165, 233, 220, 40);background: linear-gradient(90deg, rgba(165, 233, 220, 0.4) 0%, rgba(156, 230, 205, 0.4) 100%);border-radius: 30px;box-sizing: border-box;padding: 50px 530px 40px 60px;margin: 0 auto 40px auto;position: relative;z-index: 0;}
#contents-inner-store #office .box h4{padding: 0;border: none;font-size: 30px;color: #009f83;font-weight: bold;margin: 0 0 39px 0;}
#contents-inner-store #office .box p{padding: 0; margin: 0; font-size: 18px; line-height: 2.0em; color: #000000; text-align: left;}
#contents-inner-store #office .box p.sub_h{font-size: 26px;font-weight: 700;color: #009f83;letter-spacing: 0.06em;position: relative;margin-top: 27px;margin-bottom: 4px;}
#contents-inner-store #office .box p.sub_h:before{display: block; content: ""; background: #009f83;  width: calc(100% - 108px); height: 1px; top:57%; right: 0; position: absolute;}


#contents-inner-store #office .box .map{ width: 450px; height: 350px; position: absolute; top:23px; right:23px; border-radius: 15px; border: 1px solid #ffffff; background: #f0f0f0;}

#contents-inner-store #office .box.tokyo{background: #A5E0E9; background: linear-gradient(90deg, rgba(165, 224, 233, 0.4) 0%, rgba(156, 230, 226, 0.4) 100%);}
#contents-inner-store #office .box.tokyo h4,#contents-inner-store #office .box.tokyo p.sub_h{color: #008a9f;}
#contents-inner-store #office .box.tokyo p.sub_h:before{background: #008a9f;}

#contents-inner-store #office .box.kagoshima{background: #A5D0E9; background: linear-gradient(90deg, rgba(165, 208, 233, 0.4) 0%, rgba(156, 219, 230, 0.4) 100%);}
#contents-inner-store #office .box.kagoshima h4,#contents-inner-store #office .box.kagoshima p.sub_h{color: #00709f;}
#contents-inner-store #office .box.kagoshima p.sub_h:before{background: #00709f;}


#contents-inner-store #office .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;}
#contents-inner-store #office .map_fukidashi{padding-right: 25px;}
#contents-inner-store #office .map_fukidashi a:focus-visible,#contents-inner-store .map_fukidashi a:focus{outline: none;}
#contents-inner-store #office .map_fukidashi a{text-decoration:none;}

@media print, screen and (max-width: 1450px) {
    #contents-inner-store #office .inn{ width: 1200px;}
    #contents-inner-store #office .box{ width: 1000px; padding: 50px 470px 40px 50px;}
    #contents-inner-store #office .box p{ font-size: 17px;line-height: 1.7em;}
    #contents-inner-store #office .box .map{width: 420px;}
}


/*ご挨拶------------------------*/
#contents-inner-store #greeting{ position: relative; margin-top: 150px; margin-bottom: -100px;}

#contents-inner-store #greeting .bg img{ display: block; width: 100%; height: 900px; object-fit: cover; object-position: center top; position: relative; z-index: -1;}

#contents-inner-store #greeting .inn{position: absolute;width: 1200px;height: 100%;top:0;left: 0;right:0;z-index: 1;box-sizing: border-box;padding:164px 0 0 0;margin: auto;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;}

#contents-inner-store #greeting h2 img{display: block; margin:-76px 0 0 -85px;}
#contents-inner-store #greeting .text{width: 776px;}
#contents-inner-store #greeting h3{background: transparent;border: none;font-size: 30px;font-weight: bold;color: #15427f;padding: 0;margin: 0 0 89px 0;}
#contents-inner-store #greeting h3 .eng{display: block;font-size: 74px;margin: -10px 0 45px 0;}
#contents-inner-store #greeting p{padding: 0; margin: 0; font-size: 18px; line-height: 2.0em; color: #272727; text-align: left;}
#contents-inner-store #greeting p + p{ margin-top: 30px;}
#contents-inner-store #greeting p.name{ text-align: right; margin: 43px 5px 0 0;}
#contents-inner-store #greeting p.name img{width: 278px;}


@media print, screen and (max-width: 1450px) {
    #contents-inner-store #greeting .bg img{ width: 100%; height: 850px; }
    #contents-inner-store #greeting .inn{width: 1100px; }
    #contents-inner-store #greeting .text{width: 682px;} 
    #contents-inner-store #greeting h3{margin: 0 0 80px 0; font-size: 26px;}
    #contents-inner-store #greeting h3 .eng{font-size: 64px;}
    #contents-inner-store #greeting p{font-size: 17px;}
    #contents-inner-store #greeting p.name{ margin: 43px 15px 0 0;}
    #contents-inner-store #greeting p.name img{width: 230px;}
}


/*アニメーション------------------------*/

#contents-inner-store #greeting h2.scroll_animation.fade_blur.active,
#contents-inner-store #about .scroll_animation.fade_blur.active{animation-delay: 1.3s;}

#contents-inner-store #office .h_img.scroll_animation.fade_blur_2.active,
#contents-inner-store #greeting .bg.scroll_animation.fade_blur_2.active,
#contents-inner-store #about .scroll_animation.fade_blur_2.active{animation-delay: 0.6s;}

#contents-inner-store #office .inn.scroll_animation.fade_blur_2.active{animation-delay: 1.3s;}

#contents-inner-store #greeting .text.scroll_animation.fade_blur_2.active{animation-delay: 2.3s;}



/*end ------------------------*/