@charset "UTF-8";
/* トップページ専用スタイルシート */

#cont_box_slide{
	padding-bottom:20px;
}
@media screen and (min-width: 600px) {
#cont_box_slide{
	padding-left:62px;
	padding-right:62px;
	height:380px;/*スライダーメニューの位置調節用（PC&タブレット）*/
}
}
@media screen and (max-width: 600px) {
#cont_box_slide{
	padding-left:20px;
	padding-right:20px;
	height:180px;/*スライダーメニューの位置調節用（スマホ）*/
}
}


#cont_box_slidemenu{
	background-color:#4C0012;
	text-align:center;
	height:30px;
}





#cont_box_concept{
	padding-top:25px;
}
@media screen and (min-width: 600px) {
#cont_box_concept{
	padding-left:62px;
	padding-right:62px;
}
}
@media screen and (max-width: 600px) {
#cont_box_concept{
	padding-left:20px;
	padding-right:20px;
}
}


#cont_box_concept div.box_left{
	width:305px;
}
@media screen and (min-width: 600px) {
#cont_box_concept div.box_left{
	float:left;
}
}
@media screen and (max-width: 600px) {
#cont_box_concept div.box_left{
	margin:0 auto;
}
}


#cont_box_concept div.box_right{
}
@media screen and (min-width: 600px) {
#cont_box_concept div.box_right{
	float:right;
	width:545px;
	height:350px;
	background-image:url(../img/home_bk_01.png);
	background-repeat:no-repeat;
	padding-top:30px;
}
#cont_box_concept div.box_right div.catch_box{
	padding-bottom:20px;
}
#cont_box_concept div.box_right div.catch_box p{
	text-align:center;
}
#cont_box_concept div.box_right div.txt_box{
	padding:0 20px;
}
div.box_right div.txt_box div.box_left_tx{
	width:300px;
	float:left;
	background-image:url(../img/mk_01.png);
	background-repeat:no-repeat;
	background-position:left 7px;
	padding-left:13px;
	padding-bottom:10px;
	line-height:20px;
}
div.box_right div.txt_box div.box_right_bt01,
div.box_right div.txt_box div.box_right_bt02,
div.box_right div.txt_box div.box_right_bt03,
div.box_right div.txt_box div.box_right_bt04{
	width:160px;
	padding-left:30px;
	background-image:url(../img/home_ln_02.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:right;
}
div.box_right div.txt_box div.box_right_bt02,
div.box_right div.txt_box div.box_right_bt03,
div.box_right div.txt_box div.box_right_bt04{
	margin-top:5px;
}
}
@media screen and (max-width: 600px) {
#cont_box_concept div.box_right{
	width:440px;
	padding-top:20px;
	line-height:26px;
}
#cont_box_concept div.box_right div.catch_box{
	padding-bottom:20px;
}
#cont_box_concept div.box_right div.txt_box{
}
div.box_right div.txt_box div.box_left_tx{
	background-image:url(../img/mk_02.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:23px;
	padding-bottom:10px;
}
div.box_right div.txt_box div.box_right_bt01,
div.box_right div.txt_box div.box_right_bt02,
div.box_right div.txt_box div.box_right_bt03,
div.box_right div.txt_box div.box_right_bt04{
	width:240px;
	padding-left:30px;
	background-image:url(../img/home_ln_02.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:right;
	margin-top:0px;
	margin-bottom:20px;
}
div.box_right div.txt_box div.box_right_bt01 img,
div.box_right div.txt_box div.box_right_bt02 img,
div.box_right div.txt_box div.box_right_bt03 img,
div.box_right div.txt_box div.box_right_bt04 img{
	width:240px;
	height:auto;
}
}





#cont_box_newitem{
	padding-top:30px;
	padding-bottom:60px;
	background-color:#fff;
}
@media screen and (min-width: 600px) {
#cont_box_newitem{
	padding-left:52px;/*「.item01」にpadding:10px;設定があるので、-10pxしてあります*/
	padding-right:62px;
}
#cont_box_newitem div.item_box div.item01{
	width:172px;
	float:left;
	padding-left:10px;
	font-size:13px;
}
}
@media screen and (max-width: 600px) {
#cont_box_newitem{
	padding-left:20px;
	padding-right:20px;
}
#cont_box_newitem div.item_box div.item01{
	width:172px;
	float:left;
	padding-left:30px;
	font-size:18px;
}
}

@media screen and (min-width: 600px) {
#cont_box_newitem .hd_box{
	width: 480px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#cont_box_newitem .hd_box_smp{
	display:none;
}
#cont_box_newitem .hd_box h2{
	text-align: right;
}
}
@media screen and (max-width: 600px) {
#cont_box_newitem .hd_box{
	display:none;
}
#cont_box_newitem .hd_box_smp{
}
#cont_box_newitem .hd_box_smp h2{
	text-align: right;
}
}


@media screen and (max-width: 600px) {
#cont_box_newitem .hd_box h2{
}
}

#cont_box_newitem div.item_box{
	padding-top:20px;
}


#cont_box_banner{
	padding-top:40px;
	padding-bottom:20px;
}
@media screen and (min-width: 600px) {
#cont_box_banner{
	padding-left:62px;
}
}
@media screen and (max-width: 600px) {
#cont_box_banner{
	padding-left:20px;
}
#cont_box_banner img{
	width:440px;
	height:auto;
}
}

#cont_box_banner li{
	padding-bottom:20px;
}