/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secReserve */
.secReserveMain{
	padding:0 0 200px;
}
.secReserve .bgTop{
	background:url(../img/reserve/bgTop.jpg) bottom center no-repeat;
	text-align:center;
}
.secReserve .topBox{
	color:#fff;
	padding:85px 0 65px;
}
.secReserve.co .topBox{
	color:#333;
	text-align:center;
}
.secReserve .topTit{
	font-size:28px;
	line-height:1.2;
	letter-spacing:4px;
	padding-bottom:25px;
}
.secReserve .topTxt{
	font-size:16px;
	line-height:1.2;
}
.secReserve .bgList{
	background:url(../img/reserve/bgList.png) top center no-repeat;
	background-size:100%;
	padding:150px 0 58px;
	position:relative;
	z-index:2;
}
.secReserve .bgList .iconList{
	position:absolute;
	top:-0.5%;
	left: 15%;
    width: 15.071%;
}
.secReserve .bgList .iconList img{
	width:100%;
	height:auto;
}
.secReserve .bgList .boxTit01,
.secReserve .bgList .boxTit02{
	font-size:34px;
	line-height:1.6;
	letter-spacing:3px;
	position:relative;
	z-index:2;
}
.secReserve .bgList .boxTit02{
	color:#EA5F79;
	position:relative;
	z-index:2;
}
.secReserve .bgList .boxTit02::after{
	position:absolute;
	bottom:12px;
	left:0;
	right:0;
	background:#FFFF00;
	width:190px;
	height:5px;
	content:"";
	z-index:-1;
	margin:0 auto;
}
.secReserve .bgList .list{
	font-size:0;
	padding-top:55px;
}
.secReserve .bgList .box{
	display:inline-block;
	vertical-align:top;
	width:26.761%;
	margin-right:70px;
}
.secReserve .bgList .box:last-child{ margin-right:0;}
.secReserve .bgList .box .photo{
	width:100%;
	padding-top:66%;
}
.secReserve .bgList .box .subBox{
	position:relative;
	padding:38px 0 0;
}
.secReserve .bgList .box .subBox .iconBox{
	position:absolute;
	top:-25px;
	left:0;
	right:0;
	margin:0 auto;
}
.secReserve .bgList .box .subBox .boxTitList{
	font-size:18px;
	line-height:30px;
	letter-spacing:2px;
}
.secReserve .boxTit {
    font-size: 20px;
    line-height: 32px;
    color: #EA607A;
    position: relative;
    letter-spacing: 1px;
    margin: 72px auto 25px;
    width: 578px;
}
.secReserve .boxTit:before,
.secReserve .boxTit:after{
	content: '';
	position: absolute;
	top: 45%;
	display: inline-block;
	width: 30px;
	height: 1px;
	background-color: #EA607A;
}
.secReserve .boxTit:before {
	left:-18px;
	-moz-transform: rotate(-105deg);
	-webkit-transform: rotate(-105deg);
	-ms-transform: rotate(-105deg);
	transform: rotate(-105deg);
}
.secReserve .boxTit:after {
	right: -18px;
	-moz-transform: rotate(-75deg);
	-webkit-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
}
/* boxPresent */
.boxPresent02{
	width:900px;
	margin:0 auto 0;
	color:#FFFF00;
}
.boxPresent02 .boxPresentMain {
	background:#EA607A;
	border-radius: 500px;
	text-align:center;
	font-size:24px;
	letter-spacing:3px;
	padding:35px 0 34px;
}
.boxPresent02 .titPresent {
	position:relative;
}
.boxPresent02 .boxPresentMain span{ 
	color:#fff;
	font-size:20px;
	padding-bottom:17px;
	display:block;
	letter-spacing:2px;
}
.boxPresent02 .titPresent::before {
	content:"";
	position:absolute;
    top: -31px;
    left: 15.2%;
	background:url(../img/estate/iconMail.png) top center no-repeat;
	background-size:91px auto;
	width:91px;
	height:74px;
}
.boxPresent02 .titPresent::after {
	content:"";
	position:absolute;
    top: -66px;
    right: 6%;
	background:url(../img/estate/iconWoman.png) top center no-repeat;
	background-size:126px auto;
	width:126px;
	height:162px;
}
.secReserve .bgList .txtSmall{
	text-align:center;
	font-size:12px;
	line-height:1.8;
	padding-top:37px;
	font-weight:300;
}
/* secShow */
.secShow .bgTit{
	color:#fff;
	background:#007F94;
	text-align:center;
	font-size:20px;
	line-height:1.7;
	padding:33px 0;	
}
.secShow .list{
	font-size:0;
	padding-top:60px;
}
.secShow .list li{
	display:inline-block;
	vertical-align:top;
	width:23.125%;
	margin-right:2.5%;
	margin-bottom:35px;
}
.secShow .list li:nth-child(4n){ margin-right:0;}
.secShow .list li .photoBox {
    width: 100%;
    position: relative;
}
.secShow .list li .photoBox .photo {
	width:100%;
    padding-top: 59%;
}
.secShow .list li .photoBox .iconArea{
	position:absolute;
	top:0;
	left:0;
}
.secShow .list li .titShow{
	font-size:18px;
	text-align:center;
    letter-spacing: 1px;
    margin: 20px 0 0;
	line-height:1.7;
}
.secShow .list li .btnForm{
	display:block;
	color:#000;
	font-size:14px;
	width:196px;
	border:1px solid #000;
	text-align:center;
    letter-spacing: 2px;
    margin: 15px auto ;
	line-height:1.2;
	padding:16px 0;
}
.secShow .list li .pLink{
	font-size:13px;
	line-height:27px;
	text-align:center;
	font-weight:300;
}
.secShow .list li .pLink a{
	color:#333;
	text-decoration:underline;
}
@media only screen and (max-width:767px){
	/* secReserve */
	.secReserveMain{
		padding:0 0 120px;
	}
	.secReserve .bgTop{
		background:url(../img/reserve/bgTopSp.jpg) bottom center no-repeat;
		background-size:cover;
		padding-bottom:30px;
	}
	.secReserve .bgTop .wrapper1420{ width:99%;}
	.secReserve .topBox{
		padding:35px 0 13px;
	}
	.secReserve.co .topBox{
		padding:35px 0 0px;
	}
	.secShow .list li .photoBox .photo{ padding-top:59.5%;}
	.secReserve .topTit{
		font-size:20px;
		letter-spacing:2.5px;
		padding-bottom:10px;
	}
	.secReserve .bgList .iconList{ display:none;}
	.secReserve .topTxt{
		font-size:14px;
	}
	.secReserve .bgList{
		background:url(../img/reserve/bgListSp.png) top center no-repeat;
		background-size:100% auto;
		padding:62px 3.081% 20px;
	}
	.secReserve .bgList .boxTit01,
	.secReserve .bgList .boxTit02{
		font-size:17px;
		letter-spacing:1px;
	}
	.secReserve .bgList .boxTit02::after{
		bottom:5px;
		width:30%;
		height:2px;
	}
	.secReserve .bgList .list{
		padding-top:25px;
	}
	.secReserve .bgList .box{
		width:32%;
		margin-right:2%;
		position:relative;
	}
	.secReserve .bgList .box .subBox{
		padding:10px 0 0;
		position:static;
	}
	.secReserve .bgList .box .subBox .iconBox{
		top:-15px;
	}
	.secReserve .bgList .box .subBox .iconBox img{
		width:auto;
		height:26px;
	}
	.secReserve .bgList .box .subBox .boxTitList{
		font-size:12px;
		line-height:20px;
		letter-spacing:0px;
	}
	.secReserve .bgList .txtSmall{
		font-size:10px;
		line-height:1.5;
		padding-top:20px;
		text-align:left;
	}
	/* secShow */
	.secShow .bgTit{
		font-size:16px;
		line-height:1.5;
		letter-spacing:1px;
		padding:20px 4.831%;	
	}
	.secShow .list{
		padding:30px  4.831% 0;
	}
	.secShow .list li{
		width:48%;
		margin-right:4%;
		margin-bottom:30px;
	}
	.secShow .list li:nth-child(2n){ margin-right:0;}
	.secShow .list li .titShow{
		font-size:13px;
		letter-spacing: 0px;
	}
	.secShow .list li .btnForm{
		font-size:13px;
		width:90%;
		letter-spacing: 1px;
	}
	
	
	.secReserve .boxTit {
		width: 85%;
		margin: 10px auto 10px;
		padding: 0 4.831%;
		font-size: 14px;
		line-height: 1.5;
	}
	
	.boxPresent02{
		width: 94%;
		position:relative;
		margin: 25px auto 0;
	}
	.boxPresent02 .boxPresentMain {
		font-size: 16px;
		letter-spacing:1px;
		padding: 13px 4.831% 10px;
		line-height:1.8;
	}
	.boxPresent02 .boxPresentMain span{
		font-size: 13px;
		padding-bottom:0px;
		letter-spacing:1px;
		margin-bottom: -6px;
	}
	.boxPresent02 .titPresent{ position:static;}
	.boxPresent02 .titPresent::before {
		display:none;
	}
	.boxPresent02 .titPresent::after {
		display:none;
	}
}
@media only screen and (max-width:403px){
	.secReserve .bgList{     padding: 57px 3.081% 20px;}
	.secReserve .bgList .box .subBox .boxTitList{ font-size:11px;}
	.secReserve .bgList .txtSmall{ padding-top:10px;}
	.boxPresent02{ margin:10px auto 0;}
}
@media only screen and (max-width:360px){
	.secReserve .bgList{ background-size:cover;}
	.secReserve .bgList .box .subBox .boxTitList{ 
		letter-spacing: -0.5px;
		font-size:10px;
	}
	.boxPresent02 .boxPresentMain{ font-size:12px;}
}

.secForm{ padding:45px 0 0;}
.secForm .txtWelcome{
	text-align:center;
	padding:0 0 27px;
}
@media only screen and (max-width:767px){
	.secForm{ padding:0;}
	.secForm .txtWelcome {
		text-align: center;
		padding: 0px 0 20px;
	}
}