/*--INTRODUCE--*/
.introduce1{
	margin-left:18px;
	margin-right:18px;
	width:333px;
	padding:2px;
	border:1px solid #a64948;
	background-color:#ffffff;
}

.introduce2{
	width:500px;
	margin-top:10px;
	margin-bottom:30px;
	padding-left:20px;
}

.company_list{
	width: 100%;
	border: 1px solid #666666;
}

.company_list2{
    padding: 5px 10px;
    background-color: #666666;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #666666;
}

.industry_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding: 10px;
    gap: 10px;
}

.industry_list span {
    width: calc(25% - 8px);
    display: flex;  /* spanをflexコンテナにして高さの制御を改善 */
}

.industry_list span a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;  /* 上下のパディングを10pxから6pxに減らし、左右は10pxのまま */
    color: #666666;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    width: 100%;  /* aタグを親要素いっぱいに広げる */
    min-height: 100%;  /* 最小高さを親要素に合わせる */
    transition: all 0.3s ease;
    box-sizing: border-box;  /* パディングとボーダーを幅に含める */
}

/* メディカル・ヘルスケア・ライフサイエンス用の特別なスタイル */
.industry_list span a[href="#medical"] {
    font-size: 11px;
}

.industry_list span:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.industry_list span a:visited{
    color:#666666;
    text-decoration:none;
    background-color:#ffffff;
}

.industry_list span a:hover{
    color:#ffffff;
    text-decoration:none;
    background-color: rgba(65, 61, 128, 0.8); /* #413d80 を少し透過させて柔らかい印象に */
}

@media screen and (max-width: 767px) {
    .industry_list span {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 767px) {
    .contentsright {
        margin: auto;
    }
}

.company_list3{
	padding:5px;
}
.company_list4{
	padding:0;
	margin-top:30px;
	border:1px solid #666666;
	background-color:#ffffff;
}
@media screen and (min-width: 768px) {
	.company_index {
		padding: 12px 6px;
	}
}
.company_index{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:6px 0;
	padding: 12px 0;
}
.company_index-link{
	display:flex;
	align-items:center;
	justify-content:center;
	width:9%;
	min-width:40px;
	padding:6px 0;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#666666 !important; 
	text-decoration:none;
	border:1px solid #e0e0e0;
	border-radius:4px;
	transition:background-color .2s ease, color .2s ease;
}.company_index-link:hover,
.company_index-link:focus{
	color:#ffffff !important;
	background-color:#cccccc;
	border-color:#cccccc;
}
@media screen and (max-width: 767px) {
	.company_list4 {
		border:none;
	}
	.company_index{
		gap:8px 6px;
		padding: 10px 0;
	}
	.company_index-link{
		flex:1 0 calc(18% - 6px);
		max-width:calc(18% - 6px);
		width:auto;
		min-height:40px;
		padding:8px 0;
		font-size:14px;
	}
}
.company_list5{
	text-align: right;
	padding-right: 1%;
	white-space: nowrap;
}

.company_list6{
	padding-left:12px;
	font-size:12px;
	text-align:left;
	line-height: 28px;
}
@media screen and (max-width: 767px) {
	.company_list6 {
		padding-left:0;
	}
}
.comment_i{
	text-align:right;
	font-size: 12px;
}

.footer_navi_i{
	margin:10px 0px;
	width:750px;
}

.go_shamei{
	float:left;
	text-align:left;
	padding-left:20px;
}

.go_top_i{
	text-align:right;
	padding-right:20px;
}

.company_name{
	font-size:12px;
}

/*--ロゴ一覧NEW--*/

.main_introduce{
	width:100%;
	table-layout:fixed;
	padding-top:20px;
}

.logo_flm div{
	width:750px;
	margin-bottom:30px;
}

.logo_flm ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.logo_flm li{
		width:16%;
		text-align:center;
		margin:3px 0px 0px 3px;
		border:solid 1px #cccccc;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 3px;
		margin-right: 3px;
	display: flex;
	align-items: center; /* 縦方向の中央寄せ */
	justify-content: center; /* 横方向の中央寄せ */
}
.logo_flm li img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.logo_flm li{
		margin-right: 0
	}
}
@media screen and (min-width: 768px) {
	.logo_flm li:nth-child(6n){
		margin-right: 0
	}
}
@media screen and (max-width: 767px) {
.logo_flm li{
		width:24%;
	}
}
.companylist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.companylist-name {
	margin-right: auto;
}
.companylist-stock {
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.companylist {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}