*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:NotoSerifJP;src:url("NotoSerifJP-VariableFont_wght.ttf") type("truetype")}html{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;font-family:NotoSerifJP,serif;color:#232323;width:100%}body a{text-decoration:none;transition:.2s}body a:hover{transition:.2s;opacity:.7}body a:visited{color:#232323}body a.btn{display:block;text-align:center;border:2px solid;padding:1em;font-weight:bold;margin-top:1.5em}body .navicon{transition:.2s}body .navicon:hover{transition:.2s;opacity:.7}body img{width:100%;height:100%;object-fit:cover}body ul{padding:0}body p{font-size:clamp(12px, 2vw, 16px);letter-spacing:.5px;line-height:1.8}body h2{font-size:clamp(28px, 3vw, 38px);letter-spacing:2px;font-weight:600;margin-bottom:.5em}body h2 span{font-size:clamp(16px, 2vw, 24px);margin-left:5px}body h3{font-size:clamp(16px, 2vw, 26px);letter-spacing:1px;margin-bottom:1em;line-height:1.6}body h3 span{font-size:clamp(13px, 2vw, 20px)}body section:not(#top){width:100%;max-width:1100px;margin:auto;padding:5% 2em}body h4{font-size:clamp(13px, 2vw, 23px)}body #top{background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../img/mv.jpg);background-size:cover;height:60vw;max-height:1200px;position:relative}body #top header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.6);padding:2%}body #top header .logo{width:20%;max-width:200px;min-width:50px}body #top header nav{display:flex}body #top header nav ul{list-style:none;display:flex;justify-content:flex-end}body #top header nav ul li a{font-size:clamp(12px, 1vw, 18px);color:#fff;padding:0 7px;white-space:pre}body #top .mv{width:100%;height:80%;display:flex;justify-content:center;align-items:center}body #top .mv h1{width:40%;max-width:700px}body #top .mv h1 img{display:block}body #top #news{position:absolute;right:10px;top:calc(100% - 3em)}body #top #news .ticker_wrap{width:45%;margin-left:auto}body #top #news .news_ticker_box{overflow:hidden;position:relative;background:rgba(255,255,255,0.9);cursor:pointer}body #top #news .news_ticker{display:flex;align-items:center;transition:transform 1s ease-in-out;width:100%;padding:5px}body #top #news .news_ticker .label{color:#fff;background-color:#426359;font-size:clamp(11px, 2vw, 15px);height:fit-content;padding:0 10px}body #top #news .news_ticker .news_item{width:100%;display:flex;align-items:center;white-space:pre;opacity:0;transition:transform 1s ease, opacity 1s ease;font-size:clamp(11px, 2vw, 15px)}body #top #news .news_ticker .news_item span{color:#999;display:inline-block;margin-right:5px;font-size:clamp(12px, 2vw, 16px)}body #top #news .news_ticker .angle{position:absolute;right:10px;top:8px;transform:rotate(90deg)}body #top #news .news_ticker .angle.active{transform:rotate(-90deg);top:0}body #top #news .news_item.active{opacity:1;position:absolute;left:5em}body #top #news .news_item.inactive{left:-100%}body #top #news #newsList li{font-size:clamp(11px, 2vw, 15px)}body #top #news #newsList li span{color:#999;display:inline-block;margin-right:5px;font-size:clamp(12px, 2vw, 16px)}body #top #news .news_details{display:none;overflow:hidden;padding:10px;border:1px solid #ccc;background:#fff;transition:max-height 0.3s ease-in-out}body #top #news .news_details.active{display:block;max-height:150px;overflow-y:scroll}body #top #news .news_details ul{margin:0;padding:0;list-style-type:none}body .flx{display:flex}body .clm{flex-direction:column}body #service h2{color:#426359;font-size:clamp(28px, 3vw, 38px)}body #service h2 span{color:#94bf94;margin-left:10px}body #service .img{width:50%}body #service .flx{margin:5% 0}body #service .flx.clm{margin:1em 3em}body #service .flx .price{color:#157555;margin:0 0 .5em}body #service .flx a{color:#157555}body #detail{background-image:url(../img/detail.jpg);background-size:cover}body #detail h2{color:#fff;margin-bottom:.5em}body #detail h2 span{color:#94bf94}body #detail .price{color:#fff}body #detail .btn{color:#fff}body #detail figure{background-color:#fff;width:30%;margin:1em}body #detail figure h4{color:#157555;margin-bottom:.5em}body #detail figure .img{height:14vw;max-height:220px}body #detail figure figcaption{padding:1em 1.5em}body #detail .btn{width:80%;margin:2em auto 0;max-width:500px}body #flow{background-color:#e8e8e8}body #flow .wrap{position:relative}body #flow .wrap::before{content:"";position:absolute;left:9%;top:0;bottom:0;display:block;background-color:#4e62a8;height:90%;width:5px;z-index:0}body #flow .btn{color:#4e62a8;width:65%;margin:0 auto 1.5em;max-width:500px}body #flow h2{color:#4e62a8}body #flow h2 span{color:#789bb5}body #flow figure{width:95%;margin:0 auto 1.5em}body #flow figure .img{width:15%;z-index:1;aspect-ratio:1/1}body #flow figure .img p{background:#4e62a8;height:100%;padding:30px}body #flow figure .img p img{object-fit:contain}body #flow figure h4{color:#4e62a8;margin-bottom:.3em}body #flow figure figcaption{width:90%;background-color:#fff;padding:1em 1.5em}body #payment h2{color:#426359;font-size:clamp(28px, 3vw, 38px)}body #payment h2 span{color:#94bf94}body #payment h3{color:#157555}body #payment .flx{align-items:center;margin-right:2em}body #payment .pay{width:45%;margin-left:10px}body #about{color:#fff;background-color:#426359}body #about h2{color:#fff;font-size:clamp(28px, 3vw, 38px)}body #about h2 span{color:#94bf94}body #about table{border-collapse:collapse}body #about table tr{border-bottom:1px solid rgba(255,255,255,0.6)}body #about table tr td{padding:1em;font-size:clamp(12px, 2vw, 16px)}body #about table tr td:first-child{display:block;width:6em;font-size:clamp(13px, 2vw, 18px);margin-right:1em;margin-left:2em;text-align-last:justify}body #about table tr:last-child{border:none}body #about table tr:last-child td:last-child{line-height:2}body #about table .tel{color:#fff;text-decoration:underline}body footer{background-color:#033333;color:#fff;padding:3em;margin:auto}body footer .inner{max-width:1100px;align-items:center;justify-content:space-between;margin:auto}body footer p{font-size:clamp(9px, 1vw, 11px)}body footer .logo{width:16%;max-width:200px;min-width:50px}body .menu-btn{display:none}body .contact{position:fixed;right:30px;bottom:30px;background:rgba(3,51,51,0.9);width:20%;z-index:300;border-radius:100px;max-width:80px;max-height:80px;aspect-ratio:1/1;display:grid;place-content:center;transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;transform:translateY(200px)}body .contact a{padding:20px}@media screen and (max-width: 768px){body #top #news .ticker_wrap{width:60%}body #flow figure .img p{padding:20px}body #service .flx.clm{margin:1em 2em}}@media screen and (max-width: 600px){body #top header{padding:20px 20px 25px;border:none}body #top .mv{height:68%}body #top #news .news_ticker .angle{display:none}body h3{margin-bottom:.5em;line-height:2}body #top{height:110vw}body #top .mv h1{width:65%;transform:translateX(5px)}body #top #news .news_item.active{left:5.5em}body #top #news{transform:initial;position:absolute;left:20px;right:20px}body #top #news .ticker_wrap{width:100%}body section:not(#top){padding:10% 20px 5%}body #service .flx{flex-direction:column;width:100%}body #service .img{width:100%;margin:auto;height:40vw}body #service .flx.clm{margin:1em auto}body #detail .flx{flex-direction:column;width:100%}body #detail figure{width:100%;margin:20px auto 0}body #detail figure .img{height:40vw}body #detail .btn{width:100%;margin:2em auto}body #flow .wrap{margin-bottom:1em}body #flow figure{width:100%}body #flow .wrap::before{left:6%;width:3px}body #flow figure .img{width:25%}body #flow figure{margin:0 auto 20px}body #flow .btn{margin:0 auto 20px;background:#e8e8e8;z-index:1;width:100%}body #flow figure figcaption{padding:20px}body #flow .wrap::before{left:10%}body #payment .flx{flex-direction:column;align-items:flex-start;margin-right:0}body #payment .pay{width:100%;margin:10px auto 2em}body #about table tr{display:flex;flex-direction:column}body #about table tr td:first-child{margin-left:0;margin-right:0;text-align-last:left}body #about table td:nth-child(1){padding:20px 10px 0}body #about table td:nth-child(2){padding:.5em 10px 20px}body footer{padding:4em 20px 2em}body footer .inner{flex-direction:column}body footer .logo{width:45%;margin-bottom:3em}body #top header nav ul li a{font-size:clamp(16px, 2vw, 24px);display:flex;justify-content:center;padding:10px 20px}.menu{list-style:none;position:absolute;width:50%;right:0;top:0;padding:0 0 10px 0;clear:both;background:rgba(3,51,51,0.9);transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;transform:scale(1, 0);transform-origin:top}.menu-btn:checked ~ .menu{transform:scale(1, 1);transform-origin:top;transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;display:block !important;position:fixed;right:0;width:50%;top:0;z-index:100;padding:50px 20px 40px}.menu-btn ~ .menu a,.menu-btn ~ .menu li{opacity:0}.menu-btn:checked ~ .menu a,.menu-btn:checked ~ .menu li{opacity:1;transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s}.menu-btn:checked ~ .menu a:hover{opacity:.7}.menu-btn{display:none}.menu-icon{z-index:200;right:10px;top:10px;display:inline-block;position:fixed;cursor:pointer;padding:24px 14px;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 0 #426359)}.navicon{background:#ddd;display:block;height:3px;width:26px;position:relative;transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s}.navicon:before,.navicon:after{content:"";display:block;height:100%;width:100%;position:absolute;background:#ddd;transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s}.navicon:before{top:9px}.navicon:after{bottom:9px}.menu-btn:checked ~ .menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked ~ .menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before{top:0}.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after{bottom:0}.menu-btn:checked ~ .menu-icon .navicon{background:transparent;transition:0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s}.contact{right:15px !important;bottom:20px !important;max-width:60px !important;max-height:60px !important}.contact a{padding:15px !important}}
