main {
  padding-top: 0;
}

.pageTtl {
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .pageTtl .inner {
    max-width: 1120px;
  }
}
@media screen and (min-width: 1024px) {
  .pageTtl {
    padding: 32px 0;
    margin-bottom: 130px;
  }
}

.serviceList {
  padding-bottom: 60px;
}
.serviceList__ttl {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.5714;
}
.serviceList__txt {
  margin-bottom: 30px;
  letter-spacing: 0.032em;
  line-height: 1.7778;
  text-align: center;
}
.serviceList__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 70px;
}
.serviceList__list a {
  height: 100%;
  /*padding: 18px 16px 20px;*/
  /*background-color: #F3F5F6;*/
  font-size: 18px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.serviceList__list a:hover {
  /*background-color: #E9EDEF;*/
  opacity: 0.7;
}
.serviceList__list .image {
  padding: 0 10px;
  margin-bottom: 16px;
}
.serviceList__list .image img {
  width: 100%;
  border-radius: 10px;
  display: block;
}
.serviceList__list .iconList {
  /*width: 14px;*/
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
margin:20px auto 13px auto;
  /*flex-direction: column;*/
  /*grid-gap: 4px;*/
  /*position: absolute;
  top: 18px;
  right: 8px;*/
width:82%;
}
.serviceList__list .iconList li{
width:49%;
font-size:13px;
    display: flex;
    flex-flow: wrap;
border-radius:100px;
padding:5px 10px;
letter-spacing:normal;
align-items: center;
        text-align: left;
    }

.serviceList__list .iconList li.ds{
background:#F08300;
color:#fff;
}
.serviceList__list .iconList li.cz{
background:#0080CB;
color:#fff;
}

.serviceList__list .iconList li span.label{
position:relative;
margin-left:3px;
top:0px;
}

.serviceList__list .btn{
margin:0 auto 0 auto;
width:82%;
}


.serviceList__list .iconList img {
  display: block;
}
@media screen and (min-width: 576px) {
  .serviceList__list a {
    /*padding: 32px 40px 30px;*/
  }
  .serviceList__list .iconList {
    /*width: 20px;
    grid-gap: 6px;
    top: 32px;
    right: 25px;*/
  }
}
@media screen and (min-width: 769px) {
  .serviceList > .inner {
    max-width: 1250px;
  }
  .serviceList__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .serviceList {
    padding-bottom: 112px;
  }
  .serviceList__ttl {
    margin-bottom: 24px;
    font-size: 28px;
  }
  .serviceList__txt {
    margin-bottom: 62px;
    font-size: 18px;
  }
  .serviceList__list a {
    /*padding: 48px 60px 40px;*/
    font-size: 20px;
  }
  .serviceList__list .image {
    padding: 0;
  }
  .serviceList__list .iconList {
    /*width: 32px;
    grid-gap: 8px;
    top: 48px;
    right: 25px;*/
  }
}
@media screen and (min-width: 1200px) {
  .serviceList__list a {
    /*padding: 58px 80px 50px;*/
    font-size: 24px;
  }
  .serviceList__list .iconList {
    /*top: 58px;
    right: 40px;*/
  }
}

.otherService__list {
  display: grid;
  grid-gap: 56px;
}
.otherService__listItem {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
}
.otherService__listItem .image {
  width: 100%;
}
.otherService__listItem .txtWrap {
  width: 100%;
}
.otherService__listItem .ttl {
  margin-bottom: 0.75em;
  font-size: 18px;
  font-weight: 500;
}
.otherService__listItem .btn {
  margin-top: 20px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  .otherService__listItem {
    flex-direction: row;
    align-items: center;
    grid-gap: 48px;
  }
  .otherService__listItem:nth-child(even) {
    flex-direction: row-reverse;
  }
  .otherService__listItem .image {
    width: 46.5%;
    flex-shrink: 0;
  }
  .otherService__listItem .txtWrap {
    width: 53.5%;
  }



}
@media screen and (min-width: 1024px) {
  .otherService > .inner {
    max-width: 928px;
  }
  .otherService__listItem .ttl {
    font-size: 24px;
  }
  .otherService__listItem .btn {
    max-width: 352px;
    margin: 32px 0 0;
    font-size: 20px;
  }
}






/*add*/


@media only screen and (max-width: 769px) {

.serviceList__txt{
text-align:left;
}

.serviceList__list {
    grid-gap: 5px;
}

.serviceList__list .iconList {
    margin: 10px auto 10px auto;
flex-flow: column;
        gap: 5px;
    }

.serviceList__list a {
    margin-bottom: 40px;
}

.serviceList__list .iconList li {
    font-size: 11px;
    border-radius: 80px;
    padding: 5px 5px;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
    }

.serviceList__list a {
        text-align: center;
        display: block;
    }
.serviceList__list li{
display:flex;
}

.serviceList__list .iconList li span.label {
    margin: 0 auto;
}

}