@charset "UTF-8";

/* CSS Document */

/*==================================================

senior
==================================================*/

body {
	background: #FFF;
}
.page-head {
	width: 100%;
	height: 660px;
	min-width: 1080px;
}
.page-head1 {
	background: url(../../r_images/back_senior_01.jpg) ;
	background-size: cover;
}
.page-head2 {
	background: url(../../r_images/back_senior_02.jpg) ;
	background-size: cover;
}
.page-head3 {
	background: url(../../r_images/back_senior_03.jpg) ;
	background-size: cover;
}
.page-head4 {
	background: url(../../r_images/back_senior_04.jpg) ;
	background-size: cover;
}
.page-head5 {
	background: url(../../r_images/back_senior_05.jpg) ;
	background-size: cover;
}
.page-head6 {
	background: url(../../r_images/back_senior_06.jpg) ;
	background-size: cover;
}
.page-head7 {
	background: url(../../r_images/back_senior_07.jpg) ;
	background-size: cover;
}
.page-head8 {
	background: url(../../r_images/back_senior_08.jpg) ;
	background-size: cover;
}
.page-head9 {
	background: url(../../r_images/back_senior_09.jpg) ;
	background-size: cover;
}
.page-head10 {
	background: url(../../r_images/back_senior_10.jpg) ;
	background-size: cover;
}
.page-head11 {
	background: url(../../r_images/back_senior_11.jpg) ;
	background-size: cover;
}
.page-head12 {
	background: url(../../r_images/back_senior_12.jpg) ;
	background-size: cover;
}
.page-copy {
	width: 1080px;
	height: 660px;
	position: relative;
	margin: 0 auto;
}
.page-copy h2 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.page-copy h2.t-right {
	text-align: right;
}
.page-copy h2 img {
	width: 72%;
	max-width: 72%;
	height: auto;
}
.page-copy h2.wid img {
	width: 80%;
	max-width: 80%;
	height: auto;
}
.senior-name {
	width: 27.7%;
	float: left;
	margin-bottom: 20px;
}
.senior-name img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.senior-contents {
	width: 66.6%;
	float: right;
}
.senior-contents h3 {
	font-size: 150%;
	font-weight: normal;
	color: #FFF;
	background: #5f667c;
	margin-bottom: 20px;
	padding: 14px;
}
.senior-contents p {
	font-size: 125%;
	line-height: 180%;
	margin-bottom: 40px;
}
.senior-photo {
	width: 100%;
}
.senior-photo img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.senior-menu {
	width: 100%;
	overflow: hidden;
}
.senior-menu ul {
	margin-right: -45px;
}
.senior-menu ul li {
	float: left;
	width: 330px;
	margin-top: 45px;
	margin-right: 45px;
}
.senior-menu ul li img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/*==================================================

size m
==================================================*/

@media only screen and (max-width: 959px) {
	.page-head {
		width: 100%;
		height: 386px;
		min-width: 760px;
	}
	.page-copy {
		width: 730px;
		height: 386px;
		position: relative;
		margin: 0 auto;
	}
	.page-copy h2 img {
		width: 80%;
		max-width: 80%;
		height: auto;
	}
	.senior-name {
		width: 35%;
		float: left;
	}
	.senior-contents {
		width: 60%;
		float: right;
	}
	.senior-contents h3 {
		font-size: 134%;
		font-weight: normal;
		color: #FFF;
		background: #5f667c;
		margin-bottom: 20px;
		padding: 14px;
	}
	.senior-contents p {
		font-size: 117%;
		line-height: 180%;
		margin-bottom: 30px;	
	}
	.senior-menu {
		margin-top: 20px;
	}
	.senior-menu ul {
		margin-right: -20px;
	}
	.senior-menu ul li {
		float: left;
		width: 230px;
		margin-top: 20px;
		margin-right: 20px;
	}
}

/*==================================================

size s
==================================================*/

@media only screen and (max-width: 767px) {
	
	body {
		background: #FFF;
	}
	
	.page-head {
		width: 100%;
		height: 244px;
		min-width: 480px;
	}
	.page-copy {
		width: 470px;
		height: 244px;
		position: relative;
		margin: 0 auto;
	}
	.page-copy h2 img {
		width: 90%;
		max-width: 90%;
		height: auto;
	}
	.senior-name {
		width: 65%;
		float: none;
	}
	.senior-contents {
		width: 100%;
		float: none;
	}
	.senior-contents h3 {
		font-size: 125%;
		font-weight: normal;
		color: #FFF;
		background: #5f667c;
		margin-bottom: 20px;
		padding: 14px;
	}
	.senior-contents p {
		font-size: 100%;
		line-height: 180%;
		margin-bottom: 20px;	
	}
	.senior-menu {
		margin-top: 10px;
	}
	.senior-menu ul {
		margin-right: -20px;
	}
	.senior-menu ul li {
		float: left;
		width: 225px;
		margin-top: 20px;
		margin-right: 20px;
	}
	
}

@media only screen and (max-width: 479px) {
	
	.page-head {
		width: 100%;
		height: 162px;
		min-width: 320px;
	}
	.page-copy {
		width: 310px;
		height: 162px;
		position: relative;
		margin: 0 auto;
	}
	.page-copy h2 {
		bottom: 10px;
	}
	.page-copy h2 img {
		width: 90%;
		max-width: 90%;
		height: auto;
	}
	.senior-name {
		width: 70%;
		float: none;
	}
	.senior-contents {
		width: 100%;
		float: none;
	}
	.senior-contents h3 {
		font-size: 117%;
		font-weight: normal;
		color: #FFF;
		background: #5f667c;
		margin-bottom: 10px;
		padding: 14px;
	}
	.senior-contents p {
		font-size: 100%;
		line-height: 180%;
		margin-bottom: 20px;	
	}
	.senior-menu ul {
		margin-right: 0;
	}
	.senior-menu ul li {
		float: none;
		display: block;
		width: 225px;
		margin-right: 0;
		margin: 0 auto;
		margin-top: 20px;
		
	}
	
}