@charset "shift_jis";
/* Updated 2026/09/10.T */
/* Updated 2023/07/03.T */
/* Updated 2020/09/04.t */
/* Updated 2020/03/02.T */
/* Updated 2020/01/22.T */
/* Updated 2019/12/27.T */
* {
  box-sizing:border-box;
}
/*-----------------------
general
------------------------*/
/* color */
.btn-type01.-orange01 {
  background-color: #ff5f04;
}
.listMark {
    padding-right: 5px;
}
/*-----------------------
Layout
------------------------*/
body {
  overflow-x:hidden;
  min-width:auto;
  color:#173f35;
  font-family:"Noto Sans JP",sans-serif;
}

img {
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}

#header-wrap {
  position:fixed;
  top:0!important;
  right:0;
  left:0;
  z-index:10;
}

#main-area {
  padding-top:40px;
}

#footer-area {
  position:relative;
  z-index:2;
}

#footer-content {
  margin-top:0;
  margin-bottom: 64px;
}

.section-main {
  position:relative;
  z-index:1;
  overflow:visible;
  margin:0 auto;
  width:500px;
  max-width:100%;
  background:#FEF7E6;
  box-shadow:0 0 32px rgba(0,0,0,.12);
}

.section-mainInr {
  overflow:hidden;
}

.kvArea_01 {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #FEF7E6 50%, #FEF7E6 100%);
  text-align:center;
}

.kvArea_01 h1 {
  margin:0;
  line-height:0;
}

.actionBlk_01 {
  position:relative;
  padding:0 26px 34px;
  background:#fff8e8;
}

.targetTxt_01 {
  color:#004831;
  font-weight:700;
  font-size:18px;
}

.targetTxt_01:before,.targetTxt_01:after {
  display:inline-block;
  margin:0 12px;
  width:2px;
  height:24px;
  background:#004831;
  content:"";
  vertical-align:-5px;
}

.targetTxt_01:before {
  transform:rotate(-27deg);
}

.targetTxt_01:after {
  transform:rotate(27deg);
}

.targetTxt_01 span {
  font-size:24px;
}

.noteTxt_01 {
  text-align:left;
  color:#141D1D;
  font-size:13px;
  line-height:1.6;
}

.linkTxt_01 {
  margin:14px 0 0;
  text-align:center;
  font-size:17px;
}

.linkTxt_01 a,.linkTxt_02 a {
  position:relative;
  padding-right:20px;
  color:#004831;
  text-decoration:none;
}

.linkTxt_01 a:after,.linkTxt_02 a:after {
  position:absolute;
  top:56%;
  right:2px;
  width:10px;
  height:10px;
  border-top:3px solid;
  border-right:3px solid;
  content:"";
  transform:translateY(-50%) rotate(45deg);
}

.list-annotation01 {
    list-style-type: none;
    margin-block-start: 8px;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color:#141D1D;
    text-align: left;
}
.list-annotation01>.item {
    margin-bottom: 4px;
    text-indent: calc(-1.4rem - 4px);
    padding-left: calc(1.4rem + 4px);
    font-size: 1.4rem;
    line-height: 1.5;
}
.list-annotation01>.item>.mark {
    margin-right: 4px;
}

.scArea_01 {
  position:relative;
  padding:56px 16px 46px;
  min-height:759px;
  border-radius:0 78px 0 78px;
  background:#d5ead7;
}

.scArea_01 h2,.scArea_02 h2,.scArea_03 h2 {
  margin:0 auto;
  text-align:center;
  line-height:0;
}

.scArea_01 h2 {
  width:300px;
}

.decoImg_01 {
  position:absolute;
  top:28px;
  right:-1px;
  width:92px;
}

.scCon_01 {
  position:relative;
  margin-top:31px;
  height:555px;
}

.scCon_01>img {
  position:absolute;
  top:194px;
  left:50%;
  width:190px;
  border:5px solid #fff;
  border-radius:50%;
  transform:translateX(-50%);
}

.textBox_01 {
  position:absolute;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:11px 12px;
  min-height:62px;
  border-radius:22px;
  background:#fff;
  color:#005642;
  text-align:center;
  font-weight:400;
  font-size:14px;
  line-height:1.45;
}

.textBox_01 strong {
  font-weight:700;
}

