*,*::before,*::after{box-sizing:border-box}html,body{margin:0px;padding:0px;line-height:1}html{font-size:62.5%}h1,h2,h3,h4,h5,h6,p,small,ul,ol,li,dl,dt,dd,figure,figcaption,header,footer,nav,main,article,section,aside,div,iframe,video,audio{margin:0px;padding:0px;font-weight:400}h1,h2,h3,h4,h5,h6,p,small,figure,figcaption,header,footer,nav,main,article,section,aside,div,iframe{display:block}ul,ol,li{list-style-type:none;white-space:nowrap}a{color:#000;text-decoration:none}img{max-width:100%;height:auto;vertical-align:bottom}.cf::after{content:"";display:block;clear:both}dt{white-space:nowrap}input{border:none}button{border:none;background:rgba(0,0,0,0)}a{width:100%;height:100%;display:block}span{display:block}.zen-maru-gothic-regular{font-family:"Zen Maru Gothic",sans-serif;font-weight:400;font-style:normal}.zen-maru-gothic-medium{font-family:"Zen Maru Gothic",sans-serif;font-weight:500;font-style:normal}.zen-maru-gothic-bold{font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-style:normal}.zen-maru-gothic-black{font-family:"Zen Maru Gothic",sans-serif;font-weight:900;font-style:normal}body{font-family:"Zen Maru Gothic",sans-serif;color:#807059;background:#fff}body{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-thumb{background-color:#d8cec0;border:4px solid rgba(0,0,0,0);background-clip:padding-box}header{position:fixed;top:0;right:0;z-index:9999}header{display:flex;gap:0;justify-content:space-between;align-items:top}header .pc{display:none}@media screen and (min-width: 768px){header .pc{display:block}}header .pc{padding:1em}header .pc_menu li{padding-left:1.5em;color:#807059;position:relative}header .pc_menu li a:hover{color:#d8cec0}header .pc_menu li{display:flex;gap:0;justify-content:left;align-items:center}header .pc_menu li a{padding:.5em 0;color:#807059}header .pc_menu li a{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}header .pc_menu li .togglebtn{display:inline-block;width:2em;height:2em;position:relative}header .pc_menu li .togglebtn::after{width:.8em;height:.8em;border-right:1px solid #807059;border-bottom:1px solid #807059;margin:.5em .4em .4em .4em;rotate:45deg}header .pc_menu li .togglebtn::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}header .pc_menu li .togglebtn.open::after{scale:-1 -1;transform:translate(-6px, -6px)}header .pc_menu li .togglebtn:hover{cursor:pointer}header .pc_menu li .togglebtn:hover::after{border-color:#d8cec0}header .pc_menu-child{display:none}header .pc_menu-child.open{display:block;padding-left:1em}header .sp{width:51px;height:51px;margin:5px;position:fixed;top:0;right:0;z-index:-1;border-radius:50px 5px 50px 50px;transition:all .6s}@media screen and (min-width: 768px){header .sp{display:none}}header .sp .menu{opacity:0;visibility:hidden}header .sp .menu li{height:fit-content;padding:0 1.5em;line-height:2;position:relative}header .sp .menu li a{padding:.5em 0;color:#fff}header .sp .menu li a{font-family:"Zen Maru Gothic";font-size:2rem;font-weight:400;line-height:1;letter-spacing:.1rem}header .sp .menu-li::before{content:"";display:block;position:absolute;top:30%;right:0;bottom:0;left:0}header .sp .menu-li::before{width:1em;height:1em;border-radius:50%;background-color:#d8cec0}header .sp .menu-child{width:100%;margin-left:1.5em}header .sp .menu-child li{border:none;padding:0 1em}header .sp .menu-child li::before{content:"";display:block;position:absolute;top:30%;right:0;bottom:0;left:0}header .sp .menu-child li::before{width:.5em;height:.5em;border-radius:50%;background-color:#d8cec0}header .sp .menu-child li a{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}header .sp.open{width:calc(100% - 10px);height:calc(100vh - 10px);display:block;border-radius:10px;background:rgba(128,112,89,.8);transition:all .8s}@media screen and (min-width: 768px){header .sp.open{display:none}}header .sp.open .menu{width:50%;margin:5em 1em auto auto;opacity:1;visibility:inherit;transition:opacity 200ms ease 600ms}header .nav__btn{margin:5px;padding:1em;background:hsla(0,0%,100%,.5);border:1px solid rgba(216,206,192,.5);border-radius:5px;cursor:pointer;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;transition:all .6s}@media screen and (min-width: 768px){header .nav__btn{display:none}}header .nav__btn span{display:block;width:3px;height:3px;border-radius:50%;background:#807059;transition:all 600ms;position:relative}header .nav__btn span:nth-child(5)::before,header .nav__btn span:nth-child(5)::after{content:"";display:block;width:26px;height:2px;border-radius:5px;rotate:45deg;position:absolute;top:0px;left:-12px;background:#807059;transition:all 600ms;scale:0}header .nav__btn span:nth-child(5)::after{rotate:-45deg}header #nav__trigger{display:none}header .nav__btn.open{background:#fff}header .nav__btn.open span:not(:nth-child(5)){scale:0}header .nav__btn.open span:nth-child(5)::before,header .nav__btn.open span:nth-child(5)::after{scale:1}.noscroll{overflow:hidden}h1{position:fixed;top:0;left:0;z-index:9999}h1 a{padding:8px 16px}h1 a img{vertical-align:middle;height:2.5rem}.firstview{position:relative}.firstview .scrolldown{position:absolute;bottom:40px;left:50%;z-index:1;transform:translate(-50%, 0)}.firstview .scrolldown .parts{font-family:"Zen Maru Gothic";font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:.1rem}.firstview .scrolldown .parts{color:#d8cec0;animation:float 2.5s infinite 4.5s ease-in-out}@keyframes float{0%{transform:translate(0, -20%);opacity:0}20%,90%{opacity:1}100%{transform:translate(0, 20%);opacity:0}}.firstview .scrolldown .parts::after{content:"";display:block;width:10px;height:10px;margin:10px auto;border-right:1px solid #d8cec0;border-bottom:1px solid #d8cec0;rotate:45deg}.pagetop{width:55px;height:55px;bottom:35px;overflow:hidden;border-radius:5px 0 0 5px;opacity:0;visibility:hidden;position:fixed;right:0;z-index:1;transition:all .5s}.pagetop .parts{text-align:center}.pagetop .parts{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:.1rem}.pagetop .parts{display:flex;gap:.5em;justify-content:center;align-items:center}.pagetop:hover{cursor:pointer}.pagetop .parts{color:#807059}@media screen and (max-width: 767px){.pagetop .parts{transform:translate(0, 5%)}}.pagetop .parts .arrow{width:12px;height:12px;border-top:1px solid #807059;border-left:1px solid #807059;transform:rotate(45deg);scale:1.2}@media screen and (max-width: 767px){.pagetop .parts span{display:none}}.pagetop:hover{background:rgba(216,206,192,.1)}.pagetop.visible{opacity:1;visibility:visible}@media screen and (min-width: 768px){.pagetop{width:60px;height:90px;bottom:0;border-radius:5px 0 0 5px}.pagetop a{flex-direction:column}.pagetop .parts{border-top:1px solid #d8cec0}.pagetop .parts .arrow{scale:1}}.section__bg{background:url(../img/common/bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;z-index:-9999}.section__title{color:#d8cec0}.section__title{font-family:"Zen Maru Gothic";font-size:3.2rem;font-weight:400;line-height:1;letter-spacing:.1rem}.web__item,.info{flex-direction:column}.web__item,.info{display:flex;gap:1em;justify-content:space-between;align-items:end}@media screen and (min-width: 768px){.web__item,.info{flex-direction:row;gap:0}}.web__item .textarea,.info .textarea{width:100%;flex-direction:column}.web__item .textarea,.info .textarea{display:flex;gap:0;justify-content:left;align-items:center}@media screen and (min-width: 768px){.web__item .textarea,.info .textarea{width:calc((100% - 4em)/2);gap:3em}}.web__item .textarea .contents,.info .textarea .contents{width:100%}.web__item .textarea .contents__tag,.info .textarea .contents__tag{flex-wrap:wrap}.web__item .textarea .contents__tag,.info .textarea .contents__tag{display:flex;gap:.25em .5em;justify-content:left;align-items:center}.web__item .textarea .contents__tag li:last-of-type,.info .textarea .contents__tag li:last-of-type{position:relative}.web__item .textarea .contents__tag li:last-of-type::after,.info .textarea .contents__tag li:last-of-type::after{content:"/";display:block;position:absolute;top:0;right:auto;bottom:0;left:-1em}.web__item .textarea .contents__tag .category,.info .textarea .contents__tag .category{width:fit-content;padding:.5em 1em;color:#fff;border-radius:5px}.web__item .textarea .contents__tag .break,.info .textarea .contents__tag .break{flex-basis:100%;height:0;margin:0;padding:0}@media screen and (min-width: 768px){.web__item .textarea .contents__tag .break,.info .textarea .contents__tag .break{display:none}}.web__item .textarea .contents__tag .skils,.info .textarea .contents__tag .skils{display:flex;gap:1.5em;justify-content:left;align-items:center}.web__item .textarea .contents__tag .skils .skil,.info .textarea .contents__tag .skils .skil{position:relative}.web__item .textarea .contents__tag .skils .skil::before,.info .textarea .contents__tag .skils .skil::before{content:"#"}.web__item .textarea .contents__tag .type,.info .textarea .contents__tag .type{margin:0 0 0 1em}.web__item .textarea .contents .text,.info .textarea .contents .text{line-height:1.5;padding:1em 0 0em}.web__item .img,.info .img{width:100%}.web__item .img,.info .img{border-radius:5px;overflow:hidden}@media screen and (min-width: 768px){.web__item .img,.info .img{width:50%}}.web__item#honowa .color,.info#honowa .color{width:fit-content;margin:0 2em 0 auto;position:relative;top:-1em;right:0}@media screen and (max-width: 767px){.web__item#honowa .color,.info#honowa .color{top:1.5em}}.web__item#honowa .color::before,.info#honowa .color::before{width:1.6rem;height:1.6rem;background-color:#c69c6d}.web__item#honowa .color::before,.info#honowa .color::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:-2em}.web__item#honowa .color span,.info#honowa .color span{display:block;width:1.6rem;height:1.6rem;background-color:#fff;border:1px solid #4d4d4d}.web__item#honowa .color::after,.info#honowa .color::after{width:1.6rem;height:1.6rem;background-color:#4d4d4d}.web__item#honowa .color::after,.info#honowa .color::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:2em}.web__item#honowa .category,.info#honowa .category{background:#c69c6d}.web__item#honowa .skil,.web__item#honowa .type,.info#honowa .skil,.info#honowa .type{color:#c69c6d}.web__item#honowa .btn,.info#honowa .btn{width:fit-content;margin:auto 0 0 auto}.web__item#honowa .btn a,.info#honowa .btn a{position:relative;display:flex;justify-content:center;align-items:center}.web__item#honowa .btn a p,.info#honowa .btn a p{padding:0 0 0 70px;text-align:right;border-bottom:1px solid #c69c6d;color:#c69c6d;transition:all 600ms}.web__item#honowa .btn a p,.info#honowa .btn a p{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:2em;letter-spacing:.1rem}.web__item#honowa .btn a span,.info#honowa .btn a span{margin:0 0 0 1em;padding:0 4px;width:1em;height:1em;background:#c69c6d;border-radius:50%;position:relative;display:flex;justify-content:right;align-items:center;transition:all 600ms}.web__item#honowa .btn a span::before,.info#honowa .btn a span::before{content:"";width:.5em;height:1px;background:#fff;position:absolute}.web__item#honowa .btn a span::after,.info#honowa .btn a span::after{content:"";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;rotate:45deg}.web__item#honowa .btn a:hover p,.info#honowa .btn a:hover p{padding:0}.web__item#honowa .btn a:hover span,.info#honowa .btn a:hover span{margin:0;width:2em;height:2em;padding:.7em;transform:translateX(0.5em)}.web__item#rakka .color,.info#rakka .color{width:fit-content;margin:0 2em 0 auto;position:relative;top:-1em;right:0}@media screen and (max-width: 767px){.web__item#rakka .color,.info#rakka .color{top:1.5em}}.web__item#rakka .color::before,.info#rakka .color::before{width:1.6rem;height:1.6rem;background-color:#173243}.web__item#rakka .color::before,.info#rakka .color::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:-2em}.web__item#rakka .color span,.info#rakka .color span{display:block;width:1.6rem;height:1.6rem;background-color:#fff;border:1px solid #f2f2f2}.web__item#rakka .color::after,.info#rakka .color::after{width:1.6rem;height:1.6rem;background-color:#f2f2f2}.web__item#rakka .color::after,.info#rakka .color::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:2em}.web__item#rakka .category,.info#rakka .category{background:#173243}.web__item#rakka .skil,.web__item#rakka .type,.info#rakka .skil,.info#rakka .type{color:#173243}.web__item#rakka .btn,.info#rakka .btn{width:fit-content;margin:auto 0 0 auto}.web__item#rakka .btn a,.info#rakka .btn a{position:relative;display:flex;justify-content:center;align-items:center}.web__item#rakka .btn a p,.info#rakka .btn a p{padding:0 0 0 70px;text-align:right;border-bottom:1px solid #173243;color:#173243;transition:all 600ms}.web__item#rakka .btn a p,.info#rakka .btn a p{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:2em;letter-spacing:.1rem}.web__item#rakka .btn a span,.info#rakka .btn a span{margin:0 0 0 1em;padding:0 4px;width:1em;height:1em;background:#173243;border-radius:50%;position:relative;display:flex;justify-content:right;align-items:center;transition:all 600ms}.web__item#rakka .btn a span::before,.info#rakka .btn a span::before{content:"";width:.5em;height:1px;background:#fff;position:absolute}.web__item#rakka .btn a span::after,.info#rakka .btn a span::after{content:"";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;rotate:45deg}.web__item#rakka .btn a:hover p,.info#rakka .btn a:hover p{padding:0}.web__item#rakka .btn a:hover span,.info#rakka .btn a:hover span{margin:0;width:2em;height:2em;padding:.7em;transform:translateX(0.5em)}.web__item#woolffy .color,.info#woolffy .color{width:fit-content;margin:0 2em 0 auto;position:relative;top:-1em;right:0}@media screen and (max-width: 767px){.web__item#woolffy .color,.info#woolffy .color{top:1.5em}}.web__item#woolffy .color::before,.info#woolffy .color::before{width:1.6rem;height:1.6rem;background-color:#004f66}.web__item#woolffy .color::before,.info#woolffy .color::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:-2em}.web__item#woolffy .color span,.info#woolffy .color span{display:block;width:1.6rem;height:1.6rem;background-color:#fff;border:1px solid #69a7b5}.web__item#woolffy .color::after,.info#woolffy .color::after{width:1.6rem;height:1.6rem;background-color:#69a7b5}.web__item#woolffy .color::after,.info#woolffy .color::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:2em}.web__item#woolffy .category,.info#woolffy .category{background:#004f66}.web__item#woolffy .skil,.web__item#woolffy .type,.info#woolffy .skil,.info#woolffy .type{color:#004f66}.web__item#woolffy .btn,.info#woolffy .btn{width:fit-content;margin:auto 0 0 auto}.web__item#woolffy .btn a,.info#woolffy .btn a{position:relative;display:flex;justify-content:center;align-items:center}.web__item#woolffy .btn a p,.info#woolffy .btn a p{padding:0 0 0 70px;text-align:right;border-bottom:1px solid #004f66;color:#004f66;transition:all 600ms}.web__item#woolffy .btn a p,.info#woolffy .btn a p{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:2em;letter-spacing:.1rem}.web__item#woolffy .btn a span,.info#woolffy .btn a span{margin:0 0 0 1em;padding:0 4px;width:1em;height:1em;background:#004f66;border-radius:50%;position:relative;display:flex;justify-content:right;align-items:center;transition:all 600ms}.web__item#woolffy .btn a span::before,.info#woolffy .btn a span::before{content:"";width:.5em;height:1px;background:#fff;position:absolute}.web__item#woolffy .btn a span::after,.info#woolffy .btn a span::after{content:"";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;rotate:45deg}.web__item#woolffy .btn a:hover p,.info#woolffy .btn a:hover p{padding:0}.web__item#woolffy .btn a:hover span,.info#woolffy .btn a:hover span{margin:0;width:2em;height:2em;padding:.7em;transform:translateX(0.5em)}.web__item#peinture .color,.info#peinture .color{width:fit-content;margin:0 2em 0 auto;position:relative;top:-1em;right:0}@media screen and (max-width: 767px){.web__item#peinture .color,.info#peinture .color{top:1.5em}}.web__item#peinture .color::before,.info#peinture .color::before{width:1.6rem;height:1.6rem;background-color:#8a4243}.web__item#peinture .color::before,.info#peinture .color::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:-2em}.web__item#peinture .color span,.info#peinture .color span{display:block;width:1.6rem;height:1.6rem;background-color:#fff;border:1px solid #eee0ce}.web__item#peinture .color::after,.info#peinture .color::after{width:1.6rem;height:1.6rem;background-color:#eee0ce}.web__item#peinture .color::after,.info#peinture .color::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:2em}.web__item#peinture .category,.info#peinture .category{background:#8a4243}.web__item#peinture .skil,.web__item#peinture .type,.info#peinture .skil,.info#peinture .type{color:#8a4243}.web__item#peinture .btn,.info#peinture .btn{width:fit-content;margin:auto 0 0 auto}.web__item#peinture .btn a,.info#peinture .btn a{position:relative;display:flex;justify-content:center;align-items:center}.web__item#peinture .btn a p,.info#peinture .btn a p{padding:0 0 0 70px;text-align:right;border-bottom:1px solid #8a4243;color:#8a4243;transition:all 600ms}.web__item#peinture .btn a p,.info#peinture .btn a p{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:2em;letter-spacing:.1rem}.web__item#peinture .btn a span,.info#peinture .btn a span{margin:0 0 0 1em;padding:0 4px;width:1em;height:1em;background:#8a4243;border-radius:50%;position:relative;display:flex;justify-content:right;align-items:center;transition:all 600ms}.web__item#peinture .btn a span::before,.info#peinture .btn a span::before{content:"";width:.5em;height:1px;background:#fff;position:absolute}.web__item#peinture .btn a span::after,.info#peinture .btn a span::after{content:"";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;rotate:45deg}.web__item#peinture .btn a:hover p,.info#peinture .btn a:hover p{padding:0}.web__item#peinture .btn a:hover span,.info#peinture .btn a:hover span{margin:0;width:2em;height:2em;padding:.7em;transform:translateX(0.5em)}.web__item#hachu .color,.info#hachu .color{width:fit-content;margin:0 2em 0 auto;position:relative;top:-1em;right:0}@media screen and (max-width: 767px){.web__item#hachu .color,.info#hachu .color{top:1.5em}}.web__item#hachu .color::before,.info#hachu .color::before{width:1.6rem;height:1.6rem;background-color:#408040}.web__item#hachu .color::before,.info#hachu .color::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:-2em}.web__item#hachu .color span,.info#hachu .color span{display:block;width:1.6rem;height:1.6rem;background-color:#fff;border:1px solid #1a331a}.web__item#hachu .color::after,.info#hachu .color::after{width:1.6rem;height:1.6rem;background-color:#1a331a}.web__item#hachu .color::after,.info#hachu .color::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:2em}.web__item#hachu .category,.info#hachu .category{background:#408040}.web__item#hachu .skil,.web__item#hachu .type,.info#hachu .skil,.info#hachu .type{color:#408040}.web__item#hachu .btn,.info#hachu .btn{width:fit-content;margin:auto 0 0 auto}.web__item#hachu .btn a,.info#hachu .btn a{position:relative;display:flex;justify-content:center;align-items:center}.web__item#hachu .btn a p,.info#hachu .btn a p{padding:0 0 0 70px;text-align:right;border-bottom:1px solid #408040;color:#408040;transition:all 600ms}.web__item#hachu .btn a p,.info#hachu .btn a p{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:2em;letter-spacing:.1rem}.web__item#hachu .btn a span,.info#hachu .btn a span{margin:0 0 0 1em;padding:0 4px;width:1em;height:1em;background:#408040;border-radius:50%;position:relative;display:flex;justify-content:right;align-items:center;transition:all 600ms}.web__item#hachu .btn a span::before,.info#hachu .btn a span::before{content:"";width:.5em;height:1px;background:#fff;position:absolute}.web__item#hachu .btn a span::after,.info#hachu .btn a span::after{content:"";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;rotate:45deg}.web__item#hachu .btn a:hover p,.info#hachu .btn a:hover p{padding:0}.web__item#hachu .btn a:hover span,.info#hachu .btn a:hover span{margin:0;width:2em;height:2em;padding:.7em;transform:translateX(0.5em)}footer{width:min(90%,1000px);margin:0 auto 70px;padding:2em 0}@media screen and (min-width: 768px){footer{margin:0 auto}}footer .mail{width:fit-content;margin:auto;padding-left:1em;background:rgba(216,206,192,.2);border-radius:5px}footer .mail{display:flex;gap:0;justify-content:left;align-items:center}@media screen and (min-width: 768px){footer .mail{margin:0 0 0 auto}}footer .mail .copytext{display:block;width:24rem;color:#807059}footer .mail .copytext{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}footer .mail .copybtn{padding:.5em 1em;background:rgba(216,206,192,.5);border-radius:0 5px 5px 0}footer .mail:hover .copybtn{position:relative}footer .mail:hover .copybtn::before{content:"copy";position:absolute;top:-2em;right:2px;color:#d8cec0}footer .mail:hover .copybtn::before{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}footer .mail:hover .copybtn_icon path{stroke:#fff}footer .mail:hover .copybtn.copied::before{content:"copied";right:-0.5em}footer .mail:hover .copybtn.copied .copybtn_icon{fill:#fff}header .pc_menu-li:nth-child(2)::before{content:"";display:block;position:absolute;top:30%;right:0;bottom:0;left:0}header .pc_menu-li:nth-child(2)::before{width:1em;height:1em;border-radius:50%;background-color:#d8cec0}header .pc_menu-li:nth-child(2) a{color:#d8cec0}.linkbtn{width:100%;bottom:0;position:fixed;right:0;z-index:1;transition:all .5s}.linkbtn .parts{text-align:center}.linkbtn .parts{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:.1rem}.linkbtn .parts{display:flex;gap:.5em;justify-content:center;align-items:center}.linkbtn:hover{cursor:pointer}@media screen and (max-width: 767px){.linkbtn{background:hsla(0,0%,100%,.5)}}.linkbtn .parts{padding:5px 0}.linkbtn .parts svg{width:1.6rem;height:1.6rem}@media screen and (min-width: 768px){.linkbtn{border:none;width:60px;height:90px;bottom:90px;border-radius:5px 0 0 5px}.linkbtn a{flex-direction:column}}section:not(.firstview,.mockup){width:min(90%,1000px);margin:auto;padding:10% 0 0}h2{font-family:"Zen Maru Gothic";font-size:1.6rem;font-weight:400;line-height:1;letter-spacing:.1rem}h2{margin-bottom:1em;color:#d8cec0}.firstview{width:auto;height:100svh;background-image:url(../img/common/first_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom;overflow:hidden}.firstview{display:flex;gap:0;justify-content:center;align-items:end}.firstview .preview{width:250px;position:relative;top:-40px;margin:0 0 10px 0}@media screen and (min-width: 768px){.firstview .preview{width:min(80%,800px);top:0}}.firstview .preview__screen{width:94%;aspect-ratio:9/19.6;border-radius:30px;position:absolute;top:1.2%;left:3%;overflow-y:scroll;min-height:0;-webkit-overflow-scrolling:touch}@media screen and (min-width: 768px){.firstview .preview__screen{width:96%;aspect-ratio:16/8.9;border-radius:16px 16px 0 0;top:3%;left:2%}}.firstview .preview__screen source,.firstview .preview__screen img{height:auto}.firstview .preview .koutaku{width:100%;aspect-ratio:1/2.1;border-radius:40px;position:absolute;top:0%;left:0%;background:linear-gradient(210deg, rgba(255, 255, 255, 0.4) 0%, rgba(221, 221, 221, 0) 50%);pointer-events:none}@media screen and (min-width: 768px){.firstview .preview .koutaku{aspect-ratio:16/9.35;border-radius:25px 25px 0 0}}.firstview .preview__ui{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.firstview .preview__ui{width:100%;border-radius:40px;background:rgba(0,0,0,.5);animation:filter .4s ease-in-out forwards;animation-delay:3s}@media screen and (min-width: 768px){.firstview .preview__ui{aspect-ratio:16/9.55;border-radius:25px 25px 0 0}}@keyframes filter{0%{opacity:1}100%{opacity:0;visibility:hidden}}.firstview .preview__ui::before{content:"";display:block;position:absolute;top:50%;right:50%;bottom:50%;left:50%}.firstview .preview__ui::before{transform:translate(-50%, -50%);width:3rem;height:5rem;border-radius:3rem;border:1px solid #fff}.firstview .preview__ui::after{content:"";display:block;position:absolute;top:48%;right:50%;bottom:50%;left:50%}.firstview .preview__ui::after{transform:translate(-50%, -50%);width:1px;height:1rem;background:#fff;animation:scroll 1.6s ease-in-out infinite}@keyframes scroll{0%{top:48%;opacity:0}10%,90%{opacity:1}100%{top:52%;opacity:0}}.firstview .scrolldown{transform:translateX(-40%)}@media screen and (max-width: 767px){.firstview .scrolldown{display:none}}.firstview .scrolldown .parts{color:#fff;animation-delay:0s}.firstview .scrolldown .parts::after{border-color:#fff}.info .img,.mockup{background:rgba(128,112,89,.1)}.introduction{flex-direction:column-reverse}.introduction{display:flex;gap:3em;justify-content:space-between;align-items:top}@media screen and (min-width: 768px){.introduction{flex-direction:row}}.introduction .video{width:100%}.introduction .video video{display:block;width:min(100%,393px);height:auto;margin:auto;padding:0}@media screen and (min-width: 768px){.introduction .video{width:30%}}.introduction .concept .target,.introduction .concept__list>li{margin-bottom:1em;padding:0 0 0 3em;font-size:1.4rem;line-height:1.8;text-wrap:auto;position:relative}.introduction .concept .target::before,.introduction .concept__list>li::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.introduction .concept .target::before,.introduction .concept__list>li::before{width:2.8rem;height:2.8rem;background-repeat:no-repeat;background-position:center;background-size:contain}.introduction .concept .target li{padding:0 0 0 1em;white-space:inherit;position:relative}.introduction .concept .target li::after{content:"・";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.introduction .concept .target::before{background-image:url(../img/common/ui_icon/logo_who.svg)}.introduction .concept .situation::before{background-image:url(../img/common/ui_icon/logo_when.svg)}.introduction .concept .location::before{background-image:url(../img/common/ui_icon/logo_where.svg)}.introduction .concept .price::before{background-image:url(../img/common/ui_icon/logo_howmach.svg)}.mockup{width:min(90%,1000px);padding:0;margin:10% auto 0}.mockup img{border-radius:5px;overflow:hidden}.detail{width:min(90%,1000px);margin:auto;padding:10% 0 0}@media screen and (min-width: 768px){.detail{display:flex;gap:3em;justify-content:space-between;align-items:top}}.detail__contents{height:fit-content;margin:0 auto 2.5em;padding:1em;background:rgba(216,206,192,.1);border-radius:5px;position:relative}.detail__contents:not(.last)::after{content:"";display:block;position:absolute;top:initial;right:0;bottom:-2em;left:0}.detail__contents:not(.last)::after{width:100%;height:2em;background:rgba(216,206,192,.1);clip-path:polygon(0 0, 100% 0%, 50% 100%)}@media screen and (min-width: 768px){.detail__contents{margin:0 auto 2em}.detail__contents:not(.last)::after{content:"";display:block;position:absolute;top:0;right:-2em;bottom:0;left:inherit}.detail__contents:not(.last)::after{width:2em;height:100%;background:rgba(216,206,192,.1);clip-path:polygon(0 0, 100% 50%, 0 100%)}}.detail .last{margin:auto}.detail__text{font-family:"Zen Maru Gothic";font-size:1.4rem;font-weight:400;line-height:1.8;letter-spacing:.1rem}.linkbtn{border-top:1px solid #173243}.linkbtn:hover{background:rgba(23,50,67,.1)}.linkbtn .parts{color:#173243}.linkbtn .parts path{fill:#173243}@media screen and (min-width: 768px){.linkbtn{border:none}}.concept__title,.detail__title{height:fit-content;padding:.5em 2em .5em .5em;border-left:1px solid #173243;color:#173243}