@charset "UTF-8";

/* このファイルはSassの影響を受けません。 */

.top__news-article {
	-ms-overflow-style: none;
}

.top__news-text {
	margin: 16px 0 8px;
}

.top__news-article::-webkit-scrollbar {
	display: none;
}

.privLinkText a {
	text-decoration: underline;
}

.privLinkText a:hover {
	text-decoration: none;
}

.br-pc-none {
	display: none;
}

.cateList > li {
	width: auto;
}

.cateList > li > a {
	text-align: center;
}

.propDtl .pagelink li.listlink {
	margin: 0 auto;
}

.privTextBox ul {
	padding: 0 0 0 1em;
}

.privTextBox ol {
	padding: 0 0 0 1em;
}

.privTextBox li > a {
	color: #191919;
	text-decoration: underline;
}

.privTextBox li > a:hover {
	color: #191919;
	text-decoration: none;
}

/* 20240510@ローディング */

#loading {
    background: #fff;
}

/* 20240513@ローディング */

#loading .loading {
    max-width: 800px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.loadintTxtBox {
	width: 70%;
	margin: auto;
	font-size: 11px;
	font-family: "Asset", serif;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
}

.loadintTxtBox svg {
	overflow: visible;
}

.loadintTxtBox path {
	fill: none;
}

.loadintTxtBox text {
	fill: #000;
}

.loadingImg {
    width: 55%;
}

/*========= 1文字ずつ出現させるためのCSS ===============*/
.loadintTxtBox{
	opacity: 0;
}

.loadintTxtBox.appeartext{
	opacity:1;
}

.loadintTxtBox tspan{
	opacity: 0;
}

.loadintTxtBox.appeartext tspan{
	animation:text_anime_on 1s ease-out forwards;
}

@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.companyTh, .companyTd {
    font-family: inherit;
}

.top__bg, .midnight .top__bg, .night .top__bg {
    background-position-x: 40%;
}

.top__text-sitetitle {
    font-family: "Asset", serif;
	font-size: clamp(40px, 4.2vw, 70px);
	word-break: keep-all;
	white-space: nowrap;
}

.top__text-sitetitle .sitetitle01 {
	font-size: clamp(40px, 4.2vw, 70px);
}

.top__text-sitetitle .sitetitle02 {
    font-size: clamp(30px, 3.2vw, 50px);
}

@media screen and (max-width: 768px) {

	.top__text-sitetitle {
        width: 90%;
        font-size: 5.2vw;
    }

	.top__text-sitetitle .sitetitle01 {
        font-size: 5.6vw;
    }

	.top__text-sitetitle .sitetitle02 {
        font-size: 4.2vw;
    }

	.top__text {
	    top: 20vh;
	}

}


@media screen and (max-width: 576px) {

	.aboutItemBox .aboutSliderTit {
		font-size: 18px;
	}

	.top__news-article {
		max-height: 60px;
		height: auto;
	}

	.propDtl .btn {
		transition: unset;
	}

}

@media screen and (max-width: 414px) {

	.br-sp-block {
		display: block;
	}

}