.scArea_01 .textBox_01.-type01 {
  top:0;
  left:50%;
  width:168px;
  min-height:81px;
  transform:translateX(-50%);
}

.scArea_01 .textBox_01.-type02 {
  top:94px;
  left:60px;
  width:168px;
  min-height:81px;
}

.scArea_01 .textBox_01.-type03 {
  top:94px;
  right:60px;
  width:165px;
  min-height:81px;
}

.scArea_01 .textBox_01.-type04 {
  top:396px;
  left:60px;
  width:165px;
}

.scArea_01 .textBox_01.-type05 {
  top:396px;
  right:60px;
  width:165px;
}

.scArea_01 .textBox_01.-type06 {
  top:471px;
  left:50%;
  width:166px;
  transform:translateX(-50%);
}

.scArea_02 {
  position:relative;
  margin-top:0;
  padding:57px 32px 60px;
  min-height:952px;
  border-radius:0 78px 0 78px;
  background:#ffe7cc;
}

.decoImg_02 {
  position:absolute;
  top:-20px;
  left:-2px;
  width:106px;
}

.scArea_02 h2 {
  width:260px;
}

.card_01 {
  position:relative;
  margin:86px 50px 0;
  padding:49px 18px 24px;
  min-height:174px;
  border-radius:22px;
  background:#fff;
  text-align:center;
}

.card_01+.card_01 {
  margin-top:64px;
}

.card_01 img {
  position:absolute;
  top:-48px;
  left:50%;
  width:auto;
  height:82px;
  transform:translateX(-50%);
}

.card_01:nth-of-type(2) img {
  top:-40px;
  height:68px;
}

.card_01:nth-of-type(3) img {
  top:-43px;
  height:74px;
}

.card_01 p {
  margin:0;
  color:#252525;
  font-size:14px;
  line-height:1.65;
}

.card_01 small {
  display:block;
  margin-top:4px;
  color:#777;
  font-size:12px;
  line-height:1.45;
}

.scArea_03 {
  padding:54px 20px 44px;
  background:#fff8e8;
}

.scArea_03 h2 {
  width:292px;
}

.card_02 {
  margin-top:24px;
  padding:28px 18px 30px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}

.leadTxt_01 {
  margin:0 0 20px;
  font-size:16px;
  text-align: center;
}

.targetTxt_02 {
  margin:0 0 10px;
  color:#006247;
  text-align:center;
  font-weight:700;
  font-size:13px;
}

.targetTxt_02 span {
  font-size:18px;
}

.noteTxt_02 {
  margin:12px 0 0;
  color:#555;
  font-size:11px;
  line-height:1.55;
}

.linkTxt_02 {
  margin:12px 0 20px;
  text-align:center;
  font-size:16px;
}

.linkTxt_03 {
  margin:12px 0 20px;
  text-align:center;
  font-size:16px;
}

.card_02 {
  margin-right:-2px;
  margin-left:-2px;
  border-radius:14px 14px 34px 34px;
}

.card_02>h3 {
  margin:0;
  padding:12px 10px;
  background:#d5ead7;
  color:#141D1D;
  text-align:center;
  font-weight:700;
  font-size:18px;
  line-height:1.25;
}

.detailBlk_01 {
  padding:16px 15px 18px;
  background:#f2f7f5;
  color:#252525;
}

.detailBlk_01>h4 {
  margin:0 0 12px;
  color:#005642;
  font-weight:700;
  font-size:18px;
  line-height:1.45;
  white-space:nowrap;
}

.detailBlk_01>h5 {
  position:relative;
  margin:0 0 10px;
  padding-left:11px;
  color:#252525;
  font-weight:700;
  font-size:16px;
  line-height:1.4;
}

.detailBlk_01>h5:before {
  position:absolute;
  top:1px;
  bottom:1px;
  left:0;
  width:4px;
  background:#006b4d;
  content:"";
}

.detailBlk_01>h5:not(:first-of-type) {
  margin-top:20px;
}

.detailBlk_01 p,.detailBlk_01 li {
  color:#252525;
  font-size:15px;
  line-height:1.55;
}

.detailBlk_01 p {
  margin:0;
}

.detailBlk_01 strong {
  font-weight:700;
}

.detailBlk_01 ol {
  margin:14px 0 18px;
  padding:0;
  list-style:none;
}

.detailBlk_01 ol>li {
  display:flex;
  align-items:flex-start;
  margin:0;
  padding:0;
}

