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

/* -----------------------------------------------------------------------
	top
----------------------------------------------------------------------- */
@media print, screen and (min-width: 768.5px) {
	.topContainer01 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
}

.topContainer01 .image {
	flex: 0 0 auto;
	width: 50%;
	border-radius: 0 15px 15px 0;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	.topContainer01 .image {
		width: auto;
		margin-left: -15px;
		box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
	}
}

.topContainer01 .image img {
	width: 100%;
}

.topContainer01 .textArea {
	flex: 0 0 auto;
	margin-left: 120px;
}

@media screen and (max-width: 768.499px) {
	.topContainer01 .textArea {
		margin: 30px 0 0;
	}
}

.topContainer01 .catch {
	font-size: 44px;
	font-weight: 700;
	line-height: 1.5;
}

@media screen and (max-width: 768.499px) {
	.topContainer01 .catch {
		font-size: 32px;
		line-height: 1.4375;
		text-align: center;
	}
}

.topContainer01 .catch .colored {
	color: #f08200;
}

.topContainer01 .text {
	margin-top: 35px;
	font-size: 20px;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 768.499px) {
	.topContainer01 .text {
		margin-top: 28px;
		font-size: 15px;
		letter-spacing: normal;
	}

	.topContainer01 .text > :nth-child(n+2) {
		margin-top: 13px;
	}
}

.topContainer01 .more {
	margin-top: 35px;
}

@media screen and (max-width: 768.499px) {
	.topContainer01 .more {
		display: flex;
		justify-content: center;
		margin-top: 31px;
	}

	.topContainer01 .more > * {
		flex: 0 0 auto;
	}
}

.topContainer02 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 460px;
	padding: 40px 0 44px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 768.499px) {
	.topContainer02 {
		width: auto;
		padding: 30px 8px;
	}

	.topContainer02 > * {
		max-width: 100%;
	}
}

.topContainer02 .title {
	flex: 0 0 auto;
}

.topContainer02 .title::before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 13px;
}

@media screen and (max-width: 768.499px) {
	.topContainer02 .title::before {
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
	}
}

.topContainer02 .text {
	flex: 1 0 auto;
	margin-top: 20px;
	text-align: center;
}

@media print, screen and (min-width: 768.5px) {
	.topContainer02 .text {
		font-size: 18px;
		line-height: 1.7777777778;
	}
}

@media screen and (max-width: 768.499px) {
	.topContainer02 .text {
		margin-top: 15px;
	}
}

.topContainer02 .more {
	flex: 0 0 auto;
	margin-top: 18px;
}

.topContainer02.recruit .title::before {
	background: -webkit-image-set(url("../images/ico_person01.png") 1x, url("../images/ico_person01@2x.png") 2x) no-repeat center/contain;
	background: image-set(url("../images/ico_person01.png") 1x, url("../images/ico_person01@2x.png") 2x) no-repeat center/contain;
}

.topContainer02.inquiry .title::before {
	background: url("../images/ico_mail01.svg") no-repeat center/57px auto;
	border: 3px solid #f08200;
	border-radius: 50%;
}

#topSlider {
	margin-top: 45px;
	padding-bottom: 80px;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#topSlider {
		margin: 0;
		padding-bottom: 40px;
	}
}

#topSlider .slider {
	width: 1400px;
	margin: 0 auto;
	border-radius: 15px;
	box-shadow: 3px 3px 10px 0 rgba(106, 106, 106, 0.16);
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#topSlider .slider {
		width: 100%;
		border-radius: 0;
		box-shadow: 3px 3px 10px 0 rgba(106, 106, 106, 0.16);
	}
}

#topSlider .slider img {
	width: 100%;
}

#topSlider .selector {
	margin-top: 40px;
	font-size: 0;
}

@media screen and (max-width: 768.499px) {
	#topSlider .selector {
		margin-top: 12px;
	}
}

#topSlider .selector .slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
}

#topSlider .selector .slick-dots > li {
	flex: 0 0 auto;
	opacity: 0.4;
}

#topSlider .selector .slick-dots > li:nth-child(n+2) {
	margin-left: 17px;
}

@media screen and (max-width: 768.499px) {
	#topSlider .selector .slick-dots > li:nth-child(n+2) {
		margin-left: 8px;
	}
}

#topSlider .selector .slick-dots > li.slick-active {
	opacity: 1;
}

#topSlider .selector .slick-dots button {
	display: block;
	width: 38px;
	height: 20px;
	background: url("../images/ico_pot01.svg") no-repeat center/contain;
}

@media screen and (max-width: 768.499px) {
	#topSlider .selector .slick-dots button {
		width: 26px;
		height: 14px;
	}
}

#topNews {
	padding: 40px 0;
	background: radial-gradient(circle at right bottom, #f39f3c 12.5%, transparent 12.5%) repeat left top/8px 8px, #fff8f0;
}

@media screen and (max-width: 768.499px) {
	#topNews {
		padding: 29px 0 28px;
	}
}

#topNews .container {
	padding: 30px 60px;
	background: #fff;
	border-radius: 15px;
}

@media screen and (max-width: 768.499px) {
	#topNews .container {
		padding: 20px 20px 25px;
	}
}

#topNews .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media print, screen and (min-width: 768.5px) {
	#topNews .head .more {
		display: block;
	}
}

@media screen and (max-width: 768.499px) {
	#topNews .head .more {
		display: none;
	}
}

#topNews .secTitle {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#topNews .secTitle > * {
	flex: 0 0 auto;
}

#topNews .secTitle .ja {
	font-size: 26px;
	letter-spacing: normal;
	line-height: 1.4230769231;
}

@media screen and (max-width: 768.499px) {
	#topNews .secTitle .ja {
		font-size: 20px;
		line-height: 1.45;
	}
}

#topNews .secTitle .en {
	margin: 0 0 0 18px;
}

@media screen and (max-width: 768.499px) {
	#topNews .secTitle .en {
		margin-left: 12px;
		font-size: 13px;
	}
}

#topNews .more {
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1.4285714286;
}

@media print, screen and (min-width: 768.5px) {
	#topNews .more {
		display: none;
	}
}

@media screen and (max-width: 768.499px) {
	#topNews .more {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
}

#topNews .more a {
	display: flex;
	align-items: center;
}

#topNews .more a::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	background: url("../images/ico_arrow01.svg") no-repeat center/4px auto;
	border: 1px solid #f08200;
	border-radius: 50%;
}

#topNews .more a:hover {
	text-decoration: underline;
	opacity: 1;
}

#topNews .articles {
	margin-top: 39px;
}

@media screen and (max-width: 768.499px) {
	#topNews .articles {
		margin-top: 20px;
	}
}

#topCompany {
	margin-top: 100px;
}

@media screen and (max-width: 768.499px) {
	#topCompany {
		margin-top: 62px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#topCompany .contentIn {
		width: auto;
	}
}

#topCompany .container {
	margin-top: 55px;
}

@media screen and (max-width: 768.499px) {
	#topCompany .container {
		margin-top: 20px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#topCompany .container .catch {
		text-indent: -0.6em;
	}
}

#topProducts {
	margin-top: 121px;
	margin-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#topProducts {
		margin-top: 55px;
		margin-bottom: 60px;
	}
}

#topProducts .container {
	position: relative;
	margin-top: 40px;
	background: radial-gradient(circle at right bottom, #4a9a06 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #f4ffea;
}

@media screen and (max-width: 768.499px) {
	#topProducts .container {
		margin-top: 18px;
	}
}

#topProducts .container .contentIn {
	padding-bottom: 232px;
}

@media print, screen and (min-width: 768.5px) {
	#topProducts .container .contentIn {
		width: auto;
	}
}

@media screen and (max-width: 768.499px) {
	#topProducts .container .contentIn {
		padding-bottom: 276px;
	}
}

#topProducts .productImages {
	display: flex;
	color: transparent;
	font-size: 0;
}

