@charset "utf-8";
/* CSS Document */
/*-------
agent
-------*/
#agent{ padding-bottom:4rem;} 
#agent h2,#agent p{ text-align:center;}
#agent h2 span{color:var(--web-theme-color-blue);}
#agent .grid{ margin-top:6rem; grid-template-columns:2fr 1fr; }
.agent-content p{ width:min(80%,800px); padding-top:3.6rem;}
.agent-content .wrap-flex{ padding-top:4rem; padding-bottom:2rem;border-bottom:#dcdcdc solid 1px;align-items: center;}
.agent-content h3{ margin-left:4rem; font-weight:500; color:var(--web-theme-color-black);}
/*Faq*/
.faq{ display:block; width:1400px; background-color:var(--web-theme-color-white); border:#ccc dashed 1px; padding:4rem; margin:6rem auto;}
.faq-question{ font-size:3rem; font-weight:600; color:var(--web-theme-color);}
.faq ul{ padding-top:3rem;}
/*Product catalog*/
#product-catalog  .grid{grid-template-columns:repeat(2,40%); margin-top:6rem;grid-column-gap:7rem ;}
#product-catalog h2 span{ display:block; color:var(--web-theme-color-blue);}
#product-catalog p{ width:min(100%,900px); padding-top:2rem; line-height:1.4em; color:#515151;}	
#product-catalog .wrap-flex{ margin-top:5rem;}
#product-catalog .wrap-flex .com-more-1 .more{ display:block; width:20rem; border:#909090 solid 2px; margin-top:8rem; background-color:transparent; color:var(--web-theme-color-black);}
#product-catalog .wrap-flex .com-more-1:last-child{ margin-left:2rem;}
#product-catalog  .com-more-1 .more:hover, #product-catalog .com-more-1 .more:focus, #product-catalog  .com-more-1 .more:active {
  border-radius:35px;	
  	border:none;
	background-color:var(--web-theme-color);
  color: var(--web-theme-color-white);
}
#product-catalog  .com-more-1 .more:hover i, .#product-catalog  com-more-1 .more:focus i, #product-catalog  .com-more-1 .more:active i {
  color: var(--web-theme-color-white);
}
#product-catalog  .com-more-1 .more:hover:before,#product-catalog  .com-more-1 .more:focus:before,#product-catalog  .com-more-1 .more:active:before {
	border-radius:35px;
	border:none;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*moblie phone*/
@media screen and (max-width: 1023px) {
#agent .grid{ margin-top:6rem; grid-template-columns:1fr; }
.agent-content .wrap-flex img{ width:10%;}
/*Faq*/
.faq{ display:block; width:100%; padding:4rem; margin:4rem auto;}
.faq-question{ font-size:2.2rem; font-weight:600; }
.faq ul{ padding-top:2rem;}
/*Product catalog*/
#product-catalog  .grid{grid-template-columns:1fr; margin-top:4rem ;grid-column-gap:0 ;grid-row-gap:3rem ;}
#product-catalog .wrap-flex .com-more-1 .more{ display:block; width:16rem; padding:5px 2rem;}
}
@media (max-width:490px){ 
#customized .com-more-1 .more{ display:block; width:16rem; padding:5px 2rem;}
#product-catalog .wrap-flex .com-more-1 .more{ display:block;  width:16rem; padding:5px 2rem;}
}