@charset "UTF-8";
/* ==========================================================================

	#変数

 */
/* --------------------------------------------------------------------
  レイアウトサイズ
 */
/* --------------------------------------------------------------------
  カラー
 */
/* --------------------------------------------------------------------
  Misc
 */
/* --------------------------------------------------------------------
  フォントサイズ
 */
/*
36　コピー
27　 H1相当　ページタイトル
25　 H2相当　コピー・見出しおよびラベル
24　 H3相当　見出しおよびラベル
20　コピー・中見出し・ラベル
18　本文：大・ラベル
16　本文：中
14　本文：小を使用しています。
12　最小（注文など一部のみ）
*/
/*
$font_m2: 1.1rem;
$font_m1: 1.2rem;
$font_p0: 1.4rem;
$font_p1: 1.6rem;
$font_p2: 1.8rem;
$font_p3: 2.0rem;
$font_p4: 2.4rem;
$font_p5: 2.5rem;
$font_p6: 2.7rem;
$font_p7: 3.6rem;
*/
/* ==========================================================================

	#Mixin

 */
/* --------------------------------------------------------------------
  #Media Queries
 */
/* --------------------------------------------------------------------
  #Utilities
 */
/*ブロック要素のセンタリング*/
/*ブロック要素の右寄せ*/
/*
リンクアンダーライン非表示、ホバーで表示
a要素の親に設定
*/
/*
リンクアンダーライン非表示
a要素の親に設定
*/
/*
リンクカラー設定
a要素の親に設定
*/
/*ブロック要素内テキスト非表示*/
/*font-smoothing*/
/*clearfix*/
/*要素へホバーエフェクト追加*/
/* set some element's line-height to 1em because of adjust text margin */
/*set fontfamily noto 700*/
/*set fontfamily*/
/*縦書きテキスト*/
/* ====================================================================

  #ブランドトップ

 */
/* ----------------------------------
  #トップキャッチコピー
*/

.pc-only{
	display: block!important;
}
.sp-only{
	display: none!important;
}

@media print, screen and (max-width: 768px) {
	.pc-only{
		display: none!important;
	}
	.sp-only{
		display: block!important;
	}
}

