/* .ttl_h1{color:#fff}.ttl_en{font-family:'Nunito', sans-serif;font-size:90px;font-size:9rem;line-height:100px;line-height:1.11111em;letter-spacing:.2em;font-weight:600;color:#09C0E2}.ttl_en::first-letter{color:#F8334A}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.ttl_en{font-size:70px;font-size:7rem}}@media only screen and (max-width: 991px){.ttl_en{font-size:50px;font-size:5rem}}.ttl_jp{font-size:18px;font-size:1.8rem;line-height:30px;line-height:1.66667em;letter-spacing:.1em;font-weight:700}@media only screen and (max-width: 991px){.ttl_jp{font-size:14px;font-size:1.4rem}}@media (max-width: 767px){.ttl_en{font-size:42px;font-size:4.2rem;line-height:48px;line-height:1.14286em;letter-spacing:.2em;font-weight:600}.ttl_jp{font-size:13px;font-size:1.3rem;line-height:18px;line-height:1.38462em;letter-spacing:.1em;font-weight:700}}.top-mv{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.top-mv .js-image,.top-mv .rb{position:relative}.top-mv .js-image:before,.top-mv .rb:before{display:block;content:" ";width:100%;padding-top:62.5%}.top-mv .js-image>.content,.top-mv .rb>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width: 767px){.top-mv .js-image,.top-mv .rb{height:100vh}}.top-mv__wrap{position:relative}.top-mv__wrap .rb{position:absolute;top:0;left:0;width:100%;height:auto;background-color:transparent}.top-mv__wrap .rb img{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;-webkit-transition:opacity ease 1s;-moz-transition:opacity ease 1s;-ms-transition:opacity ease 1s;-o-transition:opacity ease 1s;transition:opacity ease 1s;backface-visibility:visible;object-fit:cover}.top-mv__wrap .rb .img1_hover{opacity:0}.top-mv__wrap .rb.active .img1_hover{opacity:1}.top-mv__wrap .rb.active .img1{opacity:0}@media (max-width: 767px){.top-mv__wrap .rb{background-position:top left;background-size:contain;height:100vh;z-index:1}.top-mv__wrap .rb img{object-fit:contain;object-position:left bottom}}.top-mv__wrap .imagemap{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0}@media (max-width: 767px){.top-mv__wrap .imagemap{height:100vh;z-index:2}}.top-mv__wrap .js-mv-image{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}.top-mv__wrap .fly{position:absolute;top:43%;right:40px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);max-width:9.7%}@media (max-width: 767px){.top-mv__wrap .fly{display:none}}.top-mv__wrap .text{position:absolute;top:36%;right:10%;width:40%;height:400px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;opacity:0}.top-mv__wrap .text img{width:100%;height:100%;object-fit:contain}@media only screen and (min-width: 1025px){.top-mv__wrap .text a:hover{opacity:1}}.top-mv__wrap .text.active{opacity:1;z-index:2}@media only screen and (min-width: 1025px) and (max-width: 1800px){.top-mv__wrap .text{height:260px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.top-mv__wrap .text{right:14%;width:33%}}@media (max-width: 767px){.top-mv__wrap .text{top:0;left:0;width:100%;height:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.top-mv__wrap .text.active{z-index:3}.top-mv__wrap .text img{height:auto}}.top-mv__wrap .rabbit{position:absolute;background-color:transparent;-webkit-transform:translate(19px, 85px);-moz-transform:translate(19px, 85px);-ms-transform:translate(19px, 85px);-o-transform:translate(19px, 85px);transform:translate(19px, 85px)}.top-mv__wrap .rabbit01{top:0px;left:0px;width:76px;height:180px}.top-mv__wrap .rabbit02{top:0px;left:0px;width:134.53px;height:180px}.top-mv__wrap .rabbit03{top:0px;left:0px;width:147.36px;height:180px}.top-adv{margin:60px 0}.top-adv .slick-adv{padding:0 58px}.top-adv .slick-list{margin:0 -5px}.top-adv .slick-slide{padding:0 5px;line-height:0}.top-adv img{border-radius:10px}.top-adv .slick-prev,.top-adv .slick-next{width:40px;height:40px;left:0}.top-adv .slick-prev::before,.top-adv .slick-next::before{content:"";display:inline-block;width:40px;height:40px;-webkit-transform:scale(-1);-moz-transform:scale(-1);-ms-transform:scale(-1);-o-transform:scale(-1);transform:scale(-1);background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01.svg");background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);background-size:contain;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-adv .slick-next{left:auto;right:0}.top-adv .slick-next::before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}@media only screen and (min-width: 1025px){.top-adv .slick-prev:hover::before,.top-adv .slick-next:hover::before{background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01_hover.svg")}}@media (max-width: 767px){.top-adv{margin:40px 0}.top-adv .slick-adv{padding:0 43px;max-width:375px;width:100%;margin:0 auto}.top-adv .slick-next,.top-adv .slick-prev{width:34px;height:34px}.top-adv .slick-next::before,.top-adv .slick-prev::before{width:34px;height:34px}}.top-news{margin:60px 0}.top-news__wrap{background-color:#fff;border-radius:40px;padding:51px 60px 60px}.top-news__head{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;margin:0 0 43px}.top-news__ttl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.top-news__ttl .ttl_en{font-family:'Nunito', sans-serif;font-size:34px;font-size:3.4rem;letter-spacing:.2em;font-weight:700;color:#09C0E2}.top-news__ttl .ttl_en::first-letter{color:#F8334A}.top-news__ttl .ttl_jp{font-size:16px;font-size:1.6rem;letter-spacing:.1em;font-weight:700;margin-left:13px}.top-news__link .c-link01 a{font-family:'Noto Sans JP', sans-serif;color:#262626}.top-news__link .c-link01 a span::after{margin-top:-9px}@media only screen and (min-width: 1025px){.top-news__link .c-link01 a:hover{color:#09C0E2}}.top-news__row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px}.top-news__col{padding:0 20px;max-width:25%;width:100%}.top-news__col a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}@media only screen and (min-width: 1025px){.top-news__col:hover a.color-red{opacity:1;color:#f8334a}.top-news__col:hover a.color-red .cate{border-color:#f8334a;color:#fff;background-color:#f8334a}.top-news__col:hover a.color-red .date{color:#f8334a}.top-news__col:hover a.color-red .date:after{width:55%}.top-news__col:hover a.color-green{opacity:1;color:#28bf6e}.top-news__col:hover a.color-green .cate{border-color:#28bf6e;color:#fff;background-color:#28bf6e}.top-news__col:hover a.color-green .date{color:#28bf6e}.top-news__col:hover a.color-green .date:after{width:55%}.top-news__col:hover a.color-yellow{opacity:1;color:#d9ae1c}.top-news__col:hover a.color-yellow .cate{border-color:#d9ae1c;color:#fff;background-color:#d9ae1c}.top-news__col:hover a.color-yellow .date{color:#d9ae1c}.top-news__col:hover a.color-yellow .date:after{width:55%}.top-news__col:hover a.color-orange{opacity:1;color:#f86833}.top-news__col:hover a.color-orange .cate{border-color:#f86833;color:#fff;background-color:#f86833}.top-news__col:hover a.color-orange .date{color:#f86833}.top-news__col:hover a.color-orange .date:after{width:55%}.top-news__col:hover a.color-blue{opacity:1;color:#1981db}.top-news__col:hover a.color-blue .cate{border-color:#1981db;color:#fff;background-color:#1981db}.top-news__col:hover a.color-blue .date{color:#1981db}.top-news__col:hover a.color-blue .date:after{width:55%}.top-news__col:hover a.color-brown{opacity:1;color:#693203}.top-news__col:hover a.color-brown .cate{border-color:#693203;color:#fff;background-color:#693203}.top-news__col:hover a.color-brown .date{color:#693203}.top-news__col:hover a.color-brown .date:after{width:55%}}.top-news .cate{border:2px solid #1981db;color:#1981db;border-radius:90px;font-size:14px;font-size:1.4rem;letter-spacing:.05em;font-weight:700;text-align:center;padding:1px 10px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden;width:100%;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal}.top-news .cate.visible{opacity:0;margin-bottom:22px}.top-news .txt{overflow:hidden;width:100%;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;font-size:15px;font-size:1.5rem;line-height:26px;line-height:1.73333em;letter-spacing:.05em;font-weight:500;flex:1;margin:17px 0 10px}.top-news .date{color:#9cacb4;font-size:16px;font-size:1.6rem;letter-spacing:0em;font-weight:700;position:relative;text-align:right;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-news .date::before,.top-news .date:after{content:"";position:absolute;top:50%;left:0;width:55%;height:1px;margin-top:1px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#9cacb4;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-news .date::after{width:0}.top-news .date span{display:inline-block;background-color:#fff;padding-left:10px;position:relative;z-index:1}.top-news .color-blue .cate{border:2px solid #1981db;color:#1981db}.top-news .color-blue .date::after{background-color:#1981db}.top-news .color-red .cate{border:2px solid #f8334a;color:#f8334a}.top-news .color-red .date::after{background-color:#f8334a}.top-news .color-green .cate{border:2px solid #28bf6e;color:#28bf6e}.top-news .color-green .date::after{background-color:#28bf6e}.top-news .color-yellow .cate{border:2px solid #d9ae1c;color:#d9ae1c}.top-news .color-yellow .date::after{background-color:#d9ae1c}.top-news .color-orange .cate{border:2px solid #f86833;color:#f86833}.top-news .color-orange .date::after{background-color:#f86833}.top-news .color-brown .cate{border:2px solid #693203;color:#693203}.top-news .color-brown .date::after{background-color:#693203}@media only screen and (max-width: 991px){.top-news__wrap{padding:30px 15px 40px}}@media (max-width: 767px){.top-news{margin:40px 0}.top-news__wrap{position:relative;padding:33px 15px 73px}.top-news__head{padding:0 14px;margin:0 0 28px}.top-news__ttl .ttl_en{font-size:26px;font-size:2.6rem;letter-spacing:.2em;font-weight:700}.top-news__ttl .ttl_jp{font-size:14px;font-size:1.4rem;letter-spacing:.1em;font-weight:700;margin-left:7px}.top-news__link{position:absolute;bottom:25px;left:0;width:100%;text-align:center}.top-news__row{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0}.top-news__col{padding:0 15px;max-width:100%}.top-news__col:not(:first-child){margin-top:25px}.top-news .cate{font-size:13px;font-size:1.3rem;padding:2px 10px 1px}.top-news .txt{margin:10px 0 1px}.top-news .date::before{width:calc(100% - 96px)}}.top-ourservice{margin:91px 0 20px}.top-ourservice__ttl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 34px}.top-ourservice__ttl .ttl_en .jumpCony em{top:-70%;left:40%;-webkit-transform:rotate(24deg);-moz-transform:rotate(24deg);-ms-transform:rotate(24deg);-o-transform:rotate(24deg);transform:rotate(24deg)}.top-ourservice__ttl .ttl_jp{margin-left:13px}.top-ourservice .c-txt01{line-height:2.4em;font-weight:500;margin-bottom:43px}@media (min-width: 768px){.top-ourservice__list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin:0 -15px 10px}}.top-ourservice__item{margin:0 0 30px}@media (min-width: 768px){.top-ourservice__item{max-width:33.3333%;width:100%;padding:0 15px}}.top-ourservice .list_2{border-top:2px solid #CAEEF8;padding-top:30px}@media only screen and (max-width: 991px){.top-ourservice__item{max-width:50%}}@media (max-width: 767px){.top-ourservice{margin:53px 0 20px}.top-ourservice__item{max-width:100%}.top-ourservice__ttl{position:relative;margin:0 0 30px}.top-ourservice__ttl .ttl_jp{position:absolute;top:5px;left:112px}.top-ourservice .c-txt01{font-size:15px;font-size:1.5rem;line-height:30px;line-height:2em;letter-spacing:.05em;font-weight:500;margin-bottom:27px}.top-ourservice__list{margin-bottom:40px}.top-ourservice__item{margin-bottom:16px}.top-ourservice .ttl_en .jumpCony em{top:-69%;left:40%}}.top-contact{margin:20px 0 20px}.top-case{margin:50px 0}@media (max-width: 767px){.top-case{margin:40px 0}}.top-strength{margin:82px 0;background-image:url("/wp/wp-content/themes/wp-templ/assets/img/top/str_bg01.png");background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);background-size:100% 100%;padding:61px 0 100px}.top-strength__wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.top-strength .js-image{position:relative;max-width:34.723%;width:100%;border-radius:40px}.top-strength .js-image:before{display:block;content:" ";width:100%;padding-top:117.33333%}.top-strength .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top-strength__content{flex:1;margin-left:5.48%}.top-strength__content>.ttl_en{line-height:1}.top-strength__content>.ttl_en::first-letter{color:#09C0E2}.top-strength__txthead{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;margin-bottom:13px;margin-top:-3px}.top-strength__txthead>.ttl_en{line-height:1}.top-strength__txthead .ttl_jp{margin-left:13px}.top-strength .jumpCony em{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;max-width:75;width:100%;top:-85%;left:-9%;z-index:-1;max-width:100%;height:100%}.top-strength .jumpCony em img{height:55%;max-width:96.34%}.top-strength .c-txt01{line-height:2.4em;font-weight:500;padding-right:40px;margin:39px 0 43px}.top-strength .c-btn01{padding-right:40px}@media (max-width: 767px){.top-strength{margin:62px 0 29px;padding:33px 0 50px;background-image:url("/wp/wp-content/themes/wp-templ/assets/img/top/bg_wave.png");background-repeat:no-repeat;background-position:top;background-color:rgba(0,0,0,0);background-size:100% 120px;position:relative;overflow:hidden}.top-strength:before{content:"";position:absolute;top:119px;left:0;width:100%;height:100%;background-color:#fff;z-index:-1}.top-strength__wrap{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-strength .js-image{max-width:100%;position:relative;margin:36px 0 17px}.top-strength .js-image:before{display:block;content:" ";width:100%;padding-top:73.84615%}.top-strength .js-image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top-strength__content{margin-left:0}.top-strength__txthead{margin:0 0 6px}.top-strength__txthead .ttl_jp{margin-left:12px}.top-strength .c-txt01{margin:26px 0;padding-right:0;font-size:15px;font-size:1.5rem;line-height:30px;line-height:2em;letter-spacing:.05em;font-weight:500}.top-strength .c-btn01{padding-right:0}.top-strength .jumpCony em{width:50px;top:-72%;left:-22%;max-width:45px}.top-strength .jumpCony em img{height:100%}}.top-about{margin:111px 0 80px}.top-about__wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.top-about__content{max-width:38.926%;width:100%;padding-top:5%}.top-about__txthead{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;margin-bottom:35px}.top-about__txthead .ttl_en::first-letter{color:#09C0E2}.top-about__txthead .ttl_jp{margin-left:13px}.top-about__txthead .jumpCony em{top:-29%;left:3%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.top-about__txthead .jumpCony em img{object-fit:contain;-o-object-fit:contain}.top-about .c-txt01{line-height:2.4em;padding-right:35px;font-weight:500}.top-about__list{flex:1;margin-left:6.3%;counter-reset:number}.top-about__list li{border-top:2px solid #CAEEF8;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-about__list li a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;counter-increment:number;position:relative;padding:30px 60px 30px 0}.top-about__list li a::after{content:"";position:absolute;top:50%;right:0;width:40px;height:40px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01.svg");background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);background-size:contain;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-about__list li:last-child{border-bottom:2px solid #CAEEF8}@media only screen and (min-width: 1025px){.top-about__list li:hover{border-top-color:#09C0E2}.top-about__list li:hover+li{border-top-color:#09C0E2}.top-about__list li:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.top-about__list li:hover a{opacity:1;color:#09C0E2}.top-about__list li:hover a::after{background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01_hover.svg")}.top-about__list li:last-child:hover{border-bottom-color:#09C0E2}}.top-about__list li .img{margin-right:30px;border-radius:50%;overflow:hidden;-webkit-transform:scaleZ(1);-moz-transform:scaleZ(1);-ms-transform:scaleZ(1);-o-transform:scaleZ(1);transform:scaleZ(1)}.top-about__list li .img img{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-about__list li .number{font-family:'Nunito', sans-serif;font-size:24px;font-size:2.4rem;line-height:36px;line-height:1.5em;letter-spacing:0em;font-weight:700;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;color:#09C0E2}.top-about__list li .number::before{content:counter(number, decimal-leading-zero);display:inline-block}.top-about__list li .number::after{content:"";display:inline-block;background-color:#09C0E2;width:10px;height:2px;margin:0 10px}.top-about__list li .txt{font-size:22px;font-size:2.2rem;letter-spacing:.1em;font-weight:700}.top-about__list li .ttl_bg{position:absolute;top:0;right:0;height:100%;font-family:'Nunito', sans-serif;font-size:46px;font-size:4.6rem;letter-spacing:.2em;font-weight:700;color:#fff;padding:53px 51px 60px 0;z-index:-1}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.top-about .c-txt01{padding-right:0}}@media (max-width: 767px){.top-about{margin:24px 0 11px}.top-about__wrap{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-about__content{max-width:100%}.top-about .c-txt01{padding-right:0;font-size:15px;font-size:1.5rem;line-height:30px;line-height:2em;letter-spacing:.05em;font-weight:500}.top-about__list{margin:36px 0}.top-about__list li .img{max-width:30.19%;margin-right:20px}.top-about__list li .number{font-size:20px;font-size:2rem;letter-spacing:0em;font-weight:700;white-space:nowrap}.top-about__list li .txt{font-size:18px;font-size:1.8rem;line-height:28px;line-height:1.55556em;letter-spacing:.1em;font-weight:700;white-space:nowrap}.top-about__list li .ttl_bg{font-size:28px;font-size:2.8rem;letter-spacing:.2em;font-weight:700;padding:0;height:auto;top:auto;bottom:0;right:-5px;line-height:1}.top-about__list li a{padding:10px 60px 10px 0}.top-about__list li a::after{width:35px;height:35px}.top-about__txthead{margin-bottom:30px}.top-about__txthead .ttl_jp{margin-left:4px}}@media only screen and (max-width: 350px){.top-about__list li a{padding:10px 40px 10px 0}.top-about__list li .img{margin-right:10px}}.top-work{margin:80px 0}.top-work__wrap{display:block;position:relative;padding-left:60px}.top-work__wrap::before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_rabbit_work01.svg");background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);background-size:contain;width:164px;height:226px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (min-width: 1025px){.top-work__wrap:hover{opacity:1}.top-work__wrap:hover::before{-webkit-transform:translateY(-54%);-moz-transform:translateY(-54%);-ms-transform:translateY(-54%);-o-transform:translateY(-54%);transform:translateY(-54%)}.top-work__wrap:hover .top-work__box{background-color:#fff0f0}.top-work__wrap:hover .top-work__box::before{color:#fff}.top-work__wrap:hover .top-work__txt{color:#F8334A}.top-work__wrap:hover .top-work__txt p{box-shadow:inset 0 -1px 0 0 #F8334A,0 1px 0 0 #F8334A}.top-work__wrap:hover .top-work__link span:after{background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down02_hover.svg")}}.top-work__box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;background-color:#fff;border-radius:500px;-webkit-box-shadow:0px 4px 0px 0px #fad8dc;-moz-box-shadow:0px 4px 0px 0px #fad8dc;-ms-box-shadow:0px 4px 0px 0px #fad8dc;-o-box-shadow:0px 4px 0px 0px #fad8dc;box-shadow:0px 4px 0px 0px #fad8dc;padding:70px 60px 78px 110px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-work__box::before{content:"RECRUIT";position:absolute;top:50%;right:60px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#ffeff1;font-family:'Nunito', sans-serif;font-size:100px;font-size:10rem;line-height:100px;line-height:1em;letter-spacing:.2em;font-weight:700}.top-work__txt{max-width:58.56%;width:100%;font-size:24px;font-size:2.4rem;line-height:48px;line-height:2em;letter-spacing:.1em;font-weight:700;position:relative}.top-work__txt p{display:inline;box-shadow:inset 0 -1px 0 0 #ffe5e8, 0 1px 0 0 #ffe5e8;padding-bottom:6px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.top-work__txt span{color:#F8334A}.top-work__link{position:relative}.top-work__link span{color:#F8334A;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:22px;font-size:2.2rem;letter-spacing:.1em;font-weight:700}.top-work__link span::after{content:"";display:inline-block;width:40px;height:40px;margin-left:20px;background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down02.svg");background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);background-size:contain;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.top-work__txt{font-size:20px;font-size:2rem}.top-work__box{padding:50px 60px 58px 110px}}@media only screen and (max-width: 991px){.top-work__txt{font-size:15px;font-size:1.5rem}.top-work__box{padding:50px 35px 58px 80px}.top-work__link span{font-size:15px;font-size:1.5rem}}@media (max-width: 767px){.top-work{margin:15px 0}.top-work__wrap{padding-left:0}.top-work__wrap::before{left:14px;width:84px;height:155px;background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_rabbit_work01_sp.svg")}.top-work__box{padding:34px 20px 30px 35%;border-radius:30px;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-work__box::before{right:-60px;font-size:32px;font-size:3.2rem;letter-spacing:.2em;font-weight:700;line-height:1;-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.top-work__txt{max-width:100%;font-size:15px;font-size:1.5rem;line-height:32px;line-height:2.13333em;letter-spacing:.05em;font-weight:700}.top-work__txt p{padding-bottom:4px}.top-work__link{margin:15px 0 0}.top-work__link span{-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;font-size:16px;font-size:1.6rem}.top-work__link span::after{width:34px;height:34px;margin-left:6px}}@media only screen and (max-width: 767px) and (orientation: landscape){.top-work__box{padding-left:114px;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.top-work__box::before{font-size:20px;font-size:2rem;right:-30px}.top-work__txt{max-width:191px}.top-work__link{margin-left:30px}}@media only screen and (max-width: 374px){.top-work__box{padding-left:0}.top-work__wrap::before{width:22vw}.top-work__txt{max-width:191px;margin-left:auto}.top-work__link{max-width:191px;width:100%;margin:15px 0 0 auto}}@media only screen and (max-width: 350px){.top-work__wrap::before{width:15vw}.top-work__txt{max-width:181px}.top-work__link{max-width:181px}}.top-ytb{margin:92px 0 140px}.top-ytb__ttl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}.top-ytb .ttl_en{padding-left:32px}.top-ytb .ttl_jp{margin-left:12px}.top-ytb .jumpCony em{top:-28%;left:-11%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.top-ytb__video{margin:30px 0 0;position:relative}.top-ytb__video:before{display:block;content:" ";width:100%;padding-top:56.2%}.top-ytb__video>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top-ytb__video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 767px){.top-ytb{margin:56px 0 80px}.top-ytb__ttl .ttl_en{padding-left:0}.top-ytb__ttl .ttl_jp{margin:-7px 0 0}.top-ytb__video{margin:23px 0 0}.top-ytb .jumpCony em{top:-27%;left:4%}.top-ytb .jumpCony em img{max-width:71.34%}} */ .ttl_h1{ color:#fff } .ttl_en{ font-family:'Nunito', sans-serif; font-size:90px; font-size:9rem; line-height:100px; line-height:1.11111em; letter-spacing:.2em; font-weight:600; color:#09C0E2 } .ttl_en::first-letter{ color:#F8334A } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .ttl_en{ font-size:70px; font-size:7rem } } @media only screen and (max-width: 991px){ .ttl_en{ font-size:50px; font-size:5rem } } .ttl_jp{ font-size:18px; font-size:1.8rem; line-height:30px; line-height:1.66667em; letter-spacing:.1em; font-weight:700 } @media only screen and (max-width: 991px){ .ttl_jp{ font-size:14px; font-size:1.4rem } } @media (max-width: 767px){ .ttl_en{ font-size:42px; font-size:4.2rem; line-height:48px; line-height:1.14286em; letter-spacing:.2em; font-weight:600 } .ttl_jp{ font-size:13px; font-size:1.3rem; line-height:18px; line-height:1.38462em; letter-spacing:.1em; font-weight:700 } } .top-mv{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent } .top-mv .js-image,.top-mv .rb{ position:relative } .top-mv .js-image:before,.top-mv .rb:before{ display:block; content:" "; width:100%; padding-top:62.5% } .top-mv .js-image>.content,.top-mv .rb>.content{ position:absolute; top:0; left:0; right:0; bottom:0 } @media (max-width: 767px){ .top-mv .js-image,.top-mv .rb{ height:100vh } } .top-mv__wrap{ position:relative } .top-mv__wrap .rb{ position:absolute; top:0; left:0; width:100%; height:auto; background-color:transparent } .top-mv__wrap .rb img{ position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; -webkit-transition:opacity ease 1s; -moz-transition:opacity ease 1s; -ms-transition:opacity ease 1s; -o-transition:opacity ease 1s; transition:opacity ease 1s; backface-visibility:visible; object-fit:cover } .top-mv__wrap .rb .img1_hover{ opacity:0 } .top-mv__wrap .rb.active .img1_hover{ opacity:1 } .top-mv__wrap .rb.active .img1{ opacity:0 } @media (max-width: 767px){ .top-mv__wrap .rb{ background-position:top left; background-size:contain; height:100vh; z-index:1 } .top-mv__wrap .rb img{ object-fit:contain; object-position:left bottom } } .top-mv__wrap .imagemap{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0 } @media (max-width: 767px){ .top-mv__wrap .imagemap{ height:100vh; z-index:2 } } .top-mv__wrap .js-mv-image{ -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition:1s } .top-mv__wrap .fly{ position:absolute; top:43%; right:40px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); max-width:9.7% } @media (max-width: 767px){ .top-mv__wrap .fly{ display:none } } .top-mv__wrap .text{ position:absolute; top:36%; right:10%; width:40%; height:400px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition:1s; opacity:0 } .top-mv__wrap .text img{ width:100%; height:100%; object-fit:contain } @media only screen and (min-width: 1025px){ .top-mv__wrap .text a:hover{ opacity:1 } } .top-mv__wrap .text.active{ opacity:1; z-index:2 } @media only screen and (min-width: 1025px) and (max-width: 1800px){ .top-mv__wrap .text{ height:260px } } @media only screen and (min-width: 768px) and (max-width: 1024px){ .top-mv__wrap .text{ right:14%; width:33% } } @media (max-width: 767px){ .top-mv__wrap .text{ top:0; left:0; width:100%; height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none } .top-mv__wrap .text.active{ z-index:3 } .top-mv__wrap .text img{ height:auto } } .top-mv__wrap .rabbit{ position:absolute; background-color:transparent; -webkit-transform:translate(19px, 85px); -moz-transform:translate(19px, 85px); -ms-transform:translate(19px, 85px); -o-transform:translate(19px, 85px); transform:translate(19px, 85px) } .top-mv__wrap .rabbit01{ top:0px; left:0px; width:76px; height:180px } .top-mv__wrap .rabbit02{ top:0px; left:0px; width:134.53px; height:180px } .top-mv__wrap .rabbit03{ top:0px; left:0px; width:147.36px; height:180px } .top-adv{ margin:60px 0 } .top-adv .slick-adv{ padding:0 58px } .top-adv .slick-list{ margin:0 -5px } .top-adv .slick-slide{ padding:0 5px; line-height:0 } .top-adv img{ border-radius:10px } .top-adv .slick-prev,.top-adv .slick-next{ width:40px; height:40px; left:0 } .top-adv .slick-prev::before,.top-adv .slick-next::before{ content:""; display:inline-block; width:40px; height:40px; -webkit-transform:scale(-1); -moz-transform:scale(-1); -ms-transform:scale(-1); -o-transform:scale(-1); transform:scale(-1); background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0); background-size:contain; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-adv .slick-next{ left:auto; right:0 } .top-adv .slick-next::before{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) } @media only screen and (min-width: 1025px){ .top-adv .slick-prev:hover::before,.top-adv .slick-next:hover::before{ background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01_hover.svg") } } @media (max-width: 767px){ .top-adv{ margin:40px 0 } .top-adv .slick-adv{ padding:0 43px; max-width:375px; width:100%; margin:0 auto } .top-adv .slick-next,.top-adv .slick-prev{ width:34px; height:34px } .top-adv .slick-next::before,.top-adv .slick-prev::before{ width:34px; height:34px } } .top-news{ margin:60px 0 } .top-news__wrap{ background-color:#fff; border-radius:40px; padding:51px 60px 60px } .top-news__head{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; margin:0 0 43px } .top-news__ttl{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .top-news__ttl .ttl_en{ font-family:'Nunito', sans-serif; font-size:34px; font-size:3.4rem; letter-spacing:.2em; font-weight:700; color:#09C0E2 } .top-news__ttl .ttl_en::first-letter{ color:#F8334A } .top-news__ttl .ttl_jp{ font-size:16px; font-size:1.6rem; letter-spacing:.1em; font-weight:700; margin-left:13px } .top-news__link .c-link01 a{ font-family:'Noto Sans JP', sans-serif; color:#262626 } .top-news__link .c-link01 a span::after{ margin-top:-9px } @media only screen and (min-width: 1025px){ .top-news__link .c-link01 a:hover{ color:#09C0E2 } } .top-news__row{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -20px } .top-news__col{ padding:0 20px; max-width:25%; width:100% } .top-news__col a{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:100% } @media only screen and (min-width: 1025px){ .top-news__col:hover a.color-red{ opacity:1; color:#f8334a } .top-news__col:hover a.color-red .cate{ border-color:#f8334a; color:#fff; background-color:#f8334a } .top-news__col:hover a.color-red .date{ color:#f8334a } .top-news__col:hover a.color-red .date:after{ width:55% } .top-news__col:hover a.color-green{ opacity:1; color:#28bf6e } .top-news__col:hover a.color-green .cate{ border-color:#28bf6e; color:#fff; background-color:#28bf6e } .top-news__col:hover a.color-green .date{ color:#28bf6e } .top-news__col:hover a.color-green .date:after{ width:55% } .top-news__col:hover a.color-yellow{ opacity:1; color:#d9ae1c } .top-news__col:hover a.color-yellow .cate{ border-color:#d9ae1c; color:#fff; background-color:#d9ae1c } .top-news__col:hover a.color-yellow .date{ color:#d9ae1c } .top-news__col:hover a.color-yellow .date:after{ width:55% } .top-news__col:hover a.color-orange{ opacity:1; color:#f86833 } .top-news__col:hover a.color-orange .cate{ border-color:#f86833; color:#fff; background-color:#f86833 } .top-news__col:hover a.color-orange .date{ color:#f86833 } .top-news__col:hover a.color-orange .date:after{ width:55% } .top-news__col:hover a.color-blue{ opacity:1; color:#1981db } .top-news__col:hover a.color-blue .cate{ border-color:#1981db; color:#fff; background-color:#1981db } .top-news__col:hover a.color-blue .date{ color:#1981db } .top-news__col:hover a.color-blue .date:after{ width:55% } .top-news__col:hover a.color-brown{ opacity:1; color:#693203 } .top-news__col:hover a.color-brown .cate{ border-color:#693203; color:#fff; background-color:#693203 } .top-news__col:hover a.color-brown .date{ color:#693203 } .top-news__col:hover a.color-brown .date:after{ width:55% } } .top-news .cate{ border:2px solid #1981db; color:#1981db; border-radius:90px; font-size:14px; font-size:1.4rem; letter-spacing:.05em; font-weight:700; text-align:center; padding:1px 10px; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; overflow:hidden; width:100%; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:normal } .top-news .cate.visible{ opacity:0; margin-bottom:22px } .top-news .txt{ overflow:hidden; width:100%; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:normal; font-size:15px; font-size:1.5rem; line-height:26px; line-height:1.73333em; letter-spacing:.05em; font-weight:500; flex:1; margin:17px 0 10px } .top-news .date{ color:#9cacb4; font-size:16px; font-size:1.6rem; letter-spacing:0em; font-weight:700; position:relative; text-align:right; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-news .date::before,.top-news .date:after{ content:""; position:absolute; top:50%; left:0; width:55%; height:1px; margin-top:1px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-color:#9cacb4; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-news .date::after{ width:0 } .top-news .date span{ display:inline-block; background-color:#fff; padding-left:10px; position:relative; z-index:1 } .top-news .color-blue .cate{ border:2px solid #1981db; color:#1981db } .top-news .color-blue .date::after{ background-color:#1981db } .top-news .color-red .cate{ border:2px solid #f8334a; color:#f8334a } .top-news .color-red .date::after{ background-color:#f8334a } .top-news .color-green .cate{ border:2px solid #28bf6e; color:#28bf6e } .top-news .color-green .date::after{ background-color:#28bf6e } .top-news .color-yellow .cate{ border:2px solid #d9ae1c; color:#d9ae1c } .top-news .color-yellow .date::after{ background-color:#d9ae1c } .top-news .color-orange .cate{ border:2px solid #f86833; color:#f86833 } .top-news .color-orange .date::after{ background-color:#f86833 } .top-news .color-brown .cate{ border:2px solid #693203; color:#693203 } .top-news .color-brown .date::after{ background-color:#693203 } @media only screen and (max-width: 991px){ .top-news__wrap{ padding:30px 15px 40px } } @media (max-width: 767px){ .top-news{ margin:40px 0 } .top-news__wrap{ position:relative; padding:33px 15px 73px } .top-news__head{ padding:0 14px; margin:0 0 28px } .top-news__ttl .ttl_en{ font-size:26px; font-size:2.6rem; letter-spacing:.2em; font-weight:700 } .top-news__ttl .ttl_jp{ font-size:14px; font-size:1.4rem; letter-spacing:.1em; font-weight:700; margin-left:7px } .top-news__link{ position:absolute; bottom:25px; left:0; width:100%; text-align:center } .top-news__row{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; margin:0 } .top-news__col{ padding:0 15px; max-width:100% } .top-news__col:not(:first-child){ margin-top:25px } .top-news .cate{ font-size:13px; font-size:1.3rem; padding:2px 10px 1px } .top-news .txt{ margin:10px 0 1px } .top-news .date::before{ width:calc(100% - 96px) } } .top-ourservice{ margin:91px 0 20px } .top-ourservice__ttl{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 34px } .top-ourservice__ttl .ttl_en .jumpCony em{ top:-70%; left:40%; -webkit-transform:rotate(24deg); -moz-transform:rotate(24deg); -ms-transform:rotate(24deg); -o-transform:rotate(24deg); transform:rotate(24deg) } .top-ourservice__ttl .ttl_jp{ margin-left:13px } .top-ourservice .c-txt01{ line-height:2.4em; font-weight:500; margin-bottom:43px } @media (min-width: 768px){ .top-ourservice__list{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; margin:0 -15px 10px } } .top-ourservice__item{ margin:0 0 30px } @media (min-width: 768px){ .top-ourservice__item{ max-width:33.3333%; width:100%; padding:0 15px } } .top-ourservice .list_2{ border-top:2px solid #CAEEF8; padding-top:30px } @media only screen and (max-width: 991px){ .top-ourservice__item{ max-width:50% } } @media (max-width: 767px){ .top-ourservice{ margin:53px 0 20px } .top-ourservice__item{ max-width:100% } .top-ourservice__ttl{ position:relative; margin:0 0 30px } .top-ourservice__ttl .ttl_jp{ position:absolute; top:5px; left:112px } .top-ourservice .c-txt01{ font-size:15px; font-size:1.5rem; line-height:30px; line-height:2em; letter-spacing:.05em; font-weight:500; margin-bottom:27px } .top-ourservice__list{ margin-bottom:40px } .top-ourservice__item{ margin-bottom:16px } .top-ourservice .ttl_en .jumpCony em{ top:-69%; left:40% } } .top-contact{ margin:20px 0 20px } .top-case{ margin:50px 0 } @media (max-width: 767px){ .top-case{ margin:40px 0 } } .top-strength{ margin:82px 0; background-image:url("/wp/wp-content/themes/wp-templ/assets/img/top/str_bg01.png"); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0); background-size:100% 100%; padding:61px 0 100px } .top-strength__wrap{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .top-strength .js-image{ position:relative; max-width:34.723%; width:100%; border-radius:40px } .top-strength .js-image:before{ display:block; content:" "; width:100%; padding-top:117.33333% } .top-strength .js-image>.content{ position:absolute; top:0; left:0; right:0; bottom:0 } .top-strength__content{ flex:1; margin-left:5.48% } .top-strength__content>.ttl_en{ line-height:1 } .top-strength__content>.ttl_en::first-letter{ color:#09C0E2 } .top-strength__txthead{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin-bottom:13px; margin-top:-3px } .top-strength__txthead>.ttl_en{ line-height:1 } .top-strength__txthead .ttl_jp{ margin-left:13px } .top-strength .jumpCony em{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; max-width:75; width:100%; top:-85%; left:-9%; z-index:-1; max-width:100%; height:100% } .top-strength .jumpCony em img{ height:55%; max-width:96.34% } .top-strength .c-txt01{ line-height:2.4em; font-weight:500; padding-right:40px; margin:39px 0 43px } .top-strength .c-btn01{ padding-right:40px } @media (max-width: 767px){ .top-strength{ margin:62px 0 29px; padding:33px 0 50px; background-image:url("/wp/wp-content/themes/wp-templ/assets/img/top/bg_wave.png"); background-repeat:no-repeat; background-position:top; background-color:rgba(0,0,0,0); background-size:100% 120px; position:relative; overflow:hidden } .top-strength:before{ content:""; position:absolute; top:119px; left:0; width:100%; height:100%; background-color:#fff; z-index:-1 } .top-strength__wrap{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .top-strength .js-image{ max-width:100%; position:relative; margin:36px 0 17px } .top-strength .js-image:before{ display:block; content:" "; width:100%; padding-top:73.84615% } .top-strength .js-image>.content{ position:absolute; top:0; left:0; right:0; bottom:0 } .top-strength__content{ margin-left:0 } .top-strength__txthead{ margin:0 0 6px } .top-strength__txthead .ttl_jp{ margin-left:12px } .top-strength .c-txt01{ margin:26px 0; padding-right:0; font-size:15px; font-size:1.5rem; line-height:30px; line-height:2em; letter-spacing:.05em; font-weight:500 } .top-strength .c-btn01{ padding-right:0 } .top-strength .jumpCony em{ width:50px; top:-72%; left:-22%; max-width:45px } .top-strength .jumpCony em img{ height:100% } } .top-about{ margin:111px 0 80px } .top-about__wrap{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .top-about__content{ max-width:38.926%; width:100%; padding-top:5% } .top-about__txthead{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin-bottom:35px } .top-about__txthead .ttl_en::first-letter{ color:#09C0E2 } .top-about__txthead .ttl_jp{ margin-left:13px } .top-about__txthead .jumpCony em{ top:-29%; left:3%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none } .top-about__txthead .jumpCony em img{ object-fit:contain; -o-object-fit:contain } .top-about .c-txt01{ line-height:2.4em; padding-right:35px; font-weight:500 } .top-about__list{ flex:1; margin-left:6.3%; counter-reset:number } .top-about__list li{ border-top:2px solid #CAEEF8; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-about__list li a{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; counter-increment:number; position:relative; padding:30px 60px 30px 0 } .top-about__list li a::after{ content:""; position:absolute; top:50%; right:0; width:40px; height:40px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0); background-size:contain; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-about__list li:last-child{ border-bottom:2px solid #CAEEF8 } @media only screen and (min-width: 1025px){ .top-about__list li:hover{ border-top-color:#09C0E2 } .top-about__list li:hover+li{ border-top-color:#09C0E2 } .top-about__list li:hover .img img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .top-about__list li:hover a{ opacity:1; color:#09C0E2 } .top-about__list li:hover a::after{ background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down01_hover.svg") } .top-about__list li:last-child:hover{ border-bottom-color:#09C0E2 } } .top-about__list li .img{ margin-right:30px; border-radius:50%; overflow:hidden; -webkit-transform:scaleZ(1); -moz-transform:scaleZ(1); -ms-transform:scaleZ(1); -o-transform:scaleZ(1); transform:scaleZ(1) } .top-about__list li .img img{ -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-about__list li .number{ font-family:'Nunito', sans-serif; font-size:24px; font-size:2.4rem; line-height:36px; line-height:1.5em; letter-spacing:0em; font-weight:700; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; color:#09C0E2 } .top-about__list li .number::before{ content:counter(number, decimal-leading-zero); display:inline-block } .top-about__list li .number::after{ content:""; display:inline-block; background-color:#09C0E2; width:10px; height:2px; margin:0 10px } .top-about__list li .txt{ font-size:22px; font-size:2.2rem; letter-spacing:.1em; font-weight:700 } .top-about__list li .ttl_bg{ position:absolute; top:0; right:0; height:100%; font-family:'Nunito', sans-serif; font-size:46px; font-size:4.6rem; letter-spacing:.2em; font-weight:700; color:#fff; padding:53px 51px 60px 0; z-index:-1 } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .top-about .c-txt01{ padding-right:0 } } @media (max-width: 767px){ .top-about{ margin:24px 0 11px } .top-about__wrap{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .top-about__content{ max-width:100% } .top-about .c-txt01{ padding-right:0; font-size:15px; font-size:1.5rem; line-height:30px; line-height:2em; letter-spacing:.05em; font-weight:500 } .top-about__list{ margin:36px 0 } .top-about__list li .img{ max-width:30.19%; margin-right:20px } .top-about__list li .number{ font-size:20px; font-size:2rem; letter-spacing:0em; font-weight:700; white-space:nowrap } .top-about__list li .txt{ font-size:18px; font-size:1.8rem; line-height:28px; line-height:1.55556em; letter-spacing:.1em; font-weight:700; white-space:nowrap } .top-about__list li .ttl_bg{ font-size:28px; font-size:2.8rem; letter-spacing:.2em; font-weight:700; padding:0; height:auto; top:auto; bottom:0; right:-5px; line-height:1 } .top-about__list li a{ padding:10px 60px 10px 0 } .top-about__list li a::after{ width:35px; height:35px } .top-about__txthead{ margin-bottom:30px } .top-about__txthead .ttl_jp{ margin-left:4px } } @media only screen and (max-width: 350px){ .top-about__list li a{ padding:10px 40px 10px 0 } .top-about__list li .img{ margin-right:10px } } .top-work{ margin:80px 0 } .top-work__wrap{ display:block; position:relative; padding-left:60px } .top-work__wrap::before{ content:""; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_rabbit_work01.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0); background-size:contain; width:164px; height:226px; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } @media only screen and (min-width: 1025px){ .top-work__wrap:hover{ opacity:1 } .top-work__wrap:hover::before{ -webkit-transform:translateY(-54%); -moz-transform:translateY(-54%); -ms-transform:translateY(-54%); -o-transform:translateY(-54%); transform:translateY(-54%) } .top-work__wrap:hover .top-work__box{ background-color:#fff0f0 } .top-work__wrap:hover .top-work__box::before{ color:#fff } .top-work__wrap:hover .top-work__txt{ color:#F8334A } .top-work__wrap:hover .top-work__txt p{ box-shadow:inset 0 -1px 0 0 #F8334A,0 1px 0 0 #F8334A } .top-work__wrap:hover .top-work__link span:after{ background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down02_hover.svg") } } .top-work__box{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; background-color:#fff; border-radius:500px; -webkit-box-shadow:0px 4px 0px 0px #fad8dc; -moz-box-shadow:0px 4px 0px 0px #fad8dc; -ms-box-shadow:0px 4px 0px 0px #fad8dc; -o-box-shadow:0px 4px 0px 0px #fad8dc; box-shadow:0px 4px 0px 0px #fad8dc; padding:70px 60px 78px 110px; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-work__box::before{ content:"RECRUIT"; position:absolute; top:50%; right:60px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); color:#ffeff1; font-family:'Nunito', sans-serif; font-size:100px; font-size:10rem; line-height:100px; line-height:1em; letter-spacing:.2em; font-weight:700 } .top-work__txt{ max-width:58.56%; width:100%; font-size:24px; font-size:2.4rem; line-height:48px; line-height:2em; letter-spacing:.1em; font-weight:700; position:relative } .top-work__txt p{ display:inline; box-shadow:inset 0 -1px 0 0 #ffe5e8, 0 1px 0 0 #ffe5e8; padding-bottom:6px; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .top-work__txt span{ color:#F8334A } .top-work__link{ position:relative } .top-work__link span{ color:#F8334A; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:22px; font-size:2.2rem; letter-spacing:.1em; font-weight:700 } .top-work__link span::after{ content:""; display:inline-block; width:40px; height:40px; margin-left:20px; background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_down02.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0); background-size:contain; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .top-work__txt{ font-size:20px; font-size:2rem } .top-work__box{ padding:50px 60px 58px 110px } } @media only screen and (max-width: 991px){ .top-work__txt{ font-size:15px; font-size:1.5rem } .top-work__box{ padding:50px 35px 58px 80px } .top-work__link span{ font-size:15px; font-size:1.5rem } } @media (max-width: 767px){ .top-work{ margin:15px 0 } .top-work__wrap{ padding-left:0 } .top-work__wrap::before{ left:14px; width:84px; height:155px; background-image:url("/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_rabbit_work01_sp.svg") } .top-work__box{ padding:34px 20px 30px 35%; border-radius:30px; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .top-work__box::before{ right:-60px; font-size:32px; font-size:3.2rem; letter-spacing:.2em; font-weight:700; line-height:1; -webkit-transform:translateY(-50%) rotate(90deg); -moz-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); -o-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg) } .top-work__txt{ max-width:100%; font-size:15px; font-size:1.5rem; line-height:32px; line-height:2.13333em; letter-spacing:.05em; font-weight:700 } .top-work__txt p{ padding-bottom:4px } .top-work__link{ margin:15px 0 0 } .top-work__link span{ -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start; font-size:16px; font-size:1.6rem } .top-work__link span::after{ width:34px; height:34px; margin-left:6px } } @media only screen and (max-width: 767px) and (orientation: landscape){ .top-work__box{ padding-left:114px; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .top-work__box::before{ font-size:20px; font-size:2rem; right:-30px } .top-work__txt{ max-width:191px } .top-work__link{ margin-left:30px } } @media only screen and (max-width: 374px){ .top-work__box{ padding-left:0 } .top-work__wrap::before{ width:22vw } .top-work__txt{ max-width:191px; margin-left:auto } .top-work__link{ max-width:191px; width:100%; margin:15px 0 0 auto } } @media only screen and (max-width: 350px){ .top-work__wrap::before{ width:15vw } .top-work__txt{ max-width:181px } .top-work__link{ max-width:181px } } .top-ytb{ margin:92px 0 140px } .top-ytb__ttl{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .top-ytb .ttl_en{ padding-left:32px } .top-ytb .ttl_jp{ margin-left:12px } .top-ytb .jumpCony em{ top:-28%; left:-11%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none } .top-ytb__video{ margin:30px 0 0; position:relative } .top-ytb__video:before{ display:block; content:" "; width:100%; padding-top:56.2% } .top-ytb__video>.content{ position:absolute; top:0; left:0; right:0; bottom:0 } .top-ytb__video iframe{ position:absolute; top:0; left:0; width:100%; height:100% } @media (max-width: 767px){ .top-ytb{ margin:56px 0 80px } .top-ytb__ttl .ttl_en{ padding-left:0 } .top-ytb__ttl .ttl_jp{ margin:-7px 0 0 } .top-ytb__video{ margin:23px 0 0 } .top-ytb .jumpCony em{ top:-27%; left:4% } .top-ytb .jumpCony em img{ max-width:71.34% } } /*# sourceMappingURL=maps/top.min.css.map */ /*# sourceMappingURL=maps/top.min.css.map */