@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
body {
		background: #f5f5f5;
}
.cookingcontainer_body {
		background: #fff;
		border-radius: 60px;
		position: relative;
		z-index: 1;
		margin-bottom: -50px;
		padding-top: 130px;
		padding-bottom: 170px;
		overflow: hidden;
}
.cookingcontainer_body_wrap {
		max-width: 1036px;
		margin: 0 auto;
		padding: 0 30px;
}
@media(max-width: 767px) {
		.cookingcontainer_body {
				padding-top: 50px;
				padding-bottom: 120px;
				border-radius: 40px;
		}
		.cookingcontainer_body_wrap {
				padding: 0 20px;
		}
}
.about_section {
		padding-bottom: 110px;
		display: flex;
		justify-content: center;
}
.about_section_inner {
		text-align: center;
		position: relative;
}
.about_section_inner::before, .about_section_inner::after {
		content: '';
		display: block;
		position: absolute;
		top: -50px;
		width: 205px;
		height: 275px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.about_section_inner::before {
		background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg1_pc.png");
		left: -300px;
}
.about_section_inner::after {
		background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg2_pc.png");
		right: -320px;
}
.about_section_inner h1 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 32px;
		line-height: 1.6;
		margin: 0 0 40px;
}
.about_section_inner p {
		line-height: 2.0;
		font-size: 16px;
}
.ast {
		font-size: 11px;
		display: inline-block;
		transform: translateY(-5px);
}
.about_section_inner p.lead_notes {
		margin-top: 1em;
		font-size: 14px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
}
.recipe_nav_gr {
		display: flex;
		flex-wrap: wrap;
		max-width: 870px;
		margin: 0 auto;
}
.recipe_nav_item {
		width: 160px;
		margin-right: 17px;
		margin-bottom: 50px;
		text-align: center;
		font-size: 14px;
		position: relative;
}
.recipe_nav_gr .recipe_nav_item:nth-child(5n) {
		margin-right: 0;
}
.recipe_nav_item .recipe_nav_no {
		position: absolute;
		top: -15px;
		left: -12px;
		color: #9d1d23;
		font-size: 32px;
		font-family: 'Helvetica LT W01 Roman';
		font-weight: 500;
}
.recipe_nav_item a {
		color: #333;
		text-decoration: none;
}
.recipe_nav_thum {
		width: 135px;
		margin: 0 auto 15px;
}
.recipe_nav_thum img {
		width: 100%;
		height: auto;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.recipe_nav_item:hover .recipe_nav_thum img {
				transform: scale(0.92)
		}
}
.recipe_nav_notes {
		line-height: 1.8;
		text-align: center;
		color: #9d1d23;
		font-size: 16px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
}
.recipe_nav_hr {
		height: 1px;
		background: #c8c8c8;
		margin: 120px 0 0;
}
@media(max-width: 1200px) {
		.about_section_inner::before {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg1_pc.png");
				left: -250px;
		}
		.about_section_inner::after {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg2_pc.png");
				right: -270px;
		}
}
@media(max-width: 1023px) {
		.about_section_inner::before {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg1_pc.png");
				left: -200px;
		}
		.about_section_inner::after {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg2_pc.png");
				right: -220px;
		}
		.about_section_inner h1 {
				font-size: 28px;
		}
		.recipe_nav_gr {
				max-width: inherit;
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 0 20px;
		}
		.recipe_nav_thum {
				box-sizing: border-box;
				width: 100%;
				padding: 0 10px;
		}
		.recipe_nav_item {
				width: 100%;
				margin-right: 0;
				margin-bottom: 40px;
				font-size: 13px;
		}
}
@media(max-width: 767px) {
		.about_section_inner p.lead_notes {
				margin-top: 1em;
				font-size: 13px;
		}
		.about_section {
				padding-bottom: 60px;
		}
		.about_section_inner::before, .about_section_inner::after {
				top: -8.5vw;
				width: 30vw;
				height: 30vw;
		}
		.about_section_inner::before {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg1_sp.png?2023");
				left: -20px;
		}
		.about_section_inner::after {
				background-image: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/cc_intro_bg2_sp.png?2023");
				right: -20px;
		}
		.about_section_inner h1 {
				font-size: 22px;
				line-height: 1.6;
				margin-bottom: 30px;
		}
		.about_section_inner p {
				text-align: left;
				line-height: 1.8;
		}
		.recipe_nav_gr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 0 24px;
		}
		.recipe_nav_thum {
				padding: 0 5px;
				margin-bottom: 8px;
		}
		.recipe_nav_item .recipe_nav_no {
				top: -10px;
				left: -10px;
				font-size: 24px;
		}
		.recipe_nav_notes {
				font-size: 14px;
				text-align: left;
				line-height: 1.8;
		}
		.recipe_nav_hr {
				margin: 80px 0 0;
		}
}
@media(max-width: 375px) {
		.about_section_inner h1 {
				font-size: 20px;
		}
}
/* ================ */
.cc_recipe_hdr {
		display: flex;
		align-items: center;
		margin-top: 120px;
}
.cc_recipe_hdr.even {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
}
.cc_recipe_hdr_caption {
		flex: 1
}
.cc_recipe_hdr_hd {
		display: flex;
		align-items: center;
		padding: 0 20px 40px;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 35px;
}
.cc_recipe_hdr_hd h3 {
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 32px;
		line-height: 1.4;
		flex: 1;
		transform: translateY(1px);
}
.cc_recipe_hdr_hd_no {
		color: #9d1d23;
		font-size: 80px;
		font-family: 'Helvetica LT W01 Roman';
		font-weight: 500;
		letter-spacing: -2px;
		line-height: 1;
		height: 100px;
		box-sizing: border-box;
		margin-right: 22px;
		position: relative;
}
.cc_recipe_hdr_hd_no::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -4px;
		left: 3px;
		width: 100%;
		height: 25px;
		background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_recipe_txt.png") no-repeat center bottom;
		background-size: 80px;
}
.cc_recipe_hdr_lead {
		line-height: 1.8;
		padding: 0 20px;
		font-size: 16px;
}
.cc_recipe_hdr_photo {
		width: 500px;
}
.cc_recipe_hdr_photo img {
		width: 100%;
		height: auto;
}
.cc_recipe_hd {
		box-sizing: border-box;
		border-radius: 12px;
		height: 68px;
		color: #fff;
		background: #9d1d23;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-bottom: 45px;
		cursor: pointer;
}
.cc_recipe_hd .cc_recipe_hd_trigger {
		position: absolute;
		top: 24px;
		right: 40px;
		width: 20px;
		height: 20px;
}
.cc_recipe_hd_trigger::before, .cc_recipe_hd_trigger::after {
		content: '';
		display: block;
		position: absolute;
		top: 9.5px;
		left: 0;
		width: 20px;
		height: 1px;
		background: #fff;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.cc_recipe_hd_trigger::after {
		transform: rotate(90deg);
}
.isAccOpen .cc_recipe_hd_trigger::before {
		transform: rotate(180deg);
}
.isAccOpen .cc_recipe_hd_trigger::after {
		transform: rotate(270deg);
		opacity: 0;
}
.cc_recipe_cont {
		display: none;
}
.cc_recipe_hd h4 {
		margin: 0;
		padding: 0;
		font-size: 22px;
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 500;
}
.cc_recipe_flex {
		display: flex;
}
.cc_recipe_left {
		width: 300px;
		margin-right: 45px;
}
.cc_ing_hdr {
		display: flex;
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 16px;
		padding-left: 15px;
		margin: 0 0 15px;
		line-height: 1.6;
}
.cc_ing_hdr.extra {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 12px;
}
.cc_ing_hdr dt {
		margin-right: 15px;
}
.cc_ing_hdr dd {
		flex: 1;
}
.cc_ing_hdr dd span {
		font-size: 85%;
}
.cc_ing_sb {
		font-size: 14px;
		font-weight: normal;
		margin: 0 0 9px 30px;
}
.cc_ing_sb.extra {
		margin-bottom: 9px;
}
.cc_ing_sb.extra + p {
		font-size: 14px;
		margin: 0 0 10px 17px;
}
.cc_ing_sb span {
		position: relative;
		display: inline-block;
}
.cc_ing_sb span::before, .cc_ing_sb span::after {
		content: '';
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
		top: calc(50% - 5px)
}
.cc_ing_sb span::before {
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		left: -10px;
		transform: rotate(-45deg);
}
.cc_ing_sb span.extra::before {
		left: -20px;
}
.cc_ing_sb span::after {
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		right: -10px;
		transform: rotate(45deg);
}
.cc_ing_sb span.extra::after {
		right: -20px;
}
.cc_ing_tbl {
		border-collapse: collapse;
		border-top: 1px solid #e1e1e1;
		width: 100%;
		margin-bottom: 40px;
}
.cc_ing_tbl th, .cc_ing_tbl td {
		text-align: left;
		padding: 13px 15px 13px;
		border-bottom: 1px solid #e1e1e1;
		font-family: YakuHanJP_Narrow, 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
.cc_ing_tbl th {
		font-weight: normal;
		white-space: nowrap;
		padding-right: 0;
}
.cc_ing_tbl td {
		text-align: right;
		padding-left: 0;
}
.fs13 {
		font-size: 13px;
}
.cc_recipe_right {
		flex: 1;
}
.cc_use_sb {
		padding-left: 15px;
		padding-bottom: 15px;
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 16px;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 20px;
}
.cc_use_item {
		display: flex;
		align-items: center;
		height: 32px;
		margin-left: 15px;
		margin-bottom: 10px;
		font-size: 16px;
}
.cc_use_icon {
		width: 32px;
		margin-right: 12px;
}
.cc_flow_hdr {
		display: flex;
		align-items: center;
		padding-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 50px;
		font-size: 16px;
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 500;
}
.cc_flow_sb {
		font-size: 20px;
		font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
		font-weight: 400;
		margin: 0 0 25px;
}
.cc_flow_hdr dt {
		margin-right: 20px;
}
.cc_flow_hdr dd {
		flex: 1;
}
.cc_flow_item {
		display: flex;
		margin: 0 0 60px;
}

.cc_flow_item.extra {
		margin: 0 0 20px;
}

.cc_flow_item_no {
		font-size: 28px;
		font-family: 'Helvetica LT W01 Roman';
		font-weight: 500;
		color: #9d1d23;
		margin-right: 35px;
}
.cc_flow_item_caption {
		flex: 1;
		font-size: 16px;
		line-height: 1.8;
}
.cc_flow_lead {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 40px;
}
.cc_flow_notes {
		/* font-size: 85%; */
		margin-top: 25px;
}
@media(max-width: 1100px) {
		.cc_recipe_hdr {
				display: flex;
				align-items: flex-start;
				margin-top: 100px;
				margin-bottom: 30px;
		}
		.cc_recipe_hdr.even {
				display: flex;
				align-items: flex-start;
				flex-direction: row-reverse;
		}
		.cc_recipe_hdr_photo {
				width: 48%;
		}
		.cc_recipe_left {
				width: 250px;
				margin-right: 35px;
		}
		.cc_recipe_hdr_hd h3 {
				font-size: 5.5vw;
		}
		.cc_recipe_hdr_hd_no {
				font-size: 64px;
				height: 90px;
				margin-right: 15px;
		}
}
@media(max-width: 767px) {
		.cc_recipe_hdr, .cc_recipe_hdr.even {
				display: block;
				margin-top: 60px;
				margin-bottom: 45px;
		}
		.cc_recipe_hdr_photo {
				width: 90%;
				margin: 0 auto;
				max-width: 340px;
		}
		.cc_recipe_hdr_hd {
				padding: 0 0 20px;
				margin-bottom: 20px;
		}
		.cc_recipe_hdr_hd_no {
				font-size: 52px;
				height: 68px;
				margin-right: 15px;
		}
		.cc_recipe_hdr_hd_no::after {
				bottom: -4px;
				left: 3px;
				width: 100%;
				height: 27px;
				background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_recipe_txt.png") no-repeat center bottom;
				background-size: 54px;
		}
		.cc_recipe_hdr_lead {
				line-height: 1.7;
				padding: 0;
				font-size: 14px;
		}
		.cc_recipe_flex {
				display: block;
		}
		.cc_recipe_left {
				width: auto;
				margin-right: 0;
				margin-bottom: 40px;
		}
		.cc_ing_hdr {
				font-size: 16px;
				margin: 0 0 10px;
		}
		.cc_ing_tbl th, .cc_ing_tbl td {
				padding-top: 8px;
				padding-bottom: 8px;
		}
		.cc_recipe_hd {
				border-radius: 8px;
				height: 48px;
				margin-bottom: 25px;
		}
		.cc_recipe_hd h4 {
				font-size: 16px;
		}
		.cc_recipe_hd h4 span {
				display: inline-block;
				transform: translateY(-1px);
		}
		.cc_recipe_hd .cc_recipe_hd_trigger {
				top: 16px;
				right: 18px;
				width: 16px;
		}
		.cc_recipe_hd_trigger::before, .cc_recipe_hd_trigger::after {
				top: 7.5px;
				width: 16px;
		}
		.cc_flow_point {
				display: none !important;
		}
		.cc_flow_hdr {
				padding-bottom: 10px;
				margin-bottom: 30px;
				font-size: 15px;
		}
		.cc_flow_item {
				margin-bottom: 25px;
		}
		.cc_flow_item_caption {
				font-size: 14px;
				line-height: 1.7;
		}
		.cc_flow_item_no {
				font-size: 24px;
				margin-right: 20px;
		}
		.cc_use_item {
				font-size: 15px;
		}
}
/* ================ */
.profile_section {
		border-top: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		padding: 95px 20px;
		margin-top: 200px;
		margin-bottom: 130px;
}
.profile_section_inner {
		display: flex;
		align-items: center;
		max-width: 710px;
		margin: 0 auto;
}
.profile_section_inner_photo {
		width: 235px;
		margin-right: 30px;
}
.profile_section_inner_photo img {
		width: 100%;
		height: auto;
		border-radius: 16px;
}
.profile_section_inner_caption {
		flex: 1;
}
.profile_section_inner_caption h6 {
		font-family: YakuHanJP_Narrow, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
		font-size: 22px;
		font-weight: 500;
		margin: 0 0 20px
}
.profile_section_inner_caption p {
		line-height: 1.8;
}
@media(max-width: 767px) {
		.profile_section {
				padding: 60px 0;
				margin-top: 60px;
				margin-bottom: 80px;
		}
		.profile_section_inner {
				display: block;
		}
		.profile_section_inner_photo {
				width: 70%;
				margin: 0 auto 45px;
				max-width: 220px;
		}
		.profile_section_inner_caption h6 {
				font-size: 20px;
				margin: 0 0 25px
		}
		.profile_section_inner_caption p {
				line-height: 1.7;
				font-size: 14px;
		}
}
/* =============== */
.footer_ec_btn {
		font-size: 24px;
}
.footer_ec_btn span {
		position: relative;
		display: inline-block
}
.footer_ec_btn span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 19px);
		left: -50px;
		width: 35px;
		height: 35px;
		background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_cart.png") no-repeat 0 0;
		background-size: 35px;
}
.footer_ec_btn a {
		background: #9d1d23;
		color: #fff;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 150px;
		border-radius: 16px;
		box-sizing: border-box;
		border: 2px solid #9d1d23;
		transition: opacity 0.4s;
}
@media (hover: hover) {
		.footer_ec_btn a:hover {
				opacity: 0.8
		}
}
@media(max-width: 767px) {
		.footer_ec_btn {
				font-size: 16px;
		}
		.footer_ec_btn span {
				position: relative;
				display: inline-block;
				margin-left: 22px;
		}
		.footer_ec_btn span::before {
				top: calc(50% - 12px);
				left: -32px;
				width: 20px;
				height: 20px;
				background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_cart.png") no-repeat 0 0;
				background-size: 20px;
		}
		.footer_ec_btn a {
				height: 80px;
				border-radius: 12px;
		}
}
/* ============ */
.footer_dark {
		background: #333;
		color: #fff;
		padding: 130px 20px 50px;
		box-sizing: border-box;
}
.footer_logo {
		width: 259px;
		margin: 0 auto 90px;
}
.footer_logo img {
		width: 100%;
		height: auto;
}
.footer_link {
		display: flex;
		justify-content: space-between;
		max-width: 540px;
		margin: 0 auto 90px;
}
.footer_link li {
		list-style: none;
		width: calc(50% - 12px);
}
.footer_link li a {
		color: #fff;
		display: flex;
		height: 60px;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		box-sizing: border-box;
		border: 1px solid #fff;
		position: relative;
}
.footer_link li a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
		width: 11px;
		height: 11px;
		background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_blank.png") no-repeat 0 0;
		background-size: 11px;
}
.footer_link li a span {
		position: relative;
		display: inline-block;
		transform: translateY(-1px);
}
.footer_copyright {
		max-width: 1040px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		font-size: 12px;
}
.footer_copyright a {
		color: #fff;
		text-decoration: underline;
}
@media (hover: hover) {
		.footer_copyright a:hover {
				color: #fff;
				text-decoration: none;
		}
}
@media(max-width: 767px) {
		.footer_dark {
				padding-top: 105px;
				padding-bottom: 20px;
		}
		.footer_logo {
				width: 156px;
				margin: 0 auto 35px;
		}
		.footer_link {
				display: block;
				margin: 0 auto 35px;
		}
		.footer_link li {
				width: 100%;
				margin: 0 0 12px;
		}
		.footer_link li a {
				height: 50px;
		}
		.footer_copyright {
				display: block;
		}
		.footer_copyright_about, .footer_copyright_copy {
				line-height: 1.7;
				font-size: 11px;
				text-align: center;
		}
		.footer_copyright_about {
				margin: 0 0 1.5em;
		}
		.footer_copyright_copy {
				font-size: 10px;
		}
}
/* ============= */
.cc_flow_point {
		background: #f5f5f5;
		margin-top: 20px;
		margin-bottom: 0;
		border-radius: 20px;
		overflow: hidden;
		display: flex;
		align-items: center;
}
.cc_flow_point h6 {
		font-size: 20px;
		font-weight: 500;
		margin: 0 0 4px;
		color: #9d1d23;
}
.cc_flow_point_figure {
		width: 200px;
}
.cc_flow_point_figure img {
		width: 100%;
		height: auto;
}
.cc_flow_point_caption {
		flex: 1;
		padding: 20px 30px 20px
}
/* =============== */
@media(min-width: 768px) {
		.mobileBr {
				display: none;
		}
}
@media(max-width: 767px) {
		.pcBr {
				display: none;
		}
}
.fadeInNml {
		opacity: 0;
		transition: opacity 0.3s linear;
}
.fadeInNmlActive {
		opacity: 1;
}