/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */
.main_page {
  height: 40vh;
  background: url(images/news/bg_main.jpg) center center/cover no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  position: relative
}

@media(min-width: 1200px) {
  .main_page {
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_page {
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .main_page {
    padding-top: 16vw
  }
}

.main_page .pagettl {
  font-size: 1.75rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  text-align: center
}

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

.main_page .pagettl span {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase
}

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

.breadcrumbs {
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  padding: .8rem 0
}

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

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

@media(max-width: 767px) {
  .breadcrumbs ul li {
    font-size: 0.625rem
  }
}

.const_first p.txt01 {
  margin-bottom: 1.7em
}

.const_first .triple {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px
}

@media(max-width: 767px) {
  .const_first .triple {
    gap: 0 2%
  }
}

.const_first .triple .circle {
  width: 140px;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  background: linear-gradient(135deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border-radius: 100vmax;
  padding: .8rem;
  position: relative
}

@media(max-width: 767px) {
  .const_first .triple .circle {
    width: 32%;
    padding: .4rem
  }
}

.const_first .triple .circle::before {
  content: "";
  width: calc(100% - 10px);
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100vmax;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.const_first .triple .circle p {
  text-align: center;
  position: relative;
  z-index: 1
}

.const_worries {
  background-color: #f2f2f2
}

.const_worries .ul01 li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1.5rem;
  background-color: #fff;
  border-radius: 10px;
  padding: 2rem 4%
}

@media(max-width: 767px) {
  .const_worries .ul01 li {
    gap: 0 .8rem;
    padding: .8rem 4%
  }
}

.const_worries .ul01 li:not(:last-child) {
  margin-bottom: 10px
}

.const_worries .ul01 li i {
  font-size: 1.875rem;
  color: #0382c6;
  line-height: 1
}

@media(max-width: 767px) {
  .const_worries .ul01 li i {
    font-size: 1.25rem
  }
}

.const_worries .ul01 li p {
  line-height: 1.5
}

.const_seeitai {
  background: linear-gradient(135deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%)
}

.const_seeitai p.txt01 {
  margin-bottom: 2.5em
}

@media(max-width: 767px) {
  .const_seeitai p.txt01 {
    margin-bottom: 1.6em
  }
}

.const_seeitai .ul01 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2.2222222222%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .const_seeitai .ul01 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .const_seeitai .ul01 {
    grid-template-columns: repeat(1, 1fr)
  }
}

.const_seeitai .ul01 li {
  background-color: #fff;
  border-radius: 1.2rem;
  overflow: hidden
}

.const_seeitai .ul01 li figure img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
  object-fit: cover
}

.const_seeitai .ul01 li .txt {
  padding: 1rem 4%
}

.const_seeitai .ul01 li .txt p.txt_sub {
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: .2em
}

.const_case {
  position: relative
}

.const_case::before,
.const_case::after {
  content: "";
  width: 35vw;
  height: 20%;
  position: absolute;
  z-index: -1
}

.const_case::before {
  background: linear-gradient(135deg, rgba(111, 208, 66, 0.3) 0%, rgba(51, 165, 139, 0.3) 55%, rgba(47, 162, 144, 0.3) 56%, rgba(3, 130, 198, 0.3) 100%);
  border-radius: 2.5rem 0 0 2.5rem;
  right: 0;
  bottom: 55%
}

.const_case::after {
  background: linear-gradient(315deg, rgba(111, 208, 66, 0.3) 0%, rgba(51, 165, 139, 0.3) 55%, rgba(47, 162, 144, 0.3) 56%, rgba(3, 130, 198, 0.3) 100%);
  border-radius: 0 2.5rem 2.5rem 0;
  left: 0;
  top: 55%
}

.const_case .side_cmn:not(:last-child) {
  margin-bottom: 3.5rem
}

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

.const_case .side_cmn h3.ttl01 {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center
}

.const_case .side_cmn h3.ttl01 em {
  font-size: 5rem;
  color: rgba(3, 130, 198, .1);
  font-weight: 600;
  line-height: 1;
  margin-right: .2em;
  position: relative;
  top: -0.1em
}

@media(max-width: 767px) {
  .const_case .side_cmn h3.ttl01 em {
    font-size: 3rem
  }
}

.const_reason {
  background-color: #f2f2f2
}

.const_reason .paper {
  max-width: 94vw;
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 4rem 0 3rem;
  margin-inline: auto
}

@media(min-width: 1200px) {
  .const_reason .paper {
    max-width: 1270px
  }
}

@media(max-width: 767px) {
  .const_reason .paper {
    padding: 2.5rem 0 2rem
  }
}

.const_reason .paper ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .const_reason .paper ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 5%
  }
}

@media(max-width: 767px) {
  .const_reason .paper ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 5%
  }
}

.const_reason .paper ul li figure {
  margin-bottom: .8rem
}

.const_reason .paper ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.const_reason .paper ul li p.txt01 {
  line-height: 1.5
}

.const_works ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 3.7037037037%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .const_works ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .const_works ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

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

.const_faq ul li .q,
.const_faq ul li .a {
  padding: .8rem 3rem .8rem 1.2rem
}

@media(max-width: 767px) {

  .const_faq ul li .q,
  .const_faq ul li .a {
    padding: .8rem 2rem .8rem 1rem
  }
}

.const_faq ul li .q .inn,
.const_faq ul li .a .inn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: unset
}

.const_faq ul li .q .mark,
.const_faq ul li .a .mark {
  display: grid;
  place-content: center;
  width: 52px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100vmax;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1;
  padding-bottom: .2em;
  position: relative;
  top: 3px
}

@media(max-width: 767px) {

  .const_faq ul li .q .mark,
  .const_faq ul li .a .mark {
    width: 32px;
    font-size: 1.25rem
  }
}

.const_faq ul li .q p,
.const_faq ul li .a p {
  width: calc(100% - 52px - 10px);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .05em;
  position: relative
}

@media(max-width: 767px) {

  .const_faq ul li .q p,
  .const_faq ul li .a p {
    width: calc(100% - 32px - 8px);
    font-size: 0.875rem
  }
}

.const_faq ul li .q {
  background-color: #a3dfff;
  position: relative
}

.const_faq ul li .q .mark {
  color: #0382c6
}

.const_faq ul li .q i {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 3%;
  transition: all .7s
}

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

.const_faq ul li .q.open i {
  rotate: 90deg;
  transition: all .7s
}

.const_faq ul li .q:hover {
  transition: all 1s
}

.const_faq ul li .q:hover p,
.const_faq ul li .q:hover i {
  transition: all 1s
}

.const_faq ul li .a {
  display: none;
  background-color: #f4f2f2
}

.const_faq ul li .a .mark {
  color: #f03b3b
}

.about_first {
  position: relative
}

.about_first .inner {
  z-index: 2
}

.about_first .bgtxtwrap {
  position: absolute;
  bottom: 5%;
  left: 0;
  z-index: 1
}

.about_policy {
  background-color: #4b4b4b;
  position: relative
}

.about_policy .inner {
  z-index: 2
}

.about_policy figure {
  margin-inline: auto
}

@media(min-width: 1200px) {
  .about_policy figure {
    max-width: 940px
  }
}

