@charset "UTF-8";
/* CSS Document */
.main{
	font-family: ryo-display-plusn, "Hiragino Mincho ProN", "serif";
}
.bold{
	font-weight: bold;
}
h1.story-title{
	font-size: 6rem;
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	width: 100%;
	padding: 115px 10px;
	text-align: center;
	background-image: url(/themes/www.elan-v.jp/reason/img/bg_top_title.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
}
@media (max-width: 1199px){
	h1.story-title{
		font-size: 5.5rem;
		padding: 100px 10px;
	}
}
@media (max-width: 991px){
	h1.story-title{
		font-size: 4.14rem;
		padding: 60px 10px;
	}
}
@media (max-width: 767px){
	h1.story-title{
		font-size: 2.6rem;
		padding: 60px 10px;
		margin-bottom: 5px;
	}
}
h1.story-title span{
	font-size: 2.14rem;
	display: block;
	font-family: ryo-display-plusn, "Hiragino Mincho ProN", "serif";
}

@media (max-width: 991px){
	h1.story-title span{
		font-size: 1.5rem;
	}
}
@media (max-width: 991px){
	h1.story-title span{
		font-size: 1.28rem;
	}
}

.philosophy-wrap{
	display: block;
	width: 100%;
	background-color: rgba(153,102,35,0.06);
	position: relative;
	padding-bottom: 350px;
	margin-top: 200px;
}
@media (max-width: 991px){
	.philosophy-wrap{
		margin-top: 120px;
	}
}
@media (max-width: 767px){
	.philosophy-wrap{
		margin-top: 0;
		padding: 15px 0 0;
		background-color: #fff;
	}
}


.philosophy-wrap:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	
	border-width: 0 0 150px 100vw;
	border-color: transparent transparent #fff transparent;
}

@media (max-width: 767px){
	.philosophy-wrap:after{
		border-width: 150px 180vw 0 0;
		border-color: rgba(153,102,35,0.06) transparent transparent transparent;
		bottom: auto;
		top: 0;
	}
}

.philosophy-box {
	padding-left: 25%;
}
@media (max-width: 2440px){
	.philosophy-box {
	padding-left: 20%;
}
}
@media (max-width: 1880px){
	.philosophy-box {
	padding-left: 15%;
}
}
@media (max-width: 1700px){
	.philosophy-box {
	padding-left: 13%;
}
}
@media (max-width: 1500px){
	.philosophy-box {
	padding-left: 10%;
}
}
@media (max-width: 1400px){
	.philosophy-box {
	padding-left: 7%;
}
}
@media (max-width: 1200px){
	.philosophy-box {
	padding-left: 5%;
}
}
@media (max-width: 992px){
	.philosophy-box {
	padding-left: 4%;
}
}
@media (max-width: 767px){
	.philosophy-box {
	padding-left: 0;
}
}
.philosophy-wrap .title-eng-01{
	font-size: 6rem;
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	position: absolute;
	top: -70px;
	opacity: 0.1;
}

@media (max-width: 1199px){
	.philosophy-wrap .title-eng-01{
		font-size: 6.14rem;
		top: -70px;
	}
}

@media (max-width: 991px){
	.philosophy-wrap .title-eng-01{
		font-size: 4.14rem;
		top: -45px;
	}
}
@media (max-width: 767px){
	.philosophy-wrap .title-eng-01{
		font-size: 3.35rem;
		position: relative;
		top: 0;
		text-align: center;
	}
}

.philosophy-wrap h2.philosophy-h2{
	font-size: 3.2rem;
	color: #996623;
	display: inline-block;
	margin: 100px 0 50px 0;
}
@media (max-width: 1199px){
	.philosophy-wrap h2.philosophy-h2{
		font-size: 3rem;
		margin: 70px 0 40px 0;
	}
}
@media (max-width: 991px){
	.philosophy-wrap h2.philosophy-h2{
		font-size: 2rem;
		margin: 45px 0 30px 0;
	}
}
@media (max-width: 767px){
	.philosophy-wrap h2.philosophy-h2{
		font-size: 2rem;
		margin: 0 10px;
		text-align: center;
		width: calc(100% - 20px);
	}
}

.philosophy-wrap .text{
	font-size: 1.85rem;
	padding-right: 20px;
}

