.top .background-hack {
	z-index: -1;
	background: #fffbf5 url(../../img/top/base.png) top center/1300px auto no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.top.scrolled_bottom .background-hack {
	background: #fffbf5
}
.top .slide {
	width: 100%;
	position: relative;
	padding: 100px 0
}
.top .slide__ttl {
	font-family: "Caveat", cursive;
	font-weight: bold;
	font-size: 35px;
	letter-spacing: 0.2em;
	text-align: center;
	background: url(../../img/common/icon/ico_scissor_act.svg) top 2px center/48px 27px no-repeat;
	padding-top: 35px;
	color: #231815
}
.top .slide#slide1:before, .top .slide#slide3:before, .top .slide#slide5:before, .top .slide#slide7:before {
	content: '';
	transform-origin: right;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: absolute;
	width: auto;
	height: 14px;
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 10px;
	letter-spacing: 0.35em;
	z-index: 8;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	color: #000
}
.top .slide#slide1 {
	height: 600px
}
.top .slide#slide1 .enjoy1 {
	width: 100%;
	height: 850px;
	background: url(../../img/top/bg_slide1.png) top -340px center no-repeat
}
.top .slide#slide1:before {
	content: 'There are lots of small happies.';
	padding-right: 250px;
	background: url(../../img/top/line.png) bottom 7px right/230px 1px no-repeat;
	right: 97px;
	bottom: -304px
}
.top .slide#slide2 {
	background: #fff
}
.top .slide#slide2 .wcm {
	max-width: 696px;
	margin: 0 auto
}
.top .slide#slide2 .slide__ttl {
	margin-bottom: 46px
}
.top .slide#slide2 .tbl_news tr {
	border-bottom: 1px solid #e6e6e6
}
.top .slide#slide2 .tbl_news td {
	font-size: 14px;
	line-height: 24.5px;
	letter-spacing: 0.2em;
	font-weight: 700;
	padding: 19px 0
}
.top .slide#slide2 .tbl_news td:first-child {
	background: url(../../img/common/icon/ico_clock.svg) left 6px center/14px 14px no-repeat;
	font-weight: 500;
	padding-left: 25px;
	width: 168px
}
.top .slide#slide3 {
	height: 600px
}
.top .slide#slide3 .enjoy2 {
	width: 100%;
	height: 850px;
	background: url(../../img/top/bg_slide2.png) top -340px center no-repeat
}
.top .slide#slide3:before {
	content: 'You are sure to find what you are looking for.';
	padding-right: 183px;
	background: url(../../img/top/line.png) bottom 7px right/163px 1px no-repeat;
	right: auto;
	left: -538px;
	bottom: 77px
}
.top .slide#slide4 {
	background: #68969d;
	padding: 100px 0 127px
}
.top .slide#slide4 .wcm {
	max-width: 1154px
}
.top .slide#slide4 .slide__ttl {
	margin-bottom: 11px;
	color: #fff;
	background: url(../../img/common/icon/ico_scissor_act_white.svg) top 2px center/48px 26px no-repeat
}
.top .slide#slide4 .slide__subttl {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.28em;
	margin-bottom: 53px
}
.top .slide#slide4 .lst01:before, .top .slide#slide4 .lst01:after {
	content: " ";
	display: table
}
.top .slide#slide4 .lst01:after {
	clear: both
}
.top .slide#slide4 .lst01__item {
	width: 25%;
	float: left;
	padding: 0 15px;
	position: relative;
	margin-bottom: 25px
}
.top .slide#slide4 .lst01__item:after {
	content: '';
	width: 19px;
	height: 19px;
	position: absolute;
	left: calc(50% - 8px);
	bottom: 17px;
	background: url(../../img/common/icon/ico_link.svg) bottom center/19px 19px no-repeat
}
.top .slide#slide4 .lst01__item a {
	display: block
}
.top .slide#slide4 .lst01__item figure img {
	display: block;
	width: 100%
}
.top .slide#slide4 .lst01__item__inner {
	width: 52%;
	height: 60%;
	display: block;
	background: #fff;
	position: absolute;
	top: 20%;
	left: 24%
}
.top .slide#slide4 .lst01__item__inner__txt {
	color: #7daab6;
	font-family: "Dosis", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 5px;
	letter-spacing: 0.24em
}
.top .slide#slide4 .lst01__item__inner__txt.fz2 {
	font-size: 17px;
	letter-spacing: 0.2em
}
.top .slide#slide4 .lst01__item__inner__txt em {
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-top: 4px;
	letter-spacing: 0.15em;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal
}
.top .slide#slide5 {
	height: 674px
}
.top .slide#slide5 .enjoy3 {
	width: 100%;
	height: 850px;
	background: url(../../img/top/bg_slide3.png) top -272px center no-repeat
}
.top .slide#slide5:before {
	content: "Let's step into a new world";
	padding-right: 250px;
	background: url(../../img/top/line.png) bottom 7px right/230px 1px no-repeat;
	right: 97px;
	bottom: 186px
}
.top .slide#slide6 {
	background: #fff;
	padding: 120px 0 100px
}
.top .slide#slide6 .wcm {
	max-width: 1130px
}
.top .slide#slide6 .slide__ttl {
	position: relative;
	top: -22px
}
.top .slide#slide6 .banner {
	background-size: 100%;
	height: 0;
	padding-bottom: 37.63636%;
	display: block;
	background: url(../../img/top/banner_recruit.png) top center/100% auto no-repeat;
	text-align: center;
	position: relative
}
.top .slide#slide6 .banner__txt {
	position: absolute;
	bottom: -44px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.24em;
	padding-bottom: 37px;
	background: url(../../img/common/icon/ico_link2.svg) bottom center/26px 26px no-repeat
}
.top .slide#slide6 .banner__link {
	position: absolute;
	width: 100%;
	max-width: 884px;
	height: 90%;
	top: 25%;
	left: calc(50% - 442px)
}

