.usage{overflow:hidden}.usage .inner-usage{width:830px;margin:0 auto}@media screen and (max-width: 991px){.usage .inner-usage{width:100%}}.usage .btn-base{cursor:pointer}.usage .about-list,.usage .pattern-list,.usage .chart-list{width:100%;margin:0 auto}@media screen and (max-width: 767px){.usage .about-list,.usage .pattern-list,.usage .chart-list{width:100%}}@media screen and (min-width: 1200px){.usage .about-list,.usage .pattern-list,.usage .chart-list{width:830px}}.usage .section--border{margin:12rem 0}@media screen and (max-width: 767px){.usage .section--border{margin:4rem 0 2rem}}.usage .page-header{width:100%;padding-bottom:7rem}@media screen and (max-width: 991px){.usage .page-header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-bottom:2rem}}.usage .page-header--txt{padding-left:0;width:inherit}@media screen and (max-width: 991px){.usage .page-header--txt{padding-left:0}}.usage .page-header--txt p{margin-top:-0.5em;line-height:2.6em;text-align:center}@media screen and (max-width: 991px){.usage .page-header--txt p{padding-left:0;line-height:2.2em;margin-bottom:4rem}}@media screen and (max-width: 991px){.usage .page-header--illust{text-align:center}}.usage .page-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.5rem;margin-top:6rem}@media screen and (max-width: 767px){.usage .page-menu{gap:1rem;margin-left:-5vw;margin-right:-5vw}}.usage .page-menu--item{width:calc(33.333% - 1.5rem);padding-left:0}@media screen and (max-width: 767px){.usage .page-menu--item{width:33%}}.usage .page-menu--item:before{display:none}.usage .page-menu--item a{display:block;background-color:#1a2757;color:#fff;font-size:1.6rem;text-decoration:none;text-align:center;border-radius:1rem;padding:2rem 4rem;font-weight:bold;-webkit-box-shadow:0 5px 6px rgba(0,0,0,0.16);box-shadow:0 5px 6px rgba(0,0,0,0.16);position:relative;-webkit-transition:0.2s;transition:0.2s}@media screen and (max-width: 767px){.usage .page-menu--item a{font-size:10px;line-height:1.5;padding:1.5rem 0.5rem;border-radius:0.5rem}}@media (min-width: 768px) and (max-width: 1199px){.usage .page-menu--item a{font-size:1.4rem;padding:1.5rem 4rem 1.5rem 2rem}}@media screen and (min-width: 768px){.usage .page-menu--item a span{padding-left:1em}}@media screen and (max-width: 767px){.usage .page-menu--item a span{display:block}}@media screen and (max-width: 767px){.usage .page-menu--item a span{margin-top:0;padding-left:0;display:block;font-size:14px;font-size:1.4rem}}.usage .page-menu--item a .icon--arrow{position:absolute;top:50%;right:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:0.2s;transition:0.2s}@media screen and (max-width: 767px){.usage .page-menu--item a .icon--arrow{top:auto;bottom:0.8rem;right:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}}.usage .page-menu--item a .icon--arrow:before{width:1rem;height:1rem;border-width:2px;border-color:#baa363;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -0.8rem) rotate(135deg);transform:translate(-50%, -0.8rem) rotate(135deg)}@media screen and (max-width: 767px){.usage .page-menu--item a .icon--arrow:before{width:.5rem;height:.5rem}}.usage-sec{padding-top:8rem}@media screen and (max-width: 767px){.usage-sec{padding-top:6rem}}@media screen and (max-width: 991px){.usage .title-sec.is--border{font-size:2rem}}.usage .sec-illust{text-align:center;margin:4rem 0 5rem}.usage .txt-intro{text-align:center;line-height:2.4em}.usage .intro{padding-bottom:2rem}.usage .intro-section{margin-top:13rem}@media screen and (max-width: 767px){.usage .intro-section{margin-top:8rem}}.usage .intro-section.is--mtfix{margin-top:0}.usage .intro-main{text-align:center;margin-top:6rem;padding:0;max-width:68em}.usage .intro-main img{display:inline-block;width:100%;height:auto}.usage .intro--title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}@media screen and (max-width: 991px){.usage .intro--title{display:block;text-align:center;width:80%;margin:0 auto}}.usage .intro--title .title{font-weight:600;font-size:20px;font-size:2rem;padding-left:4.5rem;padding-right:4rem;position:relative;white-space:nowrap}@media screen and (max-width: 991px){.usage .intro--title .title{text-align:center;display:inline-block;margin:0;padding-right:0}}.usage .intro--title .number{background-color:#1a2757;color:#fff;width:3rem;height:3rem;border-radius:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.usage .intro--title .txt{border-left:1px solid #1a2757;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;line-height:2.2em;padding-left:4rem}@media screen and (max-width: 991px){.usage .intro--title .txt{padding-left:0;border-left:none;border-top:1px solid #1a2757;line-height:2em;text-align:left;padding-top:3rem}}.usage .intro--title .txt .inner{margin-top:-10px;margin-bottom:-10px;padding:0;display:block}.usage .intro .about-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.usage .intro .about-list--item{width:44%;max-width:36rem;margin-top:6rem;padding-left:0}.usage .intro .about-list--item:before{display:none}@media screen and (max-width: 767px){.usage .intro .about-list--item{width:100%;margin-top:5rem}}.usage .intro .about-list--item .title{font-size:18px;font-size:1.8rem;color:#1a2757;border-bottom:1px solid #1a2757;padding-bottom:0.5em;margin:0}@media screen and (max-width: 767px){.usage .intro .about-list--item .title{font-size:1.6rem}}.usage .intro .about-list--item .title ruby rt{font-weight:normal}.usage .intro .about-list--item .txt{font-size:1.5rem}@media screen and (max-width: 767px){.usage .intro .about-list--item .txt{font-size:1.3rem}}.usage .intro .about-list--item img{width:100%;height:auto}.usage .intro .chart-list{margin-bottom:8rem}.usage .intro .chart-list--item{margin-top:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;border-bottom:none}.usage .intro .chart-list--item:before{display:none}@media screen and (max-width: 767px){.usage .intro .chart-list--item{display:block}}@media screen and (max-width: 767px){.usage .intro .chart-list--item .img img{width:100%;height:auto}}.usage .intro .chart-list--item .txt{font-size:1.5rem;margin:-0.5em 0 0;padding-left:1.8em;line-height:2em}@media screen and (max-width: 767px){.usage .intro .chart-list--item .txt{padding-left:0;margin-top:0.5em;font-size:1.3rem}}.usage .intro .chart-list+.inner p{line-height:2.2em}.usage .intro .pattern-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:12rem}@media screen and (max-width: 767px){.usage .intro .pattern-list{margin-bottom:8rem}}.usage .intro .pattern-list--item{width:30%;max-width:36rem;margin-top:6rem;text-align:center}@media screen and (max-width: 991px){.usage .intro .pattern-list--item{width:44%;margin-top:2rem;padding-left:0 !important}}.usage .intro .pattern-list--item:before{display:none}.usage .intro .pattern-list--item .title{font-size:18px;font-size:1.8rem;color:#baa363}@media screen and (max-width: 767px){.usage .intro .pattern-list--item .title{font-size:1.6rem}}.usage .intro .pattern-list--item .title:before,.usage .intro .pattern-list--item .title:after{content:"-";display:inline-block;margin:0.3em}.usage .intro .pattern-list--item .img{border:2px solid #baa363;width:16rem;height:16rem;display:inline-block;border-radius:50%;position:relative;overflow:hidden}@media screen and (max-width: 991px){.usage .intro .pattern-list--item .img{width:14rem;height:14rem}}@media screen and (max-width: 767px){.usage .intro .pattern-list--item .img{width:24vw;height:24vw}}.usage .intro .pattern-list--item .img img{width:100%;height:auto}.usage .intro .pattern-list--item .txt{text-align:left;font-size:14px;font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 991px){.usage .intro .pattern-list--item .txt{font-size:12px;font-size:1.2rem;line-height:1.8em}}.usage .intro .pattern-list--item .txt .inner{display:inline-block;padding:0}.usage .case-image--wrapper{overflow:hidden}.usage .case-item{padding-top:6rem}.usage .case-item--title{font-size:26px;font-size:2.6rem;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500}.usage .case-item--caption{font-size:18px;font-size:1.8rem;font-weight:bold;color:#baa363;margin-bottom:0.5em}.usage .case-item--description{max-width:750px;margin:0 auto;text-align:left;line-height:1.8em}@media screen and (max-width: 991px){.usage .case-item--description{width:100%;padding-left:5vw;padding-right:5vw}}.usage .case-item--description .marker{border-bottom:1px solid #d45328;padding-bottom:0.2em}.usage .case-image--wrapper{width:100vw;margin-left:calc(-50vw + 50%)}.usage .case-image--list{display:-webkit-box;display:-ms-flexbox;display:flex}.usage .case-image--item{-webkit-transition:0.2s;transition:0.2s}.usage .case-image--item a.disable{pointer-events:none}.usage .case-image--list .swiper-wrapper{-webkit-transition-timing-function:linear !important;transition-timing-function:linear !important}.usage .swiper-wrapper{padding:3rem 0}.usage .swiper-slide{width:25rem}.usage .swiper-slide img{width:100%;height:auto}.usage .swiper-slide .txt{font-size:16px;font-size:1.6rem;text-align:center;margin:0.5em;-webkit-transition:0.2s;transition:0.2s}@media screen and (max-width: 767px){.usage .swiper-slide .txt{font-size:1.3rem}}@media screen and (min-width: 1200px){.usage .swiper-slide:hover{z-index:2}.usage .swiper-slide:hover .case-image--item{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center;transform-origin:center;z-index:5}.usage .swiper-slide:hover .case-image--item .txt{opacity:0}}.usage .application .inner{padding:0}.usage .application-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 767px){.usage .application-list{margin-left:-5vw;margin-right:-5vw}}.usage .application-list:after{content:"";width:30%}.usage .application-list--item{width:30%;text-align:center;max-width:32rem;margin-top:7rem;padding-left:0 !important}@media screen and (max-width: 991px){.usage .application-list--item{width:48%;margin-top:4rem}}.usage .application-list--item:before{display:none}.usage .application-list--item .name{text-align:center;font-size:16px;font-size:1.6rem;font-weight:normal}@media screen and (max-width: 991px){.usage .application-list--item .name{font-size:14px;font-size:1.4rem}}@media screen and (max-width: 767px){.usage .application-list--item .name{font-size:1.2rem}}.usage .application-list--item img{width:100%;height:auto}@media screen and (max-width: 767px){.usage .application-list--item .btn-base{padding-left:1.8rem;padding-right:1.8rem;font-size:1rem}}@media screen and (max-width: 767px){.usage .application-list--item .arrow-S:before{margin-top:-0.3rem}}.usage .application-list .btn--primary{font-size:16px;font-size:1.6rem;cursor:pointer}@media screen and (max-width: 991px){.usage .application-list .btn--primary{width:100%;font-size:12px;font-size:1.2rem;padding-left:2rem;padding-right:2rem}.usage .application-list .btn--primary .icon{right:1.5rem}}.usage .application .modal-content{border-radius:0;padding:2rem 5rem 3rem}@media screen and (max-width: 991px){.usage .application .modal-content{padding:3rem}}.usage .application .modal-content .txt{text-align:left}.usage .application .modal-chart .modal-content{max-width:860px}.usage .application .modal-chart .usage-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:3rem;padding-right:3rem;padding-top:3rem;gap:3rem}@media screen and (max-width: 991px){.usage .application .modal-chart .usage-content{display:block}}.usage .application .modal-chart .usage-content--title{font-size:23px;font-size:2.3rem;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;text-align:left;border-bottom:1px solid #1a2757;font-weight:500;padding-bottom:0.5em;margin-top:0}.usage .application .modal-chart .usage-content--title .inner{position:relative}.usage .application .modal-chart .usage-content--title .inner:after{content:"";width:2.6rem;height:2.3rem;background-image:url("../../img/home/kv-illust--bird.svg");background-repeat:no-repeat;display:block;position:absolute;top:-1.5rem;right:-3.5rem}.usage .application .modal-chart .usage-content--item{width:calc(50% - 3rem)}@media screen and (max-width: 991px){.usage .application .modal-chart .usage-content--item{width:100%}}.usage .application .modal-chart .usage-content--item .txt p{font-size:14px;font-size:1.4rem;padding-left:1em;position:relative}.usage .application .modal-chart .usage-content--item .txt p:before{content:"";display:block;position:absolute;top:0;left:0}.usage .application .modal-chart .usage-content--item:nth-of-type(1) .txt p:before{content:"1."}.usage .application .modal-chart .usage-content--item:nth-of-type(2) .txt p:before{content:"2."}.usage .application .modal-chart .usage-content--item:nth-of-type(3) .txt p:before{content:"3."}.usage .application .modal-chart .usage-content--item:nth-of-type(4) .txt p:before{content:"4."}.usage .application .modal-chart .usage-content--item:nth-of-type(5) .txt p:before{content:"5."}.usage .application .modal-chart .usage-content--item:nth-of-type(6) .txt p:before{content:"6."}.usage .application .modal-simple .modal-content{padding:5rem}.usage .application .modal-simple .modal-content .btn--primary{margin-top:2rem}.usage .application .modal-simple .modal-content .txt p{margin-bottom:0}.usage .application-txt-center{text-align:center;margin-top:7rem;font-size:18px;font-size:1.8rem;line-height:2em}@media screen and (max-width: 767px){.usage .application-txt-center{font-size:1.5rem}}.usage .application-txt-center .marker{border-bottom:1px solid #d45328;padding-bottom:0.2em}.usage .application .usage-content .btn{margin-top:2.5rem}.p-usage__intro{text-align:center;line-height:2.2em !important}