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

body{
	font-family: "HGS明朝B","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝","MS PMincho", "MS 明朝", serif;
	width:100%;
}
.pc{
	display:none;
}

.img_scroll li img{
	height:95px;
}

section {
	text-align:center;
}
section a{
	padding:6% 0 4% 0;
	display:block;
}
	
section img{
	width:278px;
}
header{
	background:#FFF100;
	position:relative;
	text-align:center;
	padding:10% 0;
}

header a img{
	width:72px;
}
header .link_sanako{
	position:absolute;
	left:10px;
	top:-20px;
}
header .link_ritsuko{
	position:absolute;
	right:10px;
	bottom:-20px;
	z-index:100;
}

header h1 img{
	width:217px;
}

#contentArea{
	background:#FFF100;
	text-align:center;
	padding:10% 0;
	
}
#contentArea h2{
	margin-bottom:3%;
	font-size:18px;
	letter-spacing:0.1em;
}
#contentArea p{
	line-height:1.5;
	margin-bottom:5%;
}

#contentArea img{
	width:141px;
}
#contentArea h2 img{
	width:130px;
}


@media screen and (min-width: 769px){
	
.sp{
	display:none;
}
.pc{
	display:block;
	height:100%;
	
}
body,html{
	height:100%;
	min-height: 900px;
	width:100%;
}


section img{
	width:auto;
}
.img_scroll li img{
	height:auto;
}
#wrapper {
	
	width:100%;
	height:100%;
	max-width:1550px;
	
	overflow:hidden;
	margin:0 auto;
}
#wrapper > div{
	float:left;
}
#wrapper .person{
    width:7%;
	text-align:center;
	padding-top:30px;
	height:100%;
}
#wrapper .image{
	width:30%;
	height:100%;
}
#wrapper .title{
	text-align:center;
	background:#FFF100;
    width:20%;
	max-width:380px;
	height:100%;
	padding:0 3%;
	
}
#wrapper .image div,
#wrapper .image div li{
	width:100%;
}
#wrapper .image img{
	width: 100%; 
	height: auto;
	
}




#wrapper .person a{
	text-decoration:none;
}
#wrapper .person p{
	text-align:left;
	padding:40px 0px 30px 0;
	line-height:1.5;
	letter-spacing:1px;
	width:43px;
	margin:0 auto;
	
}
#wrapper .person p div{
	min-height:493px;
	white-space:nowrap;
}
	


#wrapper .title h1{
	margin-top:100px;
	margin-bottom:80px;
}
#wrapper .title h1 img{
	max-width:100%;
}
#wrapper .title h2{
	margin-bottom:20px;
		font-size:16px;
		letter-spacing:2px;
	
}
#wrapper .title p{
	margin-bottom:120px;
	line-height:1.8;
}
#wrapper #start{
	position:relative;
	text-align:center;
	padding:0 5%;
}
#wrapper #start img{
	max-width:100%;
}
#wrapper #start #page_sanako{
	position:absolute;
	left:-255px;
	bottom:-30px;
}
#wrapper #start #page_ritsuko{
	position:absolute;
	right:-290px;
	bottom:-30px;
	z-index:100;
}

#wrapper #copy{
	text-align:center;
	margin-top:120px;
}

#wrapper .bg_sanako{
	background:url(../images/pc/job_sanako.gif) no-repeat center top 750px;
}
#wrapper .bg_ritsuko{
	background:url(../images/pc/job_ritsuko.gif) no-repeat center top 822px;
}