@charset "UTF-8";

/* INTERFACE */

br.pc{
	display:none;
}

body>footer{
	padding:15% 5%;
	text-align:center;
	background-color:#333;
}

body>footer img{
	width:300px;
}

body>footer p{
	margin:2em 0;
	font-size:12px;
}

body>footer small{
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#fff;
}

body>article{
	
}

body>article::before{
	content: "";
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-image: url("../img/bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:top center;
}

#home_key_area{
	margin:0 0 10%;
}

#home_key_area h1{
	margin:0 auto 4%;
	line-height:1;
}

#home_key_area img{
	width:100%;
}

#home_key_area a.btn_ticket{
	display:block;
	margin:0 5%;
	padding:1em 0 1.2em;
	text-align:center;
	font-size:5vw;
	font-weight:600;
	color:#80192f;
	background-color:#eeb125;
	border:4px solid #fdddaa;
}

#home_key_area a.btn_ticket:hover{
	text-decoration:none;
	opacity:0.9;
}

#home_lead_area{
	padding:10% 5% 30%;
	background-color:#186dbf;
	background-image: url("../img/welcome_illust.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom center;
}

#home_lead_area>div{
	max-width:1200px;
	margin:0 auto;
}

#home_lead_area p{
	margin:0;
	text-align:justify;
	font-size:3.7vw;
	font-weight:500;
	line-height:2em;
}

#home_program_area{
	padding:10% 3% 20%;
}

#home_program_area h2{
	margin:0 0 1em;
	text-align:center;
	font-size:8vw;
	font-weight:500;
	line-height:1.5;
	color:#1b2b79;
}

#home_program_area h2 span{
	display:block;
	font-family: "Arvo", sans-serif;
	font-size:13px;
}

#home_program_area>div{
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}

#home_program_area section{
	width:50%;
	padding:0 2% 4%;
	box-sizing:border-box;
}

#home_program_area section img{
	width:100%;
	border-radius:50%;
	border:6px solid #fff;
	box-sizing:border-box;
}

#home_program_area section h3{
	margin:0;
	text-align:center;
	font-size:3.5vw;
	line-height:1.3;
	color:#1a060a;
}

#home_program_area section h3 span{
	font-size:5vw;
}

#home_program_area section p{
	margin:0.2em 0 0;
	text-align:center;
	font-size:3.3vw;
	line-height:1.3;
	color:#1a060a;
}

#home_program_area>p{
	text-align:center;
	font-size:4vw;
	font-weight:500;
	line-height:1.8;
}

#home_program_area>div.two{
	margin:0 auto 10%;
	justify-content:center;
}

#home_program_area>div.two section{
	width:70%;
	margin:0 0 3%;
}

#home_program_area>div.two section img{
	border-radius:0;
}

#home_access_area{
	padding:10% 5% 10%;
	background-color:#186dbf;
}

#home_access_area h2{
	margin:0 0 1.5em;
	text-align:center;
	font-size:8vw;
	font-weight:500;
	line-height:1.5;
}

#home_access_area h2 span{
	display:block;
	font-family: "Arvo", sans-serif;
	font-size:13px;
}

#home_access_area p{
	margin:0 0 2em;
	text-align:center;
	font-size:4vw;
}

#home_access_area p span{
	display:block;
	margin:0.5em 0 0;
	font-size:3.5vw;
	color:#fdddaa;
}

#home_access_area>div>div{
	width:100%;
	height:0;
	padding:100% 0 0;
	position:relative;
}

#home_access_area iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#home_ticket_area{
	max-width:500px;
	margin:0 auto;
	padding:10% 5% 20%;
}

#home_ticket_area h2{
	margin:0 0 2em;
	text-align:center;
	font-size:8vw;
	font-weight:500;
	line-height:1.5;
	color:#1b2b79;
}

#home_ticket_area h2 span{
	display:block;
	font-family: "Arvo", sans-serif;
	font-size:13px;
}

#home_ticket_area ul{
	margin:0 0 3em;
	padding:0 0 0 1.5em;
	font-size:4vw;
}

#home_ticket_area a.btn_ticket{
	display:block;
	margin:0 auto;
	padding:1em 0 1.2em;
	text-align:center;
	font-size:5vw;
	font-weight:600;
	color:#f8b62d;
	background-color:#1b2b79;
	border-radius:5px;
}

#home_ticket_area a.btn_ticket:hover{
	text-decoration:none;
	opacity:0.9;
}