@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が1401px以上の場合に適用 */
@media screen and ( min-width:1401px )
{

}

/* ウィンドウ幅が0-1400pxの場合に適用 */
@media screen and ( max-width:1400px )
{

#in_contents img{
	width: 100%;
	height: auto;
}

#in_contents .margin_t32{
	margin-top: 3.2%x;
}

#in_contents .margin_t7{
	margin-top: 7%;
}

#in_contents .margin_b7{
	margin-bottom: 7%;
}

#in_contents .margin_b10{
	margin-bottom: 10%;
}

#in_contents .contents_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#in_contents #TSS .contents_box {
	width: 100%;
}



}

/* ウィンドウ幅が0-1140pxの場合に適用 */
@media screen and ( max-width:1140px ){

#in_contents img{
	width: 100%;
	height: auto;
}

#in_contents #TSS .contents_box {
	width: 860px;
}


}

/* ウィンドウ幅が0-900pxの場合に適用 */
@media screen and ( max-width:900px ){


	#in_contents #TSS .contents_box {
		width: 720px;
	}

}

/* ウィンドウ幅が0-800pxの場合に適用 */
@media screen and ( max-width:800px ){

#in_contents .logo{
	margin: 1% ;
	width: 35%;
	height: auto;
}

#in_contents #TSS .contents_box {
	width: 640px;
}


}

/* ウィンドウ幅が0-654pxの場合に適用 */
@media screen and ( max-width:654px ){


#in_contents #TSS .contents_box {
	width: 420px;
}

}

/* ウィンドウ幅が0-550pxの場合に適用 */
@media screen and ( max-width:550px ){

	#in_contents #TSS .contents_box {
		width: 100%;
	}

}


/* ウィンドウ幅が0-400pxの場合に適用 */
@media screen and ( max-width:400px ){

	#in_contents #TSS .contents_box {
		width: 100%;
	}

}