.detailBlk_01 ol>li+li {
  margin-top:10px;
}

.detailBlk_01 ol>li>span {
  display:flex;
  flex:0 0 50px;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  border-radius:50%;
  background:#005642;
  color:#fff;
  font-weight:700;
  font-size:15px;
  line-height:1;
}

.detailBlk_01 ol>li>ul {
  margin:5px 0 0 12px;
  padding:0;
  list-style:none;
}

.detailBlk_01 ol>li>ul>li {
  position:relative;
  margin:0;
  padding-left:14px;
}

.detailBlk_01 ol>li>ul>li+li {
  margin-top:8px;
}

.detailBlk_01 ol>li>ul>li:before {
  position:absolute;
  top:.62em;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#62716d;
  content:"";
}

.detailBlk_01 .noticeTxt_01 {
  margin-top:16px;
}

.detailBlk_01 a {
  color:#006b4d;
  text-decoration:underline;
}

.detailBlk_01>ul {
  margin:10px 0 0;
  padding:0;
  list-style:none;
}

.detailBlk_01>ul>li {
  position:relative;
  margin:0;
  padding-left:13px;
}

.detailBlk_01>ul>li:before {
  position:absolute;
  top:.62em;
  left:1px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#62716d;
  content:"";
}

.addBlk_01 {
  margin-top:18px;
  padding:0 0 10px;
  border-top:0;
  text-align:center;
}

.addBlk_01>span {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 17px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#006548;
  color:#fff;
  font-weight:700;
  font-size:28px;
  line-height:1;
}

.addBlk_01 h4 {
  margin:0 0 4px;
  color:#141D1D;
  font-weight:700;
  font-size:17px;
  line-height:1.4;
}

.addBlk_01 p {
  margin:0;
  color:#555;
  font-size:12px;
  line-height:1.45;
}
.scArea_04 {
  padding:50px 26px;
  background:#fff8e8;
  text-align:center;
}

.scArea_04 h2,.scArea_05 h2 {
  margin:0;
  color:#006047;
  font-weight:700;
  font-size:26px;
  line-height:1.35;
}

.text-hooray01>.inner {
    font-weight: 400;
}

.leadTxt_02 {
  margin:18px 0 12px;
  font-weight:700;
  font-size:13px;
}

.scArea_04 a {
  display:block;
  margin-top:12px;
  line-height:0;
}

.scArea_04 a img {
  border-radius:10px;
}

.scArea_04 ul {
  margin:12px 0 28px;
  padding-left:18px;
  color:#141D1D;
  text-align:left;
  font-size:11px;
  line-height:1.6;
}

.scArea_05 {
  padding:20px 15px 58px;
  background:#fff8e8;
}

.scArea_05 h2 {
  margin:0;
  color:#005642;
  text-align:center;
  font-weight:700;
  font-size:28px;
  line-height:1.3;
}

.scArea_05 dl {
  margin:17px 0 0;
  padding:24px 19px 36px;
  border-radius:36px;
  background:#fff;
  box-shadow:0 4px 7px rgba(62,67,64,.14);
}

.scArea_05 dl>div {
  margin:0;
  padding:0;
}

.scArea_05 dl>div:first-child {
  padding-bottom:20px;
  border-bottom:1px solid #d6e1de;
}

.scArea_05 dl>div+div {
  padding-top:18px;
}

.scArea_05 dt,.scArea_05 dd {
  display:grid;
  grid-template-columns:25px calc(100% - 35px);
  column-gap:10px;
  margin:0;
  padding:0;
  color:#222;
  font-size:16px;
  line-height:1.5;
}

.scArea_05 dt {
  color:#005642;
  font-weight:700;
}

.scArea_05 dd {
  margin-top:10px;
}

.scArea_05 dt span,.scArea_05 dd span {
  position:static;
  color:#005642;
  font-weight:700;
  font-size:24px;
  line-height:1;
}

.scArea_05 dd span {
  color:#f2a35e;
}
.pageTop_01 {
  margin:0;
  padding:14px;
  background:#dcefea;
  text-align:center;
  font-size:11px;
}

.pageTop_01 a {
  color:#285a4e;
  text-decoration:none;
}

.layoutBg_01 {
  position:fixed;
  inset:0;
  z-index:-3;
  display:none;
  background-color:#fffaf0;
}

