@charset "UTF-8";
h2 span{
	writing-mode: vertical-rl;
	font-size: 2.5em;
	background: #5a318d;
	padding:0;
	color:#fff;
	line-height: 1.0em;
	display:block;
}

#mv{
	background: url("../img/message/bg.jpg") no-repeat;
	height: 30vh;
	padding-top: 16vh;
}

#mv h2{
	margin-left: 5vw;
	position: absolute;
	letter-spacing:0.72em;
}

#mv p{
	margin-left: 10vw;
	width: 90vw;
	height: 67vw;
	margin-top: 5vw;
}

#mv p img{
	width: 100%;
}
#lead,#profile{
	position: relative;
	width: 80vw;
	margin-left: 10vw;
	line-height:1.85;
}
#lead {
	margin-bottom: 28vw;
}
#lead h3{
	margin-top: 48vw;
	font-size: 2.0em;
	letter-spacing: 0.24em;
}

#lead h3 span{
	color: #5a318d;
}

#lead p{
	line-height: 1.85;
	margin-top: 16px;
}
#lead span img{
	margin-top: 8vw;
	width: 50vw;
}

#profile .left img{
	width: 80vw;
}

#profile .right{
	width:80vw;
	margin-top: 8vw;
}

#profile .right img{
	width: 100%;
}

#profile .right h3{
	font-size: 1.25em;
	position: relative;
	letter-spacing: 0.24em;
	margin-bottom: 4vw;
}
#profile .right h3 span{
	color: #5a318d;
}

#profile .right h3:after{
	position: absolute;
	content: "";
	right:0;
	top: 14px;
	width: 34vw;
	height: 1px;
	background: #000;
}

#profile .right h4 img{
	width: 60vw;
}

#profile .right p{
	margin-top: 32px;
	margin-bottom: 96px;
}



#modal{
	position: fixed;
	opacity:0;
	pointer-events: none;
	transition: 0.5s;
	z-index:1030;
}

#modal.on{
	opacity:1.0;
	pointer-events: auto;
	transition: 0.5s;

}

#modal #modalBg{
	position: fixed;
	background: #000;
	opacity:0.5;
	left:0;
	top:0;
	width: 100vw;
	height: 100vh;
}

#modal #modalInner{
	position: fixed;
	background: #fff;
	width: 80vw;
	top:10vh;
	height: 80vh;
	overflow: scroll;
	margin-left: 10vw;
	transform: scale(0.95);
	transition: 0.5s;
	padding: 8vw;
	text-align: center;
	border-bottom: 9vw solid #fff;
}

#modal #modalInner .left img{
	text-align: center;
	width: 40vw;
	margin-left: 12.5vw;
	margin-bottom: 5vw;
}

#modal #modalInner .right img{
	text-align: center;
}

#modal #modalInner .right p{
	text-align: left;
}

#modal.on #modalInner{
	transform: scale(1.0);
	transition: 0.5s;
}

#modal #modalInner > *{
	display: inline-block;
	vertical-align: top;
}


#modal #modalInner .right img{
	margin-bottom: 16px;
}

#modal #modalClose{
	position: fixed;
	right: 10vw;
    top: 15vh;
}