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

/* （下層ページ共通）メイン画像 */
.under #mv {
	background-image: url("../images/mv-works.jpg");
}


/* 実績リスト */
#detail {
	margin-bottom: 64px;
}
#detail .flex {
	width: 93%;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
	flex-wrap: wrap;
}
#detail h2 {
	width: 100%;
	margin-bottom: 16px;
}
#detail .flex-item01 {
	width: 57%;
	height: calc(95vh - 65px);
	min-height: 450px;
	max-height: 700px;
	padding-right: 1%;
	overflow-y: scroll;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	background: #fff;
}

.tab {
	margin-bottom: 8px;
}
.tab .title {
	position: relative;
	cursor: pointer;
	background: #ffed00;
	font-size: 1.3em;
	padding: 16px 50px 16px 5%;
	transition: all .5s ease;
}
.title::before,
.title::after {
	position: absolute;
	content:'';
	width: 15px;
	height: 2px;
	background-color: #333;
}
.title::before {
	top:48%;
	right: 15px;
	transform: rotate(0deg);
}
.title::after {    
	top:48%;
	right: 15px;
	transform: rotate(90deg);
}
.title.close::before {
	transform: rotate(45deg);
}
.title.close::after {
	transform: rotate(-45deg);
}
.box {
	display: none;
	padding: 2em 3% 3em;
}
.box li {
	list-style: circle outside;
	margin-bottom: .75em;
	margin-left: 1.5em;
	line-height: 1.2;
}
.box h4 {
	margin: 40px 0 10px -.4em;
}




/* 写真スライド */
#detail .flex-item02,
#detail .flex-item03 {
	height: calc(95vh - 65px);
	min-height: 450px;
	max-height: 700px;
	overflow: hidden;
}
#detail .flex-item02 {
	width: 24%;
}
#detail .flex-item03 {
	width: 15%;
}