@charset "UTF-8";

/**
 * 
 * NOTE: 
 * 
 * WARNING: 
 * 
**/

.p-about {}
@media screen and (max-width: 767px) {}

/**
 * 
 * NOTE: .p-aboutHead
 * 
 * WARNING: 
 * 
**/

.p-aboutHead {padding: 0 0 80px;}
.p-aboutHead::before {
	content: '';
	display: block;
	background-image: url("../img/about/about_head_bg.png");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 100%;
	width: 100%;
	height: 160px;
	padding: 0;
	position: relative;
	z-index: 1;
}
.p-aboutHead__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: var(--w-sm);
	margin: -48px auto 0;
	position: relative;
	z-index: 10;
}
@media screen and (max-width: 767px) {
	.p-aboutHead {padding: 0 0 40px;}
	.l-breadcrumbs + .p-aboutHead {margin-top: 0;}
	.p-aboutHead::before {
		background-size: auto 133.33%;
		height: 112px;
	}
	.p-aboutHead__inner {margin: -32px auto 0;}
}

.p-aboutHead__title {
	color: var(--c-base-darkest);
	font-size: var(--fs-lv6);
	font-weight: var(--fw-md);
	letter-spacing: .1em;
	line-height: var(--l-sm);
	text-align: center;
}
.p-aboutHead__icon {
	width: 252px;
	margin: 0 auto;
}
.p-aboutHead__icon > img {
	width: 100%;
	height: auto;
}

.p-aboutHead__text {
	margin: 24px 0 0;
}

