@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');

.flex-control-nav { bottom: 10%; z-index: 100; }
.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
	height: 100%;
}

#mainSlide {
	position: relative;
	width: 100%;
	height: 100%;
	/* margin-bottom: 135px; */
	margin-bottom: 80px;
}

#h_slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#h_slide .loader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	padding-top: 30%;
	text-align: center;
	vertical-align: middle;
	text-indent: -999999px;
	background: #fff url(../../images/index/loading.gif) no-repeat center center;
	color: #666;
}

#h_slide .slides {
	width: 100%;
	height: 100%;
}

#h_slide .slides li {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#h_slide .slides li .main_text_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: auto;
}

.tablet #mainSlide {
	height: 50%;
}

#h_slide .slides li > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
}

#h_slide .slides li:nth-of-type(1) {
	background-image: url(../../images/index/mainImg1_pc_ver02.webp);
}
#h_slide .slides li:nth-of-type(2) {
	background-image: url(../../images/index/mainImg2_pc_ver02.webp);
}
#h_slide .slides li:nth-of-type(3) {
	background-image: url(../../images/index/mainImg3_pc_2021.jpg);
}
#h_slide .slides li:nth-of-type(4) {
	background-image: url(../../images/index/mainImg4_pc.jpg);
}
/* #h_slide .slides li:nth-of-type(5) {
	background-image: url(../../images/index/mainImg5_pc_2021.jpg);
} */

#h_slide .slides li:nth-of-type(1) .main_text_box {
	background-image: url(../../images/index/mainImg1_pc_text_ver02.png);
	background-position: 11% 45%;
}
#h_slide .slides li:nth-of-type(2) .main_text_box {
	background-image: url(../../images/index/mainImg2_pc_text_ver02.png);
	background-position: 35% 34%;
}
#h_slide .slides li:nth-of-type(3) .main_text_box {
	background-image: url(../../images/index/mainImg3_pc_text_2021.png);
	background-position: 8% 33%;
}
#h_slide .slides li:nth-of-type(4) .main_text_box {
	background-image: url(../../images/index/mainImg4_pc_text.png);
	background-position: 12% 54%;
}

#h_slide .slides li.onmouse:nth-of-type(1) {
	background-image: url(../../images/index/mainImg1_pc_hover_ver02.webp);
}
#h_slide .slides li.onmouse:nth-of-type(2) {
	background-image: url(../../images/index/mainImg2_pc_hover_ver02.webp);
}
#h_slide .slides li.onmouse:nth-of-type(3) {
	background-image: url(../../images/index/mainImg3_pc_hover_2021.jpg);
}
#h_slide .slides li.onmouse:nth-of-type(4) {
	background-image: url(../../images/index/mainImg4_pc_hover.jpg);
}

#h_slide .slides li:nth-of-type(1) .main_text_box.onmouse {
	background-image: url(../../images/index/mainImg1_pc_hover_text_ver03.png);
	background-position: 27% 33%;
}
#h_slide .slides li:nth-of-type(2) .main_text_box.onmouse {
	background-image: url(../../images/index/mainImg2_pc_hover_text_ver03.png);
	background-position: 27% 33%;
}
#h_slide .slides li:nth-of-type(3) .main_text_box.onmouse {
	background-image: url(../../images/index/mainImg3_pc_hover_text_ver01.png);
	background-position: 76% 33%;
}
#h_slide .slides li:nth-of-type(4) .main_text_box.onmouse {
	background-image: url(../../images/index/mainImg4_pc_hover_text_2021.png);
	background-position: 27% 33%;
}

#h_slide .slides li .read_msg_btn {
	position: absolute;
	bottom: 25%;
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	border: solid 3px #c29837;
	width: 300px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
	background-color: rgba(255, 255, 255, .5);
	color: #c29837;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

#h_slide .slides li .read_msg_btn img {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

#h_slide .slides li a.read_msg_btn:hover {
	border-color: #c89c35;
	background-color: #c89c35;
}

.h_logo {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 10;
}

.h_scroll_down {
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	z-index: 10;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #c89c35;
	font-size: 15px;
}

.h_scroll_down span {
	display: block;
	margin-bottom: 10px;
}

.philosophy_text {
	padding: 100px 0 80px;
	text-align: center;
}