#topProducts .productImages::before,
#topProducts .productImages::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 25%;
	background: -webkit-image-set(url("../images/top/top_products01.jpg") 1x, url("../images/top/top_products01@2x.jpg") 2x) no-repeat center/cover;
	background: image-set(url("../images/top/top_products01.jpg") 1x, url("../images/top/top_products01@2x.jpg") 2x) no-repeat center/cover;
}

@media screen and (max-width: 768.499px) {
	#topProducts .productImages::before,
	#topProducts .productImages::after {
		width: 50%;
	}
}

#topProducts .productImages::after {
	background-image: -webkit-image-set(url("../images/top/top_products04.jpg") 1x, url("../images/top/top_products04@2x.jpg") 2x);
	background-image: image-set(url("../images/top/top_products04.jpg") 1x, url("../images/top/top_products04@2x.jpg") 2x);
}

@media screen and (max-width: 768.499px) {
	#topProducts .productImages::after {
		content: none;
	}
}

#topProducts .productImages .part {
	flex: 0 0 auto;
	display: flex;
	width: 50%;
}

#topProducts .productImages .part::before,
#topProducts .productImages .part::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 50%;
	padding-top: 520px;
	background: -webkit-image-set(url("../images/top/top_products02.jpg") 1x, url("../images/top/top_products02@2x.jpg") 2x) no-repeat center/cover;
	background: image-set(url("../images/top/top_products02.jpg") 1x, url("../images/top/top_products02@2x.jpg") 2x) no-repeat center/cover;
}

@media screen and (max-width: 768.499px) {
	#topProducts .productImages .part::before,
	#topProducts .productImages .part::after {
		width: 100%;
		padding-top: 154.6666666667%;
	}
}

#topProducts .productImages .part::after {
	background-image: -webkit-image-set(url("../images/top/top_products03.jpg") 1x, url("../images/top/top_products03@2x.jpg") 2x);
	background-image: image-set(url("../images/top/top_products03.jpg") 1x, url("../images/top/top_products03@2x.jpg") 2x);
}

@media screen and (max-width: 768.499px) {
	#topProducts .productImages .part::after {
		content: none;
	}
}

#topProducts .inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 878px;
	padding: 45px 0 40px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
	transform: translateX(-50%);
}

@media screen and (max-width: 768.499px) {
	#topProducts .inner {
		bottom: 39px;
		width: calc(100% - 30px);
		padding: 30px 8px;
		z-index: 1;
	}

	#topProducts .inner > * {
		max-width: 100%;
	}
}

#topProducts .catch {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768.499px) {
	#topProducts .catch {
		flex-direction: column;
	}
}

#topProducts .catch > * {
	flex: 0 0 auto;
	display: block;
	font-weight: 700;
}

#topProducts .catch .sub {
	font-size: 32px;
	line-height: 1.4375;
}

@media screen and (max-width: 768.499px) {
	#topProducts .catch .sub {
		font-size: 20px;
	}
}

#topProducts .catch .main {
	margin-left: 20px;
	color: #4a9a06;
	font-size: 44px;
	line-height: 1.4545454545;
}

@media screen and (max-width: 768.499px) {
	#topProducts .catch .main {
		margin: 3px 0 0;
		font-size: 32px;
	}
}

#topProducts .about {
	margin-top: 15px;
	font-size: 20px;
	text-align: center;
}

@media screen and (max-width: 768.499px) {
	#topProducts .about {
		margin-top: 13px;
		font-size: 14px;
	}
}

#topProducts .more {
	margin-top: 25px;
}

#topQuality {
	margin-top: 140px;
	padding-bottom: 111px;
}

@media screen and (max-width: 768.499px) {
	#topQuality {
		margin-top: 61px;
		padding-bottom: 60px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#topQuality .contentIn {
		width: auto;
	}
}

#topQuality .container {
	margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
	#topQuality .container {
		margin-top: 25px;
	}
}

#topRecipe {
	padding: 79px 0 75px;
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fffaf4;
}

@media screen and (max-width: 768.499px) {
	#topRecipe {
		padding: 63px 0 60px;
	}
}

#topRecipe .contentIn {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

#topRecipe .secTitle {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .secTitle {
		justify-content: space-between;
		width: 375px;
		max-width: 100%;
		margin: 0 auto;
	}
}

#topRecipe .secTitle::before,
#topRecipe .secTitle::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 137px;
	height: 85px;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .secTitle::before,
	#topRecipe .secTitle::after {
		flex: 0 1 auto;
		width: 56px;
		height: 60px;
	}
}

#topRecipe .secTitle::before {
	margin-right: 11px;
	background-image: -webkit-image-set(url("../images/ico_recipe01.png") 1x, url("../images/ico_recipe01@2x.png") 2x);
	background-image: image-set(url("../images/ico_recipe01.png") 1x, url("../images/ico_recipe01@2x.png") 2x);
	background-position: right center;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .secTitle::before {
		margin-right: 5px;
		background-image: -webkit-image-set(url("../images/ico_recipe01_sp.png") 1x, url("../images/ico_recipe01_sp@2x.png") 2x);
		background-image: image-set(url("../images/ico_recipe01_sp.png") 1x, url("../images/ico_recipe01_sp@2x.png") 2x);
	}
}

#topRecipe .secTitle::after {
	margin-left: 20px;
	background-image: -webkit-image-set(url("../images/ico_recipe02.png") 1x, url("../images/ico_recipe02@2x.png") 2x);
	background-image: image-set(url("../images/ico_recipe02.png") 1x, url("../images/ico_recipe02@2x.png") 2x);
	background-position: left center;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .secTitle::after {
		margin-left: 5px;
		background-image: -webkit-image-set(url("../images/ico_recipe02_sp.png") 1x, url("../images/ico_recipe02_sp@2x.png") 2x);
		background-image: image-set(url("../images/ico_recipe02_sp.png") 1x, url("../images/ico_recipe02_sp@2x.png") 2x);
	}
}

#topRecipe .secTitle .text {
	flex: 0 0 auto;
	display: block;
}

#topRecipe .about {
	margin-top: 15px;
	font-size: 18px;
	line-height: 2.1111111111;
	text-align: center;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .about {
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.7857142857;
	}
}

#topRecipe .list {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	margin-top: 45px;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list {
		margin-top: 25px;
	}
}

#topRecipe .list > li {
	flex: 0 1 auto;
	width: 340px;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list > li {
		flex: 0 0 auto;
		width: calc((100% - 13px) / 2);
	}
}

#topRecipe .list > li:nth-child(n+2) {
	margin-left: 40px;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list > li:nth-child(n+2) {
		margin-left: 13px;
	}
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list > li:nth-child(n+3) {
		display: none;
	}
}

#topRecipe .list a {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list a {
		border-radius: 10px;
	}
}

#topRecipe .list .image {
	flex: 0 0 auto;
	position: relative;
	width: 100%;
}

#topRecipe .list .image::before {
	content: "";
	display: block;
	padding-top: 230px;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list .image::before {
		padding-top: 69.2771084337%;
	}
}

#topRecipe .list .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#topRecipe .list .title {
	flex: 1 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 80px;
	padding: 15px 24px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .list .title {
		min-height: 47px;
		padding: 11px 12px 12px;
		font-size: 16px;
	}
}

#topRecipe .list .title::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 7px;
	height: 100%;
	margin-left: 12px;
	background: url("../images/ico_arrow01.svg") no-repeat center/contain;
}

#topRecipe .more {
	margin-top: 50px;
}

@media screen and (max-width: 768.499px) {
	#topRecipe .more {
		margin-top: 40px;
	}
}

#topFaq {
	margin-top: 140px;
	padding-bottom: 111px;
}

@media screen and (max-width: 768.499px) {
	#topFaq {
		margin-top: 61px;
		padding-bottom: 60px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#topFaq .contentIn {
		width: auto;
	}
}

#topFaq .container {
	margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
	#topFaq .container {
		margin-top: 25px;
	}
}

#topFaq .topContainer01 .catch {
	display: flex;
	align-items: center;
	column-gap: 15px;
	line-height: 1.0;
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#topFaq .topContainer01 .catch {
		margin-top: 60px;
		justify-content: center;
		column-gap: 12px;
	}
}

