@charset "utf-8";
/* CSS Document */

/* SampleSite
-----------------------------------------------------*/
#main-visual {
    max-width: 1100px;
    margin: 0 auto;
    overflow: visible;
}
.bx-wrapper {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
}


.bx-viewport {
    overflow: visible !important;
    max-width: 100vw;
}
.bx-wrapper .bx-controls-direction a {
    transition: none;
}

@keyframes fadein {
	0% {}
	100% { opacity: 1; }
}


/*section {
	margin-bottom: 30px;
}
section.infoSection h2 {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	font-size: 1.500em;
}
section.infoSection .btn {
	text-align: right;
}

@media screen and (max-width: 700px) {
	#topmain {
		padding: 100px 0;
	}
}*/
.ttl-1 {
    font-size: 1.25em;
    font-weight: 700;
    color: var(--main-color);
    text-align: center;
}

.lineup_section {
    background: #fcfbf7 url("image/top_lineup_bg.png") no-repeat center center / contain;
    height: 360px;
    padding: 30px 0 0 0;
    margin: 50px 0 0;
}
.lineup_section a.detail {
    font-size: 1em;
    font-weight: 700;
    display: block;
    margin: 10px auto;
    width: 175px;
    line-height: 30px;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    border-radius: 15px;
}
.lineup_section a.detail:hover {
    text-decoration: none;
}

@media screen and (max-width: 700px) {
    .lineup_section {
        background-size: cover;
    }
}

.news_section {
    padding: 50px 0;
}
.news_section h2 {
    padding: 0 0 20px 0;
}
.news_section .more {
    font-size: 0.875em;
    text-align: right;
    margin: 20px 0 0 0;
}


.company_section {
    background: #fcfbf7;
    padding: 30px 0;
}
.company_section h2 {
    padding: 0 0 20px 0;
}