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

/*pc-----------------------------------------------*/

@media screen and (min-width: 641px){

/*見出し*/
h3{
	font-size:24px;
	letter-spacing:1px;
}
h3 i{
	color:#4D7AFF;
	font-size:26px;
	padding-right:5px;
}

/*トップ*/
#top{
	background:url(../img/index/back_top.jpg);
	padding-bottom:40px;
	margin-top:-40px;
}
.topimage{
	width:100%;
	background:#FFFFFF;
}
.topimage img{
	margin:0px auto;
}

/*お知らせ*/
#news{
	
	width: 900px;
	margin:40px auto 0px;
	padding:0px ;
	background:#FFFFFF;
}
#news h3 {
	padding-left: 20px;
}
#news .contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#news div.block {
	width: 270px;
	margin-bottom: 30px;
}
#news div.thumb img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#news p.date{
}
#news p.ttl{
	font-size: 18px;
	font-weight: bold;
}
#news p.txt{
}
/*リクルートムービー*/
.recruitmovie{
	width: 95%;
	aspect-ratio:16/9;
	margin: auto;
	iframe{
		width: 100%;
		height: 100%;
	}
}
/*バナー*/
.news_bn{
	margin-top:20px;
}

/*業務メニュー*/
#service_menu{
	background:url(../img/index/back_service.jpg);
	padding:80px 0px;
	margin-bottom:50px;
}
#service_menu .menu_box{
	background:rgba(255,255,255,0.8);
	margin-bottom:20px;
	height:400px;
	position:relative;
}
#service_menu .menu_box img{
	float:left;
	margin-right:30px;
}
#service_menu .menu_box ul{
	padding-top:40px;
}
#service_menu .menu_box ul li{
	margin-bottom:10px;
}
#service_menu .menu_box ul li a{
	font-size:18px;
	letter-spacing:1px;
	text-decoration:underline;
}
#service_menu .menu_box .arrow{
	position:absolute;
	bottom:30px;
	right:0px;
}
#analysis_menu i{
	color:#4D7AFF;
	margin-right:5px;
}
#equip_menu i{
	color:#00B200;
	margin-right:5px;
}
#analysis_menu li a:hover{
	color:#4D7AFF;
}	
#equip_menu li a:hover{
	color:#00B200;
}	

/*項目別メニュー*/
#kind_menu{
	margin-bottom:50px;
}
#kind_menu h3{
	margin-bottom:10px;
}
#kind_menu img{
	float:left;
	margin-bottom:2px;
	margin-right:2px;
}

/*メニューボタン*/
#menu_btn{
	clear:both;
	padding-top:30px;
	padding-bottom:100px;
}
#menu_btn .contents img{
	float:left;
	margin-right:6px;
}
#menu_btn .contents img.last{
	margin-right:0px;
}

/*SDGs*/
#sdgs{
	width:900px;
	margin: 100px auto 50px;
}
}


/*mb-----------------------------------------------*/

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

/*見出し*/
h3{
	font-size:24px;
	letter-spacing:1px;
}
h3 i{
	color:#4D7AFF;
	font-size:26px;
	padding-right:5px;
}

/*トップ*/
#top{
	background:url(../img/index/back_top.jpg);
	padding-bottom:30px;
	clear:both;
}


/*お知らせ*/
#news{
	
	width: 98%;
	margin:40px auto 0px;
	padding:0px ;
	background:#FFFFFF;
}
#news h3 {
	text-align: center;
	font-weight: bold;
}
#news .contents {
	width: 92%;
	margin: auto;
}
#news div.block {
	margin-bottom: 30px;
}
#news div.thumb img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#news p.date{
}
#news p.ttl{
	font-size: 18px;
	font-weight: bold;
}
#news p.txt{
}
/*リクルートムービー*/
.recruitmovie{
	width: 100%;
	aspect-ratio:16/9;
	iframe{
		width: 95%;
		height: 95%;
	}
}

/*バナー*/
.news_bn{
	width:90%;
	margin:20px auto 0px;
}

/*バナー*/
.bnr{
	width:90%;
	margin:0px auto;
}

/*業務メニュー*/
#service_menu{
	width:100%;
	background:url(../img/index/back_service.jpg);
	padding:30px 0px;
	margin-bottom:30px;
}
#service_menu .menu_box{
	width:90%;
	background:rgba(255,255,255,0.8);
	margin:0px auto;
	padding-bottom:10px;
}
#analysis_menu{
	margin-bottom:20px;
}
#service_menu .menu_box ul{
	width:90%;
	margin:30px auto;
}
#service_menu .menu_box ul li{
	margin-bottom:10px;
}
#service_menu .menu_box ul li a{
	font-size:18px;
	letter-spacing:2px;
	text-decoration:underline;
}
#analysis_menu i{
	color:#4D7AFF;
	margin-right:5px;
}
#equip_menu i{
	color:#00B200;
	margin-right:5px;
}
#analysis_menu li a:hover{
	color:#4D7AFF;
}	
#equip_menu li a:hover{
	color:#00B200;
}	

/*項目別メニュー*/
#kind_menu{
	width:90%;
	margin:0px auto;
}
#kind_menu h3{
	margin-bottom:10px;
}
#kind_menu img{
	width:33%;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
}

/*メニューボタン*/
#menu_btn{
	width:90%;
	clear:both;
	margin:0px auto;
	padding-top:20px;
}
#menu_btn .contents img{
	margin-bottom:8px;
}
/*SDGs*/
#sdgs{
	width:90%;
	margin:50px auto 50px;
}
}