@charset "utf-8";
.btn_menu span {
	border-color: #fff;
}
.btn_menu span::before,
.btn_menu span::after {
	background-color: #fff;
}
.btn_menu.is-changed span {
	border-color: #474747;
}
.btn_menu.is-changed span::before,
.btn_menu.is-changed span::after {
	background-color: #474747;
}
.btn_menu.is-changed.is-active span {
	border-color: transparent;
}
.btn_menu.is-changed.is-active span::before,
.btn_menu.is-changed.is-active span::after {
	background-color: #fff;
}
/* mv */
#mv {
	height: 100vh;
	position: relative;
}
#mv .mv_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
	z-index: 10;
}
#mv .swiper-container {
	width: 100%;
	height: 100%;
}
#mv .swiper-slide {
	background-position: center;
	background-size: cover;
}
@media only screen and (max-width: 768px) {
	.mv_txt {
		width: 45vw;
	}
	.mv_txt img {
		max-width: none;
		width: 100%;
	}
}
/* intro */
.intro .inner {
	padding: 0;
	position: relative;
}
.intro .sec_tit {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
}
.intro .caption {
	color: #a4a4a4;
}
@media only screen and (min-width: 769px) {
	.intro {
		margin-bottom: 8.438rem;
		padding-top: 7.688rem;
	}
	.intro .inner {
		max-width: 1046px;
	}
	.intro .sec_tit {
		margin-bottom: 9.375rem;
		font-size: 1.313rem;
		letter-spacing: 0.2em;
		line-height: 2.67;
	}
	.intro .caption {
		position: absolute;
		top: 14.375rem;
		left: 81%;
	}
}
@media only screen and (max-width: 768px) {
	.intro {
		margin-bottom: 2.901rem;
		padding-top: 3.767rem;
	}
	.intro .sec_tit {
		margin-bottom: 1.423rem;
		font-size: 1.133rem;
		letter-spacing: 0.1em;
		line-height: 2.76;
	}
	.intro .caption {
/*    margin-left: 16.293rem;*/
		margin-left: 65.17vw;
		margin-bottom: 2.096rem;
		font-size: 0.733rem;
		letter-spacing: 0.05em;
	}
}
/* Concept, Memo */
.concept .sec_tit,
.memo .sec_tit {
	letter-spacing: 0.12em;
	line-height: 1;
}
.btn_more {
	margin-left: auto;
	background-image: url("../img/arrow_r.svg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.btn_more a {
	display: block;
	letter-spacing: 0.3em;
	line-height: 1;
}
.btn_more {
	width: 8.25rem;
	background-size: auto 5px;
}
.btn_more a {
	padding: 0.313rem 0 0.933rem 2.497rem;
	font-size: 0.875rem;
}
@media only screen and (min-width: 769px) {
	.concept,
	.memo {
		padding: 0 20px;
	}
	.concept .inner,
	.memo .inner {
		max-width: 1046px;
		position: relative;
	}
	.concept .sec_tit,
	.memo .sec_tit {
		font-size: 1.063rem;
		position: absolute;
		top: 0;
		left: 5px;
	}
	.concept .txt_box,
	.memo .txt_box {
		margin-left: 12.063rem;
	}
	.btn_more:hover {
		opacity: 0.6;
	}
}
@media only screen and (max-width: 768px) {
	.concept .sec_tit,
	.memo .sec_tit {
		font-size: 1.133rem;
	}
}
/* Concept */
.concept .txt_box p:not(:last-child) {
	margin-bottom: 2em;
}
@media only screen and (min-width: 769px) {
	.concept {
		margin-bottom: 10.063rem;
	}
	.concept .sec_tit {
		top: 7px;
	}
	.concept .txt_box {
		max-width: 42.375rem;
		margin-bottom: 3.905rem;
	}
}
@media only screen and (max-width: 768px) {
	.concept {
		margin-bottom: 3.503rem;
	}
	.concept .sec_tit {
		margin-bottom: 1.018rem;
	}
	.concept .txt_box {
		margin-bottom: 1.573rem;
	}
}
.memo_list li {
	border-bottom: 1px solid #6f7579;
}
.memo_list li:first-child {
	padding-top: 0;
}
.memo_list a {
	display: -webkit-box;
	display: flex;
}
.memo_list .date {
	flex-shrink: 0;
	position: relative;
}
.memo_list .date::after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #6f7579;
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (min-width: 769px) {
	.memo {
		margin-bottom: 13.563rem;
	}
	.memo .txt_box {
		margin-bottom: 2.998rem;
	}
	.memo_list li {
		padding: 1.438rem 0 0.688rem;
		font-size: 0.813rem;
	}
	.memo_list li a:hover {
		opacity: 0.6;
	}
	.memo_list .date {
		width: 5.125rem;
		margin-right: 0.969rem;
	}
}
@media only screen and (max-width: 768px) {
	.memo {
		margin-bottom: 4.068rem;
	}
	.memo .sec_tit {
		margin-bottom: 0.866rem;
	}
	.memo .txt_box {
		margin-bottom: 1.139rem;
	}
	.memo_list li {
		padding: 1.2rem 0 0.733rem;
		font-size: 0.867rem;
	}
	.memo_list li a {
		-webkit-box-align: center;
						align-items: center;
	}
	.memo_list .date {
		width: 4.533rem;
		margin-right: 0.633rem;
		font-size: 0.733rem;
		line-height: 0.867rem;
	}
	.memo_list .date + p {
		overflow: hidden;
		white-space: nowrap;
	}
}
