@media (min-width:768px) and (min-height:900px){main.q-pt header{padding:20px 30px}}@media (min-width:768px){main.q-pt .tips{align-items:stretch;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px));flex-direction:row;justify-content:center;margin-top:-1px;padding:20px 10px 30px}main.q-pt .tips .tip{flex:0 0 calc(33.33333% - 20px);flex-direction:column;margin:10px 10px 0;max-width:unset;padding:25px 0;width:calc(33.33333% - 20px)}main.q-pt .tips .tip img{height:75px;margin-bottom:15px;width:75px}main.q-pt .tips .tip .text{padding:0 15px}main.q-pt .tips .tip .text .title{font-size:1em;margin-bottom:10px;text-align:center}main.q-pt .tips .tip .text .subtitle{font-size:.8em;line-height:1.7;text-align:center}main.q-pt .gender.sp-select .input__label{font-size:1.2em}main.q-pt .gender.sp-select .input__note{font-size:var(--font-p-md-size-bp-md);line-height:var(--font-p-md-line-height-bp-md)}}@media (min-width:850px){main.q-pt .tips .tip .text{padding:0 30px}}@media (min-width:992px){main.q-pt.accessible header{padding:50px 0 40px}main.q-pt.accessible header .note{font-size:1.1em}main.q-pt header{padding:25px 0}main.q-pt header .trademark{font-size:1em;font-size:1.1em}main.q-pt .tips{background-color:#fff;-webkit-clip-path:none;clip-path:none;overflow:unset;padding:0 0 30px}main.q-pt .tips .tip-highlight{display:block;top:10px;width:300px}main.q-pt .tips .tip{flex:0 0 300px;margin:10px 10px 0;padding:20px 0;width:300px}main.q-pt .tips .tip img{height:60px;margin-bottom:30px;width:60px}main.q-pt .tips .tip .text{padding:0 20px}main.q-pt .tips .shape{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,35% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,35% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px));display:block;height:110px}main.q-pt .tips .shadow{bottom:0;box-shadow:none;display:block}main.q-pt .progress-wrapper.initial{padding:15px 0}main.q-pt .progress-wrapper.initial .percentage,main.q-pt .progress-wrapper.initial .progress-bar{display:none}main.q-pt .progress-wrapper{background-color:#f9f9f9;margin-top:-30px;padding:25px 0;position:relative;z-index:4}main.q-pt .progress-wrapper .percentage{color:#9b9faa;flex:unset;font-size:1.2em;width:auto}main.q-pt .progress-wrapper .progress-bar{background-color:#ddd;flex:0 0 60%;height:5px}main.q-pt .gender.sp-select .input__label{font-size:1.3em}main.q-pt .gender.sp-select .group__options{width:400px}main.q-pt .action-row{max-width:870px;padding:15px 0 60px}main.q-pt .action-row .sp-button{min-width:350px}}@media (min-width:992px) and (min-height:900px){main.q-pt header{padding:45px 30px}main.q-pt header h1{font-size:2.5em}main.q-pt .tips{padding:20px 0 30px}main.q-pt .tips .tip-highlight{height:260px;top:30px}main.q-pt .tips .tip{padding:25px 0}main.q-pt .tips .tip img{height:75px;width:75px}main.q-pt .tips .tip .text{padding:0 30px}main.q-pt .tips .tip .text .title{font-size:1.1em;margin-bottom:10px}main.q-pt .tips .tip .text .subtitle{font-size:.9em}main.q-pt .tips .shape{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 320px) 100%,40% calc(100% - 40px),calc(50% - 310px) 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 320px) 100%,40% calc(100% - 40px),calc(50% - 310px) 100%,0 calc(100% - 30px));height:140px}main.q-pt .progress-wrapper.initial{padding:25px 0}main.q-pt .progress-wrapper{padding:40px 0}main.q-pt .gender.sp-select{margin-bottom:30px;margin-top:45px;max-width:900px;padding-left:0;padding-right:0}main.q-pt .gender.sp-select .input__label{font-size:1.4em}main.q-pt .action-row{padding-bottom:160px}}@media (min-width:1200px){main.q-pt.accessible header{padding:60px 0}main.q-pt.accessible header .note{font-size:1.5em}main.q-pt .tips .tip-highlight{width:350px}main.q-pt .tips .tip-highlight.first{left:calc(50% - 545px)}main.q-pt .tips .tip-highlight.second{left:calc(50% - 175px)}main.q-pt .tips .tip-highlight.third{left:calc(50% + 195px)}main.q-pt .tips .tip{flex:0 0 350px;width:350px}main.q-pt .tips .shape{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,47% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,47% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px))}main.q-pt .gender.sp-select .input__note{font-size:var(--font-p-md-size-bp-lg);line-height:var(--font-p-md-line-height-bp-lg)}}@media (min-width:1200px) and (min-height:900px){main.q-pt header{padding:60px 30px}main.q-pt header h1{font-size:3em}main.q-pt header .trademark{font-size:1.5em}main.q-pt .tips .tip img{height:90px;margin-bottom:35px;width:90px}main.q-pt .tips .tip .text .title{font-size:1.2em;margin-bottom:15px}main.q-pt .tips .shape{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 370px) 100%,47% calc(100% - 27px),calc(50% - 370px) 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 370px) 100%,47% calc(100% - 27px),calc(50% - 370px) 100%,0 calc(100% - 30px));height:155px}}@media (min-width:1400px) and (min-height:900px){main.q-pt header h1{font-size:3.5em}}@media (min-width:1400px){main.q-pt .tips .tip .text{padding:0 20px}main.q-pt .tips .tip .text .title{font-size:1.2em}main.q-pt .tips .tip .text .subtitle{font-size:.95em}}@media (min-width:1600px){main.q-pt header h1{font-size:4.1em}}