*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:""}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{font-size:62.5%;}a{text-decoration:none}img{max-width:100%;height:auto;vertical-align:bottom}input[type=text],input[type=tel],input[type=number],input[type=email]{-webkit-border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0}@media screen and (min-width: 600px){.sp{display:none}}.tb{display:none}@media screen and (min-width: 600px){.tb{display:block}}.pc{display:none}@media screen and (min-width: 1025px){.pc{display:block}}body{color:#333;font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(1.3rem,.711rem + .45vw,1.6rem);letter-spacing:.25em;background:#f0edeb}a{color:#333}a:hover{color:#333}img{width:100%;max-width:none}summary{cursor:pointer}.wrapper{max-width:147rem;margin:0 auto;padding:10rem 1rem}@media screen and (min-width: 1025px){.wrapper{padding:20rem 1rem}}.vertical{position:relative}@media screen and (min-width: 1025px){.vertical{grid-template-columns:auto}}.vertical .title{position:absolute;top:10rem;right:1rem;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media screen and (min-width: 1025px){.vertical .title{top:20rem}}.vertical .container{padding:0 4rem 0 0}@media screen and (min-width: 1025px){.vertical .container{padding:0 10rem 0 0}}.title{font-size:clamp(1.6rem,.865rem + .6vw,2rem)}.read{display:grid;justify-content:flex-end;margin-top:5rem;font-family:"EB Garamond",serif;font-size:1.6rem;font-style:italic;text-transform:none}.read a{display:grid;grid-template-columns:5.2em 1fr;gap:3rem;align-items:center;letter-spacing:.1em}.read a:hover .arrow{transform:translateX(3rem)}.read a .arrow{display:grid;align-items:center;position:relative;height:15px;width:clamp(10rem,-4.577rem + 48.12vw,42rem);background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}@keyframes read-arrow{0%{left:0;opacity:1}80%{left:99%;opacity:1}100%{left:100%;opacity:0}}@keyframes read-line{0%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}.fadein{opacity:0;transition:opacity .8s}.fadein.active{opacity:1}


.header{position:fixed;top:0;left:0;z-index:30;width:100%;background:#e8e3df}
.header .wrapper{display:flex;justify-content:space-between;align-items:center;max-width:192rem;padding-top:1rem;padding-left:clamp(3rem,8.33vw,16rem);padding-right:clamp(3rem,1.587rem + 1.28vw,5rem);padding-bottom:1rem}.header__logo{width:clamp(6rem,2.735rem + 4.51vw,9rem)}

.header__link{
	display:flex;
	gap:2rem;
	font-size:1.1rem;
	align-items:center
}
@media screen and (min-width: 1025px){
	.header__link{gap:5rem}}
@media screen and (min-width: 1025px){
	.header__link ul{display:flex;align-items:center;gap:2rem;padding-right:5rem;border-right:1px solid #000}}

.header__link ul li a{
	position:relative;
	display:block
}
.header__link ul li a::after{
	content:"";
	position:absolute;left:0;bottom:-0.5rem;width:0;height:.1rem;background:#000;transition:width .5s}
@media(hover: hover){.header__link ul li a:hover::after{width:100%}}

.menu{position:relative;width:4rem;height:1.8rem}@media screen and (min-width: 1025px){.menu{width:5rem}}.menu span{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#000;transition:transform .5s,opacity .5s}.menu span:nth-child(1){top:0}.fixed .menu span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu span:nth-child(2){top:8px}.fixed .menu span:nth-child(2){opacity:0}.menu span:nth-child(3){top:16px}.fixed .menu span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav{display:grid;place-items:center;position:fixed;top:0;left:0;z-index:20;padding-top:5rem;width:100%;min-height:100vh;background:#e8e3df;opacity:0;pointer-events:none;transition:opacity .8s}.fixed .nav{opacity:1;pointer-events:all}.nav__wrapper{display:grid;gap:10rem;padding:0 2rem}@media screen and (min-width: 1025px){.nav__wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:6rem}}.nav__container{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin:0 auto;width:fit-content}@media screen and (min-width: 1025px){.nav__container{display:flex;flex-direction:row-reverse}}.nav__container ul{display:grid;gap:2rem}@media screen and (min-width: 1025px){.nav__container ul{display:flex;flex-direction:column;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}.nav__container ul:nth-child(1){grid-column:1/2;grid-row:1/3}@media screen and (min-width: 1025px){.nav__container ul:nth-child(1){grid-column:auto;grid-row:auto}}.nav__container ul:nth-child(2){grid-column:2/3;grid-row:1/2}@media screen and (min-width: 1025px){.nav__container ul:nth-child(2){grid-column:auto;grid-row:auto}}.nav__container ul:nth-child(3){grid-column:2/3;grid-row:2/3}@media screen and (min-width: 1025px){.nav__container ul:nth-child(3){grid-column:auto;grid-row:auto}}.nav__container ul li a{display:block}@media screen and (min-width: 1025px){.nav__container ul li a{text-indent:-1em}.nav__container ul li a::before{content:"";display:inline-block;margin-bottom:.5em;width:.5em;aspect-ratio:1/1;background:#000;border-radius:50%;opacity:0;transition:opacity .5s}.nav__container ul li a:hover::before{opacity:1}}.nav__inner{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;border-left:1px solid #000;margin:0 auto;width:100%;max-width:40rem}@media screen and (min-width: 1025px){.nav__inner{border:none;gap:10rem;align-items:flex-end}}.nav__inner p{padding:0 2rem;border-left:1px solid #000;border-right:1px solid #000}.nav__inner p img{width:4rem}@media screen and (min-width: 1025px){.nav__inner p img{width:7rem}}.nav__inner div{margin:0 auto;width:60%}.nav__inner div::before{content:"Follow us";display:block;margin-bottom:3rem;font-family:"EB Garamond",serif;font-size:2rem;font-weight:400;font-style:italic;text-transform:none;letter-spacing:.1em}.nav__inner div ul{display:flex;gap:2rem;align-items:flex-end;text-align:center;transform:translateY(-1.5rem)}.nav__inner div ul li{position:relative}.nav__inner div ul li::after{content:attr(data-title);display:block;position:absolute;left:0;margin-top:.5rem;width:100%;font-family:"Noto Sans JP",sans-serif;font-size:1rem;letter-spacing:0;text-align:center;text-transform:none}.nav__inner div ul li img{width:1.8rem}.nav__inner div ul li:nth-child(1)::after{left:-1.1em}.nav__inner div ul li:nth-child(2)::after{left:-0.5em}.pagination{width:fit-content;margin-inline:auto}.sub{max-width:192rem;margin-inline:auto}.sub .link{display:grid;grid-template-columns:1fr 1fr;padding:10rem 0}.sub .link li{padding:5rem 2rem}.sub .link li:first-child{border-right:1px solid #c7c6c5}.sub .link li a{display:block;max-width:42rem;margin-inline:auto;padding-bottom:5rem;text-align:center;background:url(../images/arrow.svg) no-repeat right bottom}
.sub .casestudies_list{padding:20rem 1rem;margin:0 auto;max-width:160rem;border-bottom:1px solid #000}
.sub .casestudies_list h2{font-family:"EB Garamond",serif;font-style:italic;font-size:2.6rem;text-transform:none;letter-spacing:.1em;padding-bottom:5rem;border-bottom:1px solid #000;margin-bottom:10rem}
.sub .casestudies_list ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(37rem, 1fr));gap:5rem}
.sub .casestudies_list ul li a{display:grid;gap:2rem}
.sub .casestudies_list ul li a:hover img{scale:1.2}
.sub .casestudies_list ul li a:hover .arrow{transform:translateX(1rem)}
.sub .casestudies_list ul li a h3{order:3;font-size:1.6rem}.sub .casestudies_list ul li a figure{order:1;overflow:hidden}.sub .casestudies_list ul li a figure img{transition:scale .5s}.sub .casestudies_list ul li a .case{order:2;font-family:"EB Garamond",serif;font-style:italic;text-align:right;text-transform:none}
.sub .casestudies_list ul li a .text{order:4;font-size:1.3rem;line-height:2;min-height:4em}.sub .casestudies_list ul li a .read{display:grid;grid-template-columns:7em 8rem;gap:1rem;order:5;margin:0;font-style:italic;text-transform:none}.sub .casestudies_list ul li a .read .arrow{display:grid;align-items:center;position:relative;height:15px;width:auto;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}.footer__link{background:#e8e3df;padding:10rem 0}.footer__link__nav{display:flex;justify-content:center;gap:2rem;margin-bottom:5rem}.footer__link__nav li{display:flex;gap:2rem}.footer__link__nav li::after{content:"／"}.footer__link__nav li:last-child::after{content:none}.footer__link__contact{display:grid;grid-template-columns:1fr 1fr;text-align:center;max-width:147rem;margin:0 auto;padding:0 4%}.footer__link__contact li a{display:grid;gap:1rem}@media screen and (min-width: 1025px){.footer__link__contact li a{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5rem}}.footer__link__contact li a::after{content:"";display:block;margin:0 auto;width:4.4rem;aspect-ratio:1/1}.footer__link__contact li.mail{border-right:1px solid #c7c6c5}.footer__link__contact li.mail a::after{background:url(../images/icon_mail.svg) no-repeat center center/contain}.footer__link__contact li.line a::after{background:url(../images/icon_line.svg) no-repeat center center/contain}@media screen and (min-width: 1025px){.footer .contents{display:flex;flex-direction:row-reverse;align-items:center}}.footer .contents figure{margin-bottom:5rem}@media screen and (min-width: 1025px){.footer .contents figure{margin-bottom:0;width:50%;max-width:72rem}}.footer .contents .container{max-width:147rem;margin:0 auto;padding:5rem 2rem}@media screen and (min-width: 1025px){.footer .contents .container{padding:0}}@media screen and (min-width: 600px){.footer .contents .container .inner{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:3rem}}.footer .contents .container .inner .logo{width:18.5rem;margin-bottom:5rem}@media screen and (min-width: 1025px){.footer .contents .container .inner .logo{padding-right:3rem;border-right:1px solid #000}}.footer .contents .container .inner .data{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-bottom:5rem}.footer .contents .container .inner .data .office{padding-left:3rem;line-height:2;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.footer .contents .container .inner .data .ju-ippaku{padding:0 3rem 0 1rem;border-right:1px solid #000}.footer .contents .container .inner .data .ju-ippaku img{width:6.3rem}.footer .contents .container .sns{display:flex;gap:4rem;align-items:flex-end;padding:0 1.5rem;text-align:center;transform:translateY(-1.5rem)}.footer .contents .container .sns li{position:relative}.footer .contents .container .sns li img{width:1.8rem}.footer .contents .container .sns li::after{content:attr(data-title);display:block;position:absolute;left:0;margin-top:.5rem;width:100%;font-family:"Noto Sans JP",sans-serif;font-size:1rem;letter-spacing:0;text-align:center;text-transform:none}.footer .contents .container .sns li:nth-child(1)::after{left:-1.1em}.footer .contents .container .sns li:nth-child(2)::after{left:-0.5em}.footer .copyright{display:flex;justify-content:space-between;max-width:192rem;color:#7b7b7b;font-size:1.2rem;text-transform:none;background:#fff;margin:0 auto;padding:1rem 4%}@media screen and (min-width: 600px){.footer .copyright{justify-content:flex-end;gap:3rem}}.footer .copyright a{color:#7b7b7b}#blog{padding:30vh 2rem 10rem;background:#e8e3df}@media screen and (min-width: 600px){#blog{padding-bottom:20rem}}#blog article{margin:0 auto;max-width:160rem}#blog article .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}@media screen and (min-width: 1025px){#blog article .page-title{margin-bottom:20rem}}#blog article .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:5rem;margin-bottom:10rem}@media screen and (min-width: 600px){#blog article .contents .list{grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr));margin-bottom:2rem}}@media screen and (min-width: 1025px){#blog article .contents .list{grid-template-columns:repeat(auto-fit, minmax(37rem, 50rem))}}#blog article .contents .list li .link{display:grid;gap:2rem;margin-bottom:2rem}#blog article .contents .list li .link:hover img{transform:scale(1.1)}#blog article .contents .list li .link h3{order:3;font-size:1.6rem}#blog article .contents .list li .link time{order:2;color:gray}#blog article .contents .list li .link figure{order:1;overflow:hidden}#blog article .contents .list li .link figure img{aspect-ratio:1;transition:transform .8s}#blog article .contents .list li .tag{display:flex;gap:2rem}#blog article .contents .list li .tag a{color:gray}#blog article .contents .pagination{width:fit-content;margin-inline:auto}

#casestudies{padding:10rem 1rem 10rem;background:#e8e3df}@media screen and (min-width: 600px){#casestudies{padding-block:20rem}}#casestudies .contents{margin-inline:auto;max-width:160rem}#casestudies .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:5rem}@media screen and (min-width: 600px){#casestudies .contents .list{grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr))}}@media screen and (min-width: 1025px){#casestudies .contents .list{grid-template-columns:repeat(auto-fit, minmax(37rem, 1fr))}}#casestudies .contents .list li a{display:grid;gap:2rem}#casestudies .contents .list li a:hover .arrow{transform:translateX(1rem)}#casestudies .contents .list li a h3{order:3;font-size:1.6rem}#casestudies .contents .list li a figure{order:1}#casestudies .contents .list li a .case{order:2;font-family:"EB Garamond",serif;font-style:italic;text-align:right;text-transform:none}#casestudies .contents .list li a .text{order:4;font-size:1.3rem;line-height:2}#casestudies .contents .list li a .read{display:grid;grid-template-columns:7em 8rem;gap:1rem;order:5;margin:0;font-style:italic;text-transform:none}#casestudies .contents .list li a .read .arrow{display:grid;align-items:center;position:relative;height:15px;width:auto;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#home .hero-image .wrapper{display:block;padding:0;width:100%;max-width:100%;min-height:100vh}
#home .hero-image .wrapper .header{position:absolute;top:0;left:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:192rem;padding-left:clamp(3rem,8.33vw,16rem);padding-right:clamp(3rem,1.587rem + 1.28vw,5rem);padding-bottom:6rem;background-color:rgba(0,0,0,0);opacity:1;pointer-events:all;transition:none;
	margin-top: -3em;
}
#home .hero-image .wrapper .header__logo{width:clamp(9rem,3.933rem + 7.52vw,14rem);padding-top:8rem}
#home .hero-image .wrapper .menu span{background-color:#fff}
#home .hero-image .wrapper .neijitsu{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;opacity:0;animation:fadein 1.5s .5s forwards}
#home .hero-image .wrapper .neijitsu img{width:clamp(13.5rem,6.594rem + 9.22vw,20rem)}
#home .hero-image .wrapper .left-data{position:absolute;left:clamp(3rem,8.33vw,16rem);bottom:2rem;z-index:10;display:grid;gap:2rem;width:fit-content;color:#fff;opacity:0;animation:fadein 1.5s .5s forwards}
@media screen and (min-width: 1025px){#home .hero-image .wrapper .left-data{grid-template-columns:auto auto;align-items:center;bottom:5rem}}
#home .hero-image .wrapper .left-data p{font-size:clamp(1.8rem,1.068rem + .28vw,2rem)}@media screen and (min-width: 1025px){#home .hero-image .wrapper .left-data p:nth-child(1){padding:2rem 2rem 2rem 0;border-right:1px solid #fff}}#home .hero-image .wrapper .left-data p a{display:block;padding:.3rem 4rem .3rem 0;width:fit-content;color:#fff;font-size:1.2rem;letter-spacing:.2em;background:url(../images/movie.svg) no-repeat right bottom/contain}@media screen and (min-width: 1025px){#home .hero-image .wrapper .left-data p a{padding-left:2rem}}#home .hero-image__slide{width:100%;height:100vh;overflow:hidden}#home .hero-image__slide img,#home .hero-image__slide video{width:100%;height:100vh;object-fit:cover}#home .hero-image__slide .swiper-slide::after{content:attr(data-text);position:absolute;right:clamp(3rem,1.587rem + 1.28vw,5rem);bottom:2.5rem;z-index:10;color:#fff;font-size:1rem}@media screen and (min-width: 1025px){#home .hero-image__slide .swiper-slide::after{bottom:7rem;font-size:1.4rem}}#home .hero-image__slide .swiper-slide-active img,#home .hero-image__slide .swiper-slide-duplicate-active img,#home .hero-image__slide .swiper-slide-prev img{animation:slide 10s linear 0s normal both}@keyframes slide{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes fadein{0%{filter:blur(6px);opacity:0}100%{filter:blur(0);opacity:1}}#home .contents{position:relative;z-index:10}#home .message{position:relative;padding-top:5.5rem;background:#e8e3df}@media screen and (min-width: 1025px){#home .message .wrapper .container{padding-left:10rem}}#home .message .wrapper .container .text{display:flex;flex-direction:column;gap:2em;padding:0 1rem;margin-bottom:10rem}@media screen and (min-width: 600px){#home .message .wrapper .container .text{width:fit-content;margin-inline:auto}}@media screen and (min-width: 1025px){#home .message .wrapper .container .text{flex-direction:row-reverse;justify-content:center;width:auto}}#home .message .wrapper .container .text p{font-size:1.4rem;line-height:2.6}#home .message .wrapper .container .text p.fadein{transform:none}#home .message .wrapper .container .text p.fadein.active{transition:opacity 1.5s ease-in}#home .message .wrapper .container .text p.fadein:nth-child(1){transition-delay:0s}#home .message .wrapper .container .text p.fadein:nth-child(2){transition-delay:1.5s}#home .message .wrapper .container .text p.fadein:nth-child(3){transition-delay:3s}#home .message .wrapper .container .text p.fadein:nth-child(4){transition-delay:4.5s}@media screen and (min-width: 1025px){#home .message .wrapper .container .text p{font-size:1.6rem;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}#home .message .wrapper .container .text p br{display:none}@media screen and (min-width: 600px){#home .message .wrapper .container .text p br{display:block}}@media screen and (min-width: 1025px){#home .message .wrapper .container .link{display:flex;align-items:flex-end;justify-content:flex-end;gap:8%}}#home .message .wrapper .container .link figure{margin-bottom:5rem}@media screen and (min-width: 600px){#home .message .wrapper .container .link figure{margin:0;text-align:center}}#home .message .wrapper .container .link figure img{width:80%;max-width:43.6rem}@media screen and (min-width: 1025px){#home .message .wrapper .container .link figure img{width:auto}}#home .news .wrapper .container ul{border-top:1px solid #c7c6c5}@media screen and (min-width: 600px){#home .news .wrapper .container ul{display:grid;gap:3rem;border:none}}#home .news .wrapper .container ul li{border-bottom:1px solid #c7c6c5}@media screen and (min-width: 600px){#home .news .wrapper .container ul li{border:none}}#home .news .wrapper .container ul li a{display:block;padding:2rem 0 2rem 1rem}@media screen and (min-width: 600px){#home .news .wrapper .container ul li a{padding:0}}#home .news__date{display:inline-block;margin-bottom:1rem;padding:0 2rem 0 0}@media screen and (min-width: 600px){#home .news__date{margin:0;border-right:1px solid #c7c6c5}}#home .news__cat{display:inline-block;padding:0 2rem;color:#7b7b7b}@media screen and (min-width: 600px){#home .news__cat{border-right:1px solid #c7c6c5}}#home .news__title{display:block}@media screen and (min-width: 600px){#home .news__title{display:inline-block;padding-left:2rem}}#home .about{background:#e8e3df}#home .about .container .slide{position:relative;overflow:hidden;margin-left:-1rem;margin-bottom:10rem}@media screen and (min-width: 1025px){#home .about .container .slide{overflow:visible}}@media screen and (min-width: 600px){#home .about .container .slide ul{display:grid;grid-template-columns:repeat(2, 1fr);margin-left:calc(50% - 50vw);aspect-ratio:164/65;width:auto}}#home .about .container .slide ul li img{aspect-ratio:82/65;object-fit:cover}#home .about .container .slide .swiper-horizontal>.swiper-pagination-bullets,#home .about .container .slide .swiper-pagination-bullets.swiper-pagination-horizontal,#home .about .container .slide .swiper-pagination-custom,#home .about .container .slide .swiper-pagination-fraction{text-align:right;padding-right:8px}@media screen and (min-width: 600px){#home .about .container .slide .swiper-pagination{display:none}}#home .about .container .slide .swiper-pagination-bullet-active{background:#fff}#home .about .container h3{padding-left:1rem;margin-bottom:5rem;font-size:clamp(1.6rem,.797rem + .9vw,2.2rem)}#home .about .inner{padding-left:1rem}@media screen and (min-width: 1025px){#home .about .inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem}}#home .about .inner ul{display:grid;gap:3rem;margin-bottom:5rem}#home .about .inner ul li{padding-left:5em;text-indent:-5em}@media screen and (min-width: 1025px){#home .about .inner .link{display:grid;justify-content:flex-end;align-content:flex-start}}#home .about .inner .link .text{line-height:2;max-width:53rem;font-size:1.4rem;line-height:3}#home .about .inner .link .text br{display:none}@media screen and (min-width: 600px){#home .about .inner .link .text br{display:block}}@keyframes about_slide{0%{transform:translateX(0)}40%{transform:translateX(0)}50%{transform:translateX(-100%)}90%{transform:translateX(-100%)}100%{transform:translateX(-200%)}}@keyframes about_slide_iphone{0%{transform:translateX(0)}40%{transform:translateX(0)}50%{transform:translateX(-300%)}90%{transform:translateX(-300%)}100%{transform:translateX(-600%)}}#home .modelhouse{color:#fff;background:url(../images/index_modelhouse1.webp) no-repeat center center/cover}#home .modelhouse .wrapper{padding-block:10rem}#home .modelhouse .wrapper .title{top:10rem}@media screen and (min-width: 1025px){#home .modelhouse .wrapper .title{top:20rem}}#home .modelhouse .wrapper .container{padding-left:1rem}@media screen and (min-width: 1025px){#home .modelhouse .wrapper .container{display:grid;grid-template-columns:1fr 1fr;padding:50rem 10rem 50rem 0}}#home .modelhouse .wrapper .container h3{margin-bottom:10rem}#home .modelhouse .wrapper .container h3 img{max-width:36.3rem}@media screen and (min-width: 1025px){#home .modelhouse .wrapper .container .inner{max-width:53rem;margin-left:auto}}#home .modelhouse .wrapper .container .inner .text{display:grid;gap:5rem;line-height:3}#home .modelhouse .wrapper .container .inner .link{padding-top:5rem}#home .modelhouse .wrapper .container .inner .link a{color:#fff}#home .modelhouse .wrapper .container .inner .link a .arrow{background-image:url(../images/arrow_w.svg)}@media screen and (min-width: 1025px){#home .casestudies .wrapper{padding-top:10rem}}@media screen and (min-width: 1025px){#home .casestudies .wrapper .title{position:static;margin:0 0 5rem auto}}#home .casestudies .wrapper .container{padding-left:4rem}@media screen and (min-width: 1025px){#home .casestudies .wrapper .container{padding:0}}#home .casestudies .wrapper .container ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:5rem;padding-bottom:8rem}#home .casestudies .wrapper .container ul li a{display:grid;gap:3rem}#home .casestudies .wrapper .container ul li a:hover img{transform:scale(1.1)}#home .casestudies .wrapper .container ul li a:hover .arrow{transform:translateX(1rem)}#home .casestudies .wrapper .container ul li a h3{order:3;font-size:1.6rem}#home .casestudies .wrapper .container ul li a figure{order:1;overflow:hidden}#home .casestudies .wrapper .container ul li a figure img{transition:transform .8s}#home .casestudies .wrapper .container ul li a .case{order:2;font-family:"EB Garamond",serif;font-style:italic;text-align:right;text-transform:none;letter-spacing:0}#home .casestudies .wrapper .container ul li a .text{order:4;font-size:1.3rem;line-height:2}#home .casestudies .wrapper .container ul li a .read{display:grid;grid-template-columns:7em 12rem;gap:1rem;order:5;margin:0;font-style:italic;text-transform:none;letter-spacing:0}#home .casestudies .wrapper .container ul li a .read .arrow{display:grid;align-items:center;position:relative;height:15px;width:auto;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#home .works{background:#e8e3df}@media screen and (min-width: 1025px){#home .works .wrapper{padding-top:10rem}}@media screen and (min-width: 1025px){#home .works .wrapper .title{position:static;margin:0 0 5rem auto}}#home .works .wrapper .container{padding-left:4rem}@media screen and (min-width: 1025px){#home .works .wrapper .container{padding:0}}#home .works .wrapper .container ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:5rem}#home .works .wrapper .container ul li a{display:grid;gap:2rem}#home .works .wrapper .container ul li a:hover img{transform:scale(1.1)}#home .works .wrapper .container ul li .works__title{order:2}
#home .works .wrapper .container ul li .works__hash{display:flex;flex-wrap:wrap;gap:1em;padding-top:1rem}
#home .works .wrapper .container ul li .works__hash a{display:block;color:gray;font-size: 1rem;}
#home .works .wrapper .container ul li .works__hash a::before{content:"#"}
#home .works .wrapper .container ul li .works__image{order:1;overflow:hidden}
#home .works .wrapper .container ul li .works__image img{transition:transform .8s}#home .blog .wrapper .container ul{display:grid;grid-template-columns:repeat(2, minmax(12rem, 1fr));gap:3rem;width:96%}@media screen and (min-width: 600px){#home .blog .wrapper .container ul{grid-template-columns:auto;gap:0;border-top:1px solid #c7c6c5}}@media screen and (min-width: 600px){#home .blog .wrapper .container ul li{border-bottom:1px solid #c7c6c5}}#home .blog .wrapper .container ul li a{display:grid;gap:1rem;transition:background .8s}@media screen and (min-width: 600px){#home .blog .wrapper .container ul li a{display:flex;align-items:center;padding:2rem 0}#home .blog .wrapper .container ul li a:hover{background:#e8e3df}#home .blog .wrapper .container ul li a:hover img{transform:scale(1.1)}}#home .blog .wrapper .container ul li a figure{aspect-ratio:11/7;overflow:hidden}#home .blog .wrapper .container ul li a figure img{transition:transform .8s;aspect-ratio:11/7;object-fit:cover}@media screen and (min-width: 600px){#home .blog .wrapper .container ul li a figure img{max-width:clamp(10rem,.515rem + 15.29vw,16.5em)}}#home .blog__title{order:3}#home .blog__date{order:2}@media screen and (min-width: 600px){#home .blog__date{padding-right:2rem;border-right:1px solid #c7c6c5;margin-right:2rem;margin-left:clamp(2rem,-7.574rem + 23.53vw,12rem)}}#home .blog__image{order:1;overflow:hidden}#home .full{position:relative}#home .full p{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%)}#home .full p img{width:clamp(12.4rem,6.023rem + 8.64vw,20rem)}#home .full_slide{contain:paint}#home .full .swiper-wrapper{transition-timing-function:linear}#home .follow .wrapper{display:block;text-align:center}#home .follow .wrapper h2{margin-bottom:5rem;font-family:"EB Garamond",serif;font-style:italic;text-transform:none;font-size:clamp(1.9rem,.989rem + .99vw,2.6rem);letter-spacing:.1em}#home .follow .wrapper .text{margin-bottom:10rem}#home .follow .wrapper .image{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;padding:0 1rem;margin-bottom:10rem}@media screen and (min-width: 1025px){#home .follow .wrapper .image{grid-template-columns:repeat(6, 1fr);gap:5rem}}#home .follow .wrapper .image img{aspect-ratio:1/1;object-fit:cover}#home .follow .wrapper .sns{display:grid;grid-template-columns:repeat(2, 1fr);text-transform:none}@media screen and (min-width: 1025px){#home .follow .wrapper .sns{grid-template-columns:repeat(5, 1fr);border-left:1px solid #c7c6c5}}#home .follow .wrapper .sns li{position:relative;border-bottom:1px solid #c7c6c5}#home .follow .wrapper .sns li:nth-child(odd)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:80%;background:#c7c6c5}@media screen and (min-width: 1025px){#home .follow .wrapper .sns li:nth-child(odd)::after{content:none}}#home .follow .wrapper .sns li:last-child{border-bottom:none}@media screen and (min-width: 1025px){#home .follow .wrapper .sns li{border-right:1px solid #c7c6c5;border-bottom:none}}#home .follow .wrapper .sns li a{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:4rem 0;transition:background .8s}#home .follow .wrapper .sns li a:hover{background:#e8e3df}@media screen and (min-width: 1025px){#home .follow .wrapper .sns li a{padding:4rem 2rem}}#home .follow .wrapper .sns li a h3{margin-bottom:2rem;font-size:1.6rem;letter-spacing:.2em}#home .follow .wrapper .sns li a h3 span{display:inline-block}#home .follow .wrapper .sns li a p{margin-bottom:2rem;min-height:3em;font-size:1.2rem;letter-spacing:.2em}#home .follow .wrapper .sns li a img{width:2.4rem}#home .attempt{line-height:2.6;background:#a09896}#home .attempt__title{text-align:center;margin-bottom: 4rem}#home .zeh_2025_pc{margin: auto;display: block;width: 90%;}#home .zeh_2025_sp{margin: auto;display: block;width: 90%;}#home .attempt__text{margin-inline:auto;width:fit-content}#message{background:#e8e3df}#message article{margin:0 auto;max-width:160rem}#message article .fv{display:grid;place-items:center;align-content:center;gap:10rem;padding:10rem 0;min-height:100vh;opacity:0;animation:fadein 1s 1s linear forwards}#message article .fv .page-title{order:2;font-size:clamp(1.6rem,.865rem + .6vw,2rem);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:0}#message article .fv figure{order:1;width:14rem}#message article .contents{margin:0 auto;max-width:fit-content;padding:10rem 1rem;line-height:2}@media screen and (min-width: 1025px){#message article .contents{max-width:110rem;min-height:100vh;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}#message article .contents.text{display:flex;flex-direction:column;gap:2em}@media screen and (min-width: 1025px){#message article .contents.text{justify-content:center}}#message article .contents.text p{font-size:1.4rem;line-height:2.6}#message article .contents.text p.fadein.active{transition:opacity 1.2s}#message article .contents.text p.fadein:nth-child(1){transition-delay:0s}#message article .contents.text p.fadein:nth-child(2){transition-delay:1.2s}#message article .contents.text p.fadein:nth-child(3){transition-delay:2.4s}#message article .contents.text p.fadein:nth-child(4){transition-delay:3.6s}@media screen and (min-width: 1025px){#message article .contents.text p{font-size:1.6rem}}#message article .contents.text p br{display:none}@media screen and (min-width: 600px){#message article .contents.text p br{display:block}}#message article .contents.image div{display:flex;flex-direction:column-reverse;gap:5rem}@media screen and (min-width: 1025px){#message article .contents.image div{flex-direction:column;align-items:center;gap:10rem}}#message article .contents.image div.fadein{transition:1s 1s}#message article .contents.image div p{text-align:center}#message article .contents.image.image1 p img{width:23rem}#message article .contents.image.image2 p img{width:17rem}#message article .contents.image.image3 p img{width:11rem}#message article .contents.image img{width:30rem}@keyframes fadein{0%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}aside .bg{padding:30rem 0;text-align:center;background:#9e9997}aside .bg img{width:3.6rem}#about{overflow-x:hidden}#about .fv{position:relative;min-height:100vh;background:url(../images/about_fv_bg.webp) no-repeat center center/cover}#about .contents{position:relative;z-index:10;background-color:#e6e1dd}#about .grid{max-width:130rem;margin-inline:auto;line-height:2.6}@media screen and (min-width: 1260px){#about .grid{display:grid;align-items:flex-start}}#about article{background-color:#e8e1dd}@media screen and (min-width: 1260px){#about article{order:2;max-width:90rem;margin-inline:auto}}#about article #building .wrapper .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:2rem;border-bottom:1px solid #000}@media screen and (min-width: 600px){#about article #building .wrapper .page-title{margin-bottom:15rem}}#about article #building .wrapper .text{margin-bottom:10rem}@media screen and (min-width: 600px){#about article #building .wrapper .text{margin-bottom:15rem}}#about article #building .wrapper section{display:flex;flex-direction:column-reverse;margin-bottom:5rem}@media screen and (min-width: 600px){#about article #building .wrapper section{margin-bottom:10rem}}#about article #building .wrapper section:last-of-type{margin-bottom:0}#about article #building .wrapper section h3{font-size:1.8rem;margin-bottom:2rem;padding-left:5.4rem;text-indent:-2.5rem;line-height:1.5}#about article #building .wrapper section h3::before{content:attr(data-no);display:inline-block;margin-right:2rem;font-family:"EB Garamond",serif;font-size:2.4rem;font-style:italic}@media screen and (min-width: 1025px){#about article #building .wrapper section h3::before{font-size:2.6rem;margin-right:4rem}}#about article #building .wrapper section p{padding-left:5.6rem}@media screen and (min-width: 1025px){#about article #building .wrapper section p{padding-left:7.6rem}}#about article #building .wrapper section figure{margin-bottom:5rem}@media screen and (min-width: 600px){#about article #building .wrapper section figure{margin-bottom:10rem}}#about article .detail{background:#efebe9}@media screen and (min-width: 1260px){#about article .detail{margin-inline:calc(50% - 50vw - 2rem)}}#about article .detail .wrapper{max-width:90rem;margin-inline:auto}#about article .detail .text{margin-bottom:5rem}#about article .detail section{margin-bottom:10rem}#about article .detail section:last-of-type{margin-bottom:0}#about article .detail section h3{font-size:2rem;margin-bottom:3rem}#about article .detail section h3::before{content:"";display:inline-block;width:.8em;aspect-ratio:1/1;border:1px solid #000;border-radius:50%;margin-right:.5em}#about article .detail section .list{border-top:1px solid #000;margin-bottom:10rem}#about article .detail section .list li{padding:1rem 0;border-bottom:1px solid #000}#about article .detail section .list li::before{content:"・"}#about article .detail section .image{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}#about article .detail .material_container{position:relative}#about article .detail .material_container .swiper-button-prev,#about article .detail .material_container .swiper-button-next{top:-7.7rem;margin:0;padding:1rem;color:#000}#about article .detail .material_container .swiper-button-prev::after,#about article .detail .material_container .swiper-button-next::after{font-size:2rem}#about article .detail .material_container .swiper-button-prev{right:5rem;left:auto}#about article .detail .material_container .swiper-button-next{right:0}#about article .detail .material figure{margin-bottom:6rem}#about article .detail .material figure img{margin-bottom:4rem}#about article .detail .material figure figcaption{display:flex;align-items:baseline;gap:2.5rem;font-size:1.4rem;line-height:1}#about article .detail .material figure figcaption::before{content:attr(data-no);display:inline-block;padding-top:3.5rem;padding-left:4rem;font-family:"EB Garamond",serif;font-size:2.6rem;letter-spacing:.1em;background:url(../images/about_slide_bg.svg) no-repeat left bottom/4rem}#about article .detail .material figure+p{font-size:1.6rem;line-height:1.5;height:3em;margin-bottom:3rem}#about article .detail .material p{font-size:1.4rem;line-height:2}#about article #greeting{background-color:#e8e1dd}#about article #greeting .wrapper{padding-bottom:0}@media screen and (min-width: 1025px){#about article #greeting .wrapper{display:grid;grid-template-columns:1fr 50rem;gap:5%;align-items:center;max-width:none;padding-top:0;margin-inline:calc(50% - 50vw);padding-left:calc(50vw - 50%)}}#about article #greeting .wrapper .container{max-width:90rem;margin-bottom:5rem}@media screen and (min-width: 1025px){#about article #greeting .wrapper .container{margin-bottom:0}}#about article #greeting .wrapper .container .page-title{font-size:2.2rem;margin-bottom:3rem}#about article #greeting .wrapper .container .text{margin-bottom:3rem}#about article #greeting .wrapper .container .name{width:fit-content;margin-left:auto}#about article #greeting .wrapper figure{margin-inline:-1rem}@media screen and (min-width: 1025px){#about article #greeting .wrapper figure{margin-left:0;margin-right:-1rem}}#about article #greeting .wrapper figure img{filter:grayscale(100%)}#about article #design{background-color:#a29896;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}#about article #design .wrapper{max-width:90rem;margin-inline:auto}#about article #design .wrapper .page-title{font-size:2.2rem;margin-bottom:3rem}#about article #design .wrapper .page-title::before{content:"";display:inline-block;width:.8em;aspect-ratio:1/1;border:1px solid #000;border-radius:50%;margin-right:.5em}#about article #design .wrapper .page-title+P{margin-bottom:10rem}#about article #design .wrapper section{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:5rem;padding-bottom:10rem}#about article #design .wrapper section h3{font-size:2.2rem;margin-bottom:3rem}#about article #design .wrapper section h3::before{content:"";display:inline-block;width:.8em;aspect-ratio:1/1;border:1px solid #000;border-radius:50%;margin-right:.5em}#about article #design .wrapper section h3 span{font-size:1.8rem}#about aside{order:1;display:none}@media screen and (min-width: 1025px){#about aside{position:-webkit-sticky;position:sticky;top:5rem;max-width:14rem}}#modelhouse{overflow-x:hidden}#modelhouse .wrapper{max-width:136rem}#modelhouse .fv{position:relative;min-height:100vh;background:url(../images/modelhouse_fv_bg.webp) no-repeat center center/cover}#modelhouse .contents{position:relative;position:relative;z-index:10;background-color:#e6e1dd}#modelhouse .contents h2{position:relative;top:-20rem;z-index:10;max-width:136rem;padding-left:clamp(3rem,8.33vw,16rem);padding-right:clamp(3rem,1.587rem + 1.28vw,5rem)}#modelhouse .contents h2 img{max-width:31.7rem}#modelhouse .message .wrapper{display:grid;gap:5rem;padding-block:0}#modelhouse .message .wrapper p{line-height:2.6}#modelhouse .message .wrapper p:nth-of-type(1){font-size:2rem}#modelhouse .image .wrapper ul{display:grid;gap:10rem}#modelhouse .slide{padding:10rem 0;background-color:#f1edeb;overflow:hidden}#modelhouse .slide h3{font-family:"Noto Serif JP",serif;font-size:1.7rem;text-align:center;margin-bottom:10rem}#modelhouse .slide .swiper-slide img{margin-bottom:2rem}#modelhouse .access{background-color:#a09997}#modelhouse .access .wrapper{max-width:110rem}#modelhouse .access .wrapper .text{margin-bottom:5rem}@media screen and (min-width: 600px){#modelhouse .access .wrapper .text{display:flex;justify-content:space-between}}#modelhouse .access .wrapper .text h3{font-family:"EB Garamond",serif;font-style:italic;font-size:2.6rem;text-transform:none;margin-bottom:3rem}#modelhouse .access .wrapper .text div{line-height:2.5}#modelhouse .access .wrapper iframe{width:100%;aspect-ratio:8/6;filter:grayscale(100%)}
#works{padding:30vh 1rem 10rem;background:#e8e3df}
@media screen and (min-width: 600px){#works{padding-bottom:20rem}}#works article{margin:0 auto;max-width:160rem}#works article .page-title{margin-bottom:1rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}

#works article .category{display:flex;gap:1rem;font-size:1.2rem;margin-bottom:10rem}
@media screen and (min-width: 1025px){#works article .category{margin-bottom:20rem}}

#works article .category li:nth-child(n+2){border-left: solid #000 1px; padding-left: 1em;}
#works article .category li{
	opacity: .7;
}
#works article .category .select{
	opacity: 1;
}


#works article .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:5rem}
@media screen and (min-width: 1025px){#works article .contents .list{grid-template-columns:repeat(3, 1fr);gap:10rem 5rem}}

#works article .contents .list li a{display:grid;gap:2rem}#works article .contents .list li .works__title{order:2}
#works article .contents .list li .works__hash{display:flex;flex-wrap:wrap;gap:1em;padding-top:1rem;font-size: 1.1rem;}
#works article .contents .list li .works__hash a{display:block}
#works article .contents .list li .works__hash a::before{content:"#"}
#works article .contents .list li .works__image{order:1}#works-single{padding:30vh 2rem 10rem;background:#e8e3df}#works-single article{max-width:160rem;margin-inline:auto}#works-single article .page-title{font-size:clamp(1.6rem,.865rem + .6vw,2rem);margin-bottom:5rem}#works-single article .works{display:grid;max-width:136rem;margin-inline:auto}#works-single article .works__wrapper{order:2;display:grid;gap:3rem;}@media screen and (min-width: 600px){#works-single article .works__wrapper{grid-template-columns:1fr 1fr}}#works-single article .works__wrapper div{display:grid;gap:3rem}#works-single article .works__title{font-size:clamp(1.6rem,.865rem + .6vw,2rem)}#works-single article .works__cate{font-size:1.2rem}#works-single article .works__prefectures{font-size:1.2rem}#works-single article .works__tag{display:flex;gap:2rem;font-size:1.2rem}#works-single article .works__tag span a::before{content:"#"}#works-single article .works__text{font-size:1.6rem}

#works-single article .works__data{order:3}
#works-single article .works__data p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 0}
#works-single article .works__data .vertically-long{width:49%;}
@media screen and  (max-width: 1000px) {
	#works-single article .works__data .vertically-long{width:100%;}
}

#works-single article .works__image{order:1;margin-inline:calc(50% - 50vw);margin-bottom:10rem}
@media screen and (min-width: 600px){#works-single article .works__image{margin-bottom:20rem}}
#works-single article #blog-single{background:#fff;margin-top:10vh;padding: 5rem 2rem;}
@media screen and (min-width: 600px){
	#works-single article #blog-single{margin-top:4vh;padding:5rem 2rem;}
}


#casestudies{padding:30vh 1rem 10rem;background:#e8e3df}
@media screen and (min-width: 600px){#casestudies{padding-bottom:20rem}}
#casestudies article{margin:0 auto;max-width:160rem}
#casestudies article .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}
@media screen and (min-width: 600px){#casestudies article .page-title{margin-bottom:20rem}}
#casestudies article .category{display:flex;gap:1rem;font-size:1.2rem;margin-bottom:10rem}
@media screen and (min-width: 1025px){#casestudies article .category{margin-bottom:20rem}}
#casestudies article .category::before{content:"Category :"}
#casestudies article .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:5rem}
@media screen and (min-width: 600px){#casestudies article .contents .list{grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr))}}
@media screen and (min-width: 1025px){#casestudies article .contents .list{grid-template-columns:repeat(auto-fit, minmax(37rem, 1fr));gap:10rem 5rem}}

#casestudies article .contents .list li a{display:grid;gap:2rem}
#casestudies article .contents .list li a:hover .arrow{transform:translateX(1rem)}
#casestudies article .contents .list li a h3{order:3;font-size:1.6rem}#casestudies article .contents .list li a figure{order:1}#casestudies article .contents .list li a .case{order:2;font-family:"EB Garamond",serif;font-style:italic;text-align:right;text-transform:none}#casestudies article .contents .list li a .text{order:4;font-size:1.3rem;line-height:2}#casestudies article .contents .list li a .read{display:grid;grid-template-columns:7em 8rem;gap:1rem;order:5;margin:0;font-style:italic;text-transform:none}#casestudies article .contents .list li a .read .arrow{display:grid;align-items:center;position:relative;height:15px;width:auto;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#casestudy_piano .animation{opacity:0}#casestudy_piano .fadein{opacity:0;transition:1s}#casestudy_piano .fadein.blockIn{opacity:1}#casestudy_piano .h2anime{display:block;opacity:1;transition:1s;overflow:hidden;transform:translateY(15px)}#casestudy_piano .h2anime.blockIn{transform:translateY(0);opacity:1}#casestudy_piano .img-wrap{overflow:hidden}#casestudy_piano .imgzoom{transition:3s;opacity:0;transform:scale(1.05)}#casestudy_piano .imgzoom.blockIn{opacity:1;transform:scale(1)}#casestudy_piano li.nav_04>a{width:40px !important}#casestudy_piano li.nav_10>a{display:block;width:40px;height:50px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/nav_10.png) no-repeat center;background-size:100%}#casestudy_piano .swiper-container{height:1000px !important}#casestudy_piano #top_slide_2{height:100% !important}#casestudy_piano .sp-slides-container{height:100%}#casestudy_piano .sp-mask{height:100% !important}#casestudy_piano article.top_concept_3_02>div{height:410px !important}#casestudy_piano .top_concept_header{margin:0;display:block !important;padding:50px 0}#casestudy_piano .top_concept_header span{position:relative;display:block;width:180px;height:1px;margin:0 auto 20px auto;position:relative}#casestudy_piano .top_concept_header h2{text-align:center;overflow:hidden;color:#000}#casestudy_piano .top_concept_header h2 img{display:block;width:auto;height:15px;margin:0 auto 10px auto}#casestudy_piano .top_concept_header h3{overflow:hidden;font-family:"Shippori Mincho B1",serif;text-align:center;font-size:11px;line-height:11px}#casestudy_piano .top_concept_header h3 c{display:inline-block}#casestudy_piano .top_concept_header h3 c:nth-child(2){transition:1.2s}#casestudy_piano .top_concept_header h3 c:nth-child(3){transition:1.4s}#casestudy_piano .top_concept_header h3 c:nth-child(4){transition:1.6s}#casestudy_piano .top_concept_header h3 c:nth-child(5){transition:1.8s}#casestudy_piano .top_concept_header h3 c:nth-child(6){transition:2s}#casestudy_piano .top_concept_header h3 c:nth-child(7){transition:2.2s}#casestudy_piano .Text-Span{position:relative;z-index:1}#casestudy_piano .Text-Span:after{content:"";position:absolute;left:0;bottom:0;width:100%;transform:scale(0, 1);transform-origin:center top;height:1px;background:#333;z-index:-1;transition:all 2s}#casestudy_piano .Text-Span.isActive:after{transform:scale(1, 1)}#casestudy_piano #top_info{padding:50px 0 !important}#casestudy_piano #sub_info{background-color:#f5f1ee !important;padding:30px 0 100px 0 !important}#casestudy_piano .archive_info_wrap{position:relative;margin:0 auto;width:90% !important;max-width:1500px !important;justify-content:space-between}#casestudy_piano #top_info .archive_info_wrap{margin:20px auto 0 auto}#casestudy_piano .archive_info_wrap{display:flex !important;flex-wrap:wrap}#casestudy_piano #top_info>div>article,#casestudy_piano #sub_info>div>article{width:21% !important;margin-left:0 !important;background-color:#f5f1ee !important;margin-bottom:4% !important;padding-bottom:0 !important}#casestudy_piano #top_info>div>article:first-child,#casestudy_piano #sub_info>div>article:first-child{width:21% !important}#casestudy_piano .archive_info_wrap:after{display:block;content:"";width:21%}#casestudy_piano .archive_info_wrap:before{content:"";display:block;width:21%;height:0;order:1}#casestudy_piano #top_info>div>article>a>div,#casestudy_piano #sub_info>div>article>a>div{margin-top:0 !important}#casestudy_piano #top_info .img-wrap,#casestudy_piano #sub_info .img-wrap{margin-bottom:30px !important;position:relative;background-color:#f4f0ed;width:100%;overflow:hidden !important;padding-top:60% !important}#casestudy_piano #top_info .img-wrap img,#casestudy_piano #sub_info .img-wrap img{transition:1s;display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#casestudy_piano #top_info a,#casestudy_piano #sub_info a{color:#000}#casestudy_piano #top_info a:hover,#casestudy_piano #sub_info a:hover{opacity:1 !important}#casestudy_piano #top_info a:hover img,#casestudy_piano #sub_info a:hover img{transform:scale(1.03);opacity:.8}#casestudy_piano #top_info>div>article>a>div,#casestudy_piano #sub_info>div>article>a>div{padding:0 !important;height:auto !important;margin:0 !important}#casestudy_piano #top_info>div>article>a>div:nth-child(2),#casestudy_piano #sub_info>div>article>a>div:nth-child(2){display:flex}#casestudy_piano #top_info>div>article>a>h3,#casestudy_piano #sub_info>div>article>a>h3{padding:0 !important;font-weight:normal;height:auto !important;margin:5px 0 0 0 !important}#casestudy_piano #top_info p.tag,#casestudy_piano #sub_info p.tag{font-family:"Shippori Mincho B1",serif;width:40% !important;border-right:1px #000 solid;height:auto !important;font-size:12px !important}#casestudy_piano #top_info p.date,#casestudy_piano #sub_info p.date{width:58% !important;text-align:right;font-size:12px !important}#casestudy_piano #top_works{padding:50px 0 130px 0}#casestudy_piano .top_works_inner{position:relative;width:90%;margin:50px auto 0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}#casestudy_piano .top_works_inner:after{display:block;content:"";width:23%}#casestudy_piano .top_works_inner:before{content:"";display:block;width:23%;height:0;order:1}#casestudy_piano .top_works_inner a{display:block;width:23%;margin-bottom:4%}#casestudy_piano .top_works_inner a p{color:#333;font-size:13px;letter-spacing:2px;margin:30px 0 0 0}#casestudy_piano .top_works_inner a .img-wrap{background-color:#f4f0ed;position:relative;overflow:hidden;width:100%;padding-top:65%}#casestudy_piano .top_works_inner a .img-wrap img{transition:1s;display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#casestudy_piano .top_works_inner a:hover img{transform:scale(1.03);opacity:.8}#casestudy_piano .img-animation{animation:img-opacity 1s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative}#casestudy_piano .img-animation:before{animation:img-animation 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;background-color:#f4f0ed;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes img-opacity{100%{opacity:1}}@keyframes img-animation{100%{transform:translateX(100%)}}#casestudy_piano .more{transition:.5s;display:block;width:100%;max-width:320px;border:2px solid #b8967b;color:#b8967b;position:relative;text-align:center;padding:30px 0;margin:30px auto 0 auto}#casestudy_piano .more span,#casestudy_piano .more span{display:block;margin:0 auto;width:auto;height:10px;overflow:hidden}#casestudy_piano .more img,#casestudy_piano .more svg{display:block;width:auto;height:100%;margin:0 auto}#casestudy_piano .more::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#b8967b;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .3s}#casestudy_piano .more:hover{color:#fff}#casestudy_piano .more:hover::before{transform-origin:0% 50%;transform:scaleX(1)}#casestudy_piano .st0_more{fill:#b8967b}#casestudy_piano .more:hover .st0_more{fill:#fff}#casestudy_piano .top_casestudy_re{display:flex;justify-content:space-between;align-items:flex-start;width:90%;margin:30px auto 100px auto}#casestudy_piano .top_casestudy_title{width:15%}#casestudy_piano .top_casestudy_contents{width:75%}#casestudy_piano .top_casestudy_title img{display:block;width:100%;max-width:150px}#casestudy_piano .top_casestudy_title a{display:block;margin:80px 0}#casestudy_piano .top_casestudy_title a svg{display:block;width:100%;max-width:60px}#casestudy_piano .top_casestudy_title a p{font-family:"Shippori Mincho B1",serif;color:#000;margin:20px 0 0 0;letter-spacing:2px;font-size:16px}#casestudy_piano .top_casestudy_title a:hover{-webkit-animation:animate-svg-stroke-1 .5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;animation:animate-svg-stroke-1 .5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both}#casestudy_piano .top_casestudy_contents{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}#casestudy_piano .top_casestudy_contents a{display:block;color:#000;width:100%}#casestudy_piano .top_casestudy_contents a .img-wrap{background-color:#f4f0ed;width:100%;position:relative;padding-top:100%}#casestudy_piano .top_casestudy_contents a .img-wrap img{transition:1s;display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#casestudy_piano .top_casestudy_contents a:hover img{transform:scale(1.03);opacity:.8}#casestudy_piano .top_casestudy_contents .c_tag{min-height:38px;margin:30px 0 25px 0}@media screen and (max-width: 1200px){#casestudy_piano .top_casestudy_contents .c_tag{min-height:65px}}#casestudy_piano .top_casestudy_contents .c_tag span{display:inline-block;margin-right:2%;margin-bottom:2%;border:1px solid rgba(0,0,0,.3);font-family:"Shippori Mincho B1",serif;padding:1% 3%;font-size:12px;letter-spacing:2px}#casestudy_piano .top_casestudy_contents h4{margin:0;border-bottom:1px solid #000;font-family:"Shippori Mincho B1",serif;font-size:17px;line-height:1.8;padding-bottom:20px;letter-spacing:2px}#casestudy_piano .top_casestudy_contents h4 br{display:none}@media screen and (max-width: 1500px){#casestudy_piano .top_casestudy_contents h4{font-size:16px}#casestudy_piano .top_casestudy_contents h4 br{display:block}}#casestudy_piano .top_casestudy_contents strong{font-family:"Shippori Mincho B1",serif;font-size:14px;line-height:1.8;min-height:50px;letter-spacing:2px;margin:20px 0 40px 0;display:block}#casestudy_piano .top_casestudy_contents p{min-height:150px;font-weight:normal;line-height:1.8;font-family:"Shippori Mincho B1",serif;font-size:14px;letter-spacing:2px;margin:20px 0;display:block}@media screen and (max-width: 1400px){#casestudy_piano .top_casestudy_contents p{min-height:230px}}#casestudy_piano .top_casestudy_contents .right{display:flex;justify-content:flex-end}#casestudy_piano .top_casestudy_contents .right svg{display:block;width:100%;max-width:50px}#casestudy_piano .top_casestudy_contents a:hover svg{-webkit-animation:animate-svg-stroke-1 .5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;animation:animate-svg-stroke-1 .5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both}#casestudy_piano header#main{min-width:0}#casestudy_piano .loader-wrap,#casestudy_piano .sub-loader-wrap{position:fixed;z-index:100000;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f4f0ed}#casestudy_piano .loader-wrap img.loader1{animation:loadings1 2s;opacity:0;filter:blur(3px);transform:translateY(10px);animation-fill-mode:forwards;display:block;width:auto;height:50%;height:80%;max-height:350px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#casestudy_piano .loader-wrap img.loader2{animation:loadings1 2s;animation-delay:2s;opacity:0;filter:blur(5px);transform:translateY(0);animation-fill-mode:forwards;display:block;width:80%;max-width:200px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#casestudy_piano .sub-loader-wrap img.loader2{animation:loadings1 1.5s;opacity:0;filter:blur(5px);transform:translateY(5px);animation-fill-mode:forwards;display:block;width:80%;max-width:150px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}@keyframes loadings1{0%{opacity:0}70%{filter:blur(0);opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}#casestudy_piano .main_logo{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;z-index:50;width:50%;max-width:230px}#casestudy_piano img#slide_center_logo{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:5;width:30%;max-width:230px;opacity:.7}#casestudy_piano section#works_01,#casestudy_piano section#info_01{width:100%;padding-top:150px}#casestudy_piano p.single_works_title{z-index:2;text-align:center;margin:50px 0 0 0;position:relative;font-family:"Shippori Mincho B1",serif;letter-spacing:2px}#casestudy_piano p.single_works_title:after{content:"";position:absolute;left:0;right:0;top:-25px;margin:auto;width:100%;transform:scale(0, 1);transform-origin:center top;width:180px !important;height:1px;background:#333;z-index:-1;transition:all 2s;animation:sw-title 1s;animation-fill-mode:forwards;animation-delay:1.5s}@keyframes sw-title{100%{transform:scale(1, 1)}}#casestudy_piano #single_works{position:relative;width:90%;max-width:1200px;margin:0 auto 300px auto}#casestudy_piano #single_works:after{content:"";height:100px;width:1px;background-color:#000;position:absolute;bottom:-200px;left:0;right:0;margin:auto}#casestudy_piano .swiper-slide-thumb-active{opacity:.5}#casestudy_piano .swiper-button-prev:after,#casestudy_piano .swiper-button-next:after{display:none}#casestudy_piano .swiper-button-prev,#casestudy_piano .swiper-button-next{transition:.5s;position:static !important;width:40px !important;height:40px !important;background-size:contain !important;transform:translateY(0) !important;margin:0 !important;background-repeat:no-repeat;background-position:center}#casestudy_piano .swiper-button-next{margin-left:20px !important;background-image:url("../images/right.svg")}#casestudy_piano .swiper-button-next:hover{transform:translateX(5px) !important}#casestudy_piano .swiper-button-prev:hover{transform:scale(-1, 1) translateX(5px) !important}#casestudy_piano .swiper-button-prev{background-image:url("../images/right.svg");transform:scale(-1, 1) !important}#casestudy_piano .swiper-nav-wrap{width:100%;margin:20px auto 0 auto;height:40px;position:relative;display:flex;justify-content:flex-end;align-items:center}#casestudy_piano #date_box{line-height:3;color:#000;margin:50px 0;position:relative}#casestudy_piano .letter_categorys{display:flex;justify-content:center !important;margin:0 auto 80px auto !important}#casestudy_piano .letter_categorys a{position:relative;z-index:1;transition:.5s;display:block;width:auto;color:#777;font-size:13px;letter-spacing:2px;margin:0 20px;font-family:"Shippori Mincho B1",serif}#casestudy_piano .letter_categorys a:after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:-3px;width:100%;transform:scale(0, 1);transform-origin:center top;height:1px;background:#333;z-index:-1;transition:all .5s}#casestudy_piano .letter_categorys a:hover{color:#000}#casestudy_piano .letter_categorys a:hover:after{transform:scale(1, 1)}#casestudy_piano .letter_categorys a.select{color:#000}#casestudy_piano .letter_categorys a.select:after{transform:scale(1, 1)}#casestudy_piano section#about_01>header{padding:50px 0 100px 0 !important}#casestudy_piano section#about_01>header>h3{text-align:center;font-family:"Shippori Mincho B1",serif;font-size:16px;letter-spacing:3px;color:#333}@media screen and (max-width: 1000px){#casestudy_piano section#about_01>header{margin-top:-70px;padding:0 0 60px 0 !important}}#casestudy_piano article.about_a,#casestudy_piano article.about_b{margin:100px auto !important;justify-content:space-between}#casestudy_piano article.about_a>div{margin-left:0 !important}#casestudy_piano article.about_a>div.img-wrap>img{display:block;width:100%}#casestudy_piano article.about_a>div,#casestudy_piano article.about_b>div{width:45% !important}#casestudy_piano article.about_b>div.img-wrap>img{display:block;width:100%}#casestudy_piano section#about_01 br.sp{display:none}#casestudy_piano section#about_01 table{font-family:"Shippori Mincho B1",serif;margin:40px 0}#casestudy_piano section#about_01 table th{font-size:30px;font-weight:bold;width:50px;text-align:left;vertical-align:top;line-height:1.3}#casestudy_piano section#about_01 table td{font-size:20px;letter-spacing:2px;line-height:2}#casestudy_piano section#about_01 table td span{display:inline-block;margin:0 -3px}#casestudy_piano .aboutfont{transition:1s;opacity:0;transform:translate3d(-10px, 10px, 10px)}#casestudy_piano .aboutfont.blockIn{opacity:1;transform:translate3d(0, 0, 0)}#casestudy_piano .aboutfont:nth-child(2){transition:1.3s}#casestudy_piano .aboutfont:nth-child(3){transition:1.6s}#casestudy_piano .aboutfont:nth-child(4){transition:1.9s}#casestudy_piano .aboutfont:nth-child(5){transition:2.1s}#casestudy_piano .aboutfont:nth-child(6){transition:2.4s}#casestudy_piano .aboutfont:nth-child(7){transition:2.7s}#casestudy_piano .aboutfont:nth-child(8){transition:3s}#casestudy_piano .aboutfont:nth-child(9){transition:3.3s}#casestudy_piano .aboutfont:nth-child(10){transition:3.6s}#casestudy_piano .aboutfont:nth-child(11){transition:3.9s}#casestudy_piano .aboutfont:nth-child(12){transition:4.2s}#casestudy_piano .aboutfont:nth-child(13){transition:4.4s}#casestudy_piano .aboutfont:nth-child(14){transition:4.6s}#casestudy_piano .aboutfont:nth-child(15){transition:4.8s}#casestudy_piano .aboutfont:nth-child(16){transition:5s}#casestudy_piano .aboutfont:nth-child(17){transition:5.2s}#casestudy_piano .aboutfont:nth-child(18){transition:5.4s}#casestudy_piano .aboutfont:nth-child(19){transition:5.6s}#casestudy_piano .aboutfont:nth-child(20){transition:5.8s}#casestudy_piano .aboutfont:nth-child(21){transition:6s}#casestudy_piano .aboutfont:nth-child(22){transition:6.2s}#casestudy_piano .aboutfont:nth-child(23){transition:6.4s}#casestudy_piano .aboutfont:nth-child(24){transition:6.6s}#casestudy_piano .aboutfont:nth-child(25){transition:6.8s}#casestudy_piano .aboutfont:nth-child(26){transition:7s}#casestudy_piano section#about_02{padding:100px 0 !important}#casestudy_piano section#about_02 h2{font-family:"Shippori Mincho B1",serif;font-size:14px !important;line-height:1.8}#casestudy_piano section#about_02 p{text-align:justify}#casestudy_piano section#about_03{padding:50px 0 100px 0 !important}#casestudy_piano section#about_03>div{width:80% !important;max-width:1000px;margin:0 auto !important}#casestudy_piano section#about_04{padding:50px 0 100px 0 !important}#casestudy_piano section#about_04>div:nth-child(2){width:80% !important;max-width:1000px;margin:0 auto !important}#casestudy_piano section#about_04 .img-wrap{margin:0;width:20% !important}#casestudy_piano section#about_04 .img-wrap img{display:block;width:100%}#casestudy_piano section#about_05>article{padding:100px 0 !important}#casestudy_piano section#about_05>article>div{max-width:1000px;margin:80px auto 0 auto !important}#casestudy_piano section#about_05 dt{font-family:"Shippori Mincho B1",serif;letter-spacing:2px;font-weight:bold}#casestudy_piano section#casestudy_01>div#casestudymain>h1{background:url("../images/neijitsu.svg") no-repeat center !important}#casestudy_piano .casestudy_header{position:relative;z-index:1;background-color:#f5f1ee;width:100%;height:auto;padding:30px 0 50px 0}#casestudy_piano .casestudy_header .number{font-size:20px;letter-spacing:4px;text-align:center;font-weight:bold;display:block;margin:20px 0}#casestudy_piano .casestudy_header strong{display:block;text-align:center;font-family:"Shippori Mincho B1",serif;font-size:17px;letter-spacing:3px}#casestudy_piano .casestudy_header min{display:block;text-align:center;font-family:"Shippori Mincho B1",serif;margin-top:20px}#casestudy_piano article.casestudy_02_01{margin:100px 0}#casestudy_piano article.casestudy_02_01>div{flex-wrap:wrap;justify-content:space-between}#casestudy_piano article.casestudy_02_01>div>p{width:48% !important;line-height:2 !important;font-family:"Shippori Mincho B1",serif;font-size:13px}#casestudy_piano article.casestudy_02_01>div>p>strong{display:block;font-size:15px;margin:0 0 30px 0}#casestudy_piano article.casestudy_02_01 .images{width:45%;margin-right:0;display:flex;justify-content:space-between;align-items:flex-start}#casestudy_piano article.casestudy_02_01 .images .img-wrap{width:48%}#casestudy_piano article.casestudy_02_01 .images .img-wrap img{display:block;width:100%}@media screen and (max-width: 1200px){#casestudy_piano article.casestudy_02_01 .images .img-wrap:nth-child(1){display:none}#casestudy_piano article.casestudy_02_01 .images .img-wrap:nth-child(2){width:100%}}#casestudy_piano article.casestudy_02_02{margin-bottom:30px !important;padding-bottom:100px !important}#casestudy_piano section#casestudy_03>header>h2{text-indent:inherit !important;font-family:"Shippori Mincho B1",serif;width:100% !important;height:auto !important;background-image:url("http://yamori-kinoie.com/data/wp-content/themes/yamori_2019/images/casestudy_sec_03_02.png") !important;background-size:contain !important;background-position:right center !important;letter-spacing:3px;font-size:15px;padding:5px 0 !important}#casestudy_piano section#casestudy_03>header>h2>span{font-family:"Noto Sans JP","Yu Gothic","YuGothic",sans-serif !important;letter-spacing:4px;margin-right:20px}#casestudy_piano section#casestudy_03>article{margin:0 auto 100px auto !important;flex-wrap:wrap;justify-content:space-between}#casestudy_piano section#casestudy_03>article>p{width:46% !important}#casestudy_piano section#casestudy_03>article>div{width:46% !important;margin-left:0 !important}#casestudy_piano section#casestudy_03>article>p{line-height:2.3;font-size:13px;text-align:justify}#casestudy_piano section#casestudy_03>article>div>div{margin-bottom:30px !important;align-items:center}#casestudy_piano section#casestudy_03>article>div>div>dl{margin-left:8% !important;padding-top:0 !important}#casestudy_piano section#casestudy_03 dl{font-family:"Shippori Mincho B1",serif}#casestudy_piano section#casestudy_03 dt{margin-bottom:10px}#casestudy_piano section#contact>header{padding:0 0 50px 0 !important}#casestudy_piano section#contact>header>p{margin-top:-20px !important;line-height:2}#casestudy_piano section#contact>header>div:nth-child(3){width:80% !important;max-width:600px}#casestudy_piano section#contact>div{width:80% !important;max-width:600px}#casestudy_piano section#contact input[type=text],#casestudy_piano section#contact select,#casestudy_piano section#contact textarea{border:1px solid rgba(0,0,0,.2);display:block;width:100%;box-sizing:border-box;padding:10px 5px;font-family:"Noto Sans JP","Yu Gothic","YuGothic",sans-serif}#casestudy_piano section#contact input.min{display:inline-block;width:25%}#casestudy_piano section#contact dt{width:40% !important;padding:10px 10px 10px 0}#casestudy_piano section#contact dd{width:60% !important}#casestudy_piano section#contact .pad{padding:10px 0}#casestudy_piano section#contact input[type=submit]{letter-spacing:2px;font-family:"Shippori Mincho B1",serif}#casestudy_piano .top_casestudy_title{position:relative}#casestudy_piano .casestudy-slider{padding-bottom:80px;position:relative;width:100%;height:auto !important}#casestudy_piano .casestudy-slider:after{content:"scroll";font-family:"Shippori Mincho B1",serif;color:#b8967b;letter-spacing:1px;position:absolute;bottom:10px;left:0}#casestudy_piano .casestudy-slider img{width:100%}#casestudy_piano .swiper-pagination{text-align:left !important}#casestudy_piano #casestudy_piano{width:90%;padding-top:200px;margin:0 auto}#casestudy_piano #casestudy_piano .mainv{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:50px auto 0 auto;width:90%}#casestudy_piano #casestudy_piano .mainv>.img-wrap{width:70%;height:auto}#casestudy_piano #casestudy_piano .mainv>.img-wrap>img{transform:scale(1.1);animation:zoomout 3s;animation-delay:1.3s;animation-fill-mode:forwards;object-fit:contain;display:block;width:100%;height:auto}@keyframes zoomout{100%{transform:scale(1)}}#casestudy_piano #casestudy_piano .mainv>h3{width:25%;display:flex;justify-content:center}#casestudy_piano #casestudy_piano .mainv>h3>img{display:block;width:100%;max-width:130px;height:350px}#casestudy_piano .casestudy_content_01{width:90%;max-width:800px;margin:100px auto}#casestudy_piano .casestudy_content_01 p{width:100%;font-family:"Shippori Mincho B1",serif;font-size:15px;line-height:2;text-align:justify;letter-spacing:1px}#casestudy_piano .casestudy_content_02{font-family:"Shippori Mincho B1",serif;width:90%;max-width:800px;margin:100px auto}#casestudy_piano .imgwrap{overflow:hidden}#casestudy_piano .casestudy_content_02>.imgwrap,#casestudy_piano .casestudy_content_02>.imgwrap>img{display:block;width:100%}#casestudy_piano .casestudy_content_02>p{text-align:justify;font-size:14px;line-height:1.8;margin:20px 0 50px 0}#casestudy_piano .casestudy_content_02 strong img{display:block;width:100%;max-width:450px;margin:50px 0 30px 0}#casestudy_piano .casestudy_content_04 p{width:90%;max-width:700px;margin:100px auto;order:1;font-family:"Shippori Mincho B1",serif;font-size:15px;line-height:2;letter-spacing:1px;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;height:385px}#casestudy_piano .casestudy_content_data{background-color:#e6e6e6;padding:100px 0;margin:100px 0}#casestudy_piano .casestudy_content_data span.sp{display:none}#casestudy_piano .casestudy_content_data_inner{width:90%;max-width:800px;margin:0 auto}#casestudy_piano .casestudy_content_data_inner h5{background-image:url("../category/casestudy/images/icon.svg");background-size:25px;background-repeat:no-repeat;background-position:top 0 right 0;letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid #000;font-size:16px;line-height:1.7;font-family:"Shippori Mincho B1",serif}#casestudy_piano .casestudy_content_data_inner h5 span{font-family:"Noto Sans JP","Yu Gothic","YuGothic",sans-serif;display:inline-block;margin-right:30px}#casestudy_piano .casestudy_content_data_inner h5 br{display:none}#casestudy_piano .casestudy_content_data_box{padding:30px 0 0 0;letter-spacing:1px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}#casestudy_piano .casestudy_content_data_box img.dataimg{margin-bottom:30px;display:block;width:100%}#casestudy_piano .casestudy_content_data_box div{width:47%;line-height:2;text-align:justify}#casestudy_piano .casestudy_content_data_box div img{display:block;width:40%}#casestudy_piano .casestudy_content_data_box div:nth-child(1) strong{display:block;font-size:14px;margin:25px 0 0 0;font-family:"Shippori Mincho B1",serif}#casestudy_piano .two-image,#casestudy_piano .three-image,#casestudy_piano .three-image2{display:flex;justify-content:space-between;align-items:flex-start}#casestudy_piano .two-image>.imgwrap,#casestudy_piano .three-image2>div{width:49%;height:auto}#casestudy_piano .three-image>.imgwrap{width:32%;height:auto}#casestudy_piano .two-image>.imgwrap>img,#casestudy_piano .three-image>.imgwrap>img,#casestudy_piano .three-image2 img{display:block;width:100%}#casestudy_piano .three-image2>div>div:nth-child(2){margin-top:5%}#casestudy_piano .single_blog_wrap{margin:0 auto;background-color:#fff;width:90% !important;max-width:700px !important;box-sizing:border-box;padding:80px}#casestudy_piano .single_blog_wrap img{display:block;width:100%;height:auto}#casestudy_piano .single_blog_wrap a{color:#000;text-decoration:underline}#casestudy_piano .single_blog_inner div:nth-child(2){margin:20px 0}#casestudy_piano .single_blog_inner h3{margin:10px 0 20px 0}#casestudy_piano .single_blognav_wrap{width:90%;max-width:700px;margin:20px auto 0 auto;display:flex;justify-content:space-between}#casestudy_piano #top_info nav ul,#casestudy_piano #sub_info nav ul{width:90%;max-width:1500px;margin:0 auto;display:flex;justify-content:center}#casestudy_piano #top_info nav ul li,#casestudy_piano #sub_info nav ul li{margin:0 20px}#casestudy_piano table.confirmtable{margin-bottom:50px;width:100%}#casestudy_piano table.confirmtable tr:nth-child(1){border-top:1px solid rgba(0,0,0,.1)}#casestudy_piano table.confirmtable tr{border-bottom:1px solid rgba(0,0,0,.1)}#casestudy_piano table.confirmtable th,#casestudy_piano table.confirmtable td{padding:15px 0}#casestudy_piano table.confirmtable th{text-align:left;font-weight:normal}#casestudy_piano .complete{line-height:2;letter-spacing:1px}#casestudy_piano .complete h2{font-family:"Shippori Mincho B1",serif;margin-bottom:10px}#casestudy_piano .complete a{display:block;width:200px;height:60px;line-height:60px;background-color:#fff;color:#b9967c;text-align:center;border:1px #b9967c solid;margin:40px auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#casestudy_piano .complete a:hover{background-color:#b9967c;color:#fff;border:1px #b9967c solid}#casestudy_piano .my_searchform{width:90%;max-width:700px;margin:0 auto 100px auto;display:flex;justify-content:space-between;flex-wrap:wrap}#casestudy_piano .my_searchform input[type=text]{border:none;padding:10px;width:40%;box-sizing:border-box;font-family:"Shippori Mincho B1",serif}#casestudy_piano .my_searchform select{border:none;padding:10px;width:20%;box-sizing:border-box;font-family:"Shippori Mincho B1",serif}#casestudy_piano .my_searchform input[type=submit]{background-color:#000;color:#fff;padding:10px;box-sizing:border-box;width:15%;font-family:"Shippori Mincho B1",serif;transition:.5s;border:none}#casestudy_piano .my_searchform input[type=submit]:hover{opacity:.7}#casestudy_piano .top_concept_wrapper{margin:50px 0 80px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#casestudy_piano .top_concept_wrapper>div:nth-child(1){width:40%}#casestudy_piano .top_concept_wrapper>div:nth-child(2){width:60%}#casestudy_piano .top_concept_wrapper>div:nth-child(2) img{display:block;width:100%;height:auto}#casestudy_piano .top_concept_wrapper .inner{width:50%;max-width:320px;margin:0 auto}#casestudy_piano .top_concept_wrapper strong img{width:100%;max-width:290px;display:block}#casestudy_piano .top_concept_wrapper p{margin:30px 0 50px 0;font-size:13px;line-height:2;letter-spacing:1px}#casestudy_piano .tags{margin-top:30px}#casestudy_piano .tags img{display:inline-block;width:16px;transform:translateY(3px);margin-right:8px}#casestudy_piano .tags a{color:#333;font-size:11px;transition:.2s;text-decoration:none;background-color:#f5f1ee;border-radius:3px;padding:4px 8px;margin-right:5px}#casestudy_piano .tags a:hover{background-color:#b8957c;color:#fff !important}#casestudy_piano .tag-list{width:90%;max-width:1500px;margin:50px auto 0 auto;box-sizing:border-box;padding:20px;background-color:#fff}#casestudy_piano .tag-list li{display:inline-block;margin:5px 0}#casestudy_piano .tag-list li:first-child{margin-bottom:10px;width:100%}#casestudy_piano .tag-list img{display:inline-block;width:16px;transform:translateY(3px);margin-right:5px}#casestudy_piano .tag-list a{color:#333;transition:.2s;text-decoration:none;background-color:#f5f1ee;border-radius:3px;padding:5px 10px;margin-right:10px}#casestudy_piano .tag-list a:hover{background-color:#b8957c;color:#fff !important}@media screen and (max-width: 1000px){#casestudy_piano header#main{height:80px !important;z-index:500 !important}#casestudy_piano header#main>div>ul,#casestudy_piano header#main>div>a.fb_btn,#casestudy_piano header#main>div>a.insta_btn,#casestudy_piano header#main>div>a#openhouse{display:none !important}#casestudy_piano header#main>h1{width:70px !important;height:37.5px !important;margin:0 auto 0 5% !important;padding:22.5px 0 !important}#casestudy_piano header#main>h1>a{display:block !important;width:70px !important;height:37.5px !important;overflow:hidden !important;text-indent:100% !important;white-space:nowrap !important;background:url(../images/header_h1.png) no-repeat center !important;background-size:100% !important}#casestudy_piano div#iphone_nav{display:block !important}#casestudy_piano ul.drawer-menu>li>a.fb_btn{display:block;width:60px;height:40px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/nav_06.png) no-repeat center;background-size:100%}#casestudy_piano ul.drawer-menu>li>a.insta_btn{display:block;width:70px;height:40px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/nav_08.png) no-repeat center;background-size:100%}#casestudy_piano .top_casestudy_title{width:40%;position:sticky;top:130px;left:0}#casestudy_piano .top_casestudy_title img{width:50%;max-width:150px}#casestudy_piano .top_casestudy_contents{width:60%}#casestudy_piano .top_casestudy_contents a{width:100%}#casestudy_piano .top_casestudy_contents a .img-wrap{padding-top:80%}#casestudy_piano .top_casestudy_contents .c_tag{margin:30px 0 20px 0;min-height:42px}#casestudy_piano .top_casestudy_contents .c_tag span{padding:5px 10px}#casestudy_piano .top_casestudy_contents h4 br{display:none}#casestudy_piano .top_casestudy_contents p{min-height:200px}#casestudy_piano #top_info p.tag,#casestudy_piano #sub_info p.tag{font-size:10px}#casestudy_piano #top_info p.date,#casestudy_piano #sub_info p.date{font-size:10px}#casestudy_piano section#works_01{padding-top:0 !important}#casestudy_piano section#info_01{padding-top:30px !important}#casestudy_piano section#about_01 table{margin:0 0 20px 0}#casestudy_piano section#about_01 table th{font-size:25px;width:40px}#casestudy_piano section#about_01 table td{font-size:16px}#casestudy_piano article.casestudy_02_01 .images{width:100%;margin-bottom:60px}#casestudy_piano article.casestudy_02_01 .images .img-wrap:nth-child(1){display:block}#casestudy_piano article.casestudy_02_01 .images .img-wrap:nth-child(2){width:48%}#casestudy_piano article.casestudy_02_01>div>p{width:100% !important}#casestudy_piano section#casestudy_03>article>p{font-size:10px;line-height:1.8;margin-top:30px;width:100% !important;order:2}#casestudy_piano section#casestudy_03>article>div{width:100% !important;order:1;margin-left:0 !important}#casestudy_piano section#contact{padding-top:30px !important}#casestudy_piano #casestudy_piano{padding-top:50px !important}#casestudy_piano .top_concept_wrapper>div:nth-child(1){order:2;width:100%}#casestudy_piano .top_concept_wrapper>div:nth-child(2){order:1;width:100%}#casestudy_piano .top_concept_wrapper{margin:0 0 50px 0}#casestudy_piano .top_concept_wrapper .inner{width:80%;max-width:none;text-align:center;margin:80px auto 0 auto}#casestudy_piano .top_concept_wrapper strong img{margin:0 auto}#casestudy_piano .top_works_inner{margin:0 auto}#casestudy_piano section#about_01>header{margin-top:-70px;padding:0 0 60px 0 !important}#casestudy_piano #top_info p.date,#casestudy_piano #sub_info p.date{letter-spacing:1px}#casestudy_piano #top_info p.tag,#casestudy_piano #sub_info p.tag{letter-spacing:1px}}@media screen and (max-width: 768px){#casestudy_piano .top_works_inner a{width:48%;margin-bottom:8%}#casestudy_piano #top_info>div>article,#casestudy_piano #sub_info>div>article{width:48% !important;margin-bottom:8% !important}#casestudy_piano #top_info>div>article:first-child,#casestudy_piano #sub_info>div>article:first-child{width:48% !important}#casestudy_piano #sub_info .archive_info_wrap{margin-top:-30px !important}#casestudy_piano #top_info,#casestudy_piano #sub_info{padding:30px 0 !important}#casestudy_piano #top_slide_2{display:block !important}#casestudy_piano #top_slide_4{display:block !important}#casestudy_piano .swiper-container{height:870px !important}#casestudy_piano article.top_concept_1_02>div>p,#casestudy_piano article.top_concept_2_02>div>p,#casestudy_piano article.top_concept_3_02>div>p{line-height:2 !important}#casestudy_piano article.top_concept_1_01 .top_left img{margin:80px auto 0 50px !important;width:300px !important;height:262px !important}#casestudy_piano article.top_concept_1_01 .top_right img{margin:100px auto 50px auto !important}#casestudy_piano article.top_concept_2_01 .top_right img{width:240px !important;height:264px !important;margin:140px 50px 0 auto !important}#casestudy_piano article.top_concept_2_01 .top_left img{margin:100px auto 55px auto !important}#casestudy_piano article.top_concept_2_02>div{width:490px !important}#casestudy_piano article.top_concept_3_01 .top_left img{width:310px !important;height:225px !important}#casestudy_piano article.top_concept_3_01 .top_left img{width:310px !important;height:225px !important}#casestudy_piano article.top_concept_3_01 .top_right img{margin:100px auto 76px auto !important}#casestudy_piano article.top_concept_3_02>div{width:490px !important}#casestudy_piano .top_casestudy_title a p{margin:15px 0 0 0;font-size:14px}#casestudy_piano .top_casestudy_re{margin:30px auto}#casestudy_piano #single_works .slider{height:40vmax !important;max-height:400px !important}#casestudy_piano article.about_a>div,#casestudy_piano article.about_b>div{width:100% !important}#casestudy_piano section#about_01 table{margin:40px 0 20px 0}#casestudy_piano section#about_02>div{flex-wrap:wrap}#casestudy_piano section#about_02>div>article{width:100% !important;margin-left:0 !important}#casestudy_piano section#about_02>div>article h2{margin-top:50px !important}#casestudy_piano section#about_02>div>article p{margin-bottom:70px !important}#casestudy_piano section#about_02{padding:100px 0 30px 0 !important}#casestudy_piano section#about_04{padding:0 0 100px 0 !important}#casestudy_piano section#about_04>div:nth-child(1){padding-top:80px !important}#casestudy_piano section#about_04>div{flex-wrap:wrap}#casestudy_piano section#about_04>div>div{width:100% !important;margin:0 !important}#casestudy_piano section#about_04 .img-wrap{width:100% !important;margin-bottom:50px !important}#casestudy_piano .casestudy-slider{padding-bottom:0}#casestudy_piano .top_casestudy_contents{padding-bottom:50px}#casestudy_piano .casestudy_content_01,#casestudy_piano .casestudy_content_02{margin:50px auto}#casestudy_piano .casestudy_content_data{padding:50px 0;margin:50px 0}#casestudy_piano .casestudy_content_data_box img.dataimg{width:100%}#casestudy_piano .casestudy_content_data_box div{width:100%}#casestudy_piano .casestudy_content_data_box div p{margin-bottom:20px}#casestudy_piano .my_searchform input[type=text]{width:40%}#casestudy_piano .my_searchform select{width:15%}#casestudy_piano .my_searchform input[type=submit]{width:20%}#casestudy_piano section#about_01>header{margin-top:0}#casestudy_piano .single_blog_wrap{margin:-30px auto 0 auto}}@media screen and (max-width: 570px){#casestudy_piano .top_works_inner a{margin-bottom:15%}#casestudy_piano .top_works_inner a p{margin:15px 0 0 0;font-size:12px;letter-spacing:1px}#casestudy_piano .loader-wrap img.loader1{height:100%;max-height:280px}#casestudy_piano .loader-wrap img.loader2{max-width:150px}#casestudy_piano .sub-loader-wrap img.loader2{max-width:100px}#casestudy_piano article.top_concept_1_02>div>p,#casestudy_piano article.top_concept_2_02>div>p,#casestudy_piano article.top_concept_3_02>div>p{-webkit-writing-mode:horizontal-tb !important;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb !important;width:100% !important;margin:0 !important}#casestudy_piano article.top_concept_1_02>div,#casestudy_piano article.top_concept_2_02>div,#casestudy_piano article.top_concept_3_02>div{display:block !important;flex-direction:row-reverse !important;margin:-150px auto 0 auto !important;width:85% !important}#casestudy_piano article.top_concept_1_01 .top_left img{margin:50px auto 0 30px !important;width:100% !important;height:auto !important}#casestudy_piano article.top_concept_1_01 .top_right img{width:45% !important;margin:80px auto 74px auto !important}#casestudy_piano article.top_concept_2_01 .top_right img{width:80% !important;height:auto !important;margin:80px 40px 0 auto !important}#casestudy_piano article.top_concept_2_01 .top_left img{width:45% !important;margin:80px auto !important}#casestudy_piano article.top_concept_2_02>div{width:85% !important}#casestudy_piano article.top_concept_3_01 .top_left img{width:100% !important;height:auto !important}#casestudy_piano article.top_concept_3_01 .top_right img{width:33% !important;margin:80px 50px 95px auto !important}#casestudy_piano article.top_concept_3_02>div{width:85% !important}#casestudy_piano .top_casestudy_contents h4{font-size:15px}#casestudy_piano .top_casestudy_contents strong{font-size:13px}#casestudy_piano .top_casestudy_contents p{font-size:12px}#casestudy_piano .top_casestudy_contents .right svg{max-width:40px}#casestudy_piano .top_casestudy_title{top:100px}#casestudy_piano article.about_a,#casestudy_piano article.about_b{margin:50px auto !important}#casestudy_piano section#about_02{padding:50px 0 10px 0 !important}#casestudy_piano section#about_02>div>article h2{margin-top:30px !important}#casestudy_piano section#about_02>div>article p{margin-bottom:40px !important}#casestudy_piano section#about_03{padding:10px 0 !important}#casestudy_piano section#about_04{padding:0 0 50px 0 !important}#casestudy_piano section#about_05>article{padding:60px 0 50px 0 !important}#casestudy_piano section#about_05>article>img{width:80% !important}#casestudy_piano section#about_05>article>div{flex-wrap:wrap;margin:40px auto 0 auto !important}#casestudy_piano div.about_05_left{width:100% !important}#casestudy_piano div.about_05_right{width:100% !important;margin-left:0% !important}#casestudy_piano section#contact dl{flex-wrap:wrap;margin-bottom:30px !important}#casestudy_piano section#contact dt{display:block;width:100% !important}#casestudy_piano section#contact dd{display:block;width:100% !important}#casestudy_piano section#contact dt>span{display:inline-block !important;margin-left:15px !important;padding:0 5px !important}#casestudy_piano section#contact>header>div>a.contact_tel,#casestudy_piano section#contact>header>div>a.contact_tel:hover,#casestudy_piano section#contact>header>div>a.contact_mail,#casestudy_piano section#contact>header>div>a.contact_mail:hover{width:100% !important;height:70px !important}#casestudy_piano table.confirmtable th,#casestudy_piano table.confirmtable td{display:block;width:100%;padding:0}#casestudy_piano table.confirmtable th{padding-top:15px;font-weight:bold;padding-bottom:5px}#casestudy_piano table.confirmtable td{padding-bottom:15px}#casestudy_piano .single_blog_wrap{padding:30px}#casestudy_piano #casestudy_piano .mainv>.img-wrap{width:100%;margin-bottom:50px;margin-top:-50px !important}#casestudy_piano #casestudy_piano .mainv>h3{width:100%}#casestudy_piano #casestudy_piano .mainv>h3>img{max-width:100px;height:280px}#casestudy_piano .casestudy_content_01,#casestudy_piano .casestudy_content_02{margin:30px auto}#casestudy_piano .casestudy_content_01 p{font-size:13px}#casestudy_piano .casestudy_content_02{font-size:14px;margin:50px auto}#casestudy_piano .casestudy_content_02>p{font-size:12px;margin:10px 0 30px 0}#casestudy_piano .casestudy_content_data{padding:30px 0;margin:30px 0 50px 0}#casestudy_piano .casestudy_content_data_inner h5{background-size:20px;padding-bottom:15px;font-size:14px}#casestudy_piano .casestudy_content_data_inner h5 span{display:block;margin-bottom:5px}#casestudy_piano .casestudy_content_data_box div img{width:50%}#casestudy_piano .casestudy_content_data_box div{line-height:1.7}#casestudy_piano div#bnr>a:first-child span{width:110px !important;background-position:center !important;background-size:110px !important}#casestudy_piano div#bnr>a:nth-child(2) span{width:110px !important;background-position:center !important;background-size:110px !important}#casestudy_piano .top_concept_wrapper strong img{max-width:230px}#casestudy_piano .more{padding:20px 0;max-width:230px;margin:0 auto 50px auto}#casestudy_piano .top_concept_wrapper{margin:0}#casestudy_piano .top_concept_wrapper p{font-size:12px}#casestudy_piano .top_concept_wrapper .inner{margin:50px auto 0 auto}#casestudy_piano section#about_05 dt{font-size:13px !important}#casestudy_piano section#about_05 dd{margin:10px 0 30px 0 !important}}@media screen and (max-width: 480px){#casestudy_piano img#slide_center_logo{width:45%;max-width:45%}#casestudy_piano .swiper-container{height:800px !important}#casestudy_piano article.top_concept_1_02>div,#casestudy_piano article.top_concept_2_02>div,#casestudy_piano article.top_concept_3_02>div{width:100% !important;margin:-170px auto 0 auto !important}#casestudy_piano article.top_concept_1_02>div>p,#casestudy_piano article.top_concept_2_02>div>p,#casestudy_piano article.top_concept_3_02>div>p{font-size:12px !important}#casestudy_piano article.top_concept_1_02>div>p>span,#casestudy_piano article.top_concept_2_02>div>p>span,#casestudy_piano article.top_concept_3_02>div>p>span{display:inline !important}#casestudy_piano .top_casestudy_title img{width:70%;max-width:70%}#casestudy_piano .top_casestudy_title a p{margin:10px 0 0 0;font-size:12px;letter-spacing:1px}#casestudy_piano .top_casestudy_title a{margin:50px 0}#casestudy_piano .top_casestudy_re{margin:0 auto 30px auto}#casestudy_piano #top_works{padding:50px 0}#casestudy_piano .top_casestudy_contents .c_tag span{padding:3px 8px;font-size:10px;letter-spacing:1px}#casestudy_piano .top_casestudy_contents h4 br{display:block}#casestudy_piano #single_works{margin:0 auto 200px auto}#casestudy_piano #single_works:after{height:80px;bottom:-130px}#casestudy_piano #single_works .slider{height:30vmax !important;max-height:200px !important}#casestudy_piano #single_works .slider-thumbnail{margin-top:10px;height:6vmax !important}#casestudy_piano .swiper-button-prev,#casestudy_piano .swiper-button-next{width:30px !important;height:30px !important}#casestudy_piano .swiper-button-next{margin-left:10px !important}#casestudy_piano .swiper-nav-wrap{margin:10px auto 0 auto;height:30px}#casestudy_piano .letter_categorys{text-align:center}#casestudy_piano .letter_categorys a{display:inline-block;font-size:12px;margin:0 10px}#casestudy_piano section#about_01 br.sp{display:block}#casestudy_piano section#about_01 table th{font-size:20px;width:30px}#casestudy_piano section#about_01 table td{font-size:14px}#casestudy_piano .footer_left>div>address{font-size:10px !important}#casestudy_piano .my_searchform{margin:0 auto 50px auto}#casestudy_piano .my_searchform input[type=text]{width:55%}#casestudy_piano .my_searchform select{width:20%}#casestudy_piano .my_searchform input[type=submit]{width:100%;margin-top:3%}#casestudy_piano .casestudy_content_data_inner h5 br{display:block}#casestudy_piano section#about_01>header>h3{font-size:14px;width:80%;margin:0 auto;text-align:left;line-height:1.8;letter-spacing:1px}#casestudy_piano section#about_03>div>dl{padding:15px 0 !important}#casestudy_piano section#about_03>div>dl>dt{margin-bottom:5px}#casestudy_piano #top_info{padding:30px 0 50px 0 !important}#casestudy_piano #top_info .archive_info_wrap{margin:0 auto}#casestudy_piano #top_info>div>article>a>div:nth-child(2),#casestudy_piano #sub_info>div>article>a>div:nth-child(2){line-height:1}#casestudy_piano #top_info>div>article>a>h3,#casestudy_piano #sub_info>div>article>a>h3{font-size:12px !important}#casestudy_piano #top_info .img-wrap,#casestudy_piano #sub_info .img-wrap{margin-bottom:20px !important}#casestudy_piano .tags a{font-size:10px;padding:3px 6px !important}#casestudy_piano .tags img{width:13px;margin-right:5px}}#casestudy_piano .search_results_title{width:90%;max-width:700px;margin:0 auto;font-family:"Shippori Mincho B1",serif;border-bottom:1px solid #000;font-size:20px;padding-bottom:10px;display:block !important}#casestudy_piano .search_results_list{width:90%;max-width:700px !important;margin:30px auto}#casestudy_piano .search_results_list li{border-bottom:1px solid rgba(0,0,0,.1)}#casestudy_piano .search_results_list li a{display:block;color:#000;padding:20px 0;font-weight:bold;transition:.5s}#casestudy_piano .search_results_list a span{margin-right:20px;font-weight:normal}#casestudy_piano .search_results_none{width:90%;max-width:700px;margin:0 auto;font-family:"Shippori Mincho B1",serif}@media screen and (max-width: 1000px){#casestudy_piano li.nav_01>a,#casestudy_piano li.nav_02>a,#casestudy_piano li.nav_03>a,#casestudy_piano li.nav_04>a,#casestudy_piano li.nav_05>a,#casestudy_piano li.nav_10>a,#casestudy_piano ul.drawer-menu>li>a.fb_btn,#casestudy_piano ul.drawer-menu>li>a.insta_btn{background-image:none !important;text-indent:inherit !important;font-family:"Shippori Mincho B1",serif;color:#000;width:90% !important;height:auto !important;letter-spacing:2px;margin:20px auto}#casestudy_piano ul.drawer-menu>li>a.fb_btn,#casestudy_piano ul.drawer-menu>li>a.insta_btn{font-style:italic}#casestudy_piano ul.drawer-menu>li>a{transition:.5s}#casestudy_piano ul.drawer-menu>li>a:hover{opacity:.5}}



#case05{padding:10rem 1rem;background:#e8e3df}
@media screen and (min-width: 600px){#case05{padding:20rem 1rem}}
#case05 article{margin:0 auto;max-width:160rem}
#case05 article .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}
#case05 article .wrapper{display:flex;flex-direction:column-reverse;gap:10rem}
#case05 article .wrapper h2{font-size:2.2rem;padding-bottom:10rem;border-bottom:1px solid #000;margin-bottom:20rem}
#case05 article .wrapper h2::before{content:attr(data-text);display:inline-block;font-family:"EB Garamond",serif;font-style:italic;text-transform:none;letter-spacing:.1em;margin-right:5rem}

#case05 article .contents{display:grid;gap:10rem;margin:0 auto 20rem;max-width:90rem;font-size:1.5rem;line-height:2.5}

#case05 article .contents .image1{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
#case05 article .contents .image1 figure:nth-of-type(1){grid-column:1/3;grid-row:1/2}
#case05 article .contents .image1 figure:nth-of-type(2){grid-column:1/2;grid-row:2/3}
#case05 article .contents .image1 figure:nth-of-type(3){grid-column:2/3;grid-row:2/3}

#case05 article .contents .image1_2{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4rem
}
#case05 article .contents .image1_2 figure:nth-of-type(1){grid-column:1/2;grid-row:1/3}
#case05 article .contents .image1_2 figure:nth-of-type(2){grid-column:1/2;grid-row:2/3}
#case05 article .contents .image1_2 figure:nth-of-type(3){grid-column:2/2;grid-row:1/3}

#case05 article .contents .image1_3{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4rem
}
#case05 article .contents .image1_3 figure:nth-of-type(1){grid-column:1/2;grid-row:1/3}
#case05 article .contents .image1_3 figure:nth-of-type(2){grid-column:2/2;grid-row:1/3}
#case05 article .contents .image1_3 figure:nth-of-type(3){grid-column:2/2;grid-row:2/3}

#case05 article .contents .image2{max-width:60rem}
#case05 article .contents .text1{display:grid;gap:4rem}
#case05 article .contents .text1+P{font-size:1.2rem}
#case05 article .contents .image3{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
#case05 article .contents .image3 figcaption::before{content:"□"}
#case05 article .contents .image4{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
#case05 article .contents .image5{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem}
#case05 article .data{border-top:1px solid #000;padding-top:10rem;padding-inline:calc(50vw - 50%);margin-inline:calc(50% - 50vw)}
@media screen and (min-width: 600px){#case05 article .data{padding-top:20rem}}
#case05 article .data dl{display:grid;max-width:90rem;margin-inline:auto;font-size:1.2rem;line-height:2}
@media screen and (min-width: 600px){#case05 article .data dl{grid-template-columns:1fr 1fr}}
#case05 article .data dl dt{margin-bottom:3rem}
#case05 article .data dl dd ul li{padding-left:1.25em;text-indent:-1.25em}
#case05 article .data dl dd ul li::before{content:"■"}
#case05 article .grid_caption{
	line-height: 1.5em;
	letter-spacing: .15em;
	margin-top: -4em;
}







#company{padding:10rem 1rem;background:#e8e3df;border-bottom:1px solid #000}@media screen and (min-width: 600px){#company{padding:20rem 1rem}}#company article{margin:0 auto;max-width:160rem}#company article .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}#company article .contents{margin:0 auto;max-width:110rem}#company article .contents dl{margin-bottom:10rem;border-top:1px solid #0c0909}#company article .contents dl div{padding:3rem 0;display:grid;grid-template-columns:10em auto;align-items:center;line-height:2;border-bottom:1px solid #0c0909}#news{padding:30vh 2rem 10rem;background:#e8e3df}@media screen and (min-width: 600px){#news{padding-bottom:20rem}}#news article{margin:0 auto;max-width:160rem}#news article .page-title{margin-bottom:1rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}


#news article .category{display:flex;gap:1rem;font-size:1.2rem;margin-bottom:10rem}
#news article .category li:nth-child(n+2){border-left: solid #000 1px; padding-left: 1em;}
#news article .category li{
	opacity: .7;
}
#news article .category .select{
	opacity: 1;
}

@media screen and (min-width: 1025px){#news article .category{margin-bottom:20rem}}


#news article .contents{margin-bottom:15rem}#news article .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:5rem;margin-bottom:10rem}@media screen and (min-width: 600px){#news article .contents .list{grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr));margin-bottom:20rem}}@media screen and (min-width: 1025px){#news article .contents .list{grid-template-columns:repeat(auto-fit, minmax(37rem, 1fr))}}#news article .contents .list li a{display:grid;gap:2rem}#news article .contents .list li a .news__title{order:3}#news article .contents .list li a div{order:2;display:flex;gap:1rem;color:gray}

#news article .contents .list li a div .news__date{font-size: 1.2rem;}
#news article .contents .list li a div .news__cat{font-size: 1.2rem;}

#news article .contents .list li a div .news__date::after{content:"|";display:inline-block;margin-left:1rem}
#news article .contents .list li a figure{order:1;aspect-ratio:1;overflow:hidden}
#news article .contents .list li a figure img{aspect-ratio:1;object-fit:cover}
#news article .news__contact{border-top:1px solid #000;padding-top:10rem}
#news article .news__contact .wrapper{padding:0;width:fit-content}
#news article .news__contact .wrapper h3{font-size:2.6rem;font-family:"EB Garamond",serif;font-style:italic;text-transform:none;letter-spacing:.1em;text-align:center;margin-bottom:5rem}#news article .news__contact .wrapper .text{margin-bottom:2rem}#news article .news__contact .wrapper .notice{font-size:1.2rem;letter-spacing:.1em;line-height:1.5;margin-bottom:10rem}#news article .news__contact .wrapper .notice p::before{content:"※ "}#news article .news__contact .wrapper .arrow a{display:grid;align-items:center;position:relative;height:15px;width:auto;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#news article .news__contact .wrapper .arrow a:hover{transform:translateX(3rem)}#news-single{padding:30vh 2rem 10rem;background:#e8e3df}#news-single article{margin:0 auto 10rem;max-width:160rem}#news-single article .page-title{margin-bottom:1rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}#news-single article strong{display:flex;gap:1rem;font-size:1.2rem;margin-bottom:7rem}#news-single article .news{padding:5rem 2rem;margin-inline:auto;margin-bottom:10rem;background:#fff}@media screen and (min-width: 600px){#news-single article .news{margin-bottom:20rem}}#news-single article .news__wrapper{display:grid;gap:5rem;max-width:70rem;margin-inline:auto}@media screen and (min-width: 1025px){#news-single article .news__wrapper{grid-template-columns:1fr 70rem 1fr;max-width:fit-content}}#news-single article .news__wrapper div{order:1;font-size:1.4rem}#news-single article .news__title{order:2;font-size:1.8rem;margin-bottom:10rem}#news-single article .news__image,#news-single article .news__data{max-width:70rem;margin-inline:auto}#news-single article .news__image{margin-bottom:10rem}#news-single article .news__data{display:grid;gap:2rem;line-height:2}#news-single article .link{display:flex;justify-content:center;gap:5rem;margin-bottom:10rem}@media screen and (min-width: 600px){#news-single article .link{gap:15rem;margin-bottom:20rem}}#news-single article+aside{width:fit-content;padding-inline:1rem;margin-inline:auto;font-size:1.6rem}#news-single article+aside h3{font-family:"EB Garamond",serif;font-size:2.6rem;font-style:italic;text-align:center;letter-spacing:.1em;margin-bottom:5rem}#news-single article+aside .small{margin-top:2rem;font-size:1.2rem;margin-bottom:5rem;padding-left:1.8em;text-indent:-1.8em}@media screen and (min-width: 600px){#news-single article+aside .small{margin-bottom:10}}#news-single article+aside .arrow{display:grid;align-items:center;position:relative;height:15px;width:100%;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#news-single article+aside .arrow:hover{transform:translateX(3rem)}#blog{padding:30vh 2rem 10rem;background:#e8e3df}@media screen and (min-width: 600px){#blog{padding-bottom:20rem}}#blog article{margin:0 auto;max-width:160rem}#blog article .page-title{margin-bottom:10rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}@media screen and (min-width: 1025px){#blog article .page-title{margin-bottom:20rem}}#blog article .contents .list{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:5rem;margin-bottom:10rem}@media screen and (min-width: 600px){#blog article .contents .list{grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr));margin-bottom:20rem}}@media screen and (min-width: 1025px){#blog article .contents .list{grid-template-columns:repeat(auto-fit, minmax(37rem, 50rem));gap:10rem 5rem}}#blog article .contents .list li .link{display:grid;gap:2rem;margin-bottom:2rem}#blog article .contents .list li .link:hover img{transform:scale(1.1)}#blog article .contents .list li .link h3{order:3;font-size:1.6rem}#blog article .contents .list li .link time{order:2;color:gray}#blog article .contents .list li .link figure{order:1;overflow:hidden}#blog article .contents .list li .link figure img{aspect-ratio:1;transition:transform .8s}#blog article .contents .list li .tag{display:flex;gap:2rem}#blog article .contents .list li .tag a{color:gray}#blog-single{padding:30vh 2rem 10rem;background:#eae3df}#blog-single article{margin:0 auto;max-width:160rem}#blog-single article .page-title{margin-bottom:15rem;padding-bottom:2rem;font-size:clamp(1.6rem,.865rem + .6vw,2rem);border-bottom:1px solid #000}#blog-single article .category{display:flex;gap:1rem;font-size:1.2rem;margin-bottom:7rem}#blog-single article .blog{padding:5rem 2rem;margin-inline:auto;margin-bottom:10rem;background:#fff}@media screen and (min-width: 600px){#blog-single article .blog{margin-bottom:20rem}}#blog-single article .blog__wrapper{display:grid;gap:5rem;max-width:70rem;margin-inline:auto}@media screen and (min-width: 1025px){#blog-single article .blog__wrapper{grid-template-columns:1fr 70rem 1fr;max-width:fit-content}}#blog-single article .blog__wrapper div{order:1;font-size:1.4rem}#blog-single article .blog__title{font-size:2.4rem;margin-bottom:3rem;padding-bottom:1.8rem;border-bottom:1px solid #333;}#blog-single article .blog__tag{margin-bottom:5rem}#blog-single article .blog__image,#blog-single article .blog__data{max-width:70rem;margin-inline:auto}#blog-single article .blog__image{margin-bottom:5rem}#blog-single article .blog__data{-webkit-text-size-adjust:none;text-size-adjust:none;display:grid;gap:2rem;line-height:2;font-size:1.5rem;letter-spacing:0.255rem;}#blog-single article .blog__data h2{font-size:2.4rem;margin-bottom:1rem;padding-bottom:1.4rem;border-bottom:1px solid #333;}#blog-single article .blog__data h3{font-size:2.1rem;font-weight:700;letter-spacing:0.357rem;line-height:1.2;padding-left:9px;border-left:4px solid #D6BEA1;}#blog-single article .blog__data h4{font-size:1.8rem;font-weight:700;letter-spacing: 0.306rem;}#blog-single article .blog__data strong{font-weight:700;color:#8A6D4C;}#blog-single article .blog__data a{text-decoration:underline;color:#8A6D4C!important;}#blog-single article .blog__data a:hover{text-decoration:none;}#blog-single article .blog__data ul{display:grid;gap:6px;}#blog-single article .blog__data ul li{border-bottom:1px dashed #333;display:grid;grid-template-columns:10px 1fr;gap:5px;padding-bottom:6px;}#blog-single article .blog__data ul li::before{background:#D6BEA1;content:'';display:block;border-radius:50%;height:10px;width:10px;margin-top:10px;}#blog-single article .blog__data ol{display:grid;gap:10px;counter-reset:item 0;}#blog-single article .blog__data ol li{display:grid;grid-template-columns:40px 1fr;gap:20px;line-height:1.4;}#blog-single article .blog__data ol li::before{color:#D6BEA1;content:counter(item, decimal-leading-zero);counter-increment:item;display:inline-block;padding-right:20px;border-right:1px solid #D6BEA1}#blog-single article .blog__data table{font-size:1.5rem;line-height:2.2rem;letter-spacing:0.255rem;}#blog-single article .blog__data table thead{background-color:#FAF6EF;}#blog-single article .blog__data table th{background-color:#FAF6EF;font-weight:700;}#blog-single article .blog__data table tbody tr td:first-child{background-color: #FAF6EF;}#blog-single article .blog__data table th,#blog-single article .blog__data table td{border:1px solid #333;height:50px;line-height:50px;min-width:175px;padding:0;text-align:center;text-transform:none;}#blog-single article .link{display:flex;justify-content:center;gap:5rem;margin-bottom:10rem}@media screen and (min-width: 600px){#blog-single article .link{gap:15rem;margin-bottom:20rem}}#blog-single article+aside{width:fit-content;padding-inline:1rem;margin-inline:auto;font-size:1.6rem}#blog-single article+aside h3{font-family:"EB Garamond",serif;font-size:2.6rem;font-style:italic;text-align:center;letter-spacing:.1em;margin-bottom:5rem}#blog-single article+aside .small{margin-top:2rem;font-size:1.2rem;margin-bottom:5rem;padding-left:1.8em;text-indent:-1.8em}@media screen and (min-width: 600px){#blog-single article+aside .small{margin-bottom:10}}#blog-single article+aside .arrow{display:grid;align-items:center;position:relative;height:15px;width:100%;background:url(../images/arrow.svg) no-repeat right center/cover;transition:transform .5s}#blog-single article+aside .arrow:hover{transform:translateX(3rem)}::placeholder{color:#e8e3df}#contact{background-color:#e6e1dd}#contact article{margin:0 auto;max-width:160rem}#contact article .wrapper h2{font-family:"EB Garamond",serif;font-size:2.6rem;font-style:italic;text-transform:none;padding-bottom:2rem;border-bottom:1px solid #050202;margin-bottom:10rem}#contact article .wrapper .mailform{margin-inline:auto;max-width:110rem}#contact article .wrapper .mailform .text_check{margin-bottom:10rem}#contact article .wrapper .mailform .text{line-height:2.5;margin-bottom:10rem}#contact article .wrapper .mailform form{text-transform:none}#contact article .wrapper .mailform form .form{margin-bottom:10rem}#contact article .wrapper .mailform form .enquete{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:10rem;margin-bottom:5rem}#contact article .wrapper .mailform form .enquete+p{margin-bottom:10rem}#contact article .wrapper .mailform form dl{display:grid;gap:2rem;margin-bottom:10rem}#contact article .wrapper .mailform form dl div{display:grid;gap:1rem}@media screen and (min-width: 600px){#contact article .wrapper .mailform form dl div{gap:0;grid-template-columns:13em 1fr}}#contact article .wrapper .mailform form dl div .required{display:flex;gap:.5rem;align-items:center}#contact article .wrapper .mailform form dl div .required::after{content:"*"}#contact article .wrapper .mailform form dl div .check p{display:flex;gap:5rem}#contact article .wrapper .mailform form dl div .check p label{position:relative;display:flex;align-items:center;gap:.5rem}#contact article .wrapper .mailform form dl div .check p label::before{content:"";color:rgba(0,0,0,0);width:1em;aspect-ratio:1/1;border:1px solid #9f9896}#contact article .wrapper .mailform form dl div .check p label::after{content:"✓";position:absolute;top:0;left:.2rem;color:rgba(0,0,0,0)}#contact article .wrapper .mailform form dl div .check p label:has(input[type=radio]:checked)::after,#contact article .wrapper .mailform form dl div .check p label:has(input[type=checkbox]:checked)::after{color:#000}#contact article .wrapper .mailform form dl div .check p label input[type=radio],#contact article .wrapper .mailform form dl div .check p label input[type=checkbox]{display:none}#contact article .wrapper .mailform form dl div .wpcf7-list-item{margin:0 2rem 0 0}#contact article .wrapper .mailform form dl div .genre .wpcf7-list-item{display:block;margin-bottom:1rem}@media screen and (min-width: 600px){#contact article .wrapper .mailform form dl div .genre .wpcf7-list-item{display:inline-block;margin-bottom:0}}#contact article .wrapper .mailform form dl div .soil p span span .wpcf7-list-item:last-of-type{opacity:0;pointer-events:none}#contact article .wrapper .mailform form dl div input:not([type=radio]),#contact article .wrapper .mailform form dl div textarea{width:100%;padding:1rem;font-size:1.4rem;background:#f0edeb;border-radius:5px}#contact article .wrapper .mailform form dl div .textarea p{white-space:pre-wrap}#contact article .wrapper .mailform form dl+.text{border-top:1px solid #000;padding-top:10rem;margin-bottom:5rem}#contact article .wrapper .mailform form .button{text-align:center;cursor:pointer}#contact article .wrapper .mailform form .button.back{margin-bottom:3rem}#contact article .wrapper .mailform form .button.back::after{content:"";visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}#contact article .wrapper .mailform form .button input{max-width:60rem;width:100%;padding:2rem 4rem;color:#fff;background-color:#000;border-radius:5px}#contact-confirm{background-color:#e6e1dd}#contact-confirm article{margin:0 auto;max-width:160rem}#contact-confirm article .wrapper h2{font-family:"EB Garamond",serif;font-size:2.6rem;font-style:italic;text-transform:none;padding-bottom:2rem;border-bottom:1px solid #050202;margin-bottom:10rem}#contact-confirm article .wrapper .mailform{margin-inline:auto;max-width:110rem}#contact-confirm article .wrapper .mailform .text_check{margin-bottom:10rem}#contact-confirm article .wrapper .mailform .text{line-height:2.5;margin-bottom:10rem}#contact-confirm article .wrapper .mailform form{text-transform:none}#contact-confirm article .wrapper .mailform form .form{margin-bottom:10rem}#contact-confirm article .wrapper .mailform form .enquete{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:10rem;margin-bottom:5rem}#contact-confirm article .wrapper .mailform form .enquete+p{margin-bottom:10rem}#contact-confirm article .wrapper .mailform form dl{display:grid;gap:2rem;margin-bottom:10rem}#contact-confirm article .wrapper .mailform form dl div{display:grid;gap:1rem}@media screen and (min-width: 600px){#contact-confirm article .wrapper .mailform form dl div{gap:0;grid-template-columns:15em 1fr}}#contact-confirm article .wrapper .mailform form dl div .required{display:flex;gap:.5rem;align-items:center}#contact-confirm article .wrapper .mailform form dl div .required::after{content:"*"}#contact-confirm article .wrapper .mailform form dl div .check p{display:flex;gap:5rem}#contact-confirm article .wrapper .mailform form dl div .check p label{position:relative;display:flex;align-items:center;gap:.5rem}#contact-confirm article .wrapper .mailform form dl div .check p label::before{content:"";color:rgba(0,0,0,0);width:1em;aspect-ratio:1/1;border:1px solid #9f9896}#contact-confirm article .wrapper .mailform form dl div .check p label::after{content:"✓";position:absolute;top:0;left:.2rem;color:rgba(0,0,0,0)}#contact-confirm article .wrapper .mailform form dl div .check p label:has(input[type=radio]:checked)::after,#contact-confirm article .wrapper .mailform form dl div .check p label:has(input[type=checkbox]:checked)::after{color:#000}#contact-confirm article .wrapper .mailform form dl div .check p label input[type=radio],#contact-confirm article .wrapper .mailform form dl div .check p label input[type=checkbox]{display:none}#contact-confirm article .wrapper .mailform form dl div .wpcf7-list-item{margin:0 2rem 0 0}#contact-confirm article .wrapper .mailform form dl div .genre .wpcf7-list-item{display:block;margin-bottom:1rem}@media screen and (min-width: 600px){#contact-confirm article .wrapper .mailform form dl div .genre .wpcf7-list-item{display:inline-block;margin-bottom:0}}#contact-confirm article .wrapper .mailform form dl div .soil p span span .wpcf7-list-item:last-of-type{opacity:0;pointer-events:none}#contact-confirm article .wrapper .mailform form dl div .textarea p{white-space:pre-wrap}#contact-confirm article .wrapper .mailform form dl+.text{border-top:1px solid #000;padding-top:10rem;margin-bottom:5rem}#contact-confirm article .wrapper .mailform form .button{text-align:center;cursor:pointer}#contact-confirm article .wrapper .mailform form .button.back{margin-bottom:3rem}#contact-confirm article .wrapper .mailform form .button.back::after{content:"";visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}#contact-confirm article .wrapper .mailform form .button input{max-width:60rem;width:100%;padding:2rem 4rem;color:#fff;background-color:#000;border-radius:5px}#contact-thanks{background-color:#e6e1dd}#contact-thanks article{margin:0 auto;max-width:160rem}#contact-thanks article .wrapper h2{font-family:"EB Garamond",serif;font-size:2.6rem;font-style:italic;text-transform:none;padding-bottom:2rem;border-bottom:1px solid #050202;margin-bottom:10rem}#contact-thanks article .wrapper .mailform{margin-inline:auto;max-width:110rem;line-height:2.5}
.top_under_text{
	text-align: center;
	line-height: 2em;
	margin: 3em auto;
	width: 80%;
}
.zeh_table{
	display: flex;
	justify-content: space-between;
	margin: 3em auto;
	width: 90%;
	max-width: 1300px;
}
.zeh_table div{
	width: 48%;
}
.zeh_table p{
	font-size: 12px;
}
.zeh_table table{
	font-size: 12px;
	font-weight: normal;
	width:100%;
	border-collapse: collapse;
	border: solid 1px #000;
}
.zeh_table th{
	border: solid 1px #000;
	background-color: #e6e1dd;
	letter-spacing: 0.3em;
}
.zeh_table td{
	border: solid 1px #000;
	background-color: #fff;
}


@media screen and  (max-width: 999px) {
	.top_under_text{
		letter-spacing: 0.4em;
}
.zeh_table{
	width: 100%;
	display: block;
	margin: 4em auto;
	text-align: center;
}
.zeh_table div{
	width: 100%;
	margin: 4em auto;
}
.zeh_table table{
	width:100%;
	font-size: 14px;
}
}


@media screen and  (max-width: 500px) {
.zeh_table table{
	font-size: 10px;
	width:100%;
}
}

/* 20240627 追加 */
.works__data {
	display: grid;
	gap: 3rem;
}
.works__data figure img {
	width: auto;
	max-width: 100%;
}

/* 20251111 追加 */
@media screen and (max-width: 1100px) {
  .table-wrapper {
    overflow-x: scroll;
    padding: 0 0 1rem;
    scrollbar-color: #e4dbd2 #CFCFCF;
    margin: 0 0 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .table-wrapper .table th {
    min-width: 175px;
  }
}

.youtube {
  aspect-ratio: 16/9;
  width: 100%;
}
.youtube iframe {
  display: block;
  height: 100%;
  width: 100%;
}

#blog-single article .blog__data .su-button {
  background: none !important;
  border: none !important;
  margin: 0 auto;
  width: fit-content;
}
#blog-single article .blog__data .su-button:hover {
  opacity: 1 !important;
}
#blog-single article .blog__data .su-button:hover span {
  background: #FAF6EF !important;
}
#blog-single article .blog__data .su-button:hover span svg path {
  fill: #AD8448;
}
#blog-single article .blog__data .su-button span {
  border: 1px solid #333 !important;
  border-radius: 0 !important;
  color: #333 !important;
  display: block !important;
  font-size: 15px !important;
  line-height: normal !important;
  margin: 0 auto;
  padding: 19px 100px 18px 50px !important;
  position: relative;
  text-decoration: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: fit-content;
}
#blog-single article .blog__data .su-button span svg {
  position: absolute;
  right: 50px;
  top: calc(50% - 4px);
  transition: filter 0.3s ease;
}
#blog-single article .blog__data .su-button span svg path {
  fill: #333;
  transition: fill 0.3s ease;
}