/***********************
	pcのみ
	********************/

@media screen and (min-width: 769px) {
	header .topArea .txtArea .lead{
		width: 521px;
		position: absolute;
		top: 47%;
		font-size: 27px;
		line-height: 2;
		letter-spacing: 0.2em;
		font-weight: normal;
	}

	.about_list_box::before {
		content: none;
	}

	#about .block_about_us .txtArea {
		background: none;
	}

	section .inner {
		text-align: center;
		width: 925px;
	}

	.about_list_box .txtArea .txt_ttl {
		color: #888;
		display: inline-block;
		border-bottom: #999 1px solid;
		font-size: 40px;
		font-family: Arial;
		padding: 0 0.5em 0.3em 0.5em;
		margin-bottom: 0.5em;
	}

	.about_list_box .txtArea .gray {
		font-size: 0.9em;
		color: #999;
		margin-bottom: 2em;
		display: block;
	}
	.about_list_box .txtArea .gray + h4 {
		margin-top: 0;
	}
	.about_list_box .txtArea p + h4 {
		margin-top: 30px;
	}


	.about_list {
		margin-top: 0;
	}

	.about_list_box .txtArea .txt_bold {
		font-size: 26px;
		font-weight: 900;
		letter-spacing: 0.1em;
	}

	.sec_ttl {
		color: #959595;
		width: 925px;
		margin: 0 auto;
	}
	.sec_ttl:before {
		content: "";
		display: block;
		width: 100px;
		height: 2px;
		background-color: #959595;
		vertical-align: middle;
		/* margin-right: 1em; */
		margin-top: -5px;
		position: relative;
		left: -110px;
		top: 0.5em;
	}
	.sec_ttl:after {
		content: none;
	}

	.txtArea .txt_subttlx {
		background: none;
		padding: 0;
		color: #393939;
		font-size: 1.5em;
		margin: 1em 0 1em 0;
		font-weight: 500;
	}

	section {
		padding: 2em 0 0 0 ;
	}

	.about_list_box .txtArea {
		margin-top: 0;
	}

	.grayArea .diffArea .txt_ttl {
		color: #393939;
		font-size: 1.5em;
		font-weight: 500;
	}

	.figure_list {
		width: 100%;
	}
	.about_list_box .txtArea {
		width: 100%;
	}
	.about_list_box .lArea {
		text-align: left;
		float: none;
	}
	.lArea.with-image {
		width: 60%;
		float: left;
	}
	.rArea.with-image {
		width: 60%;
		float: right;
	}
	.lArea.with-image + .rArea {
		width: 35%;
		float: right;
	}
	.lArea.with-image + .rArea:after {
		content: '';
		display: block;
		clear: both;
	}
	ul.figure_list li .figure_title {
		text-align: center;
		font-size: 1.3em;
		font-weight: 500;
		border-bottom: #393939 1px solid;
		color: #393939;
		margin: 0.5em 0 1em 0;
	}
	ul.figure_list li .figure {
		height: 214px;
	}

	.shopBtn {
		width: 100%;
	}
	.shopBtn.btn-reverse a {
		width: 80%;
		margin: 0 auto;
		padding: 15px;
	}
	.ttl_area {
		margin-bottom: 60px;
	}
	.about_list_box .lArea.imgArea {
		width: 35%;
		float: left;
	}
	.cnt_list ul li .ttlArea {
		position: relative;
		text-align: left;
	}

	.cnt_list ul li .ttlArea .list_ttl {
		margin-top: 30px;
		font-size: 1.45em;
		margin-bottom: 15px;
		letter-spacing: 0.2em;
	}
	.cnt_list ul li .ttlArea span {
		display: block;
		font-size: 1em;
		margin-bottom: 35px;
		color: #393939 !important;
	}
	.cnt_list ul li .ttlArea .moreBtn {
		width: 115px;
		height: 80px;
		position: absolute;
		right: 0;
		top: -10px;
	}
	.cnt_list ul li .txtArea {
		text-align: left;
	}
	.pri_box {
		text-align: left;
	}
	.pri_box .txt_ttl {
		font-weight: 500;
	}
	.slideArea {
		margin-bottom: 60px;
	}
}


/***********************
	spのみ
	********************/
@media screen and (max-width: 768px) {

	.about_list_box::before {
		content: none;
	}

	section .inner {
		text-align: center;
		width: 100%;
	}

	.about_list_box .txtArea .txt_ttl {
		color: #666;
		display: inline-block;
		border-bottom: #999 1px solid;
		font-size: 6.5vmin;
		font-family: Arial;
		padding: 0 0.5em;
	}

	.about_list_box .txtArea .gray {
		font-size: 0.9em;
		color: #999;
		margin-bottom: 2em;
		display: block;
	}
	.about_list_box .txtArea .gray + h4 {
		margin-top: 0;
	}


	.about_list {
		margin-top: 0;
	}

	.about_list_box .txtArea .txt_bold {
		font-size: 4.8vw;
		font-weight: 900;
	}

	.sec_ttl {
		color: #959595;
	}
	.sec_ttl:before {
		content: "";
		display: inline-block;
		width: 20%;
		height: 1px;
		background-color: #959595;
		vertical-align: middle;
		margin-right: 1em;
		margin-top: -5px;
	}
	.sec_ttl:after {
		content: none;
	}

	.txtArea .txt_subttlx {
		background: none;
		padding: 0;
		color: #393939;
		font-size: 4.8vw;
		margin: 1em 0 1em 0;
		font-weight: 500;
	}

	section {
		padding: 2em 0 0 0 ;
	}

	.grayArea {
		padding: 2em 0;
	}

	.grayArea .diffArea {
		text-align: center;
	}

	.grayArea .diffArea .txt_ttl {
		font-size: 4.8vw;
		color: #393939;
		font-weight: 500;
	}
	.grayArea .diff h6 {
		font-weight: 500;
		font-size: 4.8vw;
	}

	.grayArea .diff dl {
		display: block;
		text-align: left;
	}
	.grayArea .diff dl dd {
		width: 100%;
		display: block;
	}
	.grayArea .diff dl dt {
		width: 100%;
		display: block;
		text-align: right;
	}
	.grayArea .diff dl dt img {
		max-width: 40%;
	}
	ul.figure_list li .figure {
		padding: 1em 2em;
	}

	ul.figure_list li .figure_title {
		display: inline-block;
		color: #393939;
		font-weight: 500;
		font-size: 4.8vw;
		min-width: 60%;
		width: auto;
		border-bottom: #393939 1px solid;
		margin: 0 auto 0.5em auto;
	}
	ul.figure_list.list_border li + li:before {
		content: none;
	}
	.ttl_area {
		margin: 2em auto 2em auto;
	}

	.cnt_list ul li a {
		display: flex;
		flex-wrap: wrap;
	}
	.cnt_list ul li a .imgArea {
		order: 2;
	}
	.cnt_list ul li a .ttlArea {
		order: 1;
		text-align: left;
		min-height: 5em;
	}
	.cnt_list ul li a .ttlArea h3 {
		font-size: 4.8vw;
		font-weight: 500;
		margin-bottom: 0.8em;
	}
	.cnt_list ul li a .ttlArea .gray {
		margin-bottom: 2em;
	}
	.cnt_list ul li a .ttlArea .moreBtn {
		width: 90px;
		height: auto;
		position: absolute;
		right: 0;
		top: 0px;
	}

	.cnt_list ul li a .txtArea {
		order: 3;
		text-align: left;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 100%;
	}

	.pri_box {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.pri_box .img {
		order: 3;
		margin: 1em auto 1em auto;
	}
	.pri_box h3 {
		order: 1;
		font-weight: 500;
		font-size: 4.8vw !important;
		display: block;
		width: 100%;
	}
	.pri_box .swaArea {
		order: 2;
		width: 100%;
	}
	.newsArea .news_list {
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}

	.sp-btn-force-bottom {
		position: relative;
		padding-bottom: 6em;
	}
	.sp-btn-force-bottom .shopBtn {
		width: 100%;
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
	}
	.sp-btn-force-bottom .shopBtn a {
		width: 90%;
		margin: 0 auto;
	}


}

h5 {
	font-weight: bold;
	line-height: 2em;
}
dl.spice_list dt {
	text-align: left;
	font-weight: bold;
	display: block;
	line-height: 2em;
	margin-top: 0.5em;
}
dl.spice_list dd {
	text-align: left;
	display: block;
	line-height: 2em;
}