#topFaq .topContainer01 .catch:first-child {
	margin-top: 0;
}

#topFaq .topContainer01 .catch.faqCatch img {
	width: 53px;
}

@media screen and (max-width: 768.499px) {
	#topFaq .topContainer01 .catch.faqCatch img {
		width: 32px;
	}
}

#topFaq .topContainer01 .catch.contactCatch img {
	width: 50px;
}

@media screen and (max-width: 768.499px) {
	#topFaq .topContainer01 .catch.contactCatch img {
		width: 42px;
	}
}

#topFaq .topContainer01 .text,
#topFaq .topContainer01 .more {
	margin-top: 25px;
}

@media screen and (max-width: 768.499px) {
	#topFaq .topContainer01 .text,
	#topFaq .topContainer01 .more {
		margin-top: 20px;
		text-align: center;
	}
}

#topContact {
	padding: 66px 0 94px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) no-repeat left top/100% 100%, -webkit-image-set(url("../images/top/top_contact01.jpg") 1x, url("../images/top/top_contact01@2x.jpg") 2x) no-repeat center top/cover;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) no-repeat left top/100% 100%, image-set(url("../images/top/top_contact01.jpg") 1x, url("../images/top/top_contact01@2x.jpg") 2x) no-repeat center top/cover;
}

@media screen and (max-width: 768.499px) {
	#topContact {
		padding: 0 0 60px;
		background: none;
	}

	#topContact::before {
		content: "";
		display: block;
		padding-top: 85.3333333333%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) no-repeat left top/100% 100%, -webkit-image-set(url("../images/top/top_contact01_sp.jpg") 1x, url("../images/top/top_contact01_sp@2x.jpg") 2x) no-repeat center top/cover;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) no-repeat left top/100% 100%, image-set(url("../images/top/top_contact01_sp.jpg") 1x, url("../images/top/top_contact01_sp@2x.jpg") 2x) no-repeat center top/cover;
	}
}

@media print, screen and (min-width: 768.5px) {
	#topContact .contentIn {
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
}

@media screen and (max-width: 768.499px) {
	#topContact .contentIn {
		margin-top: -120px;
	}
}

#topContact .container {
	flex: 0 0 auto;
}

#topContact .container + .container {
	margin-left: 100px;
}

@media screen and (max-width: 768.499px) {
	#topContact .container + .container {
		margin: 35px 0 0;
	}
}

/* -----------------------------------------------------------------------
	company
----------------------------------------------------------------------- */

#companyAnchor {
	padding: 80px 0;
}

@media screen and (max-width: 768.499px) {
	#companyAnchor {
		padding: 20px 0 40px;
	}
}

#companyAnchor .anchor {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px 24px;
}

@media screen and (max-width: 768.499px) {
	#companyAnchor .anchor {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 15px;
	}
}

#companyAnchor .anchor > li a {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 14px 16px;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 768.499px) {
	#companyAnchor .anchor > li a {
		font-size: 16px;
		padding: 11px 32px 11px 8px;
	}
}

#companyAnchor .anchor > li a::before {
	content: "";
	width: 8px;
	height: 13px;
	background: url(../images/ico_arrow01.svg) no-repeat center /contain;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(90deg);
}

#companyMessage {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#companyMessage {
		margin-top: 43px;
	}
}

#companyMessage .photo {
	width: 800px;
	margin: 45px auto 0;
	border-radius: 15px;
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .photo {
		width: calc(100% + 30px);
		margin: 21px -15px 0;
		border-radius: 0;
	}
}

#companyMessage .photo img {
	width: 100%;
}

#companyMessage .textArea {
	margin-top: 60px;
	padding: 0 50px;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .textArea {
		margin-top: 30px;
		padding: 0;
	}
}

#companyMessage .first {
	color: #f08200;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .first {
		font-size: 32px;
		line-height: 1.4375;
		text-align: center;
	}
}

#companyMessage .message {
	margin-top: 25px;
}

@media print, screen and (min-width: 768.5px) {
	#companyMessage .message {
		font-size: 20px;
		font-weight: 500;
		line-height: 2.2;
	}
}

@media screen and (max-width: 768.499px) {
	#companyMessage .message {
		margin-top: 28px;
	}
}

#companyMessage .message > :nth-child(n+2) {
	margin-top: 18px;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .message > :nth-child(n+2) {
		margin-top: 23px;
	}
}

#companyMessage .sign {
	margin-top: 50px;
	line-height: 1;
	text-align: right;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .sign {
		margin-top: 28px;
	}
}

#companyMessage .sign img {
	width: 371px;
}

@media screen and (max-width: 768.499px) {
	#companyMessage .sign img {
		width: 244px;
	}
}

#companyAbout {
	margin-top: 81px;
	padding: 83px 0 79px;
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fff8f0;
}

@media screen and (max-width: 768.499px) {
	#companyAbout {
		margin-top: 60px;
		padding: 62px 0 61px;
	}
}

#companyAbout .fiveNew {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 35px auto 0;
	padding-bottom: 38px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
	overflow: hidden;
}

@media print, screen and (min-width: 768.5px) {
	#companyAbout .fiveNew {
		width: 900px;
	}
}

@media screen and (max-width: 768.499px) {
	#companyAbout .fiveNew {
		margin-top: 25px;
		padding-bottom: 30px;
		border-radius: 15px;
	}
}

#companyAbout .fiveNew .title {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 74px;
	background: #f08200;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .fiveNew .title {
		height: auto;
		padding: 10px 0;
		font-size: 24px;
		line-height: 1.4166666667;
	}
}

#companyAbout .fiveNew .list {
	margin-top: 40px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4545454545;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .fiveNew .list {
		margin-top: 30px;
		padding: 0 15px;
		font-size: 18px;
		line-height: 1.5555555556;
	}
}

#companyAbout .fiveNew .list > li {
	position: relative;
	padding: 0 10px 12px 1em;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .fiveNew .list > li {
		padding-bottom: 15px;
		padding-left: 1.1em;
	}
}

#companyAbout .fiveNew .list > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #f08200;
	border-radius: 50%;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .fiveNew .list > li::before {
		top: 10px;
	}
}

#companyAbout .fiveNew .list > li::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, #ccc 50%, transparent 50%) repeat-x left top/4px 1px;
}

#companyAbout .fiveNew .list > li:nth-child(n+2) {
	margin-top: 12px;
}

#companyAbout .fiveNew .list .colored {
	color: #d10d1d;
}

#companyAbout .description {
	margin-top: 30px;
	text-align: center;
}

#companyAbout .description .title {
	font-size: 32px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .description .title {
		font-size: 24px;
		line-height: 1.5;
	}
}

#companyAbout .description .title .dotted {
	-webkit-text-emphasis: filled #f08200;
	text-emphasis: filled #f08200;
}

#companyAbout .description .text {
	margin-top: 15px;
}

@media screen and (max-width: 768.499px) {
	#companyAbout .description .text {
		text-align: left;
	}

	#companyAbout .description .text > :nth-child(n+2) {
		margin-top: 10px;
	}
}

#companySales {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#companySales {
		margin-top: 60px;
	}
}

#companySales .title {
	width: 820px;
	margin: 50px auto 0;
	padding: 2px 0;
	border: 4px #ddd;
	border-style: solid none;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 768.499px) {
	#companySales .title {
		width: auto;
		margin: 28px 10px 0;
		padding: 0;
		font-size: 20px;
	}
}

#companySales .graph {
	width: 723px;
	margin: 56px auto 0;
}

@media screen and (max-width: 768.499px) {
	#companySales .graph {
		width: auto;
		margin-top: 30px;
		padding: 0 10px;
	}
}

#companySales .graph img {
	width: 100%;
}

#companyHistory {
	margin-top: 120px;
	padding: 80px 0 75px;
	background: radial-gradient(circle at right bottom, #f39f3c 12.5%, transparent 12.5%) repeat left top/8px 8px, #fff8f0;
}

@media screen and (max-width: 768.499px) {
	#companyHistory {
		margin-top: 63px;
		padding: 60px 0 55px;
	}
}

