@charset "UTF-8";

.mv{
	height: 100vh;
}

.top h2{
	font-family: "A-OTF リュウミン Pr6N R-KL",a-otf-ryumin-pr6n,A-OTF-RyuminPr6N,Ryumin Regular KL, serif;
	font-size: 56px;
	position: relative;
	left:0;
	padding-left: 32px;
	padding-top: 286px;
	display: block;
	color: #BD393F;
	letter-spacing: 0.06em;
}

.top h2 span.letter1{
	letter-spacing: -0.1em;
}

.top h2 span.letter2{
	letter-spacing: -0.1em;
}

.top h2 small{
	display: block;
	font-size: 14px;
	margin-top: -42px;
}

.top h2 small{
	letter-spacing:0.04em;
}

.top h2:before{
	content: "";
	width: 2px;
	background: #BD393F;
	height: 79px;
	position: absolute;
	left:0;
	top:328px;;
}

.top h2:after{
	content: "";
	width: 1px;
	background: #BD393F;
	height: 79px;
	left: 8px;
	top:328px;;
	position: absolute;
}

section.top, section.content{
	width: 82vw;
	margin: 0 auto;
}

ul.tab{
	height: 64px;
	line-height: 64px;
	text-align: center;
	display:flex;
	font-size: 15px;
	margin-top: 68px;
}

ul.tab li{
	background: #EDF0F2;
	color: #98999A;
	width: 33vw;
	margin-right: 1.6vw;
}

ul.tab li a{
	color: #575758;
	text-decoration: none;
	display: block;
}

ul.tab li.active{
	background: #BD393F;
	color: #fff;
	width: 33vw;
	font-weight: 600;
}


.area1{
	display: flex;
	margin-top: 160px;
	margin-bottom: 148px;
}

.area1 .blockLeft{
	width: 30vw;
	margin-right: 4.5vw;
}

.area1 .blockLeft img{
	width: 100%;
}

.area1 .blockRight{
	width: 65.5vw;
}

.area1 .blockRight p{
	margin-bottom: 12px;
}

.area1 h3{
	font-family: "A-OTF リュウミン Pr6N R-KL",a-otf-ryumin-pr6n,A-OTF-RyuminPr6N,Ryumin Regular KL, serif;
	font-size: 40px;
	letter-spacing: 0.12em;
	margin-top: -34px;
}

.area1 .blockRight figure{
	width: 300px;
	float: right;
	margin-top: 16px;
}

.area1 .blockRight figure img{
	width: 100%;
}

.area2{
	display: flex;
	width: 69vw;
	margin: 0 auto;
}


.area2 strong{
	color: #BD393F;
	font-family: "A-OTF リュウミン Pr6N R-KL",a-otf-ryumin-pr6n,A-OTF-RyuminPr6N,Ryumin Regular KL, serif;
	font-size: 20px;
	padding-right: 0.5em;
	letter-spacing: 0.12em;
	position: relative;
	background: #FAFBFC;
}

.area2 span.line{
	position: relative;
}

.area2 span.line:after{
	content:"";
    width: 42vw;
    height: 1px;
    background: #BD393F;
    position: absolute;
    left: 0;
    top: 8px;
}

.area2 h3{
	margin-top: 20px;
	margin-bottom: 28px;
}

.area2 .blockLeft{
	width: 45vw;
}

.area2 .blockLeft p{
	margin-bottom: 20px;
}

.area2 .blockRight{
	width: 24vw;
	margin-top: 24px;
}

.area2 .blockRight img{
	width: 100%;
}

.area3 {
	background: #fff;
	display: flex;
	margin-top: 20px;
	padding: 56px 96px;
}
.area3 .blockLeft{
	width: 20vw;
	margin-right: 56px;
}
.area3 .blockLeft img{
	width: 100%;
}
.area3 .blockRight h4{
	margin-top: -20px;
	color: #E13541;
	font-size: 24px;
	font-family: "A-OTF リュウミン Pr6N R-KL",a-otf-ryumin-pr6n,A-OTF-RyuminPr6N,Ryumin Regular KL, serif;
}

.area3 .blockRight{
	width: 53vw;
	font-size: 16px;
}
.area3 ul li{
	display: inline-block;
	line-height: 2.0;
}

.area3 ul{
	margin-bottom: 20px;
}

.area3{
	margin-bottom: 160px;
}


/* 演出用 */

.area1,.area2,.area3,.area4,.area5,.area6,.area7{
	opacity:0;
	transform:scale(1.03);
}

.area1.on,.area2.on,.area3.on,.area4.on,.area5.on,.area6.on,.area7.on{
	opacity:1.0;
	transform: scale(1.0);
	transition: 0.6s;
}