@charset "UTF-8";
/*------------------------------------------
	セントラルキッチン
------------------------------------------*/
/* レイアウト */
.hide-pc {
	display:none;
}
.hide-sp {
	display:initial;
}
#container #pageHeader #headerInner:before {
    background: #9EE282;
}
#container #contents:after, #container #contents:before {
    background: #9EE282;
}
#container #contents {
    position: relative;
    padding-top: 82px;
}

/* mv背景 */
#container #contents .contentsInner article .mv>h1 {
    background: url(../images/centralkitchen/bg_mv_centralkitchen.jpg) center 0 no-repeat;
    background-size: cover;
}
#container #contents .contentsInner article .lead {
    width: 100%;
    max-width: 1100px;
    margin: -80px auto 0;
    padding: 0 32px 80px;
    box-sizing: border-box;
    background: #fff;
}

/* introduction" */
.introduction {
	text-align: center;
	line-height: 1.5
}
.introduction__item {
}
.introduction__item--ttl {
	padding: 80px 0 40px;
	color: #4DBA21;
}
.introduction__item--txt {
	width:calc(100% - 520px);
	margin: 0 auto;
}

/* about" */
.about {
	text-align: center;
	line-height: 1.5
}
.about__item {
}
.about__item--ttl {
	margin: 80px 0 40px;
	font-size:4rem;
	color: #4DBA21;
}
.about__item--txt {
	width:calc(100% - 340px);
	margin: 0 auto;
}
.about__item--figure {
	margin-top: 64px;
}
.about__item--ttl02 {
	margin: 80px 0 40px;
	font-size:2.4rem;
	color: #4DBA21;
}

/* merit */
.merit {
	text-align: center;
	line-height: 1.5
}
.merit__item {
	text-align:center;
}
.merit__item--ttl {
	margin: 80px 0;
	font-size:4rem;
	color: #4DBA21;
}
.merit__item--cardbox {
	display: flex;
	gap: 16px;
}
.merit__item--card {
	width:50%;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 10px;
}
.merit__item--card .contents {
	margin: 16px 16px 32px 16px;
}
.merit__item--number {
	position:relative;
}
.merit__item--number img {
    position: absolute;
    top: -25px;
    left: 25px;
}

.merit__item--card .merit__item--ttl {
    margin: 24px 0 16px 0;
    font-size: 2rem;
	text-align: left;
    color: #4DBA21;
}
.merit__item--card .merit__item--txt {
	width:100%;
	text-align: left;
}
.merit__item--ttl02 {
	margin: 80px 0 40px;
	font-size:2.4rem;
	color: #4DBA21;
}
.merit__item-txt {
    width: calc(100% - 100px);
}

/* summary */
.summary {
	text-align:center;
	line-height: 1.5;
}
.summary__item {}
.summary__item--ttl {
	margin: 80px 0 40px;
	font-size:4rem;
	color: #4DBA21;
}
.summary__item--table{
	width: 880px;
	margin: 0 auto;
}
.summary__item--table tbody {}
.summary__item--table tr {
}
.summary__item--table .left {
	width:30%;
	padding: 12px 24px;
	border-top: 1px solid #e3e3e3;
	background: #E7FBDF;
}
.summary__item--table .right {
	padding: 12px 24px;
	border-top: 1px solid #e3e3e3;
}
.summary__item--table .last .left {
	border-bottom: 1px solid #e3e3e3;
}
.summary__item--table .last .right {
	border-bottom: 1px solid #e3e3e3;
}


/* meal */
.meal {
	text-align:center;
	line-height: 1.5;
}
.meal__item {}
.meal__item--ttl {
	margin: 80px 0 40px;
	font-size:4rem;
	color: #4DBA21;
}
.meal__item--cardbox{
	width: 880px;
	column-count: 2;
	margin:0 auto;
}
.meal__item--card {
	width: calc(100% - 32px);
	height: 450px;
	margin-bottom: 40px;
	border-top: 2px solid #4DBA21;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
	text-align: center;
}

.meal__item--card .contents {
	margin: 40px 24px 24px 24px;
}
.meal__item--card .meal__item--ttl {
    margin: 24px 0 16px 0;
    font-size: 2.4rem;
	text-align: center;
    color: #4DBA21;
}
.meal__item--txt {
	padding: 16px 0 24px 0;
	text-align: left;
}
/* facility */
.facility {
	background:#9EE282;
	color:#fff;
	text-align:center;
	line-height: 1.5;
}
.facility__item {
	padding:80px 0;
}
.facility__item--ttl {
	display: flex;
    flex-direction: column;
	padding-bottom: 40px;
	font-size:4.8rem;
	font-family: texgyreadventor_bold, sans-serif;
	color: #fff;
}
.facility__item--ttl span {
	margin-top: 16px;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:2rem;
	font-weight:500;
}


/* レスポンシブ SP */
@media screen and (max-width:768px) {
	.lead {
		letter-spacing: .05em;
		font-size:1.4rem;
	}
	.hide-pc {
		display:initial;
	}
	.hide-sp {
		display:none;
	}
	#container, #contents {
		padding-top: initial;
	}
	.introduction {
		text-align: left;
	}
	.introduction__item--ttl {
		padding: 40px 0 20px;
		text-align:center;
		font-size: 1.8rem;
	}
	.introduction__item--txt {
		width: 100%;
		line-height: 2.0;
	}
	.about {
		text-align: left;
	}
	.about__item--ttl {
		margin: 40px 0 20px 0;
		text-align:center;
		font-size: 3.2rem;
	}
	.about__item--ttl02 {
		text-align: center;
	}
	.about__item--txt {
        width: 100%;
		line-height: 2.0;
    }
	.about__item--figure {
		margin-top: 40px;
	}
	.merit__item--ttl {
		margin: 40px 0 60px 0;
		text-align:center;
		font-size: 3.2rem;
	}
	.merit__item-txt {
		width: 100%;
		text-align: left;
		line-height: 2.0
	}
	.merit__item--cardbox {
		display: block;
	}
	.merit__item--number img {
		width: 10%;
	}
	.merit__item--card {
		width: 100%;
		margin-bottom:24px;
	}
	.merit__item--card .contents {
		margin: 20px 16px 40px 16px;
	}
	.merit__item--card .contents img{
		margin-top:64px;
	}
	.merit__item--card .merit__item--txt {
		padding-bottom: 24px;
		line-height: 2.0
	}
	.summary__item--ttl {
		margin: 40px 20px;
		font-size: 3.2rem;
	}
	.summary__item--table {
		width: 100%;
	}
	.summary__item--table tr {
		display: flex;
		flex-direction: column;
	}
	.summary__item--table .left {
		width: 100%;
	}
	.meal__item--ttl {
		margin: 40px 20px;
		font-size: 3.2rem;
	}
	.meal__item--cardbox {
		width: 100%;
		column-count: 1;
	}
	.meal__item--card {
		width: 100%;
		height: auto;
	}
	.meal__item--card .contents {
		margin: 0 16px;
	}
}