@charset "UTF-8";
/* CSS Document */

.container {
	width: 96%;
}
@media (max-width: 767px) {
.container {
    width: 100%;
		padding: 0 3%;
	}
}


/*========================================*/ 
/*=============== スマホ用テーブル ==================*/
/*=========================================*/
@media screen and (max-width: 599px) {
	table{
		width:100%;
	}
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}



article.atclWrap {}

article.atclWrap section {
	padding-top: 20px;
}
article.atclWrap .flex {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
article.atclWrap h2 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cc3366;
	color: #cc3366;
}
article.atclWrap h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #006699;
	color: #006699;
	line-height: 1.5;
	padding: 0.3em 0;
}
article.atclWrap h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 1px dotted #006699;
	color:#006699;
}
article.atclWrap p {
	margin: 0;
	padding: 1em 0;
	text-align: justify;
}
article.atclWrap p.algnCenter {
	text-align: center;
}
article.atclWrap img {
	max-width: 100%;
}
article.atclWrap .figureBox{
	text-align: center;
	border: #ccc solid 1px;
	padding: 2%;
}
article.atclWrap .figureBox .figure_tit{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999999;
}
article.atclWrap .figureBox img{

}
article.atclWrap ol {
	padding: 0.5em 0;
	text-align: center;
}
article.atclWrap ol li {
	font-weight: bold;
	color: #cc3366;
	display: inline;
	font-size: 16px;
	margin: 0 0.5em;
}

article.atclWrap .redWrap {
  border:1px;
	padding: 2% 3%;
	border-style:solid; 
	border-color:#cc0000;
	margin-bottom: 30px;
}
article.atclWrap dl.redWrap dt {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #cc0000;
	line-height: 24px;
	color: #cc0000;
	margin-bottom: 0.8em;;
}
article.atclWrap dl.redWrap dt:before {
	content:"◉";
	margin-right: 0.3em;
}
article.atclWrap dl.midashiMaru dd {
	text-indent: -1.3em;
	margin-left: 1.3em;
	line-height: 1.4;
	padding-bottom: 0.5em;
}

article.atclWrap dl.midashiMaru dd:before {
	content:"●";
	margin-right: 0.3em;
	color: #cc0000;
}


/*==================基礎知識インデックス=====================*/
.kisoIndex {
}
.kisoIndex .recommend {
	width: 100%;
}
.kisoIndex .recommend a {
  width: 23%;
	margin: 0;
  padding: 1.5%;
  border: 2px solid #eee;
 	box-sizing: border-box;
	margin-bottom: 20px;
	height: inherit;
}
.kisoIndex .recommend a:hover {
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 15px 5px rgba(50,150,240,0.5)inset;
}
.kisoIndex .recommend a .imgBox {
	width: 100%;
}
.kisoIndex .recommend a p {
	padding: 0.5em 0 0;
}
.kisoIndex .recommend .zero {
  width: 23%;
	margin: 0;
	padding:0;
}


/*==================基礎知識1=====================*/
.kiso01 {}
.kiso01 .imgBox {
	padding: 30px 0;
	text-align: center;
	
}

/*==================基礎知識3=====================*/
.kiso03 {}
.kiso03 .flex {}
.kiso03 .flex p {
	width: 70%;
}
.kiso03 .flex .imgBox {
	width: 26%;
	text-align: center;
	border: #999 solid 1px;
	padding-bottom: 1em;
}
.kiso03 .flex .imgBox h4 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1em;
}
.kiso03 .flex .imgBox img {
}

/*==================基礎知識4=====================*/
.kiso04 {}
.kiso04 .flex {
	padding-bottom: 2em;
}
.kiso04 .flex p {
	width: 70%;
}
.kiso04 .flex .imgBox {
	width: 27%;
}

/*==================基礎知識5=====================*/
.kiso05 {}
.kiso05 .flex {
	padding-bottom: 2em;
}
.kiso05 .flex p {
	width: 70%;
}
.kiso05 .flex .imgBox {
	width: 27%;
}

/*==================基礎知識6=====================*/
.kiso06 {}
.kiso06 .itemBox {
	width: 100%;
	padding: 2% 3%;
	margin: 0 auto;
	border: 1px;
	text-align: left;
	border-style: solid;
	border-color: #006699;
	margin-bottom: 20px;
}
.kiso06 .itemBox > .flex {
}
.kiso06 .itemBox > .flex  p {
	width: 77%;
	padding-top: 0;
}
.kiso06 .itemBox > .flex  .imgBox {
	width: 20%;
}

/*==================基礎知識7=====================*/
.kiso07 {}
.kiso07 .redBorder {
	border:#cc0000 solid 1px;
	padding: 2% 4%;
	margin-bottom: 30px;
}
.kiso07 .redBorder ol {}
.kiso07 .redBorder li {
	display: block;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	margin: 0 0.5em;
}
.kiso07 .flex {
	margin-bottom: 30px;
}
.kiso07 .flex .imgBox {
	width: 30%;
	border: #ccc solid 1px;
	text-align: center;
	padding: 20px 0;
}
.kiso07 .flex p {
	width: 68%;
}
article.atclWrap.kiso07 ol li {
	font-weight: normal;
	color: #333;
	display: block;
	font-size: 14px;
	margin: 0 0.5em;
	text-align: left;
	text-indent: -1.2em;
	margin-left: 1.2em;
	line-height: 1.4;
	padding-bottom: 0.3em;
}
article.atclWrap.kiso07 dl.redWrap dd:before {
	content: "";
	display: none;
}

/*==================基礎知識10=====================*/
.kiso10 {}
.kiso10 .pointWrap {}
.kiso10 .pointWrap h3 {}
.kiso10 .pointWrap dl {
	border:1px;
	text-align:left;
	border-style:solid; 
	border-color:#006699;
	margin-bottom:10px;
	padding: 1% 5% 3%;
}
.kiso10 .pointWrap dt {
	font-size:14px;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:7px;
	border-bottom: 1px dotted #006699;
	color:#006699;
}
.kiso10 .pointWrap dd {}



/*==================基礎知識11=====================*/
.kiso11 {}
.kiso11 .itemBox {
	width: 100%;
	padding: 2% 3%;
	margin: 0 auto;
	border: 1px;
	text-align: left;
	border-style: solid;
	border-color: #006699;
	margin-bottom: 20px;
}
.kiso11 .itemBox > .flex {
}
.kiso11 .itemBox > .flex  p {
	width: 77%;
	padding-top: 0;
}
.kiso11 .itemBox > .flex  .imgBox {
	width: 20%;
}


