@charset "UTF-8";

/**======================================
	about
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

/*--------------------------------------
	index
---------------------------------------*/

/* about_box */

.about_box .vertical {
  margin: 0 auto;
  max-width: 250px;
}

@media screen and (min-width: 1025px) {
  .about_box .vertical {
    max-width: 500px;
  }
}

/*--------------------------------------
	BOTANIC
---------------------------------------*/

.about_box {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.about_box > .part:first-child {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.about_box .pic {
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}

.about_box > .part:first-child {
  margin-bottom: 34px;
}

.about_box .pic img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 600px) {
  #about_contents .about_box > .part:nth-of-type(2) {
    box-sizing: border-box;
    padding: clamp(28px, 4.6vw, 48px) !important;
    border: 1px solid color-mix(in srgb, var(--color-text) 14%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--color-background) 82%, #ffffff);
    box-shadow: 0 22px 56px color-mix(in srgb, var(--color-text) 7%, transparent);
  }

  #about_contents .about_box > .part:nth-of-type(2) .entry_cont p:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 599px) {
  .about_box {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .about_box .pic {
    border-radius: 0;
    box-shadow: none;
  }

  .about_box > .part:first-child {
    margin-bottom: 18px;
  }
}