.top_block_heading {
	padding-bottom: 30px;
	text-align: center;
}

/* ********* メッセージ ********** */
.message_block {
    padding: 150px 0 0;
}

.message_block .inner {
	padding: 0;
}

.message_lead {
	margin-bottom: 45px;
	text-align: center;
}

.message_item_list dt {
	position: relative;
}

.message_item_list dt:hover {
	cursor: pointer;
}

.message_item_list dt > img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.message_item_list dt .message_open_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
	width: 54px;
	height: 54px;
	text-align: center;
	background: #c89c35;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.message_item_list dt .message_open_btn span {
	display: none;
}

.message_item_list dt .message_open_btn .fa:before  {
	content: '＋';
	vertical-align: middle;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
}

.message_item_list dt .message_open_btn.active .fa:before  {
	content: '\f106';
}

.message_item_list dt .message_open_btn:focus {
	outline: none;
}

.message_item_list dt > img:hover {
	opacity: .8;
}

.message_item_list dt .message_open_btn:hover {
	background-color: #654e45;
}

.message_item_list dd {
	display: none;
	padding: 60px 0 80px;
}

.message_item_list dd .inner {
	padding: 0 150px;
	overflow: hidden;
}

.message_item_lead {
	border-left: solid 3px #c89c35;
	margin-bottom: 45px;
	padding-left: 20px;
	font-family: "Noto Serif JP", serif;
	font-size: 16px;
	font-weight: 500;
}

.message_item_text {
	float: right;
	width: 470px;
}

.message_item_photo {
	float: left;
	width: 380px;
}

.message_item_photo img {
	width: 100%;
	height: auto;
}


/* ********* エピソード ********** */
.episode_block {
	padding: 180px 0 0;
}

.episode_lead {
	margin-bottom: 50px;
	text-align: center;
}

.episode_link_list {
	overflow: hidden;
}

.episode_link_list li {
	width: 540px;
	float: left;
}

.episode_link_list li:first-child {
	margin-right: 20px;
} 

.episode_link_list img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.episode_link_list li a {
	position: relative;
	display: block;
	overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .episode_link_list li a {
		padding-left: 1px;
	}
}

.episode_link_list li a span {
	position: absolute;
	top: 126px;
	z-index: 2;
}

.episode_link_list li:first-child a span {
	left: 0;
}

.episode_link_list li:nth-child(2) a span {
	right: 0;
}

.episode_link_list li a:hover > img {
	opacity: .8;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/* ********* 一日の流れ ********** */
.oneday_block {
	padding: 120px 0 60px;
	background-color: #f5f5f5;
}

.oneday_block .inner {
	padding: 0;
}

.oneday_lead {
	margin-bottom: 35px;
	text-align: center;
}

.oneday_slide_wrap {
	position: relative;
}

#oneday_slide {
	position: relative;
	min-height: 322px;
	width: 100%;
	height: 369px;
	margin-bottom: 20px;
}

#oneday_slide .slides {
	width: 100%;
	height: 326px;
}

#oneday_slide .slides img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#oneday_slide .slides li {
	position: relative;
	opacity: 0; /* init */
	transition: opacity .5s;
}

#oneday_slide .slides li:before {
	content: '';
	position: absolute;
	top: 160px;
	left: -20px;
	width: 12px;
	height: 16px;
	background: url(../../images/index/oneday_slide_arrow_pc.png) no-repeat 0 0;
}

#oneday_slide .slides li:first-child:before,
#oneday_slide .slides li:nth-child(6):before,
#oneday_slide .slides li:nth-child(7):before {
	display: none;
}

#oneday_slide .slides li:nth-child(6) {
	/* padding-top: 35px;
	text-align: center; */
}

#oneday_slide .slides li:nth-child(6) img {
	/* width: auto; */
}

#oneday_slide .slides li .oneday_slide_text {
	display: none;
}

.home .bx-viewport {
	position: relative;
}

