@charset "utf-8";
/* CSS Document */
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, 
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;	padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;line-height:1.7;
}
th{font-style:normal;font-weight:normal;}
ul li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}

body {line-height:1;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
nav ul {list-style:none;}
table {	border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
img{vertical-align:bottom;width:100%;display: block;}
/*-----------------------------
 common
-------------------------------*/
.wrap{
max-width: 720px;
margin: 0 auto;
background:#fff;
}
.wrap a:link{
	color: #444444;
	text-decoration: none;
}
.wrap a:visited {
	color: #444444;
	text-decoration: none;
}
.wrap a:hover {
	color: #444444;
	text-decoration: none;
	opacity: .7;
}
.overlaid{
	position: relative;
	z-index: 1;
}
.abs{
	position: absolute;
}
.gif01{
	top: -7%;
	z-index: -1;
	width: 100%;
}
.gif02{
	top: 30%;
	z-index: -1;
	width: 93%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.btn01{
	top: 79.8%;
	width: 92.4%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.btn02{
	top: 82.3%;
	width: 92.4%;
	left: 1.2%;
	right: 0;
	margin: 0 auto;
}
.btn03{
	top: 0.8%;
	width: 92.4%;
	left: 1.6%;
	right: 0;
	margin: 0 auto;
}
.btn04{
	top: 48.5%;
	width: 92.4%;
	left: 1.6%;
	right: 0;
	margin: 0 auto;
}
.video{
	z-index: -1;
	top: 11%;
	width: 69%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.bg{
	background: url(../img/bg.jpg) repeat-y;
}
.acc_set{
	width: 90.4%;
	margin: 0 auto 4.4%;
}
.acc_q{
	position: relative;
	cursor: pointer;
}
.acc_a{
	display: none;
}
.icon{
	max-width: 35px;
	width: 4.861vw;
	max-height: 35px;
	height: 4.861vw;
	background: #004f8d;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5%;
	border-radius: 50%;
	margin: auto 0;
}
.icon::before{
	position: absolute;
	content: "";
	max-height: 2px;
	height: 0.278vw;
	width: 60%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	transform: rotate(180deg);
	transition: all .4s;
}
.icon::after{
	position: absolute;
	content: "";
	max-height: 2px;
	height: 0.278vw;
	width: 60%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	transform: rotate(270deg);
	transition: all .4s;
}
.active::before{
	transform: rotate(0deg);
}
.active::after{
	transform: rotate(0deg);
}
.link{
	top: 74.4%;
	width: 94%;
	display: flex;
	left: 0;
	right: 0;
	margin: 0 auto;
}