@charset "utf-8";


body {
	line-height: 170%;
	font-size: 18px;
}

p,.list-keyword,#cop3 {
	text-align: justify;
	text-justify: inter-character;
}

#cop5-haizoku,#cop7-3point {
	padding: 40px 0px;
}

#cop6-syousai,#cop4,#cop8-summary {
	margin: 80px auto 0;
}

#cop3,footer,#cop1,#cop-pagenavi,#cop-pagenavi2,#cop2,#pagenavi,#entry1,#entry-pagenavi,#entry-pagenavi2,#cop6-syousai h3 {
	margin-top: 10px;
}

#cop6-syousai h2 {
	margin-top: 0px;
}

#cop6-syousai h2.h2-2nd {
	margin-top: 20px;
}

.section-list,#cop5-haizoku h3 {
	margin-top: 10px;
}

#cop4 p,#cop4 h2,#cop5-haizoku h2,#cop4 ul,.h2-after,#cop6-syousai h4,#cop7-3point h3 {
	margin-top: 0px;
}

.summary-wrap {
	margin-top: 15px;
}

.h3-after,
.h4-after {
	margin-top: 0px;
}

.r-pt1 {
	padding-top: 80px;
}

.r-pt2 {
	padding-top: 10px;
}

.r-pt3 {
	padding-top: 10px;
}

.r-pt4 {
	padding-top: 15px;
}

.r-pt5 {
	padding-top: 10px;
}

.r-ptb2 {
	padding: 20px 0px;
}

.img100,.imgpc100 {
	width: 100%;
}

/*------baselayout------*/
.wrap1000 {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

/*------ボタン------*/
.btn1 {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.btn1 a {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	max-width: fit-content;
	background-color: #DB0635;
	border-radius: 0.5rem;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
	text-align: left;
	padding: 0.5rem 1rem;
}

.btn1 a:hover {
	background-color: #016DB5;
}

a .btn-color,
.btn-color {
	border-radius: 0px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	color: #ffffff;
}

.btn1 a .btn-color {
	font-size: 17px;
	background-color: #DB0635;
}

.btn1 a:hover .btn-color {
	background-color: #016DB5;
}

.btn1 a .btn-color .btn1-eng {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

.btn1 a .arrow {
	position: relative;
	display: grid;
	place-content: center;
	width: 3.5rem;
	height: 3.5rem;
}

.btn1 a .arrow::before {
	content: url(../images/common/to-top-arrow.svg);
	display: inline-block;
    width: 25px;
    transform: rotate(90deg);
}

/*------footer------*/
footer {
	padding: 30px 0 50px;
	color: #ffffff;
	position: relative;
	margin-top: 30px;
}

/* --- PC ---------- */
@media print,
screen and (max-width: 740px) {
	footer{
		padding-bottom: 112px;
	}
}

.flex-footer {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: top;
}

.flex-footer .container1 {
	width: 70px;
	margin-right: 30px;
}

.flex-footer .container2 {
	width: 900px;
	font-size: 20px;
	font-weight: 500;
	line-height: 100%;
	padding-top: 25px;
	color: #fff;
}

.footernavi {
	padding-top: 15px;
	margin-top: 15px;
	font-size: 16px;
	text-align: center;
}

#copy {
	text-align: center;
	font-size: 12px;
	padding: 40px 10px 10px;
	color: #fff;
}

#entry1 h1,
#entry2 h2 {
	text-align: center;
}

#cop3 h2 {
	font-size: 1em;
}

#static-common h1 {
	font-size: 27px;
	text-align: center;
	border-bottom: 1px solid;
	padding: 0 0 60px;
}

#cop6-syousai h4 {
	text-align: left;
	font-size: 1em;
}

#cop4 p,
#cop4 h2,
#cop5-haizoku h2,
#cop4 ul,
.h2-after,
#cop6-syousai h4,
#cop7-3point h3 {
	padding: 1em;
}


