:root :where(.wp-element-button, .wp-block-button__link){
    background: none;
    border: 1px solid var(--main--color);
    color: var(--main--color);
    border-radius: 25px;
    padding: 0.5rem 2.3rem;
}
a.wp-block-button__link.wp-element-button::after {
 /*   content: url("img/icon_arrow-drop.svg");
    margin-left: 0.5rem;*/
    content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5rem;
  background-color: currentColor; 
  mask: url("img/icon_arrow-drop.svg") no-repeat center / contain;
  -webkit-mask: url("img/icon_arrow-drop.svg") no-repeat center / contain;
  transform: rotate(270deg);
  position: relative;
  top: 2px;
}
a.wp-block-button__link.wp-element-button:hover{
    background: var(--main--color);
    color: white;
}

:root{
    --main--color:#008A83;
}
/*
フォント
*/
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}
.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.staatliches-regular {
  font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*
アニメーション
*/
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 2s ease;
}
.fadein.active {
  opacity: 1;
  transform: translateY(0);
}

.flow-slider {
  width: 100%;
  overflow: hidden;
}

.flow-slider .swiper-slide {
  width: auto !important;
}

.flow-slider .swiper-slide img {
  height: 200px; /* 好きな高さ */
  width: auto;
  display: block;
}
/*
HEADER
*/
header{ background: rgba(255, 255, 255, 0.6) !important;}
.l-1row-header{ background: rgba(255, 255, 255, 0.6) !important;}

.header__cta {
    display: flex;
    align-items: center;
    position: relative;
}
.header__cta__info{
  padding-right: 3rem;
}
.header__cta__mail {
    background: var(--main--color);
    padding: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 90px;
}
.header__cta__time {
    font-size: 80%;
    position: relative;
    bottom: 0.5rem;
}
.header__cta__call {
    text-decoration: none;
    font-size: 2rem;
    color: #333;
    font-weight: bold;
}

/*
front-page
*/
.hero-img {
    position: relative;
    bottom: 180px;
}
.m-content {
    position: relative;
    bottom: 100px;
}

.copy-sub{
    color: var(--main--color);
    font-size: 2.5rem;
    line-height: 1.5;
}
.copy-sub span {
    font-size: 60%;
    display: block;
}
.front-ttl {
    text-align: center;
    line-height: 1.2;
}
.front-ttl span {
    display: block;
    font-size: 60%;
    color: var(--main--color);
}

.company-head-2 {
    font-size: 1.8rem;
}

.company-content{
  background: white;
  padding: 2rem;
}
.company-content h2{
  color: var(--main--color);
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.company-content h3{
  color: var(--main--color);
  margin-bottom: 1.5rem;
}

.smb-hero-header__figure {
    width: 70%;
    height: 80%;
    position: relative;
    top: 10%;
    left: 20%;
}

.company-content {
    position: relative;
    left: 10%;
}

.comany-guideline_content {
    background: var(--_lightest-color-gray);
    padding: 1.5rem 2rem;
    border-radius: 0 0 1.5rem 1.5rem;
}
.comany-guideline img{border-radius: 1.5rem 1.5rem 0 0;}
.comany-guideline_content h4 {
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
    padding-bottom: 0.35rem;
}
.company-attempt {
    position: relative;
}
.company-attempt_content h2 {
    border-left: 0.25rem solid var(--main--color);
    padding: 0.25rem 0 0.25rem 1rem;
}
.company-attempt_content h3 {
    font-size: 1.2rem;
    margin: 1rem 0;
}
.company-attempt_content {
    width: 50%;
    padding: 1.5rem;
    background: rgba(247, 247, 247,0.8);
    display: block;
    position: relative;
    right: 20rem;
}


.company-attempt_img {
    position: relative;
    bottom: 12rem;
    left: 10%;
    width: 80%;
    z-index: -10;
}

.company-attempt_content_r {
    width: 50%;
    padding: 1.5rem;
    background: rgba(247, 247, 247,0.8);
    display: block;
    position: relative;
    left: 20rem;
    top: 5rem;
}
.company-attempt_content_r h2 {
    border-left: 0.25rem solid var(--main--color);
    padding: 0.25rem 0 0.25rem 1rem;
}
.company-attempt_content_r h3 {
    font-size: 1.2rem;
    margin: 1rem 0;
}


.company-attempt_img_r {
    position: relative;
    right: 10rem;
    width: 80%;
    z-index: -10;
  }

  .overview_txt {
    position: relative;
    bottom: 1rem;
}
figure.wp-block-table.aligncenter.is-style-regular {
    width: 750px;
}
tr {
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
}
.wp-block-table td, .wp-block-table th{
  border: none;
}