@charset "utf-8";

/* .mv ----------------------------------- */

.kv {
	background:url(../img/pc/kv.jpg) no-repeat center;
	background-size: cover;
}
.u-page .kv {
    height: 262px;
    margin-top: 78px;
}
	.u-page .kv h2 {
	    padding-top: 0;
	}

@media screen and (max-width: 1200px) {
	.u-page .kv {
	    margin-top: 71px;
	}
}
@media only screen and (max-width:768px) {
	.u-page .kv {
	    height: 250px;
	    margin-top: 60px;
	}
}

/* common ----------------------------------- */

.main .inner {
    max-width: 960px;
}
.bgWhite {
	background-color: #FFF;
	color: #333;
}

@media only screen and (max-width:768px) {
	.main .inner {
	    max-width: 560px;
	}
}

/*  #cielia
--------------------------------------------------*/

#cielia {
}
	#cielia .topTips {
	padding-top: 90px;
	padding-bottom: 90px;
	}
		#cielia .topTips h3 {
		    text-align: center;
		    margin-bottom: 50px;
		}
		#cielia .topTips .txt {
			text-align: center;
			font-size: 16px;
			line-height: 2.25;
		}

	.series {
		margin-bottom: 90px;
	}
		.series .ttl {
			font-size: 28px;
			margin-bottom: 50px;
			text-align: center;
		}
			.series figcaption {
			    position: static;
			    text-align: right;
			    padding-top: 10px;
			    font-size: 10px;
			}

	.performance {
	padding-bottom: 90px;
	}
		.performance .ttl {
			font-size: 28px;
			text-align: center;
			margin-bottom: 50px;
		}
		.performance .list {
		}
			.performance .list ul li {
				width: 25%;
			    float: left;
			    margin-bottom: 40px;
			}
				.performance .list ul li .photo {
				}
				.performance .list ul li .area {
					width: 120px;
				    margin: 15px auto 10px;
				    padding-bottom: 5px;
				    border-bottom: 1px solid #A4B4C7;
					text-align: center;
					font-size: 13px;
				}
				.performance .list ul li p {
				    text-align: center;
				    font-size: 17px;
				    letter-spacing: 0;
				}
		.performance .completion {
			margin-bottom: 60px;
		}
			.performance .completion .photo {
				max-width: 475px;
				margin-right: auto;
				margin-left: auto;
			}
			.performance .completion .txt {
				font-size: 24px;
				text-align: center;
				box-sizing: border-box;
				border: solid 1px #938e8c;
				padding: 20px 0;
				max-width: 500px;
				margin-right: auto;
				margin-left: auto;
				margin-bottom: 25px;
			}

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

	#cielia {
	}
		#cielia .topTips {
		padding-top: 60px;
		padding-bottom: 60px;
		}
			#cielia .topTips h3 {
			    width: 60%;
			    margin-right: auto;
			    margin-left: auto;
			    margin-bottom: 40px;
			}
			#cielia .topTips .txt {
			    font-size: 13px;
			    text-align: left;
			    line-height: 2;
			}

		.series {
			margin-bottom: 60px;
		}
			.series .ttl {
			    font-size: 22px;
			    margin-bottom: 20px;
			}
			.series figcaption {
			    font-size: 10px;
			    line-height: 1.6;
			}
		.performance {
			padding-bottom: 40px;
		}
			.performance .ttl {
				font-size: 22px;
				margin-bottom: 20px;
			}
			.performance .list ul li {
			    width: 50%;
			    margin-bottom: 20px;
			}
			.performance .list ul li:nth-child(odd) {
				clear: both;
			}
				.performance .list ul li .area {
					width: 70%;
			        font-size: 12px;
				    margin: 5px auto 8px;
				}
				.performance .list ul li p {
					font-size: 14px;
				    line-height: 1.4 !important;
				}
		.performance .completion .txt {
			font-size: 16px;
			padding: 15px 0;
		}

}


/*  #suggest
--------------------------------------------------*/

#suggest {
	background-color: #FFF;
	background-image: url(../img/pc/plus_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	padding-top: 110px;
	padding-bottom: 90px;
	color: #333;
}
	#suggest .topTips {
		margin-bottom: 70px;
	}
		#suggest .topTips .ttl {
		    font-size: 28px;
		    color: #958244;
		    text-align: center;
		    margin-bottom: 25px;
		}
		#suggest .topTips .txt {
			text-align: center;
			font-size: 16px;
			line-height: 2.25;
		}
	.cieliaPlus {
	    text-align: center;
	    margin-bottom: 70px;
	}
		.cieliaPlus h3 {
		    margin-bottom: 30px;
		}
		.cieliaPlus h4 {
		    font-size: 16px;
		    line-height: 2.25;
		}
	#suggest .list {
	    max-width: 660px;
	    margin-right: auto;
	    margin-left: auto;
	}
		#suggest .list ul li {
		    width: 45.4546%;
		    max-width: 300px;
		    float: left;
		}
		#suggest .list ul li + li {
			/*margin-left: 3.125%;*/
			float: right;
		}
			#suggest .list ul li .photo {
			    margin-bottom: 30px;
			}
			#suggest .list ul li p {
				font-size: 14px;
				line-height: 2.1428;
			}

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

	#suggest {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
		#suggest .topTips {
		    margin-bottom: 50px;
		}
			#suggest .topTips .ttl {
				font-size: 22px;
				margin-bottom: 20px;
			}
			#suggest .topTips .txt {
				font-size: 13px;
				text-align: left;
				line-height: 2;
			}
		.cieliaPlus h3 {
			width: 60%;
			margin-right: auto;
			margin-left: auto;
		}
		.cieliaPlus h4 {
			font-size: 14px;
			line-height: 2;
		}
		#suggest .list ul li {
		    width: 100%;
		    max-width: 300px;
		    float: none;
		    margin-right: auto;
		    margin-left: auto;
		}
			#suggest .list ul li p {
			    font-size: 13px;
			    line-height: 2;
			}
			#suggest .list ul li + li {
			    margin-top: 60px;
			    margin-left: auto;
			    float: none;
			}

}


/*  #newLife
--------------------------------------------------*/

#newLife {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../img/pc/support_bg.jpg) top;
    padding-top: 110px;
    padding-bottom: 100px;
    color: #333;
}
	#newLife .topTips {
		margin-bottom: 80px;
	}
		#newLife .topTips .ttl {
		    font-size: 28px;
		    color: #958244;
		    text-align: center;
		    margin-bottom: 25px;
		}
		#newLife .topTips .txt {
			text-align: center;
			font-size: 16px;
			line-height: 2.25;
		}
	#newLife .list ul li {
	    width: 31.25%;
	    max-width: 300px;
	    float: left;
	}
	#newLife .list ul li + li {
		margin-left: 3.125%;
	}
		#newLife .list ul li .photo {
		    margin-bottom: 30px;
		}
		#newLife .list ul li p {
			font-size: 14px;
			line-height: 2.1428;
		}

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

	#newLife {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
		#newLife .topTips {
		    margin-bottom: 60px;
		}
			#newLife .topTips .ttl {
				font-size: 22px;
				margin-bottom: 20px;
			}
			#newLife .topTips .txt {
				font-size: 13px;
				text-align: left;
				line-height: 2;
			}
			#newLife .list ul li {
			    width: 100%;
			    max-width: 300px;
			    float: none;
			    margin-right: auto;
			    margin-left: auto;
			}
				#newLife .list ul li p {
				    font-size: 13px;
				    line-height: 2;
				}
				#newLife .list ul li + li {
				    margin-top: 60px;
				    margin-left: auto;
				}

}