/*--------------------
translucent.css
--------------------*/

main{
  padding-top:4.1rem;
  padding-bottom:8.0rem;
  background:#dedeee;
}

.l-block01{
  padding:0 3.0rem;
}
.l-block01-inner{
  max-width:930px;
  width:100%;
  margin:0 auto;
}
.l-block01 picture{
  display:block;
  text-align: left;
}
.l-block01 picture img{
  
}


@media screen and (max-width: 767.5px) {
  main{
    padding-top:4.1rem;
    padding-bottom:8.0rem;
    background:#dedeee;
  }

  .l-block01{
    padding:0 3.0rem;
  }
  .l-block01-inner{
    max-width:930px;
    width:100%;
    margin:0 auto;
  }
  .l-block01 picture{
    display:block;
    text-align: left;
  }
  .l-block01 picture img{
    max-width:100%;
    width:20.8rem;
  }
}


.l-block02{
  padding:7.0rem 3.0rem 0;
}
.l-block02-inner{
  max-width:540px;
  width:100%;
  margin:0 auto;
  text-align: center;
}
.l-block02-inner h1{
  padding-left:4.5rem;
  padding-bottom:3.5rem;
  display:inline-block;
  background: url("../images/trial/block02-img01_pc.png") left top no-repeat transparent;
  background-size: 4.1rem auto;
  min-height:4.1rem;
}
.l-block02-inner h1 p{
  padding-top:0.7rem;
  text-align: center;  
  color: #FFFFFF;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.l-block02-inner p{
  padding-top:2.0rem;
  text-align: justify;  
  color: #595959;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block02-inner p a{
  text-decoration: underline;
  text-align: justify;  
  color: #595959;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block02-inner p span{
  text-align: justify;  
  color: #595959;
  
  font-size:clamp(11px, 1.3rem, 13px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block02-inner sup{
  
}


@media screen and (max-width: 767.5px) {
  .l-block02{
    padding:7.0rem 3.0rem 0;
  }
  .l-block02-inner{
    max-width:540px;
    width:100%;
    margin:0 auto;
    text-align: center;
  }
  .l-block02-inner h1{
    padding-left:6.5rem;
    padding-bottom:3.5rem;
    display:inline-block;
    background: url("../images/trial/block02-img01_pc.png") left top no-repeat transparent;
    background-size: 6.0rem auto;
    min-height:6.0rem;
  }
  .l-block02-inner h1 p{
    padding-top:1.1rem;
    text-align: center;  
    color: #FFFFFF;

    font-size:3.2rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .l-block02-inner p{
    padding-top:2.0rem;
    text-align: justify;  
    color: #595959;

    font-size:2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block02-inner p a{
    text-decoration: underline;
    text-align: justify;  
    color: #595959;

    font-size:2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block02-inner p span{
    text-align: justify;  
    color: #595959;

    font-size:2.2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block02-inner sup{

  }
}


.l-block03{
  padding:0 3.0rem 0;
}
.l-block03-inner{
  max-width:540px;
  width:100%;
  margin:0 auto;
}
.l-block03-block{
  padding-top:2.5rem;
}
.l-block03-block h2{
  text-align: center;  
  color: #575757;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block03-inner > picture{
  display:block;
  text-align: center;
  padding-top:1.0rem;
}
.l-block03-inner > picture img{
  max-width:600px;
  width:auto;
}
.l-block03-block > picture{
  display:block;
  text-align: center;
  padding-top:1.0rem;
}
.l-block03-block > picture img{
  max-width:540px;
  width:auto;
}
.l-block03-block p{
  padding-top:2.0rem;
  padding-bottom:3.0rem;
  text-align: center;  
  color: #575757;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block03-block h3{
  text-align: center;  
  color: #575757;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-block03-block-image{
  padding-top:4.0rem;
  display:block;
  text-align: center;
  font-size:0;  
}
.l-block03-block-image.-first{
  padding-top:1.0rem;
}
.l-block03-block-image picture{
  width:50%;
  display:inline-block;
  vertical-align: top;
}
.l-block03-block-image picture:nth-of-type(odd){
  padding-right:0.4rem;
}
.l-block03-block-image picture:nth-of-type(even){
  padding-left:0.4rem;
}
.l-block03-block-image picture img{
  max-width:100%;
  width:auto;
}
.l-block03-inner > p{
  padding-top: 2.0rem;
  text-align: justify;
  color: #595959;
  
  font-size: clamp(14px, 1.6rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}


@media screen and (max-width: 767.5px) {
  .l-block03{
    padding:0 3.0rem 0;
  }
  .l-block03-inner{
    max-width:610px;
    width:100%;
    margin:0 auto;
  }
  .l-block03-block{
    padding-top:2.5rem;
  }
  .l-block03-block h2{
    text-align: center;  
    color: #575757;

    font-size:2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block03-inner > picture{
    display:block;
    text-align: center;
    padding-top:1.0rem;
  }
  .l-block03-inner > picture img{
    max-width:600px;
    width:100%;
  }
  .l-block03-block > picture{
    display:block;
    text-align: center;
    padding-top:1.0rem;
  }
  .l-block03-block > picture img{
    max-width:600px;
    width:100%;
  }
  .l-block03-block p{
    padding-top:2.0rem;
    text-align: center;  
    color: #575757;

    font-size:2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block03-block h3{
    text-align: center;  
    color: #575757;

    font-size:2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-block03-block-image{
    padding-top:4.0rem;
    display:block;
    text-align: center;
    font-size:0;  
  }
  .l-block03-block-image.-first{
    padding-top:1.0rem;
  }
  .l-block03-block-image picture{
    width:50%;
    display:inline-block;
    vertical-align: top;
  }
  .l-block03-block-image picture:nth-of-type(odd){
    padding-right:0.4rem;
  }
  .l-block03-block-image picture:nth-of-type(even){
    padding-left:0.4rem;
  }
  .l-block03-block-image picture img{
    max-width:100%;
    width:100%;
  }
  .l-block03-inner > p{
    padding-top: 2.0rem;
    text-align: justify;
    color: #595959;
    
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
}


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


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