*,*::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.active{position:relative}header .pc_menu li.active::before{content:"";display:block;position:absolute;top:30%;right:0;bottom:0;left:0}header .pc_menu li.active::before{width:1em;height:1em;border-radius:50%;background-color:#d8cec0}header .pc_menu li.active a{color:#d8cec0}.loading{width:100vw;height:100vh;background:#fff;position:fixed;z-index:99999}.loading{display:flex;gap:0;justify-content:center;align-items:center}.loading{animation:bg 1s ease-in-out forwards;animation-delay:2s}@keyframes bg{0%{opacity:1}100%{opacity:0;visibility:hidden}}.loading_contents{display:flex;gap:3px;justify-content:left;align-items:end}.loading_contents span{margin:0 0 0 3px;position:relative}.loading_contents span:nth-of-type(odd)::after{animation:loading_wave ease forwards;animation-delay:calc(.25s*var(--i));width:20px;height:20px;border-radius:50%;z-index:1}.loading_contents span:nth-of-type(odd)::after{content:"";display:block;position:absolute;top:0;right:infinite;bottom:0;left:0}@keyframes loading_wave{100%{background:#807059}}.loading_contents span img{opacity:0;animation:pass 1s ease-in-out forwards;animation-delay:1s}@keyframes pass{0%{opacity:0}100%{opacity:1}}.loading_contents span:nth-of-type(1) img{width:20px;height:20px}.loading_contents span:nth-of-type(2) img{width:23px;height:30px;transform:translateY(10px)}.loading_contents span:nth-of-type(3) img{width:23px;height:20px}.loading_contents span:nth-of-type(4) img{width:20px;height:27px}.loading_contents span:nth-of-type(5){margin:0}.loading_contents span:nth-of-type(5) img{width:23px;height:20px}.firstview__title{width:fit-content;height:100vh;margin:0 auto 0 10%}.firstview__title{display:flex;gap:1em;justify-content:center;align-items:flex-end}.firstview__title{flex-direction:column}.firstview__title-main{display:flex;gap:5vh;justify-content:center;align-items:flex-start}.firstview__title-main{flex-direction:column;position:relative;opacity:0;transition:opacity 2s ease-in-out}.firstview__title-main.view{opacity:1}.firstview__title-main::before{content:"";display:block;position:absolute;top:50%;right:initial;bottom:50%;left:0}.firstview__title-main::before{transform:translate(6px, -30%);width:1px;height:5vh;background:#d8cec0;background:linear-gradient(rgb(216, 206, 192) 0%, rgb(128, 112, 89) 100%)}.firstview__title-main::after{content:"";display:block;position:absolute;top:3em;right:initial;bottom:0;left:0}.firstview__title-main::after{transform:translate(3.3px, 0);width:7px;height:7px;border-radius:50%;background:#d8cec0;opacity:0;animation:pointer 2.5s infinite 5s ease-in-out}@keyframes pointer{0%{top:calc(3em + 3.5px)}20%,90%{opacity:1}100%{opacity:0;top:calc(3em + 3.5px + 5vh);background:#807059}}.firstview__title-main h2{font-size:4.8rem;font-weight:lighter;padding:0 0 0 .5em}.firstview__title-main p{font-family:"Zen Maru Gothic";font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:.1rem}.firstview__title-main p{width:fit-content;height:1em;rotate:90deg;position:absolute;clip-path:inset(0 0 -15% 0);transform:translateY(0)}.firstview__title-main p:first-child{top:2.2rem;left:-10px;color:#d8cec0}.firstview__title-main p:last-of-type{bottom:1.2rem}.firstview__title-main .anim{transition:all 1s cubic-bezier(0.37, 0, 0.63, 1);clip-path:inset(0 0 100% 0);transform:translateY(100%)}.firstview__title-main .anim.move{clip-path:inset(0 0 -15% 0);transform:translateY(0)}.firstview__title-main-af.anim{color:#d8cec0;transition-delay:2.2s}.firstview__title-main-af.anim.move{animation:color 2s ease 3s forwards}@keyframes color{100%{color:#807059}}.firstview__title-main-be{color:#d8cec0}.firstview__title-sub{font-family:"Zen Maru Gothic";font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:.1rem}.firstview__title-sub{color:#d8cec0;opacity:0;transition:opacity .5s ease-in-out}.firstview__title-sub.view{opacity:1}.web{width:min(90%,1000px);margin:auto;padding:10% 0 0}.web .web__item{margin:1em 0 0;flex-direction:column-reverse}@media screen and (min-width: 768px){.web .web__item{margin:10em 0 0;flex-direction:row}}@media screen and (min-width: 768px){.web .web__item:nth-of-type(2n){flex-flow:row-reverse}}@media screen and (max-width: 767px){.web .web__item .textarea{margin:0 0 3em}}.web .web__item .img:hover img{transition:400ms;transform:scale(1.1)}.profile{width:min(90%,1000px);margin:auto;padding:10% 0 0}@media screen and (min-width: 768px){.profile__contents{display:flex;gap:0;justify-content:space-between;align-items:top}}.profile__contents .accent{color:#d8cec0;line-height:1.5}.profile__contents .textarea{margin:4em 0 0;display:flex;flex-direction:column;gap:4em}@media screen and (min-width: 768px){.profile__contents .textarea{width:100%}}.profile__contents .textarea h6{font-family:"Zen Maru Gothic";font-size:2rem;font-weight:400;line-height:1;letter-spacing:.1rem}.profile__contents .textarea h6 span{padding:0 0 0 1em}.profile__contents .textarea .contents{display:flex;flex-direction:column;gap:2em}.profile__contents .textarea .contents h5{width:5em;height:fit-content;padding:.5em 0 .5em 1em;color:#d8cec0;position:relative}.profile__contents .textarea .contents h5::before{content:attr(data-text);display:block;position:absolute;top:0%;right:0;bottom:0;left:0}.profile__contents .textarea .contents h5::before{width:2em;height:2em;border-radius:50%;background-color:#d8cec0;z-index:1;mix-blend-mode:normal;color:#fff;padding:.5em 1em;overflow:hidden}.profile__contents .textarea .contents .path{width:100%}.profile__contents .textarea .contents .path{font-family:"Zen Maru Gothic";font-size:1.4rem;font-weight:400;line-height:1.8;letter-spacing:.1rem}@media screen and (min-width: 768px){.profile__contents .textarea .contents .path{width:50%}}.profile__contents .textarea .contents button{color:#807059}.profile__contents .textarea .contents .skill ul{margin:0 0 .5em;flex-wrap:wrap}.profile__contents .textarea .contents .skill ul{display:flex;gap:.5em;justify-content:left;align-items:center}.profile__contents .textarea .contents .skill ul .orange{padding:.4em .5em .5em;border-radius:5px;border:1px solid #cc8e68;color:#cc8e68}.profile__contents .textarea .contents .skill ul .blue{padding:.4em .5em .5em;border-radius:5px;border:1px solid #6794a2;color:#6794a2}.profile__contents .textarea .contents .skill ul .red{padding:.4em .5em .5em;border-radius:5px;border:1px solid #af7373;color:#af7373}.profile__contents .textarea .contents .skill ul .pink{padding:.4em .5em .5em;border-radius:5px;border:1px solid #b6779e;color:#b6779e}.profile__contents .textarea .contents .skill ul .purple{padding:.4em .5em .5em;border-radius:5px;border:1px solid #9075a6;color:#9075a6}.profile__contents .textarea .contents .skill ul .yellow{padding:.4em .5em .5em;border-radius:5px;border:1px solid #aa9c5e;color:#aa9c5e}.profile__contents .textarea .contents .hobby{flex-wrap:wrap}.profile__contents .textarea .contents .hobby{display:flex;gap:0;justify-content:left;align-items:center}.profile__contents .textarea .contents .hobby li{line-height:1.5}.profile__contents .textarea .contents .hobby li:not(:last-of-type)::after{content:"/";color:#d8cec0;padding:0 .5rem}.profile__contents .img{flex:1;margin:10em 5em;border:1px solid #d8cec0}footer{margin:0 auto 55px}.pagetop{bottom:0}