#companyHistory .container {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	padding: 55px 223px;
	background: #fffffc;
	border-radius: 15px;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .container {
		margin-top: 28px;
		padding: 35px 15px 41px;
	}
}

#companyHistory .table {
	flex: 0 0 auto;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table {
		max-width: 100%;
	}
}

#companyHistory .table tr > * {
	padding-bottom: 40px;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table tr > * {
		padding-bottom: 20px;
	}
}

#companyHistory .table .year {
	width: 81px;
	color: #f08200;
	font-size: 24px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .year {
		width: 62px;
		font-size: 18px;
		white-space: nowrap;
	}
}

#companyHistory .table .dot {
	position: relative;
	width: 109px;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .dot {
		width: 26px;
	}
}

#companyHistory .table .dot > span {
	display: block;
	position: absolute;
	top: 12px;
	left: 50%;
	width: 24px;
	height: 24px;
	background: radial-gradient(#f08200 40%, #ffe3c3 40%) no-repeat center/100% 100%;
	border-radius: 50%;
	transform: translateX(-50%);
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .dot > span {
		top: 11px;
		width: 18px;
		height: 18px;
		background: radial-gradient(#f08200 50%, #ffe3c3 50%) no-repeat center/100% 100%;
	}
}

#companyHistory .table .dot::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 4px;
	height: 100%;
	background: #ffe3c3;
	transform: translateX(-50%);
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .dot::before {
		width: 3px;
	}
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .contents {
		padding-left: 5px;
	}
}

#companyHistory .table .contents > :nth-child(n+2) {
	margin-top: 20px;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .contents > :nth-child(n+2) {
		margin-top: 20px;
	}
}

#companyHistory .table .topic {
	font-size: 24px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .topic {
		font-size: 20px;
		line-height: 1.6;
	}
}

#companyHistory .table .topic.red {
	color: #d10d1d;
}

#companyHistory .table .detail {
	margin-top: 5px;
}

@media print, screen and (min-width: 768.5px) {
	#companyHistory .table .detail {
		font-weight: 500;
	}
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .detail {
		line-height: 1.4666666667;
	}
}

#companyHistory .table .detail:nth-child(1) {
	margin-top: 8px;
}

#companyHistory .table .image {
	margin-top: 10px;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#companyHistory .table .image {
		margin-top: 5px;
	}
}

#companyHistory .table tr:nth-child(1) .dot::before {
	top: 20px;
	height: calc(100% - 20px);
}

#companyHistory .table tr:nth-last-child(1) > * {
	padding-bottom: 0;
}

#companyHistory .table tr:nth-last-child(1) .dot::before {
	height: 20px;
}

#companyDevelopment {
	padding: 80px 0;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment {
		padding: 60px 0;
	}
}

#companyDevelopment .block {
	max-width: 820px;
	margin: 88px auto 0;
	padding-bottom: 60px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .block {
		margin-top: 40px;
		padding-bottom: 20px;
	}
}

#companyDevelopment .block:last-child {
	padding-bottom: 0;
}

#companyDevelopment .title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.0;
	padding: 20px 0;
	border-top: 4px solid #DDDDDD;
	border-bottom: 4px solid #DDDDDD;
	text-align: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .title {
		font-size: 20px;
		padding: 12px 0;
		margin-bottom: 30px;
	}
}

#companyDevelopment .lead {
	text-align: center;
	margin: 40px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.8;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .lead {
		font-size: 18px;
	}
}

#companyDevelopment .subtitle {
	margin: 40px 0 20px;
	padding-left: 16px;
	border-left: 8px solid #F08200;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.8;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .subtitle {
		margin: 30px 0 16px;
		font-size: 20px;
	}
}

#companyDevelopment .number > li {
	padding-left: 1.25em;
	text-indent: -1.25em;
}

#companyDevelopment .number > li dl {
	display: grid;
	grid-template-columns: auto 1fr;
	text-indent: 0;
}

#companyDevelopment .number > li dl dd:before {
	content: "：";
}

#companyDevelopment .number > li dl dd {
	padding-left: 1em;
	text-indent: -1em;
}

#companyDevelopment .box {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
	margin: 40px 0;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .box {
		margin: 30px 0;
	}
}

#companyDevelopment .box:last-child {
	margin-bottom: 0;
}

#companyDevelopment .boxTitle {
	background: #F08200;
	color: #fff;
	padding: 16px 40px;
	display: flex;
	align-items: center;
	column-gap: 16px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .boxTitle {
		padding: 16px 24px;
		display: block;
		font-size: 18px;
	}
}

#companyDevelopment .boxTitle .num {
	flex-shrink: 0;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 0 14px;
	border: 1px solid #fff;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .boxTitle .num {
		display: block;
		width: fit-content;
		margin-bottom: 10px;
	}
}

#companyDevelopment .boxBody {
	padding: 30px 40px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .boxBody {
		padding: 25px 15px;
		font-size: 18px;
	}
}

#companyDevelopment .boxBody dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 14px 32px;
	margin-top: 14px;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .boxBody dl {
		display: block;
		margin-top: 15px;
	}
}

#companyDevelopment .boxBody dl:first-child {
	margin-top: 0;
}

#companyDevelopment .boxBody dl dt {
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .boxBody dl dd + dt {
		margin-top: 15px;
	}
}

#companyDevelopment .women .gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	gap: 22px;
}

@media screen and (max-width: 768.499px) {
	#companyDevelopment .women .gallery {
		grid-template-columns: 100%;
		gap: 20px 0;
	}
}

#companyDevelopment .women .gallery > * {
	border-radius: 15px;
	overflow: hidden;
}

@media print, screen and (min-width: 768.5px) {
	#companyDevelopment .women .gallery > *:first-child {
		grid-column: span 2;
	}
}

#companyDevelopment .women .image {
	max-width: 640px;
	margin: 0 auto;
	border-radius: 15px;
	overflow: hidden;
}

#companyDevelopment .age .lead {
	padding: 24px 0;
}

#companyCompany {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#companyCompany {
		margin-top: 60px;
	}
}

#companyCompany .infomation {
	margin-top: 52px;
}

@media screen and (max-width: 768.499px) {
	#companyCompany .infomation {
		margin-top: 30px;
	}
}

#companyOffices {
	margin-top: 160px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#companyOffices {
		margin-top: 105px;
		padding-bottom: 55px;
	}
}

#companyOffices .list {
	margin-top: 55px;
}

@media print, screen and (min-width: 768.5px) {
	#companyOffices .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

@media screen and (max-width: 768.499px) {
	#companyOffices .list {
		margin-top: 30px;
	}
}

#companyOffices .list > li {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 768.5px) {
	#companyOffices .list > li {
		width: calc((100% - 100px) / 2);
	}

	#companyOffices .list > li:nth-child(2n) {
		margin-left: 100px;
	}

	#companyOffices .list > li:nth-child(n+3) {
		margin-top: 80px;
	}
}

@media screen and (max-width: 768.499px) {
	#companyOffices .list > li:nth-child(n+2) {
		margin-top: 45px;
	}
}

#companyOffices .list .post {
	margin-top: 25px;
}

@media screen and (max-width: 768.499px) {
	#companyOffices .list .post {
		margin-top: 15px;
		line-height: 1.4;
	}
}

@media screen and (max-width: 768.499px) {
	#companyOffices .list .address {
		line-height: 1.4;
	}
}

#companyOffices .list .map {
	position: relative;
	width: 100%;
	margin-top: 20px;
	padding-top: 362px;
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#companyOffices .list .map {
		padding-top: 72.4637681159%;
	}
}

#companyOffices .list .map iframe {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 400px);
	height: calc(100% + 400px);
	transform: translate3d(-50%, -50%, 0);
}

/* -----------------------------------------------------------------------
	products
----------------------------------------------------------------------- */

.productsArchivePart.all-season .categoryTitle,
#productsCategoryArchive.all-season .categoryTitle {
	color: #ef8200;
}

.productsArchivePart.spring .categoryTitle,
#productsCategoryArchive.spring .categoryTitle {
	color: #ea6670;
}