@media (max-width: 767px) {
	
/*==================基礎知識インデックス=====================*/
	.kisoIndex {
	}
	.kisoIndex .recommend {}
	.kisoIndex .recommend a {
		width: 100%;
		padding: 2% 4% 2% 2%;
		border: 2px solid #eee;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.kisoIndex .recommend a .imgBox {
		width: 34%
	}
	.kisoIndex .recommend a p {
		width: 62%;
		line-height: 1.4;
/*		text-indent: -1em;
		margin-left: 1em;*/
		-ms-flex-item-align: center;
   	-ms-grid-row-align: center;
    align-self: center;
	}
	
	/*==================基礎知識3=====================*/
	.kiso03 .flex p {
		width: 100%;
	}
	.kiso03 .flex .imgBox {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	/*==================基礎知識4=====================*/
	.kiso04 .flex p {
		width: 100%;
	}
	.kiso04 .flex .imgBox {
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
	}
	/*==================基礎知識5=====================*/
	.kiso05 .flex p {
		width: 100%;
	}
	.kiso05 .flex .imgBox {
		width: 100%;
		max-width: 267px;
		margin: 0 auto;
	}
	
/*==================基礎知識6=====================*/
.kiso06 .itemBox > .flex {
}
.kiso06 .itemBox > .flex  p {
	width: 100%;
	padding-top: 0;
}
.kiso06 .itemBox > .flex  .imgBox {
	width: 100%;
	text-align: center;
	padding: 2% 0 3%;
}
	/*==================基礎知識7=====================*/
	.kiso07 .flex .imgBox {
		width: 100%;
		border: #ccc solid 1px;
		text-align: center;
		padding: 20px 0;
	}
	.kiso07 .flex p {
		width: 100%;
	}
	/*==================基礎知識6=====================*/
	.kiso011 .itemBox > .flex {
	}
	.kiso11 .itemBox > .flex  p {
		width: 100%;
		padding-top: 0;
	}
	.kiso11 .itemBox > .flex  .imgBox {
		width: 100%;
		text-align: center;
		padding: 2% 0 3%;
	}

}

/*=======================================*/
/*==================　きざみ　=====================*/
/*==================　きざみインデックス　=====================*/
.kizamiIndex {
}
.kizamiIndex .recommend {
	width: 100%;
}
.kizamiIndex .recommend a {
  width: 32%;
	margin: 0;
  padding: 1.5%;
  border: 2px solid #eee;
 	box-sizing: border-box;
	margin-bottom: 20px;
	height: inherit;
}
.kizamiIndex .recommend a:hover {
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 15px 5px rgba(50,150,240,0.5)inset;
}
.kizamiIndex .recommend a .imgBox {
	width: 100%;
}
.kizamiIndex .recommend a p {
	padding: 0.5em 0 0;
}


/*==================　きざみ共通　=====================*/

article.atclWrap #kizami_tit {
	width: 100%;
	text-align: center;
	border-bottom: 1px dotted #333333;
}
article.atclWrap #kizami_titname {
	width: 100%;
	text-align: center;
}
article.atclWrap #kizami_titname p {
text-align: center;
}

article.atclWrap .titTable{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999999;
}
article .kizami_table01 table,
article .kizami_table02 table
{
	text-align:center;
	border-top:#777 solid 1px;
	border-left: #777 solid 1px;;
	margin: 0 auto;
	margin-top:10px;
	line-height: 1.3;
}

article .kizami_table01 table th,
article .kizami_table02 table th
{
	padding:0.5em 1.5em;
	border-bottom:#777 solid 1px;
	border-right: #777 solid 1px;
	font-weight: bold;
	text-align: center;
	background-color: rgb(255, 255, 204);
}
article .kizami_table01 table td,
article .kizami_table02 table td
{
	padding:0.5em 1.5em;
	border-bottom:#777 solid 1px;
	border-right: #777 solid 1px;
	vertical-align:middle;
}
article .kizami_table01 table td.tdBlue,
article .kizami_table02 table td.tdBlue
{
	background-color: rgb(204, 255, 255);
}
article .kizami_table01 table td.tdRed,
article .kizami_table02 table td.tdRed
{
	background-color: rgb(255, 204, 255);
}
article .kizami_table01 table td.tdYellow,
article .kizami_table02 table td.tdYellow
{
	background-color: rgb(255, 255, 204);
}



article table td, th {
	padding:5px;
}

/*==================　きざみ01　=====================*/
article.kizami01 section > .imgBox {
	text-align: center;
	padding: 20px 0;
}
article.kizami01 .section01 {
}
article.kizami01 .section01 td img {
	min-width: 100px;
}
article.kizami01 .section03 {
}
article.kizami01 .section03 .flex {
	width: 83%;
	margin: 0 auto;
	padding-top: 30px;
}
article.kizami01 .section03 .itemBox {
	text-align: center;
	width: 48%;
	border: #555 solid 1px;
	margin-bottom: 20px;
}
article.kizami01 .section03 .itemBox p {
	text-align: center;
}

/*==================　きざみ02　=====================*/

article.kizami02 .section02 .flex {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}
article.kizami02 .section02 .itemBox {
	text-align: center;
	width: 38%;
	max-width: 325px;
	padding: 0;
	margin: 0 6%;
	margin-bottom: 20px;
}
article.kizami02 .section02 .itemBox p {
	text-align: center;
	padding: 0.2em 0;
}
article.kizami02 .section02 .itemBox .imgBox {
	width: 100%;
	border: #555 solid 1px;
	padding: 0;
}
article.kizami02 .section03 table {
	width: 80%;
	max-width: 700px;
}
/*==================　きざみ03　=====================*/

article.kizami03 .section04 .imgBox {
	width: 100%;
	text-align: center;
}

/*==================　きざみプロフィール　=====================*/
article.kizami_prof {}
article.kizami_prof table {
	border-top: #777 solid 1px;
	border-left: #777 solid 1px;
	margin: 30px 0;
}
article.kizami_prof table th, article.kizami_prof table td {
	font-size: 14px;
	padding: 1em;
	border-bottom: #777 solid 1px;
	border-right: #777 solid 1px;
}
article.kizami_prof table th {
	background-color: #eee;
}
article.kizami_prof table td {
}
article.kizami_prof .section01 {}
article.kizami_prof .section01 .flex {
}
article.kizami_prof .section01 .flex .imgBox {
	padding-top: 30px;
	text-align: center;;
	width: 30%;
}
article.kizami_prof .section01 .flex .rightBox {
	width: 70%;
	padding-top: 20px;
}
article.kizami_prof .section01 .flex .rightBox a {
	color:#0bd;
}



