/* カウンセリング */


.c-counseling__block {
  background: #FC9393;
}

.c-counseling__title {
  color: #FC9393;
  border: 2px #FC9393 solid;
}

.c-counseling__title:before {
  border-right: 2px #FC9393 solid;
}

.c-counseling__label-area {
  color: #FC9393;
}

.c-counseling__link-area {
  border: 2px #FC9393 solid;
}

.c-counseling__link {
  background: #FC9393;
}

.c-counseling__link.js-c-counseling-link--prev {
  color: #FC9393;
  border: #FC9393 2px solid;
}

.c-counseling__label-btn+.c-counseling__label-check:before {
  background-image: url(/_share/s-cvcheck.svg);
}

.c-counseling__label-btn:checked+.c-counseling__label-check:before {
  background-image: url(/_share/s-cvcheck-select.svg);
}

.c-counseling__label-btn[type="checkbox"]:checked+.c-counseling__label-check:before {
  background-image: url(/common2/icn_counseling_check.svg);
  border-radius: 0;
}

.c-counseling__label-btn[type="checkbox"]+.c-counseling__label-check:before {
  background-image: url(/common2/icn_counseling_check_box.svg);
  border-radius: 0;
}

@media print,
screen and (min-width: 769px) {

  .c-counseling__block--1 .c-counseling__main {
    background: url(/_share/counseling01_PC.png) no-repeat center bottom;
  }

  .c-counseling__block--2 .c-counseling__main {
    background: url(/_share/counseling02_PC.png) no-repeat center bottom;
  }

  .c-counseling__block--3 .c-counseling__main {
    background: url(/_share/counseling03_PC.png) no-repeat center bottom;
  }

  .c-counseling__block--4 .c-counseling__main {
    background: url(/_share/counseling04_PC.png) no-repeat center bottom;
  }

  .c-counseling__block--5 .c-counseling__main {
    background: url(/_share/counseling05_PC.png) no-repeat center bottom;
  }

  .c-counseling__block--last {
    background: url(/_share/counselingFINISH_PC.png) no-repeat center 80% #FC9393;
  }

  .c-counseling__lead-first {
    background: url(/_share/counseling00_top_PC.png) no-repeat 90% bottom #FC9393;
  }

  .c-counseling__caution {
    white-space: pre-wrap;
    color: #D53A35;
    background: #fff;
    font-size: 12px;
    line-height: 1.3333333;
    display: block;
    padding: 5px 10px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border: 2px solid;
    border-radius: 5px;
    top: -100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 200px;
  }

  .c-counseling__caution:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #D53A35 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: auto;
  }

  .c-counseling__caution:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    margin: auto;
  }

  .js-c-counseling-disabled:hover {
    opacity: 1;
  }

  .js-c-counseling-disabled {
    position: relative;
  }

  .c-counseling__label-btn[type="checkbox"]:checked+.c-counseling__label-check:before {
    width: 24px;
  }

  .c-counseling__label-btn[type="checkbox"]+.c-counseling__label-check:before {
    width: 19px;
  }

}