@media (max-width: 1199px){
	.philosophy-wrap .text{
		font-size: 1.5rem;
	}
}@media (max-width: 991px){
	.philosophy-wrap .text{
		font-size: 1.2rem;
	}
}@media (max-width: 767px){
	.philosophy-wrap .text{
		font-size: 1.2rem;
		padding: 40px 10px;
		width: 100%;
		text-align: center;
	}
	.philosophy-wrap .fade-in-topics:nth-of-type(2) .text {
		padding-top: 30px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.philosophy-wrap .fade-in-topics:nth-of-type(3) .text {
		padding-top: 0;
		padding-bottom: 20px;
	}
}

.philosophy-wrap .img-wrap{
	display: block;
	width: 100%;
	position: relative;
	top: -80px;
}

.philosophy-wrap .img-wrap img {
	max-width: 1000px;
}

@media (max-width: 991px){
	.philosophy-wrap .img-wrap{
		top: -50px;
	}
}

@media (max-width: 767px){
	.philosophy-wrap .img-wrap{
		top: 0;
		padding: 0 20px;
	}
}


.patissier-outer-wrap{
	position: relative;
	/*top: -200px;*/
	top: -260px;
}
@media (max-width: 767px){
	.patissier-outer-wrap{
		top: 0;
		margin-top: 35px;
	}
}

.patissier-outer-wrap .container{
	background-color: #ECE1D4;
}
.patissier-outer-wrap .patissier-inner-wrap{
	position: relative;
	padding: 0 65px 60px;
}
@media (max-width: 767px){
	.patissier-outer-wrap .patissier-inner-wrap{
		padding: 0;
	}
}

.patissier-inner-wrap .title-eng-01{
	font-size: 4.28rem;
	color: rgba(153,102,35,0.22);
	/*	color: #996623;*/	
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	position: absolute;
	top: -80px!important;
	left: 0;
	/*opacity: 0.22;*/
	text-align: center;
	width: 100%;
}

@media (max-width: 1199px){
	.patissier-inner-wrap .title-eng-01{
		font-size: 3.5rem;
		top: -70px!important;
	}
}

@media (max-width: 991px){
	.patissier-inner-wrap .title-eng-01{
		font-size: 3.14rem;
		top: -65px!important;
	}
}
@media (max-width: 767px){
	.patissier-inner-wrap .title-eng-01{
		color: rgba(153,102,35,0.4);
		font-size: 2.8rem;
		position: relative;
		top: 0!important;
		line-height: 1;
		margin-top: 30px;
	}
}

.patissier-inner-wrap h2.patissier-h2{
	font-family: ryo-display-plusn, "Hiragino Mincho ProN", "serif";
	font-size: 1.64rem;
	width: 100%;
	text-align: center;
}

@media (max-width: 767px){
	.patissier-inner-wrap h2.patissier-h2{
		font-size: 1.14rem;
		margin-top: 0;
	}
}

.patissier-inner-wrap .patissier-item{
	width: calc(100% - 20px);
	height: calc(100% - 40px);
	margin: 30px auto 0 auto;
	padding: 20px;
	background-color: #fff;
	
	/*display: block;
	width: calc(100% - 40px);
	margin: 20px;
	padding: 20px;
	background-color: #fff;
	min-height: 200px;*/
}
@media (max-width: 991px){
.patissier-inner-wrap .patissier-item{
	width: calc(100% - 30px);
	height: auto ;
	padding:10px;
	background-color: #fff;
	margin: 20px auto 0 auto;
}
.patissier-inner-wrap .col-xs-12:last-child .patissier-item {
	margin-bottom: 20px;
}
}
.patissier-inner-wrap .patissier-item .img-wrap{
	max-width: 135px;
	padding: 0 15px 10px 0;
	float: left;
}

.patissier-inner-wrap .patissier-item .text-wrap{
	display: block;
}

.patissier-inner-wrap .patissier-item .text-wrap .title{
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #641700;
	opacity: 0.67;
	font-size: 1.64rem;
	margin-bottom: 0;
	position: relative;
	top:-5px;
	opacity: 0.7;
}

.patissier-inner-wrap .patissier-item .text-wrap h3{
	font-family: ryo-gothic-plusn, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin:0 0  10px 0;
	font-size: 1.57rem;
	letter-spacing: 0.1rem;
	font-weight: 600;
}
@media (max-width: 767px){
.patissier-inner-wrap .patissier-item .text-wrap h3{
	font-size: 1.1rem;
}
}

.patissier-inner-wrap .patissier-item .text-wrap .text{
	font-size: 1.12rem;
	font-family: ryo-gothic-plusn, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	line-height: 1.6;
}
@media (max-width: 767px){
.patissier-inner-wrap .patissier-item .text-wrap .text{
	font-size: 1rem;
}
}
.slider-wrap {
	top: -130px;
}
.slick-slide img {
	padding: 0 15px;
}
@media (max-width: 767px){
.slider-wrap {
	top: 20px;
}
.slick-slide img {
	padding: 0 3px;
}
}

.biginning-title-wrap{
	display: block;
	width: 100%;
	background-color: #F1EAE0;
	text-align: center;
	position: relative;
	padding: 40px 10px;
}
@media (max-width: 1199px){
	.biginning-title-wrap{
		padding: 35px 10px;
	}
}

@media (max-width: 991px){
	.biginning-title-wrap{
		padding: 30px 10px;
	}
}
@media (max-width: 767px){
	.biginning-title-wrap{
		padding: 25px 10px;
	}
}


.biginning-title-wrap .title-eng-01{
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: rgba(153,102,35,0.2);
	width: 100%;
	font-size: 4.28rem;
	position: absolute;
	top: -60px;
}


@media (max-width: 1199px){
	.biginning-title-wrap .title-eng-01{
		font-size: 3.5rem;
		top: -50px;
	}
}

@media (max-width: 991px){
	.biginning-title-wrap .title-eng-01{
		font-size: 2.8rem;
		top: -40px;
	}
}
@media (max-width: 767px){
	.biginning-title-wrap .title-eng-01{
		font-size: 1.75rem;
		top: -23px;
		left: 0;
	}
}


.biginning-title-wrap h2.biginning-h2{
	margin: 0;
	font-size: 2.5rem;
	/*font-weight: bold;*/
}

@media (max-width: 1199px){
	.biginning-title-wrap h2.biginning-h2{
		font-size: 2.5rem;
		top: -50px;
	}
}

@media (max-width: 991px){
	.biginning-title-wrap h2.biginning-h2{
		font-size: 2.3rem;
		top: -40px;
	}
}
@media (max-width: 767px){
	.biginning-title-wrap h2.biginning-h2{
		font-size: 1.8rem;
		top: -23px;
		left: 0;
	font-weight: 400;
	}
}



.biginning-text-wrap .text01{
	font-size: 2.5rem;
	font-weight: bold;
	margin: 80px auto;
	text-align: center;
	line-height: 1.3;
}

.biginning-text-wrap .text01 .under-line{
	background: linear-gradient(transparent 70%, rgba(213,10,65,0.16) 30%);
	line-height: 195%;
}

@media (max-width: 1199px){
	.biginning-text-wrap .text01{
		font-size: 2.5rem;
		margin: 60px auto;
	}
}

@media (max-width: 991px){
	.biginning-text-wrap .text01{
		font-size: 2.3rem;
		margin: 50px auto;
	}
}

@media (max-width: 767px){
	.biginning-text-wrap .text01{
		font-size: 1.6rem;
		margin: 30px auto;
		letter-spacing: 0rem;
		line-height: 150%
	}
}

.biginning-text-wrap .text02{
	display: table;
	width: 100%;
	font-size: 2rem;
	text-align: center;
	background-image: url('../../reason/img/bg_idea.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 60px;
	height: 170px;
	line-height: 160%;
}

.biginning-text-wrap .text02 > span {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 1199px){
	.biginning-text-wrap .text02{
		font-size: 2rem;
		height: 160px;
	}
}

@media (max-width: 991px){
	.biginning-text-wrap .text02{
		font-size: 1.71rem;
		height: 150px;
		/*font-weight: 700;*/
		letter-spacing: 0rem;
	}
}

@media (max-width: 767px){
	.biginning-text-wrap .text02{
		font-size: 1.25rem;
		height: 140px;
	margin-bottom: 20px;
	}
}

.biginning-text-wrap .text03{
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 10px;
	background-image: url('../../reason/img/bg_check.gif');
	background-size: cover;
}

.biginning-text-wrap .text03 > ul{
	display: inline-block;
	text-align: left;
	font-size: 2.28rem;
	font-family: fot-tsukuardgothic-std , YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	list-style: none;
	padding-left: 20px;
}

.biginning-text-wrap .text03 > ul li{
	padding: 15px 10px 15px 50px;
	background-image: url("../../reason/img/ico_check.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
}

@media (max-width: 1199px){
	.biginning-text-wrap .text03 > ul li{
		padding: 15px 10px 15px 45px;
		font-size: 2rem;
		background-size: 35px;
	}
}

@media (max-width: 991px){
	.biginning-text-wrap .text03 > ul li{
		padding: 15px 10px 15px 40px;
		font-size: 1.71rem;
		background-size: 30px;
	}
}

@media (max-width: 767px){
	.biginning-text-wrap .text03{
		margin: 40px auto 0 auto;
		padding: 10px 10px 5px 10px;
		width: calc(100% - 20px);
		font-weight: 600;
	}
	.biginning-text-wrap .text03 > ul li{
		padding: 5px 10px 5px 40px;
		font-size: 1.25rem;
		background-size: 25px;
	}
}







.concept-title-wrap{
	display: block;
	width: 100%;
	background-color: rgba(153,102,35,0.4);
	text-align: center;
	position: relative;
	padding: 40px 10px;
	margin-top: 100px;
}
@media (max-width: 1199px){
	.concept-title-wrap{
		padding: 35px 10px;
	}
}

@media (max-width: 991px){
	.concept-title-wrap{
		padding: 30px 10px;
	}
}
@media (max-width: 767px){
	.concept-title-wrap{
		padding: 25px 10px;
	margin-top: 60px;
	}
}


.concept-title-wrap .title-eng-01{
	font-family: brushland, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: rgb(153,102,35);
	width: 100%;
	font-size: 6rem;
	opacity: 0.35;
	position: absolute;
	top: -90px;
	left: 0;
}


@media (max-width: 1199px){
	.concept-title-wrap .title-eng-01{
		font-size: 6rem;
		top: -90px;
	}
}

@media (max-width: 991px){
	.concept-title-wrap .title-eng-01{
		font-size: 4.8rem;
		top: -70px;
	}
}
@media (max-width: 767px){
	.concept-title-wrap .title-eng-01{
		font-size: 3.28rem;
		top: -48px;
		left: 0;
	}
}


.concept-title-wrap h2.concept-h2{
	margin: 0;
	font-size: 2.5rem;
	/*font-weight: bold;*/
}

@media (max-width: 1199px){
	.concept-title-wrap h2.concept-h2{
		font-size: 2.5rem;
		top: -50px;
	}
}

@media (max-width: 991px){
	.concept-title-wrap h2.concept-h2{
		font-size: 2.3rem;
		top: -40px;
	}
}
@media (max-width: 767px){
	.concept-title-wrap h2.concept-h2{
		font-size: 1.8rem;
		top: -23px;
		left: 0;
	}
}
.concept-h3 {
	font-size: 2.5rem;
	color: #996623;
	margin: 70px 0 10px 0;
	line-height: 150%;
	font-weight: 500;
}
@media (max-width: 991px){
	.concept-h3 {
		font-size: 2.5rem;
		margin-top: 60px;
			/*font-weight: 700;*/

	}
}
@media (max-width: 767px){
	.concept-h3 {
		font-size: 1.7rem;
	margin: 40px 0 10px 0;
		text-align: center;
		letter-spacing: 0;
	}
}

.concept-h4 {
	font-size: 1.85714rem;
	margin: 0 0 60px 0;
	line-height: 170%;
}
@media (max-width: 991px){
	.concept-h4 {
		text-align: center;
		font-size: 1.4rem;
	margin: 0 0 20px 0;
				letter-spacing: 0.01rem;

	}
}


.concept-h5 {
	font-size: 1.214285rem;
	color: #996623;
	margin: 0 0 15px 0;
	border-bottom: solid #D9D9D9 1px;
	padding: 0 0 10px 0;
	width: calc(100% - 160px);
	font-weight: 600;
}
@media (max-width: 991px){
.concept-h5.img-none {
	width: 100%;
}

}
.concept-outer-wrap.bg-color{
	background-color: #F8F5F0;
}

.concept-inner-wrap{
	padding: 30px 0 100px 0;
}

@media (max-width: 767px){
	.concept-inner-wrap{
		padding: 0 10px 40px;
	}
}
.concept-text-wrap {
	font-size: 1.1428571rem;
		font-family: ryo-gothic-plusn, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding: 0 0 0 50px;
	letter-spacing: 0.1rem;
}

.concept-text-wrap.left{
	padding: 0 50px 0 0; 
}

@media (max-width: 991px){
	.concept-text-wrap	{
	font-size: 1rem;
		line-height: 165%;
		padding: 20px 0;
	}
.concept-text-wrap.left	{
		padding: 20px 0 0 0;
	}
	
}
.concept-text {
	margin: 0 0 30px 0;	
}
@media (max-width: 991px){
.concept-text {
		line-height: 170%;
	letter-spacing: 0.1rem;
	}
	.concept-text.last {
	margin-bottom: 0;	
}
}
.concept-img-circle {
	border-radius: 50%;
	width: 140px;
	height: 140px;
	margin: 10px;
	overflow: hidden;
	float: right;
}


.concept-logo-wrap{
	text-align: center;
}

.concept-logo-wrap .logo01{
	width: 100%;
	max-width: 130px;
	display: block;
	margin: 30px auto;
}
.concept-logo-wrap .logo02{
	width: 100%;
	max-width: 265px;
	display: block;
	margin: 30px auto;
}
@media (max-width: 991px){
.concept-logo-wrap .logo01{
	width: 25%;
}
.concept-logo-wrap .logo02{
	width: 50%;
}
}
.foot-text{
	font-family: ryo-gothic-plusn, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.14rem;
	text-align: center;
}

#name {
	padding-bottom: 100px;
	margin-bottom: 60px;
	border-bottom: #CCCCCC 1px solid;
} 
.staff-img img {
	width: 100%; 
	max-width: 560px;
}
@media (max-width: 991px){
	#name {
	padding-bottom: 30px;
} 
.staff-img {
	margin: 0 15px;
	}
	
.staff-img img {
	width: 100%; 
}
	
}
@media (min-width: 767px){

	.fade-in {
		opacity: 0;
		position: relative;
		top: 30px;
	}
	
	.fadein.fade-in {
		opacity: 100%;
		top: 0;
	}
	
	.fadein.fade-in {
		animation: fadein-img-01 0.9s;
	}
	@keyframes fadein-img-01 {
		0% {
			opacity: 0;
			top: 30px;
		}
		100% {
			opacity: 100%;
			top: 0;
		}
	}
	
}


/*SP時のJS不具合対応CSS*/
body {
	height: auto;
}
	
/*slick*/
	.slider-wrap {
		position: relative;
	}
	
	.btn-arrow {
		position: absolute;
		z-index: 99;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		background-color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}
	.btn-arrow:before {
		display: block;
		font-family: "font Awesome 5 free";
		font-size: 1.6rem;
		font-weight: 700;
		color: #777;
	}
	.arrow-prev {
		left: 3%;
	}
	.arrow-prev:before {
		content: "\f104";
		position: relative;
		top: 3px;
		left: 13px;
	}
	.arrow-next {
		right: 3%;
	}
	.arrow-next:before {
		content: "\f105";
		position: relative;
		top: 3px;
		left: 13px;
	}


	
	
	.fade-in {
		opacity: 0;
		position: relative;
		top: 30px;
	}
	
	.fadein.fade-in {
		opacity: 100%;
		top: 0;
	}
	
	.fadein.fade-in {
		animation: fadein-img-01 0.9s;
	}
	@keyframes fadein-img-01 {
		0% {
			opacity: 0;
			top: 30px;
		}
		100% {
			opacity: 100%;
			top: 0;
		}
	}
	
	.lb-nav a.lb-prev {
		opacity: 0.5;
	}
	.lb-nav a.lb-next {
		opacity: 0.5;
	}