/*--------------------
attention.css
--------------------*/

.l-block01{
  padding-top:12.0rem;
}
.l-block01-inner{
  max-width:114.0rem;
  width:100%;
  margin:0 auto;
}
.l-block01-inner > p{
  text-align: center;
  color: #222222;
  
  font-size:clamp(12px, 2.4rem, 24px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-inner > h2{
  text-align: center;
  color: #222222;
  
  font-size:clamp(10px, 1.8rem, 18px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-block{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 10rem;
  max-width: 850px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top:6.0rem;
  text-align: center;
  font-size:0;
  box-sizing: border-box;
}
.l-block01-block p a{
  width: 100%;
  height: 100%;
  display:flex;
  align-items: center;
  background-image: url("../images/common/common-icon03_pc.png"), linear-gradient(90deg, #fc8014 0%, #f7ab0a 100%);
  background-position: right 3.0rem center,top center;
  background-repeat: no-repeat,no-repeat;
  background-size: 2.6rem auto,cover;
  min-height:3.2rem;
  padding:3.0rem 8.0rem 3.0rem 4.8rem;
  text-align: left;
  color: #FFFFFF;
  font-size:clamp(10px, 1.6rem, 16px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-block p a span{
  font-family: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', sans-serif;
}
.l-block01-block p a[href $='.doc']::before,
.l-block01-block p a[href $='.docx']::before,
.l-block01-block p a[href $='.xls']::before,
.l-block01-block p a[href $='.xlsx']::before,
.l-block01-block p a[href $='.pdf']::before{
  content:'';
}

@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:9.0rem 3.0rem 0;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block01-inner > p{
    text-align: center;
    color: #222222;

    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-inner > h2{
    text-align: center;
    color: #222222;

    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-block{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    max-width: 40rem;
    padding-top:3.0rem;
    text-align: center;
    font-size:0;
  }
  .l-block01-block p a{
    display:block;
    background-image: url("../images/common/common-icon03_pc.png"), linear-gradient(90deg, #fc8014 0%, #f7ab0a 100%);
    background-position: right 3.0rem center,top center;
    background-repeat: no-repeat,no-repeat;
    background-size: 3.9rem auto,cover;
    min-height:4.8rem;
    padding:3.0rem 8.0rem 3.0rem 4.8rem;
    text-align: left;
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-block p a span{
    font-family: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', sans-serif;
  }
  .l-block01-block p a[href $='.doc']::before,
  .l-block01-block p a[href $='.docx']::before,
  .l-block01-block p a[href $='.xls']::before,
  .l-block01-block p a[href $='.xlsx']::before,
  .l-block01-block p a[href $='.pdf']::before{
    content:'';
  }
}

.l-block02{
  padding:11.0rem 0 12.0rem;
}
.l-block02-inner{
  max-width:114.0rem;
  width:100%;
  margin:0 auto;
}
.l-block02-title{
  text-align: center;
  color: #222222;
  
  font-size:clamp(12px, 2.4rem, 24px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block02-inner > h2{
  text-align: center;
  color: #222222;
  
  font-size:clamp(10px, 1.8rem, 18px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block02-message{
  padding-top:4.0rem;
  text-align: justify;
  color: #222222;
  
  font-size:clamp(10px, 1.6rem, 16px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-block02-block{
  padding:3.0rem 0;
  border-bottom:1px solid rgba(220,221,221,0.5);
}
.l-block02-block-title{
  text-align: left;
  color: #222222;
  
  font-size:clamp(10px, 1.7rem, 17px);
  font-weight: 700;
  line-height: 2.0;
  letter-spacing: 0.05em;
}
.l-block02-block ul{
  padding:0 2.8rem;
}
.l-block02-block ul li{
  display:block;
  text-align: justify;
  color: #222222;
  
  font-size:clamp(10px, 1.5rem, 15px);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.5px) {
  .l-block02{
    padding:9.0rem 3.0rem;
  }
  .l-block02-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block02-title{
    text-align: center;
    color: #222222;

    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block02-inner > h2{
    text-align: center;
    color: #222222;

    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block02-message{
    padding-top:4.0rem;
    text-align: justify;
    color: #222222;

    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block02-block{
    padding:3.0rem 0;
    border-bottom:1px solid rgba(220,221,221,0.5);
  }
  .l-block02-block-title{
    text-align: left;
    color: #222222;

    font-size: 2.8rem;
    font-weight: 700;
    line-height: 2.0;
    letter-spacing: 0.05em;
  }
  .l-block02-block ul{
    padding:0 3.0rem 0 4.5rem;
  }
  .l-block02-block ul li{
    display:block;
    text-align: justify;
    color: #222222;

    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}



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



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