.productsArchivePart.summer .categoryTitle,
#productsCategoryArchive.summer .categoryTitle {
	color: #4a9a06;
}

.productsArchivePart.autumn-winter .categoryTitle,
#productsCategoryArchive.autumn-winter .categoryTitle {
	color: #c68318;
}

.productsArchivePart {
	padding: 90px 0 100px;
}

@media screen and (max-width: 768.499px) {
	.productsArchivePart {
		padding: 60px 0;
	}
}

.productsArchivePart .cetegoryText {
	display: flex;
	justify-content: center;
	margin-top: 55px;
}

@media print, screen and (min-width: 768.5px) {
	.productsArchivePart .cetegoryText {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	.productsArchivePart .cetegoryText {
		margin-top: 20px;
		padding: 0 10px;
	}
}

.productsArchivePart .list {
	margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
	.productsArchivePart .list {
		margin-top: 30px;
	}
}

.productsArchivePart .more {
	margin-top: 55px;
}

@media screen and (max-width: 768.499px) {
	.productsArchivePart .more {
		margin-top: 35px;
	}
}

.productsArchivePart .more a {
	margin: 0 auto;
}

.productsArchivePart.spring,
.productsArchivePart.autumn-winter {
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fffbf7;
}

#productsArchive {
	padding-bottom: 15px;
}

@media screen and (max-width: 768.499px) {
	#productsArchive {
		padding-bottom: 35px;
	}
}

#productsCategoryArchive {
	padding: 93px 0 120px;
}

@media screen and (max-width: 768.499px) {
	#productsCategoryArchive {
		padding: 53px 0 60px;
	}
}

#productsCategoryArchive .list {
	margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
	#productsCategoryArchive .list {
		margin-top: 30px;
	}
}

#productsCategoryArchive .pagination {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#productsCategoryArchive .pagination {
		margin-top: 60px;
	}
}

#productsCategoryArchive .productsTop {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#productsCategoryArchive .productsTop {
		margin-top: 60px;
	}
}

#productsCategoryArchive .productsTop a {
	margin: 0 auto;
}

#productsProductInfo {
	padding: 74px 0 57px;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo {
		padding: 40px 0 60px;
	}
}

#productsProductInfo .container {
	padding: 40px 40px 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .container {
		padding: 20px 20px 29px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#productsProductInfo .informations {
		display: flex;
		align-items: center;
	}
}

#productsProductInfo .informations .image {
	flex: 0 0 auto;
	width: 480px;
	border-radius: 15px;
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .image {
		width: 100%;
	}
}

#productsProductInfo .informations .image img {
	width: 100%;
}

#productsProductInfo .informations .textArea {
	flex: 1 1 auto;
	margin-left: 37px;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .textArea {
		margin: 26px 0 0;
	}
}

#productsProductInfo .informations .head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#productsProductInfo .informations .category {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 38px;
	background: #444;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .category {
		width: 50px;
		height: 28px;
		font-size: 14px;
	}
}

#productsProductInfo .informations .name {
	margin-left: 20px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .name {
		margin-left: 8px;
		font-size: 24px;
	}
}

#productsProductInfo .informations .infoTable {
	width: 100%;
	margin-top: 39px;
	line-height: 1.3;
}

@media print, screen and (min-width: 768.5px) {
	#productsProductInfo .informations .infoTable {
		font-size: 18px;
	}
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .infoTable {
		margin-top: 33px;
	}
}

#productsProductInfo .informations .infoTable tr:nth-child(n+2) {
	border-top: 1px solid #ddd;
}

#productsProductInfo .informations .infoTable th,
#productsProductInfo .informations .infoTable td {
	padding-top: 17px;
	padding-bottom: 17px;
}

#productsProductInfo .informations .infoTable th {
	width: 125px;
	padding-left: 21px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .informations .infoTable th {
		width: 85px;
		padding-left: 5px;
	}
}

#productsProductInfo .informations .infoTable td {
	padding-right: 17px;
	padding-left: 17px;
	border-left: 1px solid #ddd;
}

#productsProductInfo .passwordInput {
	margin-top: 40px;
}

#productsProductInfo .introTitle {
	margin-top: 44px;
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .introTitle {
		margin-top: 36px;
	}
}

#productsProductInfo .introduction {
	margin-top: 30px;
	line-height: 1.9;
}

@media print, screen and (min-width: 768.5px) {
	#productsProductInfo .introduction {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#productsProductInfo .introduction {
		margin-top: 27px;
		line-height: 1.8;
	}
}

.all-season #productsProductInfo {
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fff8f0;
}

.all-season #productsProductInfo .informations .category {
	background: #ef8200;
}

.spring #productsProductInfo .informations .category {
	background: #ea6670;
}

.summer #productsProductInfo .informations .category {
	background: #4a9a06;
}

.autumn-winter #productsProductInfo .informations .category {
	background: #c68318;
}

.locked #productsProductInfo .informations .textArea {
	margin: 0;
}

#productsRelation {
	margin-top: 96px;
}

@media screen and (max-width: 768.499px) {
	#productsRelation {
		margin-top: 61px;
	}
}

#productsRelation .list {
	margin-top: 40px;
}

@media screen and (max-width: 768.499px) {
	#productsRelation .list {
		margin-top: 30px;
	}

	#productsRelation .list > li:nth-child(n+3) {
		display: none;
	}
}

.spring #productsRelation .secTitle {
	border-bottom-color: #ea6670;
}

.summer #productsRelation .secTitle {
	border-bottom-color: #4a9a06;
}

.autumn-winter #productsRelation .secTitle {
	border-bottom-color: #c68318;
}

#productsSingleLink {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#productsSingleLink {
		margin-top: 60px;
		padding-bottom: 60px;
	}
}

#productsSingleLink .link a {
	margin: 0 auto;
}

#productsSingleFaq {
	padding-bottom: 80px;
}

#productsSingleFaq .box {
	max-width: 800px;
	margin: 0 auto;
	border: 3px solid #F08200;
	border-radius: 20px;
	padding: 40px 24px;
	text-align: center;
}

@media screen and (max-width: 768.499px) {
	#productsSingleFaq .box {
		padding: 40px 16px;
	}
}

#productsSingleFaq .secTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 16px;
}

#productsSingleFaq .secTitle::before {
	content: "";
	width: 32px;
	height: 32px;
	background: url(../images/ico_faq01.svg) no-repeat center /contain;
}

#productsSingleFaq .text {
	font-weight: 500;
	line-height: 1.77;
}

#productsSingleFaq .link {
	margin-top: 24px;
}

#productsSingleFaq .link a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 3px;
	border-bottom: 1px solid #DDDDDD;
}

#productsSingleFaq .link a::after {
	content: "";
	width: 7px;
	height: 12px;
	background: url(../images/ico_arrow01.svg) no-repeat center /contain;
}

/* -----------------------------------------------------------------------
	quality
----------------------------------------------------------------------- */

#qualityPolicy {
	margin-top: 79px;
}

@media screen and (max-width: 768.499px) {
	#qualityPolicy {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768.499px) {
	#qualityPolicy .secTitle .ja {
		font-size: 24px;
	}

	#qualityPolicy .secTitle .en {
		margin-top: 5px;
		font-size: 14px;
	}
}

#qualityPolicy .textArea {
	margin-top: 50px;
}

#qualityPolicy .textArea p span {
	font-weight: bold;
}

@media print, screen and (min-width: 768.5px) {
	#qualityPolicy .textArea {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#qualityPolicy .textArea {
		margin-top: 22px;
	}
}

#qualityPolicy .textArea > :nth-child(n+2) {
	margin-top: 20px;
}

@media screen and (max-width: 768.499px) {
	#qualityPolicy .textArea > :nth-child(n+2) {
		margin-top: 23px;
	}
}

#qualityPolicy .sign {
	font-size: 20px;
	margin-top: 50px;
	text-align: right;
}

@media screen and (max-width: 768.499px) {
	#qualityPolicy .sign {
		font-size: 15px;
		margin-top: 35px;
	}
}

#qualityPart {
	margin-top: 80px;
	padding: 76px 0 120px;
	background: radial-gradient(circle at right bottom, #d7d7d7 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fafafa;
}

