@charset "UTF-8";
@import url("inc.servicelist.icon.css");
/* CSS Document */



.old-inner{ margin-left:auto; margin-right:auto; width:640px;}

.index-service-list{}
.index-service-list article{ *zoom: 1;}
.index-service-list article:before,.index-service-list article:after {
  display: table; line-height: 0; content: "";
}
.index-service-list article:after {
  clear: both;
}
.index-service-list article>a{ display:block; text-decoration:none; color: #4d4d4d;}
.index-service-list article>a:hover{ background: rgba(0,0,0,0.05);}

.index-service-list article img{ display:block; width:100px; float:left;}
.index-service-list article h2{ margin:0 0 0 120px; border-bottom:dashed 1px #999999; font-size:182%;}
.index-service-list article.free h2{ color:#0086D1;}
.index-service-list article.pay h2{ color:#EB6100;;}
.index-service-list article h2 span{ display:inline; width:150px; font-size:77%; padding:3px 10px; margin:0 10px 0 0; color:#FFFFFF; border-radius:5px; }
.index-service-list article.free h2 span{ background:#0086D1;}
.index-service-list article.pay h2 span{ background:#EB6100;}
.index-service-list article p{ margin:5px 0 0 120px;}

.price{ color:#CC0000; font-size:108%; font-weight:bold;}

.text-copy{ font-size:116%; font-weight: 200;}

/* 2021.4_suizu_css_add */
.col>*{margin-top:20px!important;}

.web-app {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #C7000B;
  border-radius: 4px;
  color: #ffffff;
  padding: 0 20px;
  margin: 10px 0 0;
}
/* sm-only */
@media screen and (max-width:480px) {
  .index-service-list{margin-bottom: 50px;}
  .index-service-list article img{ display:block; width:98px; float:left;}
  .index-service-list article h2 span{ display:inline; width:150px; font-size:12px; font-weight: bold; padding:3px 10px; margin:0 10px 0 0; color:#FFFFFF; border-radius:5px; }
  .index-service-list article h2{ margin:0 0 0 120px; border-bottom:dashed 1px #999999; font-size:12px; line-height: 20px!important; padding-bottom: 4px;}
  .index-service-list article p{ margin:10px 0 0 120px;font-size:12px;line-height: 1.4;}
  .ul-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 0 auto 40px;
    max-width: 372px;
  }
  .ul-grid:before, .ul-grid:after{display: none;}
  .sm-col04>* {    
    width: 100%;
    height: 119px;
    margin:0;
  }
  .text-copy{
    font-size: 16px;
    font-weight: 200;
    width: 90%;
    margin: 0 auto;
  }

}