@media (max-width: 767px) {
	
/*==================きざみインデックス=====================*/
	.kizamiIndex {
	}
	.kizamiIndex .recommend {}
	.kizamiIndex .recommend a {
		width: 100%;
		padding: 2% 4% 2% 2%;
		border: 2px solid #eee;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.kizamiIndex .recommend a .imgBox {
		width: 34%
	}
	.kizamiIndex .recommend a p {
		width: 62%;
		line-height: 1.4;
/*		text-indent: -1em;
		margin-left: 1em;*/
		-ms-flex-item-align: center;
   	-ms-grid-row-align: center;
    align-self: center;
	}
	/*==================　きざみ01　=====================*/
	article.kizami01 .section03 .flex {
		width: 100%;
	}
	article.kizami01 .section03 .itemBox {
		width: 80%;
		max-width: 300px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	/*==================　きざみプロフィール　=====================*/
	article.kizami_prof .section01 .flex .imgBox {
		padding-top: 30px;
		text-align: center;;
		width: 100%;
	}
	article.kizami_prof .section01 .flex .rightBox {
		width: 100%;
		padding-top: 20px;
		text-align: center;
	}
	article.kizami_prof .section01 .flex .rightBox p {
		text-align: center;
	}
	article.kizami_prof .section01 .flex .rightBox table {
		margin: 0 auto;
		margin-top: 20px;
		text-align: left;
	}
	article.kizami_prof .section01 .flex .rightBox a {
		color:#0bd;
	}
}


/*=========================================================*/
/*==================　先進モデル事例レポート　=====================*/
/*=========================================================*/

/*==================　先進モデル事例レポート　インデックス　=====================*/
article.caseIndex {}
article.caseIndex #itemWrap {}
article.caseIndex #itemWrap .itemBox {
	width: 28%;
	line-height: 1.3;
	padding-bottom: 40px;
	display: block;
}

article.caseIndex #itemWrap .itemBox p {
	padding: 0.2em 0;
}
article.caseIndex #itemWrap .itemBox .imgBox {
	width: 100%;
	position: relative;
	
}
article.caseIndex #itemWrap .itemBox .imgBox:before {
	opacity: 0;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
	transition: all 0.5s;
}
article.caseIndex #itemWrap .itemBox:hover .imgBox:before {
	opacity: 1;
}
article.caseIndex #itemWrap .itemBox .imgBox:after {
	content: "Read More";
	position: absolute;
	width: 40%;
	line-height: 3em;
	height: 3em;
	border: #fff solid 1px;
	text-align: center;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	margin: auto;
	color: #fff;
	z-index: 2;
	opacity: 0;
}
article.caseIndex #itemWrap .itemBox:hover .imgBox:after {
	opacity: 1;
}
article.caseIndex #itemWrap .itemBox .itemNum {
	padding-top: 0.5em;
}
article.caseIndex #itemWrap .itemBox h3 {
	line-height: 1.3;
	padding: 0.2em 0;
	margin: 0;
	height: 3em;
	color:#eb441a;
}
article.caseIndex #itemWrap .itemBox .area {
	font-size: 12px;
	text-align: right;
	padding-top: 0.5em;
}
article.caseIndex #itemWrap .itemBox .desc {}


@media (max-width: 767px) {
	article.caseIndex #itemWrap .itemBox {
		width: 108%;
		max-width: 400px;
		margin: 0 auto;
		line-height: 1.3;
		padding-bottom: 40px;
	}
}

/*==================　先進モデル事例レポート　個別ページ　=====================*/
#atclCase {}
#atclCase .gaikanWrap {
	width: 100%;
	-webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
	padding-bottom: 50px;
}

#atclCase h2 {
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
	padding: 0 1em;
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border-bottom: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5da302+0,559500+99 */
background: rgb(93,163,2); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(93,163,2,1) 0%, rgba(85,149,0,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(93,163,2,1) 0%,rgba(85,149,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(93,163,2,1) 0%,rgba(85,149,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	
}
#atclCase h3 {
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#atclCase .gaikanWrap .imgBox {
	width: 48%;
	margin-right: 2%;
	text-align: right;
}
#atclCase .gaikanWrap .outline {
	width: 50%;
	border: #999 solid 1px;
	padding: 20px 0px 10px;
	background-color: rgba(241,241,241,0.3);

}
#atclCase .gaikanWrap .outline li {
	list-style: disc;
	display: list-item;
	margin-left: 2em;
	margin-right: 1em;
	line-height: 1.3;
	padding: 0.2em 0;
}

#atclCase .faceBox {
	padding-bottom: 50px;
	background-color:#F5F4EF;
	padding: 15px 10px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.1)inset;
	width: 200px;
	float: left;
	margin-right: 2em;
	border-radius: 8px;
}
#atclCase .faceBox .imgBox {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#atclCase .faceBox .case_interview_name {
	width: 100%;
	font-size: 15px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	position: relative;
	align-self: center;
	text-align: center;
	line-height: 1.4;
	padding: 0em 0;
}
#atclCase .faceBox .case_interview_name span {
	font-size: 13px;
	display: block;
	line-height: 1.4;
	padding: 0.7em 0 0.3em;
}
#atclCase .faceBox .case_interview_name:after {
	/*content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #555;
	margin-top: 0.8em;*/
}

#atclCase .kikiWrap {}
#atclCase .kikiWrap .itemBox {
	width: 23%;
	text-align: center;
	margin-bottom: 20px;
}
#atclCase .kikiWrap .itemBox p {
	line-height: 1.3;
	text-align: center;
	font-size: 13px;
}
#atclCase .kikiWrap.item3 {
	margin: 0 10%;
}
#atclCase .kikiWrap.item3 .itemBox {
	width: 30%;
}

#atclCase .fltR {
	float: right;
	margin-left: 1em;
	padding-bottom: 1em;
}
#atclCase .agnCenter, #atclCase .agnCenter > p {
	width: 100%;
	text-align: center;
}

#atclCase .fltR > p.caption {
	width: 100%;
	max-width: 224px;
	font-size: 11px;
	line-height: 1.3;
}
#atclCase .linkSite a {
	width:100%;
	display: block;
	border:solid #008000 2px;
	border-radius: 6px;
	font-size: 16px;
	color:#008000;
	margin-top:10px;
	margin-bottom:5px;
	line-height:50px;
	height: 50px;
	text-align: center;
	box-shadow: 0px 1px 5px rgba(80,150,0,0.5);
	text-shadow: 0px 1px 3px rgba(80,150,0,0.5);
}
#atclCase .linkSite a:hover {
	color:#fff;
	background-color: #008000;
}


.pageCase .pager {}
.pageCase .pager li.hide a {
	opacity: 0.3;
}
/* Active 以外のhover */
.pageCase .pager li.hide a:hover { 
  background-color: #fff;
}
@media only screen and ( max-width: 630px ) { 
.pager li {
  position:inherit;
	top:inherit;
	left:inherit;
	}
}



/*==================　先進モデル事例レポート　ケース２　=====================*/
#atclCase.case02 {}
#atclCase.case02 .kikiWrap .itemBox {}
#atclCase.case02 .kikiWrap .itemBox p {
	text-align: left;
	max-width: 210px;
	margin: 0 auto;
}




/*==================　先進モデル事例レポート　ケース3　=====================*/
#atclCase.case03 {}
#atclCase.case03 .faceBox .case_interview_name:after {
	margin-top: 2.2em;
}

#atclCase.case03 .gaikanWrap .imgBox {
	width: 100%;
	margin-right: 0;
	text-align: center;
}
#atclCase.case03 .gaikanWrap .imgBox img {
	margin: 0 10px 30px;
}
#atclCase.case03 ol {
	width: 100%;
	max-width:500px;
	border:solid #008000 1px;
	padding:10px 2em 10px 3em;
	color:#008000;
	margin: 10px auto;
	
}