@media screen and (max-width: 768.499px) {
	#qualityPart {
		margin-top: 55px;
		padding: 40px 0 60px;
	}
}

#qualityPart .parts .detail {
	margin-top: 22px;
}

@media screen and (max-width: 768.499px) {
	#qualityPart .parts .detail {
		margin-top: 13px;
	}
}

#qualityPart .parts .detail + .title {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#qualityPart .parts .detail + .title {
		margin-top: 60px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#qualityPart .parts .text {
		font-size: 20px;
	}
}

#qualityPart .parts .images {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 35px;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#qualityPart .parts .images {
		margin-top: 20px;
	}
}

#qualityPart .parts .images > li {
	flex: 0 0 auto;
	border-radius: 15px;
	overflow: hidden;
}

@media print, screen and (min-width: 768.5px) {
	#qualityPart .parts .images > li {
		width: calc((100% - 80px) / 3);
	}

	#qualityPart .parts .images > li:nth-child(n+2) {
		margin-left: 40px;
	}
}

@media screen and (max-width: 768.499px) {
	#qualityPart .parts .images > li {
		width: calc((100% - 17px) / 2);
		margin-left: 17px;
		border-radius: 10px;
	}

	#qualityPart .parts .images > li:nth-child(2n+1) {
		margin-left: 0;
	}

	#qualityPart .parts .images > li:nth-child(n+3) {
		margin-top: 20px;
	}
}

#qualityPart .parts .images img {
	width: 100%;
}

/* -----------------------------------------------------------------------
	recipe
----------------------------------------------------------------------- */

.recipeTitle01 {
	padding-bottom: 25px;
	border-bottom: 4px solid #ddd;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768.499px) {
	.recipeTitle01 {
		padding-bottom: 15px;
	}
}

#recipeRecommends {
	padding: 89px 0 80px;
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fff8f0;
	background-color: transparent;
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends {
		padding: 35px 0 60px;
	}
}

#recipeRecommends .recommendTitle {
	display: flex;
	justify-content: center;
}

#recipeRecommends .recommendTitle .inner {
	flex: 0 0 auto;
	position: relative;
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .recommendTitle .inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 345px;
		max-width: 100%;
		margin: 0 auto;
	}
}

#recipeRecommends .recommendTitle .inner::before,
#recipeRecommends .recommendTitle .inner::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	background: no-repeat center/contain;
}

@media print, screen and (min-width: 768.5px) {
	#recipeRecommends .recommendTitle .inner::before,
	#recipeRecommends .recommendTitle .inner::after {
		position: absolute;
		bottom: 0;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .recommendTitle .inner::before,
	#recipeRecommends .recommendTitle .inner::after {
		flex: 0 1 auto;
		margin-bottom: 5px;
	}
}

#recipeRecommends .recommendTitle .inner::before {
	width: 138px;
	height: 86px;
	background-image: -webkit-image-set(url("../images/ico_recipe01.png") 1x, url("../images/ico_recipe01@2x.png") 2x);
	background-image: image-set(url("../images/ico_recipe01.png") 1x, url("../images/ico_recipe01@2x.png") 2x);
}

@media print, screen and (min-width: 768.5px) {
	#recipeRecommends .recommendTitle .inner::before {
		right: calc(100% + 76px);
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .recommendTitle .inner::before {
		width: 71px;
		height: 49px;
		margin-right: 10px;
	}
}

#recipeRecommends .recommendTitle .inner::after {
	width: 138px;
	height: 77px;
	background-image: -webkit-image-set(url("../images/ico_recipe02.png") 1x, url("../images/ico_recipe02@2x.png") 2x);
	background-image: image-set(url("../images/ico_recipe02.png") 1x, url("../images/ico_recipe02@2x.png") 2x);
}

@media print, screen and (min-width: 768.5px) {
	#recipeRecommends .recommendTitle .inner::after {
		left: calc(100% + 68px);
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .recommendTitle .inner::after {
		width: 70px;
		height: 49px;
		margin-left: 10px;
	}
}

#recipeRecommends .recommendTitle .text {
	display: block;
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .recommendTitle .text {
		flex: 0 0 auto;
		font-size: 24px;
	}
}

#recipeRecommends .list {
	margin-top: 60px;
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list {
		margin-top: 30px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#recipeRecommends .list > li {
		width: calc((100% - 66px) / 2);
		margin-left: 66px;
	}

	#recipeRecommends .list > li:nth-child(2n+1) {
		margin-left: 0;
	}

	#recipeRecommends .list > li:nth-child(n+3) {
		margin-top: 66px;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list > li {
		width: 100%;
		margin: 0;
	}

	#recipeRecommends .list > li:nth-child(n+2) {
		margin-top: 40px;
	}
}

#recipeRecommends .list .image::before {
	padding-top: 350px;
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list .image::before {
		padding-top: 67.638483965%;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list .textArea {
		padding: 20px 20px 28px;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list .title {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeRecommends .list .description {
		font-size: 15px;
	}
}

#recipeList {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#recipeList {
		margin-top: 60px;
		padding-bottom: 61px;
	}
}

#recipeList .pagination {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#recipeList .pagination {
		margin-top: 60px;
	}
}

#recipeHead {
	padding: 80px 0 75px;
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fff8f0;
	background-color: transparent;
}

@media screen and (max-width: 768.499px) {
	#recipeHead {
		padding: 40px 0 50px;
	}
}

#recipeHead .image {
	width: 818px;
	margin: 0 auto;
	border-radius: 15px;
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#recipeHead .image {
		width: 100%;
	}
}

#recipeHead .image img {
	width: 100%;
}

#recipeHead .title {
	margin-top: 58px;
	font-size: 32px;
}

@media print, screen and (min-width: 768.5px) {
	#recipeHead .title {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeHead .title {
		margin-top: 25px;
		font-size: 24px;
	}
}

#recipeHead .description {
	margin-top: 27px;
}

@media print, screen and (min-width: 768.5px) {
	#recipeHead .description {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
	}
}

#recipeHead.locked .title {
	margin-top: 0;
}

#recipeIngredientsRecipeContainer {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#recipeIngredientsRecipeContainer {
		margin-top: 50px;
	}
}

@media print, screen and (min-width: 768.5px) {
	#recipeIngredientsRecipeContainer .contentIn {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#recipeIngredientsRecipeContainer .contentIn > * {
		flex: 0 0 auto;
		width: 500px;
	}
}

#recipeIngredientsRecipeContainer .passwordInput {
	flex: 1 1 auto;
}

#recipeIngredients .secTitle .servings {
	font-size: 18px;
}

@media screen and (max-width: 768.499px) {
	#recipeIngredients .secTitle .servings {
		font-size: 15px;
	}
}

#recipeIngredients .list {
	width: 100%;
	line-height: 1.3;
}

@media print, screen and (min-width: 768.5px) {
	#recipeIngredients .list {
		margin-top: 10px;
	}
}

#recipeIngredients .list tr {
	border-bottom: 1px solid #ddd;
}

#recipeIngredients .list th,
#recipeIngredients .list td {
	padding: 25px 30px 25px 23px;
	vertical-align: middle;
}

@media screen and (max-width: 768.499px) {
	#recipeIngredients .list th,
	#recipeIngredients .list td {
		padding: 13px;
	}
}

#recipeIngredients .list td {
	text-align: right;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking {
		margin-top: 55px;
	}
}

#recipeMaking .time {
	display: flex;
	justify-content: flex-start;
	margin-top: 25px;
	color: #f08200;
	font-weight: 700;
	line-height: 1.3;
}

@media print, screen and (min-width: 768.5px) {
	#recipeMaking .time {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .time {
		margin-top: 28px;
	}
}

#recipeMaking .time .inner {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 100%;
	min-height: 55px;
	padding: 6px 24px;
	border: 1px solid currentcolor;
	border-radius: 28px;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .time .inner {
		min-height: 45px;
		padding: 5px 26px 5px 30px;
		border-radius: 23px;
	}
}

