@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.menuBox .naviLink02 li:nth-of-type(2) {
	opacity: 0.3;
}
#gFooter .list07 a {
	opacity: 0.3 !important;
}
#main .logoList {
	width: 87.1%;
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
}
#main .logoList li {
	width: 25%;
    height: 7.813vw;
	min-height: 84px;
}
#main .logoList li a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	box-sizing: border-box;
	position: relative;
}

#main .logoList li a img {
	width: auto !important;
    height: auto !important;
    max-width: 65%;
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#main .sec01 .comBox {
	display: flex;
	justify-content: space-between;
}
#main .sec01 .comBox .lBox {
	width: 417px;
	order: 1;
	display: flex;
	align-items: flex-start;
	transition-delay: .5s;
}
#main .sec01 .comBox .rBox {
	width: 54%;
	margin-top: -12px;
	font-weight: 400;
}
#main .sec01 .comBox .rBox .data {
	width: 23%;
	font-weight: 400;
}
#main .sec01 .comBox .rBox .inner {
	display: flex;
}
#main .sec01 .comBox .rBox .subRBox {
	margin-top: 6px;
	flex: 1;
	line-height: 2.32;
	letter-spacing: 0.04em;
}
#main .sec01 .comBox .rBox .inner:not(:last-child) {
	margin-bottom: 3.5vw;
}




/* 最新のsafari用 */
_::-webkit-full-page-media, _:future, :root .subRBox b {
	letter-spacing: -0.4px;
}
/* 古いsafari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .subRBox b {
	letter-spacing: 0.4px;
	}
}
/**/



@media all and (min-width: 768px) {
	.comTopLinkBox01 h2 {
		left: calc(((100% - 75px) * 0.072) + ((100% - 75px) * 0.856 * 0.54) + (((100% - 75px) * 0.856 * 0.46) - ((100% - 75px) * 0.856 * 0.44) * 0.87));
	}
	#main .sec01 .comBox .rBox .data {
        margin-top: 5px;
		font-size: 2.6rem;
	}
	#main .sec01 .comBox .lBox {
		flex: none;
		justify-content: flex-end;
		width: 44%;
		min-width: 385px;
	}
}
@media all and (min-width: 768px) and (max-width: 1000px) {
	.comTopLinkBox01 h2 {
		left: 52.3%;
	}
	#main .sec01 .comBox .lBox {
		justify-content: flex-end;
	}
}
@media all and (-ms-high-contrast:none){
	#main .sec01 .comBox .lBox {
		min-width: 550px;
	}
	#main .logoList li {
		min-height: 120px;
	}
}
@media all and (max-width: 767px) {
	.comTopLinkBox01 .spTxtList {
		opacity: 0;
	}
	#main {
		margin-top: 28px;
	}
	#main .sec01 .comBox {
		display: block;
	}
	#main .sec01 .comBox .lBox {
		width: auto;
		transition-delay: 0s;
	}
	#main .logoList {
		width: 100%;
	}
	#main .logoList li {
		width: calc(100% / 3);
		height: 25vw;
		min-height: inherit;
	}
	#main .sec01 .comBox .rBox .inner {
		display: block;
	}
	#main .sec01 .comBox .rBox {
		margin: 77px 0 0;
		width: auto;
	}
	#main .sec01 .comBox .rBox .data {
		margin-bottom: 13px;
		font-size: 2.2rem;
		letter-spacing: 0.04em;
	}
	#main .sec01 .comBox .rBox .subRBox {
		margin-right: -10px;
		line-height: 1.9;
	}
	#main .sec01 .comBox .rBox .inner:not(:last-child) {
		margin-bottom: 57px;
	}
}
@media all and (max-width: 374px) {
	#main .logoList li a {
		padding: 4px;
	}
}