#atclCase.case03 ol li {
	font-weight: normal;
	color: #008000;
	display: list-item;
	font-size: 15px;
	margin: 0 0.5em;
	text-align: left;
	list-style: inherit;
	list-style-type:decimal;
	line-height: 1.4;
	padding: 0.2em 0;
}

#atclCase.case03 .kikiWrap .itemBox p {
	text-align: left;
	max-width: 210px;
	margin: 0 auto;
	text-align: left;
}

/*==================　先進モデル事例レポート　ケース4　=====================*/
#atclCase.case04 {}
#atclCase.case04 .kikiWrap .itemBox p {
	text-align: left;
}
#atclCase.case04 .kikiWrap .itemBox dt {
		font-size: 14px;
	line-height: 1.3;
	padding: 1em 0;
	height: 4em;
	
}
#atclCase.case04 .kikiWrap .itemBox dd {
	font-size:13px;
	line-height: 1.4;
	text-align: justify;
	max-width: 155px;
	margin: 0 auto;
}
#atclCase.case04 .kikiWrap .itemBox li {
	display: list-item;
	list-style: disc;
	text-align: left;
	line-height: 1.3;
	padding: 0.2em 0;
	margin-left: 1em;
	font-size: 12px;
}
#atclCase.case04 .kikiWrap .itemBox p {
	line-height: 1.6;
}

/*==================　先進モデル事例レポート　ケース5　=====================*/
#atclCase.case05 .gaikanWrap .imgBox {
	width: 100%;
	margin-right: 0;
	text-align: center;
}
#atclCase.case05 .gaikanWrap .imgBox img {
	margin: 0 10px 30px;
}
#atclCase.case05 .gaikanWrap .outline {
	width: 74%;
}
#atclCase .faceBox .case_interview_name:after {
	margin-top: 2.2em;
}
#atclCase.case05 #koutei {
	border: 1px solid #06C;
	padding: 20px;
}
#atclCase.case05 #koutei h3 {
	border-left:7px solid #06C;   
  border-bottom:1px dotted #06C;
	margin-bottom:7px;
  padding:.2em .8em;
	color: #555;
	font-weight: normal;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#atclCase.case05 #koutei ol {}
#atclCase.case05 #koutei ol li {
	display: list-item;
	color: #555;
	font-weight: normal;
	text-align: left;
}
#atclCase.case05 #koutei ol li span {
	display: block;
	padding-left: 15%;
}
#atclCase.case05 #koutei .imgBox {
	width: 100%;
	text-align: center;
}
#atclCase.case05 #koutei dt {
	color: #900;
	font-weight: bold;
	padding-top: 1em;
}
#atclCase.case05 #koutei dd {
	margin-left: 1em;
	line-height: 1.3;
}
#atclCase.case05 #koutei h3.ichirei {
	background:#eee;
	border-right:7px solid #ccc;
	border-left:7px solid #ccc;
	padding:.2em .9em;
	border-bottom: none;
}
#atclCase.case05 #koutei h4 {
	color: #900;
	border-bottom: none;
}
#atclCase.case05 #koutei h5 {
	color: #900;
	border-bottom: none;
	border-top:#ccc solid 1px;
	padding-top: 0.4em;
}
#atclCase.case05 .kikiWrap {
	width: 80%;
	margin: 0 auto;
}
#atclCase.case05 .kikiWrap .itemBox {
	width: 30%;
}
#atclCase.case05 .kikiWrap .itemBox dl {
	 -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
}
#atclCase.case05 .kikiWrap .itemBox dt {
	font-size: 12px;
	line-height: 1.3;
	padding:  0;
	height: 4em;
	width: 4em;

}
#atclCase.case05 .kikiWrap .itemBox dd {
	font-size: 12px;
	line-height: 1.4;
	text-align: justify;
align-self: flex-start
}
#atclCase.case05 .kikiWrap .itemBox li {
	display: list-item;
	list-style: disc;
	text-align: left;
	line-height: 1.3;
	padding: 0.2em 0;
	margin-left: 1em;
	font-size: 12px;
}
#atclCase.case05 .kikiWrap .itemBox p {
	line-height: 1.6;
	text-align: justify;
}


/*==================　先進モデル事例レポート　ケース6　=====================*/
#atclCase.case06 {}
#atclCase.case06 .gaikanWrap .imgBox {
	width: 38%;
	margin-right: 2%;
	text-align: right;
}
#atclCase.case06 .gaikanWrap .outline {
	width: 60%;
	border: #999 solid 1px;
	padding: 10px 0px;
	background-color: rgba(241,241,241,0.3);
}
#atclCase.case06 .caption {
	font-size: 11px;
	line-height: 1.4
}
#atclCase.case06 .rei {
	padding:20px;
	border:1px solid #CCC;
	clear: both;
}

#atclCase.case06 .rei dt {
	background-color:#CFC;
	text-align: center;
	padding: 0.5em 0;
}
#atclCase.case06 .rei dd {
	text-align: center;
	padding:0.5em 0 2em;
}
#atclCase.case06 .rei .flex {
	margin: 0 6%;
}
#atclCase.case06 .rei .flex .itemBox {
	width: 25%;
	text-align: center;
}
#atclCase.case06 .rei .flex .itemBox:nth-child(2) {
	width: 35%;
}
#atclCase.case06 .rei .flex .itemBox p {
	text-align: center;
	padding: 0.5em 0;
}

#atclCase.case06 .kikiWrap01 {
	margin: 0 10%;
}
#atclCase.case06 .kikiWrap01 .itemBox {
	width: 30%;
}

#atclCase.case06 .kikiWrap02 {
	margin: 0 10%;
}
#atclCase.case06 .kikiWrap02 .itemBox {
	width: 30%;
}
#atclCase.case06 .kikiWrap02 .itemBox h5 {
	color: rgba(54,150,75,1.00);
	font-size: 14px;
	font-weight: normal;
}
#atclCase.case06 .kikiWrap02 .itemBox a {
	font-size: 14px;
	color: rgba(45,140,193,1.00);
	text-decoration: underline;
}
#atclCase.case06 .kikiWrap02 .itemBox p {
	text-align: justify;
}


/*==================　先進モデル事例レポート　ケース8　=====================*/
#atclCase.case08 {}

h1 span.titHead {
	color: #eb441a;
	text-align: center;
	border: #eb441a solid 1px;
	height: 36px;
	line-height: 36px;
}
#atclCase.case08 .gaikanWrap .imgBox {
	width: 30%;
	margin-right: 2%;
	text-align: right;
}
#atclCase.case08 .gaikanWrap .outline {
	width: 48%;
	border: #999 solid 1px;
	padding: 10px 0px;
	background-color: rgba(241,241,241,0.3);
}
#atclCase.case08 .gaikanWrap .imgBox02 {
	width: 18%;
	margin-left: 2%;
	text-align: left;
	font-size: 11px;
	line-height: 1.4;
}
#atclCase.case08 .kikiWrap01 {
	margin: 0 10%;
}
#atclCase.case08 .kikiWrap01 .itemBox {
	width: 30%;
}



