.page-front .mainview{position:relative}.page-front .mainview__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;aspect-ratio:343/440;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;position:relative;width:100%}@media screen and (min-width:768px){.page-front .mainview__container{aspect-ratio:unset;height:calc(100svh - 122px)}}@media screen and (min-width:992px){.page-front .mainview__container{max-height:800px}}.page-front .mainview__container .splide{height:100%;left:0;position:absolute;top:0;width:100%}.page-front .mainview__container .splide__track{height:100%;width:100%}.page-front .mainview__container .splide__slide{overflow:hidden}.page-front .mainview__container .splide__slide img{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;width:100%}.page-front .mainview__container .splide .splide__slide img.is-prev,.page-front .mainview__container .splide .splide__slide.is-active img{-webkit-animation:scaleout 7s linear 0s normal;animation:scaleout 7s linear 0s normal}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleout{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.page-front .mainview__container .splide__pagination{bottom:20px;gap:20px;left:5vw;position:absolute;z-index:2}@media screen and (min-width:768px){.page-front .mainview__container .splide__pagination{-webkit-box-orient:vertical;-webkit-box-direction:normal;bottom:auto;-ms-flex-direction:column;flex-direction:column;left:auto;right:5vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.page-front .mainview__container .splide__pagination__page{background-color:#fff;border-radius:4px;height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px}.page-front .mainview__container .splide__pagination__page.is-active .progress-svg{-webkit-animation:stroke 7s linear 0s normal;animation:stroke 7s linear 0s normal}@-webkit-keyframes stroke{0%{stroke-dashoffset:44}to{stroke-dashoffset:0}}@keyframes stroke{0%{stroke-dashoffset:44}to{stroke-dashoffset:0}}.page-front .mainview__container .splide__pagination li{position:relative}.page-front .mainview__container .splide__pagination li .progress-svg{fill:transparent;stroke:#fff;stroke-dasharray:44;stroke-dashoffset:44;stroke-width:1px;display:block;height:16px;left:calc(50% - 8px);position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:16px}.page-front .mainview__text{bottom:10vw;color:#fff;font-size:clamp(28px,40/1400 * 100vw,40px);left:5%;line-height:1.6;position:absolute}@media screen and (min-width:992px){.page-front .mainview__text{bottom:3vw;left:3%}}@media screen and (min-width:1440px){.page-front .mainview__text{font-size:48px}}.page-front .message{margin:clamp(16px,96/1400 * 100vw,96px) 0 clamp(48px,80/1400 * 100vw,80px)}.page-front .message__wrap{background-color:#e3e2dc;border-radius:clamp(8px,16/1400 * 100vw,16px);padding:clamp(20px,72/1400 * 100vw,72px) 0 0;position:relative;z-index:0}.page-front .message__title{padding:0 clamp(20px,24/1400 * 100vw,24px);text-align:center}.page-front .message__title .en{margin:0 auto;width:clamp(183px,300/1400 * 100vw,300px)}.page-front .message__title .ja{font-size:clamp(30px,48/1400 * 100vw,48px)}.page-front .message__text{font-size:16px;line-height:2;margin:clamp(35px,48/1400 * 100vw,48px) 0 clamp(45px,56/1400 * 100vw,56px);padding:0 24px}@media screen and (min-width:554px){.page-front .message__text{line-height:2.2;text-align:center}}.page-front .message__logo{padding:0 4vw 4vw}@media screen and (min-width:768px){.page-front .message__logo{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:0 0 4vw}}.page-front .message__logo li{text-align:center}@media screen and (min-width:768px){.page-front .message__logo li{padding:0 40px}}.page-front .message__logo li+li{position:relative}@media screen and (min-width:768px){.page-front .message__logo li+li:before{background-color:#fff;content:"";height:48px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px}}.page-front .message__logo li.whg{margin-bottom:19px}@media screen and (min-width:768px){.page-front .message__logo li.whg{margin-bottom:0}}.page-front .message__logo li.gracery{margin:0 auto;width:89.8%}@media screen and (min-width:768px){.page-front .message__logo li.gracery{margin:0;width:auto}}.page-front .message__bg{background-image:url(../img/front/message_bg_sp.jpg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;border-radius:0 0 clamp(8px,16/1400 * 100vw,16px) clamp(8px,16/1400 * 100vw,16px);bottom:0;height:60vw;position:sticky;width:100%;z-index:-1}@media screen and (min-width:768px){.page-front .message__bg{background-image:url(../img/front/message_bg_pc.jpg);height:37vw}}.page-front .brand{padding-bottom:clamp(56px,120/1400 * 100vw,120px)}.page-front .brand-head__title{font-size:clamp(40px,56/1400 * 100vw,56px);line-height:1.2}.page-front .brand-head__text{font-size:clamp(16px,18/1400 * 100vw,18px);margin-top:32px}.page-front .brand-list{margin-top:48px}@media screen and (min-width:768px){.page-front .brand-list{display:grid;gap:2.5%;grid-template-columns:1fr 1fr 1fr}}.page-front .brand-list__item{margin-bottom:40px}@media screen and (min-width:768px){.page-front .brand-list__item{margin-bottom:0}}.page-front .brand-list__item:last-child{margin-bottom:0}.page-front .brand-list__card .image{aspect-ratio:343/441;border-radius:16px;overflow:hidden}@media screen and (min-width:554px){.page-front .brand-list__card .image{aspect-ratio:1/1}}@media screen and (min-width:768px){.page-front .brand-list__card .image{aspect-ratio:397/510}}.page-front .brand-list__card .image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-front .brand-list__card .logo{margin:16px 0}@media screen and (min-width:768px){.page-front .brand-list__card .logo{margin:16px 0 24px}}.page-front .brand-list__card .lead{font-size:clamp(22px,24/1400 * 100vw,24px)}.page-front .brand-list__card .text{font-size:16px;margin-top:16px;padding:0 clamp(50px,88/1400 * 100vw,88px) 0 0;position:relative}.page-front .brand-list__card .arrow{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid #e5e5e5;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:clamp(40px,64/1400 * 100vw,64px);justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;width:clamp(40px,64/1400 * 100vw,64px)}.page-front .brand-list__card .arrow svg{fill:#76582f;height:clamp(13px,20/1400 * 100vw,20px);width:clamp(17px,27/1400 * 100vw,27px)}@media(hover){.page-front .brand-list__card:hover{opacity:1}.page-front .brand-list__card:hover .arrow{background-color:#76582f}.page-front .brand-list__card:hover .arrow svg{fill:#fff}}.page-front .experience{border-top:1px solid #e5e5e5;padding:clamp(56px,88/1400 * 100vw,88px) 0}.page-front .experience__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:64px;margin-top:clamp(40px,56/1400 * 100vw,56px)}@media screen and (min-width:992px){.page-front .experience__list{gap:72px}}@media screen and (min-width:768px){.page-front .experience__list>li:nth-child(odd) .experience-item{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.page-front .experience__list>li:nth-child(odd) .experience-item__img .splide-default{margin-left:auto;margin-right:0}.page-front .experience__list>li:nth-child(odd) .experience-item__title{left:0}.page-front .experience__list>li:nth-child(odd) .experience-item__title:before{right:calc(clamp(10px,24/1400*100vw,24px)*-1)}.page-front .experience__list>li:nth-child(2n) .experience-item__title{right:0}.page-front .experience__list>li:nth-child(2n) .experience-item__title:before{left:calc(clamp(10px,24/1400*100vw,24px)*-1)}.page-front .experience__list>li:nth-child(2n) .experience-item__text{margin-left:auto;margin-right:0}.page-front .experience__list .experience-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:34px}@media screen and (min-width:768px){.page-front .experience__list .experience-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px}}.page-front .experience__list .experience-item__img{position:relative}.page-front .experience__list .experience-item__img img{border-radius:8px;display:block;overflow:hidden}@media screen and (min-width:768px){.page-front .experience__list .experience-item__img{width:55%}}@media screen and (min-width:992px){.page-front .experience__list .experience-item__img{border-radius:16px;width:62%}}.page-front .experience__list .experience-item__img .splide-default{width:88%}@media screen and (min-width:992px){.page-front .experience__list .experience-item__img .splide-default{width:92%}}.page-front .experience__list .experience-item__title{font-size:16px;letter-spacing:.05em;line-height:1;position:absolute;top:0;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.page-front .experience__list .experience-item__title:before{background-color:#000;content:"";height:140px;position:absolute;top:0;width:1px}.page-front .experience__list .experience-item__text{display:block;left:0;max-width:35vw;position:absolute;top:-13vw}@media screen and (min-width:768px){.page-front .experience__list .experience-item__text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 0;position:static}}.page-front .experience__list .experience-item__body{position:relative}@media screen and (min-width:768px){.page-front .experience__list .experience-item__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;width:45%}}@media screen and (min-width:992px){.page-front .experience__list .experience-item__body{width:38%}}.page-front .experience__list .experience-item__lead{font-size:clamp(24px,48/1920 * 100vw,48px)}.page-front .experience__list .experience-item__lead br{display:none}@media screen and (min-width:768px){.page-front .experience__list .experience-item__lead br{display:block}}.page-front .experience__list .experience-item__desc{font-size:16px;line-height:1.8;margin-top:16px}@media screen and (min-width:992px){.page-front .experience__list .experience-item__desc{margin-top:32px}}.page-front .experience__list .experience-item__action{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column;flex-flow:column;gap:16px;margin-top:16px}@media screen and (min-width:992px){.page-front .experience__list .experience-item__action{margin-top:32px}}.page-front .news{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:clamp(56px,96/1400 * 100vw,96px) 0 clamp(56px,112/1400 * 100vw,112px)}.page-front .news__content{display:grid;gap:24px;grid-template-columns:100%}@media screen and (min-width:1280px){.page-front .news__content{display:grid;gap:40px;grid-template-columns:1fr 1.7fr}.page-front .news-list{grid-column:2;grid-row:1/span 2}}.page-front .news-action .c-button{margin:0 auto}@media screen and (min-width:1280px){.page-front .news-action .c-button{margin:0}}.page-front .plan{overflow:hidden;padding:clamp(56px,80/1400 * 100vw,80px) 0}.page-front .plan__title{padding-left:4vw}@media screen and (min-width:768px){.page-front .plan__title{padding-left:56px}}.page-front .plan__action{margin-top:clamp(24px,56/1400 * 100vw,56px)}.page-front .plan .splide-plan{margin-top:24px;position:relative}@media screen and (min-width:992px){.page-front .plan .splide-plan{margin-top:56px}}.page-front .plan .splide__arrows{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;justify-content:center;margin-top:24px}@media screen and (min-width:768px){.page-front .plan .splide__arrows{margin-top:0;position:absolute;right:56px;top:-24px;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:1}}@media screen and (min-width:992px){.page-front .plan .splide__arrows{top:-56px}}.page-front .plan .splide__arrows svg{fill:#76582f}.page-front .plan .splide__arrow--prev{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.page-front .plan .splide__arrow{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid #e5e5e5;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:64px;justify-content:center;width:64px}.page-front .plan .splide-plan__item a .title{word-wrap:break-word;font-size:18px;margin-top:clamp(8px,24/1400 * 100vw,24px)}.page-front .plan .splide-plan__item a .image{aspect-ratio:1/1;border-radius:8px;height:auto;overflow:hidden;width:100%}.page-front .plan .splide-plan__item a img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}@media(hover){.page-front .plan .splide-plan__item a:hover{opacity:1}.page-front .plan .splide-plan__item a:hover .title{text-decoration:underline}.page-front .plan .splide-plan__item a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}.page-front .plan .splide__track{width:calc(100% + 8vw)}@media screen and (min-width:768px){.page-front .plan .splide__track{width:calc(100% + 16vw)}}