.home .bx-viewport:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 150px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(243,243,243,0), #f3f3f3 45%);
	background: -webkit-gradient(linear, left center, right center, from(rgba(243,243,243,0)), color-stop(45%, #f3f3f3));
	background: -o-linear-gradient(left, rgba(243,243,243,0), #f3f3f3 45%);
	background: linear-gradient(left, rgba(243,243,243,0), #f3f3f3 45%);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.home .bx-viewport.bx-last:after {
	opacity: 0;
}

.home .bx-controls a {
	position: absolute;
	top: 138px;
	display: block;
	width: 56px;
	height: 56px;
	text-align: left !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 56px 56px;
	overflow: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.home .bx-controls a.bx-prev {
	left: -100px;
	text-indent: -100%;
	background-image: url(../../images/index/oneday_slide_left_pc.png);
}

.home .bx-controls a.bx-prev:hover {
	background-image: url(../../images/index/oneday_slide_left_pc_hover.png);
}

.home .bx-controls a.bx-next {
	right: -100px;
	text-indent: 100%;
	background-image: url(../../images/index/oneday_slide_right_pc.png);
}

.home .bx-controls a.bx-next:hover {
	background-image: url(../../images/index/oneday_slide_right_pc_hover.png);
}

/* ********* キャリアプラン ********** */
.careerplan_block {
	padding: 170px 0 50px;
}

.careerplan_block .inner {
	padding: 0;
}

.careerplan_lead {
	margin-bottom: 50px;
	text-align: center;
}

.careerplan_link_list {
	overflow: hidden;
}

.careerplan_link_list li {
	float: left;
	width: 374px;
}

.careerplan_link_list li + li {
	margin-left: 39px;
}

.careerplan_link_list li p {
	margin-bottom: 20px;
}

.careerplan_link_list li p span {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.careerplan_link_list li a {
	display: block;
	overflow: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .careerplan_link_list li a {
		padding-left: 1px;
	}
}

.careerplan_link_list li a.careerplan_link_photo {
	margin-bottom: 28px;
	overflow: hidden;
}

.careerplan_link_list li a.careerplan_link_photo img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.careerplan_link_list li a.careerplan_link_photo:hover img {
	opacity: .8;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.careerplan_link_btn {
	padding: 10px 0 10px 138px;
	background-color: #c89c35;
}

.careerplan_link_btn:hover {
	background-color: #533c34;
}

/* ********* 「ラ・パルレ」について ********** */
.aboutus_block {
	padding: 160px 0 50px;
}

.aboutus_block .inner {
	padding: 0 100px;
}

.aboutus_lead {
	margin-bottom: 50px;
	text-align: center;
}

.aboutus_link_list {
	overflow: hidden;
}

.aboutus_link_list li {
	float: left;
	width: 480px;
}

.aboutus_link_list li:first-child {
	width: 100%;
	margin-bottom: 30px;
}

.aboutus_link_list li:nth-child(2) {
	margin-right: 40px;
}

.aboutus_link_list li:first-child {
	margin-right: 40px;
}

.aboutus_link_list li a {
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .aboutus_link_list li a {
		padding-left: 1px;
	}
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .aboutus_link_list li a {
		background-color: #000;
	}

	*::-ms-backdrop, .aboutus_link_list li a:hover img {
		opacity: .8;
	}
}

.aboutus_link_list li img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.aboutus_link_list li a:hover img {
	filter:brightness(80%);
}

/* ********* エントリー ********** */
.entry_block {
	padding: 0 0 100px;
}

.entry_heading {
	margin-bottom: 40px;
	padding: 70px 0;
	text-align: center;
	background-color: #533c34;
}

.entry_flow_head {
	margin-bottom: 40px;
	text-align: center;
}

.entry_block p {
	margin-bottom: 30px;
	text-align: center;
}

.entry_btn {
	display: inline-block;
	width: 340px;
	height: 100px;
	margin: 40px 15px 0;
	font-size: 120%;
	padding-top: 34px;
	background-color: #c89c35;
	background-image: linear-gradient(225deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
	background-position: 30px calc(50% - 4px), 30px calc(50% + 2px);
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
	color: #fff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.entry_btn:hover {
	background-color: #533c34;
}

.to-entry_btn-wrap {
	text-align: center;
}

.to-entry_btn-wrap .entry_btn {
	background-image: linear-gradient(315deg, transparent 50%, #fff 50%), linear-gradient(225deg, #fff 50%, transparent 50%);
    background-position: 36px calc(50%), 30px calc(50%);
}