.about_policy figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.about_policy .bgtxtwrap {
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

.about_greeting {
  background: linear-gradient(135deg, rgba(111, 208, 66, 0.1) 0%, rgba(51, 165, 139, 0.1) 55%, rgba(47, 162, 144, 0.1) 56%, rgba(3, 130, 198, 0.1) 100%)
}

.about_greeting .ttl01 {
  margin-bottom: 2.5rem
}

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

.about_greeting .ttl01 em {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: .85;
  letter-spacing: .1em;
  background: linear-gradient(90deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_greeting .ttl01 em {
    font-size: 2.5rem
  }
}

@media(max-width: 767px) {
  .about_greeting .ttl01 em {
    font-size: 2.25rem
  }
}

.about_greeting .ttl01 span {
  display: block;
  margin-top: .2em
}

.about_greeting p.txt01 {
  margin-bottom: 2.5em
}

@media(max-width: 767px) {
  .about_greeting p.txt01 {
    margin-bottom: 1.5em
  }
}

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

.about_overview .inner .ttlline {
  width: 18.5185185185%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_overview .inner .ttlline {
    width: 100%;
    margin-bottom: 2rem
  }
}

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

.about_overview .inner .content {
  width: 75.5555555556%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_overview .inner .content {
    width: 100%
  }
}

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

.about_overview .inner .content .dl_cmn {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .about_overview .inner .content .dl_cmn {
    margin-bottom: 1.5rem
  }
}

.about_overview .map {
  position: relative;
  width: 100%;
  padding-top: 360px;
  overflow: hidden
}

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

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

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

dl.dl_cmn div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cbcbcb
}

@media(max-width: 767px) {
  dl.dl_cmn div {
    padding-bottom: .5rem
  }
}

dl.dl_cmn div:not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  dl.dl_cmn div:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

dl.dl_cmn div dt,
dl.dl_cmn div dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  dl.dl_cmn div dt,
  dl.dl_cmn div dd {
    font-size: 0.8125rem
  }
}

dl.dl_cmn div dt {
  width: 30%
}

dl.dl_cmn div dd {
  width: 70%
}

.about_history {
  background-color: #f2f2f2
}

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

.about_history .inner .ttlline {
  width: 18.5185185185%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_history .inner .ttlline {
    width: 100%;
    margin-bottom: 2rem
  }
}

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

.about_history .inner .content {
  width: 75.5555555556%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_history .inner .content {
    width: 100%
  }
}

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

.about_bnrs ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .9rem 2%
}

