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

/* ▽ページの名前 *****************************************/


/*-----------------------------------------------
  ▼切替 デフォルト：980px以上用（PC用）
-----------------------------------------------*/

/* ▽●●●.html *****************************************/
#wrap #container .contentBox .leftBoxo{width:454px;padding:1em;float:left;background:url(../img/callcenter/call_back.jpg);}
#wrap #container .contentBox .leftBoxo p{line-height:1.4rem;margin-bottom:1em;}
#wrap #container .contentBox .rightBoxo{float:right;margin-top:4em;margin-left:1em;}
#wrap #container .contentBox .leftBoxo p.out{font-size:20px;margin-bottom:1em;}
#wrap #container .contentBox .rightBoxo p.taiou{text-align:center;font-size:17px;margin-bottom:5px;}
#wrap #container .contentBox .leftBoxo p.nayami{font-size:15px;}
#wrap #container .contentBox .leftBoxo p.nayami02{font-size:15px;}
#wrap #container .contentBox .out_d{padding-top:50px;}
#wrap #container .contentBox .left_zu{float:left;}
#wrap #container .contentBox #sita{clear:both;margin-left:1em;padding-top:2em;}
#wrap #container .contentBox .text-right{float:right;width:435px;background:url(../img/callcenter/call_back.jpg);padding:1em;}
h3.out_t{width:409px;}



/*-----------------------------------------------
  ▼切替 979px以下用（タブレット用）
-----------------------------------------------*/

@media screen and (max-width: 979px) {


} /*979end*/


/*-----------------------------------------------
  ▼切替 767px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 767px) {
	#wrap #container .contentBox .leftBoxo{float:none;}

} /*767end*/

/*-----------------------------------------------
  ▼切替 600px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 600px) {
	#wrap #container .contentBox .rightBoxo{float:none;}
	
}


/*-----------------------------------------------
  ▼切替 479px以下用（スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 479px) {
	#wrap #container .contentBox{width:95%;}
	#wrap #container .contentBox .rightBoxo{float:none;width:100%;padding:1em 0;margin-bottom:1em;margin:0 auto;}
	#wrap #container .contentBox .rightBoxo p.taiou{font-size:14px;}
	#wrap #container .contentBox .rightBoxo img{width:100%;height:auto;margin:0 auto;}
	#wrap #container .contentBox .out_d{padding-top:0;}
	#wrap #container .contentBox .leftBoxo p.out{margin:1em 0;}
	#wrap #container .contentBox .leftBoxo p.nayami{font-size:15px;line-height:1.5rem;}
	#wrap #container .contentBox .leftBoxo p.nayami02{font-size:15px;}
	#wrap #container .contentBox .leftBoxo{background:none;}
	#wrap #container .contentBox .leftBoxo{width:100%;padding:0;}
	#wrap #container .contentBox .left_zu{float:none;}
	#wrap #container .contentBox .left_zu img{width:100%;height:auto;}
	#wrap #container .contentBox .text-right{float:none;width:100%;padding:0;background:none;}
	#wrap #container .contentBox #sita{margin-left:0;}
} /*479end*/
