/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */

.main_page {
  height: 20vh;
  background: url(images/about/bg_main.jpg) center center/cover no-repeat;
  margin-top: 74px
}

@media(max-width: 767px) {
  .main_page {
    height: 30vw;
    margin-top: 16vw
  }
}

.main_page .inner {
  height: 100%
}

.main_page .inner .txt {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  position: relative
}

.main_page .pagettl {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .main_page .pagettl {
    font-size: 1.25rem
  }
}

.breadcrumbs {
  padding: 1rem 0 3.3rem
}

@media(max-width: 767px) {
  .breadcrumbs {
    padding: .7rem 0 1.5rem
  }
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start
}

.breadcrumbs ul li {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  margin-right: .8rem
}

@media(max-width: 767px) {
  .breadcrumbs ul li {
    font-size: 0.75rem;
    margin-right: .4rem
  }
}

.ttl_point {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #5eb98c;
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .ttl_point {
    margin-bottom: .7rem
  }
}

.ttl_point strong {
  font-size: 1.125rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5rem;
  letter-spacing: .05em;
  text-align: center;
  padding-right: 1.5rem;
  border-right: 1px solid currentColor;
  margin-right: 1.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_point strong {
    font-size: 0.875rem
  }
}

@media(max-width: 767px) {
  .ttl_point strong {
    font-size: 0.9375rem;
    padding-right: .5rem;
    margin-right: .7em
  }
}

.ttl_point strong em {
  font-size: 2.25rem;
  font-style: italic
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_point strong em {
    font-size: 1.5rem
  }
}

@media(max-width: 767px) {
  .ttl_point strong em {
    font-size: 1.75rem
  }
}

.ttl_point b {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem
}

@media(max-width: 767px) {
  .ttl_point b {
    font-size: 1rem
  }
}

.plink_cmn {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto
}

@media(max-width: 767px) {
  .plink_cmn .btn_cmn:nth-child(n+3) {
    margin-top: .8rem
  }
}

.cate_cmn {
  display: inline-block;
  background-color: #5eb98c;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: .2rem 1.4rem;
  margin-right: .8rem
}

@media(max-width: 767px) {
  .cate_cmn {
    font-size: 0.75rem;
    padding: 0 .4rem;
    margin-right: .4rem
  }
}

.about_first .over_cmn .txt {
  background-color: #f8f7f2;
  padding: 3.5rem 6% 4rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_first .over_cmn .txt {
    padding: 1.5rem 4% 2rem
  }
}

@media(max-width: 767px) {
  .about_first .over_cmn .txt {
    padding: 1.5rem 4% 2rem
  }
}

.about_first .over_cmn .txt .ttl01 {
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: .05em;
  margin-bottom: 2rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_first .over_cmn .txt .ttl01 {
    font-size: 1.125rem;
    margin-bottom: .8rem
  }
}

@media(max-width: 767px) {
  .about_first .over_cmn .txt .ttl01 {
    font-size: 1.125rem;
    margin-bottom: .8rem
  }
}

.about_reason ul li {
  max-width: 920px;
  background-color: #f8f7f2;
  padding: 2.2rem 5%;
  margin: 0 auto
}

@media(max-width: 767px) {
  .about_reason ul li {
    padding: 1.5rem 5%
  }
}

.about_reason ul li:not(:last-child) {
  margin-bottom: 2.5rem
}

.about_reason ul li .ttl_point {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .about_reason ul li .ttl_point {
    margin-bottom: 1.2rem
  }
}

.about_service {
  background-color: #f8f8f7
}

.about_service ul li:not(:last-child) {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .about_service ul li:not(:last-child) {
    margin-bottom: 2rem
  }
}

.about_service ul li .txt {
  position: relative
}

.about_service ul li .txt .num {
  font-size: 8rem;
  color: rgba(0, 0, 0, 0);
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  -webkit-text-stroke: 1px rgba(94, 185, 140, .3);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-0.5em);
  z-index: 0
}

