@layer theme,base;@layer components{#projects #onlineStore,#projects #training,#projects #consultant,#projects #event{position:relative;top:-135px}#projects .pc{margin:0 auto;display:block!important}#projects .sp{display:none!important}#projects .display-none{display:none}#projects .container{max-width:960px;margin:auto}#projects .container p{letter-spacing:.3px;color:var(--color-text);font-size:1.5rem;line-height:1.75}#projects .container p .memo{font-size:1.3rem}#projects .info-box{background-color:var(--color-gray);width:100%;margin:30px 0 0;padding:40px}#projects .info-box h3{border-bottom:solid 2px var(--color-brand);margin-bottom:24.5px;font-size:1.7rem;display:inline-block}#projects .info-box .space60px{height:60px}#projects .orangeColor{color:var(--color-brand);text-decoration:underline}#projects .txtBold{font-weight:600}#projects .projectsTop{width:100%;padding-top:5vw}#projects .projectsTop .topMessage{max-width:638px;margin:2rem auto;padding:1rem}#projects .projectsTop .topMessage h2{text-align:center;padding-bottom:2vw;font-size:2.7rem;font-weight:600}#projects .projectsTop .topMessage p{text-align:center;padding-bottom:4vw;font-size:1.8rem}#projects .projectsTop .imgBanner{width:100%;overflow-x:hidden}#projects .projectsTop .imgBanner .loop_wrap{width:100vw;display:flex;overflow:hidden}#projects .projectsTop .imgBanner .loop_wrap img{width:auto;height:100%;padding-right:.3vw}@keyframes loop{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes loop2{0%{transform:translate(0)}to{transform:translate(-200%)}}#projects .projectsTop .imgBanner .loop_wrap img:first-child{animation:120s linear -60s infinite loop}#projects .projectsTop .imgBanner .loop_wrap img:last-child{animation:120s linear infinite loop2}#projects .titBox{text-align:center;padding-bottom:60px}#projects .titBox h2{letter-spacing:3.6px;text-align:center;color:var(--color-accent);padding-bottom:20px;font-size:3rem;font-weight:500;line-height:.89}#projects .titBox hr{border-top:1px solid var(--color-brand);max-width:60px;margin:0 auto;display:block}#projects .imgLeft{width:100%;padding-top:12rem}#projects .imgLeft .shopInfo{margin:auto;display:flex}#projects .imgLeft .shopInfo .linkBox-img{width:50%;display:inline-block}#projects .imgLeft .shopInfo .linkBox-text{vertical-align:top;width:50%;padding-left:3rem;display:inline-block;position:relative}#projects .imgLeft .shopInfo .linkBox-text .buttonBox{position:absolute;bottom:2rem;right:1rem}#projects .imgLeft .shopInfo .linkBox-text .linkButton{border:solid 1px var(--color-brand);vertical-align:middle;text-align:center;border-radius:50px;width:28rem;height:6rem;display:table-cell}#projects .imgLeft .shopInfo .linkBox-text .linkButton:after{content:"";background-image:url(/images/icons/icon_arrow_orange.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:6px;margin:auto auto auto 2.5rem;position:absolute;top:0;bottom:0}#projects .imgRight{width:100%;padding-top:12rem}#projects .imgRight .kenshu-listbox{padding:2rem 0}#projects .imgRight .shopInfo{margin:auto;display:flex}#projects .imgRight .shopInfo .linkBox-img{width:50%;display:inline-block}#projects .imgRight .shopInfo .linkBox-text{vertical-align:top;width:50%;padding-right:3rem;display:inline-block;position:relative}#projects .imgRight .shopInfo .linkBox-text .buttonBox{position:absolute;bottom:2rem;right:4rem}#projects .imgRight .shopInfo .linkBox-text .linkButton{border:solid 1px var(--color-brand);vertical-align:middle;text-align:center;border-radius:50px;width:28rem;max-width:27vw;height:6rem;display:table-cell}#projects .imgRight .shopInfo .linkBox-text .linkButton:before{content:"";background-image:url(/images/icons/icon_arrow_orange.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:6px;margin:auto;position:absolute;top:0;bottom:0;right:32px}#projects .joinus{width:100%;margin-top:10rem}#projects .joinus img{margin:auto}@media (width<=480px){#projects #onlineStore,#projects #training,#projects #consultant,#projects #event{position:relative;top:0}#projects .pc{display:none!important}#projects .sp{display:block!important}#projects .info-box{padding:40px 25px}#projects .projectsTop .brPcOnly{display:none}#projects .projectsTop .topMessage{padding:2rem}#projects .projectsTop .topMessage h2{font-size:2rem}#projects .projectsTop .topMessage p{text-align:left;font-size:1.6rem}#projects .projectsTop .imgBanner .loop_wrap{width:278vw}#projects .titBox{padding-bottom:0}#projects .titBox h2{font-size:2rem;line-height:1.1}#projects .spaceBottom{padding-bottom:25vw}#projects .imgLeft{padding-top:7rem}#projects .imgLeft .shopInfo{display:block}#projects .imgLeft .shopInfo .linkBox-img,#projects .imgLeft .shopInfo .linkBox-img img{width:100%}#projects .imgLeft .shopInfo .linkBox-text{width:100%;margin-top:1rem;padding-left:0}#projects .imgLeft .shopInfo .linkBox-text .buttonBox{margin:0 17%;bottom:-8rem;right:0}#projects .imgLeft .shopInfo .linkBox-text .linkButton{max-width:60vw;top:0;left:0}#projects .imgLeft .shopInfo .linkBox-text .linkButton:after{margin-left:2rem}#projects .imgRight{padding-top:7rem}#projects .imgRight .shopInfo{flex-wrap:wrap;display:flex}#projects .imgRight .shopInfo .linkBox-img{order:1;width:100%}#projects .imgRight .shopInfo .linkBox-text{order:2;width:100%;margin-top:1rem;padding-right:0}#projects .imgRight .shopInfo .linkBox-text .buttonBox{text-align:-webkit-center;margin:0 17%;bottom:-8rem;right:0}#projects .imgRight .shopInfo .linkBox-text .linkButton{max-width:60vw}#projects .joinus{margin-top:5rem;padding:1rem}}@media (width<=768px){#projects .imgLeft .shopInfo{padding:2rem}#projects .imgLeft .shopInfo .linkBox-text .linkButton{top:10rem;left:5rem}#projects .imgRight .shopInfo{padding:2rem}#projects .imgRight .shopInfo .linkBox-text .linkButton{top:10rem;left:5rem}}@media (width>=1024px){#projects .container p{font-size:1.5rem}}}@layer utilities;
