@charset "utf-8";

/* toppage
-------------------------------------------------------------------*/
.contents{
	background:url(../img/common/bg02.jpg);
}

.main{
	text-align:center;
	position:relative;
}
.main .off{
	position:relative;
}
.main .offimg_2{
	position:absolute;
	left:0;
	top:0;
}
.main .img{
    position: relative;
    overflow:inherit;
    width: 100%;
    height: 1072px;
}

.main .img img {
    position: absolute;
    left: 50%;
    height: 1072px;
    margin-left: -1000px;
	width:2000px;
}

.main .off{
    position: absolute;
	left:67px;
	top:86px;
}

.maintxt{
	background:url(../img/common/bg.gif);
	text-align:center;
	padding:30px 0;
}




.topbox .img{
    position: relative;
    overflow:inherit;
    width: 100%;
    height: 1276px;	
}

.yoyakuhakotira {
	text-align: center;
	margin: 50px;
}

.topbox .img img {
    position: absolute;
	left: 50%;
    height: 1276px;
	margin-left: -1000px;
	width:2000px;
}

.topbox{
    position: relative;
	width:1100px;
	margin:0 auto;
}

.topbox ul{
    position:absolute;
	right:0;
	bottom:25px;
	text-align:right;
}

.topbox ul.btn02{
	bottom:154px;
}

.topbox ul li{
    padding:23px 0 0 0;
}

.area_02 .topbox .img{
    height: 1264px;	
}

.area_02 .topbox .img img {
    height: 1264px;
}

.area_02 .topbox ul{
	bottom:41px;
}


.area_03 .topbox .img{
    height: 1105px;	
}

.area_03 .topbox .img img {
    height: 1105px;
}

.area_03 .topbox ul{
	bottom:47px;
}

.area_04 h2{
	background:url(../img/top/bg.png) no-repeat center;
	background-size:cover;
	text-align:center;
	padding:10px 0;
}

.area_04 .topbox .img{
    height: 1127px;	
}

.area_04 .topbox .img img {
    height: 1127px;
}

.area_04 .topbox ul{
	bottom:57px;
}

.area_05 .topbox .img{
    height: 1179px;	
}

.area_05 .topbox .img img {
    height: 1179px;
}

.area_05 .topbox ul{
	bottom:39px;
}

.area_06 .topbox .img{
    height: 1174px;	
}

.area_06 .topbox .img img {
    height: 1174px;
}

.area_06 .topbox ul{
	bottom:22px;
}

.area_07 .topbox .img{
    height: 1221px;	
}

.area_07 .topbox .img img {
    height: 1221px;
}

.area_07 .topbox ul{
	bottom:32px;
}

.blackbox{
	background:url(../img/common/bg.gif);
}

.area_08{
    padding:85px 0 30px 0;
}

.area_08 ul{
    width:816px;
	padding:34px 0 0 0;
}

.area_08 ul li{
    float:left;
	width:377px;
	padding:20px 30px 30px 0;
}

.area_08 ul li .btn{
    padding:16px 0 0 0;
}

.area_09{
    padding:0 0 85px 0;
}

.area_09 ul li{
    padding:15px 0 0 6px;
	float:left;
}

#link01,
#link02{
	padding-top:60px;
	margin-top:-60px;
}

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

.main{
	text-align:center;
	position:relative;
}

.main.sp .sp_off{
	background:url(../img/top/sp/bg_offimg.png) center top;
	background-size:100%;
	padding:0 5px 5px;
}
.main.sp .sp_off img{
	max-width:100%;
}
.topbox{
    position:relative;
	width:100%;
	margin:0 auto;
}

.topbox ul{
    position:static;
	text-align:center;
	width:70%;
	margin:0 auto 20px;
}

.maintxt{
	background:url(../img/common/bg.gif);
	text-align:center;
	padding:20px;
}

.topbox ul li{
    padding:15px 0 0 0;
}

.area_01,
.area_02,
.area_03,
.area_07{
	background:url(../img/common/bg06.png);
}

.area_04,
.area_05,
.area_06{
	background:url(../img/common/bg07.png);
}


.area_08{
    padding:40px 0;
}

.area_08 .left{
	float:none;
	text-align:center;
	width:60%;
	margin:0 auto;
}

.area_08 ul{
    width:100%;
	padding:20px 0 0 0;
}

.area_08 ul li{
	width:100%;
	padding:0 15px 20px 15px;
	box-sizing:border-box;
}

.area_08 ul li .left,
.area_08 ul li .right{
    float:none;
}

.area_08 ul li .btn{
    padding:15px 0 0 0;
	width:55%;
	margin:0 auto;
	text-align:center;
}

.area_09{
    padding:0 0 40px 0;
}

.area_09 .left{
	float:none;
	text-align:center;
	width:60%;
	margin:0 auto 20px;
}

.area_09 ul{
    padding:0 10px;
}

.area_09 ul li{
    padding:5px;
	float:left;
	width:50%;
	box-sizing:border-box;
}

#link01,
#link02{
	padding-top:48px;
	margin-top:-48px;
}

}