@media(max-width: 767px) {
  .about_service ul li .txt .num {
    font-size: 6rem
  }
}

.business_service {
  padding: 5rem 0 12rem
}

@media(max-width: 767px) {
  .business_service {
    padding: 3rem 0 6rem
  }
}

.child_about .area {
  max-width: 800px;
  background-color: #f8f7f2;
  padding: 2.4rem 6%;
  margin: 0 auto
}

@media(max-width: 767px) {
  .child_about .area {
    padding: 1.2rem 4%
  }
}

.child_about .area:not(:last-child) {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .child_about .area:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.child_about .area p.txt01 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2.66;
  text-align: center
}

@media(max-width: 767px) {
  .child_about .area p.txt01 {
    font-size: 0.875rem;
    line-height: 2
  }
}

.child_about .area p.txt01:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .child_about .area p.txt01:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.child_general.bg_ash {
  background-color: #f8f8f7
}

.child_general .inner>.side_cmn:not(:last-child) {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .child_general .inner>.side_cmn:not(:last-child) {
    margin-bottom: 2rem
  }
}

.child_general .side_cmn .txt .area {
  width: 70%;
  border-radius: 20px;
  padding: 1rem 5%
}

.child_general .side_cmn .txt .area.bg_w {
  background-color: #fff
}

.child_general .side_cmn .txt .area:not(:last-child) {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .child_general .side_cmn .txt .area:not(:last-child) {
    margin-bottom: .8rem
  }
}

.child_general .side_cmn .txt p.txt01:not(:last-child) {
  margin-bottom: 3.3rem
}

@media(max-width: 767px) {
  .child_general .side_cmn .txt p.txt01:not(:last-child) {
    margin-bottom: 2rem
  }
}

.child_general .unit:not(:last-child) {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .child_general .unit:not(:last-child) {
    margin-bottom: 2rem
  }
}

.child_general .ul_telflow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}

.child_general .ul_telflow li {
  width: 22.2222222222%
}

@media(max-width: 767px) {
  .child_general .ul_telflow li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
  }
}

@media(max-width: 767px) {
  .child_general .ul_telflow li:not(:last-child) {
    margin-bottom: 2rem
  }
}

.child_general .ul_telflow li:not(:last-child) figure {
  position: relative
}

.child_general .ul_telflow li:not(:last-child) figure::after {
  content: "";
  border: 10px solid rgba(0, 0, 0, 0);
  border-left: 18px solid #bfbfbf;
  position: absolute;
  top: 50%;
  left: calc(100% + .8rem);
  transform: translateY(-50%)
}

@media(max-width: 767px) {
  .child_general .ul_telflow li:not(:last-child) figure::after {
    top: calc(100% + .8rem);
    left: 50%;
    transform: translateX(-50%) rotate(90deg)
  }
}

.child_general .ul_telflow li figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: usnet;
  background-color: #f8f7f2;
  border-radius: 50%;
  text-align: center;
  margin-bottom: .5rem
}

@media(max-width: 767px) {
  .child_general .ul_telflow li figure {
    width: 30%;
    margin: 0 1rem 0 0
  }
}

.child_general .ul_telflow li figure::before {
  content: "";
  display: block;
  padding-top: 100%
}

.child_general .ul_telflow li figure i {
  font-size: 6.25rem;
  color: #5eb98c
}

@media(max-width: 767px) {
  .child_general .ul_telflow li figure i {
    font-size: 2.5rem
  }
}

.child_general .ul_telflow li p.txt03 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .child_general .ul_telflow li p.txt03 {
    font-size: 0.9375rem
  }
}

.child_general .ul_document {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}

.child_general .ul_document li {
  width: 22.2222222222%
}

@media(max-width: 767px) {
  .child_general .ul_document li {
    width: 46%
  }
}

