@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;
}


/*		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;}


.kv { position: relative; background: #010344;}
.kv .inner-kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}
.kv .icn-new { position: absolute; left: 42%; top: 160px; width: 10vw; max-width: 140px; height: 140px; z-index: 9;}
.kv .icn-new img { position: relative; width: 100%; transition: 0.4s linear 0.8s; opacity: 1;}

.kv .txt { position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
.kv .txt .inner { width: 98%; max-width: 1180px; margin: 0 auto; padding-top: 150px;}
.kv .txt h1 { padding-left: 45%; text-align: center;}
.kv .txt h1 img { width: 80%; max-width: 540px;}
.kv .txt h1 img.sp { display: none;}
.kv .date { display: none; width: 100%;}
.kv .date p { text-align: center;}
.kv .bg { position: relative; z-index: 1;}
.kv .bg img { width: 100%;}
.kv .bg img.sp { display: none;}
.kv .note { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;}
.kv .note div{ width: 98%; max-width: 1180px; margin: 0 auto; padding: 40px 20px;}
.kv .note ul { width: 100%; max-width: 460px; margin: 0 0 0 auto;}
.kv .note ul li { color: #c3c6d6; font-size: 10px;}
@media (max-width: 1281px) {
	.kv .icn-new { top: 9.5vw;}
	.kv .txt .inner { padding-top: 6.0vw;}
}
@media (max-width: 801px) {
	.kv .icn-new { left: auto; right: 5%; top: 60vw; width: 20vw;}
	.kv .icn-new img { position: relative; width: 100%; transition: 0.4s linear 0.8s; opacity: 1;}
	.kv .txt h1 { padding-left: 0%;}
	.kv .txt h1 img.pc { display: none;}
	.kv .txt h1 img.sp { display: block; width: 90%; max-width: 640px; margin: 0 auto;}
	.kv .date { display: block; position: absolute; left: 0; bottom: 28vw; z-index: 3;}
	.kv .date p img { width: 90%; max-width: 640px;}
	.kv .bg img.pc { display: none;}
	.kv .bg img.sp { display: block;}
	.kv .note div { padding: 0px 20px 60px;}
	.kv .note ul { margin: 0 auto;}
}
@media (max-width: 481px) {
	.kv .note div { padding: 0px 12px 16px;}
}


#ft { position: relative; z-index: 11; background: #fff;}
#ft .inner-ft { width: 92%; margin: 0 auto; padding: 50px 0 20px; background: #fff;}
#ft .ft-flex { display: block; width: 100%;}
#ft .ft-logo { width: 100%; margin: 0 auto;}
#ft .ft-logo h3 { text-align: center;}
#ft .ft-logo h3 a { display: block; width: 45%; max-width: 160px; margin: 0 auto;}
#ft .ft-logo h3 img { width: 100%;}
#ft .ft-nav { width: 100%;}
#ft .ft-nav ul li { padding: 0 20px;}
#ft .copyright { padding: 12px 0; background: #000;}
#ft .copyright p { color: #fff; font-size: 12px; text-align: center;}
@media (max-width: 641px) {
	#ft .inner-ft { padding: 20px 0;}
	#ft .ft-nav ul li { padding: 8px;}
}
@media (max-width: 481px) {
	#ft .copyright p { font-size: 10px;}
}