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

/*===========================================
main
===========================================*/
#main {
	padding: 20px 0 50px;	
}

#main h1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
}

#main ul {
	letter-spacing: -.4em;
	margin-top: 15px;
	text-align: center;
}

#main ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 5px 10px;
}

#main ul li a {
	display: block;
	padding: 0.2em 1em 0.2em 0.5em;
	border: 1px solid #ee7f90;
	background: url(/common/images/arrow03.png) no-repeat 98% 46% #faf2ec;
	background-size: auto auto;
	background-size: 24px auto;
	color: #ee7f90;
	border-radius: 80px;
	font-weight: bold;
}

#main ul li a b {
    display: block;
    border-radius: 10px;
    background: url(/common/images/highlight01.png) repeat-x 0 0;
    background-size: 3px auto;
    padding: 0.5em 1.2em;
}

/*===========================================
common
===========================================*/
h2 {
	background: url(/common/images/shadow01.png) repeat-x 0% 100% #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 14px 20px 18px;
	margin-bottom: 25px;	
}

.each {
	overflow: hidden;
	margin-bottom: 45px;
}

.each:nth-child(odd) div {
	float: left;
	width: 25%;
	text-align: center;
}

.each:nth-child(even) div {
	float: right;
	width: 25%;
	text-align: center;
}

.each div img {
	width: 70%;
}

.each:nth-child(odd) div img {
	transform: scale(-1, 1);
}

.each dl {
	margin-top: 0.5em;
}

.each dt {
	font-weight: bold;
	line-height: 1.3;
	font-size: 14px;
}

.each dd {
	line-height: 1.3;
	font-size: 14px;
}

.each:nth-child(odd) section {
	float: right;
	width: 73%;
}

.each:nth-child(even) section {
	float: left;
	width: 73%;
}

.each section p {
	font-size: 15px;
	line-height: 1.5;
}

.each section h3 {
	font-weight: bold;
	font-size: 22px;
	border-top: 1px solid #ccc;
	border-left: 10px solid #eee;
	line-height: 1.5;
	padding: 0.3em 0 0 0.5em;
	margin-bottom: 0.5em
}

/*===========================================
interview
===========================================*/
#interview h2 {
	border-top: 8px solid #ee7f90;
	color: #ee7f90;
}

#interview .user {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px 0;
}

#interview .user li {
	display: table-cell;
	background: #ee7f90;
	width: 50%;
	vertical-align: top;
}

#interview .user li a {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 13px;
}

#interview .user li a img {
	float: left;
	width: 28%;
}

#interview .user li a div {
	float: right;
	width: 68%;
	padding: 2%;
}

#interview .user li a .interviewTxt01 {
	font-size: 17px;
	margin-bottom: 0.4em;
	line-height: 1.3;
	font-weight: bold;
}

#interview .user li a .btn01 {
	float: right;
	margin-top: 10px;
	background: url(/common/images/arrow02.png) no-repeat 5% 50% #fff;
	background-size: 6px auto;
	padding: 0.4em 1.5em;
	border-radius: 80px;
	color: #ee7f90;
}

/*===========================================
twenties
===========================================*/
#twenties {
	margin-top: 60px;
}

#twenties h2 {
	border-top: 8px solid #ff8a5b;
	color: #ff8a5b;
}

#twenties .each div img {
	background: #ff8a5b;
	opacity: 0.3;
}

#twenties .each section h3 {
	color: #ff8a5b;
}

/*===========================================
thirties
===========================================*/
#thirties {
	margin-top: 60px;
}

#thirties h2 {
	border-top: 8px solid #ee7f90;
	color: #ee7f90;
}

#thirties .each div img {
	background:#ee7f90;
	opacity: 0.3;
}

#thirties .each section h3 {
	color: #ee7f90;
}

/*===========================================
forties
===========================================*/
#forties {
	margin-top: 60px;
}

#forties h2 {
	border-top: 8px solid #41d1d4;
	color: #41d1d4;
}

#forties .each div img {
	background:#41d1d4;
	opacity: 0.3;
}

#forties .each section h3 {
	color: #41d1d4;
}

/*===========================================
male
===========================================*/
#male {
	margin-top: 60px;
}

#male h2 {
	border-top: 8px solid #ee7f90;
	color: #ee7f90;
}

#male .each div img {
	background: #ee7f90;
	opacity: 0.3;
}

#male .each section h3 {
	color: #ee7f90;
}

#male .each section p {
	font-size: 15px;
	line-height: 1.5;
}

/*===========================================
IE
===========================================*/
@media all and (-ms-high-contrast: none){
	#interview .user li a .btn01 {
		padding: 0.5em 1.5em 0.2em;
	}
}