@media(max-width: 767px) {
  .child_general .ul_document li:nth-child(n+3) {
    margin-top: 1.5rem
  }
}

.child_general .ul_document li figure {
  text-align: center;
  margin-bottom: .7rem
}

@media(max-width: 767px) {
  .child_general .ul_document li figure {
    margin-bottom: .3rem
  }
}

.child_general .ul_document li p.txt05 {
  margin-bottom: .5rem
}

@media(max-width: 767px) {
  .child_general .ul_document li p.txt05 {
    line-height: 1.6;
    margin-bottom: 0
  }
}

.child_general .ul_document li .btn_dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center
}

.child_general .ul_document li .btn_dl i {
  font-size: 1rem;
  margin-right: .5rem
}

@media(max-width: 767px) {
  .child_general .ul_document li .btn_dl i {
    font-size: 0.875rem
  }
}

.child_faq ul li {
  background-color: #f8f8f7;
  padding: 0 6%;
  border-radius: .6rem
}

@media(max-width: 767px) {
  .child_faq ul li {
    padding: 0 4%
  }
}

.child_faq ul li:not(:last-child) {
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .child_faq ul li:not(:last-child) {
    margin-bottom: 1rem
  }
}

.child_faq ul li .q {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  padding: 1.5rem 0;
  position: relative
}

@media(max-width: 767px) {
  .child_faq ul li .q {
    padding: .8rem 0
  }
}

.child_faq ul li .q .mark {
  font-size: 2.25rem;
  color: #5eb98c;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%)
}

@media(max-width: 767px) {
  .child_faq ul li .q .mark {
    font-size: 1.5rem;
    right: unset;
    left: 0
  }
}

.child_faq ul li .q p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 2%
}

@media(max-width: 767px) {
  .child_faq ul li .q p {
    font-size: 0.8125rem;
    padding: 0 9%
  }
}

.child_faq ul li .q i {
  font-size: 1.5rem;
  color: #5eb98c;
  -webkit-text-stroke: 2px #f8f8f7;
  transition: all .7s;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%)
}

@media(max-width: 767px) {
  .child_faq ul li .q i {
    font-size: 1.125rem;
    -webkit-text-stroke: 1px #f8f8f7;
    left: unset;
    right: 0
  }
}

.child_faq ul li .q.open i {
  transform: translateY(-50%) rotate(180deg);
  transition: all .7s
}

.child_faq ul li .a {
  display: none;
  border-top: 1px solid #bfbfbf;
  padding: 1.5rem 0 5rem;
  position: relative
}

@media(max-width: 767px) {
  .child_faq ul li .a {
    padding: .8rem 0 2.5rem
  }
}

.child_faq ul li .a .mark {
  font-size: 2.25rem;
  color: #5eb98c;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 100%;
  transform: translateY(0.6em)
}

@media(max-width: 767px) {
  .child_faq ul li .a .mark {
    font-size: 1.5rem;
    right: unset;
    left: 0
  }
}

.child_faq ul li .a p.txt01 {
  padding: 0 2%
}

@media(max-width: 767px) {
  .child_faq ul li .a p.txt01 {
    padding: 0 9%
  }
}

.child_faq ul li .a p.txt01:not(:last-child) {
  margin-bottom: 2.2rem
}

@media(max-width: 767px) {
  .child_faq ul li .a p.txt01:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.company_message .txt_name {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  text-align: right;
  margin-top: .8rem
}

@media(max-width: 767px) {
  .company_message .txt_name {
    font-size: 0.75rem
  }
}

.company_message .txt_name em {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  margin-left: .4rem
}

@media(max-width: 767px) {
  .company_message .txt_name em {
    font-size: 1rem
  }
}

.company_twin .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
}

.company_twin .inner .unit {
  width: 46.2962962963%
}

@media(max-width: 767px) {
  .company_twin .inner .unit {
    width: 100%
  }
}