@media(min-width: 1200px) {
  .about_bnrs ul {
    max-width: 936px;
    margin-inline: auto
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_bnrs ul {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width: 767px) {
  .about_bnrs ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

.main_see {
  height: 55vh;
  background: url(images/see/bg_main.jpg) center center/cover no-repeat;
  position: relative
}

.main_edge {
  height: 55vh;
  background: url(/wp-content/uploads/2025/09/bg_record.png) center center/cover no-repeat;
  position: relative
}

@media(min-width: 1200px) {
  .main_see {
    min-height: 400px;
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_see {
    height: 60vh;
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .main_see {
    height: 70vh;
    background-position: left center;
    padding-top: 16vw
  }
}

.main_see .inner,
.main_edge .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column
}

.main_see .txt_sub {
  margin-bottom: 1.2rem
}

.main_see .ttl01 {
  margin-bottom: 2rem
}

.main_see p.txt01 {
  max-width: 410px
}

.page_plink .ul_plink {
  max-width: 942px;
  margin-inline: auto
}

.ul_plink {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .6rem 1.2rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ul_plink {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .ul_plink {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem 2%
  }
}

.ul_plink li a {
  height: 3.5rem;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 100vmax;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: .5rem;
  position: relative
}

@media(max-width: 767px) {
  .ul_plink li a {
    height: 2.2rem;
    padding-bottom: .3rem
  }
}

.ul_plink li a p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .1em
}

@media(max-width: 767px) {
  .ul_plink li a p {
    font-size: 0.6875rem;
    letter-spacing: 0
  }
}

.ul_plink li a i {
  font-size: 0.5rem;
  color: #a3a3a3;
  line-height: 1;
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%)
}

.ul_plink li a:hover {
  background-color: #dedede;
  transition: .3s ease
}

.see_about {
  background-color: #f2f2f2;
  padding-bottom: 1.2rem
}

.see_about .topline {
  margin-bottom: 2rem
}

.see_about .topline .ttl01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  position: relative;
  top: -0.8rem
}

@media(max-width: 767px) {
  .see_about .topline .ttl01 {
    top: -0.4rem
  }
}

.see_about .topline .ttl01 em {
  font-size: 7.5rem;
  font-weight: 700;
  font-style: italic;
  line-height: .85;
  letter-spacing: .1em;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_about .topline .ttl01 em {
    font-size: 5rem
  }
}

@media(max-width: 767px) {
  .see_about .topline .ttl01 em {
    font-size: 3.75rem
  }
}

.see_about .topline .ttl01 span {
  margin-left: 2em
}

@media(max-width: 767px) {
  .see_about .topline .ttl01 span {
    margin-left: 1em
  }
}

.see_about .btmline .img01 {
  margin-bottom: 2.8rem
}

@media(max-width: 767px) {
  .see_about .btmline .img01 {
    margin-bottom: 1.8rem
  }
}

.see_about .btmline .img01 img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_worries {
  position: relative
}

.see_worries::after {
  content: "";
  width: 100%;
  aspect-ratio: 1440/85;
  background-color: #f2f2f2;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0
}

.see_can p.txt_sub {
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 5em
}

.see_can ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 4.1666666667%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_can ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .see_can ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.see_can ul li .num {
  display: grid;
  place-content: center;
  width: 60px;
  aspect-ratio: 1/1;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border-radius: 100vmax;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
  margin-bottom: -30px;
  position: relative
}

.see_can ul li figure {
  margin-bottom: 1.2rem
}

.see_can ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_can ul li h3.ttl_cmn2 {
  margin-bottom: .5em
}

.see_scene {
  background: linear-gradient(150deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%)
}

.see_scene .topline {
  margin-bottom: 3rem
}

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

.see_scene .topline .ttl01 {
  text-align: center
}

.see_scene p.txt_sub {
  margin-bottom: 3.9em
}

@media(max-width: 767px) {
  .see_scene p.txt_sub {
    margin-bottom: 2.5em
  }
}

.see_scene .ul01 {
  margin-bottom: 3.5rem
}

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

.see_scene .ul01 li {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .see_scene .ul01 li {
    margin-bottom: 2rem
  }
}

.see_scene .ul01 li .txt {
  position: relative
}

.see_scene .ul01 li .txt .txt_poa {
  position: absolute;
  top: 1rem;
  right: 2rem
}

.see_scene .ul01 li .txt span.tag {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin: 0 1em .6em 0
}

.see_scene .ul01 li .txt h3.ttl_cmn2 {
  margin-bottom: .4em
}

.see_scene .ul02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 5.5555555556%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

@media(max-width: 767px) {
  .see_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

.see_scene .ul02 li .num {
  font-size: 1.125rem;
  color: #6fd042;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: .5em
}

.see_scene .ul02 li .num em {
  font-size: 1.625rem;
  line-height: 1;
  margin-left: .2em
}

.see_scene .ul02 li h5.ttl_cmn2 {
  font-weight: 500;
  margin-bottom: .4em
}

.see_scene .ul02 li p.txt02 {
  line-height: 1.5;
  margin-bottom: 1.5em
}

.see_service {
  background-color: #f2f2f2;
  position: relative
}

.see_service .inner {
  z-index: 2
}

.see_service p.txt01 {
  margin-bottom: 1.5em
}

.see_service .img01 img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_service .bgtxtwrap {
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: 1
}

.see_function {
  background-color: #f2f2f2
}

.see_function .ul01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 3.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2.5rem
  }
}

@media(max-width: 767px) {
  .see_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.see_function .ul01 li {
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.see_function .ul01 li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_function .ul01 li .txt {
  padding: 2rem 5% 2.5rem
}

@media(max-width: 767px) {
  .see_function .ul01 li .txt {
    padding: 1.5rem 4%
  }
}

.see_function .ul02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_function .ul02 {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 2rem
  }
}

@media(max-width: 767px) {
  .see_function .ul02 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.see_function .ul02 li figure {
  margin-bottom: 1rem
}

.see_function .ul02 li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_function .ul02 li h5.ttl_cmn2 {
  margin-bottom: .5em
}

.see_function .ul03 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_function .ul03 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .see_function .ul03 {
    grid-template-columns: repeat(1, 1fr)
  }
}

.see_function .ul03 li figure {
  margin-bottom: .5rem
}

.see_function .ul03 li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_function .ul03 li h5.ttl_cmn2 {
  line-height: 1.2;
  margin-bottom: .5em
}

@media(min-width: 1200px) {
  .see_function .ul03 li h5.ttl_cmn2 {
    min-height: 2em
  }
}

.see_type .colwrap {
  max-width: 960px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 6%;
  margin-inline: auto
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .see_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.see_type .colwrap .col span.cate {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin-inline: auto;
  margin-bottom: .5rem
}

.see_type .colwrap .col h3.ttl_cmn2 {
  margin-bottom: .5em
}

.see_type .colwrap .col figure {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .see_type .colwrap .col figure {
    margin-bottom: .7rem
  }
}

.see_type .colwrap .col figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media(min-width: 1200px) {
  .see_type .colwrap .col h4.ttl_cmn2 {
    max-width: 14em;
    margin-inline: auto
  }
}

.see_type .colwrap .col p.txt01 {
  margin-bottom: 2em
}

.see_works ul li {
  background-color: unset;
  box-shadow: unset
}

.see_works ul li .txt {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.5rem 6%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-top: -3.5rem;
  position: relative
}

@media(max-width: 767px) {
  .see_works ul li .txt {
    padding: 1.5rem 4%;
    margin-top: -2rem
  }
}

.see_works ul li .txt .ttl01 {
  margin-top: .3em
}

.see_works ul li .txt p.txt01 {
  margin-bottom: 2em
}

.see_works ul li .txt .addinfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0 .2rem
}

.see_works ul li .txt .addinfo .price em {
  font-size: 2rem;
  line-height: 1;
  margin-inline: .2em
}

@media(max-width: 767px) {
  .see_works ul li .txt .addinfo .price em {
    font-size: 1.5rem
  }
}

.see_flow {
  background-color: #f2f2f2
}

.see_flow ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 5.9259259259%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_flow ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .see_flow ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.see_flow ul li:not(:last-child) figure {
  position: relative
}

.see_flow ul li:not(:last-child) figure::after {
  width: 19px;
  height: 32px;
  background-color: #ff7171;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: calc(100% + 1.2rem);
  transform: translateY(-50%)
}

@media(min-width: 1200px) {
  .see_flow ul li:not(:last-child) figure::after {
    content: ""
  }
}

.see_flow ul li figure {
  text-align: center;
  margin-bottom: 1.2rem
}

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

.see_flow ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media(max-width: 767px) {
  .see_flow ul li figure img {
    width: 50vw
  }
}

.see_flow ul li h3.txt_cmn {
  margin-bottom: .66em
}

.see_method p.txt_sub {
  margin-bottom: 1.5em
}

.see_method .colwrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_method .colwrap {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .see_method .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.see_method .colwrap .col .ttl01 {
  height: 6rem;
  display: grid;
  place-content: center;
  border: 1px solid #0382c6;
  border-radius: .6rem;
  padding: .5em 3%;
  line-height: 1.5;
  margin-bottom: 1em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .see_method .colwrap .col .ttl01 {
    height: 4rem
  }
}

@media(max-width: 767px) {
  .see_method .colwrap .col .ttl01 {
    height: 3.5rem;
    margin-bottom: .6em
  }
}

.see_method .colwrap .col .ttl01 span {
  font-size: 0.875rem
}

@media(max-width: 767px) {
  .see_method .colwrap .col .ttl01 span {
    font-size: 0.75rem
  }
}

.see_study ul li {
  padding-bottom: 10px
}

.see_study ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.see_study ul li .txt {
  max-width: 400px;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-inline: auto;
  margin-top: -3.5rem;
  overflow: hidden;
  position: relative
}

@media(max-width: 767px) {
  .see_study ul li .txt {
    margin-top: -2rem
  }
}

.see_study ul li .txt .ttl01 {
  background-color: #0382c6;
  padding: .7em 2% .5em
}

.see_study ul li .txt .content {
  padding: 2rem 4%
}

.see_study ul li .txt .content .dl_cmn2 {
  max-width: 290px;
  margin-inline: auto
}

.see_study .slick-slider {
  line-height: 0
}

.see_study .slick-slider .slick-slide {
  margin-inline: 1vw
}

dl.dl_cmn2 div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.2rem 1rem
}

dl.dl_cmn2 div:not(:last-child) {
  margin-bottom: 1rem
}

dl.dl_cmn2 div dt,
dl.dl_cmn2 div dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  dl.dl_cmn2 div dt,
  dl.dl_cmn2 div dd {
    font-size: 0.8125rem
  }
}

dl.dl_cmn2 div dt {
  width: 35%;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  padding: .2em .5em;
  font-size: 0.875rem;
  color: #a3a3a3;
  font-weight: 500;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dt {
    font-size: 0.75rem
  }
}

dl.dl_cmn2 div dd {
  width: 60%;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dd {
    font-size: 1.125rem
  }
}

.see_voice {
  background-color: #f2f2f2
}

.see_voice ul li.side_cmn {
  background-color: #fff;
  border-radius: 10px;
  padding: 2.5rem 4%
}

@media(max-width: 767px) {
  .see_voice ul li.side_cmn {
    padding: 1.5rem 4%
  }
}

.see_voice ul li.side_cmn:not(:last-child) {
  margin-bottom: 10px
}

@media(max-width: 767px) {
  .see_voice ul li.side_cmn figure img {
    width: 50vw
  }
}

.see_voice ul li.side_cmn h3.ttl_cmn2 {
  margin-bottom: .4em
}

.reason_content.bg_ash {
  background-color: #f0f0f0
}

.reason_content p.txt_sub {
  font-weight: 600;
  margin-bottom: .2em
}

.recruit_first {
  background: url(images/recruit/bg_recruit01.jpg) center center/cover no-repeat;
  margin-top: 1.5rem
}

.recruit_first h2.ttl_cmn2 {
  max-width: 600px
}

.recruit_first p.txt01 {
  max-width: 500px
}

.recruit_message {
  position: relative
}

.recruit_message .inner {
  z-index: 2
}

.recruit_message .ttl01 em {
  line-height: .85;
  letter-spacing: .1em;
  background: linear-gradient(120deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.recruit_message .bgtxtwrap {
  position: absolute;
  bottom: 5%;
  left: 0;
  z-index: 1
}

.recruit_desc {
  background-color: #f2f2f2
}

.recruit_desc .ttl01 {
  font-size: 5rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin-bottom: .6em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_desc .ttl01 {
    font-size: 2.5rem
  }
}

@media(max-width: 767px) {
  .recruit_desc .ttl01 {
    font-size: 2.25rem
  }
}

.recruit_desc .ttl01 span {
  display: block;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.6
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_desc .ttl01 span {
    font-size: 1.125rem
  }
}

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

.recruit_desc ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2.5925925926%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_desc ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .recruit_desc ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.recruit_desc ul li {
  background-color: #fff;
  border-radius: 1.2rem;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.recruit_desc ul li figure img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
  object-fit: cover
}

.recruit_desc ul li .txt {
  padding: 1rem 4%
}

.recruit_overview {
  background-color: #fff
}

.recruit_overview .dl_cmn {
  margin-bottom: 4rem
}

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

.news_list {
  margin-top: 1.5rem
}

.news_single {
  margin-top: 1.5rem
}

.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: 28px;
  height: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  border-radius: 100vmax;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Barlow", sans-serif;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  margin: 0 10px
}

@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: #0382c6;
  color: #fff
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-size: 0.625rem;
  color: #0382c6;
  line-height: 1;
  text-align: center
}

@media(max-width: 767px) {

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    font-size: 0.5rem
  }
}

