@charset "utf-8";

/*　　ページタイトル
-------------------------------------------------------*/
.pagetitle {
	height: 300px;
	padding-top: 110px;
	background-image: url("../images/boujo/pagetitle_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
}
.pagetitle .tit {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 20px;
	font-weight: 700;
	behavior: url(/js/PIE.htc);
	background-color: rgba(255,255,255,0.7);
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.pagetitle {
	height: 200px;
	padding-top: 75px;
}
.pagetitle .tit {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 15px;
}
}

@media screen and (max-width: 767px){
.pagetitle {
	height: 100px;
	padding-top: 30px;
}
.pagetitle .tit {
	padding: 3px 15px;
	border-radius: 10px;
}
}



/*　　コンテンツ
-------------------------------------------------------*/

.tit-features1 {
	padding: 15px 20px 15px 125px; 
	background-image: url(../images/top/features1_tit.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

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

@media screen and (max-width: 767px){
.tit-features1 {
	padding: 15px 20px 15px 110px; 
	background-image: url(../images/top/features1_tit.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 80px auto;
}


@media screen and (max-width: 767px) and (orientation : landscape) {
}