@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0;} 
html { margin-bottom:0px; height:100%; overflow-y:scroll; }
html.hide {overflow-y:hidden; }
body{padding:0px;margin:0px;outline:none;font-family: "Noto Sans Jp", sans-serif !important;}
img {border:none;max-width:100%;}
.min *{font-family:'Noto Serif JP', serif !important;}

#page{overflow:hidden;}

[data-id] [lang=en]{font-family:'Roboto' !important;}
[data-id] *{font-size:inherit;color:inherit;line-height:inherit;}
[data-id]{font-size:0px;line-height:1;}

[data-id] a{text-decoration:none;}



/* main 
----------------------------------------------*/
main .pageName::before{content:'';display:block;height:1.5em;width:100%;background:url(../img/2022/top_bg2.jpg) repeat 50% 0% fixed;}
main .pageName{font-size:5vw;}
main .pageName h2 span{display:block;background:#000;font:400 1em/ 1.5 'Libre Bodoni';color:#fff;text-align:center;text-transform:uppercase;letter-spacing:0.1em;padding:0.2em 0 0;}
main .pageName h2[title]::after{content:attr(title);display:block;text-align:center;
font:600 0.75em / 2 'Noto sans jp'}


/* #headDiv 
----------------------------------------------*/

.headDiv{position:fixed;top:1em;left:0;width:100%;z-index:999;height:0;font:clamp(10px,20vw,20px) / 1 'noto sans jp';}
.headDiv{display:flex;justify-content:center;align-items:start;}
.headDiv header{width:clamp(300px,96vw,1280px);background:transparent;padding:0;box-sizing:border-box;}

.headDiv header h1{font-size:1em;}
.headDiv header h1 span{display:none;}
.headDiv header h1{background:url(../img/2025/logo_hd.png) no-repeat 0% 50% / auto 100%;height:3em;width:6em;}
.headDiv header h1>a{display:flex;height:100%;width:100%;text-decoration:none;}


[data-device="smp"] #page{padding-top:60px;}
[data-device="smp"] .headDiv header h1{margin:0 auto;}
[data-device="smp"] .headDiv{top:0;}
[data-device="smp"] .headDiv header{width:100%;border-radius:0 0 10px 10px;padding:0;z-index:998;position:fixed;}
[data-device="smp"] .headDiv header h1{background-color:transparent;height:2em;width:4em;}

.hide.show [data-device="smp"] .headDiv header{background:#fff;}
.show [data-device="smp"] .headDiv header{background:#ffffff80;}


.headDiv nav[role="navigation"]{top:0;left:0;justify-content:center;width:100%;position:absolute;}
body[data-device="pc"] .headDiv nav[role="navigation"] section[data-device="pc"]{right:unset;top:unset;width:100%;display:flex;justify-content:center;height:0;}
body[data-device="pc"] .headDiv nav[role="navigation"] section[data-device="pc"] .navBox{width:clamp(300px,96vw,1280px);}


[data-device="pc"] .headDiv section[data-device="pc"] .navBox{display:flex;align-items:end;justify-content:right;}
[data-device="pc"] .navBox ul{display:flex;align-items:center;height:3em;gap:1em;}

[data-device="pc"] .btnNav li .sBtn a::before{content:"";width:2em;height:2em;position:absolute;border-radius:100%;transition:background var(--trn1s);bottom:0.5em;left:1em;display:block;}
[data-device="pc"] .btnNav li .sBtn a::after{content:"";width:0.8em;height:0.8em;position:absolute;transition:var(--trn1s);bottom:1.3em;left:1.6em;display:block;box-shadow:-0.2em  -0.2em 0 inset;transform:rotate(45deg);}
[data-device="pc"] .btnNav li .sBtn a:hover::after{box-shadow:-0.48em -0.48em 0 inset;}
[data-device="pc"] .btnNav li .sBtn a:hover::after{bottom:1.1em;}

body .headDiv{opacity:0;transition:1s;}
body[style^="opacity"] .headDiv{opacity:1;transition:1s;}

:root{
--trn1s:1s cubic-bezier(0.77, 0, 0.175, 1);
--onColor:#000000;
--offColor:#ffffff;
--onBgColor:#fdf06e;
--offBgColor:#000000;   
}
[data-device="pc"] .btnNav{padding-left:5em;}

[data-device="pc"] .mainNav li,
[data-device="pc"] .btnNav li{display:block;padding:0;font-size:clamp(10px,2vw,20px);}

[data-device="pc"] .mainNav li{font-size:0.9em;}

[data-device="pc"] .mainNav li a,
[data-device="pc"] .btnNav li a{display:flex;justify-content:center;align-items:center;color:unset;text-decoration:unset;}

[data-device="pc"] .btnNav li .sBtn a{border-radius:3em;padding:0.5em 1em;}
[data-device="pc"] .btnNav li .sBtn a{font-size:1em;border-radius:0 0 1em 1em;top:0;padding:1em 1em 1em 4em;margin-top:-1.5em;}

[data-device="smp"] .btnNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 0.5em 0.5em;}
[data-device="smp"] .btnNav li{display:block;width:100%;padding:0.25em 0;}
[data-device="smp"] .btnNav li .sBtn a{border-radius:3em;padding:1em;display:block;height:}
[data-device="smp"] .btnNav li .sBtn a br{display:none;}
[data-device="smp"] .btnNav li .sBtn a{font-size:1em;border-radius:2em;text-align:center;text-decoration:none;}

[data-device="smp"] .btnNav li .sBtn a::before{content:"";width:2em;height:2em;position:absolute;border-radius:100%;transition:var(--trn1s);bottom:0.5em;left:1em;display:block;}
[data-device="smp"] .btnNav li .sBtn a::after{content:"";width:0.8em;height:0.8em;position:absolute;transition:var(--trn1s);bottom:1.2em;left:1.6em;display:block;box-shadow:-0.2em  -0.2em 0 inset;transform:rotate(45deg);}
[data-device="smp"] .btnNav li .sBtn a:hover::after{box-shadow:-0.48em -0.48em 0 inset;}

[data-device] .btnNav li .sBtn a[href*="inquiry"]{background:var(--onBgColor);color:var(--onColor);}
[data-device] .btnNav li .sBtn a[href*="google"]{background:var(--offBgColor);color:var(--offColor);}

.show [data-device="pc"] .headDiv nav[role="navigation"] section[data-device="pc"] .navBox{height:0;}
.show [data-device="pc"] .headDiv nav[role="navigation"] section[data-device="pc"] .navBox ul.btnNav{height:100lvh;flex-flow:column;gap:1em;align-items:end;width:0;position:fixed;right:0;top:0;justify-content:center;padding:0;}


.show [data-device="pc"] .btnNav li .sBtn a{border-radius:1em 0 0 1em;padding:1em 0 3em;writing-mode:vertical-rl;width:3.6em;font-weight:700;font-size:1em;margin-top:0;font-size:1.2em;}
.show [data-device="pc"] .btnNav li .sBtn a[href*="google"],
.show [data-device="pc"] .btnNav li .sBtn a[href*="inquiry"]{height:7em;}
[data-device="pc"] .btnNav li .sBtn a::before{left:0.9em;}
[data-device="pc"] .btnNav li .sBtn a::after{left:1.5em;}


[data-device] .btnNav li .sBtn a{transition:color var(--trn1s),background var(--trn1s);position:relative;}

[data-device] .btnNav li .sBtn a[href*="inquiry"]:hover,
[data-device] .btnNav li .sBtn a[href*="google"]:hover{background:#c00;color:#fff;}



[data-device] .btnNav li .sBtn a[href*="google"]::before{background:var(--onBgColor);}
[data-device] .btnNav li .sBtn a[href*="google"]::after{color:var(--onColor);}


[data-device] .btnNav li .sBtn a[href*="inquiry"]::before{background:var(--offBgColor);}
[data-device] .btnNav li .sBtn a[href*="inquiry"]::after{color:var(--offColor);}


[data-device] .btnNav li .sBtn a[href*="google"]:hover::before,
[data-device] .btnNav li .sBtn a[href*="inquiry"]:hover::before{background:#fff;}

[data-device] .btnNav li .sBtn a[href*="google"]:hover::after,
[data-device] .btnNav li .sBtn a[href*="inquiry"]:hover::after{color:#c00;}



[data-device="pc"] .btnNav li .sBtn a[href*="google"] br{display:none;}
.show [data-device="pc"] .btnNav li .sBtn a[href*="google"] br{display:unset;}


[data-device="smp"] .mainNav{display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-wrap:wrap;padding:0.25em 0;}
[data-device="smp"] .mainNav li{display:block;padding:0.25em 0.5em;font-size:20px;width:100%;box-sizing:border-box;}
[data-device="smp"] .mainNav li a{display:flex;justify-content:center;align-items:center;color:unset;text-decoration:unset;}

[data-device="smp"] .mainNav li a{border-radius:3em;background:#fff;padding:0.5em 1em;color:#000;}
[data-device="smp"] .mainNav li .sBtn a[href*="google"]{background:#f60;color:#fff;}
[data-device="smp"] .mainNav li .sBtn a[href*="inquiry"]{background:#ffe6a4;color:#000;}


.headDiv{transition:0.4s;}
.show .headDiv{top:0em;transition:0.4s;}
.headDiv header{transition:0s border;position:relative;z-index:999;}
.show .headDiv header{border-radius:0 0 10px 10px;transition:1s border;}

.show [data-device="pc"] .mainNav{display:none;}
.show [data-device="pc"]  .headDiv{justify-content:left;}
.show [data-device="pc"]  .headDiv header{width:7em;margin-left:1em;}


/* blog
-------------------------------------------*/

.sideNav{font:clamp(10px,2vw,20px) / 1 'Noto sans jp';}

/* .contactMADA 
----------------------------------------------*/
.contactMADA{font:clamp(10px,2vw,20px) / 1 'Noto sans jp';padding:0;background:#d5d5d5;}
.contactMADA .wrap{width:clamp(300px,100%,1280px) !important;margin:0 auto;box-sizing:border-box;}
.contactMADA .wrap #ct01{border-radius:1.5em;box-sizing:border-box;padding:1em 0;}
.contactMADA .wrap #ct01{text-align:left;align-items:center;justify-content:left;display:flex;flex-wrap:wrap;}
.contactMADA .wrap #ct01 dl{width:70%;box-shadow:2px 0 0 0 #000;}
.contactMADA .wrap #ct01 dt{font:800 1.5em / 1.5  'Noto sans jp';color:#000;padding:0.25em 0;}
.contactMADA .wrap #ct01 dd{font:400 1em / 1.5  'Noto sans jp';padding:0.5em 0 1em;}

.contactMADA .wrap #ct01 dl{width:70%;}
.contactMADA .ctList{width:30%;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center;height:100%;padding:1em;gap:1em;}
.contactMADA .ctList>li{display:block;padding:0;}

.contactMADA  a{display:flex;justify-content:center;align-items:center;color:unset;text-decoration:unset;}
.contactMADA  .sBtn a{border-radius:3em;padding:0.25em;color:#fff;font-size:1em;padding:1em;}
.contactMADA  .sBtn a[href*="inquiry"]{background:#fdf06e;color:#000;}
.contactMADA  .sBtn a[href*="viewform"]{background:#000;}



.contactMADA  .sBtn  a{transition:var(--trn1s);position:relative;}
.contactMADA  .sBtn  a[href*="google"]{background:var(--offBgColor);color:var(--offColor);}
.contactMADA  .sBtn  a[href*="inquiry"]{background:var(--onBgColor);color:var(--onColor);}

.contactMADA  .sBtn  a[href*="google"]:hover,
.contactMADA  .sBtn  a[href*="inquiry"]:hover{background:#c00;color:#fff;}

.contactMADA  a::before{content:"";width:2em;height:2em;position:absolute;border-radius:100%;transition:var(--trn1s);bottom:0.5em;left:1em;display:block;}
.contactMADA  a::after{content:"";width:0.8em;height:0.8em;position:absolute;transition:var(--trn1s);bottom:1.2em;left:1.6em;display:block;box-shadow:-0.2em  -0.2em 0 inset;transform:rotate(45deg);}
.contactMADA  a:hover::after{box-shadow:-0.48em -0.48em 0 inset;}


.contactMADA  a[href*="google"]::before{background:var(--onBgColor);color:var(--onColor);}
.contactMADA  a[href*="google"]::after{color:var(--onColor);}


.contactMADA  a[href*="inquiry"]::before{background:var(--offBgColor);color:var(--offColor);}
.contactMADA  a[href*="inquiry"]::after{color:var(--offColor);}

.contactMADA  a[href*="inquiry"]:hover::before,
.contactMADA  a[href*="google"]:hover::before{background:#fff;}

.contactMADA  a[href*="inquiry"]:hover::after,
.contactMADA  a[href*="google"]:hover::after{color:#c00;}



.contactMADA  .telBtn a strong{display:none;}

[data-device="smp"] .contactMADA .wrap #ct01{padding:3em 1em;display:block;}
[data-device="smp"] .contactMADA .wrap #ct01 dl{width:unset;box-shadow:0 0 0 0;}
[data-device="smp"] .contactMADA .ctList{justify-content:center;flex-wrap:wrap;gap:2%;width:100%;justify-content:center;align-items:center;flex-direction:row;}
[data-device="smp"] .contactMADA .ctList>li{width:48%;display:block;margin:0;padding:0 !important;}
[data-device="smp"] .contactMADA .ctList>li{font-size:15px;}
[data-device="smp"] .contactMADA .ctList>li a{padding:0.5em;}

/* footer 
----------------------------------------------*/
footer{background:#000;}
footer::before{content:"";display:block;background:#fff;height:5em;}
footer::after{content:"";display:block;background:#fff;height:5em;}
footer>h2{background:#fff;font-size:0;}
footer>h2>picture{margin:0 auto;width:clamp(300px,96vw,1280px);display:block;padding:10px 0;}
footer>h2>picture img{width:clamp(300px,100%,400px);}
footer .wrap{margin:0 auto;width:clamp(300px,96vw,1280px);display:flex;}

footer .wrap{display:flex;justify-content:right;align-items: start;flex-wrap:wrap;color:#fff;padding:2em 0;}

#ft01{order:2;width:20%;}
#linkFt01 h3{font:400 clamp(10px,3vw,15px)  / 1 'Noto sans jp';letter-spacing:1px;}
#linkFt01 ul,
#linkFt01 li{padding:0;margin:0;}
#linkFt01 li{display:block;background:transparent linear-gradient(0deg,#fff 10%,transparent 10%) no-repeat 100% 100% /100% 10px; }
#linkFt01 li>a{display:block;text-decoration:unset;color:unset;padding:1em;font-weight:700;}
#ft02{order:1;width:80%;}
#ftAddress{padding:0 0 5em;line-height:1.8;}
#copyright{text-align:center;}

[data-device="smp"] #ft01{width:100%;order:1;box-sizing:border-box;padding:2vw 0;}
[data-device="smp"] #ft01 h3{text-align:center;}
[data-device="smp"] #ft01 ul{display:flex;flex-wrap:wrap;gap:2%;padding:2vw 0 0;}
[data-device="smp"] #ft01 ul>li{width:49%;}

[data-device="smp"] #ft02{width:100%;order:2;box-sizing:border-box;padding:2vw 0;font-size:clamp(14px,3.6vw,20px);}

[data-device="smp"] #linkFt01 h3{font:600 clamp(20px,4vw,40px) / 1 'Noto sans jp';}

[data-device="smp"] footer .wrap{padding:2vw;box-sizing:border-box;}
[data-device="smp"] #linkFt01 li>a{font-size:clamp(12px,3vw,20px)}
/*----------------------------------------------*/



main .wrap{ padding:2vw;}

main .wrap{width:clamp(300px,100%,1040px);margin:0 auto;box-sizing:border-box;padding:0 1em;}

@media screen and (min-width: 1000px) {
}


@media screen and (max-width: 1000px) {
}

/*----------------------------------------------*/
@media screen and (max-width: 800px) {
}

/*----------------------------------------------*/
@media screen and (max-width: 600px) {
.wrap{ padding:2vw;}
}


/*------------------------------------
nav
-----------------------*/

input#menuNav{width:0px;height:0px;outline:0;display:block;-webkit-appearance: none;position:fixed;left:-100px;}

body[data-device="smp"] nav[role="navigation"] section[data-device="pc"]{display:none;}
body[data-device="smp"] input#menuNav+label{position:fixed;top:60px;right:0;z-index:999;display:block;font-size:0;height:0;width:100vw;}
body[data-device="smp"] input#menuNav+label>span{width:60px;height:60px;transition:0.4s;display:block;right:0;top:0;}
body[data-device="smp"] input#menuNav+label>span{font:10px / 1 'Noto sans jp';text-align:center;color:#000;z-index:999;position:fixed;}
body[data-device="smp"] input#menuNav+label>span{cursor:pointer;background: transparent no-repeat;background-image: linear-gradient(0deg,#000 0%,#000 100%);background-size:40px 4px;background-position:50% 50%;}

body[data-device="smp"] input#menuNav:checked+label>span{background-size:0 4px;transition:0.4s;}

body[data-device="smp"] input#menuNav+label>span::before,
body[data-device="smp"] input#menuNav+label>span::after{content:'';width:40px;background:#000;height:4px;display:block;transition:0s;opacity:1;position:absolute;}

body[data-device="smp"] input#menuNav+label>span::after{right:10px;top:15px;opacity:1;}
body[data-device="smp"] input#menuNav+label>span::before{right:10px;top:42px;opacity:1;}

body[data-device="smp"] input#menuNav+label>span::after{transition:0.4s transform;transform:rotate(0deg);transform-origin:left top;}
body[data-device="smp"] input#menuNav+label>span::before{transition:0.4s transform;transform:rotate(0deg);transform-origin:left bottom;}


body[data-device="smp"] input#menuNav:checked+label>span::after{right:3px;top:15px;opacity:1;}
body[data-device="smp"] input#menuNav:checked+label>span::before{right:3px;top:42px;opacity:1;}

body[data-device="smp"] input#menuNav:checked+label>span::after{transform:rotate(45deg);transition:0.4s transform;}
body[data-device="smp"] input#menuNav:checked+label>span::before{transform:rotate(-45deg);transition:0.4s transform;}


body[data-device="smp"] input#menuNav:checked+label{height:calc(100vh - 60px);
z-index:600;background:#00000090;}

body[data-device="smp"] nav[role="navigation"] section[data-device="smp"]{display:block;opacity:0;transition:0.4s;z-index:-1;position:fixed;width:100%;left:-100vw;top:60px;}
body[data-device="smp"] nav[role="navigation"] input#menuNav:checked~section[data-device="smp"]{
top:60px;z-index:999;opacity:1;left:0;
width:100%;max-height:calc(100svh - 60px);
overflow-y:auto;transition:1s;}


body[data-device="smp"] nav[role="navigation"] section[data-device="smp"]{display:flex;height:calc(100svh - 60px);align-items:center;}
body[data-device="smp"] nav[role="navigation"] section[data-device="smp"] .navBox{}



/*----------------------------------------------*/
@media screen and (max-width: 800px) {

}


[data-id="modal"]{position:fixed;width:100%;box-sizing:border-box;
height:100vh;top:0;left:0;z-index:0;padding:5vw 5vw;opacity:0;transition:1s;}
[data-id="modal"].open{display:unset !important;z-index:9999;background:rgba(0,0,0,0.8);
opacity:1;}
[data-id="modalCloser"]{position:absolute;top:1vw;right:1vw;
display:block;width:4vw;height:4vw;
cursor:pointer;color:#fff;}

[data-id="modalCloser"]::before,
[data-id="modalCloser"]::after{content:'';width:100%;height:2px;
box-shadow:0 0 0 5px inset;display:block;transition:0s;position:absolute;opacity:0;z-index:99;}

[data-id="modalCloser"]::before{transform:rotate(-45deg);}
[data-id="modalCloser"]::after{transform:rotate(45deg);}

[data-id="modalCloser"]::before,
[data-id="modalCloser"]::after{top:50%;opacity:1;transition:0.4s;}