#recipeMaking .time .inner::before {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 14px;
	background: url("../images/ico_clock01.svg") no-repeat center/contain;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .time .inner::before {
		width: 30px;
		height: 30px;
		margin-right: 17px;
	}
}

#recipeMaking .time .text {
	flex: 1 1 auto;
}

#recipeMaking .steps {
	counter-reset: stepCounter;
	margin-top: 34px;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .steps {
		margin-top: 25px;
	}
}

#recipeMaking .steps > li {
	counter-increment: stepCounter;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

@media print, screen and (min-width: 768.5px) {
	#recipeMaking .steps > li {
		padding-right: 30px;
	}
}

#recipeMaking .steps > li::before {
	content: counter(stepCounter);
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	margin: 5px 28px 0 0;
	background: #f08200;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .steps > li::before {
		width: 30px;
		height: 30px;
		margin: 5px 13px 0 0;
		font-size: 16px;
	}
}

#recipeMaking .steps > li:nth-child(n+2) {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .steps > li:nth-child(n+2) {
		margin-top: 18px;
		padding-top: 18px;
	}
}

#recipeMaking .steps .text {
	flex: 1 1 auto;
}

#recipeMaking .pointArea {
	position: relative;
	margin-top: 50px;
	padding: 40px 30px 29px;
	background: radial-gradient(circle at right bottom, #ccc 12.5%, transparent 12.5%) repeat left top/8px 8px, #f8f8f8;
	border-radius: 15px;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .pointArea {
		margin-top: 60px;
		padding: 35px 20px 21px;
	}
}

#recipeMaking .pointArea .pointTitle {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top: -8px;
	left: 17px;
	height: 35px;
	padding: 0 16px 0 13px;
	background: #4a9a06;
	border-radius: 18px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#recipeMaking .pointArea .pointTitle {
		top: -18px;
		left: 20px;
		padding: 0 15px 0 14px;
		font-size: 18px;
	}
}

#recipeMaking .pointArea .pointTitle::before {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 7px;
	background: url("../images/ico_light01.svg") no-repeat center/contain;
}

#recipeProducts {
	margin-top: 81px;
	padding: 85px 0 80px;
	background: radial-gradient(circle at right bottom, #f39f3c 14.2857142857%, transparent 14.2857142857%) repeat left top/7px 7px, #fffaf4;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts {
		margin-top: 62px;
		padding: 56px 0 55px;
	}
}

#recipeProducts .secTitle {
	padding-bottom: 20px;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .secTitle {
		font-size: 24px;
	}
}

#recipeProducts .list {
	margin-top: 45px;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .list {
		margin-top: 20px;
	}
}

#recipeProducts .list > li {
	padding: 40px 60px 42px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

@media print, screen and (min-width: 768.5px) {
	#recipeProducts .list > li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .list > li {
		padding: 30px;
	}
}

#recipeProducts .list > li:nth-child(n+2) {
	margin-top: 40px;
}

#recipeProducts .image {
	flex: 0 0 auto;
	position: relative;
	width: 282px;
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .image {
		width: 100%;
	}
}

#recipeProducts .image::before {
	content: "";
	display: block;
	padding-top: 188px;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .image::before {
		padding-top: 66.3120567376%;
	}
}

#recipeProducts .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#recipeProducts .textArea {
	flex: 1 1 auto;
	margin-left: 50px;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .textArea {
		margin: 26px 0 0;
	}
}

#recipeProducts .head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#recipeProducts .category {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 57px;
	height: 30px;
	background: #444;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .category {
		width: 58px;
		height: 27px;
	}
}

#recipeProducts .category.all-season {
	background: #ef8200;
}

#recipeProducts .category.spring {
	background: #ea6670;
}

#recipeProducts .category.summer {
	background: #4a9a06;
}

#recipeProducts .category.autumn-winter {
	background: #c68318;
}

#recipeProducts .name {
	flex: 0 1 auto;
	margin-left: 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .name {
		margin-left: 9px;
		font-size: 20px;
	}
}

#recipeProducts .description {
	margin-top: 25px;
	line-height: 1.8125;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .description {
		margin-top: 19px;
		line-height: 1.8;
	}
}

#recipeProducts .link {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}

@media screen and (max-width: 768.499px) {
	#recipeProducts .link {
		margin-top: 20px;
	}
}

#recipeProducts .link a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
	line-height: 1.3;
}

#recipeProducts .link a::after {
	content: "";
	flex: 0 0 auto;
	display: block;
	width: 7px;
	height: 12px;
	margin-left: 10px;
	background: url("../images/ico_arrow01.svg") no-repeat center/contain;
}

#recipeProducts .link a:hover {
	opacity: 1;
}

#recipeSingleLink {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#recipeSingleLink {
		margin-top: 60px;
		padding-bottom: 60px;
	}
}

#recipeSingleLink a {
	margin: 0 auto;
}

/* -----------------------------------------------------------------------
	recruit
----------------------------------------------------------------------- */

#recruit {
	margin-top: 85px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#recruit {
		margin-top: 49px;
		padding-bottom: 60px;
	}
}

#recruit .typeName {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

@media print, screen and (min-width: 768.5px) {
	#recruit .typeName {
		letter-spacing: 0.05em;
	}
}

@media screen and (max-width: 768.499px) {
	#recruit .typeName {
		font-size: 26px;
	}
}

#recruit .detail {
	margin-top: 45px;
}

@media screen and (max-width: 768.499px) {
	#recruit .detail {
		margin-top: 33px;
	}
}

#recruit .detail + .typeName {
	margin-top: 105px;
}

@media screen and (max-width: 768.499px) {
	#recruit .detail + .typeName {
		margin-top: 60px;
	}
}

#recruit .informations {
	margin-top: 30px;
}

@media screen and (max-width: 768.499px) {
	#recruit .informations th,
	#recruit .informations td {
		padding-top: 25px;
		padding-bottom: 25px;
		line-height: 1.7;
		vertical-align: top;
	}
}

/* -----------------------------------------------------------------------
	news
----------------------------------------------------------------------- */

#newsList {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#newsList {
		margin-top: 40px;
		padding-bottom: 61px;
	}
}

#newsList .articles {
	position: relative;
}

@media print, screen and (min-width: 768.5px) {
	#newsList .articles {
		padding-top: 18px;
	}

	#newsList .articles::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(to right, #ccc 50%, transparent 50%) repeat-x left top/4px 1px;
	}
}

#newsList .articles > li {
	padding-bottom: 18px;
}

@media screen and (max-width: 768.499px) {
	#newsList .articles > li {
		padding-bottom: 10px;
	}
}

#newsList .articles > li:nth-child(n+2) {
	margin-top: 18px;
}

@media screen and (max-width: 768.499px) {
	#newsList .articles > li:nth-child(n+2) {
		margin-top: 15px;
	}
}

#newsList .pagination {
	margin-top: 80px;
}

@media screen and (max-width: 768.499px) {
	#newsList .pagination {
		margin-top: 60px;
	}
}

#newsSingle {
	margin-top: 60px;
	padding-bottom: 120px;
}

#newsSingle .head .info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#newsSingle .head .date {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 700;
}

#newsSingle .head .category {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 24px;
	margin-left: 24px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
}

#newsSingle .head .title {
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 4px solid #ddd;
	font-size: 24px;
	font-weight: 700;
}

#newsSingle .article {
	margin-top: 40px;
}

#newsSingle .link {
	margin-top: 55px;
}

#newsSingle .link a {
	margin: 0 auto;
}

/* -----------------------------------------------------------------------
	privacypolicy
----------------------------------------------------------------------- */

#privacypolicy {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#privacypolicy {
		margin-top: 63px;
		padding-bottom: 65px;
	}
}

#privacypolicy .text {
	margin-top: 50px;
}

@media print, screen and (min-width: 768.5px) {
	#privacypolicy .text {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#privacypolicy .text {
		margin-top: 25px;
		line-height: 1.6;
	}
}

#privacypolicy .sign {
	margin-top: 35px;
	text-align: right;
}

@media print, screen and (min-width: 768.5px) {
	#privacypolicy .sign {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#privacypolicy .sign {
		margin-top: 52px;
		line-height: 1.6;
	}
}

