@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 indexだけでも修正
--------------------------------------------------------------------------------------- */
.logo img {
	max-width: 100%;
	max-height: 12dvw;
	object-fit: contain;
}
.logo a{
	display: block;
	margin: 0;
	text-align: left;
}
@media screen and (max-width: 640px) {
	#wrapper {
		padding-top: 12%;
	}
}
/* --------------------------------------------------------------------------------------
 index.html news
--------------------------------------------------------------------------------------- */
.news {
	width: 100%;
	margin: 0 auto 0;
	padding: 1rem;
	background: #f5f5f5;
	box-sizing: border-box;
}
.news ul{
	width: 100%;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	max-width: 1100px;
}
.news .news_new{
	background-color: #eb5e01;
	padding: 0 5px;
	margin-right: 10px;
	color: #fff;
}

/* --------------------------------------------------------------------------------------
 index.html block04（採用情報）
--------------------------------------------------------------------------------------- */
.block04 .right_area .txt_area {
	margin: 0 auto 60px;
	background: #fefefe;
	padding: 35px 0;
}

.block04 .right_area .txt_area p {
	width: 460px;
	margin: 0 auto 35px;
	padding: 0 0 35px;
	border-bottom: 1px solid #cfd8dc;
}

.link_bt li {
	display: block;
	margin-bottom: 30px;
}
.link_bt li:last-child {
	margin-bottom: 0;
}

.block04 .right_area .txt_area .link,
.link_recruit {
	width: 410px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
}

.block04 .right_area .txt_area .link a,
.link_recruit a {
	display: block;
	padding: 20px 0;
	color: #ffffff;
	font-size: 150%;
	text-align: center;
	background: #eb5e01;
}
.txt_link {
	font-size: 130%;
}

/* (max-width: 640px */
@media screen and (max-width: 640px) {
	.block04 .right_area .txt_area {
		width: 93.75%;
		/* width: 90%; */
		margin: 0 auto 7%;
	}
	
	.block04 .right_area .txt_area p {
		width: 90%;
	}

	.block04 .right_area .txt_area .link,
	.link_recruit {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	.block04 .right_area .txt_area .link a,
	.link_recruit a {
		padding: 3.5% 0;
		font-size: 130%;
	}
}

/* --------------------------------------------------------------------------------------
 index.html block05（ニュース）
--------------------------------------------------------------------------------------- */
.block05 {
	width: 93.75%;
    margin: 10% auto;
}
.news_ul {
	width: 90%;
	/* background-color: #f0f; */
	display: block;
	margin: 0 auto;
	text-align: left;
}
.news_ul li .date{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.news_ul li a {
	position: relative;
	display: block;
	/* text-align: left; */
	padding-left: 7em;
}
.news_ul li a:hover {
	opacity: 0.7;
}
.news_ul li + li{
	margin-top: 8px;
}
.news_new {
	background-color: #eb5e01;
	padding: 0 5px;
	margin-right: 10px;
	color: #fff;
}

@media screen and (min-width: 640px) {
	.news_ul li a {
		font-size: 14px;
	}
}

/* --------------------------------------------------------------------------------------
 index.html newprodact（サービスバナー）
--------------------------------------------------------------------------------------- */

/* --------add 2502707----start------ */

#newprodact ul li{
	display: inline;
	width: 30%;
}

#newprodact ul li img{
	width: 400px;
}

@media screen and (max-width: 640px) {
	#newprodact ul li {
		display: block ;
		margin: 20px auto;
		width: 100%;
	}
	#newprodact ul li img{
		width: 80%;
	}
}
/* --------add 2502707----end------ */