@charset "utf-8";
/* CSS Document */
/*-------
service-catalog
-------*/
#service-catalog .grid{ grid-template-columns:1fr 1.2fr; grid-column-gap:2rem; padding:4rem 0; }
#service-catalog .wrap-flex-1{ margin-top:8rem;}
#service-catalog .wrap-flex-1 a{display:block; width:34rem; padding:1.5rem 8rem; background-color:#333; color:#fff;   text-align:center; text-decoration:none;}
#service-catalog .wrap-flex-1 a:hover{ color:#fff; background-color:var(--web-theme-color); }
#service-catalog .wrap-flex-1 a:last-child{ margin-left:2rem;}
#service-catalog h2{ padding-top:4rem; text-align:left; color:#333;}
.catalogtxt p{ width:min(90%,800px); margin-top:4rem;}
@media screen and (max-width: 1023px) {
#service-catalog .grid{ grid-template-columns:auto; grid-row-gap:4rem;}
#service-catalog .wrap-flex-1 a{display:block; width:26rem; padding:1.5rem 8rem; }
}
@media screen and (max-width: 490px) {
#service-catalog .wrap-flex-1 a{display:block; width:22rem; padding:1.5rem 2rem; }
#service-catalog .wrap-flex-1 a:last-child{ margin-left:1.4rem;}
}