@media(max-width: 767px) {
  .company_twin .inner .unit:not(:last-child) {
    margin-bottom: 2rem
  }
}

.company_twin .inner .unit .dlwrap dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch
}

.company_twin .inner .unit .dlwrap dl:first-child dt {
  border-top: 1px solid #5eb98c
}

.company_twin .inner .unit .dlwrap dl:first-child dd {
  border-top: 1px solid #bfbfbf
}

.company_twin .inner .unit .dlwrap dl dt, .company_twin .inner .unit .dlwrap dl dd {
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  padding: 1.8rem 3%
}

@media(max-width: 767px) {
  .company_twin .inner .unit .dlwrap dl dt, .company_twin .inner .unit .dlwrap dl dd {
    font-size: 0.75rem;
    padding: 1rem 4%
  }
}

.company_twin .inner .unit .dlwrap dl dt {
  width: 30%;
  border-bottom: 1px solid #5eb98c
}

.company_twin .inner .unit .dlwrap dl dd {
  width: 70%;
  border-bottom: 1px solid #bfbfbf
}

.company_access .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: unset
}

.company_access .inner .txt {
  width: 50%
}

@media(max-width: 767px) {
  .company_access .inner .txt {
    width: 100%;
    margin-bottom: 2rem
  }
}

.company_access .inner figure {
  width: 46.2962962963%
}

@media(max-width: 767px) {
  .company_access .inner figure {
    width: 100%
  }
}

.company_access p.txt01 {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .company_access p.txt01 {
    margin-bottom: 1.2rem
  }
}

.company_access .map {
  position: relative;
  padding-top: 400px;
  overflow: hidden
}

@media(max-width: 767px) {
  .company_access .map {
    padding-top: 100%
  }
}

.company_access .map iframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px + 200px);
  pointer-events: none
}

@media(max-width: 767px) {
  .company_access .map iframe {
    top: -30vw;
    height: calc(100% + 30vw + 30vw)
  }
}

.recruit_ability {
  background-color: #f8f8f7
}

.recruit_ability ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch
}

.recruit_ability ul li {
  width: 31.4814814815%;
  background-color: #fff;
  padding: 1.5rem 2% 2.2rem
}

@media(max-width: 767px) {
  .recruit_ability ul li {
    width: 100%;
    padding: 1rem 4% 1.5rem
  }
}

