@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");

@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap');


/*----- トップページ 設定 ----------------------------------------------------*/


/*----- スライダー 設定 ----------------------------------------------------*/

div#sliderArea{ width:100%; padding:30px 0 0; float:left; }


.bx-wrapper{ overflow: hidden;  }
.bx-viewport{ overflow: visible !important; width: 650px !important; /* スライド画像の横幅 */   	margin: 0 auto; }
#wrap .bx-prev{ left: 50% !important; margin-left:-516px; /*（スライド画像の横幅÷2）+（矢印画像の横幅÷2） */  }
#wrap .bx-next{ right: 50% !important; margin-right:-516px; /*（スライド画像の横幅÷2）+（矢印画像の横幅÷2） */ }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	.bx-viewport{ overflow: visible !important; width:100% !important; margin: 0 auto; }
	
}


/*----- 共通 設定 ----------------------------------------------------*/

section.sectionArea{ width:100%; padding:30px 0 0; float:left; }
section.sectionBox{ width:100%; float:left; }

h3.sectionTit{ width:96%; padding:0 0 15px; margin:0 2%; border-bottom:1px solid #333333; font-size:1.2em; font-weight:bold; text-align:center; float:left; }


/*----- イントロ 設定 ----------------------------------------------------*/

h2.introTit{ width:98%; padding:0 0 15px 2%; font-size:1.2em; font-weight:bold; float:left; }
p.introText{ width:100%; line-height:1.7em; float:left; }


/*----- 事業案内 設定 ----------------------------------------------------*/

ul.aboutList{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:10px 0; width:100%; padding:50px 0 30px; float:left; }
ul.aboutList li{ width:24%; height:100px; border:1px solid #333; border-radius:20px; text-align:center; font-size:1.1em; line-height:100px; }
ul.aboutList li:hover{ background-color:#454545; color:#fff; }
ul.aboutList li a{ display:block; width:100%; height:100%; text-decoration:none; }
ul.aboutList li a:hover{ color:#fff; }

ul.aboutList2{ width:50%; padding:50px 25% 30px; float:left; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	ul.aboutList{ gap:5px 0; padding:20px 0 10px; float:left; }
	ul.aboutList li{ width:49%; height:60px; font-size:0.9em; line-height:60px; }
    
    ul.aboutList2{ width:100%; padding:50px 0 30px; float:left; }
	
}

/*----- 会社案内 設定 ----------------------------------------------------*/

div.greetingTbl{ width:70%; padding:50px 15% 30px; float:left; }
div.greetingTbl table{ width:100%; float:left; }
div.greetingTbl table tr{ width:100%; padding:10px 0; border-bottom:1px solid #d3d3d3; float:left; }
div.greetingTbl table tr:last-child{ border-bottom:none; }
div.greetingTbl table tr th{ width:16%; text-align:right; font-weight:normal; float:left; }
div.greetingTbl table tr td{ width:76%; float:right; }
div.greetingTbl table tr td br{ display:none; }

div.btn_jobentry a{ display:inline-block; padding:3px 10px; margin:10px 0 0; border:1px solid #333; border-radius:10px; text-decoration:none; }
div.btn_jobentry a:hover{ text-decoration:underline; }

.googlemapBox{ width:100%; float:left; }

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
	
	div.greetingTbl{ width:100%; padding:20px 0% 10px; float:left; }
	div.greetingTbl table{ width:96%; padding:10px 2%; }
	div.greetingTbl table tr th{ width:100%; text-align:left; font-weight:bold; }
	div.greetingTbl table tr td{ width:100%; padding-top:5px; }
	div.greetingTbl table tr td span{ display:none; }
	div.greetingTbl table tr td br{ display:block; }
	
	
}