@charset "utf-8";
/*--------------------------------------------------------------------
index
--------------------------------------------------------------------*/
.index .kvArea {
	height: 720px;
	margin-bottom: 60px;
	position: relative;
}

.index .kvArea *:not(p) {
	height: 100%;
	position: relative;
}

.kvArea a:hover {
	opacity: 0.7;
}

.index .kvArea a {
	display: block;
}

.index .kv100 {
	background: url("../img/index/kv100.jpg") no-repeat center center/cover;
}

.index .kv01 {
	background: url("../img/index/kv01.jpg") no-repeat center center/cover;
}

.index .kv02 {
	background: url("../img/index/kv02.jpg") no-repeat center center/cover;
}

.index .kv03 {
	background: url("../img/index/kv03.jpg") no-repeat center center/cover;
}

.index .kv04 {
	background: url("../img/index/kv04.jpg") no-repeat center center/cover;
}

.index .kv05 {
	background: url("../img/index/kv05.jpg") no-repeat center center/cover;
}

.index .kv06 {
	background: url("../img/index/kv06.jpg") no-repeat center center/cover;
}

.index .kv::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	 background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	 transition: opacity 2s;
	 transition-delay: 1.4s;
}

.index .slick-current .kv::after {
	opacity: 0;
}

.index .kvArea p {
	height: 3em;
	position: absolute;
	top: 50px;
	bottom: 15px;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 47px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.35em;
	line-height: 1.5;
	color: #fff;
}

.index.mainWrap > section .inner {
	padding-top: 28px;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.index.mainWrap > section:not(.recipeArea) .inner {
	position: relative;
}

.index.mainWrap > section .inner::before {
	content: "";
	display: block;
	width: 50px;
	height: 4px;
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.index.mainWrap > section.recipeArea .inner::before {
	background: #fff;
}

.index .topicArea {
	margin-bottom: 50px;
}

.index .topicArea ul {
}

/* .index .topicArea li{
  width: 220px;
} */
.index .topicArea li img {
	width: 100%;
}

.index .reportArea {
	margin-bottom: 50px;
}

.index .reportArea figure {
	margin-bottom: 20px;
}

.index .reportArea .btnBlc {
	font-size: 0;
	text-align: center;
}

.index .reportArea .btnBlc a {
	display: inline-block;
	margin-bottom: 7px;
}

.index .reportArea .btnBlc img {
	height: 20px;
	width: auto;
}

.index .reportArea p {
	text-align: center;
	font-size: 16px;
	line-height: 2;
}

.index .recipeArea {
	height: 550px;
	position: relative;
	margin-bottom: 50px;
}

/*.index .recipeArea a{
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/index/recipe.jpg")no-repeat;
  background-size: cover;
}*/
.index .recipeArea .recipe-bg {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/index/recipe.jpg") no-repeat;
	background-size: cover;
}

.index .recipeArea .commonTtl {
	color: #fff;
}

.index.mainWrap > section.recipeArea .recipeTtl {
	position: absolute;
	top: 130px;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	/*border-bottom: 1px solid #ffffff;*/
	padding-bottom: 50px;

}

.index.mainWrap > section.recipeArea .recipeTtl .border-btm {
	border-bottom: 1px solid #ffffff;
	padding-top: 12px;
	padding-bottom: 46px;
}

.index .recipeArea .btnWrap.recipe-mg {
	margin-top: 50px;
}

/*
.index section.recipeArea .inner{
  border: none;
  padding: 0;
}
.index .recipeArea p{
  width: 600px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 20px;
  margin: auto;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: rgba(255,255,255,0.7);
} */
.index .shopArea {
	margin-bottom: 50px;
	background: #f1f1f1;
	padding-bottom: 60px;
}

.index .shopArea figure {
	position: relative;
	margin-bottom: 20px;
}

.index .shopArea figure + p {
	text-align: center;
	font-size: 16px;
	line-height: 2;
}

.index .faqArea {
	margin-bottom: 50px;
	padding-bottom: 60px;
	background: #f1f1f1;
}

.index .faqArea figure {
	margin-bottom: 20px;
}

.index .faqArea figure + p {
	text-align: center;
	font-size: 16px;
	line-height: 2;
}

.index .insArea {
	margin-bottom: 70px;
	margin-top: 70px;
}

/*--------------------------------------------------------------------
（KD追記 2020.3.12）
--------------------------------------------------------------------*/
/*.index .insArea .btnWrap a{
  width: 600px;
}*/
.index .insArea .inner {
	border: none !important;
	padding-top: 0 !important;
}

.index .insArea .inner::before {
	display: none !important;
}

.index .insArea .btnWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	justify-content: space-between;
	margin-top: 0;
}

/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------
（KD追記 2021.1.13）
--------------------------------------------------------------------*/
.index .repairArea {
	height: 290px;
	background: #F1F1F1;
}

.index .repairArea .commonTtl {
	color: #000;
	margin-bottom: 31px;
}

.index.mainWrap > section.repairArea .repairTtl {
	margin: 0 auto;
	color: #000;
	text-align: center;
	font-size: 16px;
	padding: 50px 0;
}

/*--------------------------------------------------------------------*/

.index .btnWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-top: 40px;
}