@media (max-width: 767px) {
	#atclCase .spEmptyBox {
		display: none;
	}
	#atclCase .fltR {
		float: inherit;
		width: 100%;
		text-align: center;
		margin-left: 0;
		padding-bottom: 10px;
	}
	#atclCase .gaikanWrap .imgBox {
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#atclCase .gaikanWrap .outline {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	#atclCase .gaikanWrap .outline li {

	}
	#atclCase .faceBox {
		margin: 0 auto;
		float: inherit;
	}
	#atclCase .faceBox .imgBox {
		width: 100%;
		text-align: center;
	}
	#atclCase .faceBox .case_interview_name {
		width: 100%;
		font-size: 15px;
		text-align: center;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		padding: 0px 0px;
		position: relative;
		align-self: auto;
		padding-top: 0.5em;
	}
	#atclCase .faceBox .case_interview_name:after {
		display: none;
	}
	#atclCase .kikiWrap .itemBox {
		width: 48%;
	}
	#atclCase .kikiWrap.item3 {
		margin: 0 ;
	}
	#atclCase .kikiWrap.item3 .itemBox {
		width: 48%;
	}
	/*==================　先進モデル事例レポート　ケース3　=====================*/
	#atclCase.case03 ol {
		padding:10px 0em 10px 1.5em;
	}
	#atclCase.case03 ol li {
		font-size: 13px;
	}
	/*==================　先進モデル事例レポート　ケース5　=====================*/
	#atclCase.case05 .gaikanWrap .outline {
		width: 100%;
		max-width: inherit;
	}
	/*==================　先進モデル事例レポート　ケース6　=====================*/
	#atclCase.case06 .gaikanWrap .imgBox {
	width: 100%;
	margin-right:0;
		text-align: center;
	}
	#atclCase.case06 .gaikanWrap .outline {
		width: 100%;
	}
	#atclCase.case06 .rei dd {
		text-align: justify;
	}
	#atclCase.case06 .rei .flex .itemBox {
		width: 100%;
		text-align: center;
	}
	#atclCase.case06 .rei .flex .itemBox:nth-child(2) {
		width: 100%;
	}
	#atclCase.case06 .kikiWrap01 {
		margin: 0 0%;
	}
	#atclCase.case06 .kikiWrap01 .itemBox {
		width: 48%;
	}
	#atclCase.case06 .kikiWrap02 {
		margin: 0 ;
	}
	#atclCase.case06 .kikiWrap02 .itemBox {
		width: 100%;
		max-width: 210px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	/*==================　先進モデル事例レポート　ケース8　=====================*/
	#atclCase.case08 {}

	#atclCase.case08 .gaikanWrap .imgBox {
		width: 100%;
		margin-right: 2%;
		text-align: right;
	}
	#atclCase.case08 .gaikanWrap .outline {
		width: 100%;
		border: #999 solid 1px;
		padding: 10px 0px;
		background-color: rgba(241,241,241,0.3);
	}
	#atclCase.case08 .gaikanWrap .imgBox02 {
		width: 108%;
		margin-left: 2%;
		text-align: center;
		padding-top: 20px;
	}
		#atclCase.case08 .gaikanWrap .imgBox02 p {
			text-align: center;
		font-size: 11px;
		line-height: 1.4;
	}
	#atclCase.case08 .kikiWrap01 {
		margin: 0 0%;
	}
	#atclCase.case08 .kikiWrap01 .itemBox {
		width: 48%;
	}
}



/*==================　トピックス　=====================*/
#atclTopics {}
#atclTopics ol {
	background-color: #fff;
	padding: 2em 10%;
	border: #ddd solid 1px;
	/*background-color: #F2F2ED;*/
	margin: 30px 0;
	border-radius: 10px;
	box-shadow: 0px 1px 30px 15px #F2F2ED inset;
}
#atclTopics ol li {
	display: list-item;
	text-align:justify;
	color:#000;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
	
  text-indent: -2.8em;
  border-bottom:1px dotted #CCC;
	line-height: 1.4;
	padding: 0.3em 0 1em;
	padding-left:2.8em;
}
#atclTopics .figureBox {
	width: 100%;
	margin-bottom: 50px;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
}
#atclTopics .figureBox .imgBox {
	width: 100%;
	text-align: center;
}
#atclTopics .figureBox .imgBox img {
	max-width: 100%;
}
#atclTopics .figureBox .caption {
	font-size: 11px;
	text-align: right;
}

#atclTopics .kakunin {
	border: #ccc solid 1px;
	text-align: center;
	padding: 1em 2em;
	background-color: #F4F4F4;
}
#atclTopics .kakunin p {
	text-align: center;
	padding: 0.3em 0;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	font-size: 15px;
}
#atclTopics .kakunin a {
	color: #076689;
	text-decoration: underline;
}


@media (max-width: 767px) {
	#atclTopics ol {
		padding: 2em 2%;
	}
}



/*==================　メニューコンテスト　=====================*/
#artclMenucon {
	margin-top: 0;
}
#artclMenucon #menuconTit {
	text-align: center;

}
#artclMenucon #menuconTit img {
	width: 100%;
}
#artclMenucon #menuconTit .caption {
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}
#artclMenucon #menuconTit a {
	display: block;
	background-color: #ff7400;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	border-radius: 6px;
	margin: 0 auto;
}
#artclMenucon #menuconTit a:hover {
	background-color: #ffa443;
}

#artclMenucon section.info {
	border: #ccc solid 1px;
	padding: 20px 40px 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px #eee inset;
}
#artclMenucon section.info h3 img {
	vertical-align: middle;
	margin-right: 10px;
}
#artclMenucon section.info dl {
	border-bottom: 1px #c0c0c0 dotted;
	padding: 0.5em 0;
}
#artclMenucon section.info dt {

}
#artclMenucon section.info dd {
line-height: 1.4;
}
#artclMenucon section a {
	color: #076689;
}
#artclMenucon section a:hover {
	text-decoration: underline;
}

#artclMenucon section .sample_03{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#artclMenucon section .sample_03 th{
width:50%;
padding:10px 4px 10px 3%;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	line-height: 1.4;
}
#artclMenucon section .sample_03 td{
padding:10px 4px 10px 3%;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	line-height: 1.4;
}
#artclMenucon section .corpLink img {
	vertical-align: middle;
	margin-right: 5px;
}
#artclMenucon section.kyosan ul {
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
#artclMenucon section.kyosan li {
	margin: 0 3%;
}

#artclMenucon section.youkou {
	text-align: center;
	padding-bottom: 30px;
}


@media (max-width: 767px) {
	#artclMenucon section.info {
		padding: 20px 20px 30px;
	}
	#artclMenucon section .sample_03 th{
		width:inherit;
	}
	#artclMenucon section.kyosan ul {
		width: 80%;
		margin: 0 auto;
	}
	#artclMenucon section.kyosan li {
		width: 100%;
		text-align: center;
		padding: 5px 0;
		margin: 0 3%;
	}
}


