body #content{font-family:'Roboto'}
h4{color:#d2eff7;font-weight:400;font-size:24px;line-height:29px}
.maintitle{color:#000008;font-size:32px;padding-bottom:16px;font-weight:500}
#template-inner #content{font-family:'Roboto'}
#template-inner a.keikaititle:hover{text-decoration:none}
#template-inner a.keikaititle{color:#e01310;font-weight:500;font-size:28px;line-height:33px}
.bannertitle{margin:auto;text-align:left}
.mainsubtitle{color:#537680;font-size:18px;line-height:30px;margin:16px 0 32px}
.bannerimage{cursor:pointer}
.proceed,.learn,.upgrade{border:1px solid #e01310;border-radius:4px;padding:10px 16px;font-weight:400;font-size:16px;line-height:19px}
.proceed{background-color:#e01310;color:#fff;margin-right:16px;display:inline-block}
.learn{background-color:#fff;color:#e01310}
.upgrade{background-color:#fff;color:#7f7f7f;border:1px solid #7f7f7f}
.bannercontainer{padding-top:124px;margin:0 auto;text-align:center}
.contenttable{margin:0 auto}
.contenttitle{margin:92px 0;text-align:center}
.contentmaintable{border-radius:8px;padding:48px;background:#fff;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08)}
.contentmaintable .gap{height:32px}
.contentmaintabletitle{margin-bottom:48px}
.contentrow .contententry{text-align:center}
.contentrow .contententry>*{text-align:center}
.contententrytitle{color:#537680}
.contententrysubtitle{color:#0b4859}
.contententrytitle,.contententrysubtitle{font-weight:400;font-size:16px;line-height:19px;margin-top:8px}
.contentsubtitle{text-align:center}
.contentrow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;display:-ms-grid;-ms-grid-columns:1fr 1fr 1fr 1fr}
.contentrow :nth-child(2){-ms-grid-column:2}
.contentrow :nth-child(3){-ms-grid-column:3}
.contentrow :nth-child(4){-ms-grid-column:4}
.contententryothertitle{width:100%;margin:0 0 32px}
.contententryotherrow ul{display:inline-flex;width:100%}
.dot-circle{display:inline-block;background:#ccc;border-radius:50%;width:12px;height:12px;margin-right:20px}
.proceeddown{padding-top:40px;padding-bottom:96px;text-align:center}
#template-inner .button a,#template-inner .button a:active,#template-inner .button a:hover,#template-inner .button a:visited{text-decoration:none!important}
.button span.proceed:hover:hover,.button span.learn:hover{border-color:#f29391}
.button span.proceed:hover:active,.button span.learn:active{border-color:#e01310}
.button span.proceed:hover{background:#f29391}
.button span.proceed:active{background:#e01310}
@media screen and (max-width:320px){#template-inner .proceed,#template-inner .learn,#template-inner .upgrade{padding:10px 5px}
}
@media screen and (max-width:767px){#template-inner .bannertitle{text-align:center}
#template-inner .bannerimage img{width:100%}
#template-inner .contenttitle{margin:213px 0 48px}
#template-inner .contentmaintable{padding:48px 24px}
#template-inner .contentrow{grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr}
#template-inner .contentrow :nth-child(2){-ms-grid-column:2}
#template-inner .contentrow :nth-child(3){-ms-grid-row:2;-ms-grid-column:1}
#template-inner .contentrow :nth-child(4){-ms-grid-row:2;-ms-grid-column:2}
#template-inner .contentmaintabletitle .gap{display:none}
#template-inner .contentmaintabletitle .contententry{margin-bottom:32px}
#template-inner .contententryotherrow ul{display:block}
#template-inner .contententryothertitle{margin:0 0 16px}
#template-inner .contententrysubtitle{margin-top:24px}
#template-inner .proceeddown{padding-top:32px}
}
@media screen and (min-width:768px) and (max-width:1023px){#template-inner .gap{height:16px}
#template-inner .grid_2{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner .grid_2 :nth-child(3){-ms-grid-column:1;-ms-grid-row:3}
#template-inner .bannertitle{text-align:center}
}