/*
Name: クラシキ文華 汎用特集テンプレート2020
Author:Seiki Nishijima

	$Id: common_volxx.css,v1.0 $
*/
/*===========================================================================
-----------------------------------------------------------------------------
  共通設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
body #background .feature20Area {
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-bottom: 80px;
}
#background .feature20Area section {
	background: #fff;
	padding: 0 100px;
}
#background .feature20Area p {
	margin: 0 0 80px;
	font-size: 16px;
	line-height: 2.25em;
}
#background .feature20Area p.attention {
	font-size: 14px;
}
#background .feature20Area img {
	width: 100%;
	height: auto;
}
#background .feature20Area .photoSet {
	margin: 0 -50px 70px;
	display: flex;
}
#background .feature20Area figure {
	margin: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	body #background .feature20Area {
		margin-bottom: 50px;
	}
	#background .feature20Area section {
		padding: 0 10vw;
	}
	#background .feature20Area br.spNone {
		display: none;
	}
	#background .feature20Area p {
		margin: 0 0 50px;
	}
	#background .feature20Area .photoSet {
		margin: 0 -5vw 40px;
		display: block;
	}
}
/*--------------------------------------------------------------------------
  写真セット設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area .photoSet figure {
	margin: 0 auto 10px auto;
	position: relative;
}
#background .feature20Area .photoSet figure:first-of-type {
	margin: 0 auto 10px 0;
}
#background .feature20Area .photoSet figure:last-of-type {
	margin: 0 0 10px auto;
}
#background .feature20Area .photoSet img {
	width: auto;
	height: 360px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .photoSet img {
		width: 100%;
		height: auto;
	}
}
/*--------------------------------------------------------------------------
  写真SP並べ替え設定　ここから
---------------------------------------------------------------------------*/
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .photoSet.floatLU ,
	#background .feature20Area .photoSet.floatLD ,
	#background .feature20Area .photoSet.floatCU ,
	#background .feature20Area .photoSet.floatCD ,
	#background .feature20Area .photoSet.floatRU ,
	#background .feature20Area .photoSet.floatRD {
		display: flex;
		flex-wrap: wrap;
	}
	#background .feature20Area .photoSet.floatLU figure ,
	#background .feature20Area .photoSet.floatLD figure ,
	#background .feature20Area .photoSet.floatCU figure ,
	#background .feature20Area .photoSet.floatCD figure ,
	#background .feature20Area .photoSet.floatRU figure ,
	#background .feature20Area .photoSet.floatRD figure {
		width: calc(50% - 5px);
		order: 2;
	}
	#background .feature20Area .photoSet.floatLU figure:nth-of-type(1) ,
	#background .feature20Area .photoSet.floatCU figure:nth-of-type(2) ,
	#background .feature20Area .photoSet.floatRU figure:nth-of-type(3) {
		width: 100%;
		order: 1;
	}
	#background .feature20Area .photoSet.floatLD figure:nth-of-type(1) ,
	#background .feature20Area .photoSet.floatCD figure:nth-of-type(2) ,
	#background .feature20Area .photoSet.floatRD figure:nth-of-type(3) {
		width: 100%;
		order: 3;
	}
	#background .feature20Area .photoSet.floatRU figure:nth-of-type(2) ,
	#background .feature20Area .photoSet.floatRD figure:nth-of-type(2) {
		margin-right: 0;
	}
	#background .feature20Area .photoSet.floatLU figure:nth-of-type(2) ,
	#background .feature20Area .photoSet.floatLD figure:nth-of-type(2) {
		margin-left: 0;
	}
}
/*--------------------------------------------------------------------------
  写真SPトリミング設定　ここから
---------------------------------------------------------------------------*/
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .photoSet figure.trimTop ,
	#background .feature20Area .photoSet figure.trimCnt ,
	#background .feature20Area .photoSet figure.trimBtm {
		display: block;
		overflow: hidden;
		padding-top: 52.174%;
	}
	#background .feature20Area .photoSet figure.trimTop img ,
	#background .feature20Area .photoSet figure.trimCnt img ,
	#background .feature20Area .photoSet figure.trimBtm img {
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 5;
		left: 0;
	}
	#background .feature20Area .photoSet figure.trimTop img {top: 0;}
	#background .feature20Area .photoSet figure.trimCnt img {top: -36.145%;}
	#background .feature20Area .photoSet figure.trimBtm img {bottom: 0;}
}
/*--------------------------------------------------------------------------
  写真連結セット設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area .photoWrapper {
	margin: 0 -50px 70px;
}
#background .feature20Area .photoWrapper .photoSet {
	margin: 0 0 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .photoWrapper {
		margin: 0 -5vw 40px;
	}
	#background .feature20Area .photoWrapper .photoSet {
		margin: 0 0 0;
	}
}
/*--------------------------------------------------------------------------
  写真セットキャプション 設定　ここから  ※2022/02/07 中山が.addNumberをもとに作成
---------------------------------------------------------------------------*/
#background .feature20Area ol.caption {
	padding: 10px 50px 0;
}
#background .feature20Area ol.caption li {
	display: inline-block;
	margin: 0 20px 10px 0;
	font-size: 14px;
	line-height: 2em;
	position: relative;
}
#background .feature20Area ol.caption li em {
	display: inline-block;
	left: 0;
	top: calc(50% - 1.1em);
	font-size: 10px;
	line-height: 2em;
	padding: 1px 0 1px 2px;
	margin-right: 10px;
	text-align: center;
	width: 2em;
	border: 1px solid #000;
	background: #fff;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area ol.caption {
		padding: 10px 5vw 0;
	}
	#background .feature20Area ol.caption li em {
		font-size: 12px;
	}
}
/*--------------------------------------------------------------------------
  写真セットナンバー追加 設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area figure em.number {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 2em;
	padding: 0;
	text-align: center;
	width: 2em;
	background: #fff;
	z-index: 10;
}
#background .feature20Area figure em.number.npRD {
	top: auto;
	bottom: 0;
}
#background .feature20Area figure em.number.npLU {
	top: 0;
	right: auto;
	left: 0;
}
#background .feature20Area figure em.number.npLD {
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
}
/*--------------------------------------------------------------------------
  共通タイトル設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area h3 {
	margin: 0 0 80px;
	font-size: 26px;
	font-weight: bold;
	color: #0F638C;
}
#background .feature20Area h3 em {
	display: inline-block;
	margin-left: 0.5em;
	width: 1.6em;
	line-height: 1.6em;
	text-align: center;
	background: #0F638C;
	color: #fff;
}
#background .feature20Area h3 strong {
	display: block;
	font-size: 40px;
	line-height: 1.6em;
	color: #201915;
	padding-top: 0.3em;
}
#background .feature20Area h3 strong small {
	font-size: 50%;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area h3 {
		margin: 0 0 50px;
		font-size: 16px;
	}
	#background .feature20Area h3 strong {
		font-size: 24px;
	}
}
/*--------------------------------------------------------------------------
  ページネーション設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area #pagination {
	margin: 0 0 70px;
	text-align: center;
}
#background .feature20Area .featureColumnPerson + section.underColumn{
	background: #e0deb2;
	padding-top: 0;
}
#background .feature20Area #pagination li {
	display: inline-block;
	margin: 0 5px 10px;
}
#background .feature20Area #pagination li a ,
#background .feature20Area #pagination li span {
	display: block;
	box-shadow: none;
	height: auto;
	padding: 15px 10px;
	font-size: 16px;
	color: #0F638C;
	background: #E4EBEB;
	line-height: 1em;
}
#background .feature20Area #pagination li span {
	color: #fff;
	background: #0F638C;
}
#background .feature20Area .dataSet #pagination li a {
	background: #fff;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area #pagination {
		margin: 0 0 40px;
	}
	#background .feature20Area #pagination li {
		margin: 0 3px 6px;
	}
	#background .feature20Area #pagination li a ,
	#background .feature20Area #pagination li span {
		padding: 10px 10px;
	}
}

/*===========================================================================

  ヘッダー＆メニュー設定　ここから

===========================================================================*/
#background .feature20Area section.featureMain {
	padding: 0;
}
#background .feature20Area .featureMain h2 {
	margin-bottom: 80px;
}
#background .feature20Area .featureMain p {
	margin: 0 100px 80px;
}
#background .feature20Area .featureMain h2.noBtm {
	margin-bottom: 0;
}
#background .feature20Area .featureMain div.notice {
	background-color: #F7F5F2;
	margin: -80px 0 80px;
}
#background .feature20Area .featureMain div.notice p {
	padding: 40px 100px 40px;
	margin: 0 0 0;
}
#background .feature20Area .featureMain div.notice p small{
	font-size: 14px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureMain h2 {
		margin-bottom: 50px;
	}
	#background .feature20Area .featureMain p {
		width: 100%;
		padding: 0 10vw;
		margin: 0 0 50px;
	}
	#background .feature20Area .featureMain div.notice {
		margin: -50px 0 40px;
	}
	#background .feature20Area .featureMain div.notice p {
		padding:  20px 10vw;
	}
}
/*--------------------------------------------------------------------------
  メニュー設定　ここから
---------------------------------------------------------------------------*/
#background .feature20Area .featureMain nav {
	display: flex;
	flex-wrap: wrap;
	margin: 0 50px 70px;
}
#background .feature20Area .featureMain nav dl {
	width: calc(50% - 5px);
	margin: 0 auto 10px 0;
	background-color: #E4EBEB;
	background-size: cover;
	color: #fff;
	padding: 15px 25px 10px;
	position: relative;
}
#background .feature20Area .featureMain nav dl.active {
	background:  linear-gradient(135deg, #697585, #2C607A, #1A3954);
	background-size: cover;
}
#background .feature20Area .featureMain nav dl:nth-of-type(2n) {
	margin: 0 0 10px auto;
}
#background .feature20Area .featureMain nav dl dt ,
#background .feature20Area .featureMain nav dl dd {
	font-size: 15px;
	line-height: 1.6em;
	letter-spacing: 0;
	font-weight: bold;
	color: #0F638C;
	position: static;
	margin-bottom: 5px;
}
#background .feature20Area .featureMain nav dl dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	text-indent: -10em;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	filter: Alpha(opacity=0) !important;
	opacity: 0 !important;
}
#background .feature20Area .featureMain nav dl dt a:hover {
	filter: Alpha(opacity=50) !important;
	opacity: 0.5 !important;
}
#background .feature20Area .featureMain nav dl dd em {
	display: inline-block;
	margin-left: 0.5em;
	width: 1.6em;
	line-height: 1.6em;
	text-align: center;
	background: #0F638C;
	color: #E4EBEB;
}
#background .feature20Area .featureMain nav dl.active dt {
	color: #fff;
}
#background .feature20Area .featureMain nav dl.active dd {
	color: #fff;
}
#background .feature20Area .featureMain nav dl.active dd em {
	background: #fff;
	color: #0F638C;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureMain nav {
		display: block;
		margin: 0 5vw 40px;
	}
	#background .feature20Area .featureMain nav dl {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		padding: 15px 25px 10px;
	}
	#background .feature20Area .featureMain nav dl dd {
		font-size: 14px;
	}
	#background .feature20Area .featureMain nav dl dt a {
		background: transparent;
	}
}
/*-------------------------------------------------------------------------*/
#background .feature20Area .featureMain nav.trineSet dl {
	width: calc(33.33% - 7px);
	margin: 0 auto 10px 0;
}
#background .feature20Area .featureMain nav.trineSet dl:nth-of-type(3n-1) {
	margin: 0 auto 10px auto;
}
#background .feature20Area .featureMain nav.trineSet dl:nth-of-type(3n) {
	margin: 0 0 10px auto;
}
/*===========================================================================

  コラム設定　ここから

===========================================================================*/
#background .feature20Area .featureColumnSet {
	padding: 80px 100px 0;
	background: #cbe2ef;
}
#background .feature20Area .featureColumnSet + section {
	padding-top: 80px;
}
#background .feature20Area .featureColumnSet h4 {
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#background .feature20Area .featureColumnSet h4 em {
	font-size: 40px;
	padding-right: 0.5em;
}
#background .feature20Area .featureColumnSet h4 em.small {
	font-size: 24px;
}
#background .feature20Area .featureColumnSet h4 em img {
	height: 45px;
	width: 210px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureColumnSet {
		padding: 35px 10vw 0;
	}
	#background .feature20Area .featureColumnSet + section {
		padding-top: 50px;
	}
	#background .feature20Area .featureColumnSet h4 {
		margin-bottom: 50px;
		display: block;
	}
	#background .feature20Area .featureColumnSet h4 em {
		display: inline-block;
		font-size: 28px;
		line-height: 1.6em;
		padding-top: 10px;
	}
	#background .feature20Area .featureColumnSet h4 em.small {
		font-size: 18px;
	}
	#background .feature20Area .featureColumnSet h4 em img {
		height: 30px;
		width: auto;
	}
}

