/*!
global > color
------------------------------
*/
:root {
  --cl-gable-green: #174134;
  --cl-gray-nurse: #e3e8e3;
  --cl-iron: #dce2e1;
}

/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
:root {
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Poppins", sans-serif;
}

/*!
global > mixin
------------------------------
*/
.p_tottori02__img__caption {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p_tottori02__img__caption {
    font-size: clamp(
      1rem,
      1.2820512821vw + 0.3846153846rem,
      1.25rem
  );
  }
}

.p_tottori {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .p_tottori {
    padding-bottom: 263px;
  }
}
.p_tottori02 {
  background-color: #D1D9D6;
  padding-top: 26px;
  padding-bottom: 50px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 70px;
}
@media screen and (min-width: 768px) {
  .p_tottori02 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 53px;
    padding-bottom: clamp(
      7.5rem,
      27.5641025641vw + -5.7307692308rem,
      12.875rem
  );
    margin-top: 130px;
  }
}
.p_tottori02 .c_title01 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_tottori02 .c_title01 {
    margin-bottom: 30px;
  }
}
.p_tottori02 .c_txt25 {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 27px;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .p_tottori02 .c_txt25 {
    font-size: 1.5625rem;
    letter-spacing: 0.02em;
    margin-bottom: 35px;
  }
}
.p_tottori02__btn {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_tottori02__btn {
    margin-bottom: 30px;
  }
}
.p_tottori02__btn01 {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p_tottori02__btn01 {
    margin-bottom: 75px;
  }
}
.p_tottori02__img {
  width: calc(100% + 56px);
  margin-left: -28px;
  margin-bottom: 23px;
}
@media screen and (min-width: 768px) {
  .p_tottori02__img {
    margin-bottom: clamp(
      3.75rem,
      6.7307692308vw + 0.5192307692rem,
      5.0625rem
  );
    margin-left: 0;
    width: 100%;
  }
}
.p_tottori02__img:last-child {
  margin-bottom: 0;
}
.p_tottori02__img__caption {
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: center;
  font-feature-settings: "palt";
  padding-top: 4px;
}
@media screen and (min-width: 768px) {
  .p_tottori02__img__caption {
    padding-top: 20px;
  }
}
.p_tottori03 {
  position: relative;
  z-index: 1;
  padding: 33px 0;
}
@media screen and (min-width: 768px) {
  .p_tottori03 {
    padding: 108px 0;
  }
}
.p_tottori03::after {
  content: "";
  width: 100%;
  height: 300px;
  background-color: #45675D;
  clip-path: polygon(0 0, 100% 0, 100% 45%, 0% 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_tottori03::after {
    height: clamp(
      25rem,
      48.0769230769vw + 1.9230769231rem,
      34.375rem
  );
  }
}
.p_tottori03 .c_ttl34 {
  color: #F3F5F5;
  text-align: center;
  margin-bottom: 34px;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .p_tottori03 .c_ttl34 {
    letter-spacing: 0.02em;
    margin-bottom: 79px;
  }
}
@media screen and (min-width: 768px) {
  .p_tottori03 .c_ttl25 {
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .p_tottori03 .c_tbl {
    padding-left: 100px;
  }
}
.p_tottori03 .c_list03 {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .p_tottori03 .c_list03 {
    padding-left: 100px;
    padding-top: 27px;
  }
}
.p_tottori03__container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 28px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__container {
    padding: 0 40px;
  }
}
.p_tottori03__inner {
  background-color: #F3F5F5;
  padding: 47px 19px 45px 19px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__inner {
    padding: clamp(
      6.25rem,
      8.0128205128vw + 2.4038461538rem,
      7.8125rem
  ) 40px clamp(
      6.25rem,
      3.2051282051vw + 4.7115384615rem,
      6.875rem
  );
  }
}
.p_tottori03__content {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 38px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__content {
    margin-bottom: clamp(
      6.25rem,
      1.6025641026vw + 5.4807692308rem,
      6.5625rem
  );
  }
}
.p_tottori03__content:last-child {
  margin-bottom: 0;
}
.p_tottori03__grid {
  padding-top: 6px;
  display: grid;
  margin-bottom: 31px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__grid {
    grid-template-columns: clamp(
      17.5rem,
      38.4615384615vw + -0.9615384615rem,
      25rem
  ) 1fr;
    padding-top: 63px;
    margin-bottom: 13px;
  }
}
.p_tottori03__grid:last-child {
  margin-bottom: 0;
}
.p_tottori03__grid iframe {
  width: 100%;
  height: 160px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__grid iframe {
    height: clamp(
      12.5rem,
      26.9230769231vw + -0.4230769231rem,
      17.75rem
  );
  }
}
.p_tottori03__grid__txt {
  padding-top: 20px;
  margin-bottom: 38px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__grid__txt {
    margin-bottom: 0;
    padding-top: 10px;
    padding-right: 20px;
  }
}
.p_tottori03__grid__txt .c_ttl25 {
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .p_tottori03__grid__txt .c_ttl25 {
    margin-bottom: 22px;
  }
}
.p_tottori03__grid__txt .c_txt18 {
  line-height: 1.8571428571;
  font-feature-settings: "palt";
  font-weight: 400;
}
/*# sourceMappingURL=tottori.css.map */