@media print,
screen and (max-width: 768px) {
  /*　counseling */

  .c-counseling__main {
    padding: 0 0 1px;
  }

  .c-counseling__main {
    height: 105.6vw;
    position: relative;
  }

  .c-counseling__block--1 .c-counseling__main,
  .c-counseling__block--2 .c-counseling__main,
  .c-counseling__block--3 .c-counseling__main,
  .c-counseling__block--4 .c-counseling__main,
  .c-counseling__block--5 .c-counseling__main {
    background: none;
  }

  .c-counseling__block--1 .c-counseling__main:after {
    background: url(/_share/counseling01_SP.png) no-repeat center bottom;
    content: "";
    display: block;
    height: 32vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .c-counseling__block--2 .c-counseling__main:after {
    background: url(/_share/counseling02_SP.png) no-repeat center bottom;
    content: "";
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .c-counseling__block--3 .c-counseling__main:after {
    background: url(/_share/counseling03_SP.png) no-repeat center bottom;
    content: "";
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .c-counseling__block--4 .c-counseling__main:after {
    background: url(/_share/counseling04_SP.png) no-repeat center bottom;
    content: "";
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .c-counseling__block--5 .c-counseling__main:after {
    background: url(/_share/counseling05_SP.png) no-repeat center bottom;
    content: "";
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .c-counseling {
    padding: 5vw 9vw;
  }

  .c-counseling__link {
    padding: 3vw;
  }

  .c-counseling__close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 4vw;
    border-left: 2px solid #FC9393;
  }

  .c-counseling__close-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%23FC9393%22%2F%3E%3C%2Fsvg%3E');
  }

  .c-counseling__title {
    position: relative;
    font-size: 4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 15vw;
    line-height: 1.2;
  }

  .c-counseling__title:before {
    padding: 0vw 4vw;
    border: none;
    margin: auto 0;
  }

  .c-counseling__label-check {
    font-size: 3.46666666vw;
    padding-left: 3.333vw;
  }

  .c-counseling__label:not(:first-child) {
    margin-top: 6vw;
  }

  .c-counseling__label-area {
    height: 69.7vw;
  }

  .c-counseling__title.c-counseling__title-last {
    padding-left: 5vw;
    justify-content: center;
    padding-top: 4vw;
    padding-bottom: 3.6vw;
  }

  .c-counseling__lead-last {
    padding: 6vw 0 86.5vw;
  }

  .c-counseling__block--last {
    background-size: 67vw;
  }

  .c-counseling__caution {
    white-space: pre-wrap;
    color: #D53A35;
    background: #fff;
    font-size: 3.2vw;
    line-height: 1.3333333;
    display: block;
    padding: 1vw;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border: 2px solid;
    border-radius: 1.45vw;
    top: -125%;
    box-sizing: border-box;
    width: 100%;
    max-width: 40vw;
  }

  .c-counseling__caution:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3vw 2.5vw 0 2.5vw;
    border-color: #D53A35 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3vw;
    margin: auto;
  }

  .c-counseling__caution:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3vw 2.5vw 0 2.5vw;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.2vw;
    margin: auto;
  }

  .c-counseling__block--last {
    background: url(/_share/counselingFINISH_SP.png) no-repeat center 90% #FC9393;
    background-size: 53vw;
  }

  .c-counseling__lead-first {
    background-image: url(/_share/counseling00_top_SP.png);
    font-size: 4vw;
    background-size: 55vw;
    line-height: 1.4;
    padding: 3.75vw 6vw 28.6vw;
    background-position: center 23vw;
  }

  .c-counseling__block-first .c-counseling__link-area {
    padding: 3vw 4vw;
    border-top: none;
  }

  .c-counseling__block-first .c-counseling__link {
    padding: 3vw
  }

  .js-c-counseling-disabled:hover {
    opacity: 1;
  }

  .js-c-counseling-disabled {
    position: relative;
  }

  #js-c-counseling1 .c-counseling__main {
    height: 125.6vw;
  }

  #js-c-counseling1 .c-counseling__label-area {
    overflow: auto;
    height: 93.6vw;
    padding: 10vw 4vw;
  }

  .c-counseling__label {
    position: relative;
    z-index: 3;
  }

  .c-counseling__label-btn[type="checkbox"]:checked+.c-counseling__label-check:before {
    width: 6vw;
  }

  .c-counseling__label-btn[type="checkbox"]+.c-counseling__label-check:before {
    width: 5vw;
  }

}



