@charset "UTF-8";

#main.brand-history,
#main.brand-history *,
#main.brand-history *:before,
#main.brand-history *:after {
	box-sizing: border-box;
}

area {
	outline: none;
}

/* --------------------------------------------------
 * /brand/history/*
 */

@media screen and (min-width: 768px){
	#main.brand-history > header {
		padding: 40px 0 50px;
	}

	#main.brand-history > header h1 {
		height: 60px;
		color: #00703C;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 30px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: 0.225;
	}

	#main.brand-history > header p {
		font-size: 15px;
		line-height: 25px;
	}

	#main.brand-history .tabs {
		width: 100%;
		height: 60px;
		margin: 0 0 40px;
		padding: 0 20px;
		border-bottom: 1px solid #00703C;
	}

	#main.brand-history .tabs li {
		float: left;
		width: calc(50% - 10px);
	}

	#main.brand-history .tabs li:last-child {
		float: right;
	}

	#main.brand-history .tabs li a {
		display: block;
		height: 60px;
		border-bottom: 1px solid #00703C;
		text-align: center;
		color: #222222;
		font-size: 17px;
		font-weight: bold;
		line-height: 60px;
		background-color: #F0F0F0;
		transition: opacity 200ms;
	}

	#main.brand-history .tabs li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	#main.brand-history .tabs li span {
		display: block;
		height: 60px;
		border: 1px solid #00703C;
		border-bottom-color: #FFFFFF;
		text-align: center;
		color: #00703C;
		font-size: 17px;
		font-weight: bold;
		line-height: 60px;
		background-color: #FFFFFF;
	}

	#main.brand-history .brand-history-contents {
		margin: 0 0 60px;
	}
}

@media screen and (max-width: 767px){
	#main.brand-history > header {
		padding: 26px 0;
	}

	#main.brand-history > header h1 {
		height: 35px;
		color: #00703C;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 21px;
		font-weight: normal;
		line-height: 21px;
		letter-spacing: 0.1;
	}

	#main.brand-history > header p {
		font-size: 12px;
		line-height: 17px;
	}

	#main.brand-history .tabs {
		height: 50px;
		margin: 0 0 30px;
		padding: 0 12px;
		border-bottom: 1px solid #00703C;
	}

	#main.brand-history .tabs li {
		float: left;
		width: calc(50% - 5px);
	}

	#main.brand-history .tabs li:last-child {
		float: right;
	}

	#main.brand-history .tabs li a {
		display: block;
		height: 50px;
		padding: 8px 0 0;
		border-bottom: 1px solid #00703C;
		text-align: center;
		color: #222222;
		font-size: 13px;
		font-weight: bold;
		line-height: 16px;
		background-color: #F0F0F0;
		transition: opacity 200ms;
	}

	#main.brand-history .tabs li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	#main.brand-history .tabs li span {
		display: block;
		height: 50px;
		padding: 8px 0 0;
		border: 1px solid #00703C;
		border-bottom-color: #FFFFFF;
		text-align: center;
		color: #00703C;
		font-size: 13px;
		font-weight: bold;
		line-height: 16px;
		background-color: #FFFFFF;
	}

	#main.brand-history .brand-history-contents {
		margin: 0 0 30px;
	}
}


/* --------------------------------------------------
 * /brand/history/
 */
.historySection01 {
	overflow: hidden;
}
.historyTopText01 {
	width: 49%;
	min-height: 407px;
	padding-right: 1%;
	background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top;
	float: left;
}
.lineStart01 {
	display: block;
	height: 40px;
	background: url(/mecsumai/img/brand/history/top/line02.png) no-repeat 9px top;
}
.lineEnd01 {
	display: block;
	height: 40px;
	background: url(/mecsumai/img/brand/history/top/line03.png) no-repeat 9px top;
}
.historyTopImg01 {
	width: 50%;
	height: auto;
	min-height: 407px;
	background: #ccc;
	float: right;
}
.historyTopText01 h3 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 30px;
	color: #00703c;
	padding: 0 0 10px 34px;
	background: url(/mecsumai/img/brand/history/top/circle01.png) no-repeat left bottom;
}
.historyTopTextInner01{
	padding-left: 34px;
}