.contact_form {
  background-color: #f2f2f2
}

.contact_form .area {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 4.5rem 5% 5rem
}

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

.contact_form .area p.txt01 {
  margin-bottom: 3.5em
}

@media(max-width: 767px) {
  .contact_form .area p.txt01 {
    margin-bottom: 2em
  }
}

.contact_form .area p.txt_under {
  margin-bottom: .4em
}

.contact_form .area .txtbox {
  max-width: 682px;
  height: 150px;
  overflow: scroll;
  background-color: #f8f8f8;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  padding: 1.2rem 4%;
  margin-inline: auto;
  margin-bottom: 1rem
}

.tbl_contact {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 3rem;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 2.3rem
}

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

.tbl_contact .col_th {
  width: 30%
}

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

.tbl_contact .col_td {
  width: 70%
}

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

.tbl_contact th,
.tbl_contact td {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  .tbl_contact th,
  .tbl_contact td {
    display: block;
    font-size: 0.8125rem
  }
}

.tbl_contact th {
  text-align: left;
  padding-left: 10px;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    padding-bottom: .4rem
  }
}

.tbl_contact th::before {
  content: "";
  width: 4px;
  height: 25px;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  position: absolute;
  left: 0;
  top: .25rem
}

.tbl_contact .required::after,
.tbl_contact .any::after {
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  padding: .2rem .5rem;
  margin-right: .5rem;
  position: relative;
  margin-left: 1em;
  top: -0.1rem
}

@media(max-width: 767px) {

  .tbl_contact .required::after,
  .tbl_contact .any::after {
    margin-right: .3rem
  }
}

.tbl_contact .required::after {
  content: "必須";
  background-color: #0382c6;
  color: #fff
}

.tbl_contact .any::after {
  background-color: #f2f2f2
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=tel],
.tbl_contact td input[type=email],
.tbl_contact td input[type=date],
.tbl_contact td select {
  background: #f8f8f8;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  padding: 6px 5px
}

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

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

.tbl_contact td input[type=date] {
  width: 30%
}

.tbl_contact td select {
  width: 40%
}

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

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

.th_textarea {
  vertical-align: top;
  padding-top: .3em
}

.th_textarea.required::after,
.th_textarea.any::after {
  top: .3rem
}

@media(max-width: 767px) {

  .th_textarea.required::after,
  .th_textarea.any::after {
    top: .3rem
  }
}

.check_confirm {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  margin: 0px 0 20px
}

@media(max-width: 767px) {
  .check_confirm {
    font-size: 0.875rem;
    margin: 1rem 0 2rem
  }
}

.check_confirm label {
  padding: 20px
}

.check_confirm span {
  margin-right: 5px
}

.btn_submit {
  display: table;
  margin: 0 auto;
  font-size: 0.9375rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  position: relative
}

@media(max-width: 767px) {
  .btn_submit {
    font-size: 0.8125rem
  }
}

.btn_submit input[type=submit] {
  width: 280px;
  height: 54px;
  background: linear-gradient(120deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border: 1px solid #fff;
  border-radius: 100vmax;
  text-align: center
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    width: 80vw;
    height: 3rem
  }
}

.btn_submit input[type=submit]:hover {
  transition: .3s ease
}

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

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

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

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}

.thanks_first {
  background-color: #f2f2f2
}

.thanks_first .area {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 4.5rem 5% 5rem
}

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

.thanks_first .area p.txt01 {
  margin-bottom: 2.5em
}

@media(max-width: 767px) {
  .thanks_first .area p.txt01 {
    margin-bottom: 1.5em
  }
}

.column_list ul {
  margin-bottom: 4.5rem
}

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

.column_single {
  margin-top: 1.5rem
}

.blog_single {
  background-color: #f2f2f2
}

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

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

.blog_single article {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 6.5rem 8% 5rem
}

@media(max-width: 767px) {
  .blog_single article {
    padding: 3rem 4% 3rem
  }
}

.blog_single .top {
  margin-bottom: 2rem
}

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

.blog_single .top .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1.2rem;
  line-height: 1.5rem;
  margin-bottom: .4rem
}

.blog_single .top .ttl_post {
  line-height: 1.3;
  padding-bottom: .3em;
  border-bottom: 1px solid #dedede
}

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

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

.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single p,
.blog_single figcaption {
  font-family: "IBM Plex Sans JP", sans-serif
}

.blog_single article>:is(.side_cmn, .area):not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single article>:is(.side_cmn, .area):not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.blog_single h2:not(.ttl_post) {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  padding-left: .6em;
  margin-bottom: .9em;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  .blog_single h2:not(.ttl_post) {
    font-size: 1.5rem
  }
}

@media(max-width: 767px) {
  .blog_single h2:not(.ttl_post) {
    font-size: 1.375rem
  }
}

.blog_single h2:not(.ttl_post)::before {
  content: "";
  width: .15em;
  height: 100%;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  position: absolute;
  bottom: 0;
  left: 0
}

.blog_single h3:not(.ttl01) {
  background-color: #f2f2f2;
  font-size: 1.25rem;
  color: #0382c6;
  font-weight: 500;
  line-height: 1.5;
  padding: .3em .6em .1em;
  margin-bottom: .7em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .blog_single h3:not(.ttl01) {
    font-size: 1.1875rem
  }
}

@media(max-width: 767px) {
  .blog_single h3:not(.ttl01) {
    font-size: 1.1875rem
  }
}

.blog_single h4 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  margin-bottom: .6em
}

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

.blog_single h4::before {
  content: "●";
  font-size: 0.5rem;
  color: #0382c6;
  margin-right: 1em;
  position: relative;
  top: -0.2em
}

.blog_single p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.9
}

@media(max-width: 767px) {
  .blog_single p {
    font-size: 0.95rem
  }
}

.blog_single .area {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #faf9ed;
  border-radius: 10px;
  padding: 1.3rem 3%
}

@media(max-width: 767px) {
  .blog_single .area {
    padding: 1rem 3%
  }
}

.blog_single .area ul li {
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em
}

@media(max-width: 767px) {
  .blog_single .area ul li {
    font-size: 0.875rem
  }
}

.blog_single .area ul li::before {
  content: "・"
}

.blog_single .area ul li:not(:last-child) {
  margin-bottom: .5em
}

.blog_single .related h5 {
  font-size: 0.875rem;
  color: #0382c6;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .5em
}

.blog_single .related .box {
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  padding: .5rem 2%
}

.blog_single .related .box a {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-right: 1em
}

.blog_single .related .box a::after {
  content: "";
  font-size: 0.625rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free"
}

.blog_single article>figure {
  text-align: center
}

.blog_single article>figure:not(:last-child) {
  margin-bottom: 2.4rem
}

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

.blog_single .btn_cmn {
  margin-top: 3.5rem
}

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

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

/* edge cloud support css-file ※lower-style.scss では修正していません。以下はここへコンパイルしたものを直書きです。
============================================================================== */

