@charset "utf-8";

/* contents */
.contents{max-width: 980px;margin:0 3% 30px;}
.contents-body{margin-top: 40px;}
.contents-bottom{margin-top: 40px;}

@media screen and (max-width: 767px){
	.contents{margin:0 0 20px;}
	.contents-body{margin-top: 20px;}
	.contents-bottom{margin-top: 20px;}

}


/* hero */
.hero-img-item{
	width:100%;
	max-width: 100%;
	height: auto;
}
.hero-img-item--pc{display: block;}
.hero-img-item--sp{display: none;}

@media screen and (max-width: 767px){
	.hero-img-item--pc{display: none;}
	.hero-img-item--sp{display: block;}
}

/* about */
.about{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.about--layout{margin: 30px 3% 0;}
.about-ttlwrap{display: flex;}
.about-ttl{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
}
.about-read{
	margin: 15px 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;
}

@media screen and (max-width: 767px){
	.about-ttl{font-size: 16px;}
	.about-read{font-size: 14px;}
	.about-ttlwrap{flex-direction: column;}
}


/* about-people */
.about-people{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 60px;
}
.about-people-item{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.about-people-img{max-width: 100%;}
.about-people-text{margin-top: 5px;}
.about-people-work,
.about-people-name{
	font-size: 12px;
	line-height: 1.6;
	text-align: center;
}

@media screen and (max-width: 767px){
	.about-people{gap: 10px;}
	.about-people-work,.about-people-name{font-size: 10px;}
	.about-people-img{width: 90%;}
}


/* article */
.article--layout{margin-top: 60px;}
.article-title{
	background-color: #F0FFD0;
	padding: 10px;
	margin: 0;
}
.article-ttlwrap{display: flex;}
.article-ttl{
	font-size: 20px;
	font-weight: bold;
	color: #6D990F;
}
.article-inner{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.article-inner--row{
	margin-top: 60px;
	flex-direction: row-reverse;
	align-items: center;
	gap: 60px;
}
.article-list--layout,.article-list--height{margin-top: 30px;}
.article-list--layout:first-of-type{margin-top: 0;}
.article-list-item{margin: 40px 0 0;}
.article-list-item:first-of-type{margin-top: 0;}
.article-image{flex-shrink: 0;}
.article-image-item{width: 100%; max-width: 100%;}

@media screen and (max-width: 767px){
	.article--layout{margin-top: 40px;}
	.article-ttlwrap{flex-direction: column;}
	.article-ttl{font-size: 18px;}
	.article-inner{margin-top: 20px;gap: 15px;}
	.article-inner--row{flex-direction: column;gap: 20px;}
	.article-list-item{margin: 40px 3% 0;}
	.article-list-item:first-of-type{margin-top: 0;}
	.article-image{width: 100%;}
}


/* talk */
.talk{
	display: flex;
	align-items: center;
}
.talk--start{align-items:flex-start;}
.talk-imgwrap{
	flex-shrink: 0;
}
.talk--start .talk-imgwrap{margin-top: 5px;}
.talk-img{width: 60px;height: auto;}
.talk-textwrap{
	padding-left: 20px;
}
.talk-text{
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 300;
}
.talk-text--emphasis{font-weight: bold;}
@media screen and (max-width: 767px){
	.talk-img{width: 50px;height: auto;}
}


/* product */
.product{
	position: relative;
	margin: 0 6% 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}
.product::before{
	content: "販売終了";
	color: #ff0000;
	font-size: 60px;
	font-weight: bold;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	letter-spacing: 8px;
	width: 100%;
    text-align: center;
}
.product::after{
	content: "";
	display: block;
	position: absolute;
	background-color: #333;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	padding: 10px;
}
.product-img{
	width: 200px;
	height: 200px;
}
.product-text--column{
	display: flex;
	flex-direction: column;
}
.product-textwrap{flex-shrink: 0;}
.product-text{
	font-size: 18px;
	line-height: 1.7;
	text-decoration: underline;
}
.product-note{
	font-size: 14px;
	line-height: 1.7;
}
.product-price{
	margin: 25px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #ff0000;
	text-align: right;
}

@media screen and (max-width: 767px){
	.product{flex-direction: column;gap: 10px;}
	.product::before{font-size: 40px;letter-spacing: 5px;}
	.product-text{font-size: 16px;}
	.product-img{
		width: 100%;
		height: auto;
	}
}


/* voice */
.voice{
	background-color: #F4F2EF;
	padding: 30px 50px;
}
.voice-ttl{
	font-size: 35px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.voice-card{margin-top: 30px;}
.voice-card-item{margin-top: 20px;}
.voice-card-item:first-child{margin-top: 0;}

@media screen and (max-width: 767px){
	.voice{padding: 20px 10px;}
	.voice-ttl{font-size: 20px;}
}


/* card */
.card{
	border-radius: 10px;
	background-color: #fff;
	padding: 25px 30px;
}
.card-ttl{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.card-text{
	margin-top: 15px;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
}

@media screen and (max-width: 767px){
	.card{padding: 10px 20px;}
	.card-text{font-size: 14px;}
}


/* contents-banner */
.contents-banner{margin: 40px 0 0;}
.contents-banner-img{width: 100%;max-width: 100%;}

@media screen and (max-width: 767px){
	.contents-banner{margin: 20px 3% 0;}
}