﻿#service{padding-bottom:0}#service #link01{background-image:url("../../common/img/bg_common01.svg"),url("../../common/img/bg_common02.svg");background-position:left -20vw center, right -20vw top;background-size:max(35vw, 12em),max(35vw, 12em);background-repeat:no-repeat;padding-bottom:5em}@media only screen and (max-width: 768px){#service #link01{padding-bottom:3em}}#service #link01 h2{text-align:center;font-size:2.5em;font-weight:700;margin-bottom:1em;color:#333;line-height:1.5;margin-bottom:1.75em;position:relative;padding-bottom:0.5em}@media only screen and (max-width: 1440px){#service #link01 h2{font-size:2.4em}}@media only screen and (max-width: 1280px){#service #link01 h2{font-size:2.3em}}@media only screen and (max-width: 1024px){#service #link01 h2{font-size:2.2em}}@media only screen and (max-width: 768px){#service #link01 h2{font-size:2em}}@media only screen and (max-width: 576px){#service #link01 h2{font-size:1.8em}}#service #link01 h2::before{content:'';position:absolute;bottom:-0.75em;display:inline-block;width:0.75em;height:0.2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(90deg, #0da141 0, #0da141 33%, #90008e 33%, #90008e 67%, #fd231f 67%, #fd231f 100%)}#service #link01 .sec01{position:relative}@media only screen and (max-width: 1024px){#service #link01 .sec01{padding-bottom:12em}}@media only screen and (max-width: 768px){#service #link01 .sec01{width:80%;margin:0 auto}}@media only screen and (max-width: 576px){#service #link01 .sec01{width:90%}}#service #link01 .sec01__01 p{text-align:center;font-size:1.2em}@media only screen and (max-width: 1280px){#service #link01 .sec01__01 p{font-size:1.1em}}@media only screen and (max-width: 768px){#service #link01 .sec01__01 p{text-align:left}}#service #link01 .sec01__01 p+p{margin-top:1em}#service #link01 .sec01 figure{position:absolute;z-index:1}#service #link01 .sec01 figure img{width:100%}#service #link01 .sec01 figure#chiritori01{width:min(15vw, 9em);top:30%;left:0;animation:rotate01 2s 1s infinite}@media only screen and (max-width: 1024px){#service #link01 .sec01 figure#chiritori01{top:inherit;bottom:0;left:inherit;right:60%;width:min(30vw, 8em)}}#service #link01 .sec01 figure#watergun01{width:min(12vw, 8em);top:30%;right:0;animation:rotate01 2s 1s infinite}@media only screen and (max-width: 1024px){#service #link01 .sec01 figure#watergun01{top:inherit;bottom:0;right:inherit;left:60%;width:min(30vw, 7em)}}#service #link01 .sec04{margin-top:4em;overflow-y:hidden}#service #link01 .sec04 ul.infinite li{width:20em;margin:0 1em;position:relative;z-index:2}@media only screen and (max-width: 1280px){#service #link01 .sec04 ul.infinite li{width:19em}}@media only screen and (max-width: 1024px){#service #link01 .sec04 ul.infinite li{width:18em}}@media only screen and (max-width: 768px){#service #link01 .sec04 ul.infinite li{width:16em}}@media only screen and (max-width: 576px){#service #link01 .sec04 ul.infinite li{width:14em;margin:0 0.75em}}#service #link01 .sec04 ul.infinite li::after{content:"";position:absolute;z-index:-1;right:-0.75rem;bottom:-0.75rem;width:100%;height:100%;background-image:linear-gradient(135deg, transparent 0 100%),repeating-linear-gradient(45deg, #FFE72F 0px 4px, transparent 4px 8px);background-repeat:no-repeat;border-radius:0.5em}@media only screen and (max-width: 576px){#service #link01 .sec04 ul.infinite li::after{right:-0.5rem;bottom:-0.5rem}}#service #link01 .sec04 ul.infinite li:nth-child(even){margin-bottom:calc(20em / 2)}@media only screen and (max-width: 1280px){#service #link01 .sec04 ul.infinite li:nth-child(even){margin-bottom:calc(19em / 2)}}@media only screen and (max-width: 1024px){#service #link01 .sec04 ul.infinite li:nth-child(even){margin-bottom:calc(18em / 2)}}@media only screen and (max-width: 768px){#service #link01 .sec04 ul.infinite li:nth-child(even){margin-bottom:calc(16em / 2)}}@media only screen and (max-width: 576px){#service #link01 .sec04 ul.infinite li:nth-child(even){margin-bottom:calc(14em / 2)}}#service #link01 .sec04 ul.infinite li img{border-radius:0.5em}#service #link02{width:100%;max-width:calc(1920px + (4em * 2));padding-left:4em;padding-right:4em;margin:0 auto}@media only screen and (max-width: 1440px){#service #link02{padding-left:3em;padding-right:3em}}@media only screen and (max-width: 1280px){#service #link02{padding-left:2em;padding-right:2em}}@media only screen and (max-width: 1024px){#service #link02{padding-left:1.5em;padding-right:1.5em}}@media only screen and (max-width: 768px){#service #link02{padding-left:1.25em;padding-right:1.25em}}@media only screen and (max-width: 576px){#service #link02{padding-left:1em;padding-right:1em}}#service #link02__stage01 p.service{text-align:center;margin-bottom:1em}#service #link02__stage01 p.service span{background:#1DA201;color:#fff;padding:0.25em 1.5em;border-radius:3em;display:inline-block;font-size:1.2em;font-weight:700}@media only screen and (max-width: 576px){#service #link02__stage01 p.service span{font-size:1.1em}}#service #link02__stage01 h3{text-align:center;font-size:2em;font-weight:700;color:#333}@media only screen and (max-width: 576px){#service #link02__stage01 h3{font-size:1.8em}}#service #link02__stage01 h4{text-align:center;font-size:2.5em;font-weight:900}@media only screen and (max-width: 576px){#service #link02__stage01 h4{font-size:2em}}#service #link02__stage01 h4 span.size{font-size:1.5em}#service #link02__stage01 h4 span.color{color:#1DA201}@media only screen and (max-width: 768px){#service #link02__stage01 h4 span.color{padding:0}}#service #link02__stage01 h4 span.js-marker{display:inline;position:relative;background-image:linear-gradient(135deg, transparent 0 100%),repeating-linear-gradient(45deg, #FFE72F 0px 4px, transparent 4px 8px);background-repeat:no-repeat;background-position:bottom left;background-size:0 30%;transition:background 1s ease-in-out;font-weight:bold;text-shadow:0 0.1em 0 #FFFBD8,0.1em 0 0 #FFFBD8,-0.1em 0 0 #FFFBD8,0 -0.1em 0 #FFFBD8;padding:0 0.25em}#service #link02__stage01 h4 span.js-marker.inview{background-size:100% 30%}#service #link02__stage01 .sec01{margin-top:1em;margin-bottom:5em;text-align:center;display:block}#service #link02__stage01 .sec01 ul{display:inline-block}#service #link02__stage01 .sec01 ul li{text-align:left;font-size:1.6em;font-weight:700;position:relative;line-height:2}@media only screen and (max-width: 576px){#service #link02__stage01 .sec01 ul li{font-size:1.2em}}#service #link02__stage01 .sec01 ul li::before{content:attr(data-number);display:inline-block;margin-right:0.75em;color:#1DA201;font-size:1em;font-weight:900;border-bottom:2px solid #1DA201}#service #link02__stage01 .sec01 ul li a{color:#333;text-decoration:none}#service #link02__stage01 .sec01 ul li a:hover{color:#1DA201}#service #link02__stage02 .sec01{margin-top:2em;background:#fff;padding:0 2em 2em;border-radius:1em;border:4px solid #1DA201;box-shadow:0 0 1em rgba(0,0,0,0.1);overflow:hidden}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01{padding:0 1.5em 1.5em}}@media only screen and (max-width: 576px){#service #link02__stage02 .sec01{padding:0 1em 1em;border-width:3px}}#service #link02__stage02 .sec01 h2{font-size:2em;font-weight:700;text-align:center;position:relative}@media only screen and (max-width: 576px){#service #link02__stage02 .sec01 h2{font-size:1.5em}}#service #link02__stage02 .sec01 h2::before{content:attr(data-number);display:block;color:#1DA201;font-size:2em}#service #link02__stage02 .sec01 h2::after{content:'';position:absolute;top:3em;left:50%;transform:translateX(-50%);width:1em;height:3px;background-color:#1DA201}#service #link02__stage02 .sec01 h2 .js-marker{display:inline;position:relative;background-image:linear-gradient(135deg, transparent 0 100%),repeating-linear-gradient(45deg, #FFE72F 0px 4px, transparent 4px 8px);background-repeat:no-repeat;background-position:bottom left;background-size:0 30%;transition:background 1s ease-in-out;font-weight:bold;text-shadow:0 0.1em 0 #fff,0.1em 0 0 #fff,-0.1em 0 0 #fff,0 -0.1em 0 #fff;padding:0 0.25em}#service #link02__stage02 .sec01 h2 .js-marker.inview{background-size:100% 30%}#service #link02__stage02 .sec01__01{max-width:40em;margin:1em auto 0}#service #link02__stage02 .sec01__01 p{font-size:1em}#service #link02__stage02 .sec01__01__01{margin-top:1em;border:2px solid #3c8bde;background:#eaf3fb;padding:1em 1.5em;border-radius:0.25em}@media only screen and (max-width: 576px){#service #link02__stage02 .sec01__01__01{padding:1em}}#service #link02__stage02 .sec01__01__01 ul{font-size:0.9em}#service #link02__stage02 .sec01__01__01 ul li{margin-left:1.5em;text-indent:-1.5em}#service #link02__stage02 .sec01__01__01 ul li::before{content:"●";color:#3c8bde;padding-right:0.5em}#service #link02__stage02 .sec01__02{margin-top:2em;display:grid;grid-template-columns:420px 1fr;grid-column-gap:3em}@media only screen and (max-width: 1024px){#service #link02__stage02 .sec01__02{display:inherit;margin-top:0}}@media only screen and (max-width: 1024px){#service #link02__stage02 .sec01__02__02{width:80%;margin:2em auto}}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01__02__02{width:90%}}@media only screen and (max-width: 576px){#service #link02__stage02 .sec01__02__02{width:100%;margin:1em 0}}#service #link02__stage02 .sec01__02__02 .swiper{position:relative}#service #link02__stage02 .sec01__02__02 .swiper-cube .swiper-cube-shadow{opacity:0.4}#service #link02__stage02 .sec01__02__02 .swiper-button-prev,#service #link02__stage02 .sec01__02__02 .swiper-button-next{top:calc(50% - 1em);color:#1DA201}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01__02__02 .swiper-button-prev,#service #link02__stage02 .sec01__02__02 .swiper-button-next{display:none}}#service #link02__stage02 .sec01__02__02 .swiper-pagination{position:inherit;bottom:0}#service #link02__stage02 .sec01__02__02 .swiper-pagination .swiper-pagination-bullet{width:1em;height:0.25em;border-radius:0}#service #link02__stage02 .sec01__02__02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2em;background:#1DA201}#service #link02__stage02 .sec01__02__02 img{width:100%}#service #link02__stage02 .sec01__02__02 p{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6);color:#fff;font-size:0.8em;padding:0.25em 0.75em}#service #link02__stage02 .sec01__02__01 h3{font-size:1.2em;font-weight:700;margin-left:1.5em;text-indent:-1.5em}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01__02__01 h3{font-size:1.1em}}#service #link02__stage02 .sec01__02__01 h3::before{content:"■";margin-right:0.5em;color:#1DA201}#service #link02__stage02 .sec01__02__01 ul{display:flex;flex-wrap:wrap;margin-bottom:0.5em;margin-left:calc((1em + 0.5em) * 1.2)}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01__02__01 ul{font-size:0.95em}}#service #link02__stage02 .sec01__02__01 ul li::after{content:"／";margin:0 0.5em;color:#999}@media only screen and (max-width: 768px){#service #link02__stage02 .sec01__02__01 ul li::after{margin:0 0.25em}}#service #link02__stage02 .sec01__02__01 ul li:last-child::after{content:none}#service #link02__stage03{margin-top:5em}#service #link02__stage03>p{display:flex;justify-content:center;align-items:center;font-size:2em;font-weight:700;text-align:center}#service #link02__stage03>p::before,#service #link02__stage03>p::after{content:'';width:3px;height:1.5em;background-color:#FF528D}#service #link02__stage03>p::before{margin-right:1em;transform:rotate(-35deg)}#service #link02__stage03>p::after{margin-left:1em;transform:rotate(35deg)}#service #link02__stage03 .secWrap{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2em}@media only screen and (max-width: 1440px){#service #link02__stage03 .secWrap{grid-column-gap:1.5em}}@media only screen and (max-width: 1024px){#service #link02__stage03 .secWrap{grid-template-columns:1fr}}#service #link02__stage03 .secWrap .sec01{margin-top:2em;background:#fff;padding:0 3em 2em;border-radius:1em;box-shadow:0 0 1em rgba(0,0,0,0.1);border:4px solid #FF528D}@media only screen and (max-width: 768px){#service #link02__stage03 .secWrap .sec01{padding:0 1.5em 2em}}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01{padding:0 1em 1.5em;border-width:3px}}#service #link02__stage03 .secWrap .sec01 p.service{text-align:center;margin-bottom:1em}#service #link02__stage03 .secWrap .sec01 p.service span{background:#FF528D;color:#fff;padding:0.25em 3em 0.5em;border-radius:0 0 2em 2em;display:inline-block;font-size:1.2em;font-weight:700}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01 p.service span{font-size:1.1em}}#service #link02__stage03 .secWrap .sec01 h2{font-size:1.5em;font-weight:700;margin-bottom:1em;text-align:center}@media only screen and (max-width: 1024px){#service #link02__stage03 .secWrap .sec01 h2{font-size:1.6em}}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01 h2{font-size:1.5em}}#service #link02__stage03 .secWrap .sec01 h2 .js-marker{display:inline;position:relative;background-image:linear-gradient(135deg, transparent 0 100%),repeating-linear-gradient(45deg, #FFE72F 0px 4px, transparent 4px 8px);background-repeat:no-repeat;background-position:bottom left;background-size:0 30%;transition:background 1s ease-in-out;font-weight:bold;text-shadow:0 0.1em 0 #fff,0.1em 0 0 #fff,-0.1em 0 0 #fff,0 -0.1em 0 #fff;padding:0 0.25em}#service #link02__stage03 .secWrap .sec01 h2 .js-marker.inview{background-size:100% 30%}#service #link02__stage03 .secWrap .sec01__01{margin-top:1em}#service #link02__stage03 .secWrap .sec01__01 figure{width:80%;margin:0 auto;position:relative}@media only screen and (max-width: 768px){#service #link02__stage03 .secWrap .sec01__01 figure{width:90%}}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01__01 figure{width:100%}}#service #link02__stage03 .secWrap .sec01__01 figure img{width:100%}#service #link02__stage03 .secWrap .sec01__01 figure figcaption{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6);color:#fff;font-size:0.8em;padding:0.25em 0.75em}#service #link02__stage03 .secWrap .sec01__01__01{text-align:center;display:block}#service #link02__stage03 .secWrap .sec01__01__01 ul{display:inline-block;margin-top:2em;margin-bottom:0.5em}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01__01__01 ul{margin-top:1em}}#service #link02__stage03 .secWrap .sec01__01__01 ul li{font-size:1.2em;text-align:left}@media only screen and (max-width: 1440px){#service #link02__stage03 .secWrap .sec01__01__01 ul li{font-size:1.1em}}@media only screen and (max-width: 576px){#service #link02__stage03 .secWrap .sec01__01__01 ul li{font-size:1em}}#service #link02__stage03 .secWrap .sec01__01__01 ul li::before{content:"■";margin-right:0.5em;color:#FF528D}#service #link03{margin-top:8em}@media only screen and (max-width: 576px){#service #link03{margin-top:5em}}#service #link03__inner{background:#d7f1ff;border-radius:min(8vw, 10em);padding-top:6em}@media only screen and (max-width: 576px){#service #link03__inner{padding-top:3em}}#service #link03__inner h2{text-align:center;font-size:2.5em;font-weight:700;margin-bottom:1em;color:#267EDA;line-height:1.5}@media only screen and (max-width: 1440px){#service #link03__inner h2{font-size:2.4em}}@media only screen and (max-width: 1280px){#service #link03__inner h2{font-size:2.3em}}@media only screen and (max-width: 1024px){#service #link03__inner h2{font-size:2.2em}}@media only screen and (max-width: 768px){#service #link03__inner h2{font-size:2em}}@media only screen and (max-width: 576px){#service #link03__inner h2{font-size:1.8em}}#service #link03__inner>p{text-align:center;font-size:1.2em}@media only screen and (max-width: 768px){#service #link03__inner>p{width:80%;margin:0 auto;text-align:left}}@media only screen and (max-width: 576px){#service #link03__inner>p{font-size:1.1em}}#service #link03__inner .sec01{width:100%;max-width:calc(1920px + (4em * 2));padding-left:4em;padding-right:4em;margin:0 auto;margin-top:3em;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width: 1440px){#service #link03__inner .sec01{padding-left:3em;padding-right:3em}}@media only screen and (max-width: 1280px){#service #link03__inner .sec01{padding-left:2em;padding-right:2em}}@media only screen and (max-width: 1024px){#service #link03__inner .sec01{padding-left:1.5em;padding-right:1.5em}}@media only screen and (max-width: 768px){#service #link03__inner .sec01{padding-left:1.25em;padding-right:1.25em}}@media only screen and (max-width: 576px){#service #link03__inner .sec01{padding-left:1em;padding-right:1em}}@media only screen and (max-width: 768px){#service #link03__inner .sec01{margin-top:2em;display:inherit}}#service #link03__inner .sec01__01{border:2px solid #3ebbff;background:#fff;padding:1.5em 2em;border-radius:1em;width:calc((100% - 2em) / 3);box-shadow:0 1em 1em -0.75em rgba(62,187,255,0.3)}@media only screen and (max-width: 768px){#service #link03__inner .sec01__01{width:90%;margin:0 auto 1em}}#service #link03__inner .sec01__01:nth-child(2){transition-delay:0.1s}@media only screen and (max-width: 768px){#service #link03__inner .sec01__01:nth-child(2){transition-delay:0}}#service #link03__inner .sec01__01:nth-child(3){transition-delay:0.2s}@media only screen and (max-width: 768px){#service #link03__inner .sec01__01:nth-child(3){transition-delay:0}}#service #link03__inner .sec01__01 h3{text-align:center;font-weight:600;font-size:1.4em}#service #link03__inner .sec01__01 p{margin-top:0.5em;margin-bottom:0.5em;display:flex;align-items:center;justify-content:center}#service #link03__inner .sec01__01 p::before,#service #link03__inner .sec01__01 p::after{background:#333;content:"";height:1px;width:2em}#service #link03__inner .sec01__01 p::before{margin-right:1em}#service #link03__inner .sec01__01 p::after{margin-left:1em}#service #link03__inner .sec01__01 ul{display:flex;justify-content:center;flex-wrap:wrap}#service #link03__inner .sec01__01 ul li{font-size:0.9em}#service #link03__inner .sec01__01 ul li::after{content:"、"}#service #link03__inner .sec01__01 ul li:last-child::after{content:none}#service #link03__inner .sec01__01 ul li span.size{font-size:0.9em}#service #link03__inner .sec02{border-radius:0 0 min(8vw, 5em) min(8vw, 10em);margin-top:3em;height:0;overflow:hidden;padding-bottom:35.7142857143%;position:relative;background-image:url("../img/bg_service01.svg");background-repeat:no-repeat;background-position:bottom center;background-size:cover}@media only screen and (max-width: 1280px){#service #link03__inner .sec02{padding-bottom:41.6666666667%}}@media only screen and (max-width: 1024px){#service #link03__inner .sec02{padding-bottom:47.619047619%}}@media only screen and (max-width: 768px){#service #link03__inner .sec02{margin-top:3em;padding-bottom:53.5714285714%}}@media only screen and (max-width: 576px){#service #link03__inner .sec02{padding-bottom:59.5238095238%;background-position:bottom right 47%}}#service #link03__inner .sec02 figure{position:absolute;left:0;top:0;height:100%;width:100%}#service #link04{padding:5em 0 6em}@media only screen and (max-width: 1024px){#service #link04{padding:3em 0 4em}}#service #link04 .sec01 h2{text-align:center;font-size:2.5em;font-weight:700;margin-bottom:1em;color:#333;line-height:1.5}@media only screen and (max-width: 1440px){#service #link04 .sec01 h2{font-size:2.4em}}@media only screen and (max-width: 1280px){#service #link04 .sec01 h2{font-size:2.3em}}@media only screen and (max-width: 1024px){#service #link04 .sec01 h2{font-size:2.2em}}@media only screen and (max-width: 768px){#service #link04 .sec01 h2{font-size:2em}}@media only screen and (max-width: 576px){#service #link04 .sec01 h2{font-size:1.8em}}#service #link04 .sec01 h2 span.size{font-size:0.75em;display:block}#service #link04 .sec01__01 ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));grid-column-gap:2em}#service #link04 .sec01__01 ul li{border-bottom:1px solid #FFB100;font-size:1em;text-align:left}#service #link04 .sec01__01 ul li a{color:#333;display:block;padding:1em;text-decoration:none}@media only screen and (max-width: 576px){#service #link04 .sec01__01 ul li a{padding:0.5em 1em}}#service #link04 .sec01__01 ul li a::after{font-family:ybm;content:"";color:#666;font-size:.9em;font-weight:normal !important;display:inline-block;padding-left:0.75em}#service #link04 .sec01__01 ul li a[target="_blank"]::after{font-family:ybm;content:"";color:#666;font-size:.9em;font-weight:normal !important;display:inline-block}#service #link04 .sec01__01 ul li a:hover{background:rgba(255,177,0,0.2)}
