/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ========================================================
*
*					flame
*
* ======================================================== */
a:hover {
  opacity: 0.8;
  text-decoration: none;
}
/* pc */
@media(min-width:741px){
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  #main {
    width: 100%;
  }
  .breadcrumb {
    width: 960px;
    margin: 0 auto;
  }
  #contents {
    width: 100%;
  }
  .main-contents {
    background-color: #F4FCFF;
    padding-bottom: 70px;
  }
}
/* sp */
@media(max-width:740px){
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #main {
    padding: 0 0 16vw;
  }
  #contents {
    padding: 0;
  }
  .main-contents {
    background-color: #F4FCFF;
  }
}
/* ========================================================
*
*					sec
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec {
    position: relative;
    padding: 50px 0;
  }
  .sec-inr {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .sec__ttl {
    font-size: 24px;
    font-weight: bold;
    color: #5A3930;
    line-height: 35px;
    text-align: center;
    position: relative;
    padding-bottom: 22px;
  }
  .sec__ttl::before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 315px;
    height: 4px;
    content: "";
    display: inline-block;
    background-image: url(/contents/toilet_training/_assets/img/sec_ttl-deco-pc.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__txt-wrap {
    margin-top: 30px;
  }
  .sec__txt-wrap .sec__txt:nth-child(n+2) {
    margin-top: 15px;
  }
  .sec__cont-wrap {
    margin-top: 30px;
  }
  .sec__cont-item:nth-child(n+2) {
    margin-top: 30px;
  }
  .sec__cont-item-ttl {
    font-size: 18px;
    line-height: 29px;
    font-weight: bold;
    color: #EB5A2F;
  }
  .sec__cont-item-txt {
    font-size: 14px;
    line-height: 22.4px;
    color: #273A41;
    margin-top: 14px;
  }
  .sec__training-wrap {
    margin-top: 37px;
    background-color: #fff;
    padding: 30px 88px 35px;
  }
  .sec__training-ttl {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 28.8px;
    position: relative;
    color: #273A41;
    width: 176px;
    margin: 0 auto;
  }
  .sec__training-ttl::before,.sec__training-ttl::after {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 12px;
    height: 15px;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__training-ttl::before {
    left: -12px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-pc.svg);
  }
  .sec__training-ttl::after {
    right: -15px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-pc.svg);
  }
  .sec__training-list {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec__training-list-item {
    width: 30.77%;
    max-width: 241px;
    position: relative;
  }
  .sec__training-list-item:not(:last-child) {
    border-right: solid 1px #D0D0D0;
  }
  .sec__training-list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sec__training-list-item-img-wrap {
    width: 80px;
    height: 80px;
    margin-right: 12px;
  }
  .sec__training-list-item-img {
    width: 100%;
  }
  .sec__training-list-item-ttl {
    font-weight: bold;
    font-size: 14px;
    line-height: 22.4px;
    color: #273A41;
    position: relative;
  }
  .sec__training-list-item-ttl--red {
    color: #F07855;
  }
  .sec__training-list-item-ttl::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 13px;
    height: 13px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__btn-wrap {
    margin-top: 20px;
  }
  .sec__btn-ttl {
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #273A41;
    line-height: 28.8px;
    font-weight: bold;
    width: 225px;
    margin: 0 auto;
  }
  .sec__btn-ttl::before,.sec__btn-ttl::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 12px;
    height: 15px;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__btn-ttl::before {
    left: -15px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-pc.svg);
  }
  .sec__btn-ttl::after {
    right: -15px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-pc.svg);
  }
  a.sec__btn {
    background-color: #F07855;
    color: #fff;
    width: 640px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 30px auto 0;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 21px 0;
    position: relative;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .sec__btn-wrap .sec__btn {
    margin-top: 10px;
  }
  .sec__btn::before {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 13px;
    height: 13px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/btn_white-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__reco {
    margin: 60px auto 0;
    max-width: 640px;
    position: relative;
    padding: 59px 0 0;
  }
  .sec__reco::before,.sec__reco::after {
    position: absolute;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 13px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/reco_bg-pc.svg);
    background-position: left;
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 1;
  }
  .sec__reco::before {
    top: 0;
  }
  .sec__reco::before {
    bottom: 0;
  }
  .sec__reco-ttl-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 2;
  }
  .sec__reco-ttl-wrap::before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    width: 97px;
    height: 76px;
    z-index: -1;
    content: "";
  }
  .sec__reco-ttl-wrap.first-ttl::before{
    left: 54%;
  }
  .timing .sec__reco-ttl-wrap::before,.tips .sec__reco-ttl-wrap::before {
    background-color: #FFFDE8;
  }
  .training .sec__reco-ttl-wrap::before {
    background-color: #F7F6F0;
  }
  .help .sec__reco-ttl-wrap::before {
    background-color: #FFF78E;
  }
  .sec__reco-list {
    margin-bottom: 34px;
  }
  .sec__reco-list-item:not(:last-child) {
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: solid 1px #E5DCD2;
  }
  a.sec__reco-list-item-link {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #3B3B3B;
    font-size: 14px;
    line-height: 20px;
    padding-left: 19px;
    position: relative;
    display: block;
  }
  .sec__reco-list-item-link::before {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 13px;
    height: 13px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* sp */
