#eyetype2020 .desc{background:#fafafa;padding:50px}@media screen and (max-width:767px){#eyetype2020 .desc{padding:10px}}#eyetype2020 .desc h3{color:#a69b95;font-size:24px;margin-bottom:20px;font-weight:400;letter-spacing:.08em}@media screen and (max-width:767px){#eyetype2020 .desc h3{font-size:18px}}#eyetype2020 .intro{margin-bottom:120px}@media screen and (max-width:767px){#eyetype2020 .intro{margin-bottom:60px}}#eyetype2020 .steps{position:relative;margin-bottom:120px}@media screen and (max-width:767px){#eyetype2020 .steps{margin-bottom:60px}}#eyetype2020 .steps:before{content:"";display:block;width:40%;height:60%;background:#f2f2f2;position:absolute;left:0;top:-40px;z-index:-1}@media screen and (max-width:767px){#eyetype2020 .steps:before{width:100%;top:-30px}}#eyetype2020 .steps .inner-width{display:flex;align-items:flex-end;justify-content:space-between}@media screen and (max-width:767px){#eyetype2020 .steps .inner-width{flex-direction:column}}#eyetype2020 .steps .left-area{min-width:65%}@media screen and (max-width:767px){#eyetype2020 .steps .left-area{min-width:100%;margin-bottom:30px}}#eyetype2020 .steps .left-area .label{color:#a69b95;position:relative;display:flex;align-items:center;margin-bottom:30px}@media screen and (max-width:767px){#eyetype2020 .steps .left-area .label{margin-bottom:10px}}#eyetype2020 .steps .left-area .label:after{content:"";width:60px;height:1px;background:#a69b95;margin-left:20px}#eyetype2020 .steps .left-area h3{font-size:21px;letter-spacing:.08em;color:#a69b95;font-weight:400;margin-bottom:50px}@media screen and (max-width:767px){#eyetype2020 .steps .left-area h3{font-size:18px;margin-bottom:30px}}#eyetype2020 .steps .left-area .img-area p{margin-bottom:10px}#eyetype2020 .steps .left-area .img-area .img-wrap{width:100%}#eyetype2020 .steps .left-area .img-area .img-wrap img{width:100%;height:auto;display:block}#eyetype2020 .steps .select-area{min-width:35%;padding-left:60px}@media screen and (max-width:767px){#eyetype2020 .steps .select-area{min-width:100%;padding-left:0}}#eyetype2020 .steps .select-area p{margin-bottom:10px}@media screen and (max-width:767px){#eyetype2020 .steps .select-area p{text-align:center}}#eyetype2020 .steps .select-area .selects{margin-bottom:60px}@media screen and (max-width:767px){#eyetype2020 .steps .select-area .selects{display:flex;align-items:center;justify-content:space-around;margin-bottom:10px}}#eyetype2020 .steps .select-area .selects label{display:block}@media screen and (max-width:767px){#eyetype2020 .steps .select-area .selects label{min-width:44%}}@media screen and (min-width:768px){#eyetype2020 .steps .select-area .selects label:not(:last-child){margin-bottom:20px}}#eyetype2020 .steps .select-area .selects label input{display:none}#eyetype2020 .steps .select-area .selects label input:checked+span{background:#eba8ae;border-color:#e3838c;color:#fff}@media screen and (min-width:768px){#eyetype2020 .steps .select-area .selects label input:checked+span{transition:all .3s cubic-bezier(.215,.61,.355,1)}}#eyetype2020 .steps .select-area .selects label span{border:1px solid #a69b95;display:block;border-radius:80px;padding:14px 0;letter-spacing:.08em;text-align:center;cursor:pointer}@media screen and (min-width:768px){#eyetype2020 .steps .select-area .selects label span{transition:all .3s cubic-bezier(.215,.61,.355,1)}}@media screen and (max-width:767px){#eyetype2020 .steps .select-area .selects label span{padding:7px 0}}#eyetype2020 .result .btn-wrap{text-align:center}#eyetype2020 .result .btn-wrap button{border-radius:120px;background:#e4e1df;color:#a69b95;min-width:460px;text-align:center;font-weight:700;letter-spacing:.08em;padding:30px 0;font-size:21px;pointer-events:none}@media screen and (max-width:767px){#eyetype2020 .result .btn-wrap button{min-width:100%;font-size:16px;padding:16px 0}}#eyetype2020 .result .btn-wrap button:focus{outline:none}#eyetype2020 .result .btn-wrap button.has-1.has-2{background:#e3838c;color:#fff;pointer-events:all}#eyetype2020 .types{margin:60px 0 0;display:none}#eyetype2020 .types h4{color:#fff;font-size:21px;letter-spacing:.08em;font-weight:400;padding:10px 0;text-align:center;border-radius:6px 6px 0 0}@media screen and (max-width:767px){#eyetype2020 .types h4{font-size:16px}}#eyetype2020 .types .type-cts{text-align:center;padding:30px;margin-bottom:30px}@media screen and (max-width:767px){#eyetype2020 .types .type-cts{padding:10px;margin-bottom:20px}}#eyetype2020 .types .type-cts .recommend{width:70%;background:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-size:32px;padding:20px;margin:20px auto 30px}@media screen and (max-width:767px){#eyetype2020 .types .type-cts .recommend{width:100%;font-size:18px;padding:20px 10px;margin:10px 0 20px}}#eyetype2020 .types .type-cts .recommend b{margin-right:30px}@media screen and (max-width:767px){#eyetype2020 .types .type-cts .recommend b{margin-right:10px}}#eyetype2020 .types .type-cts .comment{letter-spacing:.08em;margin-bottom:20px}@media screen and (max-width:767px){#eyetype2020 .types .type-cts .comment{padding:0 10px}}@media screen and (max-width:767px){#eyetype2020 .types .type-cts .btn-wrap{width:100%}}#eyetype2020 .types .type-cts .btn{min-width:460px;font-size:18px;background:#fff;line-height:60px}@media screen and (max-width:767px){#eyetype2020 .types .type-cts .btn{min-width:100%;font-size:16px;line-height:60px}}#eyetype2020 .types.type-a .type-cts{background:#faf6e9}#eyetype2020 .types.type-a .type-cts .btn{border-color:#caa72c!important}@media screen and (min-width:768px){#eyetype2020 .types.type-a .type-cts .btn:hover{background:#caa72c}}@media screen and (max-width:767px){#eyetype2020 .types.type-a .type-cts .btn{color:#caa72c}}#eyetype2020 .types.type-a h4{background:#caa72c}#eyetype2020 .types.type-a .recommend{color:#caa72c}#eyetype2020 .types.type-b .type-cts{background:#eaf2f8}#eyetype2020 .types.type-b .type-cts .btn{border-color:#2e83bf!important}@media screen and (min-width:768px){#eyetype2020 .types.type-b .type-cts .btn:hover{background:#2e83bf}}@media screen and (max-width:767px){#eyetype2020 .types.type-b .type-cts .btn{color:#2e83bf}}#eyetype2020 .types.type-b h4{background:#2e83bf}#eyetype2020 .types.type-b .recommend{color:#2e83bf}#eyetype2020 .types.type-c .type-cts{background:#f5eef7}#eyetype2020 .types.type-c .type-cts .btn{border-color:#9954b2!important}@media screen and (min-width:768px){#eyetype2020 .types.type-c .type-cts .btn:hover{background:#9954b2}}@media screen and (max-width:767px){#eyetype2020 .types.type-c .type-cts .btn{color:#9954b2}}#eyetype2020 .types.type-c h4{background:#9954b2}#eyetype2020 .types.type-c .recommend{color:#9954b2}