@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ul{ list-style: none;}
ul li{ list-style-type: none;}
figure { margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button,
input { line-height: normal;}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top;}
input[type="search"]:focus { outline: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {}
/*		font-style
-------------------------------------------------- */
body {
/*	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "游ゴシック","Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo",sans-serif;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.min { font-family: "游明朝", "Yu Mincho", "YuMincho", serif;}
.eng { font-family: Futura, "Trebuchet MS", Arial, sans-serif;}

::selection{ background: #feffaf; color: #000;}
::-moz-selection{ background: #feffaf; color: #000;}


a { color:#002159; text-decoration: underline;}
a:link   { color:#002159;}
a:visited{ color:#002159;}
a:hover  { color:#002159;}
a:active { color:#002159;}

em{ font-style: normal;}


/*		utility
-------------------------------------------------- */
.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}

@media (max-width: 641px) {
}


.kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; min-height: 800px; background: url('./img/kv.jpg') no-repeat 50% 50% / cover;}
.kv .inner-kv { position: relative; width: 100%; max-width: 1200px; height: 100%; margin: 0 auto;}
.kv .txt { width: 52%; max-width: 600px; margin: 0 0 0 auto; padding-top: 200px; text-align: center;}
.kv .txt .logo { width: 80%; max-width: 340px; margin: 0 auto 40px;}
.kv .txt .logo img { position: relative; width: 100%;}
.kv .txt h1 { margin-bottom: 12px; text-align: center;}
.kv .txt h1 img { position: relative; width: 92%; max-width: 460px; transition: 1.0s linear 0.5s; opacity: 0;}
.kv .txt .debut { position: relative; text-align: center; transition: .8s linear 1.4s; opacity: 0;}
.kv .txt .debut img { width: 92%; max-width: 460px;}
.kv .note { position: absolute; left: 0; bottom: 0px; width: 100%;}
.kv .note ul { width: 100%; max-width: 200px; margin: 0 0 0 auto; padding: 20px; font-size: 0;}
.kv .note ul li { color: #a57b3f; font-size: 10px;}
.kv img.bg { display: none;}
.kv .txt.fadeIn .badge img { opacity: 1; transform: translate(0,0);}
.kv .txt.fadeIn h1 img { opacity: 1; transform: translate(0,0);}
.kv .txt.fadeIn .debut { opacity: 1;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	.kv { min-height: auto; background: none;}
	.kv .txt { position: absolute; left: 0; top: 65%; width: 100%; max-width: 100%; margin: 0; padding: 0 15px;}
	.kv .txt .logo { display: none;}
	.kv .txt h1 { margin-bottom: 5vw;}
	.kv .txt h1 img { max-width: 600px;}
	.kv .txt .debut img { max-width: 600px;}
	.kv img.bg { display: block; width: 100%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.kv .txt { top: 64%;}
	.kv .txt h1 { margin-bottom: 2vw;}
	.kv .note ul { max-width: 180px; padding: 12px;}
}


#ft { position: relative;}
#ft .inner-ft { position: relative; width: 100%; margin: 0 auto; padding: 30px 0px;}
#ft h3 { margin-bottom: 30px; text-align: center;}
#ft h3 a { display: block; width: 45%; max-width: 160px; margin: 0 auto;}
#ft h3 a img { width: 100%;}
#ft ul { display: flex; width: 100%; max-width: 780px; margin: 0 auto; font-size: 0px; text-align: center;}
#ft ul li { width: 25%; padding: 0 10px; font-size: 12px; line-height: 1;}
#ft ul li:first-child{ border-left: none;}
#ft ul li a { color: #000; text-decoration: none;}
#ft .copyright { padding: 10px 0; background: #000;}
#ft .copyright p { color: #fff; font-size: 12px; text-align: center;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#ft ul { display: block;}
	#ft ul li { width: 100%; padding: 10px;}
}
@media (max-width: 481px) {
	#ft h3 { margin-bottom: 20px;}
}