.layoutTxt_01 {
  display:none;
}

@media print,screen and (min-width:1025px) {
  .layoutBg_01 {
    top:40px;
    right:auto;
    display:block;
    width:100vw;
    background-image:url("/kojin/special/kodomo_koza/imgs/index_bg_01.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
  }

  .layoutTxt_01 {
    position:fixed;
    top:38%;
    left:max(16px, calc(50% - 863px));
    z-index:0;
    display:block;
    width:26.8vw;
    max-width:511px;
    line-height:0;
    pointer-events:none;
  }

  .layoutTxt_01 img {
    width:100%;
    height:auto;
  }

  .section-main {
    margin-right:0;
    margin-left:calc((100vw - 500px)/2 + 8px);
  }

  .fixedArea_01 {
    width:100vw;
  }

  .js-fixed01 .menuArea_01 {
    top:26%;
    left:calc(50vw + 400px);
  }
}

.menuArea_01 {
  position:fixed;
  top:30%;
  left:calc(50% + 340px);
  z-index:2;
  width:290px;
  color:#59625e;
}

.menuArea_01 .ttl_01 {
  margin:0 0 18px;
  color:#f5a55f;
  letter-spacing:.08em;
  font-weight:700;
  font-size:28px;
}

.menuArea_01 ul {
  margin:0;
  padding:0;
  list-style:none;
}

.menuArea_01 li {
  margin-top:16px;
}

.menuArea_01 a {
  position:relative;
  display:block;
  padding-left:22px;
  color:#59625e;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  line-height:1.35;
  transition:color .2s ease;
}

.menuArea_01 a:before {
  position:absolute;
  top:calc(50% - 5px);
  left:0;
  width:10px;
  height:10px;
  border-radius:50%;
  background-color:#f5a55f;
  content:"";
  opacity:0;
  transition:opacity .2s ease;
}

.menuArea_01 a.is-current {
  color:#f5a55f;
}

.menuArea_01 a.is-current:before {
  opacity:1;
}

.fixedArea_01 {
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  height:64px;
  background:#ffffff;
}

.fixedArea_01 a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:320px;
  height:48px;
  border-radius:28px;
  background:#ff5b00;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  box-shadow:0 4px 8px rgba(0,0,0,.18);
}

@media screen and (max-width:1024px) {
  .menuArea_01 {
    display:none;
  }
}

@media screen and (max-width:500px) {
  .section-main {
    box-shadow:none;
  }

  .card_01 {
    margin:86px 0 0;
  }

  .actionBlk_01 {
    padding-right:18px;
    padding-left:18px;
  }

  .targetTxt_01 {
    font-size:13px;
  }

  .targetTxt_01 span {
    font-size:19px;
  }

  .fixedArea_01 {
    height:48px;
    padding:0 10px;
  }

  .fixedArea_01 a {
    width:252px;
    height:34px;
    font-size:11px;
  }

  .footer-logo {
    padding-bottom:48px;
  }
}

@media screen and (max-width:483px) {
  .scArea_01 .textBox_01.-type02,
  .scArea_01 .textBox_01.-type04 {
    left:0;
    width:calc(50% - 6px);
  }

  .scArea_01 .textBox_01.-type03,
  .scArea_01 .textBox_01.-type05 {
    right:0;
    width:calc(50% - 6px);
  }
}
@media screen and (max-width:386px) {
  .scCon_01 {
    height:575px;
  }

  .scCon_01>img {
    top:204px;
  }

  .scArea_01 .textBox_01.-type04,
  .scArea_01 .textBox_01.-type05 {
    top:416px;
  }

  .scArea_01 .textBox_01.-type06 {
    top:511px;
  }
}
@media screen and (max-width:374px) {
  .scArea_01 {
    padding-right:4.26667vw;
    padding-left:4.26667vw;
  }

  .textBox_01 {
    font-size:3.73333vw;
  }

  .card_02 {
    padding:28px 10px 30px;
  }

  .scArea_01 .textBox_01.-type02,.scArea_01 .textBox_01.-type03,.scArea_01 .textBox_01.-type04,.scArea_01 .textBox_01.-type05 {
    width:44vw;
  }

  .scArea_02 {
    padding-right:8.53333vw;
    padding-left:8.53333vw;
  }
  .detailBlk_01>h4 {
    white-space:normal;
    font-size: 15px;
  }
}