#front-page{padding-bottom:70px}#front-page .slider{width:100%;max-width:1600px;margin:0 auto}#front-page .slider .slick-dots{text-align:center}#front-page .slider .slick-dots li{display:inline-block;margin:22px 15px}#front-page .slider .slick-dots li button{display:inline-block;width:10px;height:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:0;padding:0;margin:0;border:none;outline:none;background:#a6a6a6}#front-page .slider .slick-dots li.slick-active button{background:#231815}#front-page .slider .slick-dots li .sp-img{display:none}#front-page .slider.top-slider-sp{display:none}@media screen and (max-width: 1024px){#front-page .slider.top-slider{display:none}#front-page .slider.top-slider-sp{display:block;width:100%}#front-page .slider.top-slider-sp .slick-slide{width:100%}#front-page .slider.top-slider-sp .slick-slide img{display:block;width:100%;height:auto}#front-page .slider .slick-dots li{margin:10px}}#front-page .features{background:#2c3670;padding:30px 0 50px;text-align:center}#front-page .features h2{color:#2ea7e0;font-size:50px}#front-page .features h2 span{display:block;color:#fff;font-size:24px;margin-top:6px}#front-page .features ul{position:relative;margin:30px auto 0;height:212px;font-size:0;width:1080px;opacity:0;-moz-transition:all,.3s,ease,.3s;-o-transition:all,.3s,ease,.3s;-webkit-transition:all,.3s,ease,.3s;transition:all,.3s,ease,.3s}#front-page .features ul.slick-initialized{opacity:1}#front-page .features ul .arrow{position:absolute;z-index:10;top:50%;margin-top:-36px;width:41px;height:72px;background-repeat:no-repeat;background-size:contain;cursor:pointer}#front-page .features ul .prev{left:-50px;background-image:url(../img/10wish-prev@2x.png)}#front-page .features ul .next{right:-50px;background-image:url(../img/10wish-next@2x.png)}#front-page .features ul li{display:inline-block;vertical-align:top;margin:0 25px;width:212px;height:212px;background:#fff;padding:6px;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;-moz-box-shadow:3px 3px 2px rgba(0,0,0,0.3);-webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.3);box-shadow:3px 3px 2px rgba(0,0,0,0.3)}#front-page .features ul li a{display:block;width:100%;height:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#0072d6;padding-top:20px;text-align:center}#front-page .features ul li a:hover{background:#40c2ff}#front-page .features ul li h3{color:#fff;font-size:40px;font-weight:400}#front-page .features ul li p{margin-top:10px;color:#fff;font-size:20px;line-height:1.25;letter-spacing:.1em}#front-page .features ul li img{position:relative;margin-top:8px}#front-page .features ul li.wish03 img{top:-5px}#front-page .features ul li.wish06 img{top:-5px}#front-page .features ul li.wish08 img{top:-15px}#front-page .features ul li.wish09 img{top:-5px}@media screen and (max-width: 1024px){#front-page .features{padding:0}#front-page .features .cnt{width:100%;padding:10%}#front-page .features h2{font-size:25px}#front-page .features h2 span{font-size:18px;margin-top:6px}#front-page .features ul{width:100%}#front-page .features ul .arrow{margin-top:-24px;width:20px;height:36px}#front-page .features ul .prev{left:-25px}#front-page .features ul .next{right:-25px}#front-page .features ul li{width:100%;height:auto}#front-page .features ul li a{padding:20px 0}}@media screen and (max-width: 767px){#front-page .features ul li{margin:0 5px;padding:3px}#front-page .features ul li a{-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px}#front-page .features ul li h3{font-size:22px}#front-page .features ul li p{font-size:13px}}#front-page .service{padding:35px 0 30px;background:url(../img/bg-wood.jpg) no-repeat center;background-size:cover;text-align:center}#front-page .service h2{color:#171c61;font-size:23px;letter-spacing:.2em}#front-page .service h2 span{display:block;color:#000;margin-top:3px;font-size:15px;font-weight:400;letter-spacing:0}#front-page .service ul li{display:inline-block;vertical-align:top;width:316px;height:120px;margin-top:30px;padding:3px;background:#fff;margin-right:35px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:3px 3px 2px rgba(0,0,0,0.3);-webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.3);box-shadow:3px 3px 2px rgba(0,0,0,0.3)}#front-page .service ul li:nth-child(3n){margin-right:0}#front-page .service ul li a{display:block;width:100%;height:100%;background:#4fb7ff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#front-page .service ul li a img{display:block}#front-page .service ul li a:hover{background:#9fd8ff}#front-page .service ul li:nth-child(2) a{background:#51d6a1}#front-page .service ul li:nth-child(2) a:hover{background:#a4eace}#front-page .service ul li:nth-child(3) a{background:#ffad61}#front-page .service ul li:nth-child(3) a:hover{background:#ffcc9c}#front-page .service ul li:nth-child(4) a{background:#ff9e9e}#front-page .service ul li:nth-child(4) a:hover{background:#ffcaca}#front-page .service ul li:nth-child(5) a{background:#c491e3}#front-page .service ul li:nth-child(5) a:hover{background:#dfc4f0}#front-page .service ul li:nth-child(6) a{background:#b4cf6d}#front-page .service ul li:nth-child(6) a:hover{background:#e0ebc2}@media screen and (max-width: 1024px){#front-page .service{padding:20px 0}#front-page .service .cnt{width:100%;padding:0 1%}#front-page .service h2{font-size:20px}#front-page .service ul{text-align:center;font-size:0;padding-top:10px}#front-page .service ul li{width:48%;height:auto;margin:1% 1%}#front-page .service ul li:nth-child(3n){margin-right:1%}}#front-page .media{padding:30px 0 40px;text-align:center}#front-page .media a{display:block}#front-page .media a:hover{opacity:.6}#front-page .media ul{position:relative;width:1080px;margin:40px auto 0;font-size:0}#front-page .media ul.slick-initialized{opacity:1}#front-page .media ul .arrow{position:absolute;z-index:10;top:50%;margin-top:-36px;width:41px;height:72px;background-repeat:no-repeat;background-size:contain;cursor:pointer}#front-page .media ul .prev{left:-60px;background-image:url(../img/media-prev.svg)}#front-page .media ul .next{right:-60px;background-image:url(../img/media-next.svg)}#front-page .media ul li{width:232px;text-align:center;font-size:0;padding:0 15px}#front-page .media ul li img{display:block;width:100%;border:1px solid #fff}#front-page .media ul li a:hover{opacity:.6}#front-page .media ul li h3{margin-top:6px;font-size:15px;line-height:1.5;font-weight:400}#front-page .media ul li h3 i{color:#0b318f;margin-right:3px}@media screen and (max-width: 1024px){#front-page .media{padding:20px 0}#front-page .media ul{margin:20px auto 0;font-size:0;width:100%;padding:0 30px}#front-page .media ul .arrow{margin-top:-24px;width:20px;height:36px}#front-page .media ul .prev{left:-10px}#front-page .media ul .next{right:-10px}#front-page .media ul li{width:100%;margin-left:15px}#front-page .media ul li:first-child{margin-left:9px}#front-page .media ul li h3{font-size:12px;line-height:1.5;text-align:left}}#front-page .topics{padding:30px 0 40px;background:url(../img/front-topics-bg.png);background-size:23px 24px;text-align:center}#front-page .topics ul{margin:15px auto 0}#front-page .topics ul li{display:inline-block;vertical-align:top;width:196px;text-align:center;margin-left:10px}#front-page .topics ul li a:hover{opacity:.6}#front-page .topics ul li:first-child{margin-left:0}#front-page .topics ul li h3{margin-top:6px;font-size:15px;letter-spacing:0;line-height:22px}@media screen and (max-width: 1024px){#front-page .topics{padding:20px 0}#front-page .topics ul{font-size:0}#front-page .topics ul li{width:42%;max-width:196px;margin:2%}#front-page .topics ul li h3{font-size:13px;line-height:1.5}}@media screen and (max-width: 510px){#front-page .topics{padding:20px 0}#front-page .topics ul{font-size:0;text-align:left}#front-page .topics ul li{width:48%;margin:4% 1% 2%}#front-page .topics ul li img{width:80px}#front-page .topics ul li h3{font-size:11px;line-height:1.5;letter-spacing:0}}#front-page .about-us{padding:30px 0 40px;background:#ffc567;text-align:center}#front-page .about-us ul{margin:40px auto 0}#front-page .about-us ul li{display:inline-block;vertical-align:top;width:232px;text-align:center;margin-left:30px}#front-page .about-us ul li img{width:100%;height:auto;border:1px solid #fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#front-page .about-us ul li a:hover{opacity:.6}#front-page .about-us ul li:first-child{margin-left:0}#front-page .about-us ul li h3{margin-top:6px;font-size:16px;line-height:22px;font-weight:400}#front-page .about-us ul li h3 i{color:#0b318f;margin-right:3px}@media screen and (max-width: 1024px){#front-page .about-us{padding:20px 0}#front-page .about-us ul{margin:20px auto 0;font-size:0}#front-page .about-us ul li{width:48%;margin:10px 1%}#front-page .about-us ul li:first-child{margin-left:1%}#front-page .about-us ul li h3{font-size:12px;line-height:1.5;text-align:left}}#front-page .news{padding:30px 0 40px;text-align:center}@media screen and (max-width: 1024px){#front-page .news{padding:20px 0}}#front-page .recruit{padding:40px 0 40px;text-align:center;background:url(../img/recruit-bg.jpg);background-size:35px 60px}#front-page .recruit .recruit-block{width:1020px;margin:0 auto;overflow:hidden;*zoom:1;text-align:left}#front-page .recruit .recruit-block .txt-area{float:left;width:470px}#front-page .recruit .recruit-block .txt-area h3{margin-top:5px;font-size:45px;color:#ffff80;font-weight:400;letter-spacing:.2em}#front-page .recruit .recruit-block .txt-area h3 span{color:#fff;font-size:26px;font-weight:400;margin-left:.5em;letter-spacing:.05em}#front-page .recruit .recruit-block .txt-area p{color:#fff}#front-page .recruit .recruit-block .recruit-list{position:relative;z-index:100;color:#000;background:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin-top:20px;padding:20px;min-height:240px}#front-page .recruit .recruit-block .recruit-list:after{position:absolute;z-index:1;right:-50px;top:50%;margin-top:-12px;content:'';display:block;border-top:12px solid transparent;border-bottom:12px solid #fff;border-left:25px solid #fff;border-right:25px solid transparent}#front-page .recruit .recruit-block .recruit-list li{margin-top:12px;padding-top:12px;line-height:1.4;font-size:15px;border-top:1px solid #000}#front-page .recruit .recruit-block .recruit-list li:first-child{margin-top:0;padding-top:0;border-top:none}#front-page .recruit .recruit-block .recruit-list li a{color:#000}#front-page .recruit .recruit-block .recruit-list li a:hover{text-decoration:underline}#front-page .recruit .recruit-block img{float:right;width:480px}#front-page .recruit .recruit-block img.recruit-photo-sp{display:none}@media screen and (max-width: 1024px){#front-page .recruit{padding:20px 0 0}#front-page .recruit .recruit-block{width:100%}#front-page .recruit .recruit-block .txt-area{float:none;width:100%}#front-page .recruit .recruit-block .recruit-list{min-height:0}#front-page .recruit .recruit-block .recruit-list:after{position:absolute;right:40%;top:auto;bottom:-38px;margin-top:0;content:'';display:block;border:none;width:25px;height:39px;background:url(../img/recruit-sp-arrow.png);background-size:contain}#front-page .recruit .recruit-block img{margin:50px auto 0;display:block;float:none;width:80%}#front-page .recruit .recruit-block img.recruit-photo-sp{display:block}#front-page .recruit .recruit-block img.recruit-photo-pc{display:none}#front-page .recruit .recruit-block .recruit-list li{font-size:14px;line-height:1.5}}
