@charset "utf-8";
/* Author: Hosaka */
/* ---------------------------------------------------
	top
------------------------------------------------------ */
/*=======================================
メインビジュアル
=========================================*/
.p-top__kv .kv-wrap { position: relative; z-index: 0; }
.p-top__kv .kv-wrap ul li { width: 100%; height: 100vh; -webkit-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.is_tablet .p-top__kv .kv-wrap ul li {height: 42vh;}
@media screen and (orientation: landscape) {
.is_tablet .p-top__kv .kv-wrap ul li {height: 75vh;}
}
.p-top__kv .kv-wrap .txt { position: absolute; z-index: 100; max-width: 1200px; top: /*29.7916%*/45%; left: 12.5%; margin: auto;}
.p-top__kv .kv-wrap .txt h2 { color: #8D7605; font-size: 4.4rem; line-height: 2; letter-spacing: 0.25em; font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; text-shadow: 3px 3px 3px #FFFFFF, -3px -3px 3px #FFFFFF, -3px 3px 3px #FFFFFF, 3px -3px 3px #FFFFFF, 0px 0px 12px #FFFFFF; font-feature-settings: "palt"; padding-bottom: 50px; }

@media screen and (max-width: 767px) {
	.p-top__kv .kv-wrap {}
	.p-top__kv .kv-wrap ul li { -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
	.p-top__kv .kv-wrap ul li.slide {max-height: 225px; }
	.p-top__kv .kv-wrap .txt { width: auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 0;}
	.p-top__kv .kv-wrap .txt h2 {padding-bottom: 0; }
	.p-top__kv .kv-wrap .txt h2 img {margin-left: -20%;}
}
@media screen and (max-width: 844px) and (orientation: landscape) {
	.p-top__kv .kv-wrap ul li.slide {max-height: 325px; }
}

/*=======================================
トップページ　コンテンツ
=========================================*/
.p-top__intro { max-width: 90%; background: url("../img/top/bg-intro.png") no-repeat center bottom; background-size: contain; position: relative; margin: 180px auto; }
.p-top__intro .c-wrap { padding-bottom: 25.174%; }
.p-top__intro .txt {position: relative; z-index: 1; text-align: center;}
.p-top__intro h3 {margin-bottom: 50px; }
	.p-top__intro h3 img {margin: auto;}
.p-top__intro p { font-size: 2rem; line-height: 2.4; }

@media screen and (max-width: 767px) {
	.p-top__intro { max-width: 100%; margin: 60px 0 60px;}
	.p-top__intro .txt{text-align: left;}
	.p-top__intro .c-wrap { padding-bottom: 30%; }
	.p-top__intro .txt { width: 100%; float: none; }
	.p-top__intro h3 {text-align: center; font-size: 2.6rem; margin-bottom: 20px; line-height: 1.6; letter-spacing: 0.1em;}
	.p-top__intro p { font-size: 1.6rem; line-height: 2.4; }
}

.p-top__for {margin-bottom: 180px;}
.p-top__for .block {width: 100%;  position: relative; display: -ms-flexbox; display: -webkit-box; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.p-top__for .block--style1 {background: url("../img/top/bg-brand01.png") no-repeat right top; margin-bottom: 90px;}
.p-top__for .block--style2 {background: url("../img/top/bg-brand02.png") no-repeat left bottom; }
.p-top__for .block .ph {width: 58%; opacity: 0; visibility: hidden; transition: 1s; transform: translateY(0px); order: 0;}
.p-top__for .block--style2 .ph {transform: translateY(160px); order: 10; }
.p-top__for .block .ph.started,
.p-top__for .block .ph.started.ended {opacity: 1; visibility: visible; transform: translateY(-80px); }
.p-top__for .block--style2 .ph.started,
.p-top__for .block--style2 .ph.started.ended {transform: translateY(80px); }
.p-top__for .txt {width: 26.0416%; max-width: 500px; padding-top: 150px; box-sizing: border-box; order: 1;}
.p-top__for .block--style1 .txt { margin-right: 12.5%;}
.p-top__for .block--style2 .txt { margin-left: 12.5%;}
.p-top__for .txt h3 { font-size: 3.6rem; line-height: 1.6; letter-spacing: 0.1em; font-weight: 500; }
.p-top__for .txt p { font-size: 2rem; line-height: 2; padding: 20px 0; }

@media screen and (max-width: 1366px) {
	.p-top__for .txt {padding-top: 105px; }
	.p-top__for .txt h3 { font-size: 2.56125rem; }
	.p-top__for .txt p { font-size: 1.4rem;}
}

@media screen and (max-width: 767px) {
	.p-top__for {margin-bottom: 60px;}
	.p-top__for .block {width: 100%; position: relative; display: block;}
	.p-top__for .block--style1 {margin-bottom: 60px;}
	.p-top__for .block--style2 {}
	.p-top__for .block .ph {width: calc(100% - 20px); opacity: 0; visibility: hidden; transition: 1s; transform: translateY(0px); order: 0; margin: auto;}
	.p-top__for .block--style2 .ph {transform: translateY(20px); order: 0; }
	.p-top__for .block .ph.started,
	.p-top__for .block .ph.started.ended {opacity: 1; visibility: visible; transform: translateY(-20px); }
	.p-top__for .block--style2 .ph.started,
	.p-top__for .block--style2 .ph.started.ended {transform: translateY(-20px); }
	.p-top__for .txt {width: calc(100% - 20px); max-width: 100%; padding-top: 10px; box-sizing: border-box; order: 1; margin: auto;}
	.p-top__for .block--style1 .txt { margin-right: auto;}
	.p-top__for .block--style2 .txt { margin-left: auto; padding-bottom: 40px;}
	.p-top__for .txt h3 { font-size: 2.4rem; line-height: 1.6; letter-spacing: 0.1em; font-weight: normal; }
	.p-top__for .txt p { font-size: 1.8rem; line-height: 2; padding: 15px 0; }
}


.p-top__brand {width: 90%; max-width: 1720px; margin: 0 auto 140px; background-color: #F6D1CB; -webkit-border-radius: 10px; border-radius: 10px; padding: 70px 0; }
.p-top__brand .inner { display: -ms-flexbox; display: -webkit-box; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 10px); max-width: 1200px; margin: 0 auto; }
.p-top__brand .inner .txt { width: 42%;}
.p-top__brand .inner .txt h3 {margin-bottom: 50px;}
.p-top__brand .inner .txt p { font-size: 1.8rem; line-height: 2.4; margin-bottom: 50px; }
.p-top__brand .inner .photo { width: 58%;}

@media screen and (max-width: 1366px) {
	.p-top__brand .inner {width: calc(80% - 10px);}
}

@media screen and (max-width: 767px) {
	.p-top__brand {width: calc(100% - 20px); max-width: 100%; margin: 0 auto 60px; padding: 20px 0; }
	.p-top__brand .inner { display: block; width: calc(100% - 40px); max-width: 100%; margin: 0 auto; }
	.p-top__brand .inner .photo { width: 100%; margin-bottom: 30px;}
	.p-top__brand .inner .txt { width: 100%;}
	.p-top__brand .inner .txt h3 {margin-bottom: 20px;}
	.p-top__brand .inner .txt p { font-size: 1.8rem; line-height: 1.8; margin-bottom: 20px; }
	.p-top__brand .inner .txt .c-btn1 {margin: auto;}
}


.p-top__news {margin-bottom: 110px; }
.p-top__news h3 { text-align: center; font-size: 2.8rem; margin-bottom: 40px; letter-spacing: 0.2em;}
.p-top__news .inner { width: 100%; max-width: 990px; margin: 0 auto; }
.p-top__news .post-wrap {margin-bottom: 40px;}
.p-top__news .post-wrap .post { margin-bottom: 20px; font-size: 1.8rem; }
.p-top__news .post-wrap .post a { text-decoration: none; }
.p-top__news .post-wrap .post p { display: inline-block; min-width: 90px; margin-right: 20px; font-family: Arial, Helvetica, "sans-serif"; font-weight: 400; color: #999; }
.p-top__news .post-wrap .post h4 { display: inline-block; font-weight: 500; }
.p-top__news .c-btn2 {}

@media screen and (max-width: 767px) { .p-top__news { padding: 45px 0 45px; }
	.p-top__news {margin-bottom: 60px; }
	.p-top__news h3 { font-size: 2.4rem; margin-bottom: 30px;}
	.p-top__news .inner { width: 100%; max-width: 100%; margin: 0 auto; }
	.p-top__news .post-wrap {margin-bottom: 40px;}
	.p-top__news .post-wrap .post { margin-bottom: 20px; font-size: 1.8rem; }
	.p-top__news .post-wrap .post a { }
	.p-top__news .post-wrap .post p { display: block; margin-right: 0; margin-bottom: 10px;}
	.p-top__news .post-wrap .post h4 { display: block; }
	.p-top__news .c-btn2 {}
}

.slick-prev{left:25px; z-index: 666;}
.slick-next{right:25px; z-index: 666;}
ul.slick-dots{bottom: 40px; left: 40px; display: flex; width:auto;}
ul.slick-dots>li{height: auto !important;}
.slick-dots li button::before{content:""; display: inline-block; width:10px; height: 10px; background-color: #CFCF82; border-radius: 30px; opacity: 1;}
.slick-dots li.slick-active button {background:none !important; outline: none;}
.slick-dots li button:focus {border: none;}
.slick-dots li.slick-active button:before{background-color: #FFFFFF;  opacity: 1;}


/*=======================================
トップページ　バナー
=========================================*/
.p-top__intro .recruitment {
  text-align: center;
  margin: -100px auto 100px;
}
.recruitment li {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-top__intro .recruitment {
    margin: -40px auto 50px;
    width: calc(100% - 20px);
  }
  .recruitment li {
  margin-bottom: 30px;
}
}