@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.36b5bab5.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.5673da52.ttf);font-weight:400;font-style:normal}@media screen and (min-width:100px) and (max-width:1200px){#section{width:100%}.backgroundBox{width:66.6%;left:25%}.backgroundBox img{width:51rem}}@media screen and (min-width:1200px){#section{width:1200px;margin:auto}.backgroundBox{left:280px}}.index{display:flex;flex-direction:column;width:100%}.index #section{flex-grow:1;padding:0 1rem}.index .guideBox{box-shadow:0 10px 20px 10px #f3f3f3;margin-bottom:5rem;padding-top:4rem;padding-bottom:10rem}.index .typeShadow{box-shadow:0 -10px 20px 10px #f3f3f3}.index .SignTypeCol{cursor:pointer;height:16rem;font-size:1.5rem;font-family:Roboto-Bold,sans-serif;display:flex;justify-content:center;flex-direction:column}.index .SignTypeIcon{width:5rem;height:5rem;margin:1rem}.index .guideTitle{font-size:2.5rem;margin:5rem 0}.index .backgroundBox{background-repeat:no-repeat;position:absolute;overflow:hidden;top:7.5rem}.index .actionBox{position:relative;height:45rem}.index .title{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:left}.index .name{font-family:Roboto-Regular,sans-serif;color:#424242;font-size:5rem;line-height:30px}.index .name p span{font-family:Roboto-Bold,sans-serif;font-weight:700}.index .description{font-family:Roboto-Regular,sans-serif;font-size:1.5rem}