@media(min-width: 1200px) {
  .recruit_ability ul li:nth-child(n+4) {
    margin-top: 3.5rem
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_ability ul li:nth-child(n+4) {
    margin-top: 2.5rem
  }
}

@media(min-width: 1200px) {
  .recruit_ability ul li:not(:nth-child(3n)) {
    margin-right: 2.7777777778%
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_ability ul li:not(:nth-child(3n)) {
    margin-right: 2.7777777778%
  }
}

@media(max-width: 767px) {
  .recruit_ability ul li:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.recruit_ability ul li figure {
  text-align: center;
  margin-bottom: .8rem
}

@media(max-width: 767px) {
  .recruit_ability ul li figure {
    margin-bottom: .4rem
  }
}

.recruit_message .side_cmn:not(:last-child) {
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .recruit_message .side_cmn:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.recruit_message .side_cmn figure .txt_name {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1rem
}

@media(max-width: 767px) {
  .recruit_message .side_cmn figure .txt_name {
    font-size: 0.75rem;
    margin-top: .6rem
  }
}

.recruit_message .side_cmn figure .txt_name em {
  font-size: 1.25rem
}

@media(max-width: 767px) {
  .recruit_message .side_cmn figure .txt_name em {
    font-size: 1.125rem
  }
}

.recruit_recruitment p.txt11 {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .recruit_recruitment p.txt11 {
    margin-bottom: 1rem
  }
}

.recruit_recruitment p.txt12 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f8f7f2;
  font-size: 1.25rem;
  color: red;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em;
  text-align: center;
  padding: .5rem 2rem;
  margin: 0 auto 2.5rem
}

@media(max-width: 767px) {
  .recruit_recruitment p.txt12 {
    font-size: 0.9375rem;
    padding: .2rem 1rem;
    margin-bottom: 1.5rem
  }
}

.recruit_recruitment ul li {
  background-color: #f8f8f7;
  padding: 0 6%;
  border-radius: .6rem
}

@media(max-width: 767px) {
  .recruit_recruitment ul li {
    padding: 0 4%
  }
}

.recruit_recruitment ul li:not(:last-child) {
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .recruit_recruitment ul li:not(:last-child) {
    margin-bottom: 1rem
  }
}

.recruit_recruitment ul li .q {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  padding: 1.5rem 0;
  position: relative
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .q {
    padding: .8rem 0
  }
}

.recruit_recruitment ul li .q p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .q p {
    font-size: 0.8125rem
  }
}

.recruit_recruitment ul li .q i {
  font-size: 1.5rem;
  color: #5eb98c;
  -webkit-text-stroke: 2px #f8f8f7;
  transition: all .7s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .q i {
    font-size: 1.125rem;
    -webkit-text-stroke: 1px #f8f8f7
  }
}

.recruit_recruitment ul li .q.open i {
  transform: translateY(-50%) rotate(180deg);
  transition: all .7s
}

.recruit_recruitment ul li .a {
  display: none;
  border-top: 1px solid #bfbfbf;
  padding: 1.5rem 0 5rem
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .a {
    padding: .8rem 0 2.5rem
  }
}

.recruit_recruitment ul li .a .ttl01 {
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .a .ttl01 {
    margin-bottom: .5rem
  }
}

.recruit_recruitment ul li .a p.txt02 {
  margin-bottom: 2.2rem
}

@media(max-width: 767px) {
  .recruit_recruitment ul li .a p.txt02 {
    margin-bottom: 1.5rem
  }
}

.privacy_first .unit:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .privacy_first .unit:not(:last-child) {
    margin-bottom: 1.8rem
  }
}

.privacy_first .unit .ttl01 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  padding-left: .6rem;
  border-left: 4px solid #5eb98c;
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .privacy_first .unit .ttl01 {
    font-size: 0.9375rem;
    margin-bottom: .8rem
  }
}

.case_list ul {
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .case_list ul {
    margin-bottom: 2.5rem
  }
}

.cases_catch .ttl01 {
  max-width: 780px;
  background-color: #5eb98c;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  padding: .8rem 2.4rem;
  margin: 0 auto
}

@media(max-width: 767px) {
  .cases_catch .ttl01 {
    font-size: 1.125rem;
    padding: .4rem 1rem
  }
}

.case_detail {
  background-color: #f8f8f7;
  padding: 2rem calc(50% - 50vw);
  margin: 0 calc(50vw - 50%)
}

.case_detail .cate {
  display: inline-block;
  background-color: #5eb98c;
  font-size: 0.8125rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: .2rem 1.4rem;
  margin-bottom: .8rem
}

@media(max-width: 767px) {
  .case_detail .cate {
    font-size: 0.6875rem;
    padding: 0 .4rem;
    margin-bottom: .4rem
  }
}

.case_detail dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start
}

.case_detail dl:not(:last-child) {
  margin-bottom: .8rem
}

.case_detail dl dt {
  width: 18%;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 2rem
}

@media(max-width: 767px) {
  .case_detail dl dt {
    font-size: 0.625rem;
    line-height: 1.5rem
  }
}

.case_detail dl dd {
  width: 78%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: .05em
}

@media(max-width: 767px) {
  .case_detail dl dd {
    font-size: 0.75rem;
    line-height: 1.5rem
  }
}

.case_detail dl dd.dd_ttl {
  font-size: 1.25rem
}

@media(max-width: 767px) {
  .case_detail dl dd.dd_ttl {
    font-size: 0.9375rem
  }
}

