@charset "UTF-8";.tips .inner-tips{width:830px;margin:0 auto}.tips .about-list,.tips .chart-list,.tips .pattern-list{width:830px;margin:0 auto}.tips .section--border{margin:12rem 0}.tips .page-header{width:100%;padding-bottom:7rem}.tips .page-header--txt{padding-left:0;width:inherit}.tips .page-header--txt p{margin-top:-.5em;line-height:2.6em;text-align:center}.tips .page-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tips .page-menu--item{width:32%}.tips .page-menu--item a{display:block;background-color:#1a2757;color:#fff;font-size:22px;font-size:2.2rem;text-decoration:none;text-align:center;border-radius:1rem;padding:2.4rem 2rem;font-weight:700;-webkit-box-shadow:0 5px 6px rgba(0,0,0,.16);box-shadow:0 5px 6px rgba(0,0,0,.16);position:relative;-webkit-transition:.2s;transition:.2s}.tips .page-menu--item a span{padding-left:1em}.tips .page-menu--item a .icon--arrow{position:absolute;top:50%;right:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.2s;transition:.2s}.tips .page-menu--item a .icon--arrow:before{width:1.5rem;height:1.5rem;border-width:2px;border-color:#baa363;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.tips-sec{padding-top:17rem;margin-top:-12rem}.tips .sec-illust{text-align:center;margin:4rem 0 5rem}.tips .txt-intro{text-align:center;line-height:2.4em}.tips .intro{padding-bottom:2rem}.tips .intro-section{margin-top:13rem}.tips .intro-section.is--mtfix{margin-top:0}.tips .intro-main{text-align:center;margin-top:6rem}.tips .intro-main img{display:inline-block}.tips .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:"游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif}.tips .intro--title .title{font-weight:600;font-size:20px;font-size:2rem;padding-left:4.5rem;padding-right:4rem;position:relative}.tips .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%)}.tips .intro--title .txt{border-left:1px solid #1a2757;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;line-height:2.5em;padding-left:4rem}.tips .intro--title .txt .inner{margin-top:-10px;margin-bottom:-10px;display:block}.tips .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}.tips .intro .about-list--item{width:44%;max-width:36rem;margin-top:6rem}.tips .intro .about-list--item .title{font-size:18px;font-size:1.8rem;border-bottom:1px solid #1a2757;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:.5em}.tips .intro .about-list--item .title ruby rt{font-weight:400}.tips .intro .about-list--item img{width:100%;height:auto}.tips .intro .chart-list{margin-bottom:8rem}.tips .intro .chart-list--item{margin-top:6rem;display:-webkit-box;display:-ms-flexbox;display:flex}.tips .intro .chart-list--item .txt{font-size:16px;font-size:1.6rem;margin:-.5em 0 0;padding-left:1.8em;line-height:2em}.tips .intro .chart-list+.inner p{line-height:2.2em}.tips .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}.tips .intro .pattern-list--item{width:30%;max-width:36rem;margin-top:6rem;text-align:center}.tips .intro .pattern-list--item .title{font-size:18px;font-size:1.8rem;color:#baa363}.tips .intro .pattern-list--item .title:after,.tips .intro .pattern-list--item .title:before{content:'-';display:inline-block;margin:.3em}.tips .intro .pattern-list--item .img{border:2px solid #baa363;width:16rem;height:16rem;display:inline-block;border-radius:50%;position:relative;overflow:hidden}.tips .intro .pattern-list--item .img img{width:100%;height:auto}.tips .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}.tips .intro .pattern-list--item .txt .inner{display:inline-block}.tips .case-image--wrapper{width:100%;overflow:hidden}.tips .case-item{padding-top:6rem}.tips .case-item--title{font-size:26px;font-size:2.6rem;font-family:"游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:500}.tips .case-item--caption{font-size:18px;font-size:1.8rem;font-weight:700;color:#baa363;margin-bottom:.5em}.tips .case-item--description{max-width:750px;margin:0 auto;text-align:left;line-height:1.8em}.tips .case-item--description .marker{border-bottom:1px solid #d45328;padding-bottom:.2em}.tips .case-image--wrapper{width:100%;overflow:hidden}.tips .case-image--list{display:-webkit-box;display:-ms-flexbox;display:flex}.tips .case-image--item a.disable{pointer-events:none}.tips .case-image--list .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}.tips .swiper-wrapper{padding:3rem 0}.tips .swiper-slide{width:25rem;-webkit-transition:.3s;transition:.3s}.tips .swiper-slide img{width:100%;height:auto}.tips .swiper-slide .txt{font-size:16px;font-size:1.6rem;text-align:center;margin:.5em;-webkit-transition:.2s;transition:.2s}.tips .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}.tips .application-list:after{content:'';width:30%}.tips .application-list--item{width:30%;text-align:center;max-width:32rem;margin-top:7rem}.tips .application-list--item .name{text-align:center;font-size:16px;font-size:1.6rem;font-weight:400}.tips .application-list--item img{width:100%;height:auto}.tips .application-list .btn--primary{font-size:16px;font-size:1.6rem;cursor:pointer}.tips .application .modal-content{border-radius:1rem;padding:2rem 5rem 3rem}.tips .application .modal-content .txt{text-align:left}.tips .application .modal-chart .modal-content{max-width:860px}.tips .application .modal-chart .tips-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}.tips .application .modal-chart .tips-content--title{font-size:23px;font-size:2.3rem;font-family:"游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;text-align:left;border-bottom:1px solid #1a2757;font-weight:500;padding-bottom:.5em}.tips .application .modal-chart .tips-content--title .inner{position:relative}.tips .application .modal-chart .tips-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}.tips .application .modal-chart .tips-content--item{width:48%;padding:2rem}.tips .application .modal-chart .tips-content--item .txt p{font-size:14px;font-size:1.4rem;padding-left:1em;position:relative}.tips .application .modal-chart .tips-content--item .txt p:before{content:'';display:block;position:absolute;top:0;left:0}.tips .application .modal-chart .tips-content--item:nth-of-type(1) .txt p:before{content:"1."}.tips .application .modal-chart .tips-content--item:nth-of-type(2) .txt p:before{content:"2."}.tips .application .modal-chart .tips-content--item:nth-of-type(3) .txt p:before{content:"3."}.tips .application .modal-chart .tips-content--item:nth-of-type(4) .txt p:before{content:"4."}.tips .application .modal-chart .tips-content--item:nth-of-type(5) .txt p:before{content:"5."}.tips .application .modal-chart .tips-content--item:nth-of-type(6) .txt p:before{content:"6."}.tips .application .modal-simple .modal-content{padding:5rem}.tips .application .modal-simple .modal-content .btn--primary{margin-top:2rem}.tips .application .modal-simple .modal-content .txt p{margin-bottom:0}.tips .application-txt-center{text-align:center;margin-top:7rem;font-size:18px;font-size:1.8rem;line-height:2em}.tips .application-txt-center .marker{border-bottom:1px solid #d45328;padding-bottom:.2em}@media screen and (min-width:769px){.tips .page-menu--item a:hover{background-color:#baa363}.tips .page-menu--item a:hover .icon--arrow{top:55%}.tips .page-menu--item a:hover .icon--arrow:before{border-color:#e84709}}@media screen and (min-width:992px){.tips .swiper-slide:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center;transform-origin:center;z-index:2}.tips .swiper-slide:hover .txt{opacity:0}}@media screen and (max-width:991px){.tips .inner-tips{width:100%}.tips .about-list,.tips .chart-list,.tips .pattern-list{width:100%}}@media screen and (max-width:767px){.tips .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}.tips .page-header--txt{padding-left:0}.tips .page-header--txt p{padding-left:0;line-height:2.2em;margin-bottom:4rem}.tips .page-header--illust{text-align:center}.tips .page-menu--item{width:31%}.tips .page-menu--item a{font-size:10px;font-size:1rem;padding:1.5rem .5rem;border-radius:.5rem}.tips .page-menu--item a span{margin-top:.2em;padding-left:0;display:block;font-size:14px;font-size:1.4rem}.tips .page-menu--item a .icon--arrow{right:.6rem}.tips .page-menu--item a .icon--arrow:before{width:2vw;height:2vw}.tips .title-sec.is--border{font-size:26px;font-size:2.6rem}.tips .intro-main img{width:100%;height:auto}.tips .intro--title{display:block;text-align:center;width:70%;margin:0 auto}.tips .intro--title .title{text-align:center;display:inline-block;margin:0;padding-right:0}.tips .intro--title .txt{padding-left:0;border-left:none;border-top:1px solid #1a2757;line-height:2em;text-align:left;padding-top:3rem}.tips .intro .about-list--item{width:100%}.tips .intro .chart-list--item{display:block}.tips .intro .chart-list--item .img img{width:100%;height:auto}.tips .intro .chart-list--item .txt{padding-left:0;margin-top:.5em}.tips .intro .pattern-list--item{width:44%;margin-top:2rem}.tips .intro .pattern-list--item .img{width:14rem;height:14rem}.tips .intro .pattern-list--item .txt{font-size:13px;font-size:1.3rem;line-height:1.8em}.tips .case-item--description{width:100%;padding-left:5vw;padding-right:5vw}.tips .application-list--item{width:48%;margin-top:4rem}.tips .application-list--item .name{font-size:14px;font-size:1.4rem}.tips .application-list .btn--primary{width:100%;font-size:12px;font-size:1.2rem;padding-left:2rem;padding-right:2rem}.tips .application-list .btn--primary .icon{right:1.5rem}.tips .application .modal-content{padding:3rem}.tips .application .modal-chart .tips-content{display:block}.tips .application .modal-chart .tips-content--item{width:100%}}
/*# sourceMappingURL=../maps/page/tips.css.map */