/*===========================================================================

  コラム 人物紹介設定　ここから

===========================================================================*/
#background .feature20Area .featureColumnPerson {
	padding: 80px 50px 0;
	background: #e0deb2;
}
#background .feature20Area .featureColumnPerson + section {
	padding-top: 80px;
}
#background .feature20Area .featureColumnPerson h4 {
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#background .feature20Area .featureColumnPerson h4 em {
	font-size: 40px;
	padding-right: 0.5em;
}
#background .feature20Area .featureColumnPerson h4 em.small {
	font-size: 24px;
}
#background .feature20Area .featureColumnPerson h4 em img {
	height: 45px;
	width: 210px;
	padding-left: 50px;
}
#background .feature20Area .featureColumnPerson .contentsSet .textBox{
	width: 740px;
	margin: 0 20px 30px;
	float: left;
}
#background .feature20Area .featureColumnPerson .contentsSet .textBox strong{
	font-size: 24px;
	font-weight: 700;
	color: #103669;
    padding-right: 0.7em;
    line-height: 2.4em;
}
#background .feature20Area .featureColumnPerson .contentsSet .textBox em{
	font-weight: 500;
	display: inline-block;
}
#background .feature20Area .featureColumnPerson .contentsSet .imageBox {
	width: 270px;
	margin: 0 0 30px 50px;
	float: right;
	margin-bottom: 0;
}
#background .feature20Area .featureColumnPerson .contentsSet .imageBox.box_r{
	float: left;
	margin: 0 50px 30px 0;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureColumnPerson {
		padding: 35px 10vw 0;
	}
	#background .feature20Area .featureColumnPerson + section {
		padding-top: 50px;
	}
	#background .feature20Area .featureColumnPerson h4 {
		margin-bottom: 50px;
		display: block;
	}
	#background .feature20Area .featureColumnPerson h4 em {
		display: inline-block;
		font-size: 28px;
		line-height: 1.6em;
		padding-top: 10px;
	}
	#background .feature20Area .featureColumnPerson h4 em.small {
		font-size: 18px;
	}
	#background .feature20Area .featureColumnPerson h4 em img {
		height: 30px;
		width: auto;
		padding-left: 0;
	}
	#background .feature20Area .featureColumnPerson .contentsSet .textBox{
		float:none;
		width: 100%;
		height: auto;
		margin: 0 0 0;
	}
	#background .feature20Area .featureColumnPerson .contentsSet .textBox strong{
		font-size: 22px;
		line-height: 1.6em;
	}
	#background .feature20Area .featureColumnPerson .contentsSet .textBox em{
		font-weight: 700;
		line-height: 3em;
	}
	#background .feature20Area .featureColumnPerson .contentsSet .imageBox,
	#background .feature20Area .featureColumnPerson .contentsSet .imageBox.box_r{
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
}

