.tab{display:flex;overflow:hidden;}.input,.title-area button{position:absolute}#news dl,#service ul,#faq-top ul{margin:0 auto}#work,#work-img{height:100%;overflow:hidden}.fullBg,.input,.txt{opacity:0}#work,#work-img,.view{overflow:hidden}#news dl dt,.view p time{font-family:'Pathway Gothic One',sans-serif;letter-spacing:.1em}.heading05::before,.txt h4,.view a.info,.view h2{text-transform:uppercase}.top-box{margin-bottom:50px}.tab-label,.tab-panel p:last-child{margin-bottom:0}.tab{flex-wrap:wrap;width:100%}.tab-label{box-sizing:border-box;width:100%;padding:15px;background:#ede6d6;cursor:pointer;transition:background .1s,color .1s}.input:checked+.tab-label,.tab-label:hover{background:#a68b62;color:#fff}.tab-label:active{background:#ccc}.txt,p.cate a{background:rgba(255,255,255,.7)}.input:checked+.tab-label+.tab-panel{display:block}.tab-panel p{text-align:left;margin-bottom:15px}.tab-panel{display:none;width:100%;box-sizing:border-box;box-sizing:border-box; padding:20px 30px 30px;background:#fff;border:1px solid #ddd;}#cms p.cms_img,#news dl,#faq-top ul,#service ul,h3.heading05{text-align:center}#service li,#faq-top li{margin:0 .5%}#point-list{padding:0}.hb,h3.heading05{position:relative}#point-list button,.title-area button{display:inline-block;cursor:pointer;outline:0;border:0;vertical-align:middle;text-decoration:none;background:0 0;padding:0}#news .title-area,#news dl,.blog-top,.view img{vertical-align:top}#point-list button{padding:2%;width:20%}#news{background:linear-gradient(45deg,#efe8d9 25%,transparent 25%,transparent 75%,#efe8d9 75%),linear-gradient(45deg,#efe8d9 25%,transparent 25%,transparent 75%,#efe8d9 75%);background-color:#fff;background-size:8px 8px;background-position:0 0,4px 4px}#work-img,.view a.info{background:#000;color:#fff}#news .title-area{width:30%;display:inline-block}#news .title-area h3{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#news p#news-list{text-align:left;margin-left:15px}#news dl{width:68%;height:300px;overflow:auto;display:inline-block;overflow-x:hidden}#news dl dt{float:left;padding:20px 0;width:7em;font-size:75%;font-weight:400}#news dl dd{padding:20px 0 20px 7em;border-bottom:1px dashed #ccc;text-align:left}h3.heading05{padding:0 0 50px;font-size:20px;color:#CD9A89;font-family:'Pathway Gothic One',sans-serif;letter-spacing:.3em;font-weight:500;margin:0}.heading05::before{content:attr(data-en);display:block;color:#AB926B;font-family:'Pathway Gothic One',sans-serif;font-size:90px;letter-spacing:-.055em;line-height:120%}.heading05::after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:40px;background-color:#a68b62}.ripples div{position:absolute;top:45%;left:51%;transform:translate(-25%,-51%);-webkit-transform:translate(-25%,-51%);-ms-transform:translate(-25%,-51%);width:0;height:0;border:4px solid #c28b67;border-radius:50%;opacity:0;animation:5s linear infinite ripples_anim}.c img,.hb{z-index:2}#news .ripples div{position:absolute;top:52%;left:25%;transform:translate(-32%,-24%);-webkit-transform:translate(-32%,-24%);-ms-transform:translate(-32%,-24%)}#news dl::-webkit-scrollbar{width:4px}#news dl::-webkit-scrollbar&:hover{width:10px}#news dl::-webkit-scrollbar-track{border-radius:2px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}#news dl::-webkit-scrollbar-thumb{background:linear-gradient(to top,#a68b62 0,#a68b62 100%);border-radius:2px;box-shadow:0 0 0 1px rgba(166,139,98,.3)}#work{margin-bottom:150px}#cms .flex,.hb{align-items:center;display:flex}.hb{transform:scale(.97);}.c{position:relative;display:block}.c{max-width:90%}.blog-top,.view,i.more{display:inline-block}.txt{position:absolute;top:20px;left:10%;width:80%;padding:1em 0 0 1em;border-left:1px solid;transform:scaleY(1) translateY(-50px);transition:transform .2s,opacity .5s;z-index:4}.txt h4{font-size:1em;font-weight:700}.hb:hover .txt{opacity:1;transform:scaleY(1) translateY(0)}.txt time{font-family:'Pathway Gothic One',sans-serif;font-size:12px}.fullBg{position:fixed;top:0;left:0;width:100%;height:100%;transition:transform .5s,opacity .5s;transform:scale(1);z-index:-1}.fullBg img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.5}.hb:hover+.fullBg{opacity:1;transform:scale(1.02)}.credits{position:fixed;bottom:0;right:0;padding:1.5em;font-size:.8em;text-align:right;font-style:italic;opacity:.8;z-index:3}.blog-top,.view,.view h2,.view img,.view p{position:relative}#blog .wrap,#cms p,.blog-top{text-align:left}.credits:hover{text-decoration:underline;opacity:1}#cms::after,#cms::before{height:20px;content:"";position:absolute;left:0;width:100%}#cms::before{top:-20px;background:linear-gradient(45deg,#efe8d6 10px,transparent 0),linear-gradient(315deg,#efe8d6 10px,transparent 0);background-size:20px 20px}#cms::after{bottom:-20px;background:linear-gradient(135deg,#efe8d6 10px,transparent 0),linear-gradient(225deg,#efe8d6 10px,transparent 0);background-size:20px 20px}#cms .flex-two:last-of-type{border-bottom:none}#cms .flex-two:nth-child(n+2){padding-top:50px}#cms .flex-two_left{padding-right:3%}#cms .flex-two_right{padding-left:3%}#cms p.cms_img{height:200px;width:300px;margin:auto}img.clip{clip-path:polygon(0% 0%,99% 0,100% 74%,65% 75%,48% 87%,50% 75%,0% 75%);width:100%}#cms .flex-two_left,#cms .flex-two_right{width:50%;box-sizing:border-box}#cms .flex-two{align-items:center;border-bottom:1px dashed #a68b62}#cms .wrap{background:rgba(255,255,255,.8)}i.more{margin-left:10px;color:#e4c8bd}#blog .title-area{margin-bottom:60px}.blog-top{width:18%;margin:0 1%;box-sizing:border-box}#choice .flex p,.view,.view h2,.view p{text-align:center}.view{height:100%;max-height:none;width:100%;cursor:default}.view .content,.view .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.view img{display:block;width:100%}.view h2{padding:10px;margin:20px 0 0}.view p{font-size:12px;padding:10px 20px 20px}.view p time{padding-top:20px;display:block}.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}.view a.info: hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.view-fifth img{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out}.view-fifth .mask{background-color:rgba(146,96,91,.3);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:1;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out}.view-fifth h2{font-size:14px;background:rgba(255,255,255,.5);margin:10px}.view-fifth p{opacity:0;-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-transition:.2s linear;-ms-transition:.2s linear;transition:.2s linear}.view-fifth:hover .mask{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.view-fifth:hover img{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(00%);transform:translateX(100%)}.view-fifth:hover p{opacity:1}.blog-text{font-size:14px;margin-top:15px;padding:0 10px}#choice .flex div{border-radius: 30% 70% 35% 65%/50%;padding:3% 5% 7% 5%;border: 1px solid #e4c8bd;width: 48%;min-height: unset;height: auto;display:block; background: linear-gradient(45deg, #F2EDE1 25%, transparent 25%, transparent 75%, #F2EDE1 75%), linear-gradient(45deg, #F2EDE1 25%, transparent 25%, transparent 75%, #F2EDE1 75%);background-color: #fff;background-size: 8px 8px;background-position: 0 0, 4px 4px;}#choice .flex div p{text-align: left;}#choice i{display: block;font-size: 40px;margin-bottom: 20px;color: #d8b0a3;}#choice .flex{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}#choice h4{margin: 18px 0;font-size: 18px;}p.cate a{display:inline-block;padding:8px 15px;margin:2px 0}#wrap a{flex: 0 0 300px;}#wrap {position:relative;display:flex;width:max-content;gap:25px;}.blog-top,.hb {width:23%;}.c img {width:100%;height:200px;object-fit:cover;object-position:top;}.hb {flex:0 0 300px;transform:none;margin:0;}.c {margin:0;  width:100%;padding:0;  max-width:none;}.wrap > .blog-top {display: inline-block;vertical-align: top;width: 21.5%;margin: 0 3% 20px 0;box-sizing: border-box;}#service i{font-size:28px;margin-bottom:10px;}#service p.ful i{font-size:16px;margin-bottom:0;}#service h3{font-size:16px;margin-bottom:8px;}#service p{font-size:13px;line-height:1.6;}#service ul{display:flex;flex-wrap:wrap;justify-content:center;}#service li{display:block;width:30%;margin:1.5%;white-space: normal;}ul.guide3 {display: flex;align-items: flex-start;justify-content: center;gap: 20px;}.guidance li img {display: block;width: 125px;height: auto;}
#start p{
text-align: center;
}
#start h4{
font-size: 18px;
margin-bottom: 30px;
}
#start ul{
display: flex;
justify-content: center;
margin-top: 30px;
}
#start li{
margin: 1%;
border: 1px dashed #CCC;
padding: 15px;
background-image: linear-gradient(135deg, #C6A0A0 10px, transparent 0)
}
#start li a{
display: block;
}
#start li:hover{
background-color: #C6A0A0;
background-image: linear-gradient(135deg, #fff 10px, transparent 0)
}
#start li:hover a{
color: #fff;
}
.ripples-top{
display: flex;
justify-content: center; gap: 80px; margin: 50px auto;
}
#results h2{
margin: 50px auto 25px auto;
}
.ripples-top h3{
text-align: left;
margin: 0 auto 25px auto;
}
.ripples-top ul{
margin-top: 30px;
}
.balloon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 260px;
height: 260px;
border-radius: 50%; background: #C6A0A0;
color: #fff;
text-align: center;
padding: 20px;
} .balloon {
font-size: 18px;
font-weight: 500;
}
.balloon::before {
content: "";
position: absolute;
bottom: -18px;
right: 60px;
width: 20px;
height: 20px;
background: #C6A0A0;
border-radius: 50%;
} .balloon::after {
content: "";
position: absolute;
bottom: -36px;
right: 40px;
width: 12px;
height: 12px;
background: #C6A0A0;
border-radius: 50%;
}
#results h2 {
display: flex;
align-items: center;
gap: 2.5rem;
font-weight: 500;
}
#results h2::before,
#results h2::after {
content: "";
flex: 1;
height: 8px;
background: linear-gradient(
to bottom,
#C6A0A0 0 1px,
transparent 1px 7px,
#C6A0A0 7px 8px
);
}
.worries h4{margin:30px 0 20px 0;text-align:left;
}
.worries span{color: #C6A0A0;
}
.btn-top a {
letter-spacing: 0.1em;
display: block;
position: relative;
box-sizing: border-box;
max-width: 200px;
text-align: center; 
padding: 4px 16px 4px 0;
margin: 24px;
margin-inline: auto;
text-decoration: none;
cursor: pointer;
transition: all 0.3s;
}
.btn-top a::before {
content: "";
display: block;
position: absolute;
width: 200px;
height: 1px;
background: #333;
bottom: 0;
transition: all 0.3s;
}
.btn-top a::after {
content: "";
display: block;
position: absolute;
width: 30px;
height: 1px;
background: #333;
rotate: 40deg;
right: -3px;
bottom: 10px;
transition: all 0.3s;
}
.btn-top a:hover::after,
.btn-top a:hover::before {
translate: 20px 0;
transition: all 0.3s;
}
@media (min-width:780px){.tab-label{width:auto}.tab-panel{order:99}}
@media screen and (max-width:980px){  .wrap > .blog-top {width:29%}}
@media screen and (max-width:780px){#cms .flex-two_left,#cms .flex-two_right,#news .title-area{display:block;width:100%}.heading05::before{font-size:70px}#news .title-area h3{-ms-writing-mode:lr-tb;writing-mode:lr-tb}#news .ripples div{top:38%;left:52%}#news dl{width:90%}#news dl dt{padding:0 20px}#news dl dd{padding:0 20px 15px}  .wrap > .blog-top {width:96.8%;display:block}#cms .center_item{width:100%;padding:0;margin-top:0}#cms .flex-two:nth-child(n+2){padding-top:20px}#cms .flex-two_left{padding-right:0}#cms .flex-two_right{padding-left:0}p.cate a{display:inline-block;padding:12px 16px;margin:2px;font-size:16px;line-height:1.4}#service ul{display: block;width: 100%;}#service li{width:100%;}#choice .flex div{width: 100%;padding:3% 5% 15% 5%;}#wrap::-webkit-scrollbar {display: none;}#work{overflow: visible;}#wrap{width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;transform: none !important;}#wrap a{flex: 0 0 70%;}#start ul,.ripples-top{display: block;}.title-area{width:100%}#results h2 {
display:block;
}
}
@media screen and (max-width:480px){#news dl{width:100%;display:block}#news dl dt,section#news dl dd{float:none;width:100%;text-align:left}.heading05::before{font-size:35px}#news .ripples div{top:65%}h3.heading05{font-size:14px;letter-spacing:0}#point-list,#work{padding:0}  .wrap > .blog-top {margin:0 1.6% 15%}#service li,#faq-top li{margin:5% .5%}#choice h4,#choice p{padding:0;width:100%;margin:0;}#choice .flex div{padding: 7% 16% 22% 20%;}}
@keyframes ripples_anim{0%{opacity:1}50%{transform:translate(-100px,-100px);width:200px;height:200px;opacity:0}}