.historyTopFs01 {
	margin-top: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	line-height: 1.3;
}
.historyTopFs02 {
	margin-top: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 19px;
	line-height: 1.3;
	color: #00703c;
}
.historyTopButton01 {
	margin-top: 40px;
	margin-right: 3%;
}
.historyTopButton01 a {
	display: block;
	font-size: 12px;
	padding: 3px 20px 3px 10px;
	margin-top: 10px;
	border: 1px solid #dcdcdc;
	background: url(/mecsumai/img/common/ico_arrow03.png) center right no-repeat;
}
.historyTopButton01 a:hover {
	border: 1px solid #00703c;
	text-decoration: none;
}
.historyTopImg01#sec01 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top01.jpg) center center no-repeat;
}
.historyTopImg01#sec02 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top02.jpg) center center no-repeat;
}
.historyTopImg01#sec03 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top03.jpg) center center no-repeat;
}
.historyTopImg01#sec04 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top04.jpg) center center no-repeat;
}
.historyTopImg01#sec05 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top05.jpg) center center no-repeat;
}
.historyTopImg01#sec06 {
	background: url(/mecsumai/img/brand/history/top/pic_history_top06.jpg) center center no-repeat;
}
@media screen and (max-width: 1150px) and (min-width: 768px){
	.historyTopFs01 {
		margin-top: 10px;
		font-size: 14px;
	}
	.historyTopFs02 {
		margin-top: 10px;
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	.historySection01 {
	padding: 0 12px;
	}
	.historyTopText01 h3 {
		padding-left: 25px;
	}
	.historyTopTextInner01{
		padding-left: 25px;
	}
	.historyTopFs01 {
		margin-top: 10px;
		font-size: 14px;
	}
	.historyTopFs02 {
		margin-top: 10px;
		font-size: 16px;
	}
	.historyTopText01,
	.historyTopImg01 {
		float: none;
		width: 100%;
		min-height: 200px;
		padding: 0;
	}
	.historyTopText01 {
		padding: 30px 0 20px;
	}
	.historyTopImg01 {
		min-height: 300px;
	}

	.historyTopImg01#sec01 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top01.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.historyTopImg01#sec02 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top02.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.historyTopImg01#sec03 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top03.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.historyTopImg01#sec04 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top04.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.historyTopImg01#sec05 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top05.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.historyTopImg01#sec06 {
		background: url(/mecsumai/img/brand/history/top/line01.png) repeat-y 9px top, url(/mecsumai/img/brand/history/top/pic_history_top06.jpg) 25px center no-repeat;
		background-size: auto,cover;
	}
	.lineStart01 {
		display: block;
		margin: 0 12px;
		height: 40px;
		background: url(/mecsumai/img/brand/history/top/line02.png) no-repeat 9px top;
	}
	.lineEnd01 {
		display: block;
		margin: 0 12px;
		height: 40px;
		background: url(/mecsumai/img/brand/history/top/line03.png) no-repeat 9px top;
	}
}


/* --------------------------------------------------
 * /brand/history/heritage/
 */

