@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";


.mv {
  position: relative;
}

.fv_block {
}

.fv_block_column {
  display: grid;
  grid-template-columns: 35% 32% 1fr;
  gap: 3vw;
  padding-left: 3vw;
  background: linear-gradient(90deg,rgba(221, 231, 238, 0) 0%, rgba(221, 231, 238, 1) 100%);
  @media (width < 1366px) {
    grid-template-columns: repeat(3,1fr);
  }
  @media (width < 896px) {
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hellownewdays {
  padding-block: 2vw;
  @media (width < 896px) {
    padding-block: 0px;
  }
}

.fv_block_txt {
  padding-block: 2vw;
  text-align: left;
  align-content: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  @media (width < 896px) {
    padding-block: 0px;
  }
  p {
    font-size: clamp(14px, 0.13vw + 13.51px, 16px);
    line-height: 1.8em;
  }
}

.fv_block_flag {
  position: relative;
  line-height: 0em;
  @media (width < 896px) {
    height: 160px;
  }
}

.box_fv_flag {
  width: 25vw;
  position: absolute;
  right: 0px;
  bottom: 0px;
  @media (width < 1366px) {
    width: 100%;
  }
  @media (width < 896px) {
    max-width: 300px;
  }
}