/* --- PC ---------- */
@media print,
screen and (min-width: 741px) {

	#cop6-syousai h2.h2-2nd{
		margin-bottom: 15px;
	}

	

	.r-ptb3,#search {
		padding: 30px 0px;
	}

	/*------検索------*/

	.br-blook-pc {
		display: block;
	}
	.sp-only {
		display: none;
	}

	/*---------------------共通部分---------------------*/
	/*------head------*/
	#spbtn,
	#spmenu {
		display: none;
	}

	/*------footer------*/

	.flex-footer .container1 {
		margin-left: 300px;
	}

	/*------h1------*/
	.section-list-header h1 {
		font-size: 27px;
	}

	#entry1 h1{
		font-size: 27px;
	}

	#entry2 h2{
		font-size: 37px;
	}

	#cop1 h1{
		margin-bottom: 0;
	}



	/*---------------------トップページ---------------------*/
	#mainimg-section{
		background-color: #EEEEEE;
	}
	#mainimg {
		height: 396px;
		width: 1280px;
		overflow: visible;
		position: relative;
	}

	.read {
		font-size: 37px;
	}

	.read h1 {
		line-height: 1.2;
		color: #016DB5;
		margin: 3rem 0 2rem;
	}

	.top-h2 {
		margin: 2rem 0;
		line-height: 1.5;
	}

	.swiper-slide{
		display: flex;
		flex-wrap: wrap;
		background:#fff;
	}

	.mainimg-thumbnail {
		width: 320px;
		height: 198px;
		border: none;
	}
	.mainimg-thumbnail img{
		width: 100%;
		object-fit: contain;
		display: block;
		height: 198px;
	}
	/*---------------------企業紹介---------------------*/
	/*------セクション1------*/

	.spmainimg{display: none;}


	.flex-hyousyou{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		justify-content: flex-end;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}


	.site-single .hyosyo .award {
		display: inline-block;
		position: relative;
		height: 30px;/*高さ*/
		line-height: 30px;/*高さ*/
		text-align: center;
		padding: 0 40px 0 18px;/*文字の左右の余白*/
		font-size: 14px;/*文字サイズ*/
		background: #ffc668;/*背景色*/
		color: #FFF;/*文字色*/
		box-sizing: border-box;
	}

	.site-single .hyosyo .award:after {
		position: absolute;
		content: '';
		width: 0px;
		height: 0px;
		z-index: 1;
	}

	.site-single .hyosyo .award:after {
		top: 0;
		right: 0;
		border-width: 15px 7px 15px 0px;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
	}
	.site-single .hyosyo .award {
		position:relative;
	 background:#d24a5b;
	 display:inline-block;
	 height:36px;
	 color:#fff;
	 line-height:35px;
	 margin:5px 10px;
	 padding:0 5px;
	 text-decoration:none;
	 font-size:12px;
	}

	.site-single .hyosyo .ribbon4 {
		display: inline-block;
		position: relative;
		height: 30px;/*高さ*/
		line-height: 30px;/*高さ*/
		text-align: center;
		padding: 0 40px 0 18px;/*文字の左右の余白*/
		font-size: 14px;/*文字サイズ*/
		background: #ffc668;/*背景色*/
		color: #4d4848;
		box-sizing: border-box;
	}

	.site-single .hyosyo .ribbon4:after {
		position: absolute;
		content: '';
		width: 0px;
		height: 0px;
		z-index: 1;
	}

	.site-single .hyosyo .ribbon4:after {
		top: 0;
		right: 0;
		border-width: 15px 7px 15px 0px;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
	}

	/*010で使用*/
	.flex-none-hyousyou .hyousyou-010{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 120%;width:100%;margin:2px 0px 0px auto;color: #FFFFFF;background-color:#214da0}


	/*209で使用*/
	.flex-none-hyousyou .hyousyou-209{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:48%;margin:2px 0px 0px auto;color: #FFFFFF;background-color:#214da0}

	/*229で使用*/
	.flex-hyousyou .hyousyou-229
	{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:380px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	.flex-hyousyou .hyousyou-229-2{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:340px;margin:2px 0px 0px auto;color: #FFFFFF;background-color:#214da0;}
	/*044で使用*/
	.flex-hyousyou .hyousyou-044{text-align: left;padding: 5px 5px 7px 5px;
	font-size: 13px;line-height: 120%;width:100%;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*097　211使用*/
	.flex-hyousyou .hyousyou-1,.flex-hyousyou .hyousyou-2{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:130px;margin-left:2px;color: #FFFFFF;}

	/*使用*/
	.flex-hyousyou .hyousyou-3{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:200px;margin-left:2px;color: #FFFFFF;}
	/*711で使用*/
	.flex-hyousyou .hyousyou-4{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:280px;margin-left:2px;color: #FFFFFF;}

	/*705で使用*/
	.flex-hyousyou .hyousyou-705{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:220px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*042で使用*/
	.flex-hyousyou .hyousyou-042{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:270px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}
	/*+046で使用*/
	.flex-hyousyou .hyousyou-046{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:200px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*100で使用*/
	.flex-hyousyou .hyousyou-100{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:230px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*306で使用*/
	.flex-hyousyou .hyousyou-306{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:350px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*004で使用*/
	.flex-hyousyou .hyousyou-004{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:210px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*214で使用*/
	.flex-hyousyou .hyousyou-214{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:150px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}

	/*083で使用*/
	.flex-hyousyou .hyousyou-083{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:160px;margin-left:2px;color: #FFFFFF;background-color:#214da0;}


	/*flex解除*/
	.flex-none-hyousyou{width: 100%; }
	.flex-none-hyousyou .hyousyou-1{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 100%;width:130px;margin:0px 0px 0px auto;color: #FFFFFF;}

	/*419で使用*/
	.flex-none-hyousyou .hyousyou-419{text-align: center;padding: 5px 0px 7px 0px;
	font-size: 13px;line-height: 120%;width:460px;margin:2px 0px 0px auto;color: #FFFFFF;background-color:#214da0}




	.cop-catch{font-size: 22px;line-height: 140%; margin-top: 0px;}
	.copname {margin-top: 0px;}
	.copname img{width: 100%;}
	.flex-sdgs{text-align: right;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		margin-top: 0px;
		justify-content: start;
	}
	.container-sdgs{width: 50px; margin: 0px 5px 0px 0px;padding: 0;}
	.container-sdgs img{width: 100%;margin:0;padding: 0;}

	.flex-sdgs.sns .container-sdgs {
		width:45px;
	}
	.flex-sdgs.sns {
		padding-top: 1em;
	}
	.flex-sdgs.sns a img{
		transition: .3s;
	}
	.flex-sdgs.sns a:hover img {
		transform: scale(1.2);
	}
	.flex-sdgs.sns .container-sdgs.twitter {
		padding: 0.5em;
	}
	.flex-sdgs.sns .container-sdgs.facebook {
		padding: 0.3em;
	}
	.flex-sdgs.sns .container-sdgs.youtube {
		padding: 0.3em;
	}


	/*------セクション2------*/

	.flex-cop2-container1{
		width: 26%;
	}

	.flex-cop2-container2{
		width: 74%;
		padding-left: 20px;
		line-height: 160%;
	}

	.flex-cop2-container2 img{
		vertical-align: middle;
		padding-right: 10px;
	}

	.flex-cop2-container2 p,
	.flex-cop2-container2 a {
		display:inline-block;
	}


	/*------セクション3 重要キーワード------*/
	#cop3{
		padding: 40px 0px;
	}
	/*
	.cop3-title{color: #FFFFFF; padding:4px 30px 8px 30px;width:190px; }
	.cop3-keyword{border: 1px solid;text-align: center;font-size: 20px;background-color: #FFFFFF;padding: 10px;}
	*/
	.cop3-keyword{}

	.flex-cop3{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items:stretch ;
	}
	.flex-cop3-container1{
		width: 26%;
		color: #000;
		text-align: center;
		padding: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex-cop3-container2{
		width: 74%;
		border: 1px solid #FFDF50;
		text-align: left;
		font-size: 20px;
		background-color: #FFFFFF;
		padding: 15px;
	}
	/*------セクション4------*/

	/*------セクション5 配属先------*/
	.haizokutyuui {
		font-size: 16px;
		padding-left: 20px;
		display:block;
		font-weight:normal;
	}
	.cop5-haizoku-kakomi{
		background-color: #FFFCEF;
		padding: 20px 0 10px 0;
		border-radius: 5px;
	}

	.flex-haizoku{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
		flex-wrap: wrap;
		flex-direction: row;
		align-items:top ;
		margin-top: 0px;
	}
	.flex-haizoku-container{width: 32%;}

	.flex-haizoku2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items:baseline;
		background:#fff;
		padding: 5px 0;
	}
	.flex-haizoku2:last-child{
		margin-bottom: 0px;
		border-bottom: 1px solid #0075C2;
	}


	.flex-haizoku2-container1{width: 75%;padding-left: 10px;}
	.flex-haizoku2-container2{width: 25%; text-align: right;padding-right: 10px;}


	/*------セクション6 詳細------*/
	.cap{font-size: 0.9em; padding-top: 0px; line-height: 140%;padding-left: 1em;
	text-indent: -1em; }



	/*------1つめの画像------*/
	.img-100 img{width: 100%;}
	.img-10 {width: 100%;margin: 60px auto;}
	.img-80 img{width: 100%;}
	.img-80 {width: 80%;margin: 60px auto;}
	.img-70 img{width: 100%;}
	.img-70 {width: 70%;margin: 60px auto;}
	.img-60 img{width: 100%;}
	.img-60 {width: 60%;margin: 60px auto;}

	.img-50 img{width: 100%;}
	.img-50 {width: 50%;margin: 60px auto;}
	.img-45 img{width: 100%;}
	.img-45 {width: 45%;margin: 60px auto;}
	.img-40 img{width: 100%;}
	.img-40 {width: 40%;margin: 60px auto;}
	.img-35 img{width: 100%;}
	.img-35 {width: 35%;margin: 60px auto;}
	.img-30 img{width: 100%;}
	.img-30 {width: 30%;margin: 60px auto;}


	/*------2つめ以降の画像------*/
	.img-80-m img{width: 100%;}
	.img-80-m {width: 80%;margin: 60px auto 60px auto;}
	.img-70-m img{width: 100%;}
	.img-70-m {width: 70%;margin: 60px auto 60px auto;}
	.img-60-m img{width: 100%;}
	.img-60-m {width: 60%;margin: 60px auto 60px auto;}
	.img-50-m img{width: 100%;}
	.img-50-m {width: 50%;margin: 60px auto 60px auto;}
	.img-45-m img{width: 100%;}
	.img-45-m {width: 45%;margin: 60px auto 60px auto;}
	.img-40-m img{width: 100%;}
	.img-40-m {width: 40%;margin: 60px auto 60px auto;}
	.img-35-m img{width: 100%;}
	.img-35-m {width: 35%;margin: 60px auto 60px auto;}
	.img-30-m img{width: 100%;}
	.img-30-m {width: 30%;margin: 60px auto 60px auto;}
	.img-25-m img{width: 100%;}
	.img-25-m {width: 25%;margin: 60px auto 60px auto;}
	.img-20-m img{width: 100%;}
	.img-20-m {width: 20%;margin: 60px auto 60px auto;}
	.img-10-m img{width: 100%;}
	.img-10-m {width: 10%;margin: 60px auto 60px auto;}

	/*------081で使用------*/
	.img-12-m-081 img{width: 100%;}
	.img-12-m-081{width: 12%;margin: 10px 0px 10px 0px;}
	.img-10-m-081 img{width: 100%;}
	.img-10-m-081{width: 10%;margin: 10px 0px 10px 0px;}
	.img-20-m-081 img{width: 100%;}
	.img-20-m-081{width: 20%;margin: 10px 0px 10px 0px;}

	/*------回り込み------*/
	.img-l{float: left; padding: 10px 10px 10px 0px; }
	.img-r{float: right; padding: 10px 0px 10px 10px;}
	/*------回り込み 文章中------*/
	.img-l-m{float: left; padding: 10px 10px 10px 0px;}
	.img-r-m{float: right; padding: 10px 0px 10px 10px;}

	/*------514で使用------*/
	.thumb-img-l-300-l{float: left; padding: 10px 0px 10px 0px;width: 300px;}
	.thumb-img-l-300-r{float: left;width: 700px;padding-left: 10px;}

	/*-----713で使用------*/
	.thumb-img-l-400-l{float: left; padding: 10px 0px 10px 0px;width: 400px;}
	.thumb-img-l-400-r{float: left;width: 590px;margin-left: 10px;}

	/*-----002　109で使用------*/
	.flex-thumb-3{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.flex-thumb-3-container{width: 320px;padding: 10px 0px 10px 0px}
	.flex-thumb-3-container img{width: 100%;}

	/*-----314	032 517　049　531 810で使用------*/
	.flex-thumb-2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.flex-thumb-2-container{width: 480px;padding: 10px 0px 10px 0px}
	.flex-thumb-2-container img{width: 100%;}



	.img-l img,.img-r img,.img-l-m img,.img-r-m img,.thumb-img-l-300-l img,.thumb-img-l-400-l img{width: 100%;}

	.img-size500{width: 500px;}
	.img-size400{width: 400px;}
	.img-size300{width: 300px;}
	.img-size320{width: 320px;}
	.img-size350{width: 350px;}
	.img-size200{width: 200px;}
	.img-size270{width: 270px;}
	.img-size250{width: 250px;}
	.img-size230{width: 230px;}
	.img-size220{width: 220px;}
	.img-size120{width: 120px;}
	.img-size100{width: 100px;}
	/*------画像横並び ------*/
	.thumb-300-300{float: left;width: 300px;margin: 0px 100px;}
	.thumb-300-300 img{width: 100%;}

	/*------画像横並び 054------*/
	.thumb-320-320{float: left;width: 320px;margin: 0px 90px;}
	.thumb-320-320 img{width: 100%;}

	/*------画像横並び 017------*/
	.thumb-350-350{float: left;width: 350px;margin: 0px 75px;}
	.thumb-350-350 img{width: 100%;}

	/*------画像横並びイレギュラー717------*/
	.thumb717-400-400-r{float: left;width: 400px;margin: 10px 50px;}
	.thumb717-400-400-l{float: left;width: 400px;margin: 10px 50px; text-align: center!important}
	.thumb717-400-400-l p{text-align: center!important}
	.thumb717-400-400-l img{width: 208px;margin-right: auto;margin-left: auto;}



	/*------セクション7 3ポイント------*/
	

	/*------セクション8 サマリー------*/
	#cop8-summary{line-height: 160%!important}

	.summary-wrap{
	}
	.summary-set{
		display: flex;
	}
	.summary-set-l{
		border-bottom: 1px solid #FFFCEF;
	}
	.summary-set:last-child .summary-set-l {
		border-bottom: none;
	}

	.summary-set-r{
		border-top: 1px solid #DB0635;
		border-left: 1px solid #DB0635;
		border-right: 1px solid #DB0635;
	}
	.summary-set:last-child .summary-set-r {
		border-bottom: 1px solid #DB0635;
	}
	.summary-set-l{
		width: 26%;
		color: #FFFFFF;
		text-align: center;
		padding: 2px 0px 5px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.summary-set-r{
		width: 74%;
		padding: 20px;
	}
	.summary-set-r.summrylogo p {
		font-size:xx-large;
		font-weight:bold;
		display:inline;
		vertical-align: middle;
		line-height: 1.2em;
	}
	.summrylogo img{
		width: auto;
		max-height: 50px;
		vertical-align: middle;
		padding-right: 1em;
	}
	
	.company-detail-mayekawa-co-jp .summary-set-r.summrylogo img,
	.company-detail-akkodis-co-jp .summary-set-r.summrylogo img,
	.company-detail-dry-fog-com .summary-set-r.summrylogo img,
	.company-detail-nes-eng-net .summary-set-r.summrylogo img,
	.company-detail-hi-lex-co-jp .summary-set-r.summrylogo img,
	.company-detail-kme-jp .summary-set-r.summrylogo img,
	.company-detail-j-eng-co-jp .summary-set-r.summrylogo img,
	.company-detail-joysonsafety-com .summary-set-r.summrylogo img,
	.company-detail-kurabo-co-jp .summary-set-r.summrylogo img,
	.company-detail-krk-co-jp .summary-set-r.summrylogo img,
	.company-detail-thermos-jtekt-co-jp .summary-set-r.summrylogo img,
	.company-detail-dmgmori-co-jp .summary-set-r.summrylogo img,
	.company-detail-volcano-co-jp .summary-set-r.summrylogo img,
	.company-detail-fujikin-co-jp .summary-set-r.summrylogo img,
	.company-detail-ihara-furnace-co-jp .summary-set-r.summrylogo img,
	.company-detail-tn-japan-co-jp .summary-set-r.summrylogo img,
	.company-detail-horizon-co-jp .summary-set-r.summrylogo img,
	.company-detail-osakavacuum-co-jp .summary-set-r.summrylogo img,
	.company-detail-kyoceradocumentsolutions-co-jp .summary-set-r.summrylogo img {
		display:block;
		margin-bottom: 0.5em;
	}

	.company-detail-takarabelmont-co-jp .summary-set-r.summrylogo img,
	.company-detail-jmuc-co-jp .summary-set-r.summrylogo img,
	.company-detail-gearbox-sumitomodrive-com .summary-set-r.summrylogo img,
	.company-detail-jb-honshi-co-jp .summary-set-r.summrylogo img,
	.company-detail-teijin-nakashima-co-jp .summary-set-r.summrylogo img,
	.company-detail-seed-co-jp .summary-set-r.summrylogo img,
	.company-detail-takatori-g-co-jp .summary-set-r.summrylogo img {
		max-height: 80px;
	}

	/* 2026から追加 株式会社 関西金属工業所"  */
	.company-detail-osakavacuum-co-jp .summary-set-r.summrylogo img,
	.company-detail-kansai-metal-co-jp .summary-set-r.summrylogo img,
	.company-detail-starlite-co-jp .summary-set-r.summrylogo img
	{
		max-height: 100px;
	}
	
	.company-detail-nes-eng-net .summary-set-r.summrylogo p {
		font-size:30px;
	}

	.company-detail-yodoko-co-jp .summary-set-r.summrylogo img {
		max-height:25px;
	}

	.company-address .inline-block {
		padding-right: .5em;
	}
	/*------ページnavi３つの場合------*/
	.flex-cop-pagenavi{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center
	}


	/*------ボタン3つ------*/
	.btn-pagenavi {
		width: 32%;
		text-align: center;
	}
	.btn-pagenavi a {
		text-decoration: none;
	}

	.btn-pagenavi a .btn-color,
	.btn-pagenavi .btn-color {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		text-align: center;
		border: solid 1px;
		background: #f1f1f3;
		font-weight: 500;
		border-color:#CCCCCC;
		color: #000;
	}
	.btn-pagenavi a:hover .btn-color,
	.btn-pagenavi .btn-color a:hover {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 10px;
		border: solid 1px;
		color: #FFFFFF;
		font-weight: 500;
	}

	/*------ページnavi２つの場合　エントリ含む------*/
	.flex-cop-pagenavi2,.flex-entry-pagenavi2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 80%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}
	/*------ボタン2つ------*/
	.btn-pagenavi2 {
		width: 45%;
		text-align: center;
	}
	.btn-pagenavi2 a {
		text-decoration: none;
	}

	.btn-pagenavi2 a .btn-color,
	.btn-pagenavi2 .btn-color{
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		text-align: center;
		border: solid 1px #CCCCCC;
		background: #F1F1F3;
		font-weight: 500;
	}
	.btn-pagenavi2 a:hover .btn-color,
	.btn-pagenavi2 .btn-color a:hover {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 10px;
		border: solid 1px;
		color: #FFFFFF;
		font-weight: 500;
	}

	/*------ページnavi1つの場合　エントリ含む------*/
	.flex-cop-pagenavi1,.flex-entry-pagenavi1{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 30%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}
	/*------ボタン1つ------*/
	.btn-pagenavi1 {
		width: 100%;
		text-align: center;
	}
	.btn-pagenavi1 a {
		text-decoration: none;
	}

	.btn-pagenavi1 a .btn-color,
	.btn-pagenavi1 .btn-color {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		text-align: center;
		border: solid 1px;
		background: #FFFFFF;
		font-weight: 500;
	}
	.btn-pagenavi1 a:hover .btn-color,
	.btn-pagenavi1 .btn-color a:hover {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
			border: solid 1px;
		color: #FFFFFF;
			font-weight: 500;
	}
	/*---------------------エントリ---------------------*/
	.flex-entry{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: stretch;
		margin-top: 30px;
	}
	.flex-entry-container1 {
		width: 25%;
		color: #fff;
		padding: 20px;
		margin-bottom: 2px;
	}
	.flex-entry-container2{
		width:75%;
		padding: 20px;
		margin-bottom: 2px;
	}

	/*---------------------一覧ページ---------------------*/
	.section-list-header {
		background-color: #ffffff;
	}
	.flex-list a{
		display: block;
        width: 100%;
		text-decoration: none;
		color: #333333;
	}
	.flex-list-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
	}
	.flex-list-header .container1 {
		width: 50%;
	}
	.flex-list-header .container2 {
		width: 50%;
		text-align: right;
	}
	.flex-list-header .container2 img {
		vertical-align: middle;
		padding: 0 10px 0 20px;
	}

	#searched-cnt {
		display: block;
		font-size: 14px;
		margin-top: 1rem;
	}

	.flex-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.flex-list .flex-list-inner {
		display: flex;
		justify-content: space-between;
		align-items:center;
	}

	.flex-list-inner-left {
		width: 150px;
	}

	.flex-list-inner-right{
		width: calc(100% - 150px);
		margin-left: 10px;
	}

	.list-keyword {
		font-size: 12px;
		line-height: 14px;
	/*	padding-top: 30px;*/
	}
	.inner-image{
		max-width: 140px;
		width: 100%;
	}

	.inner-image img{
		width: 100%;
		height: 112px;
		object-fit: contain;
	}

	a:hover .inner-image img {
		opacity: 1;
	}

	.inner-logo h2 img {
		margin-top:-10px;
	}

	.inner-icon{
		width: 52px;
		margin-left: 6px;
		display: flex;
		align-items: center;
	}

	.inner-icon img{
		margin-left: 2px;
	}

	.flex-list-overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: white;
		transition:0.2s all;
		pointer-events: none;
	}
	.flex-list-inner:hover .flex-list-overlay{
		opacity: 0.3;
		transition:0.2s all;
	}

	/*------gotop------*/
	.gotop {
		height: 50px;
		width: 50px;
		position: fixed;
		right: 0px;
		bottom: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.gotop img {
		width: 100%;
	}

	a.anchor {
		display: block;
		padding-top: 0px;
		margin-top: 0px;
	}


	/*--サーチエリア--*/
	#company-search-box	div{
		line-height: 100%;
		font-size: 14px;
	}

	div .btn-kana,
	div .btn-rand {
		position: relative;
		display: inline-block;
		margin: 7px 0 0;
		text-align: center;
		padding: 8px 16px 8px 8px;
		border-radius: .2em;
		background-color: #fff;
		color: #000;
		box-sizing: border-box;
		text-decoration: none;
	}

	div .btn-kana::before,
	div .btn-rand::before {
		content: '';
		position: absolute;
		top: calc(50% - 3px);
		right: 8px;
		transform: translateY(-50%);
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 2px 4px 2px;
		border-color: transparent transparent #000 transparent;
	}

	div .btn-kana::after,
	div .btn-rand::after {
		content: '';
		position: absolute;
		top: calc(50% + 3px);
		right: 8px;
		transform: translateY(-50%);
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 4px 2px 0 2px;
		border-color: #000 transparent transparent transparent;
	}

	div .btn-kana:hover,
	div .btn-rand:hover {
		background-color: #ffdf50;
		color: #fff;
	}

	div .btn-kana:hover::before,
	div .btn-rand:hover::before {
		border-color: transparent transparent #fff transparent;
	}
	div .btn-kana:hover::after,
	div .btn-rand:hover::after {
		border-color: #fff transparent transparent transparent;
	}

	#company-search-box	input{
		width: auto;
	}

	#company-search-box	.csb-unit {
		margin-bottom: 0.5em;
	}

	#company-search-box	.csb-unit > header {
		background-color: #0075C2;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
		color: #fff;
		font-weight: normal;
		cursor: pointer;
		height: auto;
		font-size: 13px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
	}

	#company-search-box	.csb-unit > header #search-title {
		font-size: 1.2em;
		margin: 0 1em 0 0;
		width: 150px;
		font-weight:bold;
		color: #fff;
	}

	#company-search-box	.csb-unit > header .searching {
		font-size: 0.8em;
		flex-grow: 1;
		color: #fff;
	}

	#company-search-box	.csb-unit > header > .csb-toggle {
		font-size: 1em;
		display: flex;
		align-items: center;
		width: 80px;
		justify-content: flex-end;
		color: #fff;
	}

	#company-search-box	.csb-unit > header > .csb-toggle > span {
		font-size: 0.6em;
		display: block;
		margin-left: 0.5em;
	}

	#company-search-box	.csb-unit > ul {
		background-color: #fff;
		margin: 0;
		padding: 0 1.5em 0.5em;
	}

	#company-search-box	.csb-unit > ul.hol {
		display: flex;
		flex-wrap: wrap;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
	}

	#company-search-box	.csb-unit > ul.hol > li {
		list-style: none;
		margin-top: 0.5em;
	}

	#company-search-box	.csb-unit > ul.hol > li > label {
		margin: 0;
	}

	#company-search-box	.csb-unit > ul.hol > li > label input {
		margin-right: 0.2em;
	}

	#company-search-box	.csb-unit > ul.hol.hol-9 > li {
		width: calc(100% / 9);
	}

	#company-search-box	.csb-unit > ul.hol.hol-6 > li {
		width: calc(100% / 6);
	}

	#company-search-box	.csb-unit > ul.hol.hol-4 > li {
		width: calc(100% / 4);
	}

	#company-search-box	.csb-unit > ul.col > li {
		list-style: none;
	}


	.section-list .flex-list article {
		position: relative;
		margin:10px 0;
		padding: 15px 30px 15px 10px;
		box-sizing: border-box;
		border:1px solid #eee;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		cursor:pointer;
		display: flex;
		align-items: center;
		width: 49%;
		aspect-ratio: 5/2;
	}

	.section-list .flex-list article::after {
		content: '→';
		position: absolute;
		top: 50%;
		right: 6px;
		transform: translateY(-50%);
		font-weight: bold;
	}

	.section-list .flex-list article:hover {
		box-shadow: 0px 0px 15px 0px #00000029;
	}

	.section-list .flex-list article:hover h2 {
		color: #016DB5;
	}

	#company-search-box .csb-unit.selected > header {
		/* color: #333348;
		background-color: #c3c3c3; */
	}

	#company-search-box .csb-unit.selected > header .searching {
		font-weight:bold;
	}

	#company-search-box .csb-unit.selected > header > .csb-toggle {
		font-weight:bold;
	}

	.btn.resetSearch {
		border:1px solid #333348;
		color:#333348;
		font-weight: bold;
	}

	.btn.resetSearch:hover {
		background: #ffdf50;
		border-color:#ffdf50;
		color:#fff;
		font-weight: normal;
	}

	/** 企業詳細ページのサマリー */
	


	.btn-mail img,
	.btn-homepage img {
		width:4em;
	}


	#primary.site-single h2 {
		padding: 0.5em;/*文字周りの余白*/
		color: #494949;/*文字色*/
		border-left: solid 10px #ffdf50;/*左線（実線 太さ 色）*/
	}
	#primary.site-single h2:before {
		border:none;
		content: "";
		width: unset;
		margin-right: 0;
	}

	#primary.site-single #cop5-haizoku {
		background:#eeeeee;
		margin-top:0;
	}

	#primary.site-single #cop5-haizoku .cop5-haizoku-kakomi {
		padding:0;
	}



	

	#primary.site-single #cop5-haizoku h2 {
		border:none;
		text-align: center;
		display: block;
	}

	#primary.site-single #cop7-3point h2 {
		border:none;
		background: -webkit-linear-gradient(to right, #eef7fd, transparent);
		background: linear-gradient(to right, #eef7fd, transparent);
	}

	#primary.site-single #cop8-summary h2 {
		border:none;
	}
}

