@import url(phone.min.css)screen and (max-width:767px);@import url(tablet.min.css)screen and (min-width:768px) and (max-width:1024px);@import url(pc.min.css)screen and (min-width:1025px);@keyframes keyGradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes gradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes buttonAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes statusIconAnimation{0%{background-position:0 100%}to{background-position:0 0}}.process{list-style:none}.process>li{margin:auto;min-height:400px;padding:.5rem;box-sizing:border-box;margin-bottom:3rem;position:relative;border-image:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border-image-slice:1;border-width:1px;border-style:solid;border-image-repeat:round;background:"";color:#fff}.process>li>.background,.process>li>.polygon{position:absolute;top:0;left:0;width:100%;height:100%}.process>li>.background{content:"";z-index:-2;background-image:url(/img/howToUse/bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.process>li>.polygon{background-color:rgba(0,0,0,.7);clip-path:polygon(0 0,100%0,0 100%);z-index:-1;mix-blend-mode:multiply}.process>li>.processBody,.process>li>.processTitle{max-width:1280px;margin:auto;padding:1rem;box-sizing:border-box}.process>li>.processTitle{color:#fc5c7d;background:linear-gradient(to right,#fde88d 0,#d9b564 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.process>li>.processBody{line-height:1.5;text-shadow:1px 1px 0 rgba(0,0,0,.9)}.process>li>.processBody .button,.process>li>.processBody .button2{width:calc(50% - .5rem);background-image:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 100%;color:#666;text-shadow:1px 1px 0 rgba(255,255,255,.7);text-decoration:none;padding:.5rem 1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:1px solid #d9b564}.process>li>.processBody .button2{background-image:linear-gradient(to right,#e8aecb,#f8d2be,#e8a8bf,#fbd6b7,#aa771c);color:#00925b;border:1px solid #fdd3d9}.process>li:last-child{margin-bottom:0}@media screen and (max-width:767px){.process{width:calc(96% - 2px);margin:auto}.process>li{margin-bottom:4rem;min-height:250px}.process>li>.processTitle{font-size:1.8rem;margin-bottom:.5rem}.process>li>.processTitle>span.number{font-size:1.8rem}.process>li>.processBody{font-size:1.6rem}.process>li:not(:last-child)::after{margin-top:3rem;width:3.8rem;height:3.8rem}}@media screen and (min-width:768px) and (max-width:1024px){.process{width:calc(96% - 2px);margin:auto;margin-bottom:3rem}.process>li>.processTitle{font-size:1.8rem;margin-bottom:.5rem}.process>li>.processTitle>span.number{font-size:1.8rem}.process>li>.processBody{font-size:1.6rem}.process>li:not(:last-child)::after{margin-top:3rem;width:3.8rem;height:3.8rem}}@media screen and (min-width:1025px){.process{width:calc(96% - 2px);margin:auto;margin-bottom:3rem}.process>li{margin-bottom:4rem}.process>li>.processTitle{font-size:1.8rem;margin-bottom:.5rem}.process>li>.processTitle>span.number{font-size:1.8rem}.process>li>.processBody{font-size:1.6rem}.process>li:not(:last-child)::after{margin-top:3rem;width:3.8rem;height:3.8rem}}