.main_support {
  height: 60vh;
  background: url("/wp-content/uploads/2025/09/bg_support.jpg") center center/cover no-repeat;
  position: relative
}

@media(min-width: 1200px) {
  .main_support {
    min-height: 400px;
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_support {
    height: 60vh;
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .main_support {
    height: 70vh;
    background-position: left center;
    padding-top: 16vw
  }
}

.main_support .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column
}

.main_support .txt_sub {
  margin-bottom: 1.2rem
}

.main_support .ttl01 {
  margin-bottom: 2rem
}

.main_support p.txt01 {
  max-width: 410px
}

.support_can p.txt_sub {
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 5em
}

.support_can .waku_poc_mount {
  border: 4px solid #6fd042;
  padding: 30px;
  border-radius: 12px;
  margin: 2rem 0 3rem;
  width: 100%;
  display: flex;
  height: 100%;
  clear: both
}

.support_can .waku_poc_mount ul {
  display: block;
  width: 55%;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 1.5rem;
  margin: auto
}

.support_can .waku_poc_mount ul li::before {
  content: "•";
  color: #333;
  margin-right: .5rem
}

.support_can .waku_poc_mount figure {
  width: 100%;
  text-align: center
}

.support_can ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 4.1666666667%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .support_can ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .support_can ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.support_can ul li .num {
  display: grid;
  place-content: center;
  width: 60px;
  aspect-ratio: 1/1;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border-radius: 100vmax;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
  margin-bottom: -30px;
  position: relative
}

.support_can ul li figure {
  margin-bottom: 1.2rem;
  text-align: center;
  border-radius: 10px;
  overflow: hidden
}

.support_can ul li figure img {
  width: 100%;
  object-fit: cover
}

.support_can ul li h3.ttl_cmn2 {
  margin-bottom: .5em
}

.support_can ul li .button {
  overflow: hidden;
  display: inline-flex;
  margin-top: 1.2rem
}

.support_can ul li .bg-extend-left {
  padding: 10px 50px;
  border: 2px solid #333;
  color: #333;
  overflow: hidden;
  position: relative;
  z-index: 1;
  font-weight: 600
}

.support_can ul li .bg-extend-left::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  position: absolute;
  left: -100%;
  top: 0;
  transition: .4s;
  z-index: -1
}

.support_can ul li .bg-extend-left:hover::before {
  left: 0
}

.support_can ul li .arrow {
  margin-left: 8px;
  font-size: 16px;
  transition: transform .3s ease;
  display: inline-block
}

.support_can ul li .bg-extend-left:hover .arrow {
  transform: translateX(4px)
}

.support_can ul li.wide {
  grid-column: span 2;
  margin: auto
}

.support_can ul li.wide ul.list {
  display: block
}

.support_can ul li.wide ul.list li {
  font-size: .8rem;
  position: relative;
  padding-left: 1.3rem
}

.support_can ul li.wide ul.list li::before {
  content: "";
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 1rem
}

.main_cloud {
  height: 60vh;
  background: url("/wp-content/uploads/2025/09/bg_record.png") center center/cover no-repeat;
  position: relative
}

@media(min-width: 1200px) {
  .main_cloud {
    min-height: 400px;
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_cloud {
    height: 60vh;
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .main_cloud {
    height: 70vh;
    background-position: left center;
    padding-top: 16vw
  }
}

.main_cloud .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column
}

.main_cloud .txt_sub {
  margin-bottom: 1.2rem
}

.main_cloud .ttl01 {
  margin-bottom: 2rem
}

.main_cloud p.txt01 {
  max-width: 410px
}

.main_cloud .header_btn {
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
  color: #000;
  margin: 1rem 0 2rem;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  width: auto
}

@media(max-width: 767px) {
  .main_cloud .header_btn {
    width: 100%
  }
}

.main_cloud .header_btn h3 {
  font-size: 1.6rem;
  line-height: normal;
  letter-spacing: -1px;
  color: #fff
}

.cloud_about {
  background-color: #f2f2f2;
  padding-bottom: 1.2rem
}

.cloud_about .topline {
  margin-bottom: 2rem
}

.cloud_about .topline .__topline_senter {
  text-align: center
}

.cloud_about .topline .ttl01 {
  position: relative;
  top: -0.8rem
}

@media(max-width: 767px) {
  .cloud_about .topline .ttl01 {
    top: -0.4rem
  }
}

.cloud_about .topline .ttl01 em {
  font-size: 7.5rem;
  font-weight: 700;
  font-style: italic;
  line-height: .85;
  letter-spacing: .1em;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_about .topline .ttl01 em {
    font-size: 5rem
  }
}

@media(max-width: 767px) {
  .cloud_about .topline .ttl01 em {
    font-size: 3.75rem
  }
}

.cloud_about .topline .ttl01 span {
  margin-left: 2em
}

@media(max-width: 767px) {
  .cloud_about .topline .ttl01 span {
    margin-left: 1em
  }
}

.cloud_about .btmline .img01 {
  margin-bottom: 2.8rem
}

@media(max-width: 767px) {
  .cloud_about .btmline .img01 {
    margin-bottom: 1.8rem
  }
}

.cloud_about .btmline .img01 img {
  width: 100%;
  object-fit: cover
}

.cloud_worries {
  position: relative
}

.cloud_worries::after {
  content: "";
  width: 100%;
  aspect-ratio: 1440/85;
  background-color: #f2f2f2;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0
}

.cloud_can p.txt_sub {
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 5em
}

.cloud_can .waku_poc_mount {
  border: 4px solid #6fd042;
  padding: 30px;
  border-radius: 12px;
  margin: 2rem 0 3rem;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
  clear: both
}

@media(max-width: 767px) {
  .cloud_can .waku_poc_mount {
    display: block
  }
}

.cloud_can .waku_poc_mount ul {
  display: block;
  width: 55%;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 1.5rem;
  margin: auto
}

@media(max-width: 767px) {
  .cloud_can .waku_poc_mount ul {
    padding: 0;
    font-size: .9rem;
    width: 100%
  }
}

.cloud_can .waku_poc_mount ul li::before {
  content: "•";
  color: #333;
  margin-right: .5rem
}

.cloud_can .waku_poc_mount figure {
  width: 45%
}

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

.cloud_can ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 4.1666666667%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_can ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .cloud_can ul {
    display: block;
    grid-template-columns: repeat(1, 1fr)
  }
}

.cloud_can ul li .num {
  display: grid;
  place-content: center;
  width: 60px;
  aspect-ratio: 1/1;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border-radius: 100vmax;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
  margin-bottom: -30px;
  position: relative
}

.cloud_can ul li figure {
  margin-bottom: 1.2rem
}

.cloud_can ul li figure img {
  width: 100%;
  object-fit: cover
}

.cloud_can ul li h3.ttl_cmn2 {
  margin-bottom: .5em
}

.cloud_can ul li.wide {
  grid-column: span 2;
  margin: auto
}

.cloud_can ul li.wide ul.list {
  display: block
}

.cloud_can ul li.wide ul.list li {
  font-size: .8rem;
  position: relative;
  padding-left: 1.3rem
}

.cloud_can ul li.wide ul.list li::before {
  content: "";
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 1rem
}

.cloud_scene {
  background: linear-gradient(150deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%)
}

.cloud_scene .topline {
  margin-bottom: 3rem
}

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

.cloud_scene .topline .ttl01 {
  text-align: center
}

.cloud_scene p.txt_sub {
  margin-bottom: 3.9em
}

@media(max-width: 767px) {
  .cloud_scene p.txt_sub {
    margin-bottom: 2.5em
  }
}

