@charset "UTF-8";
/* ===========================================
 * CONTENTS（子育て）
 * ======================================== */
.contentsWrap {
  padding-block: 40px;
  background-color: #FEF1DD;
}
.contentsInner {
  width: 1000px;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .contentsWrap {
    padding-block: 15px;
  }
  .contentsInner {
    width: min(100%, 346px);
  }
}
/* Intoro */
/* ======================================== */
.contentsIntro {
  padding: 120px 0 220px 190px;
  position: relative;
  z-index: auto;
}
.contentsIntro::before {
  content: "";
  width: 195px;
  height: 450px;
  background: center / 195px 450px no-repeat url(../img/contents_intro_img.png);
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 220px;
}
.contentsIntroText {
  font: 700 3.8rem / 1.3 var(--font_fm-main);
  letter-spacing: -0.05em;
  color: #F08300;
}
.contentsIntroText > span {
  font: 700 3.0rem / 1.1 var(--font_fm-main);
}
@media screen and (max-width: 767px) {
  .contentsIntro {
    padding: 25px 0 60px 15px;
  }
  .contentsIntro::before {
    width: 111px;
    height: 193px;
    background: center / 111px 193px no-repeat url(../img/contents_intro_img.png);
    top: 0;
    right: 30px;
  }
  .contentsIntroText {
    font: 700 2.0rem / 1.3 var(--font_fm-main);
  }
  .contentsIntroText > span {
    font: 700 1.6rem / 1.1 var(--font_fm-main);
  }
}
/* Worry */
/* ======================================== */
.contentsWorryContainer {
  margin-bottom: 45px;
  display: grid;
  grid-template-columns: repeat(3, 300px);
  grid-template-rows: auto;
  justify-content: space-between;
}
.contentsWorry {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  gap: 15px;
}
.contentsWorryText {
  font: 700 1.8rem / 1.2 var(--font_fm-main);
  color: #40210F;
}
@media screen and (max-width: 767px) {
  .contentsWorryContainer {
    margin-bottom: 10px;
    padding-inline: 15px;
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    justify-content: center;
    gap: 10px;
  }
  .contentsWorry {
    grid-template-columns: 150px auto;
    grid-template-rows: auto;
    align-items: center;
    gap: 10px;
  }
  .contentsWorryText {
    font: 700 1.4rem / 1.2 var(--font_fm-main);
  }
}
/* Text */
/* ======================================== */
.contentsTextContainer {
  margin-bottom: 65px;
  display: grid;
  gap: 30px;
}
.contentsText01 {
  text-align: center;
  font: 700 5.0rem / 1.2 var(--font_fm-main);
  color: #005E2D;
}
.contentsText02 {
  text-align: center;
  font: 700 4.6rem / 1.2 var(--font_fm-main);
  color: #40210F;
}
.contentsText03 {
  text-align: center;
  font: 700 3.5rem / 1.2 var(--font_fm-main);
  color: #F08300;
}
@media screen and (max-width: 767px) {
  .contentsTextContainer {
    margin-bottom: 30px;
    gap: 15px;
  }
  .contentsText01 {
    font: 700 2.5rem / 1.2 var(--font_fm-main);
  }
  .contentsText02 {
    font: 700 1.8rem / 1.2 var(--font_fm-main);
  }
  .contentsText03 {
    font: 700 1.4rem / 1.2 var(--font_fm-main);
    letter-spacing: -0.05em;
  }
}
/* Section */
/* ======================================== */
.contentsSection {
  width: calc(100% - 50px);
  padding-inline: 50px;
  height: 140px;
  background-color: #005E2D;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contentsSectionText {
  font: 700 3.2rem / 1.5 var(--font_fm-main);
  color: #F5D660;
  display: flex;
}
@media screen and (max-width: 767px) {
  .contentsSection {
    width: 100%;
    padding-inline: 22px;
    margin-left: -22px;
    height: 60px;
  }
  .contentsSectionText {
    font: 700 1.6rem / 1.5 var(--font_fm-main);
  }
}
/* Explain */
/* ======================================== */
.contentsExplain {
  padding-block: 25px 50px;
  padding-inline: 50px;
}
.contentsExplain {
  padding-block: 25px 50px;
  padding-inline: 50px;
}
.contentsExplain:last-child .contentsExplainInner {
  grid-template-columns: 400px auto;
}
.contentsExplainTitle {
  margin-bottom: 15px;
  font: 700 3.0rem / 1.3 var(--font_fm-main);
  color: #F08300;
  display: block;
}
.contentsExplainInner {
  display: grid;
  grid-template-columns: 440px 300px;
  grid-template-rows: auto;
  column-gap: 50px;
  align-items: center;
}
.contentsExplainInner:first-child {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  column-gap: 120px;
  row-gap: 30px;
}
.contentsExplainImg {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
} 
.contentsExplainText {
  font: 700 1.8rem / 1.5 var(--font_fm-main);
  color: #40210F;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.contentsExplainCaution {
  margin-top: 1em;
  font: 700 1.4rem / 1.5 var(--font_fm-main);
  letter-spacing: -0.05em;
  color: #40210F;
  display: block;
}
@media screen and (max-width: 767px) {
  .contentsExplain {
    padding-block: 15px 30px;
    padding-inline: 0 15px;
  }
  .contentsExplainTitle {
    font: 700 1.6rem / 1.3 var(--font_fm-main);
  }
  .contentsExplainInner {
    display: grid;
    grid-template-columns: 160px auto;
    grid-template-rows: auto auto;
    column-gap: 18px;
    row-gap: 1em;
  }
  .contentsExplain:last-child .contentsExplainInner {
    grid-template-columns: auto 160px;
  }
  .contentsExplain:last-child .contentsExplainInner .contentsExplainImg {
    grid-column: 2 / 3;
  }
  .contentsExplain:last-child .contentsExplainInner .contentsExplainText {
    grid-column: 1 / 2;
  }
  .contentsExplainImg {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .contentsExplainText {
    font: 700 1.4rem / 1.5 var(--font_fm-main);
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .contentsExplainCaution {
    font: 700 1.2rem / 1.5 var(--font_fm-main);
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}
/* Explain 2column */
/* ======================================== */
.contentsExplain2column {
  padding-block: 25px 50px;
  padding-inline: 50px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: flex-start;
  justify-content: center;
  gap: 115px;
}
.contentsExplain2columnInner {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  justify-content: center;
  gap: 20px;
}
.contentsExplain2columnText {
  font: 700 1.8rem / 1.5 var(--font_fm-main);
  color: #40210F;
}
@media screen and (max-width: 767px) {
  .contentsExplain2column {
    padding-block: 15px 30px;
    padding-inline: 0 15px;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: 0;
  }
  .contentsExplain2columnInner {
    display: grid;
    grid-template-columns: auto 158px;
    grid-template-rows: auto;
    align-items: center;
    gap: 0;
  }
  .contentsExplain2columnImg {
    width: 100%;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .contentsExplain2columnImg.reverse {
    grid-column: 1 / 2;
  }
  .contentsExplain2columnText {
    font: 700 1.4rem / 1.5 var(--font_fm-main);
    color: #40210F;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .contentsExplain2columnText.reverse {
    grid-column: 2 / 3;
  }
}

/* ===========================================
 * VOICE
 * ======================================== */
.vioceWrap {
  padding-block: 40px;
  background-color: #F6DCB6;
}
.vioceInner {
  width: 1000px;
	padding: 0 50px;
	margin-inline: auto;
}
.voiceTitle {
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font: 700 6.1rem / 1.5 var(--font_fm-main);
  color: #40210F;
}
.vioceBoxContainer {
  display: grid;
  gap: 15px;
}
.vioceBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.vioceBox:last-child {
  flex-direction: row-reverse;
}
.vioceBoxImg {
  width: 280px;
}
.vioceBoxText {
  font: 700 2.0rem / 1.5 var(--font_fm-main);
  color: #40210F;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .vioceWrap {
    padding-block: 20px;
  }
  .vioceInner {
    width: min(100%, 346px);
		padding: 0 0px;
  }
  .voiceTitle {
    margin-bottom: 25px;
    font: 700 2.0rem / 1.5 var(--font_fm-main);
  }
  .vioceBoxContainer {
    gap: 40px;
  }
  .vioceBox {
    gap: 13px;
  }
  .vioceBoxImg {
    width: 100px;
  }
  .vioceBoxText {
    font: 700 1.4rem / 1.5 var(--font_fm-main);
  }
}