@charset "UTF-8";

:root {
  --color-green-dark: #006d3c;
  --color-green-mid: #008a4a;
  --color-green-light: #d8efd8;
  --color-green-pale: #e8f5e8;
  --color-text: #1a1a1a;
  --color-text-sub: #333;
  --color-white: #fff;
  --inner-max: 1440px;
  --inner-pad: 20px;
  --header-h-pc: 100px;
  --header-h-sp: 76px;
  --radius-pill: 999px;
  --radius-box: 12px;
}


/* info_list
***************************************************************/

.btn_entry{
  width: clamp(280px, 34.1vw, 491px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  min-width: 0;
  padding: 1.57em 2.1em 1.57em 1.9em;
  background: var(--color-green-dark);
  border-radius: 999px;
  color: #fff;
  font-size: clamp(15px, 1.67vw, 24px);
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  margin: 90px auto 0;
}
.btn_entry_txt{
  text-align: left;
}
.btn_entry_arrow{
  display: block;
  width: clamp(15px, 1.2vw, 22px);
  height: clamp(15px, 1.2vw, 22px);
  flex-shrink: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}


/*--------------------PC--------------------*/
@media all and (min-width:768px){
  .info_list{
    display: flex;
    flex-wrap: wrap;

    dt{
      width: 22%;
      max-width: 220px;
      border-bottom: 1px solid var(--color-green-dark);
      padding: 1em 0;
    }
    dd{
      width: calc(100% - 22%);
      border-bottom: 1px solid var(--color-green-dark);
      padding: 1em 0;
    }
  }


  .btn_entry:hover{
    background: var(--color-green-mid);
  }

}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .info_list{

    dt{
      padding: 1em 0 0.5em;
    }
    dd{
      border-bottom: 1px solid var(--color-green-dark);
      padding: 0 0 1em;
    }
  }

  .btn_entry{
    margin: 45px auto 0;
  }


}



/* aaa
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}