@charset "utf-8";


/*-------------------------------------------
共通タイトル
*-------------------------------------------*/

h2.title {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	border: 1px solid #cfcfcf;
	border-left: 3px solid #d33737;
	padding: 20px;
	margin-bottom: 45px;
}

_:lang(x)::-ms-backdrop, h2.title {
	padding: 20px 20px 15px;
}


/*-------------------------------------------
メインエリア
*-------------------------------------------*/

#mainContainer {
	background: url(../product/images/common/bg01.jpg) center top no-repeat;
	background-size: auto 190px;
}

@media screen and (min-width: 1920px) {
#mainContainer {
	background-image: url(../images/common/bg_content.png),url(../product/images/common/bg01.jpg);
	background-position: left top,center top;
	background-repeat: repeat-x,no-repeat;
	background-size: auto auto,100% auto;
}
}

.mainArea section {
	margin-bottom: 100px;
}

.mainArea section:last-child {
	margin-bottom: 0;
}




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

/*-------------------------------------------
共通タイトル
*-------------------------------------------*/

h2.title {
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	border: 1px solid #cfcfcf;
	border-left: 3px solid #d33737;
	padding: 2.66vw;
	margin-bottom: 5.33vw;
	box-sizing: border-box;
}

_:lang(x)::-ms-backdrop, h2.title {
	padding: 2.66vw
}


/*-------------------------------------------
メインエリア
*-------------------------------------------*/

#mainContainer {
	background: url(../product/images/common/bg01.jpg) center 15.33vw no-repeat;
	background-size: auto 18.66vw;
}



}