a {
  color: #1876e8;
  text-decoration: underline;
}
a:link{
  color: #1876e8;
  text-decoration: underline;
}
a:visited {
  color: #69abed;
  text-decoration: underline;
}

a:hover, a:active {
  color: #69abed;
  text-decoration: underline;
}

.img{
height: auto;
max-width: 100%;
}



h2.h2_top{
   position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #1876e8;
  font-size: 23px;
  width: 100%;
}

h2.h2_top:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #1e4381;

}



h3.h3_top{
    padding: 8px 19px;
    border-left: 8px solid #1876e8;
    font-size: 20px;
}

h4.SH3 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #2D1212;
    font-weight: bold;
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;

}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;

}

.btn,
a.btn,
button.btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;

  border-radius: 0.5rem;
}

@media screen and (max-width: 767px){
.btn,
a.btn,
button.btn {
  padding: 1rem !important;
}
}




a.btn-flat {
  overflow: hidden;
  padding: 16px 10px;
  color: #000;
  border-radius: 0;
  background: #eaeaea;
  width: 300px;
  margin: 10px;
}

a.btn-flat span {
  position: relative;

}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 150%;
  height: 500%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-70%) rotate(135deg);
  transform: translateX(-80%) translateY(-70%) rotate(135deg);
  background: #cbc859;
  
  
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-18%) translateY(-28%) rotate(135deg);
  transform: translateX(-18%) translateY(-28%) rotate(135deg);
 


}

a.btn-flat:hover {
  color: #fff;
}



  .p-recruitBnrLink__content2 {
       
        aspect-ratio: 610 / 219;
        padding: 28px 32px;
        position: relative;
      }

.p-recruitBnrLink__content2 {
    position: relative;
    background-image: url("https://www.daylight-law.jp/reqruit/wp-content/themes/daylight_responsive/images/officeg.jpg");
    width: 100%;
    height: auto;
    background-size: cover;
}

    .p-recruitBnrLink__content2::before {
        width: 312px;
        aspect-ratio: 610 / 128;
    }

    .p-recruitBnrLink__content2::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      clip-path: polygon(0% 0, 100% 0, 0 100%);
      background-color: #096fdb;
}


.p-recruitBnrLink__content3 {
       
        aspect-ratio: 610 / 219;
        padding: 28px 32px;
        position: relative;
      }

.p-recruitBnrLink__content3 {
    position: relative;
    background-image: url("/reqruit/wp-content/themes/daylight_responsive/images/bachi.jpg");
    width: 100%;
    height: auto;
    background-size: cover;
}

    .p-recruitBnrLink__content3::before {
        width: 312px;
        aspect-ratio: 610 / 128;
    }

    .p-recruitBnrLink__content3::before {
       content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0% 0, 100% 0, 0 100%);
    background-color: #096fdb;
}


.p-recruitBnrLink__content4 {
       
        aspect-ratio: 610 / 219;
        padding: 28px 32px;
        position: relative;
      }

.p-recruitBnrLink__content4 {
    position: relative;
    background-image: url("https://www.daylight-law.jp/reqruit/wp-content/themes/daylight_responsive/images/sonota.jpg");
    width: 100%;
    height: auto;
    background-size: cover;
}

    .p-recruitBnrLink__content4::before {
        width: 312px;
        aspect-ratio: 610 / 128;
    }

    .p-recruitBnrLink__content4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0% 0, 100% 0, 0 100%);
    background-color: #096fdb;
}

h1.main{
      position: relative;
      z-index: 2;
      text-align: left;
      font-size: 3.5vw;
      color: #fff;
      margin: 10% 0%;
}




h1.title{
      position: relative;
    z-index: 2;
    text-align: center;
    font-size: 45px;
    color: #fff;
}

h1.title::after{
    content: "";
    display: block;
    width: 16%;
    height: 5px;
    background: #fff;
    border-radius: 6px;
    margin:auto;  
}



.p-recruitBnrLink__content {
       
        aspect-ratio: 610 / 219;
        padding: 28px 32px;
        osition: relative;
      }

.p-recruitBnrLink__content {
    position: relative;
    background-color: #1e4381;
    width: 100%;
}

    .p-recruitBnrLink__content::before {
        width: 312px;
        aspect-ratio: 610 / 128;
    }

    .p-recruitBnrLink__content::before {
    content: "";
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0;
    height: 323px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    background-color: #1876e8;
}

.p-recruitBnrLink__content>.p-recruitBnrLink__name {
    position: relative;
    z-index: 2;
  }

  .f_table {
  font-size: 16px;
}

.{
    background: #fff;
    list-style: none;
    position: relative;
    margin-bottom: 50px;
    letter-spacing: 0.14em;
    border: 1px solid #e9e1d7;
}