@media only screen and (max-width: 884px) {
.top .slide#slide6 .banner__link {
	left: 0
}
}
.top .slide#slide7 {
	height: 706px;
	padding: 79px 0 100px
}
.top .slide#slide7 .enjoy4 {
	width: 100%;
	height: 600px;
	background: url(../../img/top/bg_slide4.png) top -320px center no-repeat
}
.top .slide#slide7:before {
	content: 'In the way of changing your life.';
	padding-right: 183px;
	background: url(../../img/top/line.png) bottom 7px right/163px 1px no-repeat;
	right: auto;
	left: -413px;
	bottom: 364px
}
.top .slide#slide7:after {
	content: '';
	transform-origin: right;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: absolute;
	width: auto;
	height: 14px;
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 10px;
	letter-spacing: 0.35em;
	z-index: 8;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	color: #000;
	content: "Let's step into a new world";
	padding-right: 250px;
	background: url(../../img/top/line.png) bottom 7px right/230px 1px no-repeat;
	right: 97px;
	bottom: -133px
}

@media only screen and (max-width: 767px) {
.top .background-hack {
	background: #fffbf5 url(../../img/top/base.png) top -62px center/150% auto no-repeat
}
.top .slide {
	padding: 33px 0
}
.top .slide__ttl {
	font-size: 28px;
	background: url(../../img/common/icon/ico_scissor_act.svg) top 2px center/38px 21px no-repeat;
	padding-top: 28px
}
.top .slide#slide1:before, .top .slide#slide3:before, .top .slide#slide5:before, .top .slide#slide7:before {
	font-size: 8px
}
.top .slide#slide1 {
	height: 242px;
	padding: 44px 0 50px
}
.top .slide#slide1 .enjoy1 {
	height: 188px;
	background: url(../../img/top/bg_slide1.png) top 56% center/150% auto no-repeat
}
.top .slide#slide1:before {
	padding-right: 165px;
	background: url(../../img/top/line.png) bottom 8px right/150px 1px no-repeat;
	right: 18px;
	bottom: -300px;
	width: 386px
}
.top .slide#slide2 {
	padding: 33px 0 65px
}
.top .slide#slide2 .wcm {
	padding: 0 37px
}
.top .slide#slide2 .slide__ttl {
	margin-bottom: 30px
}
.top .slide#slide2 .tbl_news tr {
	border-bottom: 1px solid #e6e6e6
}
.top .slide#slide2 .tbl_news td {
	font-size: 14px;
	display: block
}
.top .slide#slide2 .tbl_news td:first-child {
	background: url(../../img/common/icon/ico_clock.svg) left 3px top 30px/14px 14px no-repeat;
	width: 100%;
	padding: 26px 5px 0 25px
}
.top .slide#slide2 .tbl_news td:last-child {
	padding: 5px 5px 20px
}
.top .slide#slide3 {
	height: 242px
}
.top .slide#slide3 .enjoy2 {
	height: 188px;
	background: url(../../img/top/bg_slide2.png) top 57% center/150% auto no-repeat
}
.top .slide#slide3:before {
	padding-right: 110px;
	background: url(../../img/top/line.png) bottom 8px right/97px 1px no-repeat;
	right: auto;
	left: -417px;
	bottom: -377px;
	width: 430px
}
.top .slide#slide4 {
	padding: 50px 0
}
.top .slide#slide4 .wcm {
	max-width: 1154px
}
.top .slide#slide4 .slide__ttl {
	margin-bottom: 22px;
	background: url(../../img/common/icon/ico_scissor_act_white.svg) top 2px center/38px 21px no-repeat
}
.top .slide#slide4 .slide__subttl {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.28em;
	margin-bottom: 46px
}
.top .slide#slide4 .lst01__item {
	width: 100%;
	max-width: 250px;
	margin: 0 auto 28px;
	float: none;
	padding: 0
}
.top .slide#slide4 .lst01__item__inner {
	width: 60%;
	left: 20%
}
.top .slide#slide5 {
	height: 247px
}
.top .slide#slide5 .enjoy3 {
	height: 188px;
	background: url(../../img/top/bg_slide3.png) top 53% center/150% auto no-repeat
}
.top .slide#slide5:before {
	padding-right: 195px;
	background: url(../../img/top/line.png) bottom 8px right/185px 1px no-repeat;
	right: 18px;
	bottom: -20px;
	width: 378px
}
.top .slide#slide6 {
	padding: 100px 0 80px
}
.top .slide#slide6 .slide__ttl {
	top: -58px
}
.top .slide#slide6 .banner {
	background-size: 100%;
	height: 0;
	padding-bottom: 49.27536%;
	display: block;
	background: url(../../img/top/banner_recruit_sp.png) top center/100% auto no-repeat
}
.top .slide#slide6 .banner__link {
	width: 100%;
	height: 105%;
	top: 24%;
	left: 0
}
.top .slide#slide7 {
	height: 270px;
	padding: 40px 0
}
.top .slide#slide7 .enjoy4 {
	height: 188px;
	background: url(../../img/top/bg_slide4.png) top 52% center/150% auto no-repeat
}
.top .slide#slide7:before {
	padding-right: 147px;
	background: url(../../img/top/line.png) bottom 8px right/134px 1px no-repeat;
	right: auto;
	left: -352px;
	bottom: -100px;
	width: 368px
}
.top .slide#slide7:after {
	font-size: 8px;
	padding-right: 147px;
	background: url(../../img/top/line.png) bottom 8px right/132px 1px no-repeat;
	right: 18px;
	bottom: -204px;
	width: 332px
}
}