/*===========================================================================

  情報設定　ここから

===========================================================================*/
#background .feature20Area .featureInfoSet {
	border: 6px solid #201915;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding-bottom: 30px;
}
#background .feature20Area .featureInfoSet:last-child {
	margin-bottom: 80px;
}
#background .feature20Area .featureInfoSet h4 {
	width: 100%;
	padding: 10px 40px 15px;
	margin-bottom: 30px;
	background: #201915;
	text-align: center;
	color: #fff;
	line-height: 1.6em;
	font-size: 28px;
}
#background .feature20Area .featureInfoSet h4 em {
	display: inline-block;
}
#background .feature20Area .featureInfoSet figure {
	width: calc(50% - 70px);
	margin: auto auto auto 40px;
}
#background .feature20Area .featureInfoSet .infoBox {
	width: calc(50% - 70px);
	margin: auto 40px auto auto;
	border-top: 1px dotted #999491;
}
#background .feature20Area .featureInfoSet .infoBox dl {
	padding: 15px 10px;
	border-bottom: 1px dotted #999491;
}
#background .feature20Area .featureInfoSet .infoBox dl dt {
	width: 75px;
	padding: 4px 0;
	margin: 0.5em 0;
	float: left;
	background: #201915;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
	border-radius: 4px;
}
#background .feature20Area .featureInfoSet .infoBox dl dd {
	width: calc(100% - 100px);
	float: right;
	font-size: 16px;
	line-height: 2em;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureInfoSet {
		border-width: 4px;
		border-top: none;
		display: block;
		margin: 0 -5vw 20px;
		padding-bottom: 0;
		line-height: 0;
	}
	#background .feature20Area .featureInfoSet:last-child {
		margin-bottom: 50px;
	}
	#background .feature20Area .featureInfoSet h4 {
		padding: 15px;
		font-size: 18px;
		margin-bottom: 0;
	}
	#background .feature20Area .featureInfoSet figure ,
	#background .feature20Area .featureInfoSet .infoBox {
		border-top: none;
		width: 100%;
		margin: 0;
	}
	#background .feature20Area .featureInfoSet .infoBox dl {
		padding: 20px 15px 15px;
	}
	#background .feature20Area .featureInfoSet .infoBox dl:last-of-type {
		border-bottom: none;
	}
	#background .feature20Area .featureInfoSet .infoBox dl dt {
		margin: 0;
	}
	#background .feature20Area .featureInfoSet .infoBox dl dd {
		width: 100%;
		clear: both;
		float: none;
		line-height: 1.6em;
		padding-top: 10px;
	}
}