.blog-card {
    border: 2px solid #ddd;
    word-wrap: break-word;
    max-width: 60%;
    border-radius: 5px;
    padding: 20px;
}

.blog-card a {
  text-decoration: none;
}
.blog-card-title {
  color: ##981c12;
  display: block;
}
.blog-card-thumbnail {
  float:left;
  padding:10px;
}
.blog-card-thumbnail img {
  display: block;
  padding: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.blog-card-content {
  line-height:120%;
}
.blog-card-title {
  padding:10px 10px 10px 0;
  font-size:120%;
  font-weight: bold;
  line-height: 1.5em;
}
.blog-card-excerpt {
  color:#333;
  margin:0 10px 10px;
  line-height: 1.2em;
  font-size:90%;
}
.blog-card .clear {
  clear: both;
}

/*-------------------------
  ブログカード small
-------------------------*/
.blog-card-small {
    border: 1px solid #ddd;
    word-wrap: break-word;
    padding: 10px;
    font-size: 16px;
}

.blog-card-small a {
  text-decoration: none;
}
.blog-card-small-title {
  color: ##333;
  display: block;
  font-weight:bold;
}
.blog-card-small-thumbnail {
  float:left;
  padding:10px;
}
.blog-card-small-thumbnail img {
  display: block;
  padding: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.blog-card-small-content {
  line-height:120%;
}
.blog-card-small-title {
  padding:10px 10px 10px 0;
  font-size:100%;
  font-weight: normal;
  line-height: 1.5em;
}
.blog-card-small-excerpt {
  color:#333;
  margin:0 10px 10px;
  font-size:80%;
  line-height: 1.5em;
}
.blog-card-small .clear {
  clear: both;
}


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



h2.h2_top{
width: 100%;
font-size: 20px;
}

.p-recruitBnrLink__content2 {width: 100%;background-size: 107%;padding: 9px;background-repeat: no-repeat;height: 250px;}

.p-recruitBnrLink__content {
width: 100%;
}


  .p-recruitBnrLink__content2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: #096fdb;
}

.p-recruitBnrLink__content3 {width: 100%;background-size: 107%;padding: 9px;background-repeat: no-repeat;height: 250px;}



  .p-recruitBnrLink__content3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 96%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: #096fdb;
}

.p-recruitBnrLink__content4 {width: 100%;background-size: 107%;padding: 9px;background-repeat: no-repeat;height: 250px;}



  .p-recruitBnrLink__content4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: #096fdb;
}



h1.main {
    font-size: 155%;
    margin: 12% 2%;
}

h1.main::after {
    width: 24%;
}

 .p-recruitBnrLink__content::before {
    width: 100%;
}
}

.p-recruitBnrLink__entre{
        aspect-ratio: 610 / 219;
        padding: 28px 32px;
        osition: relative;
      }

.p-recruitBnrLink__entre {
    position: relative;
    background-color: #1e4381;
    width: 100%;
    z-index: 1;
}

    .p-recruitBnrLink__entre::before {
        width: 312px;
        aspect-ratio: 610 / 128;
    }

    .p-recruitBnrLink__entre::before {
    content: "";
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0;
    height: 304px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: #1876e8;

}

.p-recruitBnrLink__entre>.p-recruitBnrLink__name {
    position: relative;
    z-index: 2;
  }

.phot{
    width: 100%;
    margin-bottom: -110px;

}


h1.entitle{

     position: relative;
    z-index: 2;
    text-align: center;
    font-size: 45px;
    color: #fff;
    /* padding-bottom: 10px; */
    margin-bottom: -10px;

  }


h1.entitle::after {
    content: "";
    display: block;
    width: 13%;
    height: 5px;
    background: #fff;
    border-radius: 6px;
    margin: auto;  
}


a.btn-saiyo {
    overflow: hidden;
    padding: 70px 48px;
    color: #000;
    border-radius: 0;
    background: #eaeaea;
    width: 300px;
    margin: 10px;
    height: 165px;
    font-size: 21px;
}


a.btn-saiyo:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 423%;
  height: 500%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-70%) rotate(135deg);
  transform: translateX(-80%) translateY(-70%) rotate(135deg);
  background: #cbc859;
  
  
}

a.btn-saiyo:hover:before {
  -webkit-transform: translateX(-18%) translateY(-28%) rotate(135deg);
  transform: translateX(-18%) translateY(-28%) rotate(135deg);
 
}

a.btn-saiyo:hover {
  color: #fff;
}

a.btn-saiyo span:hover{
    color: #fff;

}

a.btn-saiyo:hover::after {
  border-color: #fff;
}

a.btn-saiyo::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 52%;
    right: 17px;
    margin-top: -4px;
}

a.btn-flat:hover {
  color: #fff;
}


