/*--------------------
isms.css
--------------------*/


.l-block01{
  padding:9.0rem 3.0rem 14.5rem;
}
.l-block01-inner{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:9.0rem 0 0;
}
.l-block01-inner:first-of-type{
  padding:0 0 0;
}
.l-block01-inner > span {
  display: block;
  font-family: "lemon", 'Noto Sans JP', sans-serif;
  font-style: normal;
  text-align: left;
  color: #8b9fcc;
  font-size: clamp(27px, 3.7rem, 37px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block01-inner > h2{
  padding-bottom:5.5rem;
  text-align: left;  
  color: #8b9fcc;
  
  font-size:clamp(18px, 2.5rem, 25px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-inner > p{
  text-align: left;  
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block{
  padding-top:3.5rem;
}
.l-block01-block > h3{
  padding-bottom:1.0rem;
  border-bottom:2px solid #999999;
  text-align: left;  
  color: #808080;
  
  font-size:clamp(14px, 2.0rem, 20px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block > p{
  padding-top:2.0rem;
  text-align: left;  
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block > p.type02{
  text-align: right;  
}
.l-block01-block-box{
  background:#f5f4f8;
  padding:2.0rem 4.0rem;
  margin-top:0.6rem;
}
.l-block01-block-box:first-of-type{
  margin-top:2.0rem;
}
.l-block01-block-box > p{
  padding-top:1.5rem;
  text-align: left;  
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block-box > p:first-of-type{
  padding-top:0;
}
.l-block01-block-box > ul{
  padding-top:1.5rem;
}
.l-block01-block-box > ul li{
  text-indent: calc(-1 * clamp(13px, 1.5rem, 15px) / 2);
  padding-left: calc(1 * clamp(13px, 1.5rem, 15px) / 2);
  text-align: left;  
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block table{
  width:100%;
  margin:3.0rem auto 0;
}
.l-block01-block table tr th{
  border:1px solid #e6e6e6;
  border-right:none;
  background:#f5f4f8;
  padding:1.8rem 3.5rem;
  width:24.0rem; 
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block table tr td{
  border:1px solid #e6e6e6;
  border-left:none;
  padding:1.8rem 3.5rem;
  width:auto; 
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.l-block01-block picture{
  display:block;
  text-align: left;
  padding-top:2.8rem;
}
.l-block01-block picture img{
  width:78.0rem;
}
.l-block01-block ul{
  padding-top:3.0rem;
  display:block;
  text-align: left;
  font-size:0;
}
.l-block01-block ul li{
  display:inline-block;
  vertical-align: top;
  padding-right:4.0rem;
}
.l-block01-block ul li:last-of-type{
  padding-right:0;
}
.l-block01-block ul li a{
  text-decoration: underline;
  text-align: left;
  color: #808080;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:9.0rem 3.0rem 14.5rem;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:9.0rem 0 0;
  }
  .l-block01-inner:first-of-type{
    padding:0 0 0;
  }
  .l-block01-inner > span {
    display: block;
    font-family: "lemon", 'Noto Sans JP', sans-serif;
    font-style: normal;
    text-align: left;
    color: #8b9fcc;
    font-size: 4.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block01-inner > h2{
    padding-bottom:5.5rem;
    text-align: left;  
    color: #8b9fcc;

    font-size:3.4rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-inner > p{
    text-align: left;  
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block{
    padding-top:3.5rem;
  }
  .l-block01-block > h3{
    padding-bottom:1.0rem;
    border-bottom:2px solid #999999;
    text-align: left;  
    color: #808080;

    font-size:3.2rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block > p{
    padding-top:2.0rem;
    text-align: left;  
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block > p.type02{
    text-align: right;  
  }
  .l-block01-block-box{
    background:#f5f4f8;
    padding:2.0rem 4.0rem;
    margin-top:0.6rem;
  }
  .l-block01-block-box:first-of-type{
    margin-top:2.0rem;
  }
  .l-block01-block-box > p{
    padding-top:1.5rem;
    text-align: left;  
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block-box > p:first-of-type{
    padding-top:0;
  }
  .l-block01-block-box > ul{
    padding-top:1.5rem;
  }
  .l-block01-block-box > ul li{
    text-indent: -1.5rem;
    padding-left: 1.5rem;
    text-align: left;  
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }  
  .l-block01-block table{
    width:100%;
    margin:3.0rem auto 0;
  }
  .l-block01-block table tr th{
    border:1px solid #e6e6e6;
    border-right:none;
    background:#f5f4f8;
    padding:1.8rem 3.5rem;
    width:24.0rem; 
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block table tr td{
    border:1px solid #e6e6e6;
    border-left:none;
    padding:1.8rem 3.5rem;
    width:auto; 
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  .l-block01-block picture{
    display:block;
    text-align: center;
    padding-top:2.8rem;
  }
  .l-block01-block picture img{
    width:80%;
  }
  .l-block01-block ul{
    padding-top:3.0rem;
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-block01-block ul li{
    display:inline-block;
    vertical-align: top;
    padding-right:4.0rem;
  }
  .l-block01-block ul li:last-of-type{
    padding-right:0;
  }
  .l-block01-block ul li a{
    text-decoration: underline;
    text-align: left;
    color: #808080;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}


@media screen and (max-width: 767.5px) {
  
}


@media screen and (max-width: 767.5px) {
  
}