/*===========================================================================

  SDGs設定　ここから

===========================================================================*/
#background .feature20Area .featureSDGsSet {
	background-image: url(./bg-sdgs.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#background .feature20Area .featureSDGsSet + section {
	padding-top: 80px;
}
#background .feature20Area .featureSDGsSet h4 {
	padding: 60px 0 10px;
	font-size: 36px;
	color: #5E3F69;
	text-align: center;
}
#background .feature20Area .featureSDGsSet p {
	text-align: center;
	margin-bottom: 20px;
}
#background .feature20Area .featureSDGsSet p strong {
	font-size: 20px;
	color: #008F8C;
	font-weight: 500;
}
#background .feature20Area .featureSDGsSet figure {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 40px;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureSDGsSet {
		padding: 35px 5vw 0;
	}
	#background .feature20Area .featureSDGsSet + section {
		padding-top: 50px;
	}
	#background .feature20Area .featureSDGsSet h4 {
		padding-top: 35px;
		margin-bottom: 50px;
		font-size: 24px;
		display: block;
	}
	#background .feature20Area .featureSDGsSet p strong em {
		display: inline-block;
	}
	#background .feature20Area .featureSDGsSet figure {
		width: auto;
	}
}

/*===========================================================================

  組織図設定　ここから

===========================================================================*/
#background .feature20Area .chart  {
	margin: 0 100px 80px;
	width: 800px;
}
#background .feature20Area .chart img {
	width: 100%;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .chart {
		margin: 0 -5vw 40px;
		width: auto;
	}
}

/*===========================================================================

  特集13　メンバー紹介設定　ここから

===========================================================================*/
#background .feature20Area .memberSet13 h2 {
	background: #0F638C;
	font-size: 32px;
	margin: 0 -100px 40px;
	color: #FFFFFF;
	padding: 10px 40px 10px;
}
#background .feature20Area .memberSet13 h2 span {
	font-size: 18px;
	margin-left: 20px;
	display: inline-block;
}
#background .feature20Area .memberSet13 .memBox {
	border-bottom: #a3a3a3 1px solid;
	margin: 0 0 40px;
}
#background .feature20Area .memberSet13 .memBox .photo {
	float: left;
	width: 180px;
	margin: 0 0 40px 40px;
}
#background .feature20Area .memberSet13 .memBox .infoBox {
	float: right;
	width: 700px;
	margin-bottom: 10px;
	text-align: left;
}
#background .feature20Area .memberSet13 .memBox .infoBox h3 {
	font-size: 28px;
	margin:20px 0 20px 0;
	padding: 0;
	color: #0F638C;
	text-align: left;
	border: none;
}
#background .feature20Area .memberSet13 .memBox .infoBox .name {
	font-size: 20px;
	display: block;
    margin-left: 0;
    width: auto;
    line-height: auto;
    text-align: left;
    background: none;
    color: #0F638C;
}
#background .feature20Area .memberSet13 .memBox .infoBox .jobtit {
	font-size: 18px;
	margin-right: 5px;
}
#background .feature20Area .memberSet13 .memBox .infoBox .san {
	font-weight: normal;
	font-size: 16px;
    width: auto;
    line-height: auto;
    text-align: left;
    background: none;
	color: #201915;
	margin-left: 5px;
}
#background .feature20Area .memberSet13 .memBox .infoBox h4 {
	font-size: 22px;
	margin:0 0 15px 0;
	color: #201915;
}
#background .feature20Area .memberSet13 .memBox .infoBox dl {
	padding: 15px 10px;
}
#background .feature20Area .memberSet13 .memBox .infoBox dl dt {
	width: 75px;
	padding: 4px 0;
	margin: 0.5em 0;
	float: left;
	background: #201915;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
	border-radius: 4px;
}
#background .feature20Area .memberSet13 .memBox .infoBox dl dd {
	width: calc(100% - 100px);
	float: right;
	font-size: 16px;
	line-height: 2em;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .memberSet13 {
		padding: 0 0 0;
	}
	#background .feature20Area .memberSet13 h2 {
		width: 100%;
		font-size: 18px;
		margin: 0 0 20px;
		padding: 20px 15px 16px;
	}
	#background .feature20Area .memberSet13 h2 span {
		font-size: 14px;
	}
	#background .feature20Area .memberSet13 .memBox {
		margin: 0 15px 20px;
	}
	#background .feature20Area .memberSet13 .memBox .photo {
		float: none;
		width: 60%;
		margin: 0 auto 10px;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox h3 {
		font-size: 22px;
		margin:0 auto 10px;
		text-align: center;
		border: none;
		padding: 0 0;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox .name {
		font-size: 16px;
		text-align: center;
		display: block;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox .jobtit {
		font-size: 18px;
		margin-right: 5px;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox .san {
		font-weight: normal;
		font-size: 14px;
		margin-left: 5px;
	}
	#background .feature20Area .memberSet13 .memBox .infoBox h4 {
		font-size: 18px;
		margin:0 0 10px 0;
		padding: 0 20px;
	}
	#background .feature20Area .memberSet13 .last {
		border-bottom: none;
		margin-bottom: 0;
	}
}

/*===========================================================================

  座談会　メンバー紹介設定　ここから

===========================================================================*/

/*----メンバー紹介---*/
#background .feature20Area .memberSet {
	padding: 0 100px;
	margin-bottom: 80px;
}
#background .feature20Area .memberSet h2 {
	border:#211916 3px solid; 
	width: 100%;
	font-weight: bold;
	font-size: 24px;
	line-height: 2em;
	text-align: center;
	margin-bottom: 40px;
}
#background .feature20Area .memberSet .memberBox li {
	margin-bottom: 0;
	float: left;
    width: 280px;
    margin-left: 40px;
	text-align: center;
}
#background .feature20Area .memberSet .memberBox img {
    width: 200px;
	margin-bottom: 30px;
}
#background .feature20Area .memberSet .memberBox div {
	font-size: 14px;
	display: block;
	line-height: 1.7em;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}
