﻿#sportsmile .block-visual {
  background: url(../images/visual_pc.jpg) no-repeat center;
}

#sportsmile .block-anker li {
  width: 220px;
}

#sportsmile .maincnt {
  width: 1140px;
  height: auto;
  display: flex;
  margin: 0 auto;
  padding: 60px 0 0;
  border-top: 1px solid #ddd;
}

#sportsmile .maincnt figure {
  width: 420px;
  margin-right: 40px;
}

#sportsmile .maincnt > div {
  width: 680px;
}

#sportsmile .maincnt h2 em {
  display: block;
  color: var(--sa-color);
  font-size: 30px;
  line-height: 1.8;
  font-weight: 700;
}

#sportsmile3,
#sportsmile4,
#sportsmile5 {
  width: 750px;
}

#sportsmile3 h4.u-title-m,
#sportsmile4 h4.u-title-m,
#sportsmile5 h4.u-title-m {
  margin: 40px auto 10px;
}

#sportsmile4 section {
  margin: 40px 0;
}

#sportsmile4 section figure {
  margin: 20px auto;
}

#sportsmile .images {
  border-radius: 10px;
  overflow: hidden;
}

/* テーブル */
.miles-tbl{margin-bottom: 20px;}
.miles-tbl-box table{width: 100%;}
.miles-tbl-box{padding: 20px 0;}
.miles-tbl-box td,
.miles-tbl-box th{
    width: 50%;
    font: 400 14px / 1.8 "Noto Sans JP", sans-serif;
    padding: 16px;
    border: 1px solid #ddd;
    background: #fff;
}

.miles-tbl-box th{
    background: #f5f5f5;
}

/* SP */
@media screen and (max-width: 750px) {
  #sportsmile .block-visual {
    width: 100%;
    background: url(../images/visual_sp.jpg) no-repeat center;
    background-size: cover;
  }

  #sportsmile .maincnt {
    width: calc(335 * (100vw / 375));
    height: auto;
    display: block;
    margin: 0 auto;
    padding: calc(40 * (100vw / 375)) 0 0;
    border-top: 1px solid #ddd;
  }

  #sportsmile .maincnt figure {
    width: calc(335 * (100vw / 375));
    margin-bottom: calc(20 * (100vw / 375));
  }

  #sportsmile .maincnt > div {
    width: calc(335 * (100vw / 375));
  }

  #sportsmile .maincnt h2 em {
    display: block;
    color: var(--sa-color);
    font-size: calc(20 * (100vw / 375));
    margin-bottom: calc(10 * (100vw / 375));
    line-height: 1.8;
    font-weight: 700;
  }

  #sportsmile .block .subwrap figure.scroll-box {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #sportsmile .block .subwrap figure.scroll-box::-webkit-scrollbar {
    height: 5px;
  }

  #sportsmile .block .subwrap figure.scroll-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #ddd;
  }

  #sportsmile .block .subwrap figure.scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--sa-color);
  }

  #sportsmile .block .subwrap figure.scroll-box img {
    width: auto !important;
    max-width: none;
    height: 200px;
    margin-bottom: 10px;
  }

  #sportsmile3,
  #sportsmile4,
  #sportsmile5 {
    width: calc(335 * (100vw / 375));
    margin: 0 auto calc(60 * (100vw / 375));
  }
.miles-tbl-box td,
.miles-tbl-box th{
    font: 400 13px / 1.8 "Noto Sans JP", sans-serif;
    padding: 10px;
}    
    
}
