@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/* ----------------------------------------------------
project
---------------------------------------------------- */
.projectMv {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 53.571vw;
  background: url(../images/project/img_headtitle.jpg) center top/100% no-repeat;
}
@media (max-width: 750px) {
  .projectMv {
    height: 74.133vw;
    background: url(../images/project/sp/img_headtitle.jpg) center top/100% no-repeat;
    position: relative;
  }
}
.projectMv h1 {
  margin-top: -86px;
}
@media (max-width: 1680px) {
  .projectMv h1 {
    margin-top: -5.119vw;
  }
}
@media (max-width: 750px) {
  .projectMv h1 {
    margin-top: 45.333vw;
    position: relative;
    z-index: 22;
  }
}
.projectMv h1 img {
  width: 45.238vw;
  height: auto;
}
@media (max-width: 750px) {
  .projectMv h1 img {
    width: 69.333vw;
  }
}
.projectMv .spFlake {
  display: none;
}
@media (max-width: 750px) {
  .projectMv .spFlake {
    position: absolute;
    z-index: 23;
    bottom: 0;
    line-height: 0;
    display: block;
  }
  .projectMv .spFlake.left {
    left: 2.667vw;
    bottom: -8.533vw;
  }
  .projectMv .spFlake.left img {
    width: 8.8vw;
    height: auto;
  }
  .projectMv .spFlake.right {
    right: 5.867vw;
    bottom: -6.933vw;
  }
  .projectMv .spFlake.right img {
    width: 9.333vw;
    height: auto;
  }
}
.project .pjInner {
  margin-right: auto;
  width: 1080px;
}
@media (max-width: 1680px) {
  .project .pjInner {
    width: 64.286vw;
  }
}
@media (max-width: 750px) {
  .project .pjInner {
    width: auto;
  }
}
.projectContainer {
  padding: 62px 0 109px 100px;
  margin: -205px 0 103px auto;
  width: calc(100% - 100px);
  background: #F4F1E9;
  border-radius: 120px 0 0 120px;
}
@media (max-width: 1680px) {
  .projectContainer {
    padding: 3.69vw 0 6.488vw 5.952vw;
    margin: -12.202vw 0 6.131vw auto;
    width: calc(100% - 5.952vw);
    border-radius: 7.143vw 0 0 7.143vw;
  }
}
@media (max-width: 750px) {
  .projectContainer {
    padding: 27.2vw 8vw 13.867vw 8vw;
    border-radius: 8vw 0 0 8vw;
    width: calc(100% - 8vw);
    position: relative;
    z-index: 20;
  }
}
.projectHead {
  margin-bottom: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1680px) {
  .projectHead {
    margin-bottom: 3.869vw;
  }
}
@media (max-width: 750px) {
  .projectHead {
    margin-bottom: 14.933vw;
    display: block;
  }
}
.projectHeadText {
  width: 628px;
}
@incldue pc {
  .projectHeadText {
    width: 37.381vw;
  }
}
@media (max-width: 750px) {
  .projectHeadText {
    margin-bottom: 14.933vw;
    width: 100%;
  }
}
.projectHeadText p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.9;
  color: #2CCCEA;
}
@media (max-width: 1680px) {
  .projectHeadText p {
    font-size: 1.429vw;
  }
}
@media (max-width: 750px) {
  .projectHeadText p {
    font-size: 4.533vw;
    font-weight: 500;
  }
}
.projectHeadPhoto {
  margin-right: -100px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1680px) {
  .projectHeadPhoto {
    margin-right: -4.762vw;
  }
}
@media (max-width: 750px) {
  .projectHeadPhoto {
    margin-right: -8vw;
  }
}
.projectHeadPhoto img {
  width: 240px;
  height: auto;
}
@media (max-width: 1680px) {
  .projectHeadPhoto img {
    width: 14.286vw;
  }
}
@media (max-width: 750px) {
  .projectHeadPhoto img {
    width: 37.333vw;
  }
}
.projectHeadPhoto figure {
  margin-left: 6px;
}
@media (max-width: 1680px) {
  .projectHeadPhoto figure {
    margin-left: 0.357vw;
  }
}
@media (max-width: 750px) {
  .projectHeadPhoto figure {
    margin-left: 1.067vw;
  }
}
.project .pjContentsNavi {
  margin-bottom: 77px;
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1680px) {
  .project .pjContentsNavi {
    margin-bottom: 4.583vw;
  }
}
@media (max-width: 750px) {
  .project .pjContentsNavi {
    margin-bottom: 19.2vw;
    font-weight: 500;
    justify-content: space-between;
  }
}
.project .pjContentsNavi .pjNaviItem {
  margin: 0 25px 14px 0;
  width: 196px;
  height: 42px;
}
@media (max-width: 1680px) {
  .project .pjContentsNavi .pjNaviItem {
    margin: 0 1.488vw 0.833vw 0;
    width: 11.667vw;
    height: 2.5vw;
  }
}
@media (max-width: 750px) {
  .project .pjContentsNavi .pjNaviItem {
    margin: 0 0 1.867vw 0;
    width: 36.267vw;
    height: 8vw;
  }
}
.project .pjContentsNavi .pjNaviItem:nth-child(5n) {
  margin-right: 0;
}
.project .pjContentsNavi .pjNaviItem a {
  padding-left: 18px;
  font-size: 18px;
  line-height: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url(../images/common/icon_arrow_navi_2.png) center right 18px/13px no-repeat #DFDFDD;
  border-radius: 8px;
}
@media (max-width: 1680px) {
  .project .pjContentsNavi .pjNaviItem a {
    padding-left: 1.071vw;
    font-size: 1.071vw;
    background: url(../images/common/icon_arrow_navi_2.png) center right 1.071vw/0.774vw no-repeat #DFDFDD;
    border-radius: 0.476vw;
  }
}
@media (max-width: 750px) {
  .project .pjContentsNavi .pjNaviItem a {
    padding-left: 3.467vw;
    font-size: 3.2vw;
    background: url(../images/common/icon_arrow_navi_2.png) center right 3.467vw/2.4vw no-repeat #DFDFDD;
    border-radius: 2.133vw;
  }
}
.project .pjCategory {
  margin-bottom: 76px;
  font-family: 'Noto Sans JP', sans-serif;
}
@media (max-width: 1680px) {
  .project .pjCategory {
    margin-bottom: 4.524vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory {
    margin-bottom: 13.333vw;
  }
}
.project .pjCategory h3 {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  float: left;
}
@media (max-width: 1680px) {
  .project .pjCategory h3 {
    font-size: 1.429vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory h3 {
    margin-bottom: 2.667vw;
    font-size: 4.8vw;
    line-height: 2.1;
    float: none;
  }
}
.project .pjCategory h3:before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 1px;
  background: #3E3A39;
  margin-right: 12px;
}
@media (max-width: 1680px) {
  .project .pjCategory h3:before {
    width: 3.214vw;
    margin-right: 0.714vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory h3:before {
    width: 8.533vw;
    margin-right: 2.4vw;
  }
}
.project .pjCategory article {
  margin-left: auto;
  width: 807px;
}
@media (max-width: 1680px) {
  .project .pjCategory article {
    width: 48.036vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article {
    width: 100%;
  }
}
.project .pjCategory article:nth-child(2) .answer {
  display: block;
}
.project .pjCategory article + article {
  margin-top: 28px;
}
@media (max-width: 1680px) {
  .project .pjCategory article + article {
    margin-top: 1.667vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article + article {
    margin-top: 6.4vw;
  }
}
.project .pjCategory article .articleInner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .project .pjCategory article .articleInner {
    display: block;
  }
}
.project .pjCategory article .userIcon {
  margin-top: 40px;
  width: 70px;
  height: 70px;
  line-height: 0;
  border-radius: 100vw;
}
@media (max-width: 1680px) {
  .project .pjCategory article .userIcon {
    margin-top: 2.381vw;
    width: 4.167vw;
    height: 4.167vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .userIcon {
    margin-left: -13.333vw;
    margin-top: 14.133vw;
    width: 10.667vw;
    height: 10.667vw;
    float: left;
  }
}
.project .pjCategory article .userIcon img {
  width: 100%;
  height: auto;
}
.project .pjCategory article section {
  padding: 43px 40px 48px 45px;
  width: 697px;
  border-radius: 40px;
  background: #FFFFFF;
  position: relative;
}
@media (max-width: 1680px) {
  .project .pjCategory article section {
    padding: 2.56vw 2.381vw 2.857vw 2.679vw;
    width: 41.488vw;
    border-radius: 2.381vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article section {
    padding: 6.133vw;
    width: 100%;
    border-radius: 8vw;
  }
}
.project .pjCategory article section:before {
  content: "";
  display: block;
  background: url(../images/project/icon_fukidashi.png) center center/100% no-repeat;
  width: 25px;
  height: 62px;
  position: absolute;
  top: 50px;
  left: -25px;
}
@media (max-width: 1680px) {
  .project .pjCategory article section:before {
    top: 2.976vw;
    left: -1.488vw;
    width: 1.488vw;
    height: 3.69vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article section:before {
    background: url(../images/project/sp/icon_fukidashi.png) center center/100% no-repeat;
    top: 17.6vw;
    left: -2.133vw;
    width: 2.133vw;
    height: 3.467vw;
  }
}
.project .pjCategory article section p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2.1;
}
@media (max-width: 1680px) {
  .project .pjCategory article section p {
    font-size: 1.071vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article section p {
    font-size: 4vw;
    line-height: 1.9;
  }
}
.project .pjCategory article .question {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project .pjCategory article .questionInner {
  width: 512px;
}
@media (max-width: 1680px) {
  .project .pjCategory article .questionInner {
    width: 30.476vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .questionInner {
    width: 52.533vw;
  }
}
.project .pjCategory article .questionInner .user {
  margin-top: 10px;
  text-align: right;
  line-height: 1.6;
}
.project .pjCategory article .questionInner .user span {
  display: block;
  font-size: 90%;
}
.project .pjCategory article .question .switch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 100vw;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .project .pjCategory article .question .switch {
    width: 2.738vw;
    height: 2.738vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .question .switch {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.project .pjCategory article .question .switch span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  position: relative;
}
@media (max-width: 1680px) {
  .project .pjCategory article .question .switch span {
    width: 1.071vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .question .switch span {
    width: 2.667vw;
  }
}
.project .pjCategory article .question .switch span:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
}
.project .pjCategory article .question .switch span:after {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 1680px) {
  .project .pjCategory article .question .switch span:after {
    height: 1.071vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .question .switch span:after {
    height: 2.667vw;
  }
}
.project .pjCategory article .question .switch.open span:after {
  content: none;
}
.project .pjCategory article .answer {
  display: none;
}
@media (max-width: 750px) {
  .project .pjCategory article .answer {
    margin-top: 8vw;
  }
}
.project .pjCategory article .answer .hamakawaIcon {
  line-height: 0;
  float: left;
}
.project .pjCategory article .answer .hamakawaIcon img {
  width: 71px;
  height: auto;
}
@media (max-width: 1680px) {
  .project .pjCategory article .answer .hamakawaIcon img {
    width: 4.226vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .answer .hamakawaIcon img {
    width: 10.667vw;
  }
}
.project .pjCategory article .answerInner {
  padding-top: 30px;
  margin-left: auto;
  width: 512px;
}
@media (max-width: 1680px) {
  .project .pjCategory article .answerInner {
    padding-top: 1.786vw;
    width: 30.476vw;
  }
}
@media (max-width: 750px) {
  .project .pjCategory article .answerInner {
    padding-top: 4.267vw;
    width: 50.4vw;
  }
}
.project .pjCategory article .answerInner p {
  color: #514E4D;
}
.project .pjCategory.iryoukaigo .userIcon, .project .pjCategory.work .userIcon {
  background: #E95D5E;
}
.project .pjCategory.iryoukaigo .question, .project .pjCategory.work .question {
  color: #E95D5E;
}
.project .pjCategory.iryoukaigo .question .switch, .project .pjCategory.work .question .switch {
  border: 2px solid #E95D5E;
}
.project .pjCategory.iryoukaigo .question .switch span:before, .project .pjCategory.work .question .switch span:before {
  background: #E95D5E;
}
.project .pjCategory.iryoukaigo .question .switch span:after, .project .pjCategory.work .question .switch span:after {
  background: #E95D5E;
}
.project .pjCategory.kyoiku .userIcon, .project .pjCategory.truancy .userIcon {
  background: #5985DB;
}
.project .pjCategory.kyoiku .question, .project .pjCategory.truancy .question {
  color: #5985DB;
}
.project .pjCategory.kyoiku .question .switch, .project .pjCategory.truancy .question .switch {
  border: 2px solid #5985DB;
}
.project .pjCategory.kyoiku .question .switch span:before, .project .pjCategory.truancy .question .switch span:before {
  background: #5985DB;
}
.project .pjCategory.kyoiku .question .switch span:after, .project .pjCategory.truancy .question .switch span:after {
  background: #5985DB;
}
.project .pjCategory.kurashi .userIcon, .project .pjCategory.peace .userIcon {
  background: #D9538C;
}
.project .pjCategory.kurashi .question, .project .pjCategory.peace .question {
  color: #D9538C;
}
.project .pjCategory.kurashi .question .switch, .project .pjCategory.peace .question .switch {
  border: 2px solid #D9538C;
}
.project .pjCategory.kurashi .question .switch span:before, .project .pjCategory.peace .question .switch span:before {
  background: #D9538C;
}
.project .pjCategory.kurashi .question .switch span:after, .project .pjCategory.peace .question .switch span:after {
  background: #D9538C;
}
.project .pjCategory.kodomo .userIcon, .project .pjCategory.hoiku .userIcon {
  background: #72B83B;
}
.project .pjCategory.kodomo .question, .project .pjCategory.hoiku .question {
  color: #72B83B;
}
.project .pjCategory.kodomo .question .switch, .project .pjCategory.hoiku .question .switch {
  border: 2px solid #72B83B;
}
.project .pjCategory.kodomo .question .switch span:before, .project .pjCategory.hoiku .question .switch span:before {
  background: #72B83B;
}
.project .pjCategory.kodomo .question .switch span:after, .project .pjCategory.hoiku .question .switch span:after {
  background: #72B83B;
}
.project .pjCategory.gender .userIcon, .project .pjCategory.bousai .userIcon {
  background: #7D77D0;
}
.project .pjCategory.gender .question, .project .pjCategory.bousai .question {
  color: #7D77D0;
}
.project .pjCategory.gender .question .switch, .project .pjCategory.bousai .question .switch {
  border: 2px solid #7D77D0;
}
.project .pjCategory.gender .question .switch span:before, .project .pjCategory.bousai .question .switch span:before {
  background: #7D77D0;
}
.project .pjCategory.gender .question .switch span:after, .project .pjCategory.bousai .question .switch span:after {
  background: #7D77D0;
}

/* ----------------------------------------------------
pjLinkBtn
---------------------------------------------------- */
.pjLinkBtn {
  margin-left: auto;
  margin-bottom: 140px;
  width: calc(100% - 100px);
}
@media (max-width: 1680px) {
  .pjLinkBtn {
    margin-bottom: 8.333vw;
    width: calc(100% - 5.952vw);
  }
}
@media (max-width: 750px) {
  .pjLinkBtn {
    margin-bottom: 46.4vw;
    width: 100%;
  }
}
.pjLinkBtn .pjInner {
  margin-left: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1680px) {
  .pjLinkBtn .pjInner {
    margin-left: 5.952vw;
  }
}
@media (max-width: 750px) {
  .pjLinkBtn .pjInner {
    margin: 0 8vw;
    width: auto;
  }
}
.pjLinkBtn .btnItem {
  width: 49%;
  height: 100px;
}
@media (max-width: 1680px) {
  .pjLinkBtn .btnItem {
    height: 5.952vw;
  }
}
@media (max-width: 750px) {
  .pjLinkBtn .btnItem {
    height: 38.933vw;
  }
}
.pjLinkBtn .btnItem a {
  padding-right: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #2CCCEA;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
  border-radius: 100vw;
  background: url(../images/common/icon_arrow_circle_lightblue3.png) center right 44px/30px no-repeat #FFFFFF;
  border: 2px solid #2CCCEA;
}
@media (max-width: 1680px) {
  .pjLinkBtn .btnItem a {
    padding-right: 1.31vw;
    font-size: 1.31vw;
    background: url(../images/common/icon_arrow_circle_lightblue3.png) center right 2.619vw/1.786vw no-repeat #FFFFFF;
  }
}
@media (max-width: 750px) {
  .pjLinkBtn .btnItem a {
    padding: 5.333vw 0 0 0;
    display: block;
    font-size: 5.333vw;
    line-height: 1.2;
    border-radius: 5.333vw;
    background: url(../images/common/icon_arrow_circle_lightblue3.png) center bottom 5.333vw/6.4vw no-repeat #FFFFFF;
  }
}
.pjLinkBtn .btnItem a span {
  display: block;
  font-size: 17px;
  line-height: 1.6;
}
@media (max-width: 1680px) {
  .pjLinkBtn .btnItem a span {
    font-size: 1.012vw;
  }
}
@media (max-width: 750px) {
  .pjLinkBtn .btnItem a span {
    margin-bottom: 4px;
    font-size: 3.733vw;
    line-height: 1.4;
    font-feature-settings: "palt";
  }
}
.pjLinkBtn .btnItem:nth-child(2) a {
  color: #FFFFFF;
  background: url(../images/common/icon_arrow_circle_lightblue.png) center right 44px/30px no-repeat #2CCCEA;
}
@media (max-width: 1680px) {
  .pjLinkBtn .btnItem:nth-child(2) a {
    background: url(../images/common/icon_arrow_circle_lightblue.png) center right 2.619vw/1.786vw no-repeat #2CCCEA;
  }
}
@media (max-width: 750px) {
  .pjLinkBtn .btnItem:nth-child(2) a {
    background: url(../images/common/icon_arrow_circle_lightblue.png) center bottom 5.333vw/6.4vw no-repeat #2CCCEA;
  }
}