#background .feature20Area .memberSet .memberBox em {
	font-weight: bold;
	font-size: 18px;
	margin: 0 8px ;
}
#background .feature20Area .memberSet .memberBox em.red {color: #bd152e;}
#background .feature20Area .memberSet .memberBox em.green {color: #176b38;}
#background .feature20Area .memberSet .memberBox em.blue {color: #0F638C;}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .memberSet {
		padding: 0 5vw;
		margin-bottom: 40px;
	}
	#background .feature20Area .memberSet h2 {
		font-size: 20px;
	}
	#background .feature20Area .memberSet .memberBox li,
	#background .feature20Area .memberSet .memberBox li.EOL {
	    width: 41%;
	    margin-left: 6%;
	    margin-bottom: 8%;
	}
	#background .feature20Area .memberSet .memberBox li:nth-of-type(odd){
		clear: left;
	}
	#background .feature20Area .memberSet .memberBox li em {
		display: inline-block;
	}
	#background .feature20Area .memberSet .memberBox div {
		padding: 0 0 0 0;
		width: 100%;
		display: block;
		color: #211916;
		letter-spacing: 0.05em;
		margin-bottom: 5px;
	}
}

/*===========================================================================

  座談会　本文設定　ここから

===========================================================================*/
#background .feature20Area p.zadan {
	margin-bottom: 40px;
	clear: both;
	overflow: auto;
}
#background .feature20Area p.zadan em {
	font-weight: bold;
	width: 40px;
	margin-right: 40px;
	float:left;
	display: block;
}
#background .feature20Area p.zadan span {
	width: 920px;
	margin-bottom: 40px;
	float:left;
	display: block;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area p.zadan span {
		width: 100%;
	}
}
/*----文字色指定----*/
#background .feature20Area p.zadan em.red {color: #bd152e;}
#background .feature20Area p.zadan em.green {color: #176b38;}
#background .feature20Area p.zadan em.blue {color: #0F638C;}


/*===========================================================================

  ショップデータ設定　ここから

===========================================================================*/
#background .feature20Area .dataSet {
	background: #E4EBEB;
	padding: 50px 50px 0;
}
#background .feature20Area .dataSet h3 {
	padding: 10px 10px 7px 10px;
	margin: 0 0 0 0;
	font-size: 22px;
	line-height: 1em;
	text-align: center;
	color: #FFFFFF;
	background: #0F638C;
	font-weight: bold;
    letter-spacing: 0.1em;
    border: none;
}
#background .feature20Area .dataBox {
	background: #fff;
	border-bottom: 1px solid #dedede;
}
#background .feature20Area .dataBox:last-of-type {
	border-bottom: none;
	margin-bottom: 80px
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .dataSet {
		padding: 10px 10px;
	}
	#background .feature20Area .dataSet h3 {
		font-size: 16px;
	}
	#background .feature20Area .dataBox:last-of-type {
		padding-bottom: 10px;
		margin-bottom: 50px
	}
}

/*-----------------------------------*/
#background .feature20Area .dataBox ul.photo {
	float: left;
	padding: 30px;
	margin: 0;
	border-right: 1px solid #dedede;
}
#background .feature20Area .dataBox ul.photo li {
	width: 180px;
	float: left;
	margin: 5px;
	padding: 0;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .dataBox ul.photo {
		float: none;
		padding: 20px 20px;
		margin: 0;
		border-right: none;
	}
	#background .feature20Area .dataBox ul.photo li {
		width: 48%;
		margin: 0 0 0 0;
	}
	#background .feature20Area .dataBox ul.photo li.right {
	margin: 0 0 0 4%;
	}

}

/*-----------------------------------*/
#background .feature20Area .dataBox .infoBox {
	width: 610px;
	padding: 35px 30px 0 30px;
	float: left;
	position: static;
}
#background .feature20Area .dataBox .infoBox h4 {
	font-size: 18px;
	color: #6B431A;
	margin:0 0 20px 0;
}
#background .feature20Area .dataBox .infoBox p {
	margin: 0 0 15px 0;
	color: #211916;
	font-size: 14px;
	line-height: 1.7em;
}
#background .feature20Area .dataBox .infoBox ul {
	margin: 0 0 0 0;
}
#background .feature20Area .dataBox .infoBox ul li {
	background: url(./images/icon01.png) no-repeat 0 50%;
	background-size: 16px 16px;
	margin: 0 20px 0 0;
	padding: 5px 0 3px 23px;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #0F638C;
	letter-spacing: 0;
}
#background .feature20Area .dataBox .infoBox ul li.phone {
	background-image: url(./images/icon02.png);
	margin: 0 10px 0 0;
}
#background .feature20Area .dataBox .infoBox ul li.time {
	background-image: url(./images/icon03.png);
	margin: 0 0 0 0;
}
#background .feature20Area .dataBox .infoBox ul li.HP {
	background-image: url(./iconHP.svg);
	margin: 0 0 0 0;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .dataBox .infoBox {
		width: auto;
		padding: 0 0 0 0;
		float: none;
	}
	#background .feature20Area .dataBox .infoBox h4 {
	font-size: 16px;
	margin: 10px 0 10px 20px ;
	}
	#background .feature20Area .dataBox .infoBox p {
		margin: 0 20px 10px 20px;
	}
	#background .feature20Area .dataBox .infoBox ul {
		margin: 0 20px 20px 20px;
	}
	#background .feature20Area .dataBox .infoBox ul li {
		margin: 0 0 5px 0;
		display: block;
		width: 100%;
	}
}