a.btn-saiyo span {
  position: relative;

}
.btn5 {
        width: auto;
        height: auto;
       

}
.btn6 {
        width: auto;
        height: auto;
        text-align: center;
       

}

a.btn-flat:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 7px;
    margin-top: -4px;
}

a.btn-flat {
    overflow: hidden;
    padding: 16px 10px;
    color: #000;
    border-radius: 0;
    background: #eaeaea;
    width: 240px;
    margin: 10px;
}

a.btn-flat:before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 197%;
    height: 500%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-80%) translateY(-70%) rotate(135deg);
    transform: translateX(-80%) translateY(-70%) rotate(135deg);
    background: #cbc859;
}

a.btn-flat:hover:after {
  border-color: #fff;
}




.btn2{
    text-align: center;
    

}

h1.sonota {
    position: relative;
    z-index: 2;
    text-align: left;
    font-size: 35px;
    color: #fff;
    padding: 42px;
}

h1.sonota::after {
    content: "";
    display: block;
    width: 18%;
    height: 5px;
    background: #fff;
    border-radius: 6px;
    margin-left: 9px;
}


@media screen and (max-width: 767px){
.p-recruitBnrLink__entre {
    position: relative;
    background-color: #1e4381;
    max-width: 100%;
    z-index: 1;
}
}


.p-recruitBnrLink__entre::before {
    content: "";
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0;
    height: 304px;
    max-width: 100%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: #1876e8;
}

.phot {
    margin-bottom: -110px;
    max-width: 100%;
}


h1.sonota {
    font-size: 45px;
    padding: 58px 0px;
 
}

h1.sonota::after {18
    width: 18%


}

h1.off {
     position: relative;
     z-index: 2;
     text-align: left;
     font-size: 33px;
     color: #fff;
     margin: 10% 3%;
}










h1.tour{
      position: relative;
    z-index: 2;
    text-align: center;
    font-size: 35px;
    color: #fff;
}



.bana{
text-align: center;
}

.bana :hover{
    opacity: 0.8;
}


@media screen and (max-width: 767px){
.koe{
max-width: 100%;
}


h1.off {
     position: relative;
     z-index: 2;
     text-align: left;
     font-size: 22px;
     color: #fff;
     padding-right: 15%;
     width: 100%;
     margin: 15% 0%;
     margin-left: 4%;
}




.btn2{
    text-align: center;
    width: auto;
    height: auto;
}

a.btn-saiyo {
    
font-size: 21px;
width: 240px;
height: 166px;
padding: 71px 32px;

}

a.btn-saiyo:before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 543%;
    height: 500%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-80%) translateY(-70%) rotate(135deg);
    transform: translateX(-80%) translateY(-70%) rotate(135deg);
    background: #cbc859;
}
}

/*エントリーフォームここから*/


.form_input1 {
border: 1px solid #949494;
border-radius: 5px;
padding: 13px;
font-size: 18px;
max-width: 100%;
width: 560px;
}

.form_input2 {
border: 1px solid #949494;
border-radius: 5px;
padding: 13px;
font-size: 18px;
max-width: 100%;
width: 560px;
}

.form_input3 {
border: 1px solid #949494;
border-radius: 5px;
padding: 13px;
font-size: 18px;
width: 20%;
}

.form_input4 {
border: 1px solid #949494;
border-radius: 5px;
padding: 13px;
font-size: 18px;
max-width: 100%;
}

.form_input5 {
border: 1px solid #949494;
border-radius: 5px;
padding: 13px;
font-size: 18px;
width: 25%;
margin-left: 11px;
}

.form{
border: 2px solid #949494;
    border-radius: 5px;
    padding: 13px 33px;
    font-size: 18px;
    max-width: 100%;

}

.wpcf7cp-cfm-edit-btn{
  border: 2px solid #949494;
    border-radius: 5px;
    padding: 13px 33px;
    font-size: 18px;
    max-width: 100%;  
}

.wpcf7-submit{
     border: 2px solid #949494;
    border-radius: 5px;
    padding: 13px 33px;
    font-size: 18px;
    max-width: 100%;
    background-color: #1876e8;
    color: #fff;
}

.wpcf7-form-control{
    margin: auto;
}

#wpcf7cpcnf th, td {
    display: block;
}

#wpcf7cpcnf th p, td p {
    margin: 0; /* pタグの余白をリセット */
}

.wpcf7 p{
    margin-bottom: 25px;
}

.wpcf7-spinner {
display: none!important;
}

/*エントリーフォーム終わり*/



/*ボタン*/

a.flat-btn3 {
  overflow: hidden;
  color: #000;
  border-radius: 0;
  background: #eaeaea;
  width: 60%;
  margin: 10px;
  text-decoration: none !important;
}

