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

/*----------------------------------------------
↓↓↓ヘッダー↓↓↓
-----------------------------------------------*/

.headerBox_wrapper{
	width: 100%;
	height: 60px;
	position: absolute;
	box-sizing: border-box;
    z-index: 2;
	top:0;
}

.headerBox{
	width:360px;
	height: 200px;
	background: #54c3f1;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
}

.contactWrapper{
	display: flex;
	justify-content: center;
}

.contactBox{
	width: 45%;
	display: block;
	margin: 0 auto;
}

.contactIconBox{
	width: 40px;
	margin: 0 auto;
}

.contactIcon{
	width: 30px;
	margin: 12px auto 7px;
}

.contactBox p{
	text-align: center;
	font-size: 18px;
	color: #fff;
}


/*---
#header_flame.fixed .headerBox_wrapper{
	position: relative;
	width:280px;
	margin-right: 20px;

}


#header_flame.fixed .headerBox{
	height: 60px;
	background: none;
	width:280px;
	margin: 0 0;
}

#header_flame.fixed .contactWrapper{
	display: none;
}

---*/


/*----------------------------------------------
↓↓↓スライドショー↓↓↓
-----------------------------------------------*/


.slideBox{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 60px;
}
.slider {
  pointer-events: none;
}


/*----------------------------------------------
↓↓↓HOMEメッセージ↓↓↓
-----------------------------------------------*/

.index_message{
	text-align: center;
}

.index_message p{
	text-align: center;
	padding-top: 60px;
}


/*----------------------------------------------
↓↓↓業務案内↓↓↓
-----------------------------------------------*/

.businessThumBox{
	width:880px;
	display: flex;
	margin: 30px auto 0;
	justify-content: center;
	flex-wrap:wrap;
	box-sizing: border-box;
}


a.businessThum{
	display: flex;
	width: 200px;
	height: 200px;
	position: relative;
	margin: 5px;
	overflow: hidden;
	justify-content:center;
	align-items:center;
}

.businessThum img{
	width: 360px;
	position: relative;
	z-index: 1;
}


.businessThum .businessTitle{
	width: 100%;
	height: 40px;
	position: absolute;
	text-align: center;
	font-size: 18px;
	color: #595959;
	font-weight: bold;
	box-sizing: border-box;
	z-index: 2;
	bottom: 0;
	left: 0;
	padding-top: 7px;
	background: rgba(255,255,255,0.8);
}




/*----------------------------------------------
↓↓↓新着情報↓↓↓
-----------------------------------------------*/

.newsBox{
	max-width: 700px;
	width: 100%;
	margin: 20px auto 0;
}

.newsBox a li{
	color: #333;
	display: flex;
	line-height: 2.0em;
}

.newsdata{
	width: 120px;
	position: relative;
	text-align: left;
}

.newsdata::before{
	content: "▶︎";
	transform: rotate(90deg);
}


.newstitle{
	width: calc(100% - 120px);
	text-align: left;
}




@media (max-width: 1000px) {
    
 
    
}


@media (max-width: 900px) {
    
.headerBox{
	width:300px;
	height: 140px;
}

.contactBox{
	width: 40%;
}


.contactIcon{
	width: 30px;
	margin: 12px auto 7px;
}

.contactBox p{
	font-size: 16px;
}
	

.slideBox{
	padding-top: 100px;
}
	
	
.index_message p{
	padding-top: 0px;
}
	
.businessThumBox{
	width:100%;
}

    
}



@media (max-width: 640px) {
    
.headerBox{
	width:240px;
	height: 140px;
}
	
.contactBox p{
	font-size: 13px;
}
	
	
.index_message p{
	text-align: left;
}

	
	
.businessThumBox{
	flex-direction: column;
	width: 250px;
	}


a.businessThum{
	width: 250px;
	height: 250px;
}

.businessThum img{
	width: 450px;
}

		
.businessThum .businessTitle{
	font-size: 16px;
	height: 30px;
}

	
	
	
.newsBox a li{
	display: block;
	line-height: 1.4em;
}
	
.newstitle{
	width: 100%;
	margin-bottom: 20px;
}

.newsdata{
	width: 100%;
	position: relative;
}


    
}