.p-aboutHead__lead {
	font-size: var(--fs-lv6);
	font-weight: var(--fw-reg);
	line-height: var(--l-xl);
	margin: 24px 0 0;
}
.p-aboutHead__lead > p {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.p-aboutHead__lead > * + p {margin-top: 1em;}

@media screen and (max-width: 767px) {
	.p-aboutHead__title {
		font-size: var(--fs-lv5);
	}
	.p-aboutHead__icon {
		width: 176px;
		margin: 0 auto;
	}
	.p-aboutHead__text {
		margin: 12px 0 0;
	}
	.p-aboutHead__lead {}
	.p-aboutHead__lead > p {font-size: var(--fs-lv4);}
}

/**
 * 
 * NOTE: .p-aboutSect
 * 
 * WARNING: 
 * 
**/

.p-aboutSect {padding: 0 0 104px;}
.p-aboutSect__inner {
	width: var(--w-md);
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-aboutSect {padding: 0 0 56px;}
}


.p-aboutSectCont01 {position: relative;}
* + .p-aboutSectCont01 {margin-top: 120px;}
* + .p-aboutSectCont01::before {
	content: '';
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: -60px;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	* + .p-aboutSectCont01 {margin-top: 64px;}
	* + .p-aboutSectCont01::before {top: -33px;}
}


.p-aboutSectCont01__title {
	color: var(--c-base-darkest);
	font-weight: var(--fw-md);
	text-align: center;
	letter-spacing: 0.5ex;
}
.p-aboutSectCont01__desc {
	font-weight: var(--fw-reg);
	line-height: var(--l-xl);
}
.p-aboutSectCont01__desc > p {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.p-aboutSectCont01__desc > * + p {margin-top: 1em;}
@media print, screen and (min-width: 768px) {
	.p-aboutSectCont01 {
		min-height: 400px;
		padding: 56px 0;
		position: relative;
	}
	.p-aboutSectCont01.image--left {padding-left: 50%;}
	.p-aboutSectCont01.image--right {padding-right: 50%;}
	.p-aboutSectCont01__image {
		max-width: 800px;
		width: calc( 50vw + 40px );
		height: 400px;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
	}
	.p-aboutSectCont01__image > img {
		border-radius: 40px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.p-aboutSectCont01.image--left .p-aboutSectCont01__image {transform: translate(-100%,0);}
	.p-aboutSectCont01.image--left .p-aboutSectCont01__image > img {object-position: right center;}
	.p-aboutSectCont01.image--right .p-aboutSectCont01__image {transform: translate(0,0);}
	.p-aboutSectCont01.image--right .p-aboutSectCont01__image > img {object-position: left center;}
	.p-aboutSectCont01.image--left .p-aboutSectCont01__text {padding: 0 0 0 80px;}
	.p-aboutSectCont01.image--right .p-aboutSectCont01__text {padding: 0 80px 0 0;}
	.p-aboutSectCont01__title {
		font-size: var(--fs-lv9);
		margin-bottom: 48px;
	}
	.p-aboutSectCont01__desc {font-size: var(--fs-lv5);}
}
@media screen and (max-width: 767px) {
	.p-aboutSectCont01__image > img {
		border-radius: 20px;
		width: 100%;
		height: auto;
	}
	.p-aboutSectCont01__title {
		font-size: var(--fs-lv7);
		padding-top: 1em;
		margin-bottom: 0.5em;
	}
	.p-aboutSectCont01__desc {font-size: var(--fs-lv4);}
}

.p-aboutSect__btn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 48px 0 0;
}
.p-aboutSect__btn .c-btn.c-btn--next {}
.p-aboutSect__btn .c-btn__link {background-color: var(--c-base-darkest);}
.p-aboutSect__btnIcon {
	margin: 0 0.75em 0 0;
	vertical-align: middle;
	transform: translate(0,-8.33%);
}
.p-aboutSect__btnIcon[src*="book"] {
	width: auto;
	height: 1.3333em;
}
.p-aboutSect__btnIcon[src*="bread"] {
	width: auto;
	height: 0.8125em;
}
.p-aboutSect__btnIcon[src*="bakery"] {
	width: auto;
	height: 1.3333em;
}
@media screen and (max-width: 767px) {
	.p-aboutSect__btn {margin: 24px 0 0;}
}

.p-aboutSectCont02 {
	background-color: var(--c-base-dark);
	padding: 40px 56px;
}
* + .p-aboutSectCont02 {margin: 96px 0 0;}
.p-aboutSectCont02__title {
	color: var(--c-base-darkest);
	font-size: var(--fs-lv7);
	font-weight: var(--fw-md);
	margin: 0 0 0.75em;
}
.p-aboutSectCont02__desc {
	font-size: var(--fs-lv4);
	font-weight: var(--fw-reg);
	line-height: var(--l-xl);
}
.p-aboutSectCont02__desc > p {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.p-aboutSectCont02__desc > * + p {margin-top: 1em;}

@media screen and (max-width: 767px) {
	.p-aboutSectCont02 {padding: 20px 15px;}
	* + .p-aboutSectCont02 {margin: 40px 0 0;}
	.p-aboutSectCont02__title {font-size: var(--fs-lv5);}
	.p-aboutSectCont02__desc {font-size: var(--fs-lv2);}
}

.p-aboutSectCont02__ref {}
* + .p-aboutSectCont02__ref {margin: 20px 0 0;}
.p-aboutSectCont02__ref > dt {
	font-size: var(--fs-lv6);
	font-weight: var(--fw-md);
	letter-spacing: .1em;
	margin: 0 0 0.25em;
}
.p-aboutSectCont02__ref > dd {
	font-size: var(--fs-lv5);
	font-weight: var(--fw-reg);
	line-height: var(--l-xl);
}
.p-aboutSectCont02__ref > dd > a {color: inherit;}
.p-aboutSectCont02__ref > dd > a > span {
	display: inline-block;
	vertical-align: middle;
}
.p-aboutSectCont02__ref > dd > a > i {
	display: inline-block;
	color: var(--c-base-darkest);
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	* + .p-aboutSectCont02__ref {margin: 12px 0 0;}
	.p-aboutSectCont02__ref > dt {font-size: var(--fs-lv4);}
	.p-aboutSectCont02__ref > dd {font-size: var(--fs-lv2);}
}