@media print{
	header,
	#spmenu,
	#mainnavi,
	footer,
	#copy,
	.gotop {
		display:none;
	}
}


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	body {
		line-height: 180%;
		font-size: 16px;
	}

	#cop1 {
		margin-top: 80px;
	}

	#cop7-3point {
		margin-top: 10px;
		padding: 25px 0px;
	}

	#cop6-syousai,
	#cop4,
	#cop8-summary {
		margin-top: 2em;
	}

	#cop6-syousai h3 {
		margin-top: 0px;
	}

	.r-pt1 {
		padding-top: 40px;
	}

	.r-ptb2 {
		padding: 10px 0px;
	}

	/*------グレーバック内------*/

	.br-blook-sp {
		display: block;
	}

	.pc-only {
		display: none;
	}

	/*---------------------共通部分---------------------*/
	/*------head------*/

	header {
		height: 61px;
		position: fixed;
		width: 100vw;
		z-index: 5;
		top: 0;
		left: 0;
		/*	border-bottom: 1px solid 1px;*/
	}

	.flex-head {}

	.head-l {
		position: fixed;
		margin-top: 10px;
		margin-bottom: 5px;
		width: 170px;
		left: 10px;
		height: 40px;
	}

	.head-l img {
		width: auto;
		max-height: 40px;
	}

	.head-c {
		display: none;
	}

	.head-r {
		display: none;
	}

	#spbtn {
		position: fixed;
		height: 40px;
		margin-top: 10px;
		right: 10px;
		width: 40px;
		display: block;
	}

	#spbtn img {
		float: right;
	}

	/*------spmenu------*/

	#spmenu {
		background-repeat: repeat;
		font-size: 1em;
		display: none;
		width: 100vw;
		line-height: 250%;
		top: 60px;
		position: fixed;
		left: 0;
		z-index: 9999;
		display: none;
		height: 100vh;
		overflow-y: scroll;
	}

	#spmenu a,
	#spmenu a:visited,
	#spmenu a:hover,
	#spmenu a:active {
		font-style: italic;
		color: #ffffff;
		text-decoration: none;
	}

	#spmenu .spmenu,
	#spmenu .spmenu2 {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ffffff;
	}

	/*-----　メインナビ------*/
	#mainnavi {
		display: none;
	}

	/*------baselayout------*/
	.wrap1000 {
		width: calc(100% - 40px);
		margin: 20px auto;
	}

	#entry2 .wrap1000{
		margin-bottom: 0;
	}

	/*------ボタン------*/
	.btn1 {
		width: 80%;
		font-size: 1.2em;
	}

	/*------footer------*/

	.flex-footer .container1 {
		width: 50px;
	}

	.flex-footer .container1 img {
		width: 100%;
	}

	.flex-footer .container2 {
		width: calc(calc(100% - 55px));
		font-size: 0.9em;
		padding-top: 15px;
	}

	.footernavi {
		font-size: 12px;
	}

	.footernavi .line-btn a {
		color: #fff;
	}

	.footernavi .line-btn .link-jsme {
		display: none;
	}

	#copy {
		padding: 10px;
	}

	/*------h1------*/
	.section-list-header h1 {
		font-size: 1.3em;
	}

	#entry1 h1 {
		font-size: 1.3em;
	}

	#entry2 h2 {
		font-size: 1.5em;
	}

	#primary.site-single #cop7-3point h2 {
		border: none;
		background: -webkit-linear-gradient(to right, #eef7fd, transparent);
		background: linear-gradient(to right, #eef7fd, transparent);
	}

	#static-common h1 {
		font-size: 1.5em;
		padding-bottom: 30px;
	}

	#cop6-syousai h4 {
		border: 1px solid;
		padding: 2px 10px 5px 10px;
	}

	#primary.site-single #cop5-haizoku h2 {
		border: none;
		text-align: center;
		display: block;
	}

	#primary.site-single h2:before {
		border: none;
		content: "";
		width: unset;
		margin-right: 0;
	}


	/*---------------------トップページ---------------------*/
	#mainimg {
		background-color: #cccccc;
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 31vw;
	}

	.read {
		font-size: 1.2em;
	}
	
	.read h1 {
		line-height: 1.2;
		color: #016DB5;
	}

	.top-h2 {
		font-size: 18px;
		margin: 1rem auto;
	}

	#mainimg-section {
		margin-top: 60px;
	}

	.swiper-slide {
		display: flex;
		flex-wrap: wrap;
		background: #fff;
	}

	.mainimg-thumbnail {
		width: 25%;
		height: 16vw;
		border: none;
	}

	.mainimg-thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
		height: 16vw;
	}

	/*---------------------企業紹介---------------------*/
	/*------セクション1------*/

	.flex-cop1-r {
		width: 100%;
	}

	.spmainimg {
		width: 100%;
		margin-top: 0px;
	}

	.spmainimg img {
		width: 100%;
	}

	.flex-hyousyou {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}

	.flex-hyousyou.award>div {
		text-align: center;
		padding: 6px 1em 8px 1em;
		font-size: 11px;
		line-height: 100%;
		width: auto;
		margin: 2px 0px 0px 2px;
		background-color: #214da0;
		color: #FFFFFF;
	}

	/*010で使用*/
	.flex-none-hyousyou .hyousyou-010 {
		text-align: center;
		padding: 5px 0px 7px 0px;
		font-size: 11px;
		line-height: 120%;
		width: 100%;
		margin: 2px 0px 0px auto;
		color: #FFFFFF;
		background-color: #214da0
	}

	/*209で使用*/
	.flex-none-hyousyou .hyousyou-209 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 120%;
		width: 100%;
		margin: 2px 0px 0px 0px;
		color: #FFFFFF;
		background-color: #214da0
	}

	/*229で使用*/
	.flex-hyousyou .hyousyou-229 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 100%;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	.flex-hyousyou .hyousyou-229-2 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 100%;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*044で使用*/
	.flex-hyousyou .hyousyou-044 {
		text-align: left;
		padding: 6px 0px 8px 0px;
		font-size: 13px;
		line-height: 100%;
		width: 100%;
		margin-left: 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*097　211使用*/
	.flex-hyousyou .hyousyou-1,
	.flex-hyousyou .hyousyou-2 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 110px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
	}

	/*使用*/
	.flex-hyousyou .hyousyou-3 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 200px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
	}

	/*711で使用*/
	.flex-hyousyou .hyousyou-4 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 280px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
	}

	/*705で使用*/
	.flex-hyousyou .hyousyou-705 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 190px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*042で使用*/
	.flex-hyousyou .hyousyou-042 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 230px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*046で使用*/
	.flex-hyousyou .hyousyou-046 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 180px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*100で使用*/
	.flex-hyousyou .hyousyou-100 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 200px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*306で使用*/
	.flex-hyousyou .hyousyou-306 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 300px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*004で使用*/
	.flex-hyousyou .hyousyou-004 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 180px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*214で使用*/
	.flex-hyousyou .hyousyou-214 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 120px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}

	/*083で使用*/
	.flex-hyousyou .hyousyou-083 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 130px;
		margin: 2px 0px 0px 2px;
		color: #FFFFFF;
		background-color: #214da0;
	}



	/*flex解除*/
	.flex-none-hyousyou {
		width: 100%;
	}

	.flex-none-hyousyou .hyousyou-1 {
		text-align: center;
		padding: 6px 0px 8px 0px;
		font-size: 11px;
		line-height: 100%;
		width: 110px;
		margin: 0px 0px 0px 0px;
		color: #FFFFFF;
	}

	/*209　419で使用*/
	.flex-none-hyousyou .hyousyou-419 {
		text-align: left;
		padding: 5px 10px 7px 10px;
		font-size: 11px;
		line-height: 120%;
		width: 100%;
		margin: 2px 0px 0px 0px;
		color: #FFFFFF;
		background-color: #214da0
	}





	.cop-catch {
		font-size: 1.3em;
		line-height: 140%;
		margin-top: 0px;
	}

	.copname {
		margin-top: 0px;
	}

	.copname img {
		width: 100%;
	}

	.flex-sdgs {
		text-align: right;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		margin-top: 0px;
		justify-content: start;
	}

	.container-sdgs {
		width: 50px;
		margin: 0px 5px 0px 0px;
	}

	.container-sdgs img {
		width: 100%;
	}

	.flex-sdgs.sns .container-sdgs {
		width: 45px;
	}

	.flex-sdgs.sns {
		padding-top: 1em;
	}

	.flex-sdgs.sns a img {
		transition: .3s;
	}

	.flex-sdgs.sns a:hover img {
		transform: scale(1.2);
	}

	.flex-sdgs.sns .container-sdgs.twitter {
		padding: 0.5em;
	}

	.flex-sdgs.sns .container-sdgs.facebook {
		padding: 0.3em;
	}

	.flex-sdgs.sns .container-sdgs.youtube {
		padding: 0.3em;
	}


	/*------セクション2------*/

	.flex-cop2-container2 {
		width: 100%;
		padding: 5px 0px 0px 10px;
		line-height: 160%;
	}

	.flex-cop2-container2 img {
		vertical-align: middle;
		padding-right: 5px;
		width: 90px;
	}

	/*------セクション3 重要キーワード------*/

	.flex-cop3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: stretch;
	}

	.flex-cop3-container1 {
		width: 100%;
		color: #FFFFFF;
		text-align: left;
		padding: 5px 10px;
	}

	.flex-cop3-container2 {
		width: 100%;
		border: 1px solid;
		text-align: left;
		font-size: 20px;
		background-color: #FFFFFF;
		padding: 10px;
		margin-top: 5px
	}

	/*------セクション4------*/

	/*------セクション5 配属先------*/
	.haizokutyuui {
		font-size: 12px;
		padding-left: 20px;
		display: block;
	}

	.flex-haizoku {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		width: 100%;
		margin: 0px auto;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: top;
		margin-top: 0px;
	}

	.flex-haizoku-container {
		width: 100%;
	}

	.haizoku1 {
		text-align: center;
	}

	.haizoku-num {}

	.haizoku-num2 {}

	.flex-haizoku2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: baseline;
		border-bottom: 1px solid;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.flex-haizoku2.last {
		margin-bottom: 0px;
		border-bottom: none;
	}


	.flex-haizoku2-container1 {
		width: 60%;
		padding-left: 10px;
	}

	.flex-haizoku2-container2 {
		width: 40%;
		text-align: right;
		padding-right: 10px;
	}


	/*------セクション6 詳細------*/
	.cap {
		font-size: 0.9em;
		padding-top: 5px;
		line-height: 140%;
		padding-left: 1em;
		text-indent: -1em;
	}

	/*------1つめの画像------*/
	.img-80 img {
		width: 100%;
	}

	.img-80 {
		width: 100%;
		margin: 0px auto;
	}

	.img-70 img {
		width: 100%;
	}

	.img-70 {
		width: 100%;
		margin: 0px auto;
	}

	.img-60 img {
		width: 100%;
	}

	.img-60 {
		width: 100%;
		margin: 0px auto;
	}

	.img-50 img {
		width: 100%;
	}

	.img-50 {
		width: 100%;
		margin: 0px auto;
		max-width: 500px;
	}

	.img-50 img {
		width: 100%;
	}

	.img-45 {
		width: 100%;
		margin: 0px auto;
		max-width: 450px;
	}

	.img-45 img {
		width: 100%;
	}

	.img-40 {
		width: 100%;
		margin: 0px auto;
		max-width: 400px;
	}

	.img-40 img {
		width: 100%;
	}

	.img-35 {
		width: 100%;
		margin: 0px auto;
		max-width: 350px;
	}

	.img-35 img {
		width: 100%;
	}

	.img-30 {
		width: 100%;
		margin: 0px auto;
		max-width: 300px;
	}

	.img-30 img {
		width: 100%;
	}

	/*------2つめ以降の画像------*/
	.img-80-m img,
	.img-45-m img,
	.img-60-m img,
	.img-50-m img,
	.img-70-m img {
		width: 100%;
	}

	.img-80-m,
	.img-45-m,
	.img-60-m,
	.img-50-m,
	.img-70-m {
		width: 100%;
		margin: 10px auto 10px auto;
	}


	.img-40-m img {
		width: 100%;
	}

	.img-40-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 400px;
	}

	.img-30-m img {
		width: 100%;
	}

	.img-30-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 300px;
	}

	.img-35-m img {
		width: 100%;
	}

	.img-35-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 350px;
	}

	.img-25-m img {
		width: 100%;
	}

	.img-25-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 250px;
	}

	.img-20-m img {
		width: 100%;
	}

	.img-20-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 200px;
	}

	.img-10-m img {
		width: 100%;
	}

	.img-10-m {
		width: 100%;
		margin: 10px auto 10px auto;
		max-width: 100px;
	}


	/*------081で使用------*/
	.img-12-m-081 img {
		width: 100%;
	}

	.img-12-m-081 {
		width: 100%;
		margin: 10px 0px 10px 0px;
		max-width: 120px;
	}

	.img-10-m-081 img {
		width: 100%;
	}

	.img-10-m-081 {
		width: 100%;
		margin: 10px 0px 10px 0px;
		max-width: 100px;
	}

	.img-20-m-081 img {
		width: 100%;
	}

	.img-20-m-081 {
		width: 100%;
		margin: 10px 0px 10px 0px;
		max-width: 200px;
	}

	/*------回り込み------*/
	.img-l {
		float: none;
		padding: 10px 0px 10px 0px;
	}

	.img-r {
		float: none;
		padding: 10px 0px 10px 0px;
	}

	/*------回り込み 文章中------*/
	.img-l-m {
		float: none;
		padding: 10px 0px
	}

	.img-r-m {
		float: none;
		padding: 10px 0px
	}

	/*------514で使用------*/
	.thumb-img-l-300-l {
		float: none;
		padding: 10px 0px
	}

	.thumb-img-l-300-r {
		float: none;
		padding: 10px 0px
	}

	/*-----713で使用------*/
	.thumb-img-l-400-l {
		float: none;
		padding: 10px 0px
	}

	.thumb-img-l-400-r {
		float: none;
		padding: 10px 0px
	}

	/*-----002で使用------*/
	.flex-thumb-3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		width: 100%;

	}

	.flex-thumb-3-container {
		width: 100%;
		padding: 10px 0px 10px 0px
	}

	.flex-thumb-3-container img {
		width: 100%;
	}

	/*-----314で使用------*/
	.flex-thumb-2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		width: 100%;
	}

	.flex-thumb-2-container {
		width: 100%;
		padding: 10px 0px 10px 0px
	}

	.flex-thumb-2-container img {
		width: 100%;
	}


	.img-l img,
	.img-r img,
	.img-l-m img,
	.img-r-m img,
	.thumb-img-l-300-l img,
	.thumb-img-l-400-l img {
		width: 100%;
	}

	.img-size500,
	.img-size400 {
		width: 100%;
	}

	.img-size320 {
		width: 100%;
		margin: 0px auto;
		max-width: 320px;
	}

	.img-size300 {
		width: 100%;
		margin: 0px auto;
		max-width: 300px;
	}

	.img-size350 {
		width: 100%;
		margin: 0px auto;
		max-width: 350px;
	}

	.img-size200 {
		width: 100%;
		margin: 0px auto;
		max-width: 200px;
	}

	.img-size270 {
		width: 100%;
		margin: 0px auto;
		max-width: 270px;
	}

	.img-size250 {
		width: 100%;
		margin: 0px auto;
		max-width: 250px;
	}

	.img-size230 {
		width: 100%;
		margin: 0px auto;
		max-width: 230px;
	}

	.img-size220 {
		width: 100%;
		margin: 0px auto;
		max-width: 220px;
	}

	.img-size120 {
		width: 100%;
		margin: 0px auto;
		max-width: 120px;
	}

	.img-size100 {
		width: 100%;
		margin: 0px auto;
		max-width: 100px;
	}

	/*------画像横並び------*/
	.thumb-300-300 {
		float: none;
		width: 100%;
		margin: 0px 0px;
	}

	.thumb-300-300 img {
		width: 100%;
		max-width: 300px;
	}

	/*------画像横並び 054------*/
	.thumb-320-320 {
		float: none;
		width: 100%;
		margin: 0px 0px;
	}

	.thumb-320-320 img {
		width: 100%;
		max-width: 320px;
	}


	/*------画像横並び 017------*/
	.thumb-350-350 {
		float: none;
		width: 100%;
		margin: 0px 0px;
	}

	.thumb-350-350 img {
		width: 100%;
	}

	/*------画像横並びイレギュラー717------*/
	.thumb717-400-400-r {
		float: none;
		width: 100%;
		margin: 10px 0px;
	}

	.thumb717-400-400-l {
		float: none;
		width: 100%;
		margin: 10px 0px;
		text-align: center;
	}

	.thumb717-400-400-r img {
		width: 100%;
		max-width: 400px;
	}

	.thumb717-400-400-l img {
		width: 100%;
		max-width: 208px;
	}

	.thumb717-400-400-l p {
		text-align: center !important
	}


	/*------ページnavi３つの場合------*/
	.flex-cop-pagenavi,
	.flex-cop-pagenavi2,
	.flex-cop-pagenavi1 {
		display: block;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}

	/*------ボタン------*/
	.btn-pagenavi,
	.btn-pagenavi2,
	.btn-pagenavi1 {
		width: 100%;
		text-align: center;
		margin-top: 2px;
	}

	.btn-pagenavi a,
	.btn-pagenavi2 a,
	.btn-pagenavi1 a {
		text-decoration: none;
	}

	.btn-pagenavi a .btn-color,
	.btn-pagenavi .btn-color,
	.btn-pagenavi2 a .btn-color,
	.btn-pagenavi2 .btn-color,
	.btn-pagenavi1 a .btn-color,
	.btn-pagenavi1 .btn-color {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		text-align: center;
		font-weight: 500;
		border: solid 1px #CCCCCC;
		background: #F1F1F3;
	}

	.btn-pagenavi a:hover .btn-color,
	.btn-pagenavi .btn-color a:hover,
	.btn-pagenavi2 a:hover .btn-color,
	.btn-pagenavi2 .btn-color a:hover {
		padding-top: 7px;
		padding-bottom: 10px;
		border-radius: 0px;
		border: solid 1px;
		color: #FFFFFF;
		font-weight: 500;
	}

	/*---------------------エントリ---------------------*/
	.flex-entry {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block;
		width: 100%;
		margin: 0px auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: stretch;
		margin-top: 10px;
	}

	.flex-entry-container1 {
		width: 100%;
		color: #fff;
		padding: 10px;
		margin-bottom: 0px;
	}

	.flex-entry-container2 {
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
	}

	.btn-entry {
		width: 300px;
		margin: 0px auto 2px auto;
		text-align: center;
	}

	.btn-entry a {
		text-decoration: none;
	}

	/*---------------------一覧ページ---------------------*/
	.section-list-header {
		background-color: #ffffff;
	}

	.flex-list a {
		display: block;
        width: 100%;
		text-decoration: none;
		color: #333333;
	}

	.flex-list-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}

	.flex-list-header .container1 {
		width: 100%;
	}

	.flex-list-header .container2 {
		width: 100%;
		font-size: 13px;
		margin-top: 20px;
	}

	.flex-list-header .container2 img {
		vertical-align: middle;
		padding: 0;
		width: 20px;
		margin-right: 5px;
	}

	.flex-list-header .container2 span {
		margin-right: 5px;
	}

	#searched-cnt {
		font-size: 14px;
		padding-left: 20px;
	}

	#search {
		margin-top: 60px;
		padding-top: 20px;
	}

	#search img {
		width: 100%;
	}

	.flex-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}

	.flex-list .flex-list-inner {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.flex-list-inner-left {
		width: 40%;
		display: flex;
		align-items: center;
	}

	.flex-list-inner-right {
		width: calc(60% - 10px);
        margin-left: 10px;
	}

	.list-keyword {
		display: none;
	}

	.inner-image,
	.inner-image img {
		width: 100%;
		height: 100px;
        object-fit: contain;
	}

	.inner-logo {
		width: 80%;
	}

	.inner-logo img {
		width: 100%;
	}

	.inner-icon {
		width: calc(20% - 6px);
		margin-left: 6px;
		display: flex;
		align-items: center;
	}

	.inner-icon img {
		width: calc(50% - 2px);
		margin-left: 2px;
	}

	/*------gotop------*/
	.gotop {
		height: 40px;
		width: 40px;
		position: fixed;
		right: 0px;
		bottom: 62px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

	.gotop img {
		width: 100%;
	}

	a.anchor {
		display: block;
		padding-top: 0px;
		margin-top: 0px;
	}

	.section-list-header {
		margin-top: 20px;
	}

	.section-list {
		margin-top: 10px;
	}

	/*------サーチエリア------*/
	#company-search-box {
		padding-bottom: 10px;
	}

	#company-search-box div {
		line-height: 120%;
		font-size: 14px;
	}

	#company-search-box input {
		width: auto;
	}

	#company-search-box .csb-unit {
		margin-bottom: 0.5em;
	}

	#company-search-box .csb-unit>header {
		flex-wrap: wrap;
		background-color: #0075C2;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
		color: #fff;
		font-weight: normal;
		cursor: pointer;
		height: auto;
		font-size: 13px;
		position: inherit;
		width: auto;
		z-index: auto;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
	}

	#company-search-box .csb-unit>header #search-title {
		margin: 0;
		order: 1;
		width: 70%;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
	}

	#company-search-box .csb-unit>header .searching {
		width: 100%;
		order: 3;
		font-size: 0.8em;
		flex-grow: 1;
		margin-top: 5px;
		color: #fff;
	}

	#company-search-box .csb-unit>header>.csb-toggle {
		order: 2;
		width: 30%;
		justify-content: flex-end;
		font-size: 1em;
		display: flex;
		align-items: center;
		color: #fff;
	}

	#company-search-box .csb-unit>ul {
		background-color: #fff;
		margin: 0;
		padding: 0 0.5em 0.5em;
	}

	#company-search-box .csb-unit>ul.hol {
		display: flex;
		flex-wrap: wrap;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
	}

	#company-search-box .csb-unit>ul.hol>li {
		list-style: none;
		margin: 0.5em 0 0 0;
	}

	#company-search-box .csb-unit>ul.hol>li>label {
		margin: 0;
	}

	#company-search-box .csb-unit>ul.hol>li>label input {
		margin-right: 0.2em;
	}

	#company-search-box .csb-unit>ul.hol.hol-9>li {
		width: calc(100% / 3);
	}

	#company-search-box .csb-unit>ul.hol.hol-6>li {
		width: calc(100% / 2);
	}

	#company-search-box .csb-unit>ul.hol.hol-4>li {
		width: calc(100% / 2);
	}

	#company-search-box .csb-unit>ul.col>li {
		list-style: none;
	}

	.section-list .flex-list article {
		position: relative;
		width: 100%;
		margin: 10px 0;
		padding: 15px 30px 15px 10px;
		border: 1px solid #eee;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		cursor: pointer;
	}

	.section-list .flex-list article::after {
		content: '→';
		position: absolute;
		top: 50%;
		right: 6px;
		transform: translateY(-50%);
		font-weight: bold;
	}

	.section-list .flex-list article:hover {
		box-shadow: 0px 0px 15px 0px #00000029;
	}

	#company-search-box .csb-unit.selected>header {
		color: #333348;
		background-color: #c3c3c3;
	}

	#company-search-box .csb-unit.selected>header .searching {
		font-weight: bold;
	}

	#company-search-box .csb-unit.selected>header>.csb-toggle {
		font-weight: bold;
	}

	.btn.resetSearch {
		border: 1px solid #333348;
		color: #333348;
		font-weight: bold;
	}

	.btn.resetSearch:hover {
		background: #ffdf50;
		border-color: #ffdf50;
		color: #fff;
		font-weight: normal;
	}

	/** 企業詳細ページのサマリー */
	.summary-set-l span {
		text-align: justify;
		text-align-last: justify;
		text-justify: inter-ideograph;
		margin: 0 auto;
		display: inline-block;
		width: 4em;
	}

	.site-single .hyosyo .ribbon4 {
		display: inline-block;
		position: relative;
		height: 30px;
		/*高さ*/
		line-height: 30px;
		/*高さ*/
		text-align: center;
		padding: 0 40px 0 18px;
		/*文字の左右の余白*/
		font-size: 14px;
		/*文字サイズ*/
		background: #ffc668;
		/*背景色*/
		color: #4d4848;
		box-sizing: border-box;
	}

	.site-single .hyosyo .ribbon4:after {
		position: absolute;
		content: '';
		width: 0px;
		height: 0px;
		z-index: 1;
	}

	.site-single .hyosyo .ribbon4:after {
		top: 0;
		right: 0;
		border-width: 15px 7px 15px 0px;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
	}
}