/*=============応募要項============*/
#artclMenucon.mcYoukou section.youkou p {
	font-size: 21px;
	color: #FF0004;
	text-align: center;
	font-weight: bold;
}
#artclMenucon.mcYoukou section.engemenucon-table table {
   table-layout: fixed; 
   width: 100%;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
   margin-bottom:15px;
   text-align:left;
}

#artclMenucon.mcYoukou section.engemenucon-table table td {
   padding:10px 10px;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;
   line-height:1.7em;
}

#artclMenucon.mcYoukou section.engemenucon-table table th {
   width:9em;
   padding:10px 10px;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;
   background-color:#feedf3;
}
#artclMenucon.mcYoukou section.bikou {
	border: #ccc solid 1px;
	padding: 2.5% 5%;
	margin-top: 30px;
}
#artclMenucon.mcYoukou section.bikou p {
	text-indent: -0.8em;
	padding: 0.3em 0;
	font-size: 12px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	#artclMenucon.mcYoukou section.engemenucon-table table th {
		display: block;
		width: 100%;
	}
	#artclMenucon.mcYoukou section.engemenucon-table table td {
		display: block;
	}
}

/*=============協賛企業============*/
#artclMenucon.mcKyosan {}
#artclMenucon.mcKyosan .kigyou {
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
#artclMenucon.mcKyosan .kigyou div {
	border-bottom: #ddd solid 1px;
	text-align: center;
	margin: 20px 3%;
}
#artclMenucon.mcKyosan .kigyou div:nth-child(1) {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}
#artclMenucon.mcKyosan .kigyou p {
	text-align: center;
	padding:  0;
}
#artclMenucon.mcKyosan .menucon_sample02{
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#artclMenucon.mcKyosan .menucon_sample02 th{
	width:15%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#artclMenucon.mcKyosan .menucon_sample02 td{
	padding: 10px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#artclMenucon.mcKyosan .companies {
	border: #eee solid 1px;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	padding: 4%;
	margin-top: 30px;
}
#artclMenucon.mcKyosan .companies .support {
	border: #ccc solid 1px;
	border-bottom: #01487C solid 1px;
	padding: 0.3em 1em;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8),0px 1px 1px #fff;
	color: #bbb;
	font-weight: bold;
	margin-bottom: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


	
}
#artclMenucon.mcKyosan .companies .flex {
	width: 100%;
}
#artclMenucon.mcKyosan .companies .flex .logo {
	width: 40%;
	text-align: center;
}
#artclMenucon.mcKyosan .companies .flex .nameComp {
	width: 60%;
	color: #000;
	border: none;
	border-left: #555 dotted 1px;
	padding-left: 1em;
}
#artclMenucon.mcKyosan .companies .flex .imgBox {
	width: 40%;
	text-align: center;
}
#artclMenucon.mcKyosan .companies .flex .txtBox {
	width: 60%;
}
#artclMenucon.mcKyosan .companies .flex .nameGoods {
	font-size: 15px;
	font-weight: bold;
	border-top: #777 solid 1px;
	border-bottom: #777 solid 1px;
}
#artclMenucon.mcKyosan .companies .flex .desc {}
#artclMenucon.mcKyosan .companies .flex a img {
	vertical-align: middle;
	margin-right: 10px;
}


@media (max-width: 767px) {
	#artclMenucon.mcKyosan .kigyou div:nth-child(1) {
		width: 90%;
		margin-left: 0;
		margin-right: 0;
	}
	#artclMenucon.mcKyosan .companies .flex .logo {
		width: 100%;
		text-align: center;
	}
	#artclMenucon.mcKyosan .companies .flex .nameComp {
		width: 100%;
		color: #000;
		border: none;
		border-left: #555 dotted 1px;
		padding-left: 1em;
	}
	#artclMenucon.mcKyosan .companies .flex .imgBox {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#artclMenucon.mcKyosan .companies .flex .txtBox {
		width: 100%;
	}
	#artclMenucon.mcKyosan .menucon_sample02 th{
		display: block;
		width: 100%;
		padding: 0.2em 1em;
	}
	#artclMenucon.mcKyosan .menucon_sample02 td{
		display: block;
		line-height: 1.4;
	
	}
}

/*=============2017年度決勝審査結果============*/
#artclMenucon.final2017 {}
#artclMenucon.final2017 #menuconTit ul {
	width: 100%;
	max-width: 620px;
	margin:  0 auto;
}
#artclMenucon.final2017 #menuconTit li {
margin: 0 auto 10px;
}

#artclMenucon.final2017 .itemBox {
	margin-bottom: 50px;
}
#artclMenucon.final2017 .itemBox .imgBox {}
#artclMenucon.final2017 .itemBox .textBox {
	border:#ccc solid 1px;
	padding: 2% 4%;
	margin-top: 20px;
}
#artclMenucon.final2017 .itemBox .textBox p {
	line-height: 1.4;
	padding: 0.2em 0;
}
#artclMenucon.final2017 .sorei {
	width: 100%;
}
#artclMenucon.final2017 .sorei > div {
	width: 46%;

}
#artclMenucon.final2017 .sorei > div img {
	width: 100%;
	margin-bottom: 10px;
}
#artclMenucon.final2017 .sorei > div p {
	line-height: 1.4;
	padding: 0.2em 0;
	text-align: center;
}
#artclMenucon.final2017 .sorei > div p.title {
	font-size: 15px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#artclMenucon.final2017 .sorei > div p.company {
	font-size: 12px;
}

@media (max-width: 767px) {
	#artclMenucon.final2017 .itemBox .textBox p {
		font-size: 13px;
	}
	#artclMenucon.final2017 .sorei > div {
		width: 100%;

	}
}


/*=============2017年度決勝審査会レポート============*/
#artclMenucon.final2017report {
}
#artclMenucon.final2017report .imgWrap {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 30px 0;
}
#artclMenucon.final2017report .imgWrap .itemBox {
	width: 48%;
	max-width: 270px;
}
#artclMenucon.final2017report .imgWrap .itemBox img {
	width: 100%;
}
#artclMenucon.final2017report .imgWrap .itemBox p {
	line-height: 1.4;
	font-size: 12px;
	padding: 0.3em 0 1em;;
}
#artclMenucon.final2017report section .result {
	text-align: center;
	border: #ccc solid 1px;
	padding: 1em;
	line-height: 1.4;
}

@media (max-width: 767px) {
	#artclMenucon.final2017report .imgWrap .itemBox {
		width: 100%;
		max-width: 270px;
		margin: 0 auto;
	}
}

/*=============入賞作品集販売============*/