.cloud_scene .ul01 {
  margin-bottom: 3.5rem
}

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

.cloud_scene .ul01 li {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .cloud_scene .ul01 li {
    margin-bottom: 2rem
  }
}

.cloud_scene .ul01 li .txt {
  position: relative
}

.cloud_scene .ul01 li .txt .txt_poa {
  position: absolute;
  top: 1rem;
  right: 2rem
}

.cloud_scene .ul01 li .txt span.tag {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin: 0 1em .6em 0
}

.cloud_scene .ul01 li .txt h3.ttl_cmn2 {
  margin-bottom: .4em
}

.cloud_scene .ul02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 5.5555555556%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

@media(max-width: 767px) {
  .cloud_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

.cloud_scene .ul02 li .num {
  font-size: 1.125rem;
  color: #6fd042;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: .5em
}

.cloud_scene .ul02 li .num em {
  font-size: 1.625rem;
  line-height: 1;
  margin-left: .2em
}

.cloud_scene .ul02 li h5.ttl_cmn2 {
  font-weight: 500;
  margin-bottom: .4em
}

.cloud_scene .ul02 li p.txt02 {
  line-height: 1.5;
  margin-bottom: 1.5em
}

.cloud_service {
  background-color: #f2f2f2;
  position: relative
}

.cloud_service .inner {
  z-index: 2
}

.cloud_service p.txt01 {
  margin-bottom: 1.5em
}

.cloud_service .img01 img {
  width: 100%;
  object-fit: cover
}

.cloud_service .bgtxtwrap {
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: 1
}

.cloud_function {
  background-color: #f2f2f2
}

.cloud_function .ul01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 3.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2.5rem
  }
}

