@charset "UTF-8";

/* ++++++++++++++　　　ボーソレイユとは about.css　　++++++++++++++++++*/


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */



/*******************************************************　　　　　　　　
　　　　　　　メインコンテンツ部分　　
*******************************************************/

/*大見出し*/

div.mainTitle h1{
	width:315px;
	height:32px;
	background: url(../images2/b001_01title.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


div.mainTitle{
	margin-bottom:15px;
}





section.about-block{
	clear:both;
	width:90%;
	margin:0 auto 20px auto;
}




#about1-st{
	max-width:298px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_02st_s3.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about1-st:before{
	content:"";
	display:block;
	padding-top:34.899%;
}






#about2-st{
	max-width:298px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_03st_s.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about2-st:before{
	content:"";
	display:block;
	padding-top:15.4166%;
}







#about3-st{
	max-width:243px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_04st_s.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about3-st:before{
	content:"";
	display:block;
	padding-top:9.0534%;
}




p.t-1{
	font-size:16px;font-size:1.6rem;
	line-height:32px;line-height:3.2rem;
	margin-bottom:15px;
}



#img1,
#img2,
#img3{
	float:right;
	padding:10px 0 12px 12px;
}



#img1,
#img2{
	width:168px;
	height:234px;
}



#img3{
	width:153px;
	height:177px;
}


.s-br{
	font-size:5px;
	line-height:5px;
}



/*  テキスト　非表示調整　*/

.txt-block{
	display:none;
}









/*******************************************************　　　　　　　　
　　　　　　　右部分　　
*******************************************************/





/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 480px) {


section.about-block{
	clear:both;
	width:90%;
	margin:0 auto 40px auto;
}






#about1-st{
	max-width:480px;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_02st3.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about1-st:before{
	content:"";
	display:block;
	padding-top:33.75%;
}






#about2-st{
	max-width:480px;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_03st.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about2-st:before{
	content:"";
	display:block;
	padding-top:15.4166%;
}







#about3-st{
	max-width:403px;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	position:relative;
	width:100%;
	height:auto;
	background:url(../images2/b001_04st.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
#about3-st:before{
	content:"";
	display:block;
	padding-top:7.94044%;
}







#img1,
#img2,
#img3{
	float:right;
	margin:0 0 12px 12px;
}



#img1,
#img2{
	width:240px;
	height:335px;
}



#img3{
	width:153px;
	height:177px;
}





/*  テキスト　非表示調整　*/

.txt-block{
	display:block;
}


a.clickArea1,
a.clickArea2{
	display:none;
}


















}




/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 768px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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






}





/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 960px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 960px) {










}