/* 以下 2025追記 */

a{
	text-decoration: none;
}

a.btn-new-window[target="_blank"]::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/ic-new-window.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 6px;
}

a[target="_blank"].tab-w::after {
	background-image: url(../images/icon/ic-new-window-w.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.inner{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

header{
	height: 100px;
	padding: 20px 30px;
}

header .flex-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .flex-head .head-l{
	display: flex;
	align-items: center;
}

header .flex-head .head-l .logo{
	width: 228px;
	margin-right: 40px;
	padding-right: 40px;
	border-right: 1px solid #ffffff;
}

header .flex-head .head-l .copy p{
	font-size: 21px;
	color: #ffffff;
}

header .flex-head .head-r a{
	font-size: 14px;
	color: #1D1D1D;
}

#mainnavi{
	background-color: #0075C2;
	padding: 10px 0;
}

#mainnavi .inner {
	max-width: none;
	width: auto;
	margin: 0 8rem 0 0;
}

#mainnavi .inner .flex-mainnavi{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 1rem;
}

#mainnavi .inner .flex-mainnavi .line-btn a{
	font-size: 18px;
	color: #DB0635;
	font-weight: bold;
	background-color: #fff;
    border-radius: 1rem;
    padding: 0 1rem;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1.3;
	text-decoration: none;
}

