/*--------------------
recruit.css
--------------------*/


.l-mv{
  min-height: 73.21vw;
}
@media all and (min-width: 1920.5px) {
  .l-mv{
    min-height: 73.21vw;
  }
}

.l-mv-image{
  background: url("../images/recruit/mv-bg01_pc.png") bottom center no-repeat transparent;
  background-size: 100% auto;
  position:relative;
  margin-top:-11.9rem;
}
.l-mv-image-h1-image01{
  position: absolute;
  z-index:2;
  top:28.125vw;
  left:4.16vw;
  opacity: 0;
  animation-duration: 1.2s;
  animation-delay: 1.5s;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.l-mv-image-h1-image01 img{
  width:40.625vw;
}
.l-mv-image-h1-image02{
  position: absolute;
  z-index:2;
  top:41.66vw;
  right:5.2vw;
  opacity: 0;
  animation-duration: 1.2s;
  animation-delay: 2.0s;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.l-mv-image-h1-image02 img{
  width:49.8vw;
}
.l-mv-image-h1-image03{
  position: relative;
  z-index:1;
  opacity: 0;
  animation-duration: 1.2s;
  animation-delay: 0.5s;
  animation-name: fadeInUpMin;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.l-mv-image-h1-image03 img{
  width:100%;
}
@media screen and (max-width: 767.5px) {
  .l-mv-image{
    background: url("../images/recruit/mv-bg01_pc.png") bottom center no-repeat transparent;
    background-size: 100% auto;
    position:relative;
    margin-top:0;
  }
  .l-mv-image-h1-image01{
    position: absolute;
    z-index:2;
    top:28.125vw;
    left:4.16vw;
    opacity: 0;
    animation-duration: 1.2s;
    animation-delay: 1.5s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .l-mv-image-h1-image01 img{
    width:40.625vw;
  }
  .l-mv-image-h1-image02{
    position: absolute;
    z-index:2;
    top:41.66vw;
    right:5.2vw;
    opacity: 0;
    animation-duration: 1.2s;
    animation-delay: 2.0s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .l-mv-image-h1-image02 img{
    width:49.8vw;
  }
  .l-mv-image-h1-image03{
    position: relative;
    z-index:1;
    opacity: 0;
    animation-duration: 1.2s;
    animation-delay: 0.5s;
    animation-name: fadeInUpMin;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .l-mv-image-h1-image03 img{
    width:100%;
  }
}

.l-recruit-entry{
  position:absolute;
  right:0;
  top:22.4rem;
  z-index:10;
}
.l-recruit-entry a{
  
}
.l-recruit-entry a img{
  width:10.2rem;
}

@media screen and (max-width: 767.5px) {
  .l-recruit-entry{
    position:absolute;
    right:0;
    top:15.0rem;
    z-index:10;
  }
  .l-recruit-entry a{

  }
  .l-recruit-entry a img{
    width:7.0rem;
  }
}

.l-movie{
  position: relative;
  z-index:3;
  padding-top:4.5rem;
}
.l-movie-inner{
  max-width:120.0rem;
  width:100%;
  margin:0 auto;
  height:64.5rem;
  position:relative;
  overflow:hidden;
}
.l-movie-inner img{
  width:100%;
}
.movie__video{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width: 100%;  /* 明示的に幅を設定（必須） */
  height: 100%; /* 明示的に高さを設定（必須） */
  object-fit: cover;  /* ラッパーに収まるように拡大縮小 */
}

@media screen and (max-width: 767.5px) {
  .l-movie{
    position: relative;
    z-index:3;
    padding:4.0rem 3.0rem 0;
  }
  .l-movie-inner{
    max-width:100%;
    width:100%;
    height:40.3rem;
    marign:0 auto;
  }
  .l-movie-inner img{
    width:100%;
  }
}

.l-block01{
  position: relative;
  z-index:5;
  background:#FFFFFF;
}
.l-block01-back{
  max-width:160.0rem;
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:5;
}
.l-block01-back:before{
  content:"";
  display:inline-block;
  position: absolute;
  z-index:-1;
  left:0;
  top:0;
  width:58.2rem;
  height:58.2rem;
  background: url("../images/recruit/block01-bg01_pc.png") top left no-repeat transparent;
  background-size: 58.2rem auto;
  min-height: 58.2rem;
}
.l-block01-slider{
  position:absolute;
  z-index:6;
  bottom:10.0rem;
  width:100%;
  overflow: hidden;
}
.l-block01-slider-list{
  padding:0 0.5rem;
}
.l-block01-inner{
  max-width:192.0rem;
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:7;
}
/*
.l-block01-inner:before{
  content:"";
  display:inline-block;
  position: absolute;
  z-index:4;
  left:0;
  bottom:7.6rem;
  width:85.8rem;
  height:32.0rem;
  background: url("../images/recruit/block01-bg02-1_pc.png") left bottom no-repeat transparent;
  background-size: 85.8rem auto;
  min-height: 32.0rem;
}
.l-block01-inner:after{
  content:"";
  display:inline-block;
  position: absolute;
  z-index:4;
  right:0;
  bottom:7.6rem;
  width:30.0rem;
  height:32.0rem;
  background: url("../images/recruit/block01-bg02-2_pc.png") right bottom no-repeat transparent;
  background-size: 30.0rem auto;
  min-height: 32.0rem;
}
*/
@media screen and (max-width: 1920.5px) {
  /*
  .l-block01-inner:before{
    content:"";
    display:inline-block;
    position: absolute;
    z-index:4;
    left:0;
    bottom:4.0vw;
    width:44.68vw;
    height:16.66vw;
    background: url("../images/recruit/block01-bg02-1_pc.png") left bottom no-repeat transparent;
    background-size: 44.68vw auto;
    min-height: 16.66vw;
  }
  .l-block01-inner:after{
    content:"";
    display:inline-block;
    position: absolute;
    z-index:4;
    right:0;
    bottom:4.0vw;
    width:15.625vw;
    height:16.66vw;
    background: url("../images/recruit/block01-bg02-2_pc.png") right bottom no-repeat transparent;
    background-size: 15.625vw auto;
    min-height: 16.66vw;
  }
  */
}
.l-block01-table{
  max-width:160.0rem;
  width:100%;
  display:table;
  margin:0 auto;
}
.l-block01-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-block01-table-left{
  width:57.0rem;
  text-align: left;
  position: relative;
}
.l-block01-table-left h2{
  padding-top:8.5rem;
  padding-left:17.5rem;
  text-align: left;
  color: #db2020;
  font-size: clamp(22px, 3.0rem, 30px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block01-table-left span{
  font-family: "zedou", sans-serif;
  display: block;
  padding-left:17.5rem;
  text-align: left;
  color: #db2020;
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.l-block01-table-right{
  width:auto;
  text-align: left;
  padding-top:14.5rem;
  position: relative;
  z-index:7;
}
.l-block01-table-right-wrapper{
  background:#FFFFFF;
  position: relative;
  z-index:7;
  padding:0 10.0rem;
  display:inline-block;
}
.l-block01-table-right h3{
  text-align: left;
  padding-bottom:2.0rem;
}
.l-block01-table-right h3 img{
  width:50.4rem;
}
.l-block01-table-right p{
  padding-top:3.5rem;
  text-align: left;
  color: #db2020;
  font-size:clamp(14px, 1.7rem, 17px);
  font-weight: 700;
  line-height: 1.85;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 767.5px) {
  .l-block01{
    position: relative;
    z-index:5;
    background:#FFFFFF;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .l-block01-inner:before{
    content:"";
    display:inline-block;
    position: absolute;
    z-index:4;
    left:0;
    bottom:7.6rem;
    width:85.8rem;
    height:32.0rem;
    background: url("../images/recruit/block01-bg02-1_pc.png") left bottom no-repeat transparent;
    background-size: 85.8rem auto;
    min-height: 32.0rem;
    display:none;
  }
  .l-block01-inner:after{
    content:"";
    display:inline-block;
    position: absolute;
    z-index:4;
    right:0;
    bottom:7.6rem;
    width:30.0rem;
    height:32.0rem;
    background: url("../images/recruit/block01-bg02-2_pc.png") right bottom no-repeat transparent;
    background-size: 30.0rem auto;
    min-height: 32.0rem;
    display:none;
  }
  .l-block01-slider{
    display:none;
  }
  .l-block01-slider-list{
    padding:0 0;
  }
  .l-block01-table{
    max-width:100%;
    width:100%;
    display:block;
    margin:0 auto;
  }
  .l-block01-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block01-table-left{
    width:100%;
    display:block;
    text-align: left;
    background: url("../images/recruit/block01-bg01_pc.png") top left no-repeat transparent;
    background-size: 71.2rem auto;
    min-height: 71.2rem;
  }
  .l-block01-table-left h2{
    padding-top:8.5rem;
    padding-left:0;
    text-align: center;
    color: #db2020;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-table-left span{
    display: block;
    padding-left:0;
    text-align: center;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0em;
  }
  .l-block01-table-right{
    width:100%;
    display:block;
    text-align: left;
    padding:0 3.0rem 10.0rem;
    margin-top:-45.0rem;
  }
  .l-block01-table-right-wrapper{
    background:none;
    padding:0 0;
    display:block;
  }
  .l-block01-table-right h3{
    text-align: center;
    padding-bottom:1.5rem;
  }
  .l-block01-table-right h3 img{
    width:50.4rem;
  }
  .l-block01-table-right p{
    padding-top:3.5rem;
    text-align: justify;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
}

.l-recruit-back{
  background: url("../images/common/bg-check-red_pc.png") top center repeat-y transparent;
  background-size: 100% auto;
  min-height:290.2rem;
  padding:0 9.0rem 0;
}
.l-block02{
  padding:12.0rem 0 0;
}
.l-block02-inner{
  max-width:120.0rem;
  width:100%;
  margin:0 auto;
}
.l-block02-inner h2{
  text-align: left;
  color: #db2020;
  font-size: clamp(22px, 3.0rem, 30px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block02-inner h2 span{
  font-family: "zedou", sans-serif;
  display: block;
  text-align: left;
  color: #db2020;
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.l-block02-block{
  padding-top:4.0rem;
  display:block;
  text-align: left;
  font-size:0;
}
.l-block02-block-list{
  width:50%;
  display:inline-block;
  vertical-align: top;
  padding-bottom:7.5rem;
}
.l-block02-block-list:nth-of-type(odd){
  padding-right:3.0rem;
}
.l-block02-block-list:nth-of-type(even){
  padding-left:3.0rem;
}
.l-block02-block-list-link{
  display: block;
  position: relative;
}
.l-block02-block-list-image{
  display: block;
  margin-left:auto;
  text-align: right;
  overflow: hidden;
  width:55.0rem;
  height:33.0rem;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}
.l-block02-block-list-image img{
  width:100%;
  transition: 0.5s;
}
.l-block02-block-list-image img:hover{
  transform: scale(1.2);
}
.l-block02-block-list-message{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 26.0rem;
  text-align: left;
}
.l-block02-block-list-message p{
  display: inline;
  text-align: left;
}
.l-block02-block-list-message p span{
  padding: 1.0rem 2.0rem;
  display: inline-block;
  background: #db2020;
  text-align: left;
  color: #FFFFFF;
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.l-block02-block-list-message p span:nth-of-type(n+2){
  padding: 0 2.0rem 1.0rem;
}
.l-block02-block-list-name{
  padding-top:3.0rem;
  text-align: right;
}
.l-block02-block-list-name p{
  display: inline-block;
  text-align: right;
  color: #4d4d4d;
  font-size:clamp(10px, 1.2rem, 12px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block02-block-list-name p img{
  vertical-align: middle;
  width: 2.4rem;
  margin-right: 1.0rem;
}
.l-block02-block-list-name h3{
  font-family: "zedou", sans-serif;
  text-align: right;
  color: #4d4d4d;
  font-size: clamp(26px, 3.5rem, 35px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 767.5px) {
  .l-recruit-back{
    background: url("../images/common/bg-check-red_pc.png") top center repeat-y transparent;
    background-size: 100% auto;
    min-height:auto;
    padding:0 3.0rem 0;
  }
  .l-block02{
    padding:6.0rem 0 0;
  }
  .l-block02-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block02-inner h2{
    text-align: center;
    color: #db2020;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block02-inner h2 span{
    display: block;
    text-align: center;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0em;
  }
  .l-block02-block{
    padding-top:6.0rem;
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-block02-block-list{
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding-bottom:7.5rem;
  }
  .l-block02-block-list:nth-of-type(odd){
    padding-right:1.5rem;
  }
  .l-block02-block-list:nth-of-type(even){
    padding-left:1.5rem;
  }
  .l-block02-block-list-link{
    display: block;
    position: relative;
  }
  .l-block02-block-list-image{
    display: block;
    text-align: right;
    margin-left:auto;
    text-align: right;
    overflow: hidden;
    width:29.0rem;
    height:17.4rem;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .l-block02-block-list-image img{
    width:100%;
    transition: 0.5s;
  }
  .l-block02-block-list-image img:hover{
    transform: scale(1.2);
  }
  .l-block02-block-list-message{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 18.0rem;
    text-align: left;
  }
  .l-block02-block-list-message p{
    display: inline;
    text-align: left;
  }
  .l-block02-block-list-message p span{
    padding: 1.0rem 2.0rem;
    display: inline-block;
    background: #db2020;
    text-align: left;
    color: #FFFFFF;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.075em;
  }
  .l-block02-block-list-message p span:nth-of-type(n+2){
    padding: 0 2.0rem 1.0rem;
  }
  .l-block02-block-list-name{
    padding-top:11.0rem;
    text-align: right;
  }
  .l-block02-block-list-name p{
    display: inline-block;
    text-align: right;
    color: #4d4d4d;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block02-block-list-name p img{
    vertical-align: middle;
    width: 3.6rem;
    margin-right: 1.0rem;
  }
  .l-block02-block-list-name h3{
    text-align: right;
    color: #4d4d4d;
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}

.l-block03{
  padding:5.0rem 0 14.0rem;
}
.l-block03-inner{
  max-width:160.0rem;
  width:100%;
  margin:0 auto;
  padding-left:20.0rem;
}
.l-block03-inner > h2{
  text-align: left;
  color: #db2020;
  font-size: clamp(22px, 3.0rem, 30px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block03-inner > span{
  font-family: "zedou", sans-serif;
  display: block;
  text-align: left;
  color: #db2020;
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.l-block03-table{
  width:100%;
  display:table;
  margin:5.0rem auto 0;
}
.l-block03-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-block03-table-left{
  width:70.0rem;
  padding-right:8.0rem;
}
.l-block03-table-left ul{
  display:block;
  text-align: left;
  font-size:0;
}
.l-block03-table-left ul li{
  width:calc(50% - 2.0rem);
  display:inline-block;
  vertical-align: middle;
  margin-right:2.0rem;
  margin-bottom:2.0rem;
  border:1px solid #db2020;
  text-align: center;
  padding:1.0rem 1.0rem;
  color: #db2020;
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block03-table-left ul li span{
  margin-right:0.5rem;
  color: #db2020;
  font-size:clamp(10px, 1.2rem, 12px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block03-table-left > h3{
  padding-top:6.0rem;
  text-align: left;
  color: #db2020;
  font-size: clamp(22px, 3.0rem, 30px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block03-table-left > p{
  padding-top:1.5rem;
  text-align: left;
  color: #4d4d4d;
  font-size:clamp(14px, 1.7rem, 17px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block03-table-left-btn{
  padding-top:7.0rem;
  text-align: left;
}
.l-block03-table-left-btn a{
  font-family: "zedou", sans-serif;
  display: inline-block;
  padding-right: 11.5rem;
  padding-top: 2.2rem;
  background: url(../images/common/icon-arrow01-red_pc.png) right center no-repeat transparent;
  background-size: 7.2rem auto;
  min-height: 7.2rem;
  text-align: left;
  color: #db2020;
  font-size:clamp(15px, 2.2rem, 22px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0.2em;
}
.l-block03-table-right{
  width:70.0rem;
}
.l-block03-table-right img{
  width:100%;
  aspect-ratio: 35 / 23;
}

@media screen and (max-width: 767.5px) {
  .l-block03{
    padding:0 1.0rem 8.0rem;
  }
  .l-block03-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding-left:0;
  }
  .l-block03-inner > h2{
    text-align: center;
    color: #db2020;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block03-inner > span{
    display: block;
    text-align: center;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0em;
  }
  .l-block03-table{
    width:100%;
    display:block;
    margin:5.0rem auto 0;
  }
  .l-block03-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block03-table-left{
    width:100%;
    display:block;
    padding-right:0;
  }
  .l-block03-table-left ul{
    display:block;
    text-align: center;
    font-size:0;
  }
  .l-block03-table-left ul li{
    width:calc(50% - 2.0rem);
    display:inline-block;
    vertical-align: middle;
    margin-right:2.0rem;
    margin-bottom:2.0rem;
    border:1px solid #db2020;
    text-align: center;
    padding:1.0rem 1.0rem;
    color: #db2020;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block03-table-left ul li:last-of-type{
    margin-right:0;
  }
  .l-block03-table-left ul li span{
    margin-right:1.0rem;
    color: #db2020;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block03-table-left > h3{
    padding-top:4.0rem;
    text-align: left;
    color: #db2020;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block03-table-left > p{
    padding-top:1.5rem;
    text-align: justify;
    color: #4d4d4d;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block03-table-left-btn{
    padding-top:6.0rem;
    text-align: right;
  }
  .l-block03-table-left-btn a{
    display: inline-block;
    padding-right: 10.0rem;
    padding-top: 1.2rem;
    background: url(../images/common/icon-arrow01-red_pc.png) right center no-repeat transparent;
    background-size: 7.2rem auto;
    min-height: 7.2rem;
    text-align: left;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.2em;
  }
  .l-block03-table-right{
    width:100%;
    display:block;
    padding-top:6.0rem;
  }
  .l-block03-table-right img{
    width:100%;
    aspect-ratio: 35 / 23;
  }
}

.l-block04{
  padding:0 0;
  position:relative;
  z-index:6;
}
.l-block04-inner{
  background:#f7fafc;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  max-width:160.0rem;
  width:100%;
  margin:0 auto;
  padding:9.5rem 8.0rem;
}
.l-block04-inner > h2{
  text-align: center;
  color: #db2020;
  font-size: clamp(22px, 3.0rem, 30px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.075em;
}
.l-block04-inner > span{
  font-family: "zedou", sans-serif;
  display: block;
  text-align: center;
  color: #db2020;
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.075em;
}
.l-block04-block{
  padding-top:2.5rem;
  display:block;
  text-align: center;
  font-size:0;
}
.l-block04-block-list{
  width:40.9rem;
  display:inline-block;
  vertical-align: top;
  padding:1.5rem 0.7rem 0;
}
.l-block04-block-box{
  padding:5.0rem 2.5rem 2.5rem;
  background:#FFFFFF;
}
.l-block04-block-box picture{
  display:block;
  text-align: center;
}
.l-block04-block-box picture img{
  width:33.6rem;
  aspect-ratio: 168 / 97;
}
.l-block04-block-box p{
  padding-top:1.5rem;
  text-align: center;
  color: #4d4d4d;
  font-size:clamp(14px, 1.7rem, 17px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 767.5px) {
  .l-block04{
    padding:0 1.0rem;
    position:relative;
    z-index:6;
  }
  .l-block04-inner{
    background:#f7fafc;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:4.0rem 4.0rem;
  }
  .l-block04-inner > h2{
    text-align: center;
    color: #db2020;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block04-inner > span{
    display: block;
    text-align: center;
    color: #db2020;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0em;
  }
  .l-block04-block{
    padding-top:2.5rem;
    display:block;
    text-align: center;
    font-size:0;
  }
  .l-block04-block-list{
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding:1.5rem 0.7rem 0;
  }
  .l-block04-block-box{
    padding:4.0rem 2.5rem 2.5rem;
    background:#FFFFFF;
  }
  .l-block04-block-box picture{
    display:block;
    text-align: center;
  }
  .l-block04-block-box picture img{
    width:100%;
    aspect-ratio: 168 / 97;
  }
  .l-block04-block-box p{
    padding-top:1.5rem;
    text-align: center;
    color: #4d4d4d;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.03em;
  }
}

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


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