.bra-special__wrap img {
	max-width: 100%;
}
.bra-special__mv {
	text-align: center;
}
.bra-special__hdg {
	max-width: 1080px;
	padding: 0 10px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg {
		padding: 0 15px;
		margin: 0 0 60px 0;
		display: block;
	}
}
.bra-special__hdg_theme {
	width: 37.7358%;
	padding: 90px 0 0 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_theme {
		width: auto;
		padding: 25px 0 50px;
	}
}
.bra-special__hdg_theme.mamatomo {
	width: 41.5094%;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_theme.mamatomo {
		width: auto;
	}
}
.bra-special__hdg_theme_tag {
	width: 164px;
	margin: 0 0 30px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_theme_tag {
		width: 146.5px;
		margin: 0 0 25px 0;
	}
}
.bra-special__hdg_theme_title {
	margin: 0 0 30px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_theme_title {
		width: 248px;
		margin: 0 0 25px 0;
	}
	.bra-special__hdg_theme_title.mamatomo {
		width: 303px;
	}
	.bra-special__hdg_theme_title.index {
		width: 280px;
	}
}
.bra-special__hdg_theme_text {
	font-size: 1.6rem;
	font-weight: bold;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_theme_text {
		font-size: 1.5rem;
	}
}
.bra-special__hdg_memberList {
	width: 54.5283%;
	display: flex;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList {
		width: auto;
		display: block;
	}
}
.bra-special__hdg_memberList.index {
	width: 52%;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList.index {
		width: auto;
	}
}
.bra-special__hdg_memberList_item {
	width: 33.3333%;
	width: calc(100% / 3);
	border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 50px 20px 75px 20px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_item {
		width: auto;
		border-top: 1px solid #e5e5e5;
		border-left: none;
		padding: 10px 0 30px;
		display: flex;
		align-items: center;
	}
}
.bra-special__hdg_memberList_item.mamatomo {
	padding: 75px 20px 110px 20px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_item.mamatomo {
		padding: 10px 0 30px;
	}
}
.bra-special__hdg_memberList_item.index {
	width: auto;
	padding: 60px 0 85px 70px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_item.index {
		padding: 10px 0 0 0;
		display: block;
	}
}
.bra-special__hdg_memberList_item:last-child {
	border-right: 1px solid #e5e5e5;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_item:last-child {
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}
}
.bra-special__hdg_memberList_item.index:last-child {
	border-right: none;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_item.index:last-child {
		border-bottom: none;
	}
}
.bra-special__hdg_memberList_ico {
	width: 120px;
	margin: 0 auto 10px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_ico {
		width: 120px;
		margin: 0 10px 0 0;
	}
	.bra-special__hdg_memberList_ico.mamatomo {
		width: 105px;
		margin: 0 25px 0 0;
	}
	.bra-special__hdg_memberList_contents {
		width: calc(100% - 130px);
	}
}
.bra-special__hdg_memberList_name {
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_name {
		font-size: 1.6rem;
		text-align: left;
		margin: 0 0 5px 0;
	}
}
.bra-special__hdg_memberList_name01 { color: #86b2e0; }
.bra-special__hdg_memberList_name02 { color: #a4d6c1; }
.bra-special__hdg_memberList_name03 { color: #f3a9c9; }
.bra-special__hdg_memberList_text {
	font-size: 1.3rem;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_text {
		font-size: 1.2rem;
	}
}
.bra-special__tableOfContents {
	background: url('../../../../reform/system_kitchen/contents/img/common/bg.png') left top;
	padding: 0 0 85px 0;
	margin: 0 0 60px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents {
		padding: 0 0 55px 0;
		margin: 0 0 45px 0;
	}
}
.bra-special__tableOfContents_inner {
	max-width: 1080px;
	padding: 0 10px;
	margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_inner {
		padding: 0 15px;
	}
}
.bra-special__tableOfContents_title {
	width: 162px;
	margin: 0 0 15px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_title {
		width: 134.5px;
		margin: 0 0 10px 0;
	}
}
.bra-special__tableOfContents_list_item a {
	color: #1a1a1a;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background: url('../../../../reform/system_kitchen/contents/img/common/ep01.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 99px, 21px;
	border-bottom: 1px dashed #444546;
	padding: 14px 0 8px;
	display: block;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item a {
		font-size: 1.4rem;
		text-align: left;
		line-height: 1.5;
		background: url('../../../../reform/system_kitchen/contents/img/common/ep01.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 88px, 19px;
		border-bottom: 1px dashed #444546;
		padding: 45px 35px 8px 0;
		display: block;
	}
}
.bra-special__tableOfContents_list_item:nth-child(2) a {
	background: url('../../../../reform/system_kitchen/contents/img/common/ep02.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 103px, 21px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item:nth-child(2) a {
		background: url('../../../../reform/system_kitchen/contents/img/common/ep02.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 91.5px, 19px;
	}
}
.bra-special__tableOfContents_list_item:nth-child(3) a {
	background: url('../../../../reform/system_kitchen/contents/img/common/ep03.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 103px, 21px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item:nth-child(3) a {
		background: url('../../../../reform/system_kitchen/contents/img/common/ep03.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 92px, 19px;
	}
}
.bra-special__tableOfContents_list_item:nth-child(4) a {
	background: url('../../../../reform/system_kitchen/contents/img/common/ep04.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 104px, 21px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item:nth-child(4) a {
		background: url('../../../../reform/system_kitchen/contents/img/common/ep04.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 92.5px, 19px;
	}
}
.bra-special__tableOfContents_list_item:nth-child(5) a {
	background: url('../../../../reform/system_kitchen/contents/img/common/ep05.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 103px, 21px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item:nth-child(5) a {
		background: url('../../../../reform/system_kitchen/contents/img/common/ep05.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 91.5px, 19px;
	}
}
.bra-special__tableOfContents_list_item:nth-child(6) a {
	background: url('../../../../reform/system_kitchen/contents/img/common/ep06.png') left center no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right center no-repeat;
	background-size: 103px, 21px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__tableOfContents_list_item:nth-child(6) a {
		background: url('../../../../reform/system_kitchen/contents/img/common/ep06.png') left 18px no-repeat, url('../../../../reform/system_kitchen/contents/img/common/arrow.png') right 70% no-repeat;
		background-size: 92px, 19px;
	}
}
.bra-special__tableOfContents_list_item a:hover {
	opacity: .7;
}
.bra-special__sec {
	margin: 0 0 120px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec {
		margin: 0 0 60px 0;
	}
}
.bra-special__sec:last-of-type {
	margin: 0 0 160px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec:last-of-type {
		margin: 0 0 80px 0;
	}
}
.bra-special__sec_hdg {
	max-width: 1080px;
	padding: 0 10px;
	margin: 0 auto 50px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_hdg {
		padding: 0 15px;
		margin: 0 0 30px 0;
	}
}
.bra-special__sec_hdg_num {
	margin: 0 0 20px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_hdg_num {
		margin: 0 0 15px 0;
	}
}
.bra-special__sec_img {
	text-align: center;
	padding: 0 10px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_img {
		padding: 0;
	}
	.bra-special__sec_img_pd {
		padding: 0 15px;
	}
}
.bra-special__sec_commentList {
	max-width: 980px;
	padding: 0 10px;
	margin: 80px auto;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList {
		padding: 0 15px;
		margin: 40px auto;
	}
}
.bra-special__sec_commentList_item {
	margin: 0 0 20px 0;
	display: flex;
}
.bra-special__sec_commentList_item:last-child {
	margin: 0;
}
.bra-special__sec_commentList_item_hdg {
	width: 164px;
	display: flex;
	align-items: center;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList_item_hdg {
		width: 73px;
		display: block;
	}
}
.bra-special__sec_commentList_item_hdg01 { border-right: 2px solid #86b2e0; }
.bra-special__sec_commentList_item_hdg02 { border-right: 2px solid #a9dac6; }
.bra-special__sec_commentList_item_hdg03 { border-right: 2px solid #f5aece; }
.bra-special__sec_commentList_item_hdg_ico {
	width: 60px;
	margin: 0 18px 0 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList_item_hdg_ico {
		width: 53px;
		margin: 0 0 8px 0;
	}
}
.bra-special__sec_commentList_item_hdg_name {
	font-size: 1.6rem;
	font-weight: bold;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList_item_hdg_name {
		font-size: 1.2rem;
	}
}
.bra-special__sec_commentList_item_hdg01 .bra-special__sec_commentList_item_hdg_name { color: #86b2e0; }
.bra-special__sec_commentList_item_hdg02 .bra-special__sec_commentList_item_hdg_name { color: #a9dac6; }
.bra-special__sec_commentList_item_hdg03 .bra-special__sec_commentList_item_hdg_name { color: #f5aece; }
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList_item_hdg01 .bra-special__sec_commentList_item_hdg_name { margin: 0 0 0 2px; }
	.bra-special__sec_commentList_item_hdg02 .bra-special__sec_commentList_item_hdg_name { margin: 0 0 0 8px; }
	.bra-special__sec_commentList_item_hdg03 .bra-special__sec_commentList_item_hdg_name { margin: 0 0 0 2px; }
}
.bra-special__sec_commentList_item_contents {
	font-size: 1.6rem;
	width: calc(100% - 184px);
	margin: 0 0 0 20px;
	display: flex;
	align-items: center;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_commentList_item_contents {
		font-size: 1.5rem;
		width: calc(100% - 83px);
		margin: 0 0 0 10px;
	}
}
.bra-special__link {
	background: url('../../../../reform/system_kitchen/contents/img/common/bg.png') left top;
	padding: 0 0 85px 0;
	margin: 0 0 80px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link {
		padding: 0 0 55px 0;
		margin: 0 0 40px 0;
	}
}
.bra-special__link_inner {
	max-width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_inner {
		padding: 0 15px;
	}
}
.bra-special__link_title {
	margin: 0 0 60px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_title {
		margin: 0 0 35px 0;
	}
}
.bra-special__link_row {
	display: flex;
	justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_row {
		display: block;
	}
}
.bra-special__link_col {
	width: 47.9166%;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_col {
		width: auto;
	}
	.bra-special__link_col:first-of-type {
		margin: 0 0 30px 0;
	}
}
.bra-special__link_col a {
	background: url('../../../../reform/system_kitchen/contents/img/common/link_ico.png') center bottom no-repeat;
	background-size: contain;
	padding: 0 0 60px 0;
	display: block;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_col a {
		padding: 0 0 40px 0;
	}
}
.bra-special__link_col a:hover {
	opacity: .7;
}
.bra-special__link_img {
	margin: 0 0 30px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__link_img {
		margin: 0 0 20px 0;
	}
}
.bra-special__link_pageTitle {
	text-align: center;
}

.bra-special__hdg_memberList_indexHdg {
	margin: 0 0 20px 0;
	display: flex;
	align-items: flex-end;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_indexHdg {
		margin: 0 0 15px 0;
	}
}
.bra-special__hdg_memberList_indexIco {
	width: 136px;
	margin: 0 20px 0 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_indexIco {
		width: 117px;
		margin: 0 15px 0 0;
	}
}
.bra-special__hdg_memberList_indexName {
	color: #86b2e0;
	font-size: 2.6rem;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_indexName {
		font-size: 1.6rem;
	}
}
.bra-special__hdg_memberList_indexPosition {
	color: #86b2e0;
	font-size: 1.6rem;
	font-weight: bold;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_indexPosition {
		font-size: 1.42rem;
	}
	.bra-special__hdg_memberList_indexPosition.sp {
		line-height: 1.15;
		margin: 0 0 2px 0;
	}
}
.bra-special__hdg_memberList_indexPosition span {
	font-size: 1.4rem;
}
@media print, screen and (max-width: 768px) {
	.bra-special__hdg_memberList_indexPosition span {
		font-size: 1.15rem;
		line-height: 1.4;
	}
}
.bra-special__mov {
	width: 794px;
	margin: 85px auto;
}
@media print, screen and (max-width: 768px) {
	.bra-special__mov {
		position: relative;
	  width: auto;
	  padding-top: 56.25%;padding-top: 0;
		margin: 0 15px 30px;
	}
	.bra-special__mov iframe {
		position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
}
.bra-special__sec_comment {
	max-width: 980px;
	padding: 0 10px;
	margin: 65px auto;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_comment {
		padding: 0 15px;
		margin: 30px auto;
	}
}
.bra-special__sec_comment_title {
	font-size: 2.6rem;
	margin: 0 0 20px 0;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_comment_title {
		font-size: 1.7rem;
		margin: 0 0 15px 0;
	}
}
.bra-special__sec_comment_text {
	font-size: 1.6rem;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_comment_text {
		font-size: 1.5rem;
	}
}
.bra-special__sec_row {
	max-width: 980px;
	padding: 0 10px;
	margin: 0 auto 200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_row {
		padding: 0 15px;
		margin: 0 0 80px 0;
		display: block;
	}
}
.bra-special__sec_col:first-of-type {
	width: 329px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_col:first-of-type {
		width: 233px;
		margin: -15px auto 25px;
	}
}
.bra-special__sec_col:last-of-type {
	width: 574px;
}
@media print, screen and (max-width: 768px) {
	.bra-special__sec_col:last-of-type {
		width: auto;
	}
}