/*===========================================================================
-----------------------------------------------------------------------------
  レシピセット設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background .feature20Area .recipeSet24 {
	padding: 0 50px 70px;
}
#background .feature20Area .recipeSet24 > h4 {
	margin-bottom: 30px;
	text-align: center;
}
#background .feature20Area .recipeSet24 > h4 > em {
	display: inline-block;
	width: 60%;
	max-width: 400px;
	margin: auto;
}
#background .feature20Area .recipeSet24 .recipeWrapper {
	border: 6px solid #0F638C;
	padding: 40px 40px 20px;
}
#background .feature20Area .recipeSet24 .recipeWrapper + .recipeWrapper {
	border-top: 0;
}
#background .recipeWrapper > .recipeMain ,
#background .recipeWrapper > .recipeContent {
	padding: 0 0 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #999491;
}
#background .recipeWrapper > .recipeMain:last-child ,
#background .recipeWrapper > .recipeContent:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#background .recipeWrapper > .recipeContent {
	padding: 0 40px 40px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .recipeSet24 {
		padding: 0 5vw 40px;
	}
	#background .feature20Area .recipeSet24 > h4 {
		margin-bottom: 20px;
	}
	#background .feature20Area .recipeSet24 .recipeWrapper {
		border-width: 4px;
		padding: 20px 20px 10px;
	}
	#background .feature20Area .recipeSet24 .recipeWrapper + .recipeWrapper {
		border-top: 0;
	}
	#background .recipeWrapper > .recipeMain ,
	#background .recipeWrapper > .recipeContent {
		padding: 0 0 20px;
		margin-bottom: 20px;
	}
	#background .recipeWrapper > .recipeMain:last-child ,
	#background .recipeWrapper > .recipeContent:last-child {
		margin-bottom: 0;
	}
	#background .recipeWrapper > .recipeContent {
		padding: 0 0 20px;
	}
}
/*--------------------------------------------------------------------------
  メイン設定　ここから
---------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeMain > h5 {
	width: 48%;
	float: right;
	padding: 20px 0;
	margin-bottom: 45px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 2em;
	border-bottom: 1px dotted #999491;
}
#background .recipeWrapper > .recipeMain > h5 small {
	display: block;
	text-align: center;
	font-size: 20px;
}
#background .recipeWrapper > .recipeMain > figure {
	width: 48%;
	float: left;
}
#background .recipeWrapper > .recipeMain > figure > p {
	margin-bottom: 10px;
}
#background .recipeWrapper > .recipeMain > figure > p:last-child {
	margin-bottom: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeMain > h5 {
		width: 100%;
		float: none;
		padding: 10px 0;
		margin-bottom: 20px;
		border-bottom: none;
		font-size: 22px;
		line-height: 1.4em;
		text-align: left;
	}
	#background .recipeWrapper > .recipeMain > h5 small {
		font-size: 16px;
		text-align: left;
	}
	#background .recipeWrapper > .recipeMain > figure {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	#background .recipeWrapper > .recipeMain > figure > p {
		margin-bottom: 5px;
	}
	#background .recipeWrapper > .recipeMain > figure > p:last-child {
		margin-bottom: 0;
	}
}
/*-------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeMain > dl {
	width: 48%;
	float: right;
}
#background .recipeWrapper > .recipeMain > dl dt {
	margin-bottom: 20px;
	padding: 0 20px;
	font-size: 18px;
	font-weight: 700;
}
#background .recipeWrapper > .recipeMain > dl dd {
	display: table;
	width: 100%;
}
#background .recipeWrapper > .recipeMain > dl dd > p {
	display: table-row;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
}
#background .recipeWrapper > .recipeMain > dl dd > p > span ,
#background .recipeWrapper > .recipeMain > dl dd > p > strong {
	display: table-cell;
	margin: 0;
	padding: 10px 60px 10px 20px;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeMain > dl {
		width: 100%;
		float: none;
	}
	#background .recipeWrapper > .recipeMain > dl dt {
		margin-bottom: 10px;
		padding: 0;
		font-size: 16px;
	}
	#background .recipeWrapper > .recipeMain > dl dd {
		display: block;
		padding: 0;
	}
	#background .recipeWrapper > .recipeMain > dl dd > p {
		display: block;
		padding: 5px 0;
		margin: 0 0 15px;
		border-bottom: 1px dotted #999491;
	}
	#background .recipeWrapper > .recipeMain > dl dd > p:last-child {
		border-bottom: none;
	}
	#background .recipeWrapper > .recipeMain > dl dd > p > span ,
	#background .recipeWrapper > .recipeMain > dl dd > p > strong {
		display: block;
		margin: 0;
		padding: 0;
	}
	#background .recipeWrapper > .recipeMain > dl dd > p > span {
		text-align: right;
		font-weight: 400;
	}
}
/*--------------------------------------------------------------------------
  レシピコンテンツ設定　ここから
---------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeContent > h6 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 30px;
}
#background .recipeWrapper > .recipeContent > p {
	font-size: 16px;
	line-height: 2em;
	margin-bottom: 30px;
}
#background .recipeWrapper > .recipeContent > p:last-child {
	margin-bottom: 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeContent > h6 {
		font-size: 16px;
		margin: 0 0 15px;
	}
	#background .recipeWrapper > .recipeContent > p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	#background .recipeWrapper > .recipeContent > p:last-child {
		margin-bottom: 0;
	}
}
/*-------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeContent > ol {
	counter-reset: recipeNum;
}
#background .recipeWrapper > .recipeContent > ol > li {
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
	font-size: 16px;
	line-height: 2em;
}
#background .recipeWrapper > .recipeContent > ol > li:last-child {
	margin-bottom: 0;
}
#background .recipeWrapper > .recipeContent > ol > li:before {
	counter-increment: recipeNum;
	content: counter(recipeNum);
	display: block;
	width: 28px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 28px;
	border: 2px solid #201915;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 1px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeContent > ol > li {
		margin-bottom: 15px;
		padding-left: 30px;
		font-size: 14px;
	}
	#background .recipeWrapper > .recipeContent > ol > li:last-child {
		margin-bottom: 0;
	}
	#background .recipeWrapper > .recipeContent > ol > li:before {
		width: 20px;
		font-size: 10px;
		line-height: 20px;
		top: 1px;
	}
}
/*-------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeContent > .recipeMemo {
	display: table;
}
#background .recipeWrapper > .recipeContent > .recipeMemo > dl {
	display: table-row;
}
#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt ,
#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dd {
	display: table-cell;
	font-size: 16px;
	line-height: 1.6em;
	padding: 5px 0 5px 10px;
}
#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt {
	font-weight: 700;
	padding: 5px 40px 5px 0;
	position: relative;
	white-space: nowrap;
}
#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dotted #999491;
	position: absolute;
	left: 0;
	top: calc(0.8em + 5px);
}
#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt > em {
	display: inline-block;
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 10px 0 0;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeContent > .recipeMemo {
		display: block;
	}
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl {
		display: block;
		margin-bottom: 20px;
	}
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl:last-child {
		margin-bottom: 0;
	}
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt ,
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dd {
		display: block;
		font-size: 14px;
		padding: 0;
		white-space: normal;
	}
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt:before {
		display: none;
	}
	#background .recipeWrapper > .recipeContent > .recipeMemo > dl > dt > em {
		display: inline-block;
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 10px 0 0;
	}
}
/*-------------------------------------------------------------------------*/
#background .recipeWrapper > .recipeContent > ul {
	margin: 0;
}
#background .recipeWrapper > .recipeContent > ul > li {
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
	font-size: 16px;
	line-height: 2em;
}
#background .recipeWrapper > .recipeContent > ul > li:last-child {
	margin-bottom: 0;
}
#background .recipeWrapper > .recipeContent > ul > li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #201915;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: calc(1em - 4px);
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .recipeWrapper > .recipeContent > ul > li {
		margin-bottom: 15px;
		padding-left: 15px;
		font-size: 14px;
	}
	#background .recipeWrapper > .recipeContent > ul > li:last-child {
		margin-bottom: 0;
	}
	#background .recipeWrapper > .recipeContent > ul > li:before {
		width: 6px;
		height: 6px;
		top: calc(1em - 3px);
	}
}


