@charset "UTF-8";
.life {
  /*----*/
  /*----*/
  /*----*/
  /*----*/
  /*--年間行事--*/
  /*--給食と食育について--*/
}
.life .mv-content {
  background-image: url(/life/img/mv.png);
}
@media screen and (max-width: 767px) {
  .life .mv-content {
    background-image: url(/life/img/mv_sp.png);
  }
}
.life .ttl .page-ttl {
  background-image: url(/life/img/ttl_bg.png);
}
.life .inner830 {
  width: 830px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .life .inner830 {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .life .inner880 {
    padding: 0;
  }
}
.life .inner918 {
  width: 918px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .life .inner918 {
    width: 100%;
    padding: 0;
  }
}
.life .inner1000 {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .life .inner1000 {
    width: 100%;
    padding: 0;
  }
}
.life .inner1050 {
  width: 1050px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .life .inner1050 {
    width: 100%;
    padding: 0;
  }
}
.life .pattern-wrapper.pink {
  background-image: url(/life/img/pattern-pink.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .life .pattern-wrapper.pink {
    background-image: none;
  }
}
.life .pattern-wrapper.white {
  background-image: url(/life/img/pattern-white.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .life .pattern-wrapper.white {
    background-image: none;
  }
}
.life .pattern-wrapper.blue {
  background-image: url(/life/img/pattern-blue.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .life .pattern-wrapper.blue {
    background-image: none;
  }
}
.life .life {
  margin-bottom: 160px;
}
@media screen and (max-width: 767px) {
  .life .life {
    margin-bottom: 80px;
  }
}
.life .life .contents-block + .section-block-flex {
  margin-top: 133px;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block + .section-block-flex {
    margin-top: 30px;
  }
}
.life .life .contents-block .section-block-flex + .section-block-flex {
  margin-top: 40px;
}
.life .life .contents-block .section-block-col02 {
  position: relative;
}
.life .life .contents-block .section-block-col02.n02::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 116px;
  height: 98px;
  background: url(/life/img/img01_3.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .section-block-col02.n02::before {
    width: 80px;
    height: 67px;
  }
}
@media screen and (min-width: 768px) {
  .life .life .contents-block .section-block-col02.n02 .txtbox {
    padding-right: 80px;
  }
}
.life .life .contents-block .section-block-col02.n04::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 78px;
  height: 94px;
  background: url(/life/img/img01_4.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .section-block-col02.n04::before {
    bottom: 22px;
    right: 22px;
    width: 50px;
    height: 61px;
  }
}
@media screen and (min-width: 768px) {
  .life .life .contents-block .section-block-col02.n04 .txtbox {
    padding-right: 140px;
  }
}
.life .life .contents-block .txtbox h5 {
  margin-bottom: 1em;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .txtbox h5 {
    font-size: 1rem;
  }
}
.life .life .contents-block .txtbox .dot-list + .caution {
  margin-top: 1em;
}
.life .life .contents-block .txtbox.childcare-first {
  position: relative;
  padding: 53px 87px 53px 314px;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .txtbox.childcare-first {
    padding: 133px 5% 30px;
  }
}
.life .life .contents-block .txtbox.childcare-first::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -40px;
  left: -70px;
  width: 324px;
  height: 283px;
  background: url(/life/img/img01_1.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .txtbox.childcare-first::before {
    top: -50px;
    left: -15px;
    width: 184px;
    height: 153px;
  }
}
.life .life .contents-block .txtbox.childcare-first::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -40px;
  right: -34px;
  width: 178px;
  height: 154px;
  background: url(/life/img/img01_2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .txtbox.childcare-first::after {
    top: 30px;
    right: -14px;
    width: 118px;
    height: 103px;
  }
}
@media screen and (max-width: 767px) {
  .life .life .contents-block .txtbox.childcare-first p.txt {
    font-size: 1rem;
  }
}
.life .life .btn-block {
  margin: 64px auto 0;
  max-width: 834px;
}
@media screen and (max-width: 767px) {
  .life .life .btn-block {
    margin: 24px auto 0;
    max-width: 331px;
    flex-wrap: wrap;
  }
}
.life .life .btn-block.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .life .life .btn-block.flex {
    justify-content: center;
  }
}
.life .life .btn-block a.btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  max-width: 393px;
  min-height: 108px;
  content: "";
}
@media screen and (max-width: 767px) {
  .life .life .btn-block a.btn-link {
    max-width: 331px;
    min-height: 91px;
    padding: 1em 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .life .life .btn-block a.btn-link + .btn-link {
    margin-top: 15px;
  }
}
.life .life .btn-block a.btn-link.more {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%23FA78A0" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.life .life .btn-block a.btn-link.more:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%234F69AB" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.life .life .btn-block a.btn-link.white {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%23fff" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
  font-size: 1.375rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .life .life .btn-block a.btn-link.white {
    font-size: 1.1875rem;
  }
}
.life .life .btn-block a.btn-link.white:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%23EAF9EE" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.life .life .btn-block a.btn-link span.icon-pdf {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 0.3em;
  width: 30px;
  height: 34px;
  background: url(/assets/img/common/icon/icon_pdf.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .life .life .btn-block a.btn-link span.icon-pdf {
    width: 28px;
    height: 32px;
  }
}
.life .annualevent {
  margin-bottom: 107px;
}
@media screen and (max-width: 767px) {
  .life .annualevent {
    margin-bottom: 80px;
  }
}
.life .annualevent .section-block-flex + .section-block {
  margin-top: 24px;
}
.life .annualevent .annualevent-list {
  margin-left: 50px;
  width: calc(100% - 50px);
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list {
    margin-left: 8%;
    width: 92%;
  }
}
.life .annualevent .annualevent-list li {
  position: relative;
}
.life .annualevent .annualevent-list li:not(:last-of-type) {
  margin-bottom: 20px;
}
.life .annualevent .annualevent-list dl {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  min-height: 130px;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl {
    padding: 10px;
    min-height: 80px;
  }
}
.life .annualevent .annualevent-list dl dt {
  width: 100px;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dt {
    left: -30px;
    width: 60px;
    height: 60px;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dt.top {
    top: 80px;
  }
}
.life .annualevent .annualevent-list dl dd {
  width: 100%;
  padding-left: 90px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dd {
    padding-left: 15%;
  }
}
.life .annualevent .annualevent-list dl dd ul li {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dd ul li {
    font-size: 1rem;
  }
}
.life .annualevent .annualevent-list dl dd ul.list-dot > li {
  margin-bottom: 0;
  padding-left: 0.5em;
  text-indent: -0.7em;
  line-height: 1.5;
}
.life .annualevent .annualevent-list dl dd ul.list-dot > li::before {
  position: relative;
  display: inline-block;
  content: "●";
  font-size: 1.125rem;
  margin-top: -0.4em; /*黒丸アイコンの縦位置調整*/
  margin-right: 0.5em;
  vertical-align: middle; /*黒丸アイコンの縦位置調整*/
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dd ul.list-dot > li::before {
    font-size: 1rem;
  }
}
.life .annualevent .annualevent-list dl dd + dd {
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl dd + dd {
    padding-left: 15%;
  }
}
.life .annualevent .annualevent-list dl.mon1 {
  background-color: #FDF1E6;
}
.life .annualevent .annualevent-list dl.mon1 ul.list-dot > li::before {
  color: #E09A5C;
}
.life .annualevent .annualevent-list dl.mon2 {
  background-color: #EAF9EE;
}
.life .annualevent .annualevent-list dl.mon2 ul.list-dot > li::before {
  color: #73B886;
}
.life .annualevent .annualevent-list dl.mon3 {
  background-color: #FFEFE9;
}
@media screen and (min-width: 768px) {
  .life .annualevent .annualevent-list dl.mon3 {
    padding: 10px 20px;
  }
}
.life .annualevent .annualevent-list dl.mon3 ul.list-dot > li::before {
  color: #E68A84;
}
.life .annualevent .annualevent-list dl.mon4 {
  background-color: #FFE9F3;
}
.life .annualevent .annualevent-list dl.mon4 ul.list-dot > li::before {
  color: #DB7BA7;
}
.life .annualevent .annualevent-list dl.mon4::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: -60px;
  right: 30px;
  width: 130px;
  height: 122px;
  background: url(/life/img/img_sche_mon4.png) no-repeat center;
  background-size: 100% auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.mon4::before {
    bottom: -30px;
    right: -10px;
    width: 80px;
    height: 72px;
  }
}
.life .annualevent .annualevent-list dl.mon5 {
  background-color: #DEF6F4;
}
.life .annualevent .annualevent-list dl.mon5 ul.list-dot > li::before {
  color: #78BDB9;
}
.life .annualevent .annualevent-list dl.mon6 {
  background-color: #F0F5D7;
}
.life .annualevent .annualevent-list dl.mon6 ul.list-dot > li::before {
  color: #AAC036;
}
.life .annualevent .annualevent-list dl.mon7 {
  background-color: #DAF0FF;
}
.life .annualevent .annualevent-list dl.mon7 ul.list-dot > li::before {
  color: #68AAD7;
}
.life .annualevent .annualevent-list dl.mon7::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: -60px;
  right: -10px;
  width: 130px;
  height: 122px;
  background: url(/life/img/img_sche_mon7.png) no-repeat center;
  background-size: 100% auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.mon7::before {
    top: -50px;
    bottom: auto;
    right: 10px;
    width: 100px;
    height: 92px;
  }
}
.life .annualevent .annualevent-list dl.mon8 {
  background-color: #E4EBFD;
}
.life .annualevent .annualevent-list dl.mon8 ul.list-dot > li::before {
  color: #4F69AB;
}
.life .annualevent .annualevent-list dl.mon9 {
  background-color: #FFEED3;
}
.life .annualevent .annualevent-list dl.mon9 ul.list-dot > li::before {
  color: #F39800;
}
.life .annualevent .annualevent-list dl.mon10 {
  background-color: #FFE7DF;
}
.life .annualevent .annualevent-list dl.mon10 ul.list-dot > li::before {
  color: #D0542F;
}
.life .annualevent .annualevent-list dl.mon11 {
  background-color: #F6E9F3;
}
.life .annualevent .annualevent-list dl.mon11 ul.list-dot > li::before {
  color: #BD88B2;
}
.life .annualevent .annualevent-list dl.mon12 {
  background-color: #EFEBF9;
}
.life .annualevent .annualevent-list dl.mon12 ul.list-dot > li::before {
  color: #7E6CA9;
}
.life .annualevent .annualevent-list dl.mon12::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: -60px;
  right: 20px;
  width: 149px;
  height: 139px;
  background: url(/life/img/img_sche_mon12.png) no-repeat center;
  background-size: 100% auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.mon12::before {
    bottom: -40px;
    right: -10px;
    width: 89px;
    height: 82px;
  }
}
.life .annualevent .annualevent-list dl.month-event {
  background-color: #FBF0E5;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.month-event {
    display: block;
  }
}
.life .annualevent .annualevent-list dl.month-event dt {
  background-color: #865F38;
}
.life .annualevent .annualevent-list dl.month-event ul.list-dot > li::before {
  color: #865F38;
}
.life .annualevent .annualevent-list dl.health {
  background-color: #E9F8E6;
}
.life .annualevent .annualevent-list dl.health dt {
  background-color: #3E9032;
}
.life .annualevent .annualevent-list dl.health ul.list-dot > li::before {
  color: #3E9032;
}
.life .annualevent .annualevent-list dl.education {
  background-color: #E3F3FB;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education {
    display: block;
  }
}
.life .annualevent .annualevent-list dl.education dt {
  background-color: #3A7799;
}
.life .annualevent .annualevent-list dl.education ul.list-dot > li::before {
  color: #3A7799;
}
.life .annualevent .annualevent-list dl.education dd.left {
  width: 55%;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education dd.left {
    margin-bottom: 1em;
    padding-left: 11%;
    width: 100%;
  }
}
.life .annualevent .annualevent-list dl.education dd.right {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education dd.right {
    width: 100%;
  }
}
.life .annualevent .annualevent-list dl.education dd.imagebox {
  margin: 30px auto 0;
  max-width: 868px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education dd.imagebox {
    width: 90%;
    padding-left: 8%;
  }
}
.life .annualevent .annualevent-list dl.education dd.imagebox figure {
  width: 270px;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education dd.imagebox figure {
    width: 100%;
  }
}
.life .annualevent .annualevent-list dl.education dd.imagebox figure img {
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.education dd.imagebox figure + figure {
    margin-top: 1em;
  }
}
.life .annualevent .annualevent-list dl.mon-flex-start {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .life .annualevent .annualevent-list dl.mon-flex-start {
    display: block;
  }
}
.life .school-lunch {
  margin-bottom: 170px;
}
@media screen and (max-width: 767px) {
  .life .school-lunch {
    margin-bottom: 80px;
  }
}
.life .school-lunch .contents-block .section-block-col02 {
  position: relative;
}
.life .school-lunch .contents-block .section-block-col02 .imgbox {
  position: absolute;
  max-width: 500px;
  top: -50px;
}
@media screen and (max-width: 767px) {
  .life .school-lunch .contents-block .section-block-col02 .imgbox {
    position: relative;
    top: auto;
    left: 0;
    bottom: -40px;
    max-width: 365px;
    z-index: 1;
  }
}
.life .school-lunch .contents-block .intro-block {
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .life .school-lunch .contents-block .intro-block {
    margin-bottom: 40px;
  }
}
.life .school-lunch .contents-block .intro-block .intro-txt {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .life .school-lunch .contents-block .intro-block .intro-txt {
    font-size: 1rem;
    text-align: left;
  }
}
.life .school-lunch .contents-block .ol-list li {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .life .school-lunch .contents-block .ol-list li {
    font-size: 1rem;
  }
}
.life .school-lunch .contents-block .ol-list li div {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .life .school-lunch .contents-block .ol-list li div {
    font-size: 0.875rem;
  }
}

/*----*/
@media screen and (max-width: 767px) {
  footer {
    margin-top: -26%;
  }
}/*# sourceMappingURL=life_common.css.map */