@charset "UTF-8";

@charset "UTF-8";.slider{margin:0 auto;position:relative;overflow:hidden}@media screen and (max-width:768px){.slider{padding:50px 0 70px;background:#f1f3f9}}.slider::after{content:"";width:1075px;height:512px;position:absolute;top:-69px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#f1f3f9;border-radius:0 0 80px 80px}@media screen and (max-width:768px){.slider::after{display:none}}.slider__inner{max-width:2030px;height:504px;margin:0 auto;opacity:0;-webkit-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.slider__inner.slick-initialized{opacity:1}@media screen and (min-width:769px){.slider__inner{overflow:hidden}}@media screen and (max-width:768px){.slider__inner{height:auto}}.slider .slick-list{width:701px;height:360px;margin:0 auto;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:105px;position:relative;z-index:2}@media screen and (max-width:768px){.slider .slick-list{width:100%;height:auto;padding-top:0}}.slider .slick-dots{bottom:101px;z-index:2;font-size:0}@media screen and (max-width:768px){.slider .slick-dots{bottom:-43px}}.slider .slick-dots li{width:auto;height:auto;margin:0 4px}.slider .slick-dots li button{width:11px;height:11px;background:#addcff;border-radius:50%;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.slider .slick-dots li button::before{display:none}.slider .slick-dots li.slick-active button{width:54px;background:#63b2ed;border-radius:6px}.slider__box{width:601px;height:255px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;margin:0 50px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.16);box-shadow:0 0 6px rgba(0,0,0,.16);border-radius:10px}@media screen and (max-width:768px){.slider__box{height:auto;margin:0 20px;border-radius:5px;-webkit-transition:0s;-o-transition:0s;transition:0s}}.slider__box a{display:block;height:100%;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.slider__box__num{color:transparent;font-size:66px;font-weight:800;-webkit-text-stroke:2px #3d9fe8;position:absolute;top:-26px;right:26px}@media screen and (max-width:768px){.slider__box__num{font-size:38px;top:-22px;right:9px}}.slider__box__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:43px 32px 0}@media screen and (max-width:768px){.slider__box__inner{padding:20px 15px 65px}}.slider__box__title{width:100%;font-size:17px;line-height:22px;font-weight:700;color:#25262d;margin-bottom:26px}@media screen and (max-width:768px){.slider__box__title{font-size:16px;line-height:23px;margin-bottom:18px}}.slider__box__logo{width:197px;height:91px;position:relative}@media screen and (max-width:768px){.slider__box__logo{width:113px;height:42px}}.slider__box__logo img{max-width:100%;max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider__box__description{width:calc(100% - 197px);line-height:26px;color:#646970;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:35px}@media screen and (max-width:768px){.slider__box__description{width:calc(100% - 113px);font-size:14px;line-height:22px;padding-left:19px}}.slider__box__detail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:11px;line-height:35px;color:#fff;background:#3d9fe8;text-align:center;position:absolute;bottom:0;left:0;border-radius:0 0 10px 10px}@media screen and (max-width:768px){.slider__box__detail{font-size:14px;line-height:40px;border-radius:0 0 5px 5px}}.slider__box__detail::after{content:"";width:7px;height:11px;margin-left:4px;background:url(/hp-assets/img/arrow_01.png) center/100% no-repeat}.slider__box.slick-current{-webkit-transform:scale(1.14143);-ms-transform:scale(1.14143);transform:scale(1.14143);margin-top:-18px}@media screen and (max-width:768px){.slider__box.slick-current{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin-top:0}}.copy{font-size:18px;letter-spacing:.1em;text-indent:.1em;text-align:center}@media screen and (max-width:768px){.copy{font-size:14px;line-height:25px;margin:0 20px}}.copy span{display:block;font-size:23px;margin-bottom:21px}@media screen and (max-width:768px){.copy span{font-size:20px;line-height:38px;letter-spacing:.1em;text-indent:.1em;margin-bottom:10px}}.copy em{position:relative;display:inline-block;line-height:34px}@media screen and (max-width:768px){.copy em{display:inline;line-height:1}}.copy em::after{content:"";width:100%;height:3px;background:#3d9fe8;position:absolute;bottom:-8px;left:0;border-radius:5px}.section__inner{max-width:1440px;margin:0 auto;padding:0 30px}@media screen and (max-width:768px){.section__inner{padding:0 20px}}.section__headline{font-size:30px;font-weight:700;text-align:center}@media screen and (max-width:768px){.section__headline{font-size:20px;line-height:35px;white-space:nowrap}}.section__more{text-align:right;margin-right:15px}@media screen and (max-width:768px){.section__more{margin-right:0}}.section__more a{color:#25262d;position:relative;left:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media screen and (max-width:768px){.section__more a{font-size:14px}}.section__more a::after{content:"→";margin-left:10px}@media screen and (min-width:769px){.section__more a:hover{left:10px}}.section--product{padding-top:170px;margin:-33px auto 95px}@media screen and (max-width:768px){.section--product{padding-top:90px;margin:-37px auto 53px}}.product{margin-bottom:60px}@media screen and (max-width:768px){.product{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:42px}}.product__headline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:25px;font-weight:700;margin-bottom:30px}@media screen and (max-width:768px){.product__headline{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;font-size:20px;margin-bottom:33px}}.product__headline::before{content:"";width:41px;height:26px;background:url(/hp-assets/img/icon_marge.png) center/cover no-repeat;margin-right:3px}@media screen and (max-width:768px){.product__headline::before{width:29px;height:18px;margin-right:5px}}.product__description{font-size:14px;line-height:26px;margin-bottom:23px}@media screen and (max-width:768px){.product__description{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;margin-bottom:0}}.productList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.productList{display:block;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}}.productList__item{width:48.125%;margin-bottom:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.16);box-shadow:0 0 6px rgba(0,0,0,.16);position:relative;right:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media screen and (max-width:768px){.productList__item{width:100%;margin-bottom:15px}}@media screen and (min-width:769px){.productList__item:hover{right:-10px}}.productList__item a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;padding:18px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media screen and (max-width:768px){.productList__item a{display:block;padding:10px 7px 12px}}.productList__item a::after{content:"詳細";font-size:18px;font-weight:700;color:#3d9fe8;position:absolute;top:50%;right:30px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}@media screen and (max-width:768px){.productList__item a::after{display:block;font-size:14px;text-align:center;position:relative;top:0;right:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin-top:7px}}@media screen and (max-width:768px){.productList__logo{margin:0 auto 5px}}.productList__name{font-size:14px;font-weight:700;color:#646970}@media screen and (max-width:768px){.productList__name{display:none}}.productList__detail{width:58.15296%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:52px}@media screen and (max-width:768px){.productList__detail{width:100%;padding-right:0}}.productList__title{font-size:14px;line-height:22px;color:#25262d}@media screen and (max-width:768px){.productList__title{font-size:12px}}.productList__description{font-size:12px;line-height:22px;color:#646970}.productList__item--afad .productList__logo{width:76px}@media screen and (max-width:768px){.productList__item--afad .productList__logo{width:71px}}.productList__item--cats .productList__logo{width:73px}@media screen and (max-width:768px){.productList__item--cats .productList__logo{width:73px}}.productList__item--adras .productList__logo{width:83px}@media screen and (max-width:768px){.productList__item--adras .productList__logo{width:84px}}.productList__item--sokumen .productList__logo{width:94px}@media screen and (max-width:768px){.productList__item--sokumen .productList__logo{width:116px}}.productList__item--fastsign .productList__logo{width:96px}@media screen and (max-width:768px){.productList__item--fastsign .productList__logo{width:116px}}.productList__item--itsumen .productList__logo{width:94px}@media screen and (max-width:768px){.productList__item--itsumen .productList__logo{width:119px}}.product--digitalMarketing .productList__logo{width:83px}@media screen and (max-width:768px){.product--digitalMarketing .productList__logo{width:84px}}.product--communication .productList__logo{width:94px}@media screen and (max-width:768px){.product--communication .productList__logo{width:119px}}.section--case{margin:0 auto 125px}@media screen and (max-width:768px){.section--case{margin:0 auto 55px}}.case{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:70px 0 65px}@media screen and (max-width:768px){.case{display:block;margin:28px 0 0}}.caseBox{width:100%}@media screen and (max-width:768px){.caseBox{width:100%;margin-bottom:18px}}.caseBox__headline{font-size:18px;font-weight:700;text-align:center;margin-bottom:33px}@media screen and (max-width:768px){.caseBox__headline{font-size:14px;margin-bottom:17px}}.caseList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content: center;}.caseList__item{width:25%;height:140px;overflow:hidden;position:relative}.caseList__item:nth-child(4n){margin-right:0}@media screen and (max-width:768px){.caseList{ display: block;}.caseList__item{width:100%;height:auto;margin:0 1.79104% 20px 0;padding-top:12.24%}}.caseList__item img{max-width:210px;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section--blog{margin:0 auto 74px}@media screen and (max-width:768px){.section--blog{margin:0 auto 69px}}.is-active-next,.slick-current{opacity:1;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
