.quizStartPage-contents{width:100%;max-width:830px;margin:auto;padding-top:min( calc( 35 / var(--screen-width) * 100vw ), 100px );padding-bottom:min( calc( 60 / var(--screen-width) * 100vw ), 70px );position:relative}@media (min-width: 960px){.quizStartPage-contents{display:grid;grid-template-columns:min( calc( 380 / var(--screen-width) * 100vw ), 380px ) 1fr;grid-template-rows:auto 1fr;grid-template-areas:'left right1' 'left right2';align-items:flex-start;gap:0 min( calc( 50 / var(--screen-width) * 100vw ), 50px )}}.quizStartPage-contents:before,.quizStartPage-contents:after{content:'';display:block;width:100vw;height:min( calc( 390 / var(--screen-width) * 100vw ), 450px );background-color:#fbe2d2;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}@media (min-width: 960px){.quizStartPage-contents:before,.quizStartPage-contents:after{height:min( calc( 295 / var(--screen-width) * 100vw ), 295px )}}.quizStartPage-contents:after{background-color:#fad9c3;mask-image:var(--pattern-url);-webkit-mask-image:var(--pattern-url-01);mask-size:min( calc( 200 / var(--screen-width) * 100vw ), 400px );-webkit-mask-size:min( calc( 200 / var(--screen-width) * 100vw ), 400px );mask-position:center;-webkit-position:center}.quizStartPage-contents__header{background-color:var(--color__primary);padding:min( calc( 20 / var(--screen-width) * 100vw ), 20px );border-radius:min( calc( 5 / var(--screen-width) * 100vw ), 5px );margin-bottom:min( calc( 30 / var(--screen-width) * 100vw ), 100px );display:flex;align-items:center;justify-content:center}@media (min-width: 960px){.quizStartPage-contents__header{grid-area:right1;min-height:min( calc( 150 / var(--screen-width) * 100vw ), 150px )}}.quizStartPage-contents__header h1{font-size:min( calc( 23 / var(--screen-width) * 100vw ), 36px );text-align:center;line-height:1.5;font-weight:bold;color:#fff;word-break:keep-all;overflow-wrap:anywhere}.quizStartPage-contents__thumbnail{width:min( calc( 225 / var(--screen-width) * 100vw ), 380px );display:grid;gap:min( calc( 10 / var(--screen-width) * 100vw ), 10px );margin:auto;margin-bottom:min( calc( 40 / var(--screen-width) * 100vw ), 40px )}@media (min-width: 960px){.quizStartPage-contents__thumbnail{grid-area:left}}.quizStartPage-contents__thumbnail figcaption{display:grid;gap:min( calc( 5 / var(--screen-width) * 100vw ), 5px );font-size:min( calc( 13 / var(--screen-width) * 100vw ), 16px );line-height:1.6}.quizStartPage-contents__form{display:block}@media (min-width: 960px){.quizStartPage-contents__form{grid-area:right2}}.quizStartPage-contents__form .fields{display:grid;gap:min( calc( 20 / var(--screen-width) * 100vw ), 20px )}.quizStartPage-contents__form .fields input{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;height:auto}.quizStartPage-contents__form .fields dl{display:grid;gap:min( calc( 15 / var(--screen-width) * 100vw ), 15px )}.quizStartPage-contents__form .fields dl dt{font-size:min( calc( 15 / var(--screen-width) * 100vw ), 18px );line-height:1.4;font-weight:bold}.quizStartPage-contents__form .fields dl dd{display:grid;gap:min( calc( 10 / var(--screen-width) * 100vw ), 10px )}.quizStartPage-contents__form .fields dl dd input[type="text"]{font-size:16px;border-radius:min( calc( 5 / var(--screen-width) * 100vw ), 10px );width:100%;border:min( calc( 1 / var(--screen-width) * 100vw ), 2px ) solid #000;padding:0.6em 0.8em}.quizStartPage-contents__form .fields dl dd b{line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.quizStartPage-contents__form .fields dl dd ul{color:#555;font-size:min( calc( 11 / var(--screen-width) * 100vw ), 13px );line-height:1.5;display:grid;gap:0.3em}.quizStartPage-contents__form .fields dl dd ul li{position:relative;padding-left:1em}.quizStartPage-contents__form .fields dl dd ul li:before{content:'※';position:absolute;left:0}.quizStartPage-contents__form .fields dl dd.notice{color:red}.quizStartPage-contents__form .fields dl dd.notice ul{color:inherit}.quizStartPage-contents__form button[type="submit"]{margin:auto;margin-top:min( calc( 20 / var(--screen-width) * 100vw ), 30px )}@media (min-width: 960px){.quizStartPage-contents__form button[type="submit"]{max-width:300px}}