@media(max-width: 767px) {
  .cloud_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.cloud_function .ul01 li {
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.cloud_function .ul01 li figure img {
  width: 100%;
  object-fit: cover
}

.cloud_function .ul01 li .txt {
  padding: 2rem 5% 2.5rem
}

@media(max-width: 767px) {
  .cloud_function .ul01 li .txt {
    padding: 1.5rem 4%
  }
}

.cloud_function .ul02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_function .ul02 {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 2rem
  }
}

@media(max-width: 767px) {
  .cloud_function .ul02 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.cloud_function .ul02 li figure {
  margin-bottom: 1rem
}

.cloud_function .ul02 li figure img {
  width: 100%;
  object-fit: cover
}

.cloud_function .ul02 li h5.ttl_cmn2 {
  margin-bottom: .5em
}

.cloud_function .ul03 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_function .ul03 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .cloud_function .ul03 {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cloud_function .ul03 li figure {
  margin-bottom: .5rem
}

.cloud_function .ul03 li figure img {
  width: 100%;
  object-fit: cover
}

.cloud_function .ul03 li h5.ttl_cmn2 {
  line-height: 1.2;
  margin-bottom: .5em
}

@media(min-width: 1200px) {
  .cloud_function .ul03 li h5.ttl_cmn2 {
    min-height: 2em
  }
}

.cloud_type .colwrap {
  max-width: 960px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 6%;
  margin-inline: auto
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .cloud_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cloud_type .colwrap .col span.cate {
  width: fit-content;
  display: block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin-inline: auto;
  margin-bottom: .5rem
}

.cloud_type .colwrap .col h3.ttl_cmn2 {
  margin-bottom: .5em
}

.cloud_type .colwrap .col figure {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .cloud_type .colwrap .col figure {
    margin-bottom: .7rem
  }
}

.cloud_type .colwrap .col figure img {
  width: 100%;
  object-fit: cover
}

@media(min-width: 1200px) {
  .cloud_type .colwrap .col h4.ttl_cmn2 {
    max-width: 14em;
    margin-inline: auto
  }
}

.cloud_type .colwrap .col p.txt01 {
  margin-bottom: 2em
}

.cloud_works ul li {
  background-color: unset;
  box-shadow: unset
}

.cloud_works ul li .txt {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.5rem 6%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-top: -3.5rem;
  position: relative
}

@media(max-width: 767px) {
  .cloud_works ul li .txt {
    padding: 1.5rem 4%;
    margin-top: -2rem
  }
}

.cloud_works ul li .txt .ttl01 {
  margin-top: .3em
}

.cloud_works ul li .txt p.txt01 {
  margin-bottom: 2em
}

.cloud_works ul li .txt .addinfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0 .2rem
}

.cloud_works ul li .txt .addinfo .price em {
  font-size: 2rem;
  line-height: 1;
  margin-inline: .2em
}

@media(max-width: 767px) {
  .cloud_works ul li .txt .addinfo .price em {
    font-size: 1.5rem
  }
}

.cloud_flow {
  background-color: #f2f2f2
}

.cloud_flow ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 5.9259259259%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_flow ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .cloud_flow ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cloud_flow ul li:not(:last-child) figure {
  position: relative
}

.cloud_flow ul li:not(:last-child) figure::after {
  width: 19px;
  height: 32px;
  background-color: #ff7171;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: calc(100% + 1.2rem);
  transform: translateY(-50%)
}

@media(min-width: 1200px) {
  .cloud_flow ul li:not(:last-child) figure::after {
    content: ""
  }
}

.cloud_flow ul li figure {
  text-align: center;
  margin-bottom: 1.2rem
}

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

.cloud_flow ul li figure img {
  width: 100%;
  object-fit: cover
}

@media(max-width: 767px) {
  .cloud_flow ul li figure img {
    width: 50vw
  }
}

.cloud_flow ul li h3.txt_cmn {
  margin-bottom: .66em
}

.cloud_method p.txt_sub {
  margin-bottom: 1.5em
}

.cloud_method .colwrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_method .colwrap {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .cloud_method .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cloud_method .colwrap .col .ttl01 {
  height: 6rem;
  display: grid;
  place-content: center;
  border: 1px solid #0382c6;
  border-radius: .6rem;
  padding: .5em 3%;
  line-height: 1.5;
  margin-bottom: 1em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .cloud_method .colwrap .col .ttl01 {
    height: 4rem
  }
}

@media(max-width: 767px) {
  .cloud_method .colwrap .col .ttl01 {
    height: 3.5rem;
    margin-bottom: .6em
  }
}

.cloud_method .colwrap .col .ttl01 span {
  font-size: 0.875rem
}

@media(max-width: 767px) {
  .cloud_method .colwrap .col .ttl01 span {
    font-size: 0.75rem
  }
}

.cloud_study ul li {
  padding-bottom: 10px
}

.cloud_study ul li figure img {
  width: 100%;
  object-fit: cover
}

.cloud_study ul li .txt {
  max-width: 400px;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-inline: auto;
  margin-top: -3.5rem;
  overflow: hidden;
  position: relative
}

@media(max-width: 767px) {
  .cloud_study ul li .txt {
    margin-top: -2rem
  }
}

.cloud_study ul li .txt .ttl01 {
  background-color: #0382c6;
  padding: .7em 2% .5em
}

.cloud_study ul li .txt .content {
  padding: 2rem 4%
}

.cloud_study ul li .txt .content .dl_cmn2 {
  max-width: 290px;
  margin-inline: auto
}

.cloud_study .slick-slider {
  line-height: 0
}

.cloud_study .slick-slider .slick-slide {
  margin-inline: 1vw
}

dl.dl_cmn2 div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.2rem 1rem
}

dl.dl_cmn2 div:not(:last-child) {
  margin-bottom: 1rem
}

dl.dl_cmn2 div dt,
dl.dl_cmn2 div dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  dl.dl_cmn2 div dt,
  dl.dl_cmn2 div dd {
    font-size: 0.8125rem
  }
}

dl.dl_cmn2 div dt {
  width: 35%;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  padding: .2em .5em;
  font-size: 0.875rem;
  color: #a3a3a3;
  font-weight: 500;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dt {
    font-size: 0.75rem
  }
}

dl.dl_cmn2 div dd {
  width: 60%;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dd {
    font-size: 1.125rem
  }
}

.cloud_voice {
  background-color: #f2f2f2
}

.cloud_voice ul li.side_cmn {
  background-color: #fff;
  border-radius: 10px;
  padding: 2.5rem 4%
}

@media(max-width: 767px) {
  .cloud_voice ul li.side_cmn {
    padding: 1.5rem 4%
  }
}

.cloud_voice ul li.side_cmn:not(:last-child) {
  margin-bottom: 10px
}

@media(max-width: 767px) {
  .cloud_voice ul li.side_cmn figure img {
    width: 50vw
  }
}

.cloud_voice ul li.side_cmn h3.ttl_cmn2 {
  margin-bottom: .4em
}

.main_edge {
  height: 60vh;
  background: url("/wp-content/uploads/2025/09/bg_record.png") center center/cover no-repeat;
  position: relative
}

@media(min-width: 1200px) {
  .main_edge {
    min-height: 400px;
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_edge {
    height: 60vh;
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .main_edge {
    height: 70vh;
    background-position: left center;
    padding-top: 16vw
  }
}

.main_edge .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column
}

.main_edge .txt_sub {
  margin-bottom: 1.2rem
}

.main_edge .ttl01 {
  margin-bottom: 2rem
}

.main_edge p.txt01 {
  max-width: 410px
}

.main_edge .header_btn {
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
  color: #000;
  margin: 1rem 0 2rem;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  width: auto
}

@media(max-width: 767px) {
  .main_edge .header_btn {
    width: 100%
  }
}

.main_edge .header_btn h3 {
  font-size: 1.6rem;
  line-height: normal;
  letter-spacing: -1px;
  color: #fff
}

.main_edge .pc-only {
  display: block
}

@media screen and (max-width: 768px) {
  .main_edge .pc-only {
    display: none
  }
}

.main_edge .sp-only {
  display: none
}

@media screen and (max-width: 768px) {
  .main_edge .sp-only {
    display: block
  }
}

.edge_about {
  background-color: #f2f2f2;
  padding-bottom: 1.2rem
}

.edge_about .topline {
  margin-bottom: 2rem
}

.edge_about .topline .__topline_senter {
  text-align: center
}

.edge_about .topline .ttl01 {
  position: relative;
  top: -0.8rem
}

@media(max-width: 767px) {
  .edge_about .topline .ttl01 {
    top: -0.4rem
  }
}

.edge_about .topline .ttl01 em {
  font-size: 7.5rem;
  font-weight: 700;
  font-style: italic;
  line-height: .85;
  letter-spacing: .1em;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_about .topline .ttl01 em {
    font-size: 5rem
  }
}

@media(max-width: 767px) {
  .edge_about .topline .ttl01 em {
    font-size: 3.75rem
  }
}

.edge_about .topline .ttl01 span {
  margin-left: 2em
}

@media(max-width: 767px) {
  .edge_about .topline .ttl01 span {
    margin-left: 1em
  }
}

.edge_about .btmline .img01 {
  margin-bottom: 2.8rem
}

@media(max-width: 767px) {
  .edge_about .btmline .img01 {
    margin-bottom: 1.8rem
  }
}

.edge_about .btmline .img01 img {
  width: 100%;
  object-fit: cover
}

.edge_worries {
  position: relative
}

.edge_worries::after {
  content: "";
  width: 100%;
  aspect-ratio: 1440/85;
  background-color: #f2f2f2;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0
}

.edge_can p.txt_sub {
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 5em
}

.edge_can .waku_poc_mount {
  border: 4px solid #6fd042;
  padding: 30px;
  border-radius: 12px;
  margin: 2rem 0 3rem;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
  clear: both
}

@media(max-width: 767px) {
  .edge_can .waku_poc_mount {
    display: block
  }
}

.edge_can .waku_poc_mount ul {
  display: block;
  width: 55%;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 1.5rem;
  margin: auto
}

@media(max-width: 767px) {
  .edge_can .waku_poc_mount ul {
    padding: 0;
    font-size: .9rem;
    width: 100%
  }
}

.edge_can .waku_poc_mount ul li::before {
  content: "•";
  color: #333;
  margin-right: .5rem
}

.edge_can .waku_poc_mount figure {
  width: 45%
}

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

.edge_can ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 4.1666666667%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_can ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .edge_can ul {
    display: block;
    grid-template-columns: repeat(1, 1fr)
  }
}

.edge_can ul li .num {
  display: grid;
  place-content: center;
  width: 60px;
  aspect-ratio: 1/1;
  background: linear-gradient(180deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%);
  border-radius: 100vmax;
  font-size: 1.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-inline: auto;
  margin-bottom: -30px;
  position: relative
}

.edge_can ul li figure {
  margin-bottom: 1.2rem;
  border-radius: 10px;
  overflow: hidden
}

.edge_can ul li figure img {
  width: 100%;
  object-fit: cover
}

.edge_can ul li h3.ttl_cmn2 {
  margin-bottom: .5em
}

.edge_can ul li.wide {
  grid-column: span 2;
  margin: auto
}

@media(max-width: 767px) {
  .edge_can ul li.wide {
    margin-top: 1rem
  }
}

.edge_can ul li.wide .__wide_box_i {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px solid gray;
  overflow: hidden;
  margin-bottom: 1.25rem
}

.edge_can ul li.wide .__wide_box_i h3 {
  background: gray;
  color: #fff;
  padding: .2rem 1rem
}

.edge_can ul li.wide .__wide_box_s {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px solid #6fd042;
  overflow: hidden
}

.edge_can ul li.wide .__wide_box_s h3 {
  background: #6fd042;
  color: #fff;
  padding: .2rem 1rem
}

.edge_can ul li.wide ul.list {
  display: block
}

.edge_can ul li.wide ul.list li {
  font-size: .8rem;
  position: relative;
  padding-left: 1.3rem
}

.edge_can ul li.wide ul.list li::before {
  content: "";
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 1rem
}

.edge_scene {
  background: linear-gradient(150deg, #6FD042 0%, #33A58B 55%, #2FA290 56%, #0382C6 100%)
}

.edge_scene .topline {
  margin-bottom: 3rem
}

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

.edge_scene .topline .ttl01 {
  text-align: center
}

.edge_scene p.txt_sub {
  margin-bottom: 3.9em
}

@media(max-width: 767px) {
  .edge_scene p.txt_sub {
    margin-bottom: 2.5em
  }
}

.edge_scene .ul01 {
  margin-bottom: 3.5rem
}

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

.edge_scene .ul01 li {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .edge_scene .ul01 li {
    margin-bottom: 2rem
  }
}

.edge_scene .ul01 li .txt {
  position: relative
}

.edge_scene .ul01 li .txt .txt_poa {
  position: absolute;
  top: 1rem;
  right: 2rem
}

.edge_scene .ul01 li .txt span.tag {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin: 0 1em .6em 0
}

.edge_scene .ul01 li .txt h3.ttl_cmn2 {
  margin-bottom: .4em
}

.edge_scene .ul02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 5.5555555556%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

@media(max-width: 767px) {
  .edge_scene .ul02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem 3%
  }
}

.edge_scene .ul02 li .num {
  font-size: 1.125rem;
  color: #6fd042;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: .5em
}

.edge_scene .ul02 li .num em {
  font-size: 1.625rem;
  line-height: 1;
  margin-left: .2em
}

.edge_scene .ul02 li h5.ttl_cmn2 {
  font-weight: 500;
  margin-bottom: .4em
}

.edge_scene .ul02 li p.txt02 {
  line-height: 1.5;
  margin-bottom: 1.5em
}

.edge_service {
  background-color: #f2f2f2;
  position: relative
}

.edge_service .inner {
  z-index: 2
}

.edge_service p.txt01 {
  margin-bottom: 1.5em
}

.edge_service .img01 img {
  width: 100%;
  object-fit: cover
}

.edge_service .bgtxtwrap {
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: 1
}

.edge_function {
  background-color: #f2f2f2
}

.edge_function .ul01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 3.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2.5rem
  }
}

