/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .bg_petal_pc {
    background-image: none; } }

@media screen and (min-width: 481px) {
  .bg_petal_sp {
    background-image: none; } }
@media screen and (max-width: 480px) {
  .bg_petal_sp {
    background-size: 150% auto;
    background-position: 49% -12% !important; } }

.inner_container {
  color: #fff;
  position: relative; }

.sec1 {
  overflow-x: hidden;
  padding-bottom: clamp(80px, 10.834vw, 130px); }
  .sec1 .page_ttl_group {
    padding-bottom: 0; }
  .sec1 .item01 {
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec1 .item01 {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px; } }
    .sec1 .item01 .img_txt01 {
      text-align: center;
      margin: 0 auto clamp(120px, 16.25vw, 260px); }
      @media screen and (max-width: 480px) {
        .sec1 .item01 .img_txt01 {
          max-width: 40px;
          max-width: 30px;
          margin: 60px auto 80px; } }
    .sec1 .item01 .img_txt02 {
      margin-top: clamp(120px, 12.5vw, 200px);
      width: calc(797%/16);
      max-width: 797px;
      margin-left: 3.75%; }
      @media screen and (max-width: 820px) {
        .sec1 .item01 .img_txt02 {
          width: 80%;
          margin-left: 40px; } }
      @media screen and (max-width: 480px) {
        .sec1 .item01 .img_txt02 {
          width: 100%;
          margin-left: 0; }
          .sec1 .item01 .img_txt02 img {
            max-width: 100%; } }

.sec2 {
  margin-bottom: clamp(170px, 21.667vw, 260px);
  padding-bottom: 180px; }
  @media screen and (max-width: 480px) {
    .sec2 {
      padding-bottom: 80px; } }

.sec3 .txt_box2 {
  margin-bottom: clamp(80px, 15vw, 180px); }
  .sec3 .txt_box2 .txt1 {
    opacity: 0.8;
    font-size: clamp(16px, 2.084vw, 25px);
    line-height: 1.56;
    letter-spacing: 0.3em;
    margin-bottom: clamp(70px, 12.5vw, 150px); }
.sec3 .items01 {
  max-width: 690px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 100px 0;
  gap: 150px 0; }
  @media screen and (max-width: 480px) {
    .sec3 .items01 {
      gap: 50px 0;
      gap: 80px 0;
      width: 80%;
      margin: 0 auto; } }
  .sec3 .items01 .item {
    width: calc(266%/6.9); }
    @media screen and (max-width: 480px) {
      .sec3 .items01 .item {
        width: 100%; } }
  .sec3 .items01 .txts {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .sec3 .items01 .txts {
        gap: 6px 0;
        margin-bottom: 20px; } }
    .sec3 .items01 .txts .boder_ttl {
      opacity: 0.8;
      text-decoration: underline;
      font-size: clamp(14px, 1.584vw, 19px); }
    .sec3 .items01 .txts .txt1 {
      letter-spacing: 0.08em;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .sec3 .items01 .txts .txt1 {
          font-size: calc(14vw/3.9);
          font-size: calc(16vw/3.9);
          line-height: 1.4; } }
    .sec3 .items01 .txts .txt2 {
      font-weight: 300; }
      @media screen and (max-width: 480px) {
        .sec3 .items01 .txts .txt2 {
          font-size: calc(12vw/3.9); } }

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