@charset "UTF-8";
/* 変数の定義
--------------------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/* テキストパーツ
--------------------------------------------------*/
.white {
  color: #fff;
}

.black {
  color: #292f36;
}

.brown {
  color: #231815;
}

.pink {
  color: #fca6a6;
}

.green {
  color: #6eb92b;
}

.bluegreen {
  color: #9fcfa7;
}

.blue {
  color: #b7d3ec;
}

/* フォントの定義
--------------------------------------------------*/
html, body, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #292f36;
}
@media screen and (min-width: 769px) {
  html, body, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
}

h1, h2, h3, h4 {
  font-family: "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #292f36;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
}

html {
  font-size: 62.5%;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #292f36;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 450px) {
  p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 769px) {
  p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* sec_ママスクエアを知る
--------------------------------------------------*/
#aboutus_wrapper .content_wrapper .pagewrap {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .pagewrap {
    width: 90%;
  }
}
#aboutus_wrapper .content_wrapper .pagewrap .text {
  margin: 30px 0 60px;
  line-height: 2.5;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .pagewrap .text {
    margin: 40px 0 120px;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper {
  overflow: hidden;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper {
  transition-timing-function: linear;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide {
  margin-right: 5%;
  height: initial;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide {
    margin-right: 3%;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 23%;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: -7.5%;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img02 {
    margin-right: -2.5%;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img02 img {
  border-radius: 19%;
  width: 73%;
  height: auto;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img02 .square_box {
  width: 73%;
  margin: auto 0 0;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .pinkbox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .greenbox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .bluebox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .yellowbox {
  position: relative;
  width: 10vw;
  height: 10vw;
  border-radius: 32%;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .pinkbox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .greenbox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .bluebox,
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide .square_box .yellowbox {
    width: 4.3vw;
    height: 4.3vw;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 img, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 img {
  border-radius: 8vw;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 img, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 img {
    border-radius: 3.5vw;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .pinkbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .pinkbox {
  width: 12vw;
  height: 12vw;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .pinkbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .pinkbox {
    width: 6vw;
    height: 6vw;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .greenbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .greenbox {
  width: 7vw;
  height: 7vw;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .greenbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .greenbox {
    width: 2.9vw;
    height: 2.9vw;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .bluebox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .bluebox {
  width: 5vw;
  height: 5vw;
  margin-block: auto;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .bluebox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .bluebox {
    width: 1.8vw;
    height: 1.8vw;
  }
}
#aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .yellowbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .yellowbox {
  width: 10vw;
  height: 10vw;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img04 .square_box .yellowbox, #aboutus_wrapper .content_wrapper .img_wrapper .swiper02 .swiper-wrapper .swiper-slide.img06 .square_box .yellowbox {
    width: 5vw;
    height: 5vw;
  }
}
#aboutus_wrapper .content_wrapper .about_business {
  margin-top: 60px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business {
    width: 90%;
    margin-top: 120px;
  }
}
#aboutus_wrapper .content_wrapper .about_business .text {
  padding-top: 30px;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business .text {
    padding-top: 40px;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist {
  padding-top: 30px;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist {
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:nth-child(even) {
  flex-direction: row-reverse;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .img_box {
  margin: auto;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist .img_box {
    margin: 0;
    width: 50%;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .img_box img {
  width: 100%;
  height: auto;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper {
  position: relative;
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper {
    width: calc(50% - 40px);
    margin-top: 0;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper h3 {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper h3 {
    font-size: clamp(2rem, 2vw, 2.8rem);
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .ttl_dots {
  margin: 15px 0 10px;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .job {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .job {
    margin-top: 20px;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .job .tag {
  color: #3e89cc;
  background-color: #fff;
  margin-right: 20px;
  padding: 0 15px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 700;
  white-space: nowrap;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .job .jobname {
  display: flex;
  flex-wrap: wrap;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .job .jobname li {
  font-weight: 500;
  line-height: 1.7;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist .txt_wrapper .window_link {
  text-align: right;
  margin-top: 25px;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child {
  display: block;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper {
    width: 100%;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol {
    margin-top: 40px;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li {
  position: relative;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  margin: 20px 0 0 20px;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9fcfa7;
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li .window_link {
  text-align: left;
  font-size: 1.2rem;
  margin: 10px 0 0 0;
}
@media screen and (min-width: 769px) {
  #aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li .window_link {
    font-size: 1.4rem;
    margin: 0 0 0 20px;
  }
}
#aboutus_wrapper .content_wrapper .about_business ul .imglist:last-child .txt_wrapper ol li .window_link a {
  margin-top: 10px;
  justify-content: flex-start;
}
/*# sourceMappingURL=about.css.map */