html {scroll-behavior: smooth;}
body {margin:0px;font-size:20px;line-height:1.5;font-feature-settings:"palt";font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, verdana, sans-serif;}
img{border:none;margin:0px;padding:0px;height:auto;display:block;width:100%;max-width:100%;}
a {text-decoration: none;color: black;}
li:hover{opacity:0.6;transition-duration:0.3s;transform:translate(2px, 2px);}
.pc{display:block;}
.sp{display:none;}
ul,ol{list-style-type:none;margin:0;padding:0;}
/* ヘッダー */

.home header{position:relative;width:37.5em;height:82.1em;margin:0 auto;}
.home header a{position:absolute;display:block;width:22.45em;left:50%;transform:translateX(-50%);bottom:8em;}

article{width:37.5em;margin:0 auto;background:url(img/bg.jpg) repeat-y;background-size:contain;padding-bottom:1em;}
.quiz header{padding:3.5em 0;}
.quiz section{background:white;width:32.8em;margin:0 auto 3.5em;border-radius:3em;padding:2em 0;}
.quiz section div{width:28.4em;margin:0 auto 8em;}
.quiz section ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:2em;width:24em;margin:3em auto;}

img.next_title{width:27em;margin:0 auto;}
#final-image{display:none;width:22.45em;margin:2em auto;}
#final-image-F{width:22.45em;margin:2em auto;}

.present header{width:37.5em;height:auto;margin:0 auto;}
@media all and (min-width: 0) and (max-width:999px) {
body {font-size:2.66vw;}
}