/*===========================================================================

  NEWモノづくり設定　ここから

===========================================================================*/
/*------------------------------------
 モノづくり メインイメージ下設定　ここから
-------------------------------------*/
#background .feature20Area .featureMain .informationSet {
	background:  linear-gradient(135deg, #697585, #2C607A, #1A3954);
	padding: 10px 0 10px 50px;
	color: #fff;
}
#background .feature20Area .featureMain .informationSet dl {
	width: 340px;
	float: left;
	background: url(./separate.svg) no-repeat 100% 50%;
	background-size: 17px;
	padding: 30px 10px 30px 0;
}
#background .feature20Area .featureMain .informationSet p {
	width: 780px;
	float: right;
	padding: 12px 30px 5px 30px;
	margin: 0 0 0 0;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: bold;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureMain .informationSet {
		background-position: 100%;
		background-size: auto;
		padding: 0 0 0 0;
	}
	#background .feature20Area .featureMain .informationSet dl {
		width: auto;
		float: none;
		background: url(null);
		padding: 0px 15px 10px 15px;
	}
	#background .feature20Area .featureMain .informationSet dd {
		text-align: center;
	}
	#background .feature20Area .featureMain .informationSet p {
		width: auto;
		float: none;
		padding: 20px 6vw;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.6em;
		text-align: center;
	}
}
/*-----------------------------------*/
#background .feature20Area .featureMain .informationSet strong ,
#background .feature20Area .featureMain .informationSet span ,
#background .feature20Area .featureMain .informationSet em {
	display: inline-block;
	margin-right: 20px;
}

#background .feature20Area .featureMain .informationSet dd strong {
	font-size: 24px;
	margin-right: 0;
}
#background .feature20Area .featureMain .informationSet dd em {
	font-size: 18px;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureMain .informationSet strong ,
	#background .feature20Area .featureMain .informationSet span ,
	#background .feature20Area .featureMain .informationSet em {
		margin-right: 10px;
	}
	#background .feature20Area .featureMain .informationSet dd {
		font-size: 14px;
		line-height: 1.2em;
	}
	#background .feature20Area .featureMain .informationSet dd strong {
		font-size: 14px;
	}
	#background .feature20Area .featureMain .informationSet dd span {
		font-size: 12px;
	}
	#background .feature20Area .featureMain .informationSet dd em {
		font-size: 12px;
	}
}
/*------------------------------------
モノづくり マップ付きキャプション設定　ここから
-------------------------------------*/
#background .feature20Area .featureMain .mainText {
	min-height: 160px;
	padding: 40px 10px 0 90px;
	margin-bottom: 40px;
	background: url(./map.svg) no-repeat 0 0;
	background-size: 267px;
}
#background .feature20Area .featureMain .mainText p {
	text-align: center;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .featureMain .mainText {
		min-height: auto;
		padding: 20px 15px 10px 15px;
		margin-bottom: 10px;
		background: url(null);
	}
	#background .feature20Area .featureMain .mainText p {
		font-size: 16px;
		padding: 0 1vw;
		text-align: left;
	}
	#background .feature20Area .featureMain .mainText br {
		display: none;
	}
}
/*------------------------------------
モノづくり 商品紹介設定　ここから
-------------------------------------*/
#background .feature20Area .craftArea {
	padding-top: 130px;
}
#background .feature20Area .craftSet {
	margin:  0 auto 80px -50px;
	padding: 50px 0 0 0;
	width: 1100px;
	border: 8px solid #f0dfb2;
	position: relative;
}
#background .feature20Area .craftSet .shopArea {
	position: relative;
}
#background .feature20Area .craftSet .shopArea p {
	float: right;
	width: 300px;
	font-size: 14px;
	line-height: 2.1em;
	margin: 50px 50px 0 0;
}
#background .feature20Area .craftSet .shopArea ul {
	width: 648px;
	float: left;
	margin: 50px 0 50px 50px;
}
#background .feature20Area .craftSet .shopArea ul li img {
	display: inline-block;
	width: 318px;
	float: left;
	margin: 0 12px 0 0;
}
#background .feature20Area .craftSet .shopArea ul li.EOL img {
	margin-right: 0;
}
#background .feature20Area .craftSet .shopArea dl {
	float: right;
	width: 300px;
	color: #231815;
	margin: 0px 50px 0 0;
}
#background .feature20Area .craftSet .shopArea dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-top: 20px;
}
#background .feature20Area .craftSet .shopArea dd {
	padding: 10px 10px 0 10px;
	font-size: 12px;
	line-height: 1.8em;
}
/*-----------------------------------*/