#artclMenucon.engeBook {}
#artclMenucon.engeBook .mainWrap {
	padding-top: 50px;
}
#artclMenucon.engeBook .mainWrap .leftBox {
	width: 35%;
}
#artclMenucon.engeBook .mainWrap .rightBox {
	width: 62%;
}
#artclMenucon.engeBook .mainWrap .rightBox h2 {
	margin: 0;
	line-height: 1.4;
	
}
#artclMenucon.engeBook .mainWrap .rightBox p {
	line-height: 1.5;
}
#artclMenucon.engeBook .mainWrap .rightBox a {
	display: block;
	background-color: #ff7400;
	font-size: 16px;
	color: #fff;
	text-align: center;
	max-width: 340px;
	height: 60px;
	line-height: 60px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	border-radius: 6px;

}
#artclMenucon.engeBook .mainWrap .rightBox a:hover {
	background-color: #ffa443;
}
#artclMenucon.engeBook .mainWrap .rightBox li:before {
	content:"●";
	color: #ffa443;
	margin-right: 0.3em;
}

@media (max-width: 767px) {
	#artclMenucon.engeBook .mainWrap .leftBox {
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}
	#artclMenucon.engeBook .mainWrap .rightBox {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
	}

	#artclMenucon.engeBook .mainWrap .rightBox a {
		margin: 0 auto;
	}
	#artclMenucon.engeBook .img02 {
		text-align: center;
		
	}
}


/*=============セミナーレポート============*/

#atclEvent.report {}
#atclEvent.report section {
	max-width: 860px;
	margin: 0 auto;
}
#atclEvent.report section h1 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 1px solid #cc3366;
	color:#cc3366;
}
#atclEvent.report section a {
	color:#076689;
	text-decoration:none;
}
#atclEvent.report section a:hover {
	color:#f0000;
	text-decoration:underline;
}

#atclEvent.report section .imgWrap {
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	
}
#atclEvent.report section .imgWrap p {
	line-height:1.4;
	padding-top:5px;
	color:#336699;
	font-size:12px;
}
#atclEvent.report section .imgWrap > .itemBox {
	width: 30%;
	text-align: center;
}
#atclEvent.report section.gaiyo {
	border: #ccc solid 1px;
	padding: 30px;
}
#atclEvent.report section.gaiyo h3 {
	font-size: 15px;
	font-weight:bold;
	color:#336699;
	border:none;
	margin-bottom: 0;
}
#atclEvent.report section.gaiyo h2 {
	font-size: 18px;
	font-weight:bold;
	color:#000;
	margin-top: 0;
	line-height: 1.4;
}




@media (max-width: 767px) {
	#atclEvent.report section h1 {
		font-size:18px;
		line-height: 1.4;
	}
	#atclEvent.report section .imgWrap > .itemBox {

		min-width: 200px;
		margin: 0 auto;
		text-align: center;
	}
	#atclEvent.report section .imgWrap > .itemBox p {
		text-align: center;
	}
	#atclEvent.report section h1 br {
		display: none;
	}
	#atclEvent.report section.gaiyo {
		padding: 20px 10px;
	}
}



/*=============2020 第8回嚥下食メニューコンテスト============*/
/*=============2応募要項============*/

#guide2020 {}
#guide2020 #main {
  position: relative
}
#guide2020 #main .syokin {
  position: absolute;
  right: -2%;
  top: -2%;
  width: 17%;
}
#guide2020 h1 {
  margin: 0;
}
#guide2020 section {
  padding: 30px 0;
}
#guide2020 section h2 {
  color: #e94a08;
  text-align: center;
  font-size: 24px;
  border-bottom: #e94a08 solid 1px;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
  letter-spacing: 0.1em;
}
#guide2020 section p {
  line-height: 1.6;
}
#guide2020 div#main {
  
}
#guide2020 div#main p {
  font-size: 13px;
  line-height: 1.4;
  padding: 0.3em 0;
  text-align: center;

}
#guide2020 section#about {}

#guide2020 section#require {}
#guide2020 section#require table {
  border-collapse: separate;
  border-spacing: 0 20px; 
  width: 100%;
}
#guide2020 section#require tr {

}
#guide2020 section#require th,
#guide2020 section#require td
{
 
  padding: 1em 0.5em;
  /*border-bottom: #fff solid 15px;*/
}
#guide2020 section#require td p {
  line-height: 1.4;
  padding: 0.3em 0;
  margin: 0;
}
#guide2020 section#require td p a {
  color: #e50012;
  text-decoration: underline;
}
#guide2020 section#require td p .txtRed {
  color: #e50012;
}

#guide2020 section#require th {
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background-color: #a38a77;
  vertical-align: middle;
  font-weight: bold;
  /*border-right: #ccc solid 1px;*/
  padding: 1em 1em;
  border-radius: 10px 0 0 10px;
  
}
#guide2020 section#require td {
  background-color: rgba(245,245,244,0.7);
  padding: 1em 1em 1em 2em;
  text-align: left;
box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
}
#guide2020 section#require td ol {
  padding-left: 1em;
}
#guide2020 section#require td ol li {
  list-style: decimal;
  padding: 0.2em 0;
  line-height: 1.4;
  font-feature-settings: "palt";
letter-spacing: 0.05em;
}
#guide2020 section#require td.date p {
  font-size: 24px;
  font-weight: bold;;
}

#guide2020 section#prize {}
#guide2020 section#prize .award {
  max-width: 600px;
  margin: 0 auto;
}

#guide2020 section#judge {}
#guide2020 section#judge .name {
  font-size: 26px;
  font-weight:bold;
  text-align: center;
}
#guide2020 section#judge .name span {
  font-size: 18px;
  font-weight: normal;
}

#guide2020 section#yousi {}
#guide2020 section#yousi  p {
  padding-bottom: 0.5em;
  font-size: 18px;
  text-align: center;
}
#guide2020 section#yousi ul {
-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#guide2020 section#yousi li {
  width: 31%;
}

#guide2020 section#method {}
#guide2020 section#method dl {
  padding: 15px 0;
}
#guide2020 section#method dt {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 0.3em;
}
#guide2020 section#method dt:before {
  content: "●";
  color: #e94a08;
  margin-right: 0.1em;
}
#guide2020 section#method dd {
  font-size: 15px;
  line-height: 1.4;
  text-align: left;
}
#guide2020 section#method table {
  margin: 10px 0;
}
#guide2020 section#method td p {
    margin: 0;
    padding: 0;
  line-height: 1.4;
  }
#guide2020 section#method a {
  display: block;
  margin: 20px auto;
  width: 60%;
  max-width: 300px;
}

#guide2020 section#contact {}
#guide2020 section#contact dt {
  font-size: 21px;
  font-weight: bold;
}
#guide2020 section#contact dd {
  padding-top: 1em;
  font-size: 18px;
  line-height: 1.4;
}

#guide2020 #bikou {
  border: #ccc solid 1px;
  padding: 3%;
  line-height: 1.4;
}
#guide2020 section#contact .brSp {
    display: none;
  }


#guide2020 #kyosanWrap {
  padding: 50px 0;
}
#guide2020 #kyosanWrap h3 {
  width: 30%;
  max-width: 130px;
  margin: 0 auto;
  padding-bottom: 15px;
}
#guide2020 #kyosanWrap ul {
  width: 100%;
  margin: 0 auto;
align-items: flex-end;
}

