@charset "utf-8";
/* CSS Document */
h1.tfz_koso_heading1{
  font-size: clamp(1.25rem, 3.3vw, 40px);
}
.tfz_koso_fordeco{
  max-width: 926px;
  margin: 0 auto;
  position: relative;
  padding: 16px 0;
  margin-top: 48px;
}
.tfz_koso_fordeco::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 16px;
  left: 0;
  top: 8px;
  background-image: url(../img/deco_01.svg);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
.tfz_koso_fordeco::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 16px;
  left: 0;
  bottom: 0;
  background-image: url(../img/deco_01.svg);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.tfz_koso_set.tfz_koso_bottom{
  justify-content: end;
  gap: 24px;
  align-items: center;
  position: relative;
  background-color: #FDE9DE;
  padding: 16px 4px 0 24px;
}
.tfz_koso_set.tfz_koso_bottom::after {
  content: '';
  position: absolute;
  background-image: url(../img/txt_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 288px;
  height: 32px;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.tfz_koso_txt{width:74%;}
.tfz_koso_set.tfz_koso_bottom .tfz_koso_txt{
  margin: 0 auto 0 0;
}
.tfz_koso_set.tfz_koso_bottom .tfz_koso_img {
  margin-top: -56px;
  z-index: 1;
}



@media screen and (max-width:800px){
  .tfz_koso_txt{width:100%;}
}



@media screen and (max-width:640px){
  .tfz_koso_img {
    width: 140px;
  }
  .tfz_koso_fordeco::after,
  .tfz_koso_fordeco::before{
    content: none;
  }
  
  .tfz_koso_set.tfz_koso_bottom {
    padding: 0;
    gap: 0;
  }
  .tfz_koso_set.tfz_koso_bottom .tfz_koso_img{
    margin: 0 auto 16px;
  }
  .tfz_koso_set.tfz_koso_bottom .tfz_koso_txt {
    margin-top: 24px;
    padding: 0 8px;
  }
}