@charset "UTF-8"; :root { --page-diagnosis-width:1920px; } #page_diagnosis{position:relative;container-type:inline-size;container-name:page_diagnosis;font-family:"Pretendard",sans-serif;} #page_diagnosis *{box-sizing:border-box;font-family:inherit;} #page_diagnosis [data-diagnosis-animation]{opacity:0;} #page_diagnosis [data-diagnosis-animation][data-counter].animated{opacity:1;} #page_diagnosis .page_diagnosis_width{position:relative;width:100%;max-width:var(--page-diagnosis-width);margin:0 auto;padding:0 30px;} #page_diagnosis .page_diagnosis_group{position:relative;display:none;} #page_diagnosis .page_diagnosis_group.active{display:block;} #page_diagnosis .page_diagnosis_group .page_diagnosis_section{position:relative;padding:100px 0;min-height:1080px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;} #page_diagnosis .page_diagnosis_group.fullsize{height:100%;height:calc(var(--vh, 1vh) * 100);overflow:auto;} .page_content #page_diagnosis .page_diagnosis_group.fullsize{height:calc(var(--vh, 1vh) * 100 - 95px);} #page_diagnosis .page_diagnosis_group.fullsize .page_diagnosis_section{min-height:100%;} #page_diagnosis br.tablet{display:none;} #page_diagnosis br.mobile{display:none;} @container page_diagnosis (max-width:1920px){ #page_diagnosis .page_diagnosis_width{padding:0 15px;} #page_diagnosis .page_diagnosis_group .page_diagnosis_section{min-height:56.25cqw;/*padding:5.2cqw 0;*/} } @container page_diagnosis (max-width:1000px){ #page_diagnosis .page_diagnosis_group .page_diagnosis_section{padding:70px 0;min-height:0;} #page_diagnosis br.tablet{display:block;} #page_diagnosis br.tablet_hide{display:none;} } @container page_diagnosis (max-width:600px){ #page_diagnosis br.mobile{display:block;} #page_diagnosis br.mobile_hide{display:none;} } #page_diagnosis [page-diagnosis-section="budget"]{background-color:#ffffff;} #page_diagnosis [page-diagnosis-section="budget"] .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="budget"] .content{position:relative;z-index:1;width:100%;} #page_diagnosis [page-diagnosis-section="budget"] .content .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:800;color:#000000;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="budget"] .content .title *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="budget"] .content .title u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="budget"] .content .title u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.25em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="budget"] .content .title u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="budget"] .content .title b{color:#002ab4;} #page_diagnosis [page-diagnosis-section="budget"] .content .amount{position:relative;margin:0;padding:0;font-size:72px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:80px;} #page_diagnosis [page-diagnosis-section="budget"] .content .amount .number{/*font-size:85px;*/font-size:1.18em;font-weight:900;color:#304dbe;} #page_diagnosis [page-diagnosis-section="budget"] .content .description{position:relative;margin:0;padding:0;font-size:50px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:75px;} #page_diagnosis [page-diagnosis-section="budget"] .content .description *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="budget"] .content .description u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="budget"] .content .description u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.3em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="budget"] .content .description u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="budget"] .content .description b{color:#304dbe;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:155px;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} #page_diagnosis [page-diagnosis-section="budget"] .decorations{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;width:100%;height:100%;container-type:inline-size;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration{position:absolute;background-size:100%;background-repeat:no-repeat;background-position:center center;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration1{background-image:url("../img/budget_decoration1.png");width:484px;max-width:25.2cqw;aspect-ratio:484/518;left:3.85cqw;top:-3.85cqw;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration2{background-image:url("../img/budget_decoration2.png");width:577px;max-width:30.05cqw;aspect-ratio:577/432;left:1.35cqw;bottom:3.64cqw;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration3{background-image:url("../img/budget_decoration3.png");width:697px;max-width:36.3cqw;aspect-ratio:697/573;right:-4.68cqw;bottom:-1.14cqw;} #page_diagnosis [page-diagnosis-section="budget"] .content .title.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .content .amount.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .content .description.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons.animated{animation:fadeInUp ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration1.animated{animation:fadeInDown ease 700ms 300ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration2.animated{animation:fadeInUp ease 700ms 400ms forwards;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration3.animated{animation:fadeInUp ease 700ms 450ms forwards;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="budget"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="budget"] .content .title{font-size:3em;} #page_diagnosis [page-diagnosis-section="budget"] .content .amount{font-size:3.6em;margin-top:1.11em;} #page_diagnosis [page-diagnosis-section="budget"] .content .description{font-size:2.5em;margin-top:1.5em;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons{margin-top:7.75em;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="budget"]{font-size:13px;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="budget"]{font-size:11px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="budget"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons{margin-top:5em;} #page_diagnosis [page-diagnosis-section="budget"] .content .buttons{font-size:11px;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration1{max-width:35cqw;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration2{max-width:35cqw;} #page_diagnosis [page-diagnosis-section="budget"] .decorations .decoration.decoration3{max-width:45cqw;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="budget"]{font-size:8px;} } #page_diagnosis [page-diagnosis-section="estimated_funds"]{background-color:#e4eafe;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content{position:relative;z-index:1;width:100%;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:800;color:#002ab4;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.25em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title b{color:#002ab4;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount{position:relative;margin:0;padding:0;font-size:72px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:25px;white-space:nowrap;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount .number{/*font-size:130px;*/font-size:1.8em;font-weight:900;color:#003dff;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description{position:relative;margin:0;padding:0;font-size:50px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:85px;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.3em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description b{color:#003dff;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:100px;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;width:100%;height:100%;container-type:inline-size;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration{position:absolute;background-size:100%;background-repeat:no-repeat;background-position:center center;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration1{background-image:url("../img/estimated_funds_decoration1.png");width:433px;max-width:22.55cqw;aspect-ratio:433/562;left:2.65cqw;top:2.81cqw;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration2{background-image:url("../img/estimated_funds_decoration2.png");width:553px;max-width:28.80cqw;aspect-ratio:553/605;right:-0.625cqw;bottom:4.16cqw;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons.animated{animation:fadeInUp ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration1.animated{animation:fadeInDown ease 700ms 300ms forwards;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration2.animated{animation:fadeInRight ease 700ms 400ms forwards;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="estimated_funds"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .title{font-size:3em;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount{font-size:3.6em;margin-top:0.34em;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .description{font-size:2.5em;margin-top:1.7em;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons{margin-top:5em;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="estimated_funds"]{font-size:13px;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="estimated_funds"]{font-size:11px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="estimated_funds"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount{font-size:3em;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .buttons{font-size:11px;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration1{max-width:30cqw;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .decorations .decoration.decoration2{max-width:50cqw;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="estimated_funds"]{font-size:8px;} #page_diagnosis [page-diagnosis-section="estimated_funds"] .content .amount{font-size:2.8em;} } #page_diagnosis [page-diagnosis-section="diagnosis"]{background-color:#ffffff;} #page_diagnosis [page-diagnosis-section="diagnosis"] .inner{position:relative;height:100%;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:800;color:#002ab4;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.25em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title b{color:#002ab4;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form{position:relative;margin:0 auto;padding:70px;max-width:1530px;background-color:#ecf1ff;border-radius:50px;border:1px solid #bcccff;margin-top:30px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form fieldset{position:relative;margin:0 auto;padding:0;border:0;max-width:1170px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form legend{display:none;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{position:relative;display:flex;flex-direction:column;gap:40px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:40px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title{position:relative;display:block;margin:0;padding:0;font-size:32px;font-weight:500;color:#161616;line-height:0.9;width:7.5em;flex-shrink:0;margin-top:calc(53px/2 - 0.45em);} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title sub{position:relative;margin:0;padding:0;/*font-size:24px;*/font-size:0.75em;vertical-align:baseline;white-space:nowrap;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title.has_base{margin-top:calc(53px/2 - 0.9em);} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input{position:relative;flex-grow:1;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box{position:relative;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit{position:absolute;z-index:1;right:15px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#5878d3;line-height:1.2;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit + input:not([type="checkbox"],[type="radio"]){padding-right:60px;text-align:right;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .description{position:relative;margin:0;padding:0;font-size:22px;font-weight:400;color:#5878d3;line-height:1.2;margin-top:10px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs input:not([type="checkbox"],[type="radio"]), #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select{position:relative;margin:0;padding:0 15px;-webkit-appearance:none;border-radius:10px;width:100%;height:53px;background-color:#ffffff;border:1px solid #bcccff;font-size:26px;font-weight:400;line-height:1.2;color:#000000;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select{padding-right:45px;background-image:url("../img/diagnosis_form_select_arrow.png");background-size:21px;background-position:right 15px center;background-repeat:no-repeat;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs input:not([type="checkbox"],[type="radio"]):focus, #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select:focus{border-color:#5878d3;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{position:relative;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles .subtitle{position:relative;margin:0;padding:0;font-size:35px;font-weight:700;color:#002ab4;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles .subdescription{position:relative;margin:0;padding:0;font-size:22px;font-weight:400;color:#5878d3;line-height:1.2;text-align:center;margin-top:10px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form * + .subtitles{margin-top:70px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles + *{margin-top:50px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:70px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="diagnosis"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .title{font-size:3em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form{border-radius:2.5em;padding:3.5em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:20px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item{gap:2em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title{font-size:1.6em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit{font-size:1.3em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit + input:not([type="checkbox"],[type="radio"]){padding-right:2.5em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .description{font-size:1.1em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs input:not([type="checkbox"],[type="radio"]), #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select{font-size:1.3em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:20px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles .subtitle{font-size:1.75em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles .subdescription{font-size:1.1em;margin-top:0.45em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form * + .subtitles{margin-top:3.5em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles + *{margin-top:2.5em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .buttons{margin-top:3.5em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @container page_diagnosis (max-width:1400px){ #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:18px;gap:30px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:18px;} } @container page_diagnosis (max-width:1200px){ #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:16px;gap:20px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:16px;} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="diagnosis"]{font-size:13px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form{padding:3.5em 15px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:15px;gap:15px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item{gap:15px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title{font-size:1.4em;margin-top:calc(50px/2 - 0.45em);} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title sub{font-size:0.8em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_title.has_base{margin-top:calc(50px/2 - 0.9em);} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit{right:10px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs .item .input_box .unit + input:not([type="checkbox"],[type="radio"]){padding-right:2.35em;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs input:not([type="checkbox"],[type="radio"]), #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select{height:50px;padding:0 10px;border-radius:5px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs select{padding-right:30px;background-size:15px;background-position:right 10px center;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:15px;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="diagnosis"]{font-size:11px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:14px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:14px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="diagnosis"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:13px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:13px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .buttons{font-size:11px;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="diagnosis"]{font-size:8px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .inputs{font-size:12px;} #page_diagnosis [page-diagnosis-section="diagnosis"] .content .form .subtitles{font-size:12px;} } #page_diagnosis [page-diagnosis-section="diagnosis_result"]{position:relative;z-index:1;background-color:#e4eafe;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content{position:relative;z-index:1;width:100%;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:800;color:#002ab4;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount{position:relative;margin:0;padding:0;font-size:72px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:25px;white-space:nowrap;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount .number{/*font-size:130px;*/font-size:1.8em;font-weight:900;color:#003dff;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description{position:relative;margin:0;padding:0;font-size:35px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:30px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.42em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description b{color:#304dbe;/*font-size:46px;*/font-size:1.285em;font-weight:900;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .explain{position:relative;margin:0;padding:0;font-size:40px;font-weight:400;color:#000000;line-height:1.2;text-align:center;margin-top:55px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .explain *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .explain b{color:#003dff;font-weight:800;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail{position:relative;margin:0 auto;padding:30px;max-width:1170px;border-radius:20px;border:1px solid #003dff;background-color:#ffffff;margin-top:60px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list{position:relative;margin:0 auto;max-width:1025px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:30px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:#003dff;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl{position:relative;margin:0;padding:0;flex:1;max-width:425px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dt{position:relative;margin:0;padding:0;height:70px;border-radius:35px;font-size:33px;font-weight:700;color:#ffffff;line-height:1.2;background-color:#003dff;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dt .base{/*font-size:30px;*/font-size:0.789em;margin-left:0.2em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dd{position:relative;margin:0;padding:0;font-size:95px;font-weight:900;color:#003dff;line-height:1.2;text-align:center;margin-top:20px;white-space:nowrap;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dd .unit{/*font-size:50px;*/font-size:0.526em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:100px;opacity:0 !important;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;width:100%;height:100%;container-type:inline-size;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration{position:absolute;background-size:100%;background-repeat:no-repeat;background-position:center center;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration1{background-image:url("../img/diagnosis_result_decoration1.png");width:365px;max-width:19.01cqw;aspect-ratio:365/342;left:4.89cqw;top:5.78cqw;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration2{background-image:url("../img/diagnosis_result_decoration2.png");width:513px;max-width:26.71cqw;aspect-ratio:513/254;left:-2.23cqw;bottom:3.48cqw;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration3{background-image:url("../img/diagnosis_result_decoration3.png");width:402px;max-width:20.93cqw;aspect-ratio:402/414;right:1.875cqw;top:50%;transform:translateY(-50%);} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .title.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .explain.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail.animated{animation:fadeInUp ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons.animated{animation:fadeInUp ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration1.animated{animation:fadeInDown ease 700ms 300ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration2.animated{animation:fadeInLeft ease 700ms 400ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration3.animated{animation:fadeInUp ease 700ms 450ms forwards;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="diagnosis_result"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .title{font-size:3em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount{font-size:3.6em;margin-top:0.34em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description{font-size:1.75em;margin-top:0.85em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .explain{font-size:2em;margin-top:1.375em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail{padding:1.5em;border-radius:1em;margin-top:3em;max-width:58.5em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list{gap:1.5em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dt{font-size:1.65em;height:2.12em;border-radius:1.06em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl dd{font-size:4.75em;margin-top:0.21em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons{margin-top:5em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="diagnosis_result"]{font-size:13px;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="diagnosis_result"]{font-size:11px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="diagnosis_result"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount{font-size:3em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .description{font-size:2em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail{font-size:1.2em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list{flex-direction:column;row-gap:3em;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list:after{display:none;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl{max-width:100%;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .detail .list dl:nth-child(n+2):before{content:"";display:block;position:absolute;left:50%;top:-1.5em;transform:translate(-50%,-50%);width:100%;height:1px;background-color:#003dff;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .buttons{font-size:11px;display:none;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration1{max-width:25cqw;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration2{max-width:50cqw;bottom:10cqw;display:none;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .decorations .decoration.decoration3{max-width:30cqw;top:40%;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="diagnosis_result"]{font-size:8px;} #page_diagnosis [page-diagnosis-section="diagnosis_result"] .content .amount{font-size:2.8em;} } #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{position:relative;z-index:1;background-color:#ffffff;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content{position:relative;width:100%;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:800;color:#003dff;line-height:1.2;text-align:center;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title u{position:relative;text-decoration:none;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title u:after{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;/*height:15px;*/height:0.25em;transform:translateY(-10%);background-color:#90aaff;opacity:0.6;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title u > span{position:relative;z-index:1;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title b{color:#002ab4;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title strong{/*font-size:75px;*/font-size:1.25em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail{position:relative;padding:55px 0;margin-top:60px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100%;background-color:#e3e9fc;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list{position:relative;margin:0 auto;max-width:1755px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:45px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl{position:relative;margin:0;padding:40px;flex:1;border-radius:50px;background-color:#ffffff;display:flex;flex-wrap;nowrap;flex-direction:column;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dt{position:relative;margin:0;padding:0;border:1px solid #003dff;height:70px;border-radius:35px;font-size:33px;font-weight:800;color:#003dff;line-height:1.2;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dt .base{/*font-size:30px;*/font-size:0.9em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd{position:relative;margin:0;padding:0;margin-top:35px;display:flex;flex-wrap;nowrap;flex-direction:row;gap:40px;flex-grow:1;align-items:flex-start;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .icon{position:relative;background-size:100%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;width:137px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .text{position:relative;display:block;margin:0;padding:0;margin-top:15px;font-size:33px;font-weight:800;color:#000000;line-height:1.2;word-break:keep-all;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:10px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .text .values{position:relative;margin:0;padding:0;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .text .values .value{color:#003dff;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .text .values .value .number{/*font-size:60px;*/font-size:1.81em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .icon.icon1{aspect-ratio:137/163;background-image:url("../img/diagnosis_guide_detail_icon1.png");} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .icon.icon2{aspect-ratio:182/158;background-image:url("../img/diagnosis_guide_detail_icon2.png");} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .icon.icon3{aspect-ratio:175/183;background-image:url("../img/diagnosis_guide_detail_icon3.png");} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description{position:relative;margin:0;padding:0;font-size:35px;font-weight:800;color:#000000;line-height:1.2;text-align:center;margin-top:70px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description *{font-weight:inherit;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description b{color:#003dff;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:100px;opacity:0 !important;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description.animated{animation:fadeIn ease 700ms forwards;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons.animated{animation:fadeInUp ease 700ms forwards;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .title{font-size:3em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail{padding:2.75em 0;margin-top:3em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list{max-width:87.75em;gap:2.25em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl{padding:2em;border-radius:2.5em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dt{font-size:1.65em;height:2.12em;border-radius:1.06em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd{margin-top:1.75em;gap:2em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .icon{width:6.85em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list dl dd .text{font-size:1.65em;margin-top:0.45em;gap:0.3em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description{font-size:1.75em;margin-top:2em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons{margin-top:5em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{font-size:13px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail .list{flex-direction:column;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{font-size:11px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .detail{font-size:1.2em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .description{font-size:2em;} #page_diagnosis [page-diagnosis-section="diagnosis_guide"] .content .buttons{font-size:11px;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="diagnosis_guide"]{font-size:8px;} } #page_diagnosis [page-diagnosis-section="apply"]{background-color:#e4eafe;} #page_diagnosis [page-diagnosis-section="apply"] .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;} #page_diagnosis [page-diagnosis-section="apply"] .content{position:relative;width:100%;} #page_diagnosis [page-diagnosis-section="apply"] .content .form{position:relative;margin:0 auto;padding:70px 50px;border-radius:80px;max-width:800px;background-color:#ffffff;box-shadow:8px 8px 10px rgba(0,0,0,0.31);} #page_diagnosis [page-diagnosis-section="apply"] .content .form fieldset{position:relative;z-index:0;margin:0 auto;padding:0;border:0;} #page_diagnosis [page-diagnosis-section="apply"] .content .form legend{display:none;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{position:relative;display:flex;flex-direction:column;gap:50px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item .input_title{position:relative;display:block;margin:0;padding:0;font-size:32px;font-weight:700;color:#000000;line-height:1.2;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item .input{position:relative;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item .input_box{position:relative;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs input:not([type="checkbox"],[type="radio"]){position:relative;margin:0;padding:0 20px;-webkit-appearance:none;border-radius:36px;width:100%;height:72px;background-color:#ffffff;border:1px solid #bcccff;font-size:30px;font-weight:400;line-height:1.2;color:#000000;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs input:not([type="checkbox"],[type="radio"]):placeholder-shown{background-color:#efefef;border-color:#d2d2d2;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs input:not([type="checkbox"],[type="radio"]):focus{background-color:#ffffff;border-color:#bcccff;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:60px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"]{display:none;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label{position:relative;display:block;margin:0;padding:0;font-size:30px;font-weight:600;color:#000000;line-height:1.2;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:18px;cursor:pointer;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:before, #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:after{content:"";display:block;width:33px;aspect-ratio:1/1;border:1px solid #2a2a2a;border-radius:50%;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:before{z-index:0;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:after{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);border-color:#1432fe;opacity:0;background-image:url("../img/apply_agreement_checkbox_arrow.png");background-size:75%;background-repeat:no-repeat;background-position:center center;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"]:checked + label:after{opacity:1;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;cursor:pointer;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .buttons{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:60px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;padding:70px 50px;display:flex;flex-direction:column;background-color:#ffffff;border-radius:80px;display:none;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete:before{content:"";display:block;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background-color:#ffffff;border-radius:50%;width:215px;aspect-ratio:1/1;box-shadow:10px 10px 40px rgba(0,0,0,0.15);background-image:url("../img/apply_complete_icon.png");background-size:100%;background-repeat:no-repeat;background-position:center center;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete.active{display:flex;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete .message_text{position:relative;display:block;margin:0;padding:0;font-size:45px;font-weight:600;color:#000000;line-height:1.3;text-align:center;flex-grow:1;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;margin-top:60px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete .buttons .button{box-shadow:none;background-image:none;background-color:#d2d2d2;color:#000000;text-shadow:none;font-weight:700;} @container page_diagnosis (max-width:1920px){ #page_diagnosis [page-diagnosis-section="apply"]{/*font-size:20px;*/font-size:1.04cqw;} #page_diagnosis [page-diagnosis-section="apply"] .content .form{padding:3.5em 2.5em;max-width:40em;border-radius:4em;box-shadow:0.4em 0.4em 0.5em rgba(0,0,0,0.31);} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:20px;gap:2.5em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item{gap:1em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs .item .input_title{font-size:1.6em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs input:not([type="checkbox"],[type="radio"]){font-size:1.5em;height:2.4em;border-radius:1.2em;padding:0 0.66em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement{margin-top:3em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label{font-size:1.5em;gap:0.6em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:before, #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label:after{width:1.1em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .buttons{margin-top:3em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete{padding:3.5em 2.5em;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete:before{width:26.7%;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .complete .message_text{font-size:2.25em;margin-top:1.33em;} } @container page_diagnosis (max-width:1400px){ #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:18px;} } @container page_diagnosis (max-width:1200px){ #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:16px;} } @container page_diagnosis (max-width:1000px){ #page_diagnosis [page-diagnosis-section="apply"]{font-size:13px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:15px;} } @container page_diagnosis (max-width:800px){ #page_diagnosis [page-diagnosis-section="apply"]{font-size:11px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:14px;} } @container page_diagnosis (max-width:600px){ #page_diagnosis [page-diagnosis-section="apply"]{font-size:9px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:13px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .buttons{font-size:11px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .agreement [type="checkbox"] + label{font-size:1.75em;} } @container page_diagnosis (max-width:400px){ #page_diagnosis [page-diagnosis-section="apply"]{font-size:8px;} #page_diagnosis [page-diagnosis-section="apply"] .content .form .inputs{font-size:12px;} } .diagnosis_result_group_buttons{position:fixed;z-index:10;left:0;bottom:0;width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;padding:50px 0;padding-bottom:calc(50px + env(safe-area-inset-bottom));display:none;background-color:rgba(255,255,255,0.7);} .diagnosis_result_group_buttons .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;width:100%;max-width:575px;height:90px;border-radius:45px;font-size:42px;font-weight:900;color:#ffffff;line-height:1.2;text-shadow:0 0 5px rgba(0,0,0,0.56);box-shadow:0 25px 10px rgba(0,0,0,0.18);background-image:linear-gradient(90deg, #00aae9 0%, #1432fe 100%);cursor:pointer;} @media all and (max-width:1920px){ .diagnosis_result_group_buttons{font-size:1.04vw;padding:2.5em 0;padding-bottom:calc(2.5em + env(safe-area-inset-bottom));} .diagnosis_result_group_buttons .button{font-size:2.1em;max-width:13.69em;height:2.14em;border-radius:1.07em;text-shadow:0 0 0.119em rgba(0,0,0,0.56);box-shadow:0 0.595em 0.238em rgba(0,0,0,0.18);} } @media all and (max-width:1000px){ .diagnosis_result_group_buttons{font-size:13px;} } @media all and (max-width:800px){ .diagnosis_result_group_buttons{font-size:11px;} } @media all and (max-width:600px){ #page_diagnosis [page-diagnosis-group="diagnosis_result"] group_buttons{font-size:11px;} } @media all and (max-width:400px){ }