@charset "UTF-8";



/* パララックス PC
（heightに対して、背景が上下します ）
*****************************************************/

#box01 {
	background:url(/wp/wp-content/uploads/firstBG.png) 50% 0 no-repeat fixed;
	background-size: 100% auto;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

#box01 div.alignleft {
	padding: 20px;
	background-color: rgba( 255, 255, 255, 0.55 );
}


#box02 {
	background:url(/wp/wp-content/uploads/secondBG.png) 50% 0 no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

#box03 {
	background:url(/wp/wp-content/uploads/thirdBG.jpg) 50% 0 no-repeat fixed;
	background-size: 100% auto;
	height: 1600px;
	margin: 0 auto;
	padding: 0;
}

#boxIfh01 {
	background:url(/wp/wp-content/uploads/firstBG.png) 50% 100% no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

#boxIfh02 {
	background:url(/wp/wp-content/uploads/ifh02.png) 50% 100% no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

#boxMenu {
	background:url(/wp/wp-content/uploads/menu.png) 50% 0 no-repeat fixed;
	background-size: 100% auto;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
}

#boxMember {
	background: url(/wp/wp-content/uploads/memberBG-1.png) 50% 0 no-repeat fixed;
	background-size: 100% auto;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}



/* 幅1024px以下（タブレット） パララックス調節
（background-size: cover;を設定します。）
------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
#box01 {
	background:url(/wp/wp-content/uploads/firstBG.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#box02 {
	background:url(/wp/wp-content/uploads/secondBG.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#box03 {
	background:url(/wp/wp-content/uploads/thirdBG.jpg) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#boxIfh01 {
	background:url(/wp/wp-content/uploads/firstBG.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#boxIfh02 {
	background:url(/wp/wp-content/uploads/ifh02.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#boxMenu {
	background:url(/wp/wp-content/uploads/menu.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

#boxMember {
	background:url(/wp/wp-content/uploads/memberBG-1.png) no-repeat;
	background-size: 100% auto;
	height: auto;
}

}

/* 幅644px以下（スマホ）から パララックス調節
（画像に文字を乗っけないよう微調整。）
------------------------------------------------------------*/
@media only screen and (max-width: 644px) and (orientation:portrait){


#box01 .post {
	padding-top: 190px !important;
	color: #000000;

}

#box01 div.alignleft
/*PC表記のclear*/ {
	padding: 0px;
}


#box02 {
	background: none;
}

#box02 .post {
	padding-top: 20px !important;
}

#box03 {
	background-repeat: repeat-y !important;
}

#box03 .post {
	padding-top: 0px !important;
}

#boxCompany .post {
	padding-top: 220px !important;
}


#boxIfh01 .post {
	padding-top: 220px !important;
}

#boxIfh02 .post {
	padding-top: 220px !important;
}

#boxMenu .post {
	padding-top: 110px !important;
	color: #000000;
}

#boxMember .post {
	padding-top: 220px !important;
}


}