.index .btnWrap a {
	width: 480px;
}

.index .btnWrap img {
	width: 100%;
}

.index .btnWrap a + a {
	margin-left: 40px;
}

@media screen and (max-width: 767px) {
	.index .inner {
		padding-right: 0;
		padding-left: 0;
	}

	.index .kvArea {
		height: auto;
		margin-bottom: 20px;
	}

	.index .kvArea *:not(p) {
		/* position: static; */
	}

	.index .kv100 {
		background-image: url("../img/index/kv100_sp.jpg");
	}

	.index .kv01 {
		background-image: url("../img/index/kv01_sp.jpg");
	}

	.index .kv02 {
		background-image: url("../img/index/kv02_sp.jpg");
	}

	.index .kv03 {
		background-image: url("../img/index/kv03_sp.jpg");
	}

	.index .kv04 {
		background-image: url("../img/index/kv04_sp.jpg");
	}

	.index .kv05 {
		background-image: url("../img/index/kv05_sp.jpg");
	}

	.index .kv06 {
		background-image: url("../img/index/kv06_sp.jpg");
	}

	.index .kv {
		width: 100%;
		height: 0;
		padding-top: 108.823529%;
		content: '';
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.index .kv::after {
		top: -7px;
	}

	.index .kvArea p {
		font-size: 25px;
		letter-spacing: 0.3em;
		top: 26px;
	}

	.index .topicArea {
		margin-bottom: 70px;
	}

	.index .topicArea .bnrs {
		width: 100%;
		overflow-x: auto;
	}

	.index .reportArea {
		margin-bottom: 70px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.index .reportArea figure {
		margin-bottom: 20px;
	}

	.index .reportArea figure img {
		width: 100%;
	}

	.index .reportArea p {
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.index .recipeArea {
		height: auto;
		margin-bottom: 50px;
	}

	/*.index .recipeArea a{
	  background: url("../img/index/recipe_sp.jpg")no-repeat center center/cover;
	  width: 100%;
	  height: 0;
	  padding-top: 100%;
	}*/
	.index .recipeArea .recipe-bg {
		background: url("../img/index/recipe_sp.jpg") no-repeat center center/cover;
		width: 100%;
		height: 0;
		padding-top: 113%;
	}

	.index .recipeArea p {

		font-size: 14px;
	}

	.index.mainWrap > section.recipeArea .recipeTtl {
		top: 50%;
		margin-top: -113px;
		padding-bottom: 20px;
	}

	.index .recipeArea .commonTtl {
		padding: 0;
	}

	.index.mainWrap > section.recipeArea .recipeTtl .border-btm {
		padding-top: 0;
		padding-bottom: 35px;
		margin-top: -6px;
	}

	.index .recipeArea .btnWrap.recipe-mg {
		margin-top: 44px;
	}


	.index .shopArea {
		margin-bottom: 70px;
		padding-bottom: 35px;
	}

	.index .shopArea .inner {
		padding: 0;
	}

	.index .shopArea figure img {
		width: 100%;
	}

	.index .shopArea figure + p {
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.index .faqArea {
		margin-bottom: 25px;
		padding-bottom: 35px;
	}

	.index .faqArea .inner {
		padding: 0;
	}

	.index .faqArea figure + p {
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.index .faqArea figure img {
		width: 100%;
	}

	.index .insArea {
		margin-bottom: 70px;
	}

	.index .insArea .btnWrap a {
		max-width: 100%;
		width: 100%;
	}

	.index .insArea .btnWrap {
		padding: 0 15px;
	}

	/*--------------------------------------------------------------------
（KD追記 2020.3.12）
--------------------------------------------------------------------*/
	.index .insArea .btnWrap {
		margin-top: 0;
	}

	.index .insArea .btnWrap p {
		width: 47%;
	}

	.index .insArea .btnWrap a {
		max-width: 100%;
		width: 100%;
	}

	.index .insArea .btnWrap img {
		width: 100%;
	}

	.index .insArea .btnWrap p + p {
		margin-left: 6%;
	}

	.index .insArea .btnWrap span {
		font-size: 16px;
		letter-spacing: 0.2em;
		line-height: 1.2;
	}

	/*--------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
（KD追記 2021.1.13）
--------------------------------------------------------------------*/
	.index .repairArea {
		height: auto;
		margin-bottom: 50px;
	}

	.index .repairArea p {
		font-size: 14px;
	}

	.index.mainWrap > section.repairArea .repairTtl {
		margin-top: 0;
		padding: 35px 0 50px;
	}

	.index .repairArea .commonTtl {
		padding: 0;
		line-height: 1.5;
		margin-bottom: 17px;
	}

	.index .repairArea .btnWrap {
		margin-top: 28px;
	}

	/*--------------------------------------------------------------------*/
	.index .btnWrap {
		display: block;
	}

	.index .btnWrap a {
		display: block;
		max-width: 480px;
		width: 80%;
		margin: 0 auto;
	}

	.index .btnWrap img {
		width: 100%;
	}

	.index .btnWrap a + a {
		margin-left: auto;
		margin-top: 30px;
	}
}


#js-bnrs {
	overflow: hidden;
}

#js-bnrs .slick-slide {
	margin: 0 30px;
}

#js-bnrs .slick-list {
	margin: 0 -30px;
	overflow: hidden;
}

#js-bnrs .slick-arrow {
	position: absolute;
	display: block;
	margin-top: -8px;
	top: 50%;
	left: 50px;
	width: 16px;
	height: 22px;
	background-image: url(../../assets/img/index/prev.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 99;
}

#js-bnrs .slick-arrow.next {
	right: 50px;
	left: auto;
	background-image: url(../../assets/img/index/next.png);
}

@media screen and (max-width: 767px) {

	#js-bnrs .slick-slide {
		margin: 0 10px;
	}

	#js-bnrs .slick-list {
	}
}