#mainnavi .inner .flex-mainnavi .line-btn a:hover {
	color: #fff;
	background-color: #DB0635;
}

#cop1{
	margin: 80px 0 45px;
}

#cop1 .inner .flex-cop1{
	display: flex;
}

#cop1 .inner .flex-cop1 .flex-cop1-r{
	width: 50%;
}

#cop1 .inner .flex-cop1 .flex-cop1-l{
	width: 44%;
	margin-left: 6%;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .cop-catch{
	font-size: 18px;
	font-weight: bold;
	color: #016DB5;
	line-height: 1.6;
	margin-bottom: 13px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .copname{
	font-size: 40px;
	font-family: UD Shin Go;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 1.2;
}

#cop1.company-detail-yanmar-com .flex-cop1 .flex-cop1-r .copname{
	font-size: 38px;
}
#cop1.company-detail-foodtechno-eng-co-jp   .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-tn-japan-co-jp         .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-kurabo-co-jp           .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-sanwapump-co-jp        .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-jb-honshi-co-jp        .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-osakavacuum-co-jp      .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-nikkeipanel-co-jp      .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-toray-eng-co-jp        .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-takara-standard-co-jp  .flex-cop1 .flex-cop1-r .copname
{
	font-size: 35px;
}
#cop1.company-detail-joysonsafety-com   .flex-cop1 .flex-cop1-r .copname {
	font-size: 33px;
}