#guide2020 #kyosanWrap ul li {
  padding: 15px 0px;
}
#guide2020 #kyosanWrap ul li:nth-of-type(1) {
  width: 25%;
}
#guide2020 #kyosanWrap ul li:nth-of-type(2) {
  width: 29%;
}
#guide2020 #kyosanWrap ul li:nth-of-type(3) {
   width: 16%;
}
#guide2020 #kyosanWrap ul li:nth-of-type(4) {
   width: 13%;
}
#guide2020 #kyosanWrap ul li:nth-of-type(5) {
   width: 8%;
}





/*-----------------ポップアップ画面-----------------*/
#puScreen {

}
#puScreen {
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  z-index: 99999;
  left: 0;
  top:0;
  webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
}
#puScreen #basePop {
  width: 80%;
  max-width: 700px;
  background-color: #fff;
  padding: 2% 3%;
  border-radius: 10px;

  
}
#puScreen #basePop h2 {
  text-align: center;
  background-color: #e94a08;
  color: #fff;
  padding: 0.3em 1em;
}
#puScreen #basePop p {
  padding: 1em 0;
  line-height: 1.6;
  font-size: 14px;
}
#puScreen #basePop p#selected {
   text-align: center;
  font-size: 14px;
  padding-top: 30px;
}
#puScreen #basePop p#fileName {
   text-align: center;
  font-size: 16px;
  margin-top: 0;
  padding-top: 0;
}
#puScreen #basePop p#thanks {
   text-align: center;
  font-size: 16px;
  margin-top: 0;
  padding: 50px 0;
}
#puScreen #basePop #btnFile,
#puScreen #basePop #btnSend
{
  display       : block;
  border-radius : 10px;
  font-size     : 18px;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 20px;;
  background    : #ffffff;
  color         : #000;
  line-height   : 1em;
  transition    : .3s;
  border:#777 solid 1px;
  margin: 20px auto;
  max-width: 240px;
}
#puScreen #basePop #btnFile:hover,
#puScreen #basePop #btnSend:hover
{
  color         : #ffffff;
  background    : #000;
}
#puScreen #basePop input {
  display: none;
}

#btnWinClose {
  display       : block;
  border-radius : 10px;
  font-size     : 14px;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 20px;;
  background    : #000;
  color         : #fff;
  line-height   : 1em;
  transition    : .3s;
max-width: 240px;
  margin: 20px auto;
}
#btnWinClose:hover {
  background : #999;
}

#guide2020 section#method a.btnContact
{
  display: block;
  border: #ccc solid 1px;
  margin: 0 auto;
  padding: 1em;
  font-size: 13px;
  border-radius: 8px;
  width: 160px;
  text-align: center;
}
#guide2020 section#method a.btnContact:hover
{
  background-color: #eee;
}

#puScreen #btnContactWrap {
  text-align: center;
}
#puScreen #btnContactWrap a.btnContact {
  font-size: 14px;
  color: #0B6EBC;
  text-decoration: underline;
  text-align: center;
}
#puScreen #btnContactWrap a.btnContact:hover {
  color: #D44524;
}


@media (max-width: 767px) {
  #guide2020 div#main h1 {
    width: 106%;
    margin-left: -3%;
  }
  #guide2020 #main .syokin {
    display: none;
  }
  #guide2020 div#main p {
    font-size: 12px;
    line-height: 1.4;
    padding: 0.3em 0;
    text-align: justify;
    margin: 0;

  }
  #guide2020 div#main p.caption {
    padding-top: 1em;
  }
  #guide2020 section h2 {
    font-size: 20px;
  }
  #guide2020 section p {
  font-size: 14px;
    font-size: clamp(12px, 3.5vw, 14px);
}
  #guide2020 section#require th {
    font-size: 16px;
    padding: 0.6em 0.5em;
    border-radius: 0;
  }
  #guide2020 section#prize .award {
    max-width: 400px;
    margin: 0 auto;
    }

  #guide2020 section#require td ol li {
    display: list-item;
    font-size: 14px;
    font-size: clamp(12px, 3.5vw, 14px);
  }
  #guide2020 section#require td.date p {
    font-size: 18px;
    text-align: center;
  }

  #guide2020 section#require th {
    display: block;
  }
  #guide2020 section#require td {
    display: block;
  }
  #guide2020 section#prize ul {
    width: 70%;
    max-width: 280px;
    margin: 0 auto;
  }
  #guide2020 section#prize ul li {
    width: 100%;
    padding: 6px 0;
  }
  #guide2020 section#prize p {
    font-size: 15px;
    text-align: justify;
    font-weight:bold;
  }
  #guide2020 section#judge .name {
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.2em;
  }
  #guide2020 section#judge .name span {
    font-size: 80%;
  }
  #guide2020 section#judge .name span.aff {
    font-size: 60%;
    display: block;
    letter-spacing: 0;
  }
  #guide2020 section#yousi  p {
    padding-bottom: 0.5em;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-size: clamp(12px, 3.5vw, 14px);
  }
  #guide2020 section#yousi ul {
    width: 70%;
    max-width: 280px;
    margin: 0 auto;
  }
  #guide2020 section#yousi li {
    width: 100%;
    padding: 5px 0;
  }
  #guide2020 section#method dt {
    font-size: 15px;
    font-size: clamp(13px, 3.7vw, 15px);
  }
  #guide2020 section#method dd {
    font-size: 14px;
    padding: 0.5em 0;
    text-align: left;
    font-size: clamp(12px, 3.5vw, 14px);
  }
  #guide2020 section#method table {
    width: 100%;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    margin: 15px 0;
  }
  #guide2020 section#method th {
    white-space: nowrap;
  }
  #guide2020 section#method td p {
    padding: 0.2em 0;
  }
  #guide2020 section#method a {
    margin: 20px auto;
    width: 70%;
    max-width: 300px;
  }
  #guide2020 section#contact dt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
  }
  #guide2020 section#contact dd {
    padding-top: 1em;
    font-size: 14px;
    line-height: 1.4;
  }
  #guide2020 section#contact .brSp {
    display: inline;
  }
  #guide2020 #bikou {
    font-size: 12px;
    padding: 5%;
    margin-bottom: 20px;
  }
  #basePop input.button {
    font-size     : 14pt;

  }
  #puScreen #basePop h2 {
    font-size: 15px;
    line-height: 1.4;
  }
  #puScreen #basePop p {
    font-size: 12px;
    padding: 0;
  }
  #puScreen #basePop #btnFile {
    font-size     : 14px;
  }
  #guide2020 #kyosanWrap ul li {
    padding: 4% 0;

  }
  #guide2020 #kyosanWrap ul {
    display: block;
    width: 60%;
    max-width: 200px;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(1) {
    width: 100%;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(2) {
    width: 100%;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(3) {
     width: 65%;
    margin: 0 auto;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(4) {
     width: 70%;
    margin: 0 auto;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(5) {
     width: 40%;
    margin: 0 auto;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(6) {
     width: 100%;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
  #guide2020 #kyosanWrap ul li:nth-of-type(7) {
     width: 100%;
    margin: 0;
    padding-left: 4%;
    padding-right: 4%;
  }
}