.case_area .area {
  max-width: 800px;
  background-color: #f8f7f2;
  padding: 1.2rem 4%;
  margin: 0 auto
}

.case_area .area .unit:not(:last-child) {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 1.2rem
}

.case_area .area .unit ul li {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em;
  text-indent: -1.8em;
  padding-left: 1.8em
}

@media(max-width: 767px) {
  .case_area .area .unit ul li {
    font-size: 0.75rem
  }
}

.case_area .area .unit ul li:not(:last-child) {
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .case_area .area .unit ul li:not(:last-child) {
    margin-bottom: .6rem
  }
}

.case_area .area .unit .ul_dot li::before {
  content: "●";
  font-size: 0.625rem;
  margin-right: .6rem
}

.case_area .area .unit .ul_check li::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 22px;
  background: url(images/case/icn_checked.svg) center center/100% auto no-repeat;
  margin-right: .6em;
  position: relative;
  top: .4em
}

@media(max-width: 767px) {
  .case_area .area .unit .ul_check li::before {
    width: 18px;
    height: 18px
  }
}

.case_content .top {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .case_content .top {
    margin-bottom: 2rem
  }
}

.case_content .inner>.side_cmn {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .case_content .inner>.side_cmn {
    margin-bottom: 2rem
  }
}

.case_content .writer {
  max-width: 900px;
  background-color: #f8f8f7;
  padding: 1.2rem 5%;
  margin: 0 auto 3.5rem
}

@media(max-width: 767px) {
  .case_content .writer {
    margin-bottom: 2rem
  }
}

.case_content .writer .ttl01 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: .8rem
}

@media(max-width: 767px) {
  .case_content .writer .ttl01 {
    font-size: 1rem
  }
}

.case_content .writer .ttl01 span {
  display: block;
  font-size: 1rem;
  color: #5eb98c
}

@media(max-width: 767px) {
  .case_content .writer .ttl01 span {
    font-size: 0.8125rem
  }
}

.news_list {
  background-color: unset
}

.news_list .inner {
  display: block
}

.news_list .inner ul {
  width: 100%;
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .news_list .inner ul {
    margin-bottom: 2.5rem
  }
}

.news_list .inner ul li {
  padding-bottom: 1.3rem;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 1.3rem
}

.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  text-align: center
}

.wp-pagenavi a, .wp-pagenavi span {
  width: 50px;
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  background-color: #f8f8f7;
  font-size: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
  margin: 0 5px
}

@media(max-width: 767px) {
  .wp-pagenavi a, .wp-pagenavi span {
    margin: 0 5px
  }
}

.wp-pagenavi a:hover {
  opacity: .7
}

.wp-pagenavi span.current {
  background-color: #444;
  color: #fff
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  font-size: 0.75rem;
  line-height: 1;
  text-align: center
}

body .wp-pagenavi a, body .wp-pagenavi span {
  width: 30px;
  height: 30%;
  background-color: unset;
  border-radius: 50%;
  font-size: 0.875rem;
  color: #b5b5b5;
  font-weight: 700
}

body .wp-pagenavi span.current {
  background-color: #5eb98c;
  color: #fff
}

body .wp-pagenavi .previouspostslink, body .wp-pagenavi .nextpostslink {
  color: #d1d1d1
}

.blog_single article .top {
  padding-bottom: 3.5rem;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 6rem
}

@media(max-width: 767px) {
  .blog_single article .top {
    padding-bottom: 2rem;
    margin-bottom: 3rem
  }
}

.blog_single article .top .ttl_post {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: .8rem
}

@media(max-width: 767px) {
  .blog_single article .top .ttl_post {
    font-size: 1.25rem
  }
}

.blog_single article .top .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: unset
}

.blog_single article .top .wrap:not(:last-child) {
  margin-bottom: .8rem
}

.blog_single article .top .wrap time {
  font-size: 0.875rem;
  color: #b5b5b5;
  font-weight: 700;
  line-height: 1.5rem;
  margin-right: 2%
}