#cop1.company-detail-kyoceradocumentsolutions-co-jp     .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-thermos-jtekt-co-jp .flex-cop1     .flex-cop1-r .copname{
	font-size: 28px;
}
#cop1.company-detail-totec-co-jp .flex-cop1 .flex-cop1-r .copname {
	font-size: 29px;
}
#cop1.company-detail-kobelco-compressors-com .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-mhi-com-mhisoltech .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-carbonmagic-com .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-dry-fog-com .flex-cop1 .flex-cop1-r .copname,
#cop1.company-detail-gearbox-sumitomodrive-com .flex-cop1 .flex-cop1-r .copname
{
	font-size: 30px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .copname.h1-25 {
	font-size:35px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .copname.h1-28 {
	font-size:29px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .copname.h1-36 {
	font-size:22px;
}


#cop1 .inner .flex-cop1 .flex-cop1-r .flex-sns{
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .flex-sns a::after{
	display: none;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .flex-sns .container-sns{
	width: 20px;
	margin-right: 10px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .cop1-ttl{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding-left: 7px;
	border-left: 3px solid #016DB5;
	margin-bottom: 13px;
	line-height: 1;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .flex-sdgs{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .flex-sdgs .container-sdgs{
	width: 54px;
	margin: 0 2px 2px 0;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .hyosyo ul{
	margin: 0;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .hyosyo ul li{
	font-size: 16px;
	padding-left: 1em;
	position: relative;
	margin-left: 0;
}

#cop1 .inner .flex-cop1 .flex-cop1-r .hyosyo ul li::before{
	content: '・';
	display: inline-block;
	position: absolute;
	left: 0;
}

.footer-logo {
	max-width:500px;
	margin: 30px auto;
}

.line-btn a {
	color:#fff;
}

footer .line-btn a {
	text-decoration: underline;
}

.btn-summary .btn-color::after,
.btn-mail .btn-color::after,
.btn-new-window .btn-color::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/ic-new-window.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 6px;
}

.btn-mail .btn-color::after {
	background-image: url(../images/icon/ic-mail.svg);
}

.btn-summary .btn-color::after {
	background-image: url(../images/icon/ic-arrow-down.svg);
}

.btn-summary .btn-color span {
	font-size:medium;
	margin-left: 1em;
}

#cop2 .flex-cop2 {
	display: flex;
	width: 100%;
	margin: 0px auto;
	justify-content: space-between;
}

#cop2 .flex-cop2-container1,
#cop2 .flex-cop2-container2 {
	padding: 1em;
}

#cop2 .flex-cop2-container1{
	display: flex;
	align-items: center;
}

.flex-cop2-container1 p {
	color:#016DB5;
	font-weight:bold;
}
.internship .flex-cop2-container1 p {
	color:#E5001C;
}

.cop2-kakomi{
	border: 1px solid #cccccc;
}

.cop2-kakomi .btn-mail,
.cop2-kakomi .btn-homepage,
.cop2-kakomi .btn-arrow-down {
	background: #F1F1F3;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	border-radius: 20px;
	color:#000;
	font-size: medium;
}

.cop2-kakomi .btn-arrow-down span {
	font-size:small;
}

.cop2-kakomi .btn-mail::after,
.cop2-kakomi .btn-homepage::after,
.cop2-kakomi .btn-arrow-down::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/ic-mail.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 6px;
}

.cop2-kakomi .btn-homepage::after {
	background-image: url(../images/icon/ic-homepage.svg);
}

.cop2-kakomi .btn-arrow-down::after {
	background-image: url(../images/icon/ic-arrow-down.svg);
}


#cop2 {
	padding:50px 0;
}

#cop3 ul ul{
	margin: 0;
}

#cop3 ul li{
	font-size: 16px;
	padding-left: 1em;
	position: relative;
	margin-left: 0;
}
#cop3 ul li::before{
	content: '・';
	display: inline-block;
	position: absolute;
	left: 0;
	color:#016DB5;
}