#privacypolicy .box {
	margin-top: 60px;
	padding: 45px 60px 40px;
	border: 1px solid #ddd;
}

@media screen and (max-width: 768.499px) {
	#privacypolicy .box {
		margin-top: 56px;
		padding: 10px 18px 15px;
	}
}

#privacypolicy .title {
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#privacypolicy .title {
		font-size: 18px;
	}
}

#privacypolicy .link {
	margin-top: 10px;
	color: #f08200;
}

@media screen and (max-width: 768.499px) {
	#privacypolicy .link {
		margin-top: 2px;
		line-height: 1.6;
	}
}

#privacypolicy .link a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-left: 10px;
	background: url("../images/ico_window01.svg") no-repeat center/contain;
}

#privacypolicy .link a:hover {
	opacity: 1;
}

#privacypolicy .link .url {
	word-break: break-all;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------
	inquiry
----------------------------------------------------------------------- */

#inquiry {
	margin-top: 80px;
	padding-bottom: 120px;
}

@media screen and (max-width: 768.499px) {
	#inquiry {
		margin-top: 63px;
		padding-bottom: 61px;
	}
}

#inquiry .text {
	margin-top: 50px;
	text-align: center;
}

@media print, screen and (min-width: 768.5px) {
	#inquiry .text {
		font-size: 20px;
	}
}

@media screen and (max-width: 768.499px) {
	#inquiry .text {
		margin-top: 25px;
		line-height: 1.6;
		text-align: left;
	}
}

#inquiry .box {
	margin-top: 33px;
	padding: 45px 60px 40px;
	border: 1px solid #ddd;
}

@media screen and (max-width: 768.499px) {
	#inquiry .box {
		margin-top: 50px;
		padding: 10px 18px 15px;
	}
}

#inquiry .title {
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 768.499px) {
	#inquiry .title {
		font-size: 18px;
	}
}

#inquiry .link {
	margin-top: 10px;
	color: #f08200;
}

@media screen and (max-width: 768.499px) {
	#inquiry .link {
		margin-top: 2px;
		line-height: 1.6;
	}
}

#inquiry .link a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-left: 10px;
	background: url("../images/ico_window01.svg") no-repeat center/contain;
}

#inquiry .link a:hover {
	opacity: 1;
}

#inquiry .link .url {
	word-break: break-all;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------
	faq
-----------------------------------------------------------------------*/
#faqArchive {
	padding: 40px 0 120px;
}

@media screen and (max-width: 768.499px) {
	#faqArchive {
		padding: 20px 0 80px;
	}
}

#faqArchive .lead {
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 1.6;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .lead {
		margin-bottom: 40px;
		font-size: 15px;
		line-height: 1.8;
	}
}

#faqArchive .categories .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .categories .title {
		font-size: 16px;
	}
}

#faqArchive .categories .tab {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

#faqArchive .categories .tab > li {
	cursor: pointer;
	border: 2px solid #DDDDDD;
	border-radius: 5px;
	padding: 4px 22px;
	display: flex;
	align-items: center;
	gap: 0 16px;
	font-weight: 700;
	line-height: 1.3;
}

#faqArchive .categories .tab > li img {
	width: 54px;
}

#faqArchive .categories .tab > li.is-active {
	border-color: #F08200;
	background: #F08200;
	color: #FFFFFF;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .categories .tab {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	
	#faqArchive .categories .tab > li {
		padding: 2px 4px;
		column-gap: 6px;
	}
	
	#faqArchive .categories .tab > li img {
		width: 40px;
	}
	
	#faqArchive .categories .tab > li .small {
		display: block;
		font-size: 12px;
	}
}

#faqArchive .content {
	padding-top: 80px;
	display: none;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .content {
		padding-top: 40px;
	}
}

#faqArchive .content.is-active {
	display: block;
}

#faqArchive .content .list > li {
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .content .list > li {
		padding-bottom: 16px;
	}
}

#faqArchive .content .list > li + li {
	margin-top: 40px;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .content .list > li + li {
		margin-top: 30px;
	}
}

#faqArchive .content .list > li > a {
	display: block;
	min-height: 38px;
	position: relative;
	padding-left: 46px;
	padding-right: 32px;
	background: url(../images/ico_arrow01.svg) no-repeat right center/12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}

#faqArchive .content .list > li > a:before {
	content: "";
	width: 30px;
	height: 38px;
	background: url(../images/faq/q.svg) no-repeat center/contain;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .content .list > li > a {
		padding-left: 34px;
		font-size: 18px;
		min-height: 33px;
	}
	
	#faqArchive .content .list > li > a::before {
		width: 26px;
		height: 33px;
	}
}

#faqArchive .content .list > li dl {
	padding-left: 46px;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	display: flex;
	column-gap: 10px;
}

#faqArchive .content .list > li dl dt {
	color: #959595;
	flex-shrink: 0;
}

#faqArchive .content .list > li dl dt::after {
	content: "：";
}

#faqArchive .content .list > li dl dd {
	color: #4A9A06;
}

#faqArchive .content .list > li dl dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#faqArchive .content .list > li dl dd a {
	color: #4A9A06;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media screen and (max-width: 768.499px) {
	#faqArchive .content .list > li dl {
		padding-left: 34px;
		margin-top: 10px;
		padding-top: 7px;
		display: block;
	}
	
	#faqArchive .content .list > li dl dt {
		margin-bottom: 10px;
	}
}

#faqSingle .faqQ {
	background: #FFF8F0;
	padding: 40px 0;
}

@media screen and (max-width: 768.499px) {
	#faqSingle .faqQ {
		padding: 25px 0;
	}
}

#faqSingle .title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.6;
	padding-left: 54px;
	position: relative;
}

#faqSingle .title::before {
	content: "";
	width: 38px;
	height: 48px;
	background: url(../images/faq/q.svg) no-repeat center/contain;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 768.499px) {
	#faqSingle .title {
		padding-left: 42px;
		font-size: 20px;
	}
	
	#faqSingle .title::before {
		width: 30px;
		height: 38px;
	}
}

#faqSingle .products {
	margin-top: 10px;
	display: flex;
	column-gap: 10px;
	align-items: baseline;
	padding-left: 54px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
}

#faqSingle .products dt {
	flex-shrink: 0;
	color: #959595;
}

#faqSingle .products dt::after {
	content: "：";
}

#faqSingle .products dd {
	color: #4A9A06;
}

#faqSingle .products dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#faqSingle .products dd a {
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #4A9A06;
}

@media screen and (max-width: 768.499px) {
	#faqSingle .products {
		padding-left: 42px;
		margin-top: 10px;
		padding-top: 7px;
		display: block;
	}
	
	#faqSingle .products dt {
		margin-bottom: 10px;
	}
}

#faqSingle .faqA {
	padding: 60px 0 120px;
}

@media screen and (max-width: 768.499px) {
	#faqSingle .faqA {
		padding: 40px 0 80px;
	}
}

#faqSingle .faqA .box {
	padding-left: 54px;
	position: relative;
	font-size: 18px;
	line-height: 1.8;
}

#faqSingle .faqA .box::before {
	content: "";
	width: 38px;
	height: 48px;
	background: url(../images/faq/a.svg) no-repeat center/contain;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 768.499px) {
	#faqSingle .faqA .box {
		padding-left: 42px;
		font-size: 15px;
	}

	#faqSingle .faqA .box::before {
		width: 30px;
		height: 38px;
	}
}

#faqSingle .faqA .gallery {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

#faqSingle .faqA .gallery figure {
	flex: 0 1 360px;
}

#faqSingle .faqA .gallery figure > div {
	width: 100%;
	padding-top: 66.67%;
	position: relative;
}

#faqSingle .faqA .gallery img {
	/*width: 360px !important;
	height: 240px !important;*/
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

#faqSingle .faqA .gallery figcaption {
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.6;
}

#faqSingle .faqA .link {
	margin-top: 60px;
}

#faqSingle .faqA .link .linkStyle01 {
	margin: 0 auto;
}