/* ヘッダーメニュー */
.c-menu-link__list--acc .js-c-acc::after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 10px auto 0;
  background-image: url(https://shimajiro.benesse.ne.jp/petit/2017/_assets19/common/img/0827/acc02.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}

.c-menu-link__list--acc .js-c-acc.js-c-acc-open::after {
  background-image: url(https://shimajiro.benesse.ne.jp/petit/2017/_assets19/common/img/0827/acc01.png);
}


/* SP */
@media only screen and (max-width: 768px),
print,
tv {
  .c-menu-you-common {
    display: flex;
  }

  .menu-age {
    line-height: 24px;
    text-align: center;
  }

  .age0 {
    margin: 0 0.75em;
  }

  .menu-age2 {
    line-height: 15px;
  }

  .menu-age2 .min-size {
    font-size: 10px;
  }

  .menu-logo {
    width: 37px;
    height: 24px;
    margin: 0 10px
  }

  .menu-year {
    font-size: 10px;
    line-height: 12px;
  }
}

/* PC */
@media only screen and (min-width: 769px),
print,
tv {
  .c-menu-you-common {
    display: flex;
  }

  .menu-age {
    line-height: 24px;
    text-align: center;
  }

  .age0 {
    margin: 0 0.75em;
  }

  .menu-age2 {
    line-height: 15px;
  }

  .menu-age2 .min-size {
    font-size: 10px;
  }

  .menu-logo {
    width: 37px;
    height: 24px;
    margin: 0 10px
  }

  .menu-year {
    font-size: 10px;
    line-height: 12px;
  }

  .c-menu-link__list--acc .js-c-acc::after {
    right: 17.5px;
  }
}




/* 各ラインテキスト */
.c-puchi {
  color: #e8373d;
}

.c-pocket {
  color: #fdd000;
}

.c-hop {
  color: #00afec;
}

.c-step {
  color: #00a73c;
}

.c-jump {
  color: #006fbc;
}



@media print,
screen and (min-width: 769px) {
  .c-header--min {
    font-size: 14px;
  }

  .sp-contents {
    display: none;
  }

  /* youtube */
  .m-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .m-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

}

@media print,
screen and (max-width: 768px) {
  .pc-contents {
    display: none;
  }

  /* youtube */
  .m-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .m-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

.c-menu-link__list--acc .js-c-acc::after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 10px auto 0;
  background-image: url(https://shimajiro.benesse.ne.jp/petit/2017/_assets19/common/img/0827/acc02.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}

.c-menu-link__list--acc .js-c-acc.js-c-acc-open::after {
  background-image: url(https://shimajiro.benesse.ne.jp/petit/2017/_assets19/common/img/0827/acc01.png);
}

@media print,
screen and (max-width: 768px) {
  .s-footer-link__item--bg {
    border: 0.63vw solid #f3f3f3;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    padding: 3.13vw;
    background: #f7f7f7;
    margin-bottom: 10.6666vw;
  }

  body>img {
    width: auto;
  }

}

@media print,
screen and (min-width: 769px) {
  .s-footer-link__item {
    margin-bottom: 20px;
  }

  .s-footer-link__item--bg {
    padding: 14px 0;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
    margin-bottom: 70px;
  }

  body>img {
    width: auto;
  }

}

/* モーダル */
@media print,
screen and (max-width: 768px) {
  #modal-kaiin .c-line-shimajiro__body {
    font-size: 3.2vw;
  }
}



@media print,
screen and (min-width: 769px) {
  .c-cv__aside-item--digital .c-cv__aside-link::before {
    content: "";
    display: inline-block;
    background-image: url(/_share/iphone.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 30px;
    margin-right: 14px;
  }
}

/*===== SP =====*/
@media print,
screen and (max-width: 768px) {
  .c-cv__aside-item--digital .c-cv__aside-link::before {
    content: "";
    display: inline-block;
    background-image: url(/_share/iphone.svg);
    background-repeat: no-repeat;
    width: 5.33333333vw;
    height: 5.86666666vw;
    margin-right: 2.77777777vw;
    margin-left: 4vw;
  }
}

.c-fv02__bread__sp a {
  color: #464646;
  text-decoration: underline;
}


.s-footer-nav__item-link.js-c-acc::after {
  content: "";
  width: 12px;
  height: 12px;
  margin: 10px auto 0;
  background-image: url(/common_rn/btn_icon_plus_shimajiro.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 4px;
  right: 16px;
  bottom: 0;
}

.s-footer-nav__item-link.js-c-acc.js-c-acc-open::after {
  background-image: url(/common_rn/btn_icon_minus_shimajiro.svg);
  background-size: contain;
  background-position: center;
}