@media(max-width:740px){
  .sec {
    position: relative;
    padding: 13.333vw 0;
  }
  .sec-inr {
    width: 84vw;
    margin: 0 auto;
    position: relative;
  }
  .sec__ttl {
    font-size: 6.4vw;
    font-weight: bold;
    color: #5A3930;
    line-height: 9.333vw;
    text-align: center;
    position: relative;
    padding-bottom: 5.867vw;
  }
  .sec__ttl::before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 84vw;
    height: 1.067vw;
    content: "";
    display: inline-block;
    background-image: url(/contents/toilet_training/_assets/img/sec_ttl-deco-sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__txt-wrap {
    margin-top: 8vw;
  }
  .sec__txt-wrap .sec__txt:nth-child(n+2) {
    margin-top: 8vw;
  }
  .sec__cont-wrap {
    margin-top: 8vw;
  }
  .sec__cont-item:nth-child(n+2) {
    margin-top: 8vw;
  }
  .sec__cont-item-ttl {
    font-size: 4.8vw;
    line-height: 7.68vw;
    font-weight: bold;
    color: #EB5A2F;
  }
  .sec__cont-item-txt {
    font-size: 3.733vw;
    line-height: 5.973vw;
    color: #273A41;
    margin-top: 3.733vw;
  }
  .sec__training-wrap {
    margin-top: 9.867vw;
    background-color: #fff;
    padding: 8vw 6.4vw;
  }
  .sec__training-ttl {
    text-align: center;
    font-size: 4.267vw;
    font-weight: bold;
    line-height: 7.68vw;
    position: relative;
    color: #273A41;
    width: 49.333vw;
    margin: 0 auto;
  }
  .sec__training-ttl::before,.sec__training-ttl::after {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.2vw;
    height: 4vw;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__training-ttl::before {
    left: -3.2vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-sp.svg);
  }
  .sec__training-ttl::after {
    right: -4vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-sp.svg);
  }
  .sec__training-list {
    margin-top: 3.2vw;
  }
  .sec__training-list-item {
    position: relative;
    padding-top: 2.667vw;
  }
  .sec__training-list-item:not(:last-child) {
    padding-bottom: 2.667vw;
    border-bottom: solid 1px #D0D0D0;
  }
  .sec__training-list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec__training-list-item-img-wrap {
    width: 21.333vw;
    height: 21.333vw;
    margin-right: 3.2vw;
  }
  .sec__training-list-item-img {
    width: 100%;
  }
  .sec__training-list-item-txt-wrap {
    width: 65.54%;
  }
  .sec__training-list-item-ttl {
    font-weight: bold;
    font-size: 3.733vw;
    line-height: 5.973vw;
    color: #273A41;
    position: relative;
  }
  .sec__training-list-item-ttl--red {
    color: #F07855;
  }
  .sec__training-list-item-ttl::before {
    position: absolute;
    bottom: 0px;
    right: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 3.467vw;
    height: 3.467vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__btn-wrap {
    margin-top: 7.2vw;
  }
  .sec__btn-ttl {
    position: relative;
    text-align: center;
    font-size: 4.267vw;
    color: #273A41;
    line-height: 7.68vw;
    font-weight: bold;
    width: 60vw;
    margin: 0 auto;
  }
  .sec__btn-ttl::before,.sec__btn-ttl::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.2vw;
    height: 4vw;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__btn-ttl::before {
    left: -4vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-sp.svg);
  }
  .sec__btn-ttl::after {
    right: -4vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-sp.svg);
  }
  a.sec__btn {
    background-color: #F07855;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin: 30px auto 0;
    border-radius: 2.667vw;
    text-align: center;
    font-size: 3.733vw;
    font-weight: bold;
    padding: 3.2vw 0;
    position: relative;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .sec__btn-wrap .sec__btn {
    margin-top: 2.667vw;
  }
  .sec__btn::before {
    position: absolute;
    top: 50%;
    right: 5.333vw;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.467vw;
    height: 3.467vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/btn_white-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec__reco {
    margin: 60px auto 0;
    position: relative;
    padding: 14.667vw 0 0;
  }
  .sec__reco::before,.sec__reco::after {
    position: absolute;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 3.2vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/reco_bg-sp.svg);
    background-position: left;
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 1;
  }
  .sec__reco::before {
    top: 0;
  }
  .sec__reco::before {
    bottom: 0;
  }
  .sec__reco-ttl-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 2;
  }
  .sec__reco-ttl-wrap::before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    width: 25.867vw;
    height: 20.267vw;
    z-index: -1;
    content: "";
  }
  .timing .sec__reco-ttl-wrap::before,.tips .sec__reco-ttl-wrap::before {
    background-color: #FFFDE8;
  }
  .training .sec__reco-ttl-wrap::before {
    background-color: #F7F6F0;
  }
  .help .sec__reco-ttl-wrap::before {
    background-color: #FFF78E;
  }
  .sec__reco-list {
    margin-bottom: 6.667vw;
  }
  .sec__reco-list-item:not(:last-child) {
    padding-bottom: 2.933vw;
    margin-bottom: 3.733vw;
    border-bottom: solid 1px #E5DCD2;
  }
  a.sec__reco-list-item-link {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #3B3B3B;
    font-size: 3.733vw;
    line-height: 5.333vw;
    padding-left: 5.067vw;
    position: relative;
    display: block;
  }
  .sec__reco-list-item-link::before {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 3.467vw;
    height: 3.467vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* ========================================================
*
*					kv
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .kv {
    background-color: #FFF4A7;
    min-height: 530px;
    padding: 0;
  }
  .kv::before {
    position: absolute;
    left: 0px;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    height: 18px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/kv_bg-deco-pc.png);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
  .kv-inr {
    height: 534px;
    max-width: 1200px;
    margin: 0 auto;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/kv_bg-pc.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ttl {
    position: absolute;
    right: 0;
    top: 100px;
    max-width: 415px;
  }
  .ttl__img {
    width: 100%;
  }
  .kv___txt-wrap {
    position: absolute;
    right: 0;
    top: 250px;
    background-color: #fff;
    padding: 25px 20px;
    max-width: 415px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .kv__txt {
    color: #48180A;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
  }
  .kv__txt:nth-child(n+2) {
    margin-top: 20px;
  }
}
/* sp */
@media(max-width:740px){
  .kv {
    background-color: #FFF4A7;
    min-height: 158.667vw;
    padding: 0;
  }
  .kv::before {
    position: absolute;
    left: 0px;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    height: 5.333vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/kv_bg-deco-sp.png);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
  .kv-inr {
    height: 158.667vw;
    width: 100%;
    margin: 0 auto;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/kv_bg-sp.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ttl {
    position: relative;
    padding-top: 40vw;
    left: -4vw;
    max-width: 62.667vw;
  }
  .ttl__img {
    width: 100%;
  }
  .kv___txt-wrap {
    margin: 45px auto 0;
    max-width: 64vw;
    text-align: center;
  }
  .kv__txt {
    color: #48180A;
    line-height: 6.4vw;
    font-size: 4vw;
    font-weight: bold;
  }
  .kv__txt:nth-child(n+2) {
    margin-top: 5.333vw;
  }
}
/* ========================================================
*
*					anchor
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .anchor {
    margin: 55px 0 50px;
  }
  .anchor__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
  }
  .anchor__list-item {
    max-height: 48px;
    max-width: 291px;
    width: 24.25%;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .anchor__list-item:nth-child(odd) {
    background-color: #F07855;
  }
  .anchor__list-item:nth-child(even) {
    background-color: #F0A855;
  }
  a.anchor__list-item-link {
    display: block;
    width: 100%;
    padding: 11px 0 13px;
    padding-left: 47px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
  }
  .anchor__list-item-link::before {
    position: absolute;
    top: 50%;
    left: 23px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 9px;
    content: "";
    display: inline-block;
    background-image: url(/contents/toilet_training/_assets/img/anchor_arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* sp */
@media(max-width:740px){
  .anchor {
    margin: 60px auto 60px;
    width: 84vw;
  }
  .anchor__list-item {
    max-height: 12.8vw;
    border-radius: 2.667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .anchor__list-item:nth-child(odd) {
    background-color: #F07855;
  }
  .anchor__list-item:nth-child(even) {
    background-color: #F0A855;
  }
  .anchor__list-item:nth-child(n+2) {
    margin-top: 2.667vw;
  }
  a.anchor__list-item-link {
    display: block;
    width: 100%;
    padding: 2.933vw 0 3.467vw;
    padding-left: 13.6vw;
    color: #fff;
    font-size: 4.8vw;
    font-weight: bold;
    position: relative;
  }
  .anchor__list-item-link::before {
    position: absolute;
    top: 50%;
    left: 6.933vw;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4.267vw;
    height: 2.4vw;
    content: "";
    display: inline-block;
    background-image: url(/contents/toilet_training/_assets/img/anchor_arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* ========================================================
*
*					timing
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .timing {
    background-color: #FFFDE8;
  }
  .timing::before {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 17px;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/timing_bg-pc.png);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
  .timing__check-list {
    margin-top: 27px;
    background-color: #F0A855;
    border-radius: 5px;
    padding: 26px;
  }
  .timing__check-list-ttl {
    color: #FFF5AC;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
  }
  .timing__check-list-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 31px;
  }
  .timing__check-list-item {
    width: 31.85%;
    max-width: 288px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .timing__check-list-item-img-wrap {
    width: 70px;
    height: 70px;
  }
  .timing__check-list-item-img {
    width: 100%;
  }
  .timing__check-list-item-txt-wrap {
    width: 70.83%;
    max-width: 204px;
  }
  .timing__check-list-item-ttl {
    position: relative;
    color: #fff;
    font-weight: bold;
    line-height: 28.8px;
    font-size: 14px;
    padding-left: 17px;
  }
  .timing__check-list-item-ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/timing-check_list-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .timing__check-list-item-txt {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
  }
  .timing__graph-wrap {
    margin: 30px auto 0;
    width: 451px;
  }
  .timing__graph {
    width: 100%;
  }
}
/* sp */
@media(max-width:740px){
  .timing {
    background-color: #FFFDE8;
  }
  .timing::before {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 5.867vw;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/timing_bg-sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
  .timing__check-list {
    margin-top: 7.2vw;
    background-color: #F0A855;
    border-radius: 1.333vw;
    padding: 4.8vw 3.2vw;
  }
  .timing__check-list-ttl {
    color: #FFF5AC;
    font-size: 4vw;
    font-weight: bold;
    line-height: 5.333vw;
    text-align: center;
  }
  .timing__check-list-item-wrap {
    margin-top: 5.333vw;
  }
  .timing__check-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .timing__check-list-item:not(:last-child) {
    padding-bottom: 2.667vw;
    margin-bottom: 2.667vw;
  }
  .timing__check-list-item:not(:last-child)::before {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 0.533vw;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/timing-check_list-deco-sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
  .timing__check-list-item-img-wrap {
    width: 18.667vw;
    height: 18.667vw;
  }
  .timing__check-list-item-img {
    width: 100%;
  }
  .timing__check-list-item-txt-wrap {
    margin-left: 3.733vw;
    width: 70.48%;
  }
  .timing__check-list-item-ttl {
    position: relative;
    color: #fff;
    font-weight: bold;
    line-height: 7.68vw;
    font-size: 3.733vw;
    padding-left: 4.533vw;
  }
  .timing__check-list-item-ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.733vw;
    height: 3.733vw;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/timing-check_list-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .timing__check-list-item-txt {
    font-size: 3.2vw;
    line-height: 4.8vw;
    color: #fff;
  }
  .timing__graph-wrap {
    margin: 30px auto 0;
  }
  .timing__graph {
    width: 100%;
  }
}
/* ========================================================
*
*					training
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .training {
    background-color: #F7F6F0;
  }
  .training__flow-wrap {
    max-width: 450px;
    margin: 30px auto 0;
  }
  .training__flow {
    width: 100%;
  }
}
/* sp */
@media(max-width:740px){
  .training {
    background-color: #F7F6F0;
  }
  .training__flow-wrap {
    margin: 27px auto 0;
  }
  .training__flow {
    width: 100%;
  }
}
/* ========================================================
*
*					tips
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .tips {
    background-color: #FFFDE8;
    padding-bottom: 95px;
  }
  .tips__manga-wrap {
    margin: 40px auto 0;
    background-color: #fff;
    width: 450px;
    padding: 27px 60px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tips__manga-ttl {
    width: 130px;
    margin: 0 auto;
    position: relative;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: bold;
  }
  .tips__manga-ttl::before,.tips__manga-ttl::after {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 12px;
    height: 15px;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .tips__manga-ttl::before {
    left: -12px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-pc.svg);
  }
  .tips__manga-ttl::after {
    right: -15px;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-pc.svg);
  }
  .tips__manga-cont-link {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .tips__manga-cont-img {
    width: 100%;
  }
  .tips__manga-cont-ttl {
    font-size: 14px;
    font-weight: bold;
    line-height: 22.4px;
    margin-top: 14px;
    position: relative;
    color: #273A41;
  }
  .tips__manga-cont-ttl::before {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 13px;
    height: 13px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* sp */
@media(max-width:740px){
  .tips {
    background-color: #FFFDE8;
    padding-bottom: 26.667vw;
  }
  .tips__manga-wrap {
    margin: 40px auto 0;
    background-color: #fff;
    padding: 6.933vw 6.4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tips__manga-ttl {
    width: 34.667vw;
    margin: 0 auto;
    position: relative;
    font-size: 4.267vw;
    line-height: 7.68vw;
    font-weight: bold;
  }
  .tips__manga-ttl::before,.tips__manga-ttl::after {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.2vw;
    height: 4vw;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .tips__manga-ttl::before {
    left: -4vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-left-sp.svg);
  }
  .tips__manga-ttl::after {
    right: -4.533vw;
    background-image: url(/contents/toilet_training/_assets/img/ttl_deco-right-sp.svg);
  }
  .tips__manga-cont-link {
    display: block;
    width: 100%;
    margin-top: 4vw;
  }
  .tips__manga-cont-img {
    width: 100%;
  }
  .tips__manga-cont-ttl {
    font-size: 3.733vw;
    font-weight: bold;
    line-height: 5.973vw;
    margin-top: 3.733vw;
    position: relative;
    color: #273A41;
  }
  .tips__manga-cont-ttl::before {
    position: absolute;
    right: 0px;
    top: 70%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.467vw;
    height: 3.467vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/black-arr.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/* ========================================================
*
*					help
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .help {
    background-color: #FFF78E;
    padding-top: 70px;
    margin-bottom: 60px;
  }
  .help::before {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 109px;
    height: 109px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/help_icon-pc.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .help::after {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    height: 17px;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/help_bg-pc.png);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
}
/* sp */
@media(max-width:740px){
  .help {
    background-color: #FFF78E;
    padding-top: 18.667vw;
    margin-bottom: 60px;
  }
  .help::before {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 29.067vw;
    height: 29.067vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/help_icon-sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .help::after {
    position: absolute;
    left: 0;
    bottom: 0.267vw;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    height: 5.6vw;
    display: inline-block;
    content: "";
    background-image: url(/contents/toilet_training/_assets/img/help_bg-sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x;
  }
}
/* ========================================================
*
*					app
*
* ======================================================== */
@media(min-width:741px){
  .app{
  background-color: #59CCA4;
  margin-bottom: 65px;
  padding: 53px 0 50px 0;
  width: 100%;
  }
  .app__wrap{
    width: 651px;
    margin: 0 auto;
  }
  .app__top{
    text-align: center;
    margin-bottom: 30px;
  }
  .app__top-ttl{
    height: 79px;
  }
  .app__cont-wrap{
    max-width: 650px;
    margin: 0 auto;
    position: relative;
  }
  .app__lead{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .app__lead::after{
    content: "";
    display: block;
    width: 90%;
    height: 3px;
    background-color: #75E3BD;
    position: absolute;
    bottom: 11px;
    right: 0;
  }
  .app__lead-img{
    width: 231.5px;
    display: block;
    position: relative;
    z-index: 1;
  }
  .app__lead-content{
    margin-top: 17px;
  }
  .app__lead-txt{
    font-size: 25px;
    font-weight: 600;
    width: 416px;
    margin-top: 15px;
  }
  .app__lead-color--pc{
    background-color: #FFF;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 6px;
    height: 41px;
    display: inline-block;
    text-align: center;
  }
  .app__list{
    position: absolute;
    bottom: 30px;
    right: 13px;
    width: 380px;
  }
  .app__list-item{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    margin-top: 8px;
  }
  .app__list-color{
    color: #FFF4A7;
  }
  .app__list-item::before{
    content: "";
    background-image: url(/contents/toilet_training/_shared/img/220831/list_check.svg);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 25%;
    left: -23px;
  }
  .app__btn{
    width: 326.5px;
    margin: 44.5px auto 0;
    display: block;
  }
  .app__btn-img {
    width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .app{
    background-color: #59CCA4;
    margin: 0 0 21.333vw;
    padding: 14.133vw 1.067vw 15.467vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .app__top{
    text-align: center;
    margin-bottom: 6.4vw;
  }
  .app__top-ttl{
    height: 15.467vw;
  }
  .app__lead{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    position: relative;
  }
  .app__lead::after{
    content: "";
    display: block;
    width: 94.667vw;
    height: 0.8vw;
    background-color: #75E3BD;
    position: absolute;
    bottom: 0;
    right: 2.533vw;
  }
  .app__lead-img-wrap {
    max-width: 34.667vw;
    width: 35.42%;
    margin-right: 1.333vw;
  }
  .app__lead-img {
    width: 100%;
  }
  .app__lead-txt{
    font-size: 5.067vw;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 60vw;
    width: 61.30%;
  }
  .app__lead-color--sp{
    background-color: #FFF;
    line-height: 1.5em;
    padding: 1.333vw 2.133vw;
    border-radius: 0.533vw;
    margin-bottom: 1.6vw;
    display: block;
  }
  .app__list{
    margin: 6.4vw 6.667vw 0 13.333vw;
  }
  .app__list-item{
    color: #FFFFFF;
    font-size: 3.2vw;
    font-weight: 600;
    position: relative;
    margin-top: 2.133vw;
  }
  .app__list-color{
    color: #FFF4A7;
  }
  .app__list-item::before{
    content: "";
    background-image: url(/contents/toilet_training/_shared/img/220831/list_check.svg);
    background-position: center;
    background-size: contain;
    width: 3.733vw;
    height: 3.733vw;
    position: absolute;
    top: 25%;
    left: -6.133vw;
  }
  .app__btn{
    display: block;
    width: 84vw;
    margin: 6.4vw 8vw 0;
  }
  .app__btn-img {
    width: 100%;
  }
}