@media only screen and (max-width: 374px) {
.top .background-hack {
	background: #fffbf5 url(../../img/top/base.png) top -25% center/150% auto no-repeat
}
}

@media only screen and (max-width: 374px) and (max-width: 320px) {
.top .background-hack {
	background: #fffbf5 url(../../img/top/base.png) top -15% center/150% auto no-repeat
}
}

@media only screen and (max-width: 374px) {
.top .slide {
	padding: 33px 0
}
.top .slide#slide1 {
	height: 208px;
	padding: 44px 0 50px
}
.top .slide#slide1 .enjoy1 {
	height: 200px;
	background: url(../../img/top/bg_slide1.png) top 70% center/150% auto no-repeat
}
.top .slide#slide3 {
	height: 212px
}
.top .slide#slide3 .enjoy2 {
	height: 188px;
	background: url(../../img/top/bg_slide2.png) top 60% center/150% auto no-repeat
}
.top .slide#slide5 {
	height: 217px
}
.top .slide#slide5 .enjoy3 {
	height: 188px;
	background: url(../../img/top/bg_slide3.png) top 60% center/150% auto no-repeat
}
.top .slide#slide7 {
	height: 212px;
	padding: 40px 0
}
.top .slide#slide7 .enjoy4 {
	height: 188px;
	background: url(../../img/top/bg_slide4.png) top 58% center/150% auto no-repeat
}
}



/* トップページ　ヘッダ下に予約ボタン設置 */
.btn_reserve.top_head { display: none; }
@media only screen and (max-width: 767px) {
	.btn_reserve.top_head {
		width: 100%;
		background: #fff;
    	padding: 30px 0;
		height: auto;
		display: block; 
	}
	.btn_reserve.top_head a {
		width: 80%;
		margin: 0 auto;
	}
	.btn_reserve.top_head a:before {
		content: ">";
	}
	.btn_reserve.top_head + .background-hack {
		background: #fffbf5 url(../../img/top/base.png) top -12px center/150% auto no-repeat;
	}
	
	
	
}


/*# sourceMappingURL=maps/top.min.css.map */