a.flat-btn3 span {
  position: relative;
}

a.flat-btn3:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #cbc859;
}

a.flat-btn3:hover{
  color: #fff;
}

a.flat-btn3:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

a.flat-btn3:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 20px;
    margin-top: -4px;
}


a.flat-btn3:hover:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 20px;
    margin-top: -4px;
}


a.flat-btn4 {
  overflow: hidden;
  color: #fff;
  border-radius: 0;
  background: #1e4381;
  width: 50%;
  margin: 10px;
  height: auto;
  text-decoration: none !important;
}



a.flat-btn4 span {
  position: relative;
}


a.flat-btn4:hover{
  color: #fff;
  opacity: 0.8;
}


a.flat-btn4:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 20px;
    margin-top: -4px;
}



@media screen and (max-width: 767px){
a.flat-btn4 {
        overflow: hidden;
        color: #fff;
        border-radius: 0;
        background: #1e4381;
        width: 100%;
        margin: 6px 6px 6px 0;
        height: auto;
        padding: 1px;
        padding: 0;
        text-decoration: none !important;
}
a.flat-btn4:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 7px;
    margin-top: -4px;
}
}


/* 事務所について */
.office-wrapper2 {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 30px;
  overflow: hidden;
  font-family: sans-serif;
}

.triangle-blue3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1876e8;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 1;
}

.triangle-navy3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e4381;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: 1;
}

.content2 {
  position: relative;
  z-index: 2;
  color: #fff;
}

.inner4 {
    padding: 10% 3%;
}

h1.f-entitle2{

     position: relative;
    z-index: 2;
    text-align: center;
    font-size: 45px;
    color: #fff;
    /* padding-bottom: 10px; */
    margin-bottom: -10px;

  }


h1.f-entitle2::after {
    content: "";
    display: block;
    width: 13%;
    height: 5px;
    background: #fff;
    border-radius: 6px;
    margin: auto;  
}


/*ボタンミニ*/

a.flat-btnmin3 {
  overflow: hidden;
  padding: 15px !important;
  color: #000;
  border-radius: 0;
  text-decoration: none !important;
  background: #eaeaea;
  width: 47%;
  height: auto;
  margin: 9px;
  font-size: 15px;
}

a.flat-btnmin3 span {
  position: relative;
}

a.flat-btnmin3:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #cbc859;
}

a.flat-btnmin3:hover{
  color: #fff;
}

a.flat-btnmin3:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

a.flat-btnmin3:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
}


a.flat-btnmin3:hover:after {
    content: "";
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 20px;
    margin-top: -4px;
}


@media screen and (max-width: 767px){
a.flat-btnmin3 {
  overflow: hidden;
  padding: 20px 0px;
  color: #000;
  border-radius: 0;
  background: #eaeaea;
  width: 90%;
  font-size: 15px;
}
a.flat-btnmin3:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;3
    transform: rotate(45deg);
    position: absolute;
    top: 48%;
    right: 12px;
    margin-top: -4px;
}

a.flat-btnmin3:hover:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 12px;
    margin-top: -4px;
}
}


.office-wrapper3 {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    padding-top: 60px;
    overflow: hidden;
    font-family: sans-serif;
}

h1.f-entitle2 {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 45px;
    color: #fff;
    /* padding-bottom: 10px; */
    margin-bottom: -89px;
}



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

    .p-recruitBnrLink__content3 {
        width: 100%;
        background-size: 107%;
        padding: 9px;
        background-repeat: no-repeat;
        height: 216px;
}

}

.youtube{
    width: 100%;
    height: auto;
}

div.wpcf7 {
    margin: 0 auto;
    width: 56%;
}
@media screen and (max-width: 767px){
    {
    width: 100%;
    height: auto;
}
    div.wpcf7 {
        width: 100%;
    }
}

.sns2{
    display: contents;
    margin-right: 9px;
    width: 65%;
    height: auto;
}

.en-st{
    margin-right: 65px;
}

.en-st ol li {
  display: flex;
  align-items: center;
  position: relative; /* 矢印の基準位置として必要 */
  background: #fff;
  margin-bottom: 35px;
  letter-spacing: 0.14em;
  border: 1px solid #e9e1d7;
  box-sizing: border-box;
}

.en-st ol li span.step {
  background: #e9e1d7;
  color: #3f3f3f;
  font-size: 18px;
  width: 70px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-right: 20px;
  flex-shrink: 0;
}

.en-st ol li:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -37px; /* 高さを調整（矢印が下に見える位置） */
  border: 12px solid transparent;
  border-top: 14px solid #002c55;
  z-index: 10;
}

/* 最後のステップは矢印非表示 */
.en-st ol li.lt-st {
  margin-bottom: 0;
}

.en-st ol li.lt-st:after {
  content: none;
}