@charset "EUC-JP";
/* Common */
#discussion {
  width: 100%;
  box-sizing: border-box;
  color: #1e1e1e;
  line-height: 1.5;
}
#discussion .discussion__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}
#discussion h2 {
  padding: 10% 0 4%;
  font-size: clamp(20px, 2.78vw, 38px);
  text-align: center;
  font-weight: bold;
}
#discussion .discussion__heading {
  --deco-color: #1e1e1e;
  --text-color: #1e1e1e;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(20px, 2.05vw, 28px);
  font-weight: bold;
  text-align: center;
  --base-size: clamp(6px, 1.17vw, 16px);
  --gap-size: calc(var(--base-size) * 1.5);
  --shadow-1: calc(var(--base-size) + var(--gap-size));
  --shadow-2: calc(var(--shadow-1) * 2);
}
#discussion .discussion__heading::before, .discussion__heading::after {
  content: "";
  display: block;
  width: var(--base-size);
  height: var(--base-size);
  border-radius: 30%;
  background-color: var(--deco-color);
  flex-shrink: 0;
}
#discussion .discussion__heading::before {
  box-shadow: var(--shadow-1) 0 0 var(--deco-color), var(--shadow-2) 0 0 var(--deco-color);
  margin-right: var(--shadow-2);
}
#discussion .discussion__heading::after {
  box-shadow: calc(var(--shadow-1) * -1) 0 0 var(--deco-color), calc(var(--shadow-2) * -1) 0 0 var(--deco-color);
  margin-left: var(--shadow-2);
}
#discussion .discussion__heading--type1 {
  --deco-color: #fabbcb;
  --text-color: #41685b;
}
#discussion .discussion__heading--type2 {
  --deco-color: #fabbcb;
  --text-color: #1e1e1e;
}
#discussion .discussion__heading--type3 {
  --deco-color: #41685b;
  --text-color: #41685b;
}
#discussion figure {
  margin: 0 0 6%;
}
#discussion figure img {
  width: 100%;
  height: auto;
}
#discussion .sup {
  font-size: 0.75em;
  vertical-align: super;
}
#discussion .discussion__text {
  margin: 0 0 6%;
  font-size: clamp(14px, 1.76vw, 20px);
}
#discussion .discussion__text.bottom {
  margin: 0 0 0;
}
#discussion .discussion__highlight {
  font-size: 1.2em;
  color: #de2b5b;
  font-weight: bold;
}
#discussion .discussion__note {
  margin: -4% 0 4%;
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-size: clamp(12px, 1.17vw, 16px);
  line-height: 1.5;
}
#discussion .discussion__note:last-of-type {
  margin: -4% 0 0;
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-size: clamp(12px, 1.17vw, 16px);
  line-height: 1.2;
}
#discussion p.discussion__note {
  margin: -4% 0 6% !important;
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-size: clamp(12px, 1.17vw, 16px);
  line-height: 1.2;
}
/*
#discussion .discussion__note:last-of-type {
  margin: -4% 0 0;
}
*/
#discussion .discussion__note_list {
  margin: -4% 0 0;
}
#discussion .discussion__ideabox {}
#discussion .discussion__whitebox {
  margin: 0 0 4%;
  padding: 4%;
  background: #ffffff;
  border-radius: 30px;
}
#discussion .discussion__whitebox:last-of-type {
  margin: 0 0 0;
}
#discussion .discussion__whitebox p {
  margin: 0;
}
#discussion .discussion__questionbox {}
#discussion .discussion__questionbox figure {
  margin: 0 !important;
}
/* Header */
#discussion .discussion__header {
  position: relative;
  background: linear-gradient(75deg, #f2dfe5 0%, #d9eaef 40%, #f2dfe5 100%);
  margin: 0 0 80px;
  padding: 120px 0 60px;
  width: 100%;
}
#discussion .discussion__header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}
#discussion .discussion__label {
  width: 180px;
  display: block;
  margin: 0 auto 2%;
  padding: 5px 15px;
  border: 2px solid #1e1e1e;
  font-size: clamp(14px, 1.32vw, 18px);
  font-weight: bold;
  text-align: center;
}
#discussion .discussion__catch {
  font-size: clamp(17px, 1.76vw, 24px);
  margin: 0 0 1%;
  text-align: center;
  font-weight: bold;
}
#discussion .discussion__title {
  margin: 0 0 16%;
  font-size: clamp(20px, 2.93vw, 40px);
  text-align: center;
  font-weight: bold;
}
#discussion .discussion__title--small {
  font-size: clamp(16px, 2.2vw, 30px);
  font-weight: bold;
}
#discussion .discussion__header-img {
  width: 80%;
  max-width: 623px;
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
}
/* Section intro */
#discussion .discussion__sec-intro {}
#discussion .discussion__sec-intro figure {
  margin: 0;
}
/* Section 01 */
#discussion .discussion__sec-01 {}
#discussion .discussion__sec-01 p:last-of-type {
  margin: 0;
}
/* Section 02 */
#discussion .discussion__sec-02 {}
#discussion .discussion__sec-02 ol {
  margin: 0;
  counter-reset: section-list;
}
#discussion .discussion__sec-02 ol > li {
  margin: 0 0 6%;
}
#discussion .discussion__sec-02 ol > li:last-of-type {
  margin: 0;
}
#discussion .discussion__sec-02 h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  margin: 0 auto 2%;
  padding: 0.1em 4%;
  box-sizing: border-box;
  background: #b9dcd2;
  border-radius: 9999px;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: bold;
  white-space: nowrap;
  color: #41685b;
}
#discussion .discussion__sec-02 h3::before {
  counter-increment: section-list;
  content: counter(section-list) ". ";
  margin-right: 0.1em;
}
#discussion .discussion__list {
  margin: -4% 0 2%;
  font-size: clamp(14px, 1.76vw, 20px);
}
#discussion .discussion__list > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 8px;
}
#discussion .discussion__list > li:last-child {
  margin-bottom: 0;
}
#discussion .discussion__list > li::before {
  content: "¡¦";
  position: absolute;
  left: 0;
  top: 0;
}
/* Section 03 */
#discussion .discussion__sec-03 {}
#discussion .discussion__sec-03 figure:last-of-type {
  margin: 0 0 0 !important;
}
/* Section 04 */
#discussion .discussion__sec-04 {}
#discussion .discussion__sec-04 figure:last-of-type {
  margin: 0 0 0 !important;
}
/* Section 05 */
#discussion .discussion__sec-05 {
  margin: 0 0 10%;
}
#discussion .discussion__ideabox {
  margin: 0 0 6%;
}
#discussion .discussion__ideabox h3 {
  background: #fabbcb;
  padding: 0.5em;
  text-align: center;
  border-radius: 3vw 3vw 0 0;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: bold;
}
#discussion .discussion__ideabox .discussion__text {
  margin: 0 0 4%;
}
#discussion .discussion__ideabox figure {
  margin: 0 !important;
}
#discussion .discussion__color-box_inner {
  padding: 4%;
}
#discussion .discussion__ideabox .discussion__color-box_inner {
  background: #ffffff;
  border: 4px solid #fabbcb;
  border-radius: 0 0 3vw 3vw;
  box-sizing: border-box;
}
/* Section 06 */
#discussion .discussion__gradient-bg {
  background: linear-gradient(75deg, #f2dfe5 0%, #d9eaef 40%, #f2dfe5 100%);
}
#discussion .discussion__sec-06 {}
#discussion .discussion__sec-06-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}
#discussion .discussion__sec-06-inner > p {
  text-align: center;
}
/* Section 07 */
#discussion .discussion__sec-07 {}
#discussion .discussion__sec-07-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}
#discussion .discussion__question {}
#discussion .discussion__questionbox:last-of-type {
  margin: 0;
  padding: 0 0 10%;
}
#discussion .discussion__questionbox h3 {
  background: #b9dcd2;
  padding: 0.5em;
  text-align: center;
  border-radius: 3vw 3vw 0 0;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: bold;
  color: #41685b;
}
#discussion .discussion__questionbox_inner {
  margin: 0 0 6%;
  padding: 4%;
  background: #ffffff;
  border-radius: 0 0 3vw 3vw;
}
/* Section 08 */
#discussion .discussion__sec-08 {
  padding: 10% 0 6%;
}
#discussion .discussion__thanks_text {
  font-size: clamp(20px, 2.2vw, 30px);
  color: #41685b;
  font-weight: bold;
  text-align: center;
}
#discussion .discussion__bn {
  width: 100%;
  margin: 0 auto 100px;
  box-sizing: border-box;
}
#discussion .discussion__bn figure {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 50px;
  padding: 0 50px;
  box-sizing: border-box;
}
#discussion .btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 3em;
  text-align: center;
  padding: 18px 23px 18px 15px;
  font-size: 18px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  line-height: 1.5;
  flex-direction: column;
  white-space: nowrap;
}
#discussion .btn-black {
  background-color: #1e1e1e;
  color: #fff;
  transition: all .3s;
  font-size: 25px;
}
#discussion .btn-black:hover {
  background-color: #41685b;
  color: #fff;
  transition: all .3s;
  font-size: 25px;
}
#discussion .btn + p {
  margin: 1em 0 0;
  text-align: center;
  font-size: clamp(14px, 1.76vw, 20px);
}
#discussion .btn + p a {
  text-decoration: underline;
}
@media screen and (max-width:1000px) {
  #discussion .discussion__header {
    margin: 0 0 12vw;
    padding: 12vw 0 10vw;
  }
  #discussion .discussion__inner {
    padding: 0 20px;
  }
  #discussion .discussion__header-inner {
    padding: 0 20px;
  }
  #discussion .discussion__sec-06-inner {
    padding: 0 20px;
  }
  #discussion .discussion__sec-07-inner {
    padding: 0 20px;
  }
  #discussion .discussion__bn {
    margin: 0 auto 10vw;
    padding: 0 20px;
  }
  #discussion .discussion__sec-02 h3 {
    width: 36vw;
    max-width: 240px;
    margin: 0 auto 3%;
    padding: 0.1em 4%;
  }
  #discussion .discussion__bn figure {
    margin: 0 auto 5vw;
    padding: 0 5vw;
    box-sizing: border-box;
  }
  #discussion .btn {
    border-radius: 3em;
    padding: 18px 23px 18px 15px;
    font-size: 16px;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    line-height: 1.5;
    flex-direction: column;
    white-space: nowrap;
  }
}