#background .feature20Area .craftSet .productArea .itemBox {
	width: 467px;
	float: left;
	margin: 30px 0 50px 50px;
	background-repeat: no-repeat, no-repeat;
	background-position: left 302px ,right bottom;
}
#background .feature20Area .craftSet .productArea .itemBox-wide {
	width: 984px;
	float: left;
	margin: 30px 0 50px 50px;
	background-repeat: no-repeat, no-repeat;
	background-position: left 302px ,right bottom;
}
#background .feature20Area .craftSet .productArea .itemBox-yoko {
	width: 984px;
	display: flex;
	margin: 30px 0 20px 50px;
	background-repeat: no-repeat, no-repeat;
	background-position: left 302px ,right bottom;
}
#background .feature20Area .craftSet .productArea .itemBox-yoko div.image {
	width: 576px;
}
#background .feature20Area .craftSet .productArea .itemBox-yoko div.caption {
	width: 358px;
	margin-left: 40px;
}
#background .feature20Area .craftSet .productArea .itemBox img ,
#background .feature20Area .craftSet .productArea .itemBox-wide img ,
#background .feature20Area .craftSet .productArea .itemBox-yoko img {
	width: 100%;
}

#background .feature20Area .craftSet .productArea h3 {
	position:absolute;
	width: 550px;
	margin: -99px auto 0 267px;
}
#background .feature20Area .craftSet .productArea h4 {
	margin: 20px 10px 10px 10px;
	font-size: 18px;
}
#background .feature20Area .craftSet .productArea h4 small {
	font-size: 14px;
}
#background .feature20Area .craftSet .productArea h4 span {
	display: inline-block;
}
#background .feature20Area .craftSet .productArea p.photo {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	border: none;
}
#background .feature20Area .craftSet .productArea .itemBox-yoko p.photo {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
#background .feature20Area .craftSet .productArea p {
	margin: 0 10px 20px 10px;
	padding: 0 0 0 0;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .craftArea {
		padding: 0 0;
	}
	#background .feature20Area .craftSet {
		margin: 0 0 40px 0;
		padding: 0 16px 0 16px;
		width: 100%;
		height: auto;
		border: 4px solid #f0dfb2;
	}
	#background .feature20Area .craftSet .shopArea{
		border: none;
	}
	#background .feature20Area .craftSet .shopArea p {
		float: none;
		width: auto;
		margin: 0 10px 20px;
	}
	#background .feature20Area .craftSet .shopArea ul {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	#background .feature20Area .craftSet .shopArea ul li img {
		width: 100%;
		margin: 0 0px 20px;
	}
	#background .feature20Area .craftSet .shopArea ul li.EOL img {
		margin-bottom: 0;
	}
	#background .feature20Area .craftSet .shopArea dl {
		float: none;
		width: auto;
		margin: 20px 10px 20px;
	}
	#background .feature20Area .craftSet .shopArea dt {
		font-size: 14px;
	}
	#background .feature20Area .craftSet .shopArea dd {
		padding: 10px 0 0 0;
	}
	/*-----------------------------------*/
	#background .feature20Area .craftSet .productArea {
		display: block;
	}
	#background .feature20Area .craftSet .productArea .itemBox ,
	#background .feature20Area .craftSet .productArea .itemBox-wide ,
	#background .feature20Area .craftSet .productArea .itemBox-yoko {
		width: 100%;
		float: none;
		margin: 0 0 0 0;
		background-image:none;
	}
	#background .feature20Area .craftSet .productArea .itemBox-yoko {
		display: inline-block
	}
	#background .feature20Area .craftSet .productArea .itemBox-yoko div.image ,
	#background .feature20Area .craftSet .productArea .itemBox-yoko div.caption {
		margin-left: 0;
		width: auto;
	}
	#background .feature20Area .craftSet .productArea .itemBox-yoko p.photo {
		margin: 0 0 15px 0;
	}
	#background .feature20Area .craftSet .productArea .itemBox img ,
	#background .feature20Area .craftSet .productArea .itemBox-wide img ,
	#background .feature20Area .craftSet .productArea .itemBox-yoko img {
		width: 100%;
		margin: 0 0 0 0;
	}
	#background .feature20Area .craftSet .productArea h3 {
		position:static;
		width: 100%;
		margin: 20px 0;
	}
	#background .feature20Area .craftSet .productArea h4 {
		margin: 0 10px 10px;
		font-size: 16px;
	}
	#background .feature20Area .craftSet .productArea p {
		margin: 0 0 20px;
		padding: 0 10px 20px 10px;
		border-bottom: 2px dashed #f0dfb2;
	}
	#background .feature20Area .craftSet .productArea ul {
		width: auto;
		margin: 0 0 15px 0;
		padding: 0 0 0 0;
		border: none;
	}
}

/*===========================================================================

  シングル画像設定　ここから ※250129中山加筆

===========================================================================*/

#background .feature20Area .singlePics {
	margin: 0 250px 80px ;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .singlePics {
		margin: 0 -5vw 80px ;
	}
	
}
/*===========================================================================

  動画埋め込み設定　ここから ※251023中山加筆

===========================================================================*/

#background .feature20Area .youtube {
	margin: 0 auto 80px ;
	width: 100% ;
	padding: 0 100px ;
	aspect-ratio: 16 / 9 ;
}
#background .feature20Area .youtube iframe {
	width: 100% ;
	height: 100% ;
}

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#background .feature20Area .youtube {
		margin: 0 -5vw 80px ;
		width: 90vw ;
		aspect-ratio: 16 / 9 ;
		padding: 0 0 ;
	}
	
}


/*===========================================================================

  設定　ここから

===========================================================================*/
/*--------------------------------------------------------------------------
  設定　ここから
---------------------------------------------------------------------------*/

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
}
/*-------------------------------------------------------------------------*/

/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
}