/* your styles go here */
/* Example site test */

body
{
  font-family: noto sans jp, sans-serif;
}

.box-image-text .image {
    min-height: 300px;
    max-height: 300px;
}

.box-image-text .image img {
    max-height: 300px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
table tr:last-child{
  border: none;
}
table th{
  padding: 2em 0.5em 2em 0.5em;
  border-right: 2px solid #fff;
}
table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
}
table thead th {
  font-size: 1.5em;
  font-weight: bolder;
  text-align: center;
}

table tbody th {
  font-size: 1.2em;
  font-weight: bolder;
  text-align: center;
}


table thead tr{
  background-color: #38A7BB;
  color:#fff;
}
table tbody th {
    border-right: 2px solid #eee;
}

table tr .head{
  background-color: #38A7BB;
  color:#fff;
}

th.non {
    border-right: none;
}
.txt{
   text-align: left;

}
.price{
  color: #000;
  font-weight: bold;
  font-size:1.8em;
}
.price span {
    font-size: .6em;
}
.red_bk{
  background:#38A7BB
}
.red-txt{
  color:#38A7BB;
}

table .btnarea td {
  padding: .2em .5em;
  border-right:none
}
@media screen and (max-width: 600px) {
  .wrap{
     overflow-x: scroll;
  }
}
table.scroll {
  width:100%;
  table-layout: inherit;
  white-space: inherit;
  -webkit-overflow-scrolling: touch; /* スマホでなめらかスクロール */
  }
  @media (max-width: 767px){ /*スマホとかは、横スクロールバーを表示*/
      table.scroll{
      overflow-x: scroll; /* 横スクロール処理 */
      white-space:nowrap;/* 自動改行させない */
      display: block;
      }
  }
  .info-section {
    background-color: #38a7bb;
    aspect-ratio: 1755/758;
  }
  .btn-lerge{
    font-size: 1.7em;
    box-shadow: 3px 3px 10px 0px #666;
  }

  .home-carousel-label{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 46px;
  letter-spacing: 0.08em;
  color: #fff;
  }