/*--------------------------------------------------------------------
キャンペーンページ用（KD追記 2021.4.1）
--------------------------------------------------------------------*/
.index .btnWrap2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-top: 0;
}

.index .btnWrap2 a {
	width: 480px;
}

.index .btnWrap2 img {
	width: 100%;
}

.index .btnWrap2 a + a {
	margin-left: 40px;
}

.index .btnWrap2 .mleft {
	margin-left: 40px;
}

@media screen and (max-width: 767px) {
	.index .btnWrap2 {
		display: block;
		margin-top: -70px;
	}

	.index .btnWrap2 a {
		display: block;
		max-width: 480px;
		width: 80%;
		margin: 0 auto;
	}

	.index .btnWrap2 img {
		width: 100%;
	}

	.index .btnWrap2 a + a {
		margin-left: auto;
		margin-top: 30px;
	}

	.index .reportArea figure.cam {
		margin-bottom: 0;
	}

	.index .btnWrap2 .mleft {
		margin-left: auto;
	}
}

/*--------------------------------------------------------------------
TOP・brand用（KD追記 2021.4.21）
--------------------------------------------------------------------*/
.index .reasonArea .btnWrap a {
	width: 720px;
}

@media screen and (max-width: 767px) {
	.index .reasonArea .btnWrap a {
		display: block;
		max-width: 630px;
		width: 90%;
		margin: 0 auto;
	}

	.index .reasonArea .btnWrap {
		margin-top: 20px;
	}
}