@media(max-width: 767px) {
  .edge_function .ul01 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.edge_function .ul01 li {
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.edge_function .ul01 li figure img {
  width: 100%;
  object-fit: cover
}

.edge_function .ul01 li .txt {
  padding: 2rem 5% 2.5rem
}

@media(max-width: 767px) {
  .edge_function .ul01 li .txt {
    padding: 1.5rem 4%
  }
}

.edge_function .ul02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem 2.7777777778%;
  margin-bottom: 2.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_function .ul02 {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 2rem
  }
}

@media(max-width: 767px) {
  .edge_function .ul02 {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2rem
  }
}

.edge_function .ul02 li figure {
  margin-bottom: 1rem
}

.edge_function .ul02 li figure img {
  width: 100%;
  object-fit: cover
}

.edge_function .ul02 li h5.ttl_cmn2 {
  margin-bottom: .5em
}

.edge_function .ul03 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem 1.8518518519%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_function .ul03 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .edge_function .ul03 {
    grid-template-columns: repeat(1, 1fr)
  }
}

.edge_function .ul03 li figure {
  margin-bottom: .5rem
}

.edge_function .ul03 li figure img {
  width: 100%;
  object-fit: cover
}

.edge_function .ul03 li h5.ttl_cmn2 {
  line-height: 1.2;
  margin-bottom: .5em
}

@media(min-width: 1200px) {
  .edge_function .ul03 li h5.ttl_cmn2 {
    min-height: 2em
  }
}

.edge_type .colwrap {
  max-width: 960px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 6%;
  margin-inline: auto
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .edge_type .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.edge_type .colwrap .col span.cate {
  width: fit-content;
  display: block;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  line-height: 1.3;
  padding: .2em 1em;
  margin-inline: auto;
  margin-bottom: .5rem
}

.edge_type .colwrap .col h3.ttl_cmn2 {
  margin-bottom: .5em
}

.edge_type .colwrap .col figure {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .edge_type .colwrap .col figure {
    margin-bottom: .7rem
  }
}

.edge_type .colwrap .col figure img {
  width: 100%;
  object-fit: cover
}

@media(min-width: 1200px) {
  .edge_type .colwrap .col h4.ttl_cmn2 {
    max-width: 14em;
    margin-inline: auto
  }
}

.edge_type .colwrap .col p.txt01 {
  margin-bottom: 2em
}

.edge_works ul li {
  background-color: unset;
  box-shadow: unset
}

.edge_works ul li .txt {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.5rem 6%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-top: -3.5rem;
  position: relative
}

@media(max-width: 767px) {
  .edge_works ul li .txt {
    padding: 1.5rem 4%;
    margin-top: -2rem
  }
}

.edge_works ul li .txt .ttl01 {
  margin-top: .3em
}

.edge_works ul li .txt p.txt01 {
  margin-bottom: 2em
}

.edge_works ul li .txt .addinfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0 .2rem
}

.edge_works ul li .txt .addinfo .price em {
  font-size: 2rem;
  line-height: 1;
  margin-inline: .2em
}

@media(max-width: 767px) {
  .edge_works ul li .txt .addinfo .price em {
    font-size: 1.5rem
  }
}

.edge_flow {
  background-color: #f2f2f2
}

.edge_flow ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 5.9259259259%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .edge_flow ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .edge_flow ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.edge_flow ul li:not(:last-child) figure {
  position: relative
}

.edge_flow ul li:not(:last-child) figure::after {
  width: 19px;
  height: 32px;
  background-color: #ff7171;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: calc(100% + 1.2rem);
  transform: translateY(-50%)
}

@media(min-width: 1200px) {
  .edge_flow ul li:not(:last-child) figure::after {
    content: ""
  }
}

.edge_flow ul li figure {
  text-align: center;
  margin-bottom: 1.2rem
}

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

.edge_flow ul li figure img {
  width: 100%;
  object-fit: cover
}

@media(max-width: 767px) {
  .edge_flow ul li figure img {
    width: 50vw
  }
}

.edge_flow ul li h3.txt_cmn {
  margin-bottom: .66em
}

.edge_study ul li {
  padding-bottom: 10px
}

.edge_study ul li figure img {
  width: 100%;
  object-fit: cover
}

.edge_study ul li .txt {
  max-width: 400px;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-inline: auto;
  margin-top: -3.5rem;
  overflow: hidden;
  position: relative
}

@media(max-width: 767px) {
  .edge_study ul li .txt {
    margin-top: -2rem
  }
}

.edge_study ul li .txt .ttl01 {
  background-color: #0382c6;
  padding: .7em 2% .5em
}

.edge_study ul li .txt .content {
  padding: 2rem 4%
}

.edge_study ul li .txt .content .dl_cmn2 {
  max-width: 290px;
  margin-inline: auto
}

.edge_study .slick-slider {
  line-height: 0
}

.edge_study .slick-slider .slick-slide {
  margin-inline: 1vw
}

dl.dl_cmn2 div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.2rem 1rem
}

dl.dl_cmn2 div:not(:last-child) {
  margin-bottom: 1rem
}

dl.dl_cmn2 div dt,
dl.dl_cmn2 div dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  dl.dl_cmn2 div dt,
  dl.dl_cmn2 div dd {
    font-size: 0.8125rem
  }
}

dl.dl_cmn2 div dt {
  width: 35%;
  border: 1px solid currentColor;
  border-radius: 100vmax;
  padding: .2em .5em;
  font-size: 0.875rem;
  color: #a3a3a3;
  font-weight: 500;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dt {
    font-size: 0.75rem
  }
}

dl.dl_cmn2 div dd {
  width: 60%;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33
}

@media(max-width: 767px) {
  dl.dl_cmn2 div dd {
    font-size: 1.125rem
  }
}

.edge_voice {
  background-color: #f2f2f2
}

.edge_voice ul li.side_cmn {
  background-color: #fff;
  border-radius: 10px;
  padding: 2.5rem 4%
}

@media(max-width: 767px) {
  .edge_voice ul li.side_cmn {
    padding: 1.5rem 4%
  }
}

.edge_voice ul li.side_cmn:not(:last-child) {
  margin-bottom: 10px
}

@media(max-width: 767px) {
  .edge_voice ul li.side_cmn figure img {
    width: 50vw
  }
}

.edge_voice ul li.side_cmn h3.ttl_cmn2 {
  margin-bottom: .4em
}

/* header固定追加css */
header {
	position: fixed;
	top: 0;
	left: 0;
}

header.bg_bk {
	background: #191919;
    background: linear-gradient(180deg, rgba(25, 25, 25, 1) 0%, rgba(25, 25, 25, 0) 100%);
}

header.bg_bk .head_logo img.logo_k {
    display: none;
}

header.bg_bk .head_logo img.logo_w {
    display: block;
}

/*# sourceMappingURL=all.css.map */