body{background:#f6ede4;}
#mv{position:relative;background: url("../img/index/mv.jpg") no-repeat center / cover;}
#mainvisual{position:relative;}
.skippr-previous,.skippr-next{display:none}
#mainvisual h2{position:absolute;text-align:center;font-weight:500;background:rgba(77,132,89,0.95);color:#fff;line-height:2.2em}
#mainvisual h2 strong{font-weight:normal;display:block}
#topics{box-shadow:0px 0px 5px -2px #515151}
#topics dt{text-align:center;color:#fff;background:#78b97f;font-family:'Alice',"Times New Roman", Times, serif;}
#topics dt,#topics dd{vertical-align: middle}
#topics ul li{background:#fff}
#topics ul li a{color:#333}
#topics ul li time{color:#78b97f}
#topics ul li p a{color:#fff}
#topics ul li time,#topics ul+p a{font-family:Arial, Helvetica, "sans-serif"}
#topics ul+p a{color:#4d8459;position:relative;text-decoration:none;}
#topics ul+p a:after,#serviceList ul li a h3:after{content:"";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%}
#galleryLead a{background:#f4f4f4;text-align:center;text-decoration:none;}
#galleryLead a figure{position:relative;width:100%;height:100%}
#galleryLead a h4{color:#222}
#galleryLead a .cat{color:#4d8459}
#galleryLead figure span::after,#galleryLead a figure::after{position:absolute;font-family:'Alice',"Times New Roman", Times, serif;}
#galleryLead figure span::after{content:"\0042\0065\0066\006f\0072\0065";background:#d5edbf;color:#4d8459}
#galleryLead a figure::after{content:"\0041\0066\0074\0065\0072";background:#4d8459;color:#fff;display:none}
#galleryLead li.none figure span::after,
#galleryLead li.none a figure::after{display:none;}
.skippr-nav-container{position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);overflow:auto;z-index:20}
.skippr-nav-element{cursor:pointer;float:left;background-color:rgba(255,255,255,1);-webkit-transition:all .25s linear;transition:all .25s linear}
.skippr-nav-element-bubble{border-radius:50%;background:#e7e7e7}
.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#bc314e}
.skippr-arrow{position:absolute;z-index:20;top:50%;cursor:pointer;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.slick-loading .slick-list{background:#fff url(../img/common/loading.gif) center center no-repeat}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;border:none;outline:none}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'窶｢';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-filter:alpha(opacity=25);filter:alpha(opacity=25)}
.slick-dots li.slick-active button:before{opacity:.75;-ms-filter:alpha(opacity=75);filter:alpha(opacity=70);color:#000}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{background:none;font-size:0;text-indent:-9999em;display:inline-block}
.slick-prev,.slick-next{background-position:center bottom;z-index:4}
.slick-prev::before,.slick-next::before{font-family:"Font Awesome 5 Free";color:#fff;}
.slick-prev::before{content:"\f053";}
.slick-next::before{content:"\f054";}
.slick-prev:hover,.slick-next:hover{background-position:center top}
@media screen and (min-width:769px) {
main{position:relative;}
#mainvisual{width:100%;height:100%;margin:0 auto 50px;z-index:-1;}
#mv{height:80vh;z-index:0;min-width:980px;}
#mainvisual h2{width:480px;height:140px;right:3%;bottom:48%;font-size:20px;letter-spacing:0.06em;padding:30px 25px 0;position:absolute}
#mainvisual h2 strong{font-size:36px;letter-spacing:0.15em}

#topics{width:1080px;position:relative;margin:-100px auto 40px;padding:0;display:table;background:#fff;height:60px;z-index:1;overflow:hidden;
}
#topics dt{width:100px;font-size:16px;}
#topics dd{padding:0 30px}
#topics dt,#topics dd{display:table-cell}
#topics ul+p{position:absolute;right:15px;top:50%;margin-top:-12px}
#topics ul li{padding:0;height:40px;font-size:17px;overflow:hidden;line-height:1.8em}
#topics ul li time,#topics ul li p{display:inline-block;padding:5px 0 0}
#topics ul li time{padding:0 30px 0 25px}
#topics ul li time::after{content:"\00ff5c";color:#00b655;padding:0 0 0 30px}
#topics ul li a:hover p{text-decoration:underline}
#topics ul+p a{transition:0.3s;display:inline-block;padding:8px 26px 8px 6px;top:-3px;font-size:13px}
#topics ul+p a::after{width:8px;height:8px;margin:-6px 0 0 0;right:10px;border-top:3px solid #4d8459;border-right:3px solid #4d8459;transition:0.3s}
#topics ul+p a:hover::after{right:5px;}

#leadService{max-width:1200px;min-width:900px;margin:0 auto;padding:100px 0 0;position:relative}
#leadService h3{width:24.5%;text-align:center;z-index:1;display:inline-block;color:#fff;position:absolute;left:-8px;top:16%;line-height:1.6;font-size:24px}
#leadService h3+ul,#leadService #index-lead02{display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
#leadService h3+ul::before{content:"";display:block;background-color:rgba(77,132,89);color:#fff;border-radius:30px 0 30px 0;position:relative;top:-8px;left:-8px}
#leadService h3+ul li,#leadService h3+ul::before{flex:0 0 24.5%;position:relative;margin-bottom:.5%;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s}
#leadService h3+ul li{border-radius:0;background-color:rgba(77,132,89);position:relative;top:0;transition:.3s}
#leadService h3+ul li::before,#leadService #index-lead02 li::before{content:'';display:block;padding-top:100%}
#leadService h3+ul li::after{position:absolute;right:0;bottom:0;background-color:rgba(77,132,89);content:"";display:block;width:100%;height:100%;z-index:-1}
#leadService h3+ul li a,#leadService #index-lead02 li a{position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;color:#fff;text-decoration:none;vertical-align:middle;display:table-cell;display:flex;z-index:1;line-height:1.6em}
#leadService h3+ul li a{justify-content:center;align-items:center}
#leadService h3+ul li a::before{width:60%;height:40%;background:rgba(77,132,89,.8);content:"";display:block;position:absolute;top:29.5%;left:19.5%;transition:.3s;z-index:-1}
#leadService h3+ul li:hover{border-radius:0 0 40px 0}
#leadService h3+ul li a:hover::before{background:rgba(77,132,89)}
#leadService #index-lead02{padding:40px 0 60px}
#leadService #index-lead02 li{flex:0 0 49.5%;position:relative;margin-bottom:.5%;text-align:center;opacity:.9;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s;height:320px}
#leadService #index-lead02 li:hover{opacity:1}
#leadService #index-lead02 li a{align-items:center;font-size:24px;transition:.3s}
#leadService #index-lead02 li:nth-child(2n+1) a{justify-content:flex-start;padding:0 0 0 1.4em}
#leadService #index-lead02 li:nth-child(2n) a{justify-content:flex-end;padding:0 .2em 0 0}
#leadService #index-lead02 li a::before{width:270px;height:150px;background:rgba(77,132,89,.9);content:"";display:block;position:absolute;top:24.5%;transition:.3s;z-index:-1;border-radius:20px 0 20px 0;transform:rotate(0deg)}
#leadService #index-lead02 li:nth-child(2n+1) a::before{left:-4%}
#leadService #index-lead02 li:nth-child(2n) a::before{right:-4%}
#leadService #index-lead02 li a:hover::before{background:rgba(77,132,89)}
#leadService #index-lead02 li:nth-child(2n+1) a:hover::before{left:4%}
#leadService #index-lead02 li:nth-child(2n) a:hover::before{right:4%}
#leadService #index-lead02 li:nth-child(2n+1) a:hover{padding:0 0 0 3.4em}
#leadService #index-lead02 li:nth-child(2n) a:hover{padding:0 2.2em 0 0}


#galleryLead{position:relative;padding:80px 0 40px;}
#galleryLead::before{content:"";background:#5a6f5c;display:block;width:500%;position:absolute;bottom:0;left:50%;margin-left:-250%;height:50%;z-index:-1}
#galleryLead a:hover figure span::after{display:none}
#galleryLead a:hover figure::after{display:block}
#galleryLead a{padding:0 0 15px;transition:.3s}
#galleryLead a:hover{border-radius:0 0 30px 0;}
#galleryLead a:hover figcaption{opacity:1;transform:opacity 0.3s}
#galleryLead figure span,#galleryLead a{display:block}
#galleryLead figure span,#galleryLead a figure{background-size:cover;background-repeat:no-repeat;background-position:center}
#galleryLead a h4{padding:20px 15px 10px;font-size:18px}
#galleryLead a .cat{font-size:14px;}

#galleryLead a img{opacity:0}
.slick-slide a:hover span{background:none !important}
#galleryLead span::after,#galleryLead a figure::after{font-size:14px;padding:2px 6px;top:8px;right:-8px;}
.slick-list{padding:5px 0 0}
.slick-slider{padding:0 50px}
li.slick-slide{padding:0 10px;position:relative;top:0;transition:.3s}
.slick-slide:hover{top:-5px}
.slick-slide img{width:100%;height:auto}
.slick-arrow{width:40px;height:40px;margin-top:-20px;padding:8px 0 0;transition:.3s}
.slick-prev::before,.slick-next::before{font-size:20px;font-weight:bold}
.slick-prev{left:15px}
[dir='rtl'] .slick-prev{right:15px;left:auto}
.slick-next{right:15px}
[dir='rtl'] .slick-next{right:auto;left:15px}

.slick-prev:hover{left:10px}
[dir='rtl'] .slick-prev:hover{right:10px;}
.slick-next:hover{right:10px}
[dir='rtl'] .slick-next:hover{left:10px}

#greeting{width:1080px;margin:0 auto;position:relative;}
#greeting::after{content:"";background:#f0efe8;display:block;width:500%;position:absolute;top:0;left:50%;margin-left:-250%;height:100%;z-index:-1}
#greeting .column{display:flex}
#greeting h2{color:#4d8459;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;font-size:38px;width:125px;padding:40px 0;line-height:3em;letter-spacing:.15em}
#greeting h2+p{background:#fff;border-radius:15px;width:760px;height:320px;margin:40px;padding:30px 75px;line-height:2em}
#greeting figure{padding:40px 0 0;left:0px;position:relative;width:204px}
#greeting figcaption{color:#4d8459;padding:0 0 0 50px;display:block;line-height:1.5em}
#greeting figcaption strong{display:block;font-size:20px;font-weight:500}

#latestPost{padding:80px 0}
#latestPost h3,#galleryLead h3{color:#3a3a3a;font-size:30px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 2em;font-weight:500}
#latestPost h3::after,#galleryLead h3::after{content:"";width:140px;height:2px;background:#4d8459;display:block;margin:10px auto}
#latestPost{position:relative}
#latestPost::after{content:"";background:#fff1e7;display:block;width:500%;position:absolute;top:0;left:50%;margin-left:-250%;height:100%;z-index:-1}
#postlist,#indexBanner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around}
ul#postlist li img{display:none}
ul#postlist li figure{width:100%;height:150px;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-right-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px}
ul#postlist li a{background:#fff;box-shadow:0 0 2px 2px #eee;border-radius:15px;text-decoration:none;display:block;width:220px;font-weight:500;position:relative;top:0;transition:.5s}
ul#postlist li a:hover{top:-10px;background:#4d8459;}
ul#postlist li a time{color:#80bd87;font-size:13px;padding:20px 10px 0;display:block}
ul#postlist li a .cat{color:#4d8459;font-size:13px;background:#f0efe8;position:absolute;top:140px;right:10px;white-space:nowrap;padding:2px 8px}
ul#postlist li a p{color:#222;padding:10px 10px 15px}
ul#postlist li a:hover time,#postlist li a:hover p{color:#fff;}
ul#postlist + p{text-align:center;padding:50px 0}
#indexBanner{padding:40px 0 0}
#indexBanner a img{position:relative;opacity:1;transition:.3s;top:0}
#indexBanner a:hover img{opacity:.7;top:-5px}
}
@media screen and (max-width:1301px) {
#leadService{padding:60px 20px 0}
#leadService h3{top:18%;font-size:18px;padding-left:20px}
}
@media screen and (max-width:1201px) {
ul#postlist li:last-child{display:none}
#leadService h3{font-size:18px;padding:0 10px 0 30px;line-height:1.6em;top:16%}
}
@media screen and (max-width:1201px) {

@media screen and (max-width:1041px) {
ul#postlist li:nth-child(4){display:none}
#postlist#indexBanner{text-align:center;padding:20px 20px 0;display:block;width:600px;margin:0 auto;overflow:hidden}
#indexBanner li{width:50%;float:left}
#indexBanner li:nth-child(2n+1){clear:both}
#indexBanner li img{width:96%;height:auto}
}
@media screen and (max-width:768px) {
#mv{height:70vh;width:100%;margin:0 auto}
#mainvisual{height:100%;width:100%}
#mainvisual h2{width:300px;height:220px;margin:-120px 0 0 -150px;text-align:center;position:absolute;top:50%;left:50%;font-size:15px;line-height:1.8em;padding:30px 10px 0}
#mainvisual h2 strong{font-size:26px;line-height:2.4em;padding:10px 0 15px;display:block}

#topics{width:95%;margin:-40px auto 40px;position:relative;z-index:1}
#topics dt{text-align:center;font-size:13px;padding:6px}
#topics dd{padding:0}
#topics ul+p{position:absolute;right:15px;top:50%;margin-top:-12px}
#topics ul li a{display:flex;padding:10px;text-decoration:none}
#topics ul li time,#topics ul li p{display:inline-block;padding:3px 0 0}
#topics ul li time{padding:5px 10px 5px 5px;font-size:13px}
#topics ul li p{font-size:0.937rem;line-height:1.5em}
#topics ul li p a:hover{text-decoration:underline}
#topics ul+p{display:none}


#leadService{padding:0 20px}
#leadService h3 br {display:none;}
#leadService h3+ul{display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
#leadService h3+ul li,#leadService h3+ul::before{flex:0 0 49.5%;position:relative;margin-bottom:.5%;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s}
#leadService h3+ul li{border-radius:0;background-color:rgba(77,132,89);position:relative;top:0;transition:.3s}
#leadService h3+ul li::before,#leadService #index-lead02 li::before{content:'';display:block;padding-top:100%;}
#leadService h3+ul li::after{position:absolute;right:0;bottom:0;background-color:rgba(77,132,89);content:"";display:block;width:100%;height:100%;z-index:-1}
#leadService h3+ul li a,#leadService #index-lead02 li a{position:absolute;top:0;left:0;width:100%;height:100%;font-size:15px;color:#fff;text-decoration:none;vertical-align:middle;display:table-cell;display:flex;z-index:1;line-height:1}
#leadService h3+ul li a{justify-content:center;align-items:center}
#leadService h3+ul li a::before{width:60%;height:60%;background:rgba(77,132,89,.85);content:"";display:block;position:absolute;top:20.5%;left:20.5%;transition:.3s;z-index:-1}
#leadService #index-lead02{padding:40px 0 20px;width:100%;}
#leadService #index-lead02 li{flex:0 0 49.5%;position:relative;margin-bottom:.5%;text-align:center;opacity:.9;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s;height:200px;margin:0 auto 20px}
#leadService #index-lead02 li:hover{opacity:1}
#leadService #index-lead02 li a{align-items:center;font-size:18px;transition:.3s}
#leadService #index-lead02 li:nth-child(2n+1) a{justify-content:flex-start;padding:0 0 0 2em}
#leadService #index-lead02 li:nth-child(2n) a{justify-content:flex-end;padding:0 2em 0 0}
#leadService #index-lead02 li a::before{width:220px;height:70px;background:rgba(77,132,89,.9);content:"";display:block;position:absolute;top:30%;transition:.3s;z-index:-1;border-radius:20px 0 20px 0;transform:rotate(0deg);font-size:18px;}
#leadService #index-lead02 li:nth-child(2n+1) a::before{left:2%}
#leadService #index-lead02 li:nth-child(2n) a::before{right:0}

#greeting{padding:20px 0 20px 10px;margin:0 auto;position:relative;background:#f0efe8}
#greeting h2{color:#4d8459;font-size:24px;padding:10px 0;line-height:3em;letter-spacing:.15em;text-align:center;font-weight:600;}
#greeting h2+p{background:#fff;border-radius:10px;padding:20px 15px 20px 20px;line-height:2em;font-size:13px;margin:10px 0 0;width:calc(100% - 120px);float:left;
}
#greeting figure{padding:0;width:120px;float:right;left:-10px;position:relative;top:50px}
#greeting figcaption{color:#4d8459;padding:0;display:block;line-height:1.5em;font-size:13px;text-align:center}
#greeting figcaption strong{display:block;font-size:15px;font-weight:500}


#galleryLead a img{margin:0 auto 8px;opacity:0}
#galleryLead li{padding:10px}
#galleryLead a{padding:0;font-size:13px;text-decoration:none;color:#333;line-height:1.6em;display:block}
#galleryLead a span{background-size:cover;background-repeat:no-repeat;background-position:center}
#galleryLead a img{opacity:0}
#galleryLead a figcaption{padding:0 8px;font-size:11px;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;display:flex;justify-content:center;align-content:center;align-items:center;opacity:0;text-align:center;transition:opacity 0.6s;line-height:1.8em;color:#fff;font-weight:normal}
#galleryLead a figcaption{opacity: 1; transform: opacity 0.3s}

#galleryLead a img{opacity:0}
#galleryLead .slick-slide a figure{background:none !important}
#galleryLead a span{width:100%;height:100%;display:block}
#galleryLead a h4{padding:15px 10px 10px;font-size:15px;line-height:1.5em}
#galleryLead a .cat{font-size:12px;padding:0 10px 10px;display:block}
#galleryLead span::after{font-size:12px;padding:2px 6px;top:6px;right:-6px;}

#galleryLead a figure::after{display:none !important}
#leadService h3,#latestPost h3,#galleryLead h3{color:#3a3a3a;font-size:24px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:2em 0 1.2em;font-weight:700}
#leadService h3::after,#latestPost h3::after,#galleryLead h3::after{content:"";width:100px;height:2px;background:#4d8459;display:block;margin:10px auto 0}
#latestPost{position:relative;background:#fff1e7;padding:1px 0 40px 0}
#postlist{display:block;}
#postlist li{margin:0 5px 20px;padding:5px 0 0;float:left;}
#postlist li img{display:none}
#postlist li figure{width:100%;height:150px;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-right-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px}
#postlist li a{background:#fff;box-shadow:0px 0px 5px -2px #ccc;border-radius:15px;text-decoration:none;display:block;width:100%;font-weight:500;position:relative;top:0;transition:.5s}
#postlist li a time{color:#80bd87;font-size:12px;padding:20px 10px 0;display:block}
#postlist li a .cat{color:#4d8459;font-size:12px;background:#f0efe8;position:absolute;top:140px;right:10px;white-space:nowrap;padding:2px 8px}
#postlist li a p{color:#222;padding:10px 10px 15px;font-size:15px;line-height:1.6em}
#postlist + p{clear:both;text-align:center;padding:20px 0}
#indexBanner{padding:30px 20px 10px}

ul#postlist li:nth-child(4),
ul#postlist li:last-child{display:block;}

}



@media screen and (min-width:769px) {
body #leadService h3#index-lead01-title{width:24.5%;text-align:center;z-index:1;display:inline-block;color:#fff;position:absolute;left:-8px;top:20%;line-height:1.6;font-size:24px;}
#leadService #index-lead01{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
#leadService #index-lead01::before{content:"";display:block;background-color:rgba(77,132,89);color:#fff;border-radius:30px 0 30px 0;position:relative;top:-8px;left:-8px}
#leadService #index-lead01 li,#index-lead01::before{flex:0 0 24.5%;position:relative;margin-bottom:.5%;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s}
#leadService #index-lead01 li{border-radius:0;background-color:rgba(77,132,89);position:relative;top:0;transition:.3s}
#leadService #index-lead01 li::before,#leadService ul+ul li::before{content:'';display:block;padding-top:100%}
#leadService #index-lead01 li::after{position:absolute;right:0;bottom:0;background-color:rgba(77,132,89);content:"";display:block;width:100%;height:100%;z-index:-1}
#leadService #index-lead01 li a,#leadService ul+ul li a{position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;color:#fff;text-decoration:none;vertical-align:middle;display:table-cell;line-height:100%;display:flex;z-index:1;line-height:1.6em}
#leadService #index-lead01 li a{justify-content:center;align-items:center}
body #leadService #index-lead01 li a::before{width:60%;height:60%;background:rgba(77,132,89,.8);content:"";display:block;position:absolute;top:20.5%;left:20.5%;transition:.3s;z-index:-1}
#leadService #index-lead01 li:hover{border-radius:0 0 40px 0}
#leadService #index-lead01 li a:hover::before{background:rgba(77,132,89)}
}

@media screen and (max-width:768px) {
#leadService h3{padding-left:0;font-size:20px;letter-spacing:normal;}
#leadService #index-lead01{padding:0 0}
#leadService #index-lead01{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
#leadService #index-lead01 li,#index-lead01::before{flex:0 0 49.5%;position:relative;margin-bottom:.5%;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;transition:.3s}
#leadService #index-lead01 li{border-radius:0;background-color:rgba(77,132,89);position:relative;top:0;transition:.3s}
#leadService #index-lead01 li::before,#leadService ul+ul li::before{content:'';display:block;padding-top:60%}
#leadService #index-lead01 li::after{position:absolute;right:0;bottom:0;background-color:rgba(77,132,89);content:"";display:block;width:100%;height:100%;z-index:-1}
#leadService #index-lead01 li a,#leadService ul+ul li a{position:absolute;top:0;left:0;width:100%;height:100%;font-size:15px;color:#fff;text-decoration:none;vertical-align:middle;display:table-cell;line-height:100%;display:flex;z-index:1;line-height:1.6em}
#leadService #index-lead01 li a{justify-content:center;align-items:center}
#leadService #index-lead01 li a::before{width:90%;height:40%;background:rgba(77,132,89,.85);content:"";display:block;position:absolute;top:30%;left:5%;transition:.3s;z-index:-1}
}