/*--------------------------------------------------------------------
（KD追記 2021.8.10）
--------------------------------------------------------------------*/
.index .reviewArea {
	background-color: #f1f1f1;
	padding-bottom: 150px;
	position: relative;
	margin-bottom: 50px;
}

.index .reviewArea:after {
	content: "";
	position: absolute;
	width: 1000px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
}

.index .reviewArea h2 img {
	height: 10px;
	margin-bottom: 5px;
}

.index .reviewArea .reviewBox_wrap {
	background-color: #fff;
}

.index .reviewArea .reviewBox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	padding: 40px 0 20px;
	width: 1000px;
	margin: auto;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.index .reviewArea .reviewBox a.item {
	width: 284px;
}

.index .reviewArea .reviewBox a.item + a.item {
	margin-left: 60px;
}

.index .reviewArea .reviewBox a.item figure {
	text-align: center;
	margin-bottom: 25px;
}

.index .reviewArea .reviewBox a.item figure img {
	width: 156px;
}

.index .reviewArea .reviewBox a.item .prpduct {
	font-size: 18px;
	font-weight: 600;
}

.index .reviewArea .reviewBox a.item .star {
	margin-top: 5px;
	margin-bottom: 0.5em;
	font-size: 20px;
	font-weight: 600;
}

.index .reviewArea .reviewBox a.item .star span {
	/* color: #dcc832; */
	/* padding-right: 10px; */
}

