@charset "utf-8";


/* ===================================================
------------------------------------------------------
	common要素の変更
------------------------------------------------------
==================================================== */




/* ===================================================
------------------------------------------------------
	MainVisual　*slider
------------------------------------------------------
==================================================== */

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	スライドショー
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
	height:515px;
}

#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
#sliderInner ul{
	overflow:hidden;
	display:block;
}
#sliderInner li {
    width:978px;
}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1035px;
    height:400px;
    opacity:0.4;
    filter:alpha(opacity=40);
    -ms-filter:"alpha( opacity=40 )";
    background:#000000;
}
#slideFilterL {left:0;}
#slideFilterR {right:0;}


#slider .bx-wrapper .bx-prev{
	left:957px;
}
#slider .bx-wrapper .bx-next{
	right:957px;
}












/* ===================================================
------------------------------------------------------
	OUR SERVICE
------------------------------------------------------
==================================================== */
#contents section#service{
	padding-left:0;
	padding-right:0;
}
#contents section#service h2{
	text-align:center;
}
#contents section#service h2.columnTitle{
	margin-top:80px;
}

#contents section#service ul{
	text-align:center;
	padding:40px 0 0 0;
}
#contents section#service ul li{
	display:inline-block;
	padding-right:3%;
}
#contents section#service ul li:last-child{
	padding-right:0;
}
#contents section#service ul li a{
	display:block;
	line-height:0;

}
#contents section#service ul li a span{
	display:block;
	border-bottom:4px solid #ebebeb;
	background:#F7F8F2;
	padding:5% 0%;
}
#contents section#service ul li a span strong{
	background:url(/assets/img/icon/_arrowYellow.png) no-repeat left center;
	background-size:26px auto;
	padding:5% 5% 5% 10%;
	color:#333333;
	font-weight:bold;
	font-size: 115%;
}



/* ===================================================
------------------------------------------------------
	banner_column
------------------------------------------------------
==================================================== */

h3#banner_column{
	width:100%;
	max-width:887px;
	margin:0 auto;
	margin-top:40px;
}
h3#banner_column .sp{
	display:none;
}


/* ===================================================
------------------------------------------------------
	NEWS
------------------------------------------------------
==================================================== */

/* ===================================================
------------------------------------------------------
	幅1100の場合
------------------------------------------------------
==================================================== */
@media screen and (max-width: 1155px) {
	#slider{height:590px;}
}


@media screen and (max-width: 1100px) {
	#contents section#service ul li{
		padding-right:15px;
	}
	#slider .bx_pager{
		width:100%;
		max-width:1300px;
	}
	#slider .bx_pager a{
		display:inline-block;
		margin:0 5px 0 0;
		width:145px;
	}

}
/* ===================================================
------------------------------------------------------
	sp版の場合
------------------------------------------------------
==================================================== */
@media screen and (max-width: 667px) {


	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		mainVisial
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	#slider .bx-viewport{
		height:359px!important;
	}
	#slider .bx-wrapper{
		height:259px;
		position:relative;
	}
	#slider .bx-wrapper .bx-pager{
		background:#F7F8F2;
		border-bottom:1px solid #D8D8D8;
		padding:18px 0;
	}
	#slider .bx-wrapper .bx-controls-direction a{
		top:82%;
	}
	#slider{height:260px;}


	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		service
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	#contents section#service{padding-bottom:6%;}
	#contents section#service h2{
		margin-top:15px;
		margin-bottom:10px;
	}
	#contents section#service h2 img{width:95%;}
	#contents section#service ul{
		padding-top:0px;
	}
	#contents section#service ul li,
	#contents section#service ul li:last-child{padding:3%;}
	#contents section#service ul li{
		width:100%;
	}
	#contents section#service ul li a img{
		width:100%;
	}
	#contents section#service h2.columnTitle{
		margin-top:40px;
	}

	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		banner_column
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	h3#banner_column{
		margin-top:0px;
	}
	h3#banner_column .pc{display:none;}
	h3#banner_column .sp{display:block;}
	h3#banner_column .sp img{padding:3%; width:100%;}


	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		OUR SERVICE
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	#contents section#service ul li a span strong{
		background-size:25px;
	}


	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		news
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

	/* #contents #news{padding:5% 3%;} */
	#news h4{font-size:120%; padding-left:35px; background-size:20px auto;}
	#contents #news ul li{
		padding:3% 5%;
	}
	#contents #news ul li span.data,
	#contents #news ul li a{
		float:none;
	}
	#contents #news ul li span.data{
		display:block;
	}

}


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

	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		iphone
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	#slider .bx-viewport{
		height:295px!important;
	}
	#slider .bx-wrapper{
		height:210px;
	}
	#slider{height:210px;}
}

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

	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		Android
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
	#slider .bx-wrapper{
		height:300px;
	}
	#slider .bx-wrapper{
		height:215px!important;
	}
	#slider .bx-has-pager{
		bottom:0px;
		padding:10px 0;
	}
	#slider .bx-wrapper .bx-controls-direction a{
		top:78%!important;
	}

}

/*大阪本社トップのお知らせとキャンペーン*/
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	beige
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

#contents section#beige{
	max-width:100%;
	background:#FBEA53;
	display:block;
	overflow:hidden;
}
#contents section#beige section{
	padding:0;
	margin:0 auto;
}
#contents section#beige div{
	float:left;
	width:100%;
	max-width:48%;
}
#contents section#beige div:first-child{margin:0 40px 0 0;}

/* ----- 見出し ----- */
#contents section#beige h4{
	font-weight:bold;
	font-size: 143%;
	padding-left:8%;
	margin-bottom:2%;
}

#contents section#beige h4.note{
	background:url(/assets/img/icon/icon_note_big.png) no-repeat left center;
	background-size:26px auto;
}
#contents section#beige h4.campaign{
	background:url(/assets/img/icon/campaignBlack.png) no-repeat left center;
	background-size:26px auto;
}

/* ----- ニュースリスト ----- */
#contents section#beige ul li{
	background:#ffffff;
	display:block;
	overflow:hidden;
	padding:15px 20px;
	margin-bottom:5px;
}
#contents section#beige ul li span.data{
	float:left;
	padding-right:2%;
	font-weight:bold;
	width:105px;
}
#contents section#beige ul li a{
	float:left;
	vertical-align:bottom;
	font-size:110%;
	width:77%;
}
@media screen and (max-width: 1100px){
	#contents section#beige div:first-child {
		margin: 0 20px 0 0;
	}
}
@media screen and (max-width: 667px){
	#contents section#beige div {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px !important;
	}
	#contents section#beige h4 {
		padding-left: 10%;
	}
}