@charset "UTF-8";
/* ===============================================
#タイトル
=============================================== */
.content_title {
  font-size: 3.7vw;
  font-weight: 500;
  margin-bottom: 45px;
  line-height: 1.5;
  position: relative;
}

.section01 .content_title {
  font-size: 3.8vw;
  font-weight: 600;
}

.section03 .content_title {
  margin-bottom: 25px;
}

.section04 .content_title {
  margin-bottom: 0;
}

.ph_title {
  color: #9c5f9a;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1;
}

.color_purple {
  color: #9c5f9a;
}

.color_green {
  color: #005b2f;
}

/* ===============================================
#テキスト
=============================================== */
.txt_center {
  text-align: center;
}

.txt_left {
  text-align: left;
}

.txt_right {
  text-align: right;
}

.txt_bold {
  font-weight: bold;
}

.txt_small {
  font-weight: normal;
  font-size: 1vw;
}

/* ===============================================
#ボックス
=============================================== */
.box_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box_col2 .box {
  width: 47.6923076923%;
}

.box_col2 img {
  width: 100%;
}

.ph_wrap {
  margin-bottom: 40px;
}

.ph_wrap figure {
  margin-bottom: 20px;
}

/* ===============================================
#背景
=============================================== */
.bg_bg {
  background-color: #f2eadb;
}

.bg_purple {
  background-color: #ebdaea;
}

/* ===============================================
#多言語調整
=============================================== */
.other_lang {
  /* ===============================================
  #タイトル
  =============================================== */
}

.other_lang .content_title {
  font-size: 36px;
  font-size: 3.6rem;
  font-size: 3.1vw;
}

.other_lang .ph_title {
  font-size: 31px;
  font-size: 3.1rem;
  font-size: 2.6vw;
}

.other_lang .txt_small {
  font-size: 14px;
  font-size: 1.4rem;
  font-size: 1.2vw;
}

@media (min-width: 1201px) {
  .content_title {
    font-size: 40px;
    font-size: 4.0rem;
  }
  .section01 .content_title {
    font-size: 42px;
    font-size: 4.2rem;
  }
  .ph_title {
    font-size: 38px;
    font-size: 3.8rem;
  }
  .txt_small {
    font-size: 17px;
    font-size: 1.7rem;
  }
  /* ===============================================
  #多言語調整
  =============================================== */
  .other_lang {
    /* ===============================================
    #タイトル
    =============================================== */
  }
  .other_lang .content_title {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .other_lang .ph_title {
    font-size: 31px;
    font-size: 3.1rem;
  }
  .other_lang .txt_small {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  /* ===============================================
  #タイトル
  =============================================== */
  .content_title {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
  }
  .ph_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* ===============================================
  #テキスト
  =============================================== */
  .txt_small {
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* ===============================================
  #ボックス
  =============================================== */
  .box_col2 {
    display: block;
  }
  .box_col2 .box {
    width: 100%;
    margin-bottom: 1rem;
  }
  .box_col2 .box:last-child {
    margin-bottom: 0;
  }
  /* ===============================================
  #ボックス
  =============================================== */
  .box_col2 {
    display: block;
  }
  .box_col2 .box {
    width: 100%;
  }
  .box_col2 img {
    width: 100%;
    height: auto;
  }
  .ph_wrap {
    width: 84.6666666667%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .ph_wrap figure {
    margin-bottom: 10px;
  }
  .ph_wrap img {
    width: 100%;
    height: auto;
  }
  .ph_wrap.fig04_wrap {
    width: 50.6666666667%;
  }
  /* ===============================================
  #多言語調整
  =============================================== */
  .other_lang {
    /* ===============================================
    #タイトル
    =============================================== */
  }
  .other_lang .content_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .other_lang .ph_title {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .other_lang .txt_small {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .other_lang .beginning .txt_small {
    font-size: 10px;
    font-size: 1.0rem;
  }
}