/* メイン */
main {
  overflow: hidden;
  color: #555555;
}

.section_title {
  font-size: 3.6rem;
  font-family: "Shippori Mincho", serif;
  color: #555555;
  font-weight: bold;
  margin-bottom: 3.5rem;
  position: relative;
  margin-left: 4rem;
  letter-spacing:0.1rem;
}

/* ヒーローセクション */
.hero_section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12.8rem;
}

.hero_section_title_wrap {
  margin-top: 16.5rem;
  margin-left: 10rem;
}

.hero_section_title {
  font-size: 4.5rem;
  font-weight: bold;
  font-family: "Shippori Mincho", serif;
  margin-bottom: 0.1rem;
  color: #555555;
  letter-spacing:0.2rem;

}

.hero_section_subtitle {
  font-size: 1.8rem;
  font-family: "Noto Sans JP";
  font-weight: bold;
  color: #AAEBC7;
  letter-spacing:0.03rem;
}

.mainvisual_wrap {
  position: relative;
}

.mainvisual {
  display: block;
  width: 63rem;
  height: 40rem;
}

.mainvisual_wrap::after {
  content: '';
  width: 64rem;
  height: 40rem;
  position: absolute;
  top: 1rem;
  right: 0.1rem;
  opacity: 0.48;
  filter: blur(0.8rem);
  display: block;
  z-index: -1;
  background: transparent linear-gradient(180deg, #8FFFFF 0%, #4FDE3C 100%) 0% 0% no-repeat padding-box;
}

/* 法人概要 */
.corporate_overview {
  margin-bottom: 11.8rem;
}

.section_title::after {
  content: "";
  width: 6rem;
  border-bottom: 0.3rem solid #44986A;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
}

.corporate_overview_table {
  width: 80rem;
  font-family: "Noto Sans JP";
  margin-left: 37.95rem;
}

.corporate_overview_table tr {
  border-top: 0.1rem solid #DDDDDD;

}

.corporate_overview_table tr:last-child {
  border-bottom: 0.1rem solid #DDDDDD;

}

.corporate_overview_table th {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: start;
  color: #555555;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 3rem;
  display: flex;
  margin-right:4.5rem;
}

.corporate_overview_table td {
  font-size: 1.8rem;
  text-align: start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 2rem;
  letter-spacing:0.03rem;
}

.td_flex {
  display: flex;
  gap: 1.5rem;
  padding-top:0.3rem;
}

.web_btn {
  display: block;
  width: 8.5rem;
  height: 2.6rem;
  border-radius: 3.2rem;
  background-color: #44986A;
  color: white;
  padding: 0.1rem 1rem;
  position: relative;
  font-size:1.6rem;
}

.arrow {
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  position: absolute;
  top: 0.1rem;
  right: 1rem;
}

/* 理念 */
.philosophy {
  position: relative;
  margin-bottom: 9.3rem;

}

.philosophy_accent_cross {
  position: absolute;
  width: 40rem;
  height: auto;
  right: 24rem;
  top: 4.5rem;
}

.philosophy_accent_bird {
  position: absolute;
  width: 40rem;
  height: auto;
  bottom: 0rem;
  right: 10rem;
}

.philosophy_box {
  margin-bottom: 0.7rem;
  margin-left: 10rem;
}

.philosophy_title_wrap {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}

.philosophy_num {
  font-size: 13.9rem;
  font-weight: normal;
  font-family: "Shippori Mincho", serif;
  color: #DDDDDD;
  position: relative;
    bottom: 0.5rem;
    left: 0.6rem;
}

.philosophy_title {
  font-size: 2.7rem;
  font-family: "Noto Sans JP";
  font-weight: normal;
  letter-spacing:0.07rem;
  padding-top:0.1rem;
}

.philosophy_text {
  font-size: 1.8rem;
  font-family: "Noto Sans JP";
  width: 50rem;
  position:relative;
  bottom:2.5rem;
}

/* 沿革 */
.history {
  margin-bottom: 20rem;
}

.history_list {
  font-family: "Noto Sans JP";
  display: flex;
  gap: 1.75rem;
  position: relative;
}



.history_list dt {
  font-weight: normal;
  font-size: 1.8rem;
  width: 34.6rem;
  text-align: end;
}

.list_title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.list_text {
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing:0.03rem;
  line-height:2.7rem;
}

.history_list dd {
  position: relative;
  padding-left: 1.75rem;
  padding-bottom: 2.8rem;
}

.list_border {
  position: relative;

}

.list_border::after {
  content: '';
  display: block;
  width: 0.1rem;
  height: 169rem;
  border-left: 0.1rem solid #DDDDDD;
  position: absolute;
  left: 36.4rem;
  top: 1rem;
}

.history_list dd::before {
  content: '';
  background: var(--unnamed-color-aaebc7) 0% 0% no-repeat padding-box;
  background: #AAEBC7 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: blur(2px);
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0.5rem;
  left: -0.7rem;
  z-index: 2;
}

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

  /* メイン */
  main {
    padding: 0 1rem;
  }

  .section_title {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    margin-left: 0;
  }

  .section_title::after {
    width: 3rem;
    bottom: -0.5rem;
  }

  /* ヒーローセクション */
  .hero_section {
    flex-direction: column-reverse;
    margin-bottom: 7.9rem;
  }

  .mainvisual {
    width: 35rem;
    height: 40rem;
    margin: 0 auto;
  }

  .mainvisual_wrap::after {
    width: 35rem;
    height: 40rem;
    position: absolute;
    top: 1rem;
    right: 1.7rem;
    opacity: 0.48;
    filter: blur(0.8rem);
    display: block;
    z-index: -1;
    background: transparent linear-gradient(180deg, #8FFFFF 0%, #4FDE3C 100%) 0% 0% no-repeat padding-box;
  }

  .hero_section_title_wrap {
    width: auto;
    margin: 0 auto;
    margin-top: 2.4rem;
  }

  .hero_section_title {
    font-size: 2.4rem;
    margin-bottom: 0.2rem;
    letter-spacing:0.1rem;
  }

  .hero_section_subtitle {
    font-size: 1.2rem;

  }

  /* 法人概要 */
  .corporate_overview{
    margin-bottom:9.9rem;
  }
  .corporate_overview_table {
    width: 34.5rem;
    margin-left: 0;

  }

  .corporate_overview_table th {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    padding: 0;
    padding-left: 1.3rem;
    padding-top: 1.5rem;
  }

  .corporate_overview_table td {
    display: block;
    padding: 0;
    padding-left: 1.3rem;
    padding-bottom: 1.5rem;
    font-size:1.6rem;
  }
  .td_flex{
    gap:0.5rem;
  }

  /* 理念 */
  .philosophy{
    margin-bottom:23rem;
  }
  .philosophy_box{
    margin-bottom:-0.7rem;
    margin-left:0;
  }
  .philosophy_title_wrap{
    gap:1.9rem;
  }
  .philosophy_num{
    font-size:12.8rem;
    left:1rem;
  }
  .philosophy_title{
    font-size:2rem;
  }
  .philosophy_text{
    font-size:1.6rem;
    width:auto;
    bottom: 2.7rem;
    padding-left: 0.5rem;
  }
  .philosophy_accent_cross{
            width: 14.5rem;
        right: -3rem;
        top: 0.5rem;
  }
  .philosophy_accent_bird{
   width: 15rem;
        left: -1rem;
        bottom: -12rem;
  }

  /* 沿革 */
  .history{
    margin-bottom:16rem;
  }
  .list_border::after{
    left:10.5rem;
    height:229rem;
  }
  .history_list{
    gap:1.3rem;
padding-left:0rem;
  }
  .history_list dt{
    font-size:1.4rem;
    width:9.5rem;
    text-align:start;
    padding-bottom:4rem;
    padding-left:0.5rem;
  }
  .history_list dd{
    width:24.3rem;
    padding-bottom:4rem;
    padding-left: 0.95rem;
  }
  .history_list dd::before{
    left:-1rem;
  }
  .list_title{
    font-size:1.6rem;
    margin-bottom:0.5rem;
    letter-spacing:0.026rem;
    padding-left:0.4rem;
  }
  .list_text{
    font-size:1.4rem;
    letter-spacing:0;
  }



}