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



	recovery_recycle_middle_wide.css



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





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

for sp（横向き）

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



@media print,screen and (min-width:500px) and ( max-width:767px){

	.inline{

		display: inline-block;

	}

	

	img.licence {

    display: inline-block;

    margin: 4.5rem 0 0;

    vertical-align: top;

}





div.adjust_box {

    margin: 0 auto;

    width: 50%;

}



}







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

for PC（解像度低めのPC　）

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



@media print,screen and (min-width:980px) and ( max-width:1305px){

	

section.max_width{

	max-width: 119.5rem;

	padding: 0 0 10rem 0;

	border-bottom: solid 0.1rem #00a0e8;

}



div.arrange_bk_box{

	background: url(../img/recovery_recycle_bk.png) no-repeat;

	background-size: cover;

	background-position: right;

	max-width: 119.5rem;

	width: 100%;

}



div.arrange_txt_box{

	background: rgba(200,159,98,0.7);

	max-width: 100%;

	width: 100%;

	padding: 5% 0 3% 2%;

	text-align: center;

}



p.arrange_txt{

	font-size: 1.5rem;

	line-height: 2.6rem;

	color: #fff;

	text-align: justify;

	text-justify: inter-ideograph;/*IE用justify*/

	/*word-break: break-all;*/

	margin: 0 4.9% auto 0;

}



img.licence{

	display: inline-block;

	vertical-align: middle;

	margin: 4.5rem 0 0 0;

}



div.adjust_box{

	width: 52%;

}



.tablet_br{

	display: inline;

}



}













/*グーグルwebフォントの読み込み指定

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/



/*Safariだけに適用されるCSSハック*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

}



/* IE10以降だけに適用されるCSSハック*/

@media all and (-ms-high-contrast:none){



}