/*===============================================
●pc用のcssを記述
===============================================*/
@media screen and (min-width : 1081px ){


/*002コンセプト----------------*/
	
 .sec_concept {
    width: 100%;
    height: 915px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    background-image: url(../img/back02_pc.jpg);
    background-position: right top;
    background-size: cover;
margin-bottom: 150px;
}	

 .sec_concept_wrapp {
    width: 100%;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    display: table;

}

 .sec_concept_w_box {
    width: 100%;
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: left;
   margin-top: 120px;
}

 .sec_concept_w_box_txt {
    width: 100%;
	margin-top: 80px; 
    margin-right: auto;
    margin-left: auto;
    display: table;
    font-size: 28px;
	    font-weight: 300; 
   line-height: 320%;
    text-align: left;
}	






}

/*===============================================
●tablet用のcssを記述
===============================================*/	
@media only screen and ( min-width : 769px ) and (max-width : 1080px ){

/*002コンセプト----------------*/
	
 .sec_concept {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
    background-image: url(../img/back02_sp.jpg);
    background-position: right top;
    background-size: cover;
	margin-bottom: 150px; 
}	

 .sec_concept_wrapp {
    width: 90%;
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    display: table;

}

 .sec_concept_w_box {
    width: 50%;
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: left;
   margin-top: 120px;
	 margin-bottom: 120px;
}

 .sec_concept_w_box_txt {
    width: 100%;
	margin-top: 80px; 
    margin-right: auto;
    margin-left: auto;
    display: table;
    font-size: 26px;
	    font-weight: 300; 
   line-height: 300%;
    text-align: left;
}
	



	
	
	
	
	
}

/*ここからスマートフォン用環境の設定---------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 768px ){


	

/*002コンセプト----------------*/
	
 .sec_concept {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
    background-image: url(../img/back02_sp.jpg);
    background-position: right top;
    background-size: cover;
	margin-bottom: 75px; 
}	

 .sec_concept_wrapp {
    width: 85%;
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    display: table;

}

 .sec_concept_w_box {
    width: 55%;
    max-width: 440px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: left;
   margin-top: 10px;
	 margin-bottom: 30px;
}

 .sec_concept_w_box_txt {
    width: 100%;
	margin-top: 10px; 
    margin-right: auto;
    margin-left: auto;
    display: table;
    font-size: 16px;
	    font-weight: 300; 
   line-height: 150%;
    text-align: left;
}
	

	
}