@charset "UTF-8";


/* head */
.Head { position:fixed; bottom:0; left:0; z-index:201; width:100%; }
.HeadInner { width:100%; }
.Head .CV { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; }
.Head .CV a { display:block; width:50%; color:var(--color-white); line-height:60px; font-weight:bold; text-align:center; text-decoration:none; background:var(--color-primary); }
.Head .CV a:last-child { color:var(--color-white); background:var(--color-secondary); }
.Head .CV a svg { position:relative; top:0.2em; margin-right:4px; }

/* kv */
.KV { margin:0; padding:0; }
.KVInner { position:relative; }
.KVText { position:absolute; top:24px; left:50%; z-index:2; min-width:; width:90%; transform:translate(-50%,0); }
.KVTextInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; }
.KVTextInner h1 { width:100%; color:#fff; line-height:1.4; font-size:25px; }
.KVTextInner h1 mark { color:#FFFF6E; background:none; }
.KVTextInner h1 small { display:block; padding-bottom:16px; }
.KVTextInner h1 img { width:auto; height:24px; }
.KVTextInner p { width:100%; padding:16px 0 0; color:#fff; line-height:1.4; font-size:18px; font-weight:bold; }
.KVPoint { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:absolute; bottom:-80px; left:50%; z-index:2; max-width:960px; width:90%; padding:0; list-style:none;transform:translate(-50%,0); }
.KVPoint li { width:32%; font-size:0.8em; text-align:center; }
.KVPoint li figure { display:block; margin:0 0 8px; padding:24px; border-radius:16px; background:#fff; box-shadow:inset 0 2px 8px 0 rgba(0,0,0,0.1); }
.KVPoint li img { width:auto; height:12vw; object-fit:contain; }
.KVPhoto img { width:100vw; height:100vw; object-fit:cover; }


@media screen and (min-width:880px) {

/* head */
.Head { position:fixed; bottom:0; left:0; z-index:201; width:100%; padding:16px 0; background:rgb(28,36,110,0.15); }
.HeadInner { width:100%; max-width:1120px; margin:0 auto; }
.Head .CV { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; }
.Head .CV a { display:block; width:49%; color:var(--color-white); line-height:60px; font-weight:bold; text-align:center; text-decoration:none; background:var(--color-primary); }
.Head .CV a:last-child { color:var(--color-white); background:var(--color-secondary); }
.Head .CV a svg { position:relative; top:0.2em; margin-right:4px; }

/* kv */
.KV { margin:0; padding:0; }
.KVInner { position:relative; }
.KVText { position:absolute; top:50%; left:50%; z-index:2; width:90%; max-width:1120px; transform:translate(-50%,-50%); }
.KVTextInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; }
.KVTextInner h1 { width:100%; color:#fff; line-height:1.4; font-size:56px; }
.KVTextInner h1 mark { color:#FFFF6E; background:none; }
.KVTextInner h1 small { display:block; padding-bottom:16px; }
.KVTextInner h1 img { width:auto; height:48px; }
.KVTextInner p { width:100%; padding:24px 0 0; color:#fff; line-height:1.4; font-size:21px; font-weight:bold; }
.KVPoint { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:absolute; bottom:-100px; left:50%; z-index:2; max-width:960px; width:90%; padding:0; list-style:none;transform:translate(-50%,0); }
.KVPoint li { width:31%; font-size:1.0em; text-align:center; }
.KVPoint li figure { display:block; margin:0 0 12px; padding:24px; border-radius:8px; background:#fff; box-shadow:inset 0 2px 8px 0 rgba(0,0,0,0.1); }
.KVPoint li img { width:auto; height:80px; object-fit:contain; }
.KVPhoto img { width:100%; height:100%; min-height:640px; object-fit:cover; }

}