/*-------------------------------------
contents
--------------------------------------*/

/*-------------------------------------
comment
--------------------------------------*/

.comment__imgarea {
	position: relative;
}

.comment__imgarea .icn span {
	display: table-cell;
	vertical-align: middle;
	background: #3edda7;
	overflow: hidden;
	font-family: "RyoGothicPlusNW50-UltHe";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-align: center;
}

.comment__imgarea .icn--ltsmin span {
	letter-spacing: -0.02em;
}

.comment__txtarea .prof {
	font-family: "RyoGothicPlusNW50-UltHe";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.comment__txtarea .namearea .name {
	font-family: "RyoGothicPlusNW50-UltHe";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	line-height: 100%;
	vertical-align: bottom;
}

.comment__txtarea .namearea .history {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: bottom;
}

.comment__txtarea .txt {
	line-height: 200%;
}

/*-------------------------------------
holder
--------------------------------------*/

.holder__icn span {
	display: table-cell;
	vertical-align: middle;
	background: #3edda7;
	overflow: hidden;
	font-family: "RyoGothicPlusNW50-UltHe";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-align: center;
}

.holder__list li {
	overflow: hidden;
	_zoom: 1;
}

.holder__list li:last-child {
	margin-bottom: 0;
}

.holder__list li span {
	display: block;
	line-height: 200%;
}

.holder__list li .icn {
	float: left;
}

.holder__list li .txt {
	overflow: hidden;
	_zoom: 1;
}

@media screen and (min-width: 680px) {

.contents {
	padding-top: 60px;
	margin-bottom: 140px;
}

.comment {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.comment__sec {
	overflow: hidden;
	*zoom: 1;
	padding-top: 75px;
	margin-bottom: 50px;
}

.comment__imgarea {
	float: left;
	width: 425px;
}

.comment__imgarea .icn {
	position: absolute;
	top: -75px;
	right: -75px;
}

.comment__imgarea .icn span {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	font-size: 22px;
}

.comment__imgarea .icn--ltsmin span {
	font-size: 20px;
}

.comment__txtarea {
	float: right;
	width: 485px;
	padding-top: 90px;
}

.comment__txtarea .prof {
	font-size: 18px;
	margin-bottom: 15px;
}

.comment__txtarea .namearea {
	margin-bottom: 20px;
}

.comment__txtarea .namearea .name {
	font-size: 38px;
	margin-right: 10px;
}

.comment__txtarea .namearea .history {
	font-size: 18px;
	line-height: 24px;
}

.comment__txtarea .txt {
	font-size: 16px;
}

.comment__anno {
	margin-top: 120px;
	font-size: 14px;
	text-align: right;
}

.holder {
	overflow: hidden;
	_zoom: 1;
}

.holder__icn {
	float: left;
	margin-right: 30px;
}

.holder__icn span {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	font-size: 22px;
}

.holder__list {
	overflow: hidden;
	_zoom: 1;
	padding-top: 50px;
}

.holder__list li {
	margin-bottom: 30px;
}

.holder__list li span {
	font-size: 16px;
}

}

@media screen and (max-width: 679px) {

.contents {
	padding-top: 20px;
	margin-bottom: 60px;
}

.comment {
	padding-left: 20px;
	padding-right: 20px;
}

.comment__sec {
	padding-top: 30px;
	margin-bottom: 20px;
}

.comment__imgarea {
	margin-bottom: 20px;
}

.comment__imgarea .icn {
	position: absolute;
	top: -30px;
	right: -10px;
}

.comment__imgarea .icn span {
	width: 96px;
	height: 96px;
	border-radius: 100%;
	font-size: 14px;
}

.comment__imgarea .icn--ltsmin span {
	font-size: 12px;
}

.comment__txtarea .prof {
	font-size: 14px;
	margin-bottom: 5px;
}

.comment__txtarea .namearea {
	margin-bottom: 20px;
}

.comment__txtarea .namearea .name {
	font-size: 20px;
	margin-right: 10px;
}

.comment__txtarea .namearea .history {
	font-size: 14px;
	line-height: 18px;
}

.comment__txtarea .txt {
	font-size: 14px;
}

.comment__anno {
	margin-top: 60px;
	font-size: 12px;
}

.holder__icn {
	width: 96px;
	margin: 0 auto 20px;
}

.holder__icn span {
	width: 96px;
	height: 96px;
	border-radius: 100%;
	font-size: 14px;
}

.holder__list li {
	margin-bottom: 20px;
}

.holder__list li span {
	font-size: 14px;
}

}