@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap);
*,*::before,*::after{box-sizing:border-box}button,[type=button],[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:normal;text-align:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}.c-readcrumb{padding:0 20px;background:#f5f5f5;font-size:1.2rem}#kanji-quiz main{margin-top:clamp(60px,7.7vw,94px)}.kanji-quiz-mv{position:relative}.kanji-quiz-mv img{width:100%}.kanji-quiz-mv .c-icon-01{width:clamp(50px,6vw,80px)}.is-sp{display:block}.p-about{z-index:4;position:absolute;top:77%;left:50%;padding:0 20px;transform:translateX(-50%);font-weight:400}.p-about__text{margin:auto;font-size:18px;line-height:2.5}.p-read{display:flex;justify-content:center;margin:3.8em 0px 2.6em}.p-read__text{position:relative;margin:0 1em;border-top:2px solid #646e50;border-bottom:2px solid #646e50;color:#646e50;font-weight:700;font-size:clamp(22px,2.8vw,26px);line-height:200%}.p-read__text::after,.p-read__text::before{position:absolute;top:50%;width:30px;height:54px;transform:translateY(-50%);content:""}.p-read__text::before{right:-60px;background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/osaka-alacarte/kanji-quiz/decoration01.svg) no-repeat}.p-read__text::after{left:-60px;background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/osaka-alacarte/kanji-quiz/decoration02.svg) no-repeat}.p-kanji{position:relative;text-align:center}.p-kanji__bg{z-index:1;position:absolute;left:50%;width:100%;min-width:1920px;transform:translateX(-50%);content:""}.p-kanji__beginner .p-kanji__bg{top:3%}.p-kanji__intermediate .p-kanji__bg{top:2%}.p-kanji__advanced .p-kanji__bg{top:7%}.p-kanji__lastname .p-kanji__bg{top:4%}.p-kanji__bg img{width:100%}.p-kanji__inner{z-index:3;position:relative;margin:0 auto 3.5em;padding:0 20px}.p-kanji__beginner{margin-bottom:3.5em}.p-kanji__advanced,.p-kanji__intermediate,.p-kanji__lastname{margin-top:-2em}.p-kanji__beginner,.p-kanji__intermediate,.p-kanji__advanced,.p-kanji__lastname{position:relative}.c-quiz__box{display:flex}.c-quiz__box:first-of-type{margin-top:2em}.c-quiz__box:nth-of-type(n+2){margin:3.2em 0}.c-quiz__choose{width:100%}.c-quiz__choose ul:nth-of-type(n+2){padding-top:20px}.c-quiz__choose-button{display:flex;position:relative;align-items:stretch;width:100%;padding:0;border:none;background:none;cursor:pointer;transition:all .4s}.c-quiz__choose-button .choose-en,.c-quiz__choose-button .choose-ja{display:flex;align-items:center;line-height:1.7}.c-quiz__choose-button .choose-en{flex:0 0 60px;justify-content:center;background:#000;color:#fff;font-weight:600;font-size:clamp(24px,3.4vw,30px)}.c-quiz__choose-button .choose-ja{flex:1 1 auto;padding-left:.5em;background:#fff;font-weight:500;font-size:clamp(20px,2.2vw,26px);text-align:left}.p-kanji__beginner .c-quiz__choose-button .choose-ja{border-top:2px solid #a4bcb3;border-right:2px solid #a4bcb3;border-bottom:2px solid #a4bcb3}.p-kanji__intermediate .c-quiz__choose-button .choose-ja{border-top:2px solid #adb8cc;border-right:2px solid #adb8cc;border-bottom:2px solid #adb8cc}.p-kanji__advanced .c-quiz__choose-button .choose-ja{border-top:2px solid #cdafcd;border-right:2px solid #cdafcd;border-bottom:2px solid #cdafcd}.p-kanji__lastname .c-quiz__choose-button .choose-ja{border-top:2px solid #d7d2aa;border-right:2px solid #d7d2aa;border-bottom:2px solid #d7d2aa}.c-quiz__choose-button:hover:not(.correct):not(.incorrect){opacity:.6}.c-quiz__choose-button.correct::before{position:absolute;top:50%;right:4%;width:28px;height:28px;transform:translateY(-50%);border:3px solid #fff;border-radius:50%;content:""}.c-quiz__choose-button.correct .choose-ja{border-top:2px solid #d36767;border-right:2px solid #d36767;border-bottom:2px solid #d36767;background:#d36767;color:#fff}.c-quiz__choose-button.incorrect::before,.c-quiz__choose-button.incorrect::after{position:absolute;top:50%;right:4%;width:31px;height:0px;transform:translateY(-50%);content:""}.c-quiz__choose-button.incorrect::before{transform:rotate(45deg);border-top:3px solid #fff}.c-quiz__choose-button.incorrect::after{transform:rotate(-45deg);border-bottom:3px solid #fff}.c-quiz__choose-button.incorrect .choose-ja{border-top:2px solid #829ba5;border-right:2px solid #829ba5;border-bottom:2px solid #829ba5;background:#829ba5;color:#fff}.quiz-option-button.disabled{cursor:not-allowed;opacity:.7}.l-footer{z-index:2;margin-top:5.5em}@media screen and (min-width: 768px){.is-sp{display:none}.p-kanji__inner{width:100%;max-width:1140px;margin:0 auto}.c-quiz__question{width:50%;padding-right:3.2em}.c-quiz__choose{width:50%}.c-quiz__choose-button{min-height:60px}.c-quiz__choose-button .choose-ja{max-width:100%;line-height:2}}@media screen and (max-width: 767px){#kanji-quiz main{margin-top:clamp(60px,6.5vw,80px)}.kanji-quiz-mv .c-icon-01{width:clamp(50px,13.3vw,80px)}.c-list-icon img{max-width:80px}.is-pc{display:none}.p-about{display:block;top:85%;margin:0 auto 2.4em;padding:0 20px}.p-about__text{padding-bottom:4.7em;font-size:14px;line-height:2}.p-read{align-items:center;margin:2.6em 0px}.p-read__text{align-items:center;margin:0 .5em;padding:.5em 0;font-size:clamp(16px,3.1vw,22px);line-height:150%}.p-kanji__bg{top:0%;min-width:clamp(375px,102.9vw,750px)}.p-kanji__beginner .p-kanji__bg{top:clamp(1%,8vw,2%)}.p-kanji__intermediate .p-kanji__bg{top:1%}.p-kanji__advanced .p-kanji__bg{top:6%}.p-kanji__lastname .p-kanji__bg{top:3%}.p-kanji__advanced,.p-kanji__intermediate,.p-kanji__lastname{margin-top:-1.1em}.p-kanji__title--beginner,.p-kanji__title--intermediate,.p-kanji__title--advanced,.p-kanji__title--lastname{max-width:clamp(230px,61.3vw,350px);margin:0 auto}.c-quiz__box{flex-direction:column;align-items:center}.c-quiz__question{max-width:clamp(230px,61.3vw,350px);padding-bottom:1em}.c-quiz__choose{max-width:500px}.c-quiz__choose ul:nth-of-type(n+2){padding-top:15px}.c-quiz__choose-button .choose-en,.c-quiz__choose-button .choose-ja{font-size:18px}.c-quiz__choose-button .choose-en{flex:0 0 36px}.c-quiz__choose-button .choose-ja{height:36px}.c-quiz__choose-button.correct::before{width:17px;height:17px}.c-quiz__choose-button.incorrect::before,.c-quiz__choose-button.incorrect::after{top:45%;width:25px}.l-footer{margin-top:-0.2em}}