@media(max-width: 767px) {
  .blog_single article .top .wrap time {
    font-size: 0.75rem
  }
}

.blog_single article .top .wrap .cate {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 70px;
  border: 1px solid #5eb98c;
  border-radius: 3px;
  font-size: 0.75rem;
  color: #5eb98c;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: .05em;text-align:center;
  padding: .2rem .5rem
}

@media(max-width: 767px) {
  .blog_single article .top .wrap .cate {
    font-size: 0.625rem;
    padding: 0 .3rem
  }
}

.blog_single article .lump:not(:last-child) {
  margin-bottom: 4rem
}

@media(max-width: 767px) {
  .blog_single article .lump:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.blog_single article .lump p:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single article .lump p:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.blog_single article .lump .side_cmn:not(:last-child) {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .blog_single article .lump .side_cmn:not(:last-child) {
    margin-bottom: 2rem
  }
}

.blog_single .ttl_h3 {
  font-size: 1.375rem;
  color: #5eb98c;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 1rem;
  border-left: 4px solid #5eb98c;
  margin-bottom: 1.8rem;
  position: relative
}

@media(max-width: 767px) {
  .blog_single .ttl_h3 {
    font-size: 1rem;
    margin-bottom: 1.2rem
  }
}

.blog_single .lump>figure {
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .blog_single .lump>figure {
    margin-bottom: .8rem
  }
}

.blog_single .imgwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: unset;
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single .imgwrap {
    margin-bottom: 1.5rem
  }
}

@media(max-width: 767px) {
  .blog_single .imgwrap figure:not(:last-child) {
    margin-bottom: 1rem
  }
}

.contact_form .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
}

.contact_form .inner .left {
  width: 50%;
  background-color: #f8f7f2;
  border-radius: 10px;
  padding: 2.4rem 5% 4rem
}

@media(max-width: 767px) {
  .contact_form .inner .left {
    width: 100%;
    padding: 1.5rem 4% 2rem;
    margin-bottom: 2rem
  }
}

.contact_form .inner .left>figure {
  text-align: center
}

.contact_form .inner .left>figure:not(:last-child) {
  margin-bottom: 1rem
}

.contact_form .inner .right {
  width: 44.4444444444%
}

@media(max-width: 767px) {
  .contact_form .inner .right {
    width: 100%
  }
}

.contact_form .ttl01 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em;
  text-align: center;
  margin-bottom: 1.4rem
}

@media(max-width: 767px) {
  .contact_form .ttl01 {
    font-size: 0.9375rem;
    letter-spacing: 0;
    margin-bottom: 1rem
  }
}

.contact_form .btn_tel {
  margin-bottom: .6rem
}

.contact_form .btn_tel a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #5eb98c;
  color: #5eb98c;
  border-radius: 5px;
  padding: .8rem 4%
}

.contact_form .btn_tel a i {
  font-size: 1.5625rem;
  line-height: 1.4;
  margin-right: .5rem;
  position: relative;
  top: -0.3em
}

@media(max-width: 767px) {
  .contact_form .btn_tel a i {
    font-size: 1.125rem;
    margin-right: .2rem
  }
}

.contact_form .btn_tel a p {
  text-align: center
}

.contact_form .btn_tel a p em {
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1
}

@media(max-width: 767px) {
  .contact_form .btn_tel a p em {
    font-size: 1.375rem
  }
}

.contact_form .btn_tel a p span {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3
}

@media(max-width: 767px) {
  .contact_form .btn_tel a p span {
    font-size: 0.625rem
  }
}

.contact_form p.txt01 {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .contact_form p.txt01 {
    font-size: 0.625rem;
    margin-bottom: 1rem
  }
}

.contact_form .ul_check li {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em;
  text-indent: -1.8em;
  padding-left: 1.8em
}

