@charset "UTF-8";

/* --main-visual-- */
@media all {
	.main-visual {
		position: relative;
		width: 100%;
	}
	.main-visual-slider {
		width: 100%;
		aspect-ratio: 4 / 3;
	}
	.scrolldown::after {
		content: "";
		position: absolute;
		top: -3em;
		left: -1em;
		width: 1px;
		height: max(50px, 3.90625vw);
		background: #000;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity: 0;
	}

	@keyframes pathmove {
		0% {
			height: 0;
			top: -1em;
			opacity: 0;
		}

		30% {
			height: max(50px, 3.90625vw);
			opacity: 1;
		}

		100% {
			height: 0;
			top: max(70px, 5.46875vw);
			opacity: 0;
		}
	}
}

/* --main-visual-- sp */
@media only screen and (max-width: 767px) {
	.main-visual-text {
		margin-top: 9.375vw;
		margin-left: 24.0625vw;
		width: 69.6875vw;
	}
	.main-visual-ttl {
		font-size: var(--sp-vw-22px);
		line-height: 1.273;
	}
	.main-visual-copy {
		margin-top: 5.6vw;
		font-size: var(--sp-vw-14px);
		line-height: 1.714;
	}

	.scrolldown {
		position: absolute;
		left: 9.5%;
		top: 61%;
		height: 50px;
	}
	.scrolldown::after {
		width: var(--sp-vw-01px);
	}

	.scrolldown span {
		position: absolute;
		left: -15px;
		top: -15px;
		font-size: var(--sp-vw-12px);
		writing-mode: vertical-rl;
	}
}
/* --main-visual-- tab & pc */
@media print,
(min-width: 768px) {
	.main-visual {
		height: calc(100vh - 126px);
		min-height: 500px;
		min-height: max(500px, 45vw);
	}

	.main-visual-inner {
		width: 100%;
		height: 100%;
	}

	.main-visual-slider {
		top: 0;
		left: 15%;
		height: 100%;
		width: 85%;
		overflow: hidden;
	}

	.main-visual .slick-list,
	.main-visual .slick-track {
		height: 100%;
	}

	.main-visual .slick-slide img {
		margin: auto;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.main-visual .slick-dots {
		bottom: 3%;
		left: 2%;
		text-align: left;
	}

	.main-visual .slick-dots li,
	.main-visual .slick-dots li button {
		margin: 0;
		padding: 0;
		width: 5.46875vw;
		height: max(5px, .390625vw);
		background-color: #9da5c2;
		transition: background-color .3s;
	}

	.main-visual .slick-dots .slick-active,
	.main-visual .slick-dots .slick-active button {
		background-color: #fff;
	}

	.main-visual .slick-dots li button::before {
		content: none;
	}

	.main-visual .slick-dots li+li {
		margin-left: max(5px, .390625vw);
	}

	.main-visual-text {
		position: absolute;
		top: calc(50% - 8vw);
		left: 4.5%;
		color: #000;
	}

	.main-visual-ttl {
		font-size: 45px;
		font-size: max(45px, 3.2vw);
		line-height: 1.296;
	}

	.main-visual-copy {
		margin-top: 1em;
		width: 21em;
		font-size: max(16px, 1.25vw);
	}

	.scrolldown {
		position: absolute;
		left: 9.5%;
		bottom: 10px;
		/*全体の高さ*/
		height: 50px;
	}

	.scrolldown span {
		position: absolute;
		left: -15px;
		top: -15px;
		font-size: max(12px, .9375vw);
		writing-mode: vertical-rl;
	}

}

/* --main-visual-- tab */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.main-visual-text {
		top: calc(50% - 150px);
	}
}


/* --news-- */
@media all {
	.news-section {
		margin-top: var(--sp-vw-06px);
	}
}

/* --news-- sp */
@media only screen and (max-width: 767px) {
	.news-ttl {
		font-size: var(--sp-vw-25px);
	}
	.news-list {
		margin-top: var(--sp-vw-55px);
	}
}
/* --news-- tab & pc */
@media print,
(min-width: 768px) {
	.news-ttl {
		font-size: 34px;
	}
	.news-list {
		margin-top: 55px;
	}
}



/* --wecan-- */
@media all {
	.wecan-content {
		margin: 0 auto;
	}
	.wecan-lead {
		text-align: center;
		line-height: 2.4;
	}
	.wecan-lead span {
		display: inline-block;
	}
	.wecan-slider {
		margin: 0 auto;
		aspect-ratio: 16 / 9;
	}
	.wecan-section h3 {
		margin: 0 auto;
	}
	.wecan-content {
		position: relative;
	}
	.wecan-slider .slick-dots {
		text-align: left;
	}

	.wecan-slider .slick-dots li,
	.wecan-slider .slick-dots li button {
		margin: 0;
		padding: 0;
	}

	.wecan-slider .slick-dots li button {
		background-color: #fff;
		border-style: solid;
		border-color: #BFC0C0;
		border-radius: 50%;
		transition: background-color .3s;
	}

	.wecan-slider .slick-dots .slick-active button {
		background-color: #BFC0C0;
	}

	.wecan-slider .slick-dots li button::before {
		content: none;
	}
	.view_more {
		position: absolute;
		bottom: 0;
		right: 0;
		display: inline-block;
	}
	.view_more a {
		color: #000;
	}
	.wecan-slider img {
		width: 100%;
	}

}

/* --wecan-- sp */
@media only screen and (max-width: 767px) {
	.wecan-section {
		padding-left: var(--sp-vw-16px);
		padding-right: var(--sp-vw-16px);
	}
	.wecan-lead {
		margin-top: 4em;
		font-size: var(--sp-vw-16px);
	}
	.wecan-section h3 {
		margin-bottom: .5em;
		font-size: var(--sp-vw-18px);
	}
	h3.wecan-cg_vr {
		margin-top: 2em;
	}
	.wecan-slider .slick-dots {
		bottom: - var(--sp-vw-16px);
		left: var(--sp-vw-02px);
		text-align: left;
	}
	.wecan-slider .slick-dots li,
	.wecan-slider .slick-dots li button {
		width: var(--sp-vw-07px);
		height: var(--sp-vw-07px);
		border-width: var(--sp-vw-02px);
	}
	.wecan-slider .slick-dots li+li {
		margin-left: .5em;
	}
	.view_more {
		bottom: -2em;
		font-size: var(--sp-vw-10px);
	}
	.wecan-content + h3 {
		margin-top: 90px;
	}
}
/* --wecan-- tab & pc */
@media print,
(min-width: 768px) {
	.wecan-ttl {
		font-size: 34px;
	}
	.wecan-lead {
		margin: 65px auto 0;
		width: 605px;
		font-size: 16px;
	}
	.wecan-section h3,
	.wecan-content {
		padding: 0 20px;
		width: calc(100% - 40px);
		max-width: 1320px;
	}
	.wecan-section h3 {
		margin-bottom: 26px;
		font-size: 34px;
	}
	h3.wecan-cg_vr {
		margin-top: 130px;
	}
	.wecan-slider .slick-dots {
		bottom: -44px;
		left: 4px;
		text-align: left;
	}
	.wecan-slider .slick-dots li,
	.wecan-slider .slick-dots li button {
		width: 14px;
		height: 14px;
		border-width: 2px;
	}
	.wecan-slider .slick-dots li+li {
		margin-left: 20px;
	}
	.view_more {
		bottom: -48px;
		padding-right: 20px;
	}
	.wecan-content + h3 {
		margin-top: 130px;
	}
}