#cop3.company-detail-miuraz-co-jp ul li{
	padding-left: 0;
}

#cop3.company-detail-miuraz-co-jp ul li::before{
	display: none;
}

.flex-cop3-container1{
	color: #fff;
}

.flex-cop3-container2{
	border: 1px solid #DB0635;
}

#cop5-haizoku .cop5-haizoku-kakomi h2 {
	display:block;
	text-align:center;
}

#cop5-haizoku h3 {
	text-align: center;
	font-size: 1em;
	border: 1px solid #0075C2;
	padding: 2px 0px 5px 0px;
	background: #0075C2;
	color: #fff;
}

.haizoku1 {
	text-align: center;
	border-left: 1px solid #0075C2;
	border-right: 1px solid #0075C2;
	border-bottom: 1px solid #0075C2;
	padding: 5px 0;
	background: #fff;
}

.haizoku2 {
	text-align: center;
	border-left: 1px solid #0075C2;
	border-right: 1px solid #0075C2;
	padding: 5px 0 0;
	background: #fff;
}

.flex-haizoku2{
	border-bottom: 1px solid #0075C2;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.haizoku-num,
.haizoku-num2 {
	color: #016DB5;
	font-size: 24px;
	font-weight: bold;
}

.company-detail-bandogrp-com .haizoku2 .flex-haizoku2:nth-child(3) .haizoku-num2 {
	font-size: 17px;
}

#cop4 h2,
#cop6-syousai h2 {
	font-size: 28px;
	font-weight: bold;
	padding: 0.5em;
	color: #000;
	background: #FFFCEF;
	border-left: solid 5px #016DB5;
}

#cop6-syousai h3 {
	color: #000;
	padding: 0.5em 0;
	border-top: solid 3px #016DB5;
	border-bottom: solid 3px #016DB5;
	font-size: 24px;
	margin: 30px auto;
}

#cop6-syousai h4 span {
	border: 1px solid;
	padding: 2px 20px 5px;
	display: inline-block;
}

.cop7-3point-kakomi {
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 40px;
	border: 1px solid #0075C2;
}

.cop7-3point-kakomi:last-child {
	margin-bottom: 40px;
}

#cop7-3point h2 {
	padding:1rem;
	color:#016DB5;
	font-size:28px;
	font-weight:bold;
}

#cop8-summary h2 {
	text-align: center;
	display: block;
	font-size: 30px;
	font-weight: bold;
}

#cop8-summary h2 span {
	font-size:18px;
	font-weight:normal;
	display: block;
}

.summary-set-l span {
	margin: 0 auto;
	width: 5em;
	display: block;
	color: #fff;
	font-weight: bold;
}

#cop-pagenavi2 .inner {
	border-bottom: 1px solid #CCCCCC;
	padding: 40px;
}

.to-company {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
}
.to-company .btn {
	padding-top: 7px;
	padding-bottom: 10px;
	border-radius: 0px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	border: solid 1px;
	background: #000;
	font-weight: 500;
	border-color: #000;
	color: #fff;
	width:300px;
	font-size:18px;
}

.to-company .btn::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/ic-arrow-left-w.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px;
}