@media(max-width: 767px) {
  .contact_form .ul_check li {
    font-size: 0.75rem
  }
}

.contact_form .ul_check li:not(:last-child) {
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .contact_form .ul_check li:not(:last-child) {
    margin-bottom: .6rem
  }
}

.contact_form .ul_check li::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 22px;
  background: url(images/case/icn_checked.svg) center center/100% auto no-repeat;
  margin-right: .6em;
  position: relative;
  top: .4em
}

@media(max-width: 767px) {
  .contact_form .ul_check li::before {
    width: 18px;
    height: 18px
  }
}

.thanks_first .area {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .thanks_first .area {
    margin-bottom: 2rem
  }
}

.tbl_contact {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  margin-bottom: 0px
}

.tbl_contact .col_th {
  display: none
}

@media(max-width: 767px) {
  .tbl_contact .col_th {
    display: none
  }
}

.tbl_contact .col_td {
  display: none
}

@media(max-width: 767px) {
  .tbl_contact .col_td {
    display: none
  }
}

.tbl_contact th {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: left;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    display: block;
    width: 100%;
    font-size: 0.875rem
  }
}

.tbl_contact td {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  padding-top: .3rem;
  padding-bottom: 1.6rem
}

@media(max-width: 767px) {
  .tbl_contact td {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    padding-bottom: 1.1rem
  }
}

.tbl_contact .required {
  position: relative
}

.tbl_contact .required::after {
  content: "必須";
  background-color: #5eb98c;
  border-radius: 5px;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: .2rem .5rem;
  margin-left: .6rem
}

@media(max-width: 767px) {
  .tbl_contact .required::after {
    padding: .2rem .5rem
  }
}

.tbl_contact .any {
  position: relative
}

.tbl_contact .any::after {
  content: "任意";
  background-color: #62b9ce;
  border-radius: 5px;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: .2rem .5rem;
  margin-left: .6rem
}

@media(max-width: 767px) {
  .tbl_contact .any::after {
    padding: .2rem .5rem
  }
}

.tbl_contact td input[type=text], .tbl_contact td input[type=tel], .tbl_contact td input[type=email] {
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding: 3px 5px
}

.tbl_contact td input[type=text], .tbl_contact td input[type=email] {
  width: 100%
}

.tbl_contact td input[type=tel] {
  width: 70%
}

.tbl_contact td textarea {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding: 5px
}

.tbl_contact td span.wpcf7-list-item {
  margin: 0 2em 0 0
}

.txt_policy {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .txt_policy {
    margin-bottom: 1rem
  }
}

.txt_policy a {
  color: #187fff
}

.btn_submit {
  display: table;
  margin: 0 auto;
  position: relative;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3
}

.btn_submit input[type=submit] {
  background: #5eb98c;
  border-radius: 5px;
  text-align: center;
  padding: .8rem 4rem
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    padding: .5rem 3rem
  }
}

.btn_submit i {
  font-size: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8%
}

.btn_submit input[type=submit][disabled] {
  opacity: .3
}

.btn_submit input[type=submit]:not([disabled]):hover {
  cursor: pointer
}

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}


/*# sourceMappingURL=lower-style.css.map */

.company_access .inner {
  margin-bottom: 40px;
}
.b_box h3 {
padding: 0.5em;
    color: #010101;font-size: 20px;
    background: #e9fff4;
    border-bottom: solid 3px #5eb98c;margin-top: 30px;
    margin-bottom: 20px;
}

.b_box h2 {
  position: relative;
  padding: 0.4em;
  background: #5eb98c;color:#fff;    margin-bottom: 25px;
    font-size: 24px;
}

.b_box h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #5eb98c;
  width: 0;
  height: 0;
}
.b_box ul{
    background-color: #e4fff2;
    padding: 15px;
}
.b_box ul li{font-weight:bold;list-style: inside;}
 .b_box ul li a{
    text-decoration: underline;
    color: #185abc;
}