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

.ctsInner section + section {
	margin-top: 70px;
}

.outlineArea {
	font-size: 1.6rem;
}
.outlineArea .ttlOutline {
	font-size: 3rem;
	color: #005c3e;
	font-family: "Sawarabi Mincho";
	margin-top: 50px;
}

.exampleArea .floatLayout {
	font-size: 1.5rem;
}
.exampleArea .floatLayout h4 {
	font-size: 2.2rem;
	font-weight: bold;
}
.exampleArea .floatLayout p {
	margin-top: 35px;
}
.exampleArea .colLayout-two .col {
	padding: 30px 40px;
	border: 1px solid #333;
	position: relative;
}
.exampleArea .colLayout-two .col:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 54px 0 0;
border-color: #11a979 transparent transparent transparent;
	position: absolute;
	left: 0px;
	top: 0px;
}
.exampleArea .colLayout-two dt {
	font-size: 2rem;
	font-weight: bold;
}
.exampleArea .colLayout-two dd {
	font-size: 1.5rem;
	margin-top: 35px;
}
.exampleArea .txtExampleCatch {
	font-size: 3rem;
	font-family: "Sawarabi Mincho";
	text-align: center;
	margin-top: 70px;
}

.memberArea h3 + p {
	font-size: 1.6rem;
	margin-top: 45px;
}
.memberArea .memberList {
	margin-top: 40px;
}
.memberArea .memberList li {
	width : 31.8%;
	width : -moz-calc((100% - 30px) / 3);
	width : -webkit-calc((100% - 30px) / 3);
	width : calc((100% - 30px) / 3);
	margin-right: 15px;
	float: left;
}
.memberArea .memberList li:nth-child(3n) {
	margin-right: 0px;
}
.memberArea .memberList li:nth-child(3n) ~ * {
	margin-top: 15px;
}
.memberArea .memberList li.hdCell {
	background-color: #ffcb00;
	display: table;
}
.memberArea .memberList li.hdCell span {
	font-size: 2rem;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	position: relative;
	padding-right: 45px;
	padding-left: 30px;
}
.memberArea .memberList li.hdCell span:after {
	content: "▶";
	margin-top: -0.7em;
	position: absolute;
	top: 50%;
	right: 35px;
}
.ie .memberArea .memberList li.hdCell span:after {
	margin-top: 0em;
	top: auto;
}

.modalCts {
	display: none;
}
#colorbox dl {
	width: 691px;
	overflow: hidden;
	margin: 30px;
}
#colorbox dl dt {
	font-size: 1.8rem;
	font-weight: bold;
	color: #11a979;
	padding-bottom: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #999;
	position: relative;
}
#colorbox dl dt a {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
}
#colorbox dl dt a span {
	font-size: 1.4rem;
	font-weight: bold;
	color: #333;
	background-color: #eee;
	display: block;
	padding: 8px 15px 5px;
}
#colorbox dl dd {
	margin-top: 10px;
}
#colorbox dl dd p + p {
	font-size: 1.2rem;
	margin-top: 10px;
}
#colorbox dl dd .imgList {
}
#colorbox dl dd .imgList li {
	display: table;
	width : -moz-calc((100% - 15px) / 2);
	width : -webkit-calc((100% - 15px) / 2);
	width : calc((100% - 15px) / 2);
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	background-color: #eee;
/*	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #939;*/
}
/*.ie #colorbox dl dd .imgList li,
.ie #colorbox dl dd .imgList li img {
	width : 338px;
}*/
.ie #colorbox dl dd .imgList li img {
	width : 100%;
}
#colorbox dl dd .imgList li > * {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#colorbox dl dd .imgList li:nth-child(2n) {
	margin-right: 0px;
}



/*SP
------------------------------------------------------ */
@media only screen and (max-width: 768px) {
.ctsInner section + section {
	margin-top: 30px;
}

.outlineArea {
	font-size: 1.3rem;
}
.outlineArea .ttlOutline {
	font-size: 2rem;
	color: #005c3e;
	font-family: "Sawarabi Mincho";
	margin-top: 20px;
}

.exampleArea .floatLayout {
	font-size: 1.3rem;
}
.exampleArea .floatLayout {
	font-size: 1.3rem;
}
.exampleArea .floatLayout figure {
	width: 25%;
}
.exampleArea .floatLayout h4 {
	font-size: 1.6rem;
}
.exampleArea .floatLayout p {
	margin-top: 10px;
}
.exampleArea .colLayout-two .col {
	padding: 10px 15px;
}
.exampleArea .colLayout-two .col:before {
	border-width: 20px 20px 0 0;
}
.exampleArea .colLayout-two dt {
	font-size: 1.4rem;
}
.exampleArea .colLayout-two dd {
	font-size: 1.3rem;
	margin-top: 15px;
}

.exampleArea .txtExampleCatch {
	font-size: 1.6rem;
	margin-top: 20px;
}

.memberArea h3 + p {
	font-size: 1.3rem;
	margin-top: 15px;
}
.memberArea .memberList {
	margin-top: 15px;
}
.memberArea .memberList li {
	width : 31.8%;
	width : -moz-calc((100% - 15px) / 2);
	width : -webkit-calc((100% - 15px) / 2);
	width : calc((100% - 15px) / 2);
	margin-right: 15px;
}
.memberArea .memberList li:nth-child(3n) {
	margin-right: 15px;
}
.memberArea .memberList li:nth-child(2n),
.memberArea .memberList li:nth-child(6n) {
	margin-right: 0px;
}
.memberArea .memberList li:nth-child(2n) ~ * {
	margin-top: 15px;
}
.memberArea .memberList li.hdCell:before {
	content: "";
	display: table-cell;
	padding-top: 100%;
	width: 1px;
}
.memberArea .memberList li.hdCell span {
	font-size: 1.4rem;
	padding-right: 30px;
	padding-left: 15px;
}
.memberArea .memberList li.hdCell span:after {
	right: 15px;
}

.modalCts {
	display: none;
}
#colorbox dl {
	width: auto;
	margin: 15px;
}
#colorbox dl dt {
	font-size: 1.4rem;
	padding-top: 0px;
}
#colorbox dl dt a img {
	width: 100px;
	height: auto;
}
#colorbox dl dt a span {
	font-size: 1.1rem;
	padding: 3px 10px 3px;
}
#colorbox dl dd {
	margin-top: 10px;
}
#colorbox dl dd .imgList li {
	float: none;
	margin-right: 0px;
	width : auto;
}




@media all and (orientation: landscape) {
	
}

}


/* Clearfix
------------------------------------------------------ */
.memberArea .memberList:after,
#colorbox dl dd .imgList:after {
	content: "";
	display: block;
	clear: both;
}