@charset "utf-8";
@import url(common.css);

/* ------------------------------------------------
  #main
------------------------------------------------ */

#main {
	background: rgb(244,239,188);
	background: -moz-linear-gradient(left, rgba(244,239,188,1) 0%, rgba(251,249,227,1) 50%, rgba(244,239,189,1) 100%);
	background: -webkit-linear-gradient(left, rgba(244,239,188,1) 0%,rgba(251,249,227,1) 50%,rgba(244,239,189,1) 100%);
	background: linear-gradient(to right, rgba(244,239,188,1) 0%,rgba(251,249,227,1) 50%,rgba(244,239,189,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4efbc', endColorstr='#f4efbd',GradientType=1 );
	padding: 75px 0 90px;
}
#main h3 {
	font-size: 36px;
	font-weight: 400;
	color: #0047c0;
	line-height: 1;
	letter-spacing: 0.1em;
}
#main h3 .small {
	font-size: 22px;
	line-height: 1;
	margin-bottom: 18px;
	display: block;
}
#main .inner > ul {
	letter-spacing: -.4em;
	text-align: center;
	padding: 0 15px;
	margin-top: 85px;
}
#main .inner > ul li {
	letter-spacing: normal;
	background-color: #fff;
	border-radius: 128px;
	box-shadow: 0 0 15px 0 rgba(204,204,204,.5);
	margin-left: 15px;
	margin-right: 15px;
	width: 256px;
	height: 256px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#main .inner > ul li::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	left: 25px;
	bottom: 30px;
}
#main .inner > ul li:nth-child(n + 4) {
	margin-top: 75px;
}
#main .inner > ul li .illust {
	margin-top: -35px;
	display: block;
}
#main .inner > ul li .age {
	font-size: 16px;
	font-weight: 300;
	color: #0047c0;
	letter-spacing: 0.15em;
	line-height: 1;
	border-bottom: 2px solid;
	padding-bottom: 3px;
	margin-top: 14px;
	display: inline-block;
}
#main .inner > ul li .note {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 0.05em;
	padding: 0 21px 0 28px;
	margin-top: 15px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
#main .inner > ul li .note.small {
	font-size: 14px;
}
#main .inner .asterisk {
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	text-align: right;
	letter-spacing: 0.1em;
	padding-right: 30px;
	margin-top: 65px;
}