@charset "utf-8";
/* Copyright 2018 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */

/* スライダー
---------------------------------------------- */
.slider{height:680px;margin-bottom:70px;}
.slider .txt_slide{display:none;}
.slider_inner{width:800px;margin:0 auto;height:680px;position:relative;}
.slider_inner a{display:block;}
.slider_inner a.opa70{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;}
.slider_inner a.opa70:hover{opacity:.6;}	

.bg_slide01{background:url(../img/img_promotion01.jpg) no-repeat center center;}
.bg_slide02{background:url(../img/img_promotion02.jpg) no-repeat center center;}
.bg_slide03{background:url(../img/img_promotion03.jpg) no-repeat center center;}
.bg_slide01,.bg_slide02,.bg_slide03{min-width:800px;}

/* Dots */
.slick-dots{position: absolute;bottom: 20px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 10px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 5px;cursor: pointer;
    color: transparent;border: 0;outline: none;background: transparent;}
.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{position: absolute;top: 0;left: 0;width: 10px;
    height: 10px;content: '';text-align: center;background:#FFFFFF;	opacity:.3;border-radius:50%;}
.slick-dots li.slick-active button:before{opacity:1;}

/*--　ボタン　--*/
.btn_detail01,
.btn_detail02,
.btn_detail03{width:215px;height:215px;}
.btn_detail01{position:absolute;right:100px;bottom:51px;}
.btn_detail02{position:absolute;right:100px;bottom:51px;}
.btn_detail03{position:absolute;right:100px;bottom:51px;}

/* heading
---------------------------------------------- */
h3#service span,h3#work span{visibility: hidden;}
h3#service{background: url(../img/h3_service.gif) no-repeat 0 0;width: 202px;height: 74px;margin: 0 auto;margin-bottom: 50px;}
h3#works{background: url(../img/h3_works.gif) no-repeat 0 0;width: 181px;height: 74px;margin: 0 auto;margin-bottom: 50px;}

/* -----------------------------------------------

メインコンテンツ

---------------------------------------------- */

/* service
---------------------------------------------- */
section#wrap_service{padding:100px 0;width: 1200px;margin: 0 auto;}
p#box_service01{width: 580px;float: left;margin-right: 40px;}
div#box_service02{width: 580px;float: right;}

/* works
---------------------------------------------- */
section#bg_works{background: #F2F2F2;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;padding: 100px 0;}
ul#latest_works{overflow: hidden;margin-right: -90px;margin-bottom: 60px;}
ul#latest_works li{width: 340px;float: left;margin-right: 90px;}
ul#latest_works li div{width: 340px;height: 200px; position: relative; overflow: hidden;margin-bottom: 20px;}
ul#latest_works li div img{width: 360px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
ul#latest_works li p.cate{margin-bottom: 15px;color: #8C8C8C;border-bottom: 1px solid #1E9228;font-size: 14px;display:inline-block;}
ul#latest_works li p.ttl{font-size: 17px;font-weight: bold;}

section#salon div.box_salon{width: 560px;float: left;}
section#salon div.box_salon p.ttl_salon{font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 35px;}
section#salon div.box_salon:first-child{margin-right: 80px;}

/* info
---------------------------------------------- */
section#info{padding:100px 0;width: 1200px;margin: 0 auto;}

/* recruit
---------------------------------------------- */
section#recruit{background: url(../img/bg_recruit.jpg) repeat-x 0 0;background-size: 1920px 502px;padding: 100px 0;}
section#recruit p.desc{	color: #FFFFFF;margin-bottom: 50px;text-align: center;}
