@charset "utf-8";


/*	mv
================================================== */
#mv {
	height: calc(100vh - 144px);
}

#mv .inner-content {
    max-width: 960px;
	position: absolute;
	right: 5%;
	bottom: 10%;
	margin-bottom: 0;
	width: auto;
	z-index: 3;
}


/*	news
================================================== */
#news {
	border-bottom: 1px solid #CBB1A6;
	padding: 12px 0;
}
#news dl{
	display: flex;
	max-width: 1180px;
	margin: 0 auto;
}
#news dl dt{
	/* width: 290px; */
	width: 120px;
}
#news dl dt ul{
	display: flex;
	width: 100%;
}
#news dl ul li.category{
	text-align: center;
	display: inline-block;
	padding: 0 12px;
	background: #CBB1A6;
}
#news dl ul li.date{
	box-sizing: border-box;
	padding-left: 45px;
}
#news dl dd a{
	display: inline-block;
	color: #CBB1A6;
	position: relative;
}
#news dl dd a:before{
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	background: #CBB1A6;
	position: absolute;
	left: 105%;
	top: 50%;
}
#news dl dd a:after{
	content: "";
	display: block;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border-right: 1px solid #CBB1A6;
	border-bottom: 1px solid #CBB1A6;
	position: absolute;
	left: calc(105% + 17px);
	top: 50%;
	margin-top: -3px;
	transform: rotate(-45deg);
	backface-visibility: visible;
}


/*	greeting
================================================== */
main .greeting{
	padding: 7% 0 0% 0;
}
main .greeting span.title{
	font-size: 20px;
}
main .greeting p{
	font-size: 16px;
}



/*	open
================================================== */
#open {
	text-align: center;
}
#open .imgBox {
	margin-top: 6rem;
}

/*	experience
================================================== */
#experience .inner-content {
	text-align: center;
}

#experience .ex-items .flexBox {
	width: 100vw;
	display: flex;
	align-items: center;
}
#experience .ex-items > section:nth-of-type(even) .flexBox {
	flex-direction: row-reverse;
}
#experience .ex-items .slideBox {
	width: 62.5vw;
	flex-shrink: 5;
}
#experience .ex-items .slider {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

#experience .ex-items .slider .slick-dots {
	width: 37.5vw;
	left: 62.5vw;
	bottom: 0rem;
	padding: 0 4rem;
	text-align: left;
}
#experience .ex-items > section:nth-of-type(even) .slider .slick-dots {
	left: auto;
	right: 62.5vw;
	text-align: right;
}
#experience .ex-items .slider .slick-dots li {
    margin: 0 5px 0 0;
}
#experience .ex-items > section:nth-of-type(even) .slider .slick-dots li {
    margin: 0 0 0 5px;
}

#experience .ex-items .txtBox {
	flex: 3 0 32rem;
	padding: 0 4rem;
	display: flex;
	align-items: center;
}
#experience .ex-items .txtBox .h3 {
	margin: 2rem 0 1rem;
}
#experience .ex-items .txtBox > div p {
	margin: 1rem 0 2rem;
	/* max-width: 24rem; */
}


/*	lounge
================================================== */
#lounge {
	height: 90vh;
	text-align: center;
}

/*	main-bottom
================================================== */
#main-bottom {
	height: 90vh;
}