.tp-fview{overflow:hidden;position:relative;padding-top:8rem}.tp-fview__ttl{width:90.8rem;margin:0 auto}.tp-fview__img{position:relative}.tp-fview__center{position:relative;z-index:100;width:90rem;margin:2.4rem auto 0;border:.3rem solid #00008c;background-color:#fff;-webkit-box-shadow:.8rem .8rem 0 0 #000078;box-shadow:.8rem .8rem 0 0 #000078}.tp-fview__center img{width:89.4rem;height:85.8rem}.tp-fview__left{position:absolute;top:0;right:0;left:calc(-57.6rem * 2);width:33.1rem;margin:0 auto}.tp-fview__right{position:absolute;top:0;right:calc(-58.2rem * 2);left:0;width:33.1rem;margin:0 auto}.tp-fview__lead{margin-top:5.4rem;padding-bottom:6.3rem;font-size:2rem;font-weight:700;line-height:4.7rem;text-align:center;letter-spacing:.04em}@media screen and (max-width:767px){.tp-fview{padding-top:6.3rem;padding-bottom:0}.tp-fview__ttl{width:25.9rem}.tp-fview__img{position:static}.tp-fview__center{position:relative;z-index:100;width:39rem;margin:1.6rem -1rem 0;border:.2rem solid #00008c;-webkit-box-shadow:none;box-shadow:none}.tp-fview__center img{width:39rem;height:37.1rem}.tp-fview__left{position:absolute;top:auto;right:auto;bottom:auto;left:-3.8rem;width:10.5rem;margin:0}.tp-fview__right{position:absolute;top:auto;right:-3.8rem;bottom:auto;left:auto;width:10.5rem;margin:0}.tp-fview__lead{margin-top:3.8rem;padding-bottom:4rem;padding-left:.5em;font-size:1.4rem;line-height:3.1rem}}.js-fviewCenter,.js-fviewSide,.js-fviewTxt{opacity:0;-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem)}.js-fviewTxt{-webkit-animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 1s forwards;animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 1s forwards}.js-fviewCenter{-webkit-animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 2s forwards;animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 2s forwards}.js-fviewSide{-webkit-animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 3s forwards;animation:fadeIn 2s cubic-bezier(.33,1,.68,1) 3s forwards}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tp-konna-boad{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:100;top:0;left:0;width:90rem;height:21rem;margin:0 auto 0;padding-bottom:2.2rem;border:.2rem solid #00008c;background:#fff url(../img/top/konna_boad_bkimg.svg) center center/cover no-repeat;cursor:pointer;-webkit-transition:top .2s ease,left .2s ease,-webkit-box-shadow .2s ease;transition:top .2s ease,left .2s ease,-webkit-box-shadow .2s ease;transition:top .2s ease,left .2s ease,box-shadow .2s ease;transition:top .2s ease,left .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;-webkit-box-shadow:.8rem .8rem 0 0 #000078;box-shadow:.8rem .8rem 0 0 #000078;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tp-konna-boad__text{width:31.4rem}.tp-konna-boad__btn{margin-top:1.7rem}.tp-konna-boad:hover{top:.6rem;left:.6rem;-webkit-box-shadow:.2rem .2rem 0 0 #000078;box-shadow:.2rem .2rem 0 0 #000078}@media screen and (max-width:767px){.tp-konna-boad{width:32.5rem;height:23.4rem;margin:0 auto 0;padding-bottom:6.5rem;background:#fff url(../img/top/konna_boad_bkimg_sp.svg) center center/cover no-repeat;-webkit-box-shadow:.5rem .5rem 0 0 #000078;box-shadow:.5rem .5rem 0 0 #000078}.tp-konna-boad__text{width:21.9rem}.tp-konna-boad__btn{margin-top:1.1rem}.tp-konna-boad:hover{top:.4rem;left:.4rem;-webkit-box-shadow:.2rem .2rem 0 0 #000078;box-shadow:.2rem .2rem 0 0 #000078}}.tp-works{overflow:hidden;margin-top:11.6rem;background-color:#fff}.tp-works__grid{display:grid;position:relative;max-width:136.6rem;margin-right:auto;margin-left:auto;background-color:#00008c;grid-template-columns:repeat(4,1fr);gap:.2rem}.tp-works__grid::after,.tp-works__grid::before{content:"";position:absolute;top:0;width:.2rem;height:100%;background-color:#00008c}.tp-works__grid::before{left:-.2rem}.tp-works__grid::after{right:-.2rem}@media screen and (max-width:767px){.tp-works{margin-top:4.8rem;background-color:transparent}.tp-works__grid{width:32.5rem;padding:2rem 0;background-color:transparent;grid-template-columns:repeat(1,1fr);gap:1rem}.tp-works__grid::after,.tp-works__grid::before{display:none}}.tp-works-card{position:relative;padding:7.4rem 0 4.1rem;background-color:#fff}.tp-works-card__cat{display:grid;position:absolute;top:0;right:0;width:15.6rem;height:3rem;border-bottom:1px solid #00008c;border-left:1px solid #00008c;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.06em;background-color:#00008c;place-items:center}.tp-works-card__job{font-size:3.6rem;line-height:4.5rem;text-align:center}.tp-works-card__img{position:relative;width:28.2rem;margin:1.8rem auto 0}.tp-works-card__img img{width:100%;height:20.2rem;cursor:pointer;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tp-works-card__img img:hover{opacity:.6}.tp-works-card__catch{display:-webkit-box;display:-ms-flexbox;display:flex;width:16.2rem;height:4.1rem;padding-top:.1rem;border:.2rem solid #00008c;border-radius:4.1rem;font-size:1.9rem;font-weight:500;line-height:3.5rem;background-color:#e1ff00;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tp-works-card__catch span{display:inline-block;margin-right:.4rem;font-size:2.6rem}.tp-works-card__catch.s-01{position:absolute;top:0;left:-1.4rem;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}.tp-works-card__catch.s-02{position:absolute;right:-1.2rem;bottom:-1.4rem;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}.tp-works-card__text{width:26.2rem;margin:3rem auto 0}.tp-works-card__lists{display:-webkit-box;display:-ms-flexbox;display:flex;margin:3rem 0 0 3.8rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem .6rem}.tp-works-card__lists li{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:3rem;padding:0 1.2rem 0 1rem;border:1px solid #00008c;border-radius:3rem;color:#00008c;font-size:1.4rem;font-weight:500;line-height:2.7rem;background-color:#f0f0f0}.tp-works-card__lists li span{display:inline-block;margin-right:.2rem}.tp-works-card__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2.8rem 3.8rem 0 auto;cursor:pointer}.tp-works-card.s-close .tp-works-card__img img{cursor:default}.tp-works-card.s-close .tp-works-card__img img:hover{opacity:1}.tp-works-card.s-close .c-btn-job{color:#8d8d8d;cursor:default}.tp-works-card.s-close .c-btn-job .c-arrow-white .circle{stroke:#8d8d8d}.tp-works-card.s-close .c-btn-job .c-arrow-white .st{stroke:#8d8d8d}.tp-works-card.s-close .c-btn-job:hover .c-arrow-white .circle{fill:transparent}.tp-works-card.s-close .c-btn-job:hover .c-arrow-white .st{stroke:#8d8d8d}@media screen and (max-width:767px){.tp-works-card{padding:5.2rem 0 3.1rem;border:.2rem solid #00008c}.tp-works-card__img{margin:1.3rem auto 0}.tp-works-card__catch{width:13.7rem;height:3.5rem;padding-top:0;border-radius:3.5rem;font-size:1.6rem;line-height:3rem}.tp-works-card__catch span{margin-right:.2rem;font-size:2.2rem}.tp-works-card__catch.s-01{position:absolute;top:.1rem;left:-1rem;-webkit-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg)}.tp-works-card__catch.s-02{position:absolute;right:-.7rem;bottom:-.1rem;-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}.tp-works-card__text{margin:1.6rem auto 0}.tp-works-card__lists{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.5rem 0 0 3.1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.9rem .4rem}.tp-works-card__lists li{height:2.6rem;padding:0 1.2rem 0 1rem;border-radius:2.6rem;font-size:1.2rem;line-height:2.4rem}.tp-works-card__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2.2rem 3.1rem 0 auto;cursor:pointer}}
/*# sourceMappingURL=top.css.map */