@media screen and (max-width: 767px) {
	.index .reviewArea {
		padding-bottom: 80px;
		margin-bottom: 0;
	}

	.index .reviewArea:after {
		display: none;
	}

	.index .reviewArea h2 {
		margin-bottom: 25px;
	}

	.index .reviewArea h2 img {
		height: 8px;
	}

	.index .reviewArea .reviewBox {
		display: block;
		padding: 18px 15px 20px;
		width: 100%;
		max-width: 310px;
		margin: auto;
		border-top: none;
	}

	.index .reviewArea .reviewBox a.item {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.index .reviewArea .reviewBox a.item + a.item {
		margin-top: 40px;
		margin-left: 0;
	}

	.index .reviewArea .reviewBox a.item figure {
		margin-bottom: 0;
		margin-right: 19px;
	}

	.index .reviewArea .reviewBox a.item figure img {
		width: 52px;
	}

	.index .reviewArea .reviewBox a.item .txt {
		margin-top: 19px;
	}

	.index .reviewArea .reviewBox a.item .prpduct {
		font-size: 12px;
	}

	.index .reviewArea .reviewBox a.item .star {
		font-size: 12px;
	}

	.index .reviewArea .reviewBox a.item .star span {
		padding-right: 6px;
	}
}

/*--------------------------------------------------------------------
（KD追記 2022.10.7）
--------------------------------------------------------------------*/
.index .btnWrap.btn_report_pd {
	padding-bottom: 30px;
}

.index .blogArea {
	margin-bottom: 0;
	padding-bottom: 50px;
	background-color: #dbc35b;
}

.index .blogArea .h2_pd {
	display: inline-block;
	padding-left: 0.3em;
}

.index .blogArea figure {
	margin-bottom: 20px;
}

.index .blogArea .btnBlc {
	font-size: 0;
	text-align: center;
}

.index .blogArea .btnBlc a {
	display: inline-block;
	margin-bottom: 7px;
}

.index .blogArea .btnBlc img {
	height: 20px;
	width: auto;
}

.index .blogArea p {
	text-align: center;
	font-size: 16px;
	line-height: 2;
}

@media screen and (max-width: 767px) {
	.index .btnWrap.btn_report_pd {
		padding-bottom: 0;
	}

	.index .blogArea {
		margin-bottom: 0;
		padding-bottom: 70px;
		border-bottom: 0;
	}

	.index .blogArea h2 img {
		height: 10px;
	}

	.index .blogArea figure {
		margin-bottom: 20px;
	}

	.index .blogArea figure img {
		width: 100%;
	}

	.index .blogArea p {
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/*--------------------------------------------------------------------
（KD追記 2023.1.27）
--------------------------------------------------------------------*/
.index .btnWrap.mgtp1 {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.index .btnWrap.mgtp1 {
		margin-top: 30px;
	}
}

/*--------------------------------------------------------------------
（KD追記 2023.7.17）
--------------------------------------------------------------------*/
.index .insArea .btnWrap .b-btn {
	width: 480px;
}

.index .insArea .btnWrap .b-btn a {
	position: relative;
	display: block;
	border: 1px solid #000000;
	padding: 15px;
	text-align: center;
	font-size: 24px;
	letter-spacing: 3px;
}

.index .insArea .btnWrap .b-btn img {
	width: 33px;
	position: absolute;
	right: 23px;
	top: 50%;
	margin-top: -15px;
}

@media screen and (max-width: 767px) {
	.index .insArea .btnWrap {
		display: block;
		padding: 0;
	}

	.index .insArea .btnWrap .b-btn {
		width: 80%;
		max-width: 480px;
		margin: 0 auto;
	}

	.index .insArea .btnWrap .b-btn {
		margin-bottom: 25px;
	}

	.index .insArea .btnWrap .b-btn img {
		width: 18px;
		right: 15px;
		margin-top: -8px;
	}

	.index .insArea .btnWrap .b-btn a {
		padding: 7px 35px;
		font-size: 18px;
	}
}

.contentArea .inner {
	border: none !important
}

.contentArea .inner::before {
	display: none !important
}

.contentArea .contentList {
	display: flex;
	flex-wrap: wrap;
	margin: -43px auto 19px;
	max-width: 930px;
}

.contentArea .contentList .item {
	width: 33.333%;
	padding: 0 15px;
	margin-bottom: 72px;
}

.contentArea .contentList .item img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.contentArea .contentList .ttl {
	font-size: 22px;
	font-weight: bold;
	margin: 19px 0 8px;
}

.contentArea .contentList .txt {
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.contentArea .contentList {
		margin: 0;
	}

	.contentArea .contentList .item {
		width: 100%;
		padding: 0;
		margin-bottom: 45px;
	}

	.contentArea .contentList .ttl {
		font-size: 18px;
		padding: 0 13px;
		font-weight: bold;
		margin: 22px 0 3px;
		letter-spacing: 2px;
	}

	.contentArea .contentList .txt {
		/*font-size: 11px;*/
		font-size: 14px;
		line-height: 2.27;
		padding: 0 13px;
	}
}

img.max-100 {
	max-width: 100%;
	height: auto;
}

.index .repairArea {
	height: auto !important;
	margin-bottom: 65px;
	background: none !important;
}

.index .repairArea p {
	text-align: center;
	font-size: 16px;
}

.index .repairArea .inner {
	border: none !important;
	padding-top: 17px !important;
}

.index .repairArea .inner::before {
	display: none !important
}

.index .repairArea .repairTxt {
	margin: 25px 0 90px;
}

.index .repairArea .cautionBox {
	margin: 70px 0 0;
	padding-top: 65px;
	border-top: 1px solid #000;
}

.index .repairArea .cautionBox p {
	text-align: left;
	font-size: 14px;
	max-width: 780px;
	margin: 0 auto;
	line-height: 2;
}

.index .repairArea .cautionBox .ttl {
	font-size: 20px;
	text-align: center;
	margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
	.index .repairArea p {
		/*font-size: 11px;*/
		font-size: 14px;
		line-height: 1.9;
		letter-spacing: 0.8px;
	}

	.index .repairArea .repairTxt {
		margin: 20px 0 53px;
	}

	.index .repairArea .commonTtl span {
		font-size: 20px;
	}

	.index .repairArea .cautionBox {
		margin: 45px 0 0;
		padding-top: 45px;
	}

	.index .repairArea .cautionBox p {
		font-size: 14px;
		line-height: 1.7;
		padding: 0 13px;
	}

	.index .repairArea .cautionBox .ttl {
		font-size: 18px;
		margin-bottom: 20px;
	}
}