.to-company .btn:hover{
	background: #ffdf50;
	border-color: #ffdf50;
	border-radius: 10px;
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	header {
		position: inherit;
		height: 60px;
		padding: 0;
		background-color: transparent;
	}

	header .flex-head {
		position: fixed;
        width: 100vw;
        z-index: 5;
        top: 0;
        left: 0;
		background-color: #DB0635;
		height: 60px;
	}

	header .flex-head .head-l {
		width: auto;
		margin: 0;
		top: 10px;
	}

	header .flex-head .head-l .logo {
		width: auto;
		margin-right: 10px;
		padding-right: 10px;
	}

	header .flex-head .head-l .logo img {
		width: 110px;
	}

	header .flex-head .head-l .copy p {
		font-size: 12px;
	}

	#spbtn {
		top: 0;
	}

	.inner {
		width: 90%;
	}

}

#cop4 ul ul,
section#cop6-syousai ul,
.cop7-3point-kakomi ul{
	margin: 0;
}

#cop4 ul li,
section#cop6-syousai ul li,
.cop7-3point-kakomi ul li{
/*	font-size: 16px;*/
	/*padding-left: 1em;*/
	position: relative;
	margin-left: 0;
}
/*#cop4 ul li::before,
section#cop6-syousai ul li::before,
.cop7-3point-kakomi ul li::before{
	content: '・';
	display: inline-block;
	position: absolute;
	left: 0;
	color:#016DB5;
}*/
section#cop6-syousai ul ul li::before,
.cop7-3point-kakomi ul ul li::before{
	content: '-';
}


/* --- PC ---------- */
@media print,
screen and (min-width: 741px) {
	.flex-cop3:nth-child(n+2) .flex-cop3-container2 {
		border-top: none;
	}
	.flex-cop3:nth-child(n+2) .flex-cop3-container1 {
		border-top: 1px solid #FFFCEF;
	}

	.cop2-kakomi {
		border-top: none;
	}

	.cop2-kakomi:first-child {
		border-top: 1px solid #cccccc;
	}

	#cop2 .flex-cop2-container1 {
		border-right: 1px solid #cccccc;
	}
}

section#cop6-syousai ol,
section#cop7-3point ol {
	padding-left: 1em;
}
section#cop6-syousai ol li,
section#cop7-3point ol li {
	list-style-type: decimal;
}

#cop6-syousai {
	padding-bottom: 2em;
}

section#cop4 ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

.cop7-3point-kakomi.textarea p {
	padding-left: 1em;
}

.cop7-3point-kakomi.textarea .h2-after p {
	padding: 0;
}

section#cop7-3point .cop7-3point-kakomi.textarea .h2-after ol {
	padding: 0;
}

.img-list .thumb-350-350 {
	margin-top: 30px;
}


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	#cop1{
		margin: 20px 0;
	}

	#cop1 .inner .flex-cop1{
		display: block;
	}

	#cop1 .inner .flex-cop1 .flex-cop1-r,
	#cop1 .inner .flex-cop1 .flex-cop1-l {
		width: 100%;
	}

	#cop1 .inner .flex-cop1 .flex-cop1-l{
		margin: 10px 0 0;
	}

	#cop1 .inner .flex-cop1 .flex-cop1-r .cop-catch,
	#cop1 .inner .flex-cop1 .flex-cop1-r .cop1-ttl {
		font-size: 16px;
	}

	#cop1 .inner .flex-cop1 .flex-cop1-r .copname{
		font-size: 30px;
		font-family:"Century Gothic", sans-serif;
        font-weight: bold;
	}

	#cop2{
		padding: 10px 0;
	}

	.cop2-kakomi{
		margin-bottom: 10px;
	}

	#cop2 .flex-cop2{
		flex-wrap: nowrap;
		flex-direction: column;
		border: none;
	}

	.flex-cop2-container1{
		text-align: left;
	}

	.flex-cop2-container1,
	.flex-cop2-container2{
		width: 100%;
	}

	#cop2 .flex-cop2-container1 {
		border-bottom: 1px solid #cccccc;
	}

	#cop3 {
		padding: 30px 0 0;
	}

	.flex-cop3-container2{
		margin: 0;
	}

	#cop4 h2,
	#cop6-syousai h2 {
		font-size: 20px;
	}

	#cop6-syousai h3{
		font-size: 18px;
		margin: 15px auto;
	}

	#cop6-syousai h4{
		border: none;
	}


	#cop4 p,
	#cop4 h2,
	#cop5-haizoku h2,
	#cop4 ul,
	.h2-after,
	#cop6-syousai h4,
	#cop7-3point h3 {
		padding: 0.5em;
	}

	.cop7-3point-kakomi {
		padding: 10px;
		margin-bottom: 20px;
	}

	.cop7-3point-kakomi:last-child {
		margin-bottom: 0;
	}

	#cop7-3point h2,
	#cop8-summary h2 {
		font-size: 22px;
	}

	#cop7-3point h2{
		padding: 0.5em;
	}

	#cop8-summary h2 span {
		font-size: 16px;
	}

	.summary-set-l {
		width: 100%;
		padding: 0.5em;
	}

	.summary-set-r {
		width: 100%;
		padding: 0.5em;
		border-bottom: 1px solid #F9C270;
		border-left: 1px solid #F9C270;
		border-right: 1px solid #F9C270;
	}

	.summrylogo img {
		max-height:50px;
	}
	.summrylogo p {
		font-size: 30px;
		font-size: xx-large;
		font-weight: bold;
		line-height:1.4em;
		text-align: inherit;
	}
}

span.inline-block {
	display:inline-block;
}

.company-address .inline-block.url-block{
	display:block;
}



/* contact-form */

#entry1 h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 50px auto 20px;
}

#entry1 h1 span {
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 15px;
}

.check-agree {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0 15px;
}

.check-agree input {
	width: 13px;
	margin-right: 10px;
}

.btn-entry {
	max-width: 300px;
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}

.btn-entry a {
	text-decoration: none;
}

.btn-entry .btn-color {
	padding-top: 7px;
	padding-bottom: 10px;
	border-radius: 0px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	background: #F1F1F3;
	font-weight: 500;
	color: #000;
	border: solid 1px #CCCCCC;
	display: block;
	width: 100%;
}

.btn-entry .btn-color:hover {
	padding-top: 7px;
	padding-bottom: 10px;
	border-radius: 10px;
	border: solid 1px;
	color: #FFFFFF;
	font-weight: 500;
	background-color: #FFDF50;
}

.btn-entry .btn-color.disabled {
	color: #fff;
	border: none;
}

.btn-entry .btn-color.disabled:hover {
	background-color: #F1F1F3;
	border-radius: 0;
	border: none;
}

.btn-double{
	display: flex;
	max-width: 620px;
	width: 90%;
}

.btn-entry.btn-double .btn-color{
	width: 49%;
	margin-left: 2%;
}

.btn-entry.btn-double .btn-color.form-btn-back{
	margin-left: 0;
	background-color: #ccc;
	color: #fff;
}

#company-search-box	{
	padding: 15px;
	box-sizing: border-box;
}

div .btn-kana,
div .btn-rand {
	position: relative;
	display: inline-block;
	margin: 7px 0 0;
	text-align: center;
	padding: 8px 16px 8px 8px;
	border-radius: .2em;
	background-color: #fff;
	color: #000;
	box-sizing: border-box;
	text-decoration: none;
	border: 1px solid #000;
	line-height: 1.2;
	font-size: 14px;
}

div .btn-kana::before,
div .btn-rand::before {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	right: 8px;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 2px 4px 2px;
	border-color: transparent transparent #000 transparent;
}

div .btn-kana::after,
div .btn-rand::after {
	content: '';
	position: absolute;
	top: calc(50% + 3px);
	right: 8px;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 2px 0 2px;
	border-color: #000 transparent transparent transparent;
}

div .btn-kana:hover,
div .btn-rand:hover {
	background-color: #ffdf50;
	color: #fff;
	border-color: #fff;
}

div .btn-kana:hover::before,
div .btn-rand:hover::before {
	border-color: transparent transparent #fff transparent;
}
div .btn-kana:hover::after,
div .btn-rand:hover::after {
	border-color: #fff transparent transparent transparent;
}

.container1 h1 {
	max-width: 1000px;
    width: 90%;
    margin: 50px auto 0;
}

#static1 h1 {
	max-width: 1000px;
    width: 90%;
    margin: 50px auto 30px;
}

.container1 .footer.text-right {
	max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.btn-entry.btn-double .btn-color{
		width: 73%;
	}

	.btn-entry.btn-double .btn-color.form-btn-back{
		width: 25%;
	}

	#search {
		padding-bottom: 20px;
	}
}


/*  side bottom btn

バナー削除時はfooterのpaddingと
.gotopの位置も修正する

*/

/* --- PC ---------- */
@media print,
screen and (min-width: 741px) {
	.side-btn {
		height: 537px;
		width: 100px;
		position: fixed;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}

	.side-btn a {
		display: block;
	}

	.side-btn a img {
		width: 100%;
		vertical-align: bottom;
	}

	.bottom-btn {
		width: 296px;
		position: fixed;
        bottom: 60px;
        left: 6vw;
        z-index: 1;
	}
}

/* --- SP ---------- */
@media print,
screen and (max-width: 740px) {
	.fixed-btn {
		max-width: calc(100% - 40px);
        position: fixed;
        bottom: 0;
        left: 0;
        width: auto;
        z-index: 1;
		display: flex;
		justify-content: space-between;
	}

	.fixed-btn>div {
		width: 50%;
	}

	.bottom-btn a {
		display: block;
	}

	.bottom-btn a img {
		width: 100%;
		vertical-align: bottom;
	}
}

.section-list .wrap1000 {
	margin-top: 1.5rem;
	padding-top: 1rem;
	box-sizing: border-box;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
}

.company-detail-dmgmori-co-jp .add-txt {
	font-size:16px;
	display:block;
}