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

.p01 {
	margin:10px 10px;
	line-height:1.3em;
}
.btn_box {
	margin:40px 10px;
	text-align:center;
}
.btn_box p {
	font-size:90%;
	padding-bottom:5px;
}
.btn_box input[type="button"] {
	margin:0px auto;
	padding:10px 0px;
	width:70%;
}

.ul01 {
	display:block;
	padding:0;
	margin-left:20px;
}

.ul01 li {
	padding:10px 5px;
	margin:0;
}
.ul01 li a.btn {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-color:#78bab8;
	font-size:14px;
	line-height:1.2em;
	padding:6px 10px;
	
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

background-color:#4C9292;
background-image:none;
text-shadow: -0.3px -0.3px 0.6px #000;
}
.ul01 li a.btn:hover {
	background-color:#78bab8;
background-image:none;
text-shadow: -0.3px -0.3px 0.6px #000;
}


.video_area {
	width:100%;
	margin:20px auto;
}
.video_area iframe {
	max-width:100%;
}


.dl_question {
	margin-top:20px;
}
.dl_question dt {
	line-height:1.3em;
	padding:10px 10px 5px 10px;
	
}
.dl_question dd {
	padding:5px 10px 30px 10px;
	border-top:dotted 1px #CCCCCC;
	text-align:right;
	font-size:110%;
}

.dl_question dd .p_l {
	display:inline-block;
	padding-right:20px;
}
.dl_question dd .p_r {
	display:inline-block;
}

.loading_box {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.8);
	z-index:9;
}
.loading_box img {
	position:absolute;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);
}


.box01 {
	margin:30px 0px 0px 25px;
}

@media screen and (max-width: 500px){
	.video_area iframe {
		height:250px;
	}
	.ul01 {
		margin-left:5px;
	}
	.box01 {
		margin:20px 0px 0px 10px;
	}
}