@media screen and (min-width: 768px){
	#main.brand-history .brand-history-heritage {
		margin: 0 0 60px;
	}

	#main.brand-history .brand-history-heritage > header {
		margin: 0 0 80px;
	}

	#main.brand-history .brand-history-heritage > header h2 {
		height: 60px;
		color: #00703C;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 30px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: 0.225;
	}

	#main.brand-history .brand-history-heritage > header p {
		font-size: 15px;
		line-height: 25px;
	}

	#main.brand-history .brand-history-heritage .map {
		margin: 0 0 60px;
	}

	#main.brand-history .brand-history-heritage .map .captions {
		width: 100%;
		height: 30px;
		overflow: hidden;
	}

	#main.brand-history .brand-history-heritage .map .captions p {
		float: left;
		height: 30px;
		color: #00703C;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 23px;
		line-height: 23px;
	}

	#main.brand-history .brand-history-heritage .map .captions p:last-child {
		float: right;
		width: 368px;
	}

	#main.brand-history .brand-history-heritage .map .pins {
		position: relative;
		width: 968px;
		height: 510px;
		background: url(/mecsumai/img/brand/history/heritage/map.png) no-repeat 0 0;
	}

	#main.brand-history .brand-history-heritage .map .pins a {
		display: block;
		position: absolute;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
  
	#main.brand-history .brand-history-heritage .map .pins span {
		display: block;
		position: absolute;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}


	#main.brand-history .brand-history-heritage .map .pins a.pin001 {
		top: 175px; left: 300px; width: 113px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin001.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin002-1 {
		top: 122px; left: 824px; width: 38px; height: 39px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin002-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin002-2 {
		top: 407px; left: 633px; width: 240px; height: 17px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin002-2.png) no-repeat 0 0;
	}
  	#main.brand-history .brand-history-heritage .map .pins span.pin002-1-1 {
		top: 150px; left: 840px; width: 20px; height: 10px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin002-1-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin003-1 {
		top: 230px; left: 784px; width: 21px; height: 31px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin003-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins span.pin003-2 {
		top: 269px; left: 792px; width: 20px; height: 10px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin003-2.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin003-3 {
		top: 430px; left: 633px; width: 194px; height: 18px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin003-3.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin004 {
		top: 227px; left: 371px; width: 106px; height: 64px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin004.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin005 {
		/*top: 134px; left: 257px; width: 71px; height: 32px;*/
		top: 134px; left: 240px; width: 144px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin005.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin006-1 {
		top: 219px; left: 799px; width: 31px; height: 46px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin006-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin006-2 {
		top: 383px; left: 633px; width: 180px; height: 17px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin006-2.png) no-repeat 0 0;
	}
  	#main.brand-history .brand-history-heritage .map .pins span.pin006-1-1 {
		top: 256px; left: 812px; width: 20px; height: 11px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin006-1-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin007 {
		top: 317px; left: 194px; width: 100px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin007.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin008 {
		top: 259px; left: 252px; width: 115px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin008.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin009 {
		top: 227px; left: 289px; width: 101px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin009.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin010 {
		top: 171px; left: 130px; width: 83px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin010.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin011 {
		top: 195px; left: 10px; width: 113px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin011.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin012-1 {
		top: 277px;  left: 611px;  width: 31px;  height: 50px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin012-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin012-2 {
		top: 453px;  left: 633px;  width: 194px;  height: 18px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin012-2.png) no-repeat 0 0;
	}
  	#main.brand-history .brand-history-heritage .map .pins span.pin012-1-1 {
		top: 316px;  left: 620px; width: 20px; height: 11px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin012-1-1.png) no-repeat 0 0;
	}
    #main.brand-history .brand-history-heritage .map .pins a.pin013-1 {
		top: 255px;  left: 800px;  width: 51px;  height: 51px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin013-1.png) no-repeat 0 0;
	}
    #main.brand-history .brand-history-heritage .map .pins a.pin013-2 {
		top: 474px;  left: 633px;  width: 257px;  height: 19px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin013-2.png) no-repeat 0 0;
	}
	
	#main.brand-history .brand-history-heritage .map .pins a.pin014 {
		top: 223px; left: 432px; width: 98px; height: 32px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin014.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin015-1 {
		top: 307px;  left: 572px;  width: 51px;  height: 51px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin015-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin015-2 {
		top: 497px;  left: 633px;  width: 200px;  height: 19px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin015-2.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin016-1 {
		top: 285px;  left: 854px;  width: 51px;  height: 51px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin016-1.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins a.pin016-2 {
		top: 520px;  left: 633px;  width: 270px;  height: 21px;
		background: url(/mecsumai/img/brand/history/heritage/pins/pin016-2.png) no-repeat 0 0;
	}
	
	#main.brand-history .brand-history-heritage .map .pins[data-href='001/'] a.pin001 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin001-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='002/'] a.pin002-1 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin002-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='002/'] a.pin002-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin002-2-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='003/'] a.pin003-1 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin003-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='003/'] a.pin003-3 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin003-3-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='004/'] a.pin004 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin004-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='005/'] a.pin005 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin005-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='006/'] a.pin006-1 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin006-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='006/'] a.pin006-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin006-2-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='007/'] a.pin007 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin007-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='008/'] a.pin008 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin008-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='009/'] a.pin009 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin009-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='010/'] a.pin010 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin010-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='011/'] a.pin011 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin011-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='012/'] a.pin012-1 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin012-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='012/'] a.pin012-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin012-2-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='013/'] a.pin013-1 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin013-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='013/'] a.pin013-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin013-2-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='014/'] a.pin014 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin014-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='015/'] a.pin015-1 {
	background: url(/mecsumai/img/brand/history/heritage/pins/pin015-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='015/'] a.pin015-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin015-2-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='016/'] a.pin016-1 {
	background: url(/mecsumai/img/brand/history/heritage/pins/pin016-1-on.png) no-repeat 0 0;
	}
	#main.brand-history .brand-history-heritage .map .pins[data-href='016/'] a.pin016-2 {
		background: url(/mecsumai/img/brand/history/heritage/pins/pin016-2-on.png) no-repeat 0 0;
	}

	@media screen and (max-width: 1024px){
		#main.brand-history .brand-history-heritage .map {
			width: 750px;
			margin: 0 auto;
		}

		#main.brand-history .brand-history-heritage .map .captions p:last-child {
			width: 300px;
		}

		#main.brand-history .brand-history-heritage .map .pins {
			transform: scale(0.75, 0.75);
			-webkit-transform: scale(0.75, 0.75);
			transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
		}
	}

	#main.brand-history .brand-history-heritage .list {
		margin: 0 0 0 -28px;
		overflow: hidden;
	}

	#main.brand-history .brand-history-heritage .list li {
		float: left;
		width: 33.33%;
		padding: 0 0 70px 28px;
		display: none;
	}

	#main.brand-history .brand-history-heritage .list li:nth-child(3n+1) {
		clear: both;
	}

	#main.brand-history .brand-history-heritage .list li a {
		display: block;
		transition: 200ms opacity;
	}

	#main.brand-history .brand-history-heritage .list li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	#main.brand-history .brand-history-heritage .list li img {
		width: 100%;
		margin: 0 0 12px;
		border: 1px solid #CCCCCC;
	}

	#main.brand-history .brand-history-heritage .list li p {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.02;
	}

	#main.brand-history .brand-history-heritage .list li p.title {
		margin: 0 0 12px;
		font-weight: bold;
	}

	#main.brand-history .brand-history-heritage .list li p.title.new:before {
		content: "NEW";
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 2px 4px 0;
		vertical-align: 1px;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: normal;
		line-height: 16px;
		background-color: #DA2B26;
	}
}

@media screen and (max-width: 767px){
	#main.brand-history .brand-history-heritage {
		margin: 0 0 30px;
	}

	#main.brand-history .brand-history-heritage > header {
		margin: 40px 0;
	}

	#main.brand-history .brand-history-heritage > header h2 {
		height: 30px;
		color: #00703C;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 15px;
		letter-spacing: 0.225;
	}

	#main.brand-history .brand-history-heritage > header p {
		font-size: 12px;
		line-height: 20px;
	}

	#main.brand-history .brand-history-heritage .list {
		margin: 0 0 0 -15px;
		overflow: hidden;
	}

	#main.brand-history .brand-history-heritage .list li {
		float: left;
		width: 50%;
		padding: 0 0 30px 15px;
		display: none;
	}

	#main.brand-history .brand-history-heritage .list li:nth-child(odd) {
		clear: both;
	}

	#main.brand-history .brand-history-heritage .list li img {
		width: 100%;
		margin: 0 0 8px;
		border: 1px solid #CCCCCC;
	}

	#main.brand-history .brand-history-heritage .list li p {
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.02;
	}

	#main.brand-history .brand-history-heritage .list li p.title {
		margin: 0 0 8px;
		font-weight: bold;
	}

	#main.brand-history .brand-history-heritage .list li p.title.new:before {
		content: "NEW";
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 2px 4px 0;
		vertical-align: 1px;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: normal;
		line-height: 14px;
		background-color: #DA2B26;
	}

	#main.brand-history .brand-history-heritage .sp-list {
		margin: 0 0 60px;
	}

	#main.brand-history .brand-history-heritage .sp-list a:hover {
		text-decoration: none;
	}

	#main.brand-history .brand-history-heritage .sp-list > a {
		display: block;
		position: relative;
		width: 178px;
		height: 34px;
		margin: 0 auto;
		text-align: center;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 36px;
		background-color: #00703C;
	}

	#main.brand-history .brand-history-heritage .sp-list > a:before,
	#main.brand-history .brand-history-heritage .sp-list > a:after {
		content: "";
		position: absolute;
		top: 17px;
		right: 10px;
		width: 10px;
		height: 1px;
		background-color: #FFFFFF;
	}

	#main.brand-history .brand-history-heritage .sp-list > a:after {
		transform: rotate(90deg);
	}

	#main.brand-history .brand-history-heritage .sp-list > a.opened:after {
		display: none;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul {
		display: none;
		padding: 0 10px;
		border-top: 1px solid #00703C;
		border-bottom: 1px solid #00703C;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li {
		margin: 0 0 19px;
		font-size: 12px;
		line-height: 19px;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li:first-child {
		margin-top: 25px;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li > a:after {
		content: "＋";
		display: inline-block;
		margin: 0 0 0 1em;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li > a.opened:after {
		content: "－";
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li > ul {
		display: none;
		padding: 0 0 0 10px;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li > ul > li {
	  padding-top: 14px;
	}

	#main.brand-history .brand-history-heritage .sp-list > ul > li > ul > li a:after {
		content: "";
		display: inline-block;
		margin: 0 0 0 7px;
		border-left: 4px solid #00703C;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-right: none;
		vertical-align: middle;
	}
}