@charset "UTF-8";
/* ######################################################################################

　トップページ　ファーストビュー以降の要素

###################################################################################### */
/* ====================================================
    contents02：おおやけこども園の魅力
==================================================== */
.wallBelt.contents02{
    background-image: url("../img/contents/index/c2_illust01.png");
    background-repeat: no-repeat;
}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents02{background-position: calc(50% + 500px) 0; background-size: 136px 126px;}
    .wallBelt.contents02 .balloonTitle{margin-bottom: 10px;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents02{padding-top: 80px; background-position: calc(50% + 140px) 20px; background-size: 68px 63px;}
}


/* contents.attraction　こどもたちはもちろん、私たちも楽しく・・・・　
-------------------------------------*/
.contents.attraction .attractionList .text{
    position: relative;
    background: #fff;
    margin-top: -30px;
    border-radius: 15px;
    z-index: 1;
}
.contents.attraction .attractionList .text .circleLineTitle,
.contents.attraction .attractionList li p{font-feature-settings: "palt";}
.contents.attraction .attractionList .text p{line-height: 1.44; text-align: justify;}

@media print, screen and (min-width: 768px) {
    .contents.attraction .attractionList{display: flex; justify-content: space-between;}
    .contents.attraction .attractionList li{width: 320px;}
    .contents.attraction .attractionList .text {padding: 1em 2em 1.25em;}
    .contents.attraction .attractionList .text .circleLineTitle{margin-bottom: 0.5em; font-size: 2.4rem;}
    .contents.attraction .attractionList .text .circleLineTitle:after{margin-top: 0.25em;}
    .contents.attraction .attractionList .text p{font-size: 1.8rem;}
}
@media screen and (max-width: 767px) {
    .contents.attraction .attractionList{width: 91.5%; margin-left: auto; margin-right: auto;}
    .contents.attraction .attractionList li{margin-bottom: 1em;}
    .contents.attraction .attractionList li .img img{width: 100%;}
    .contents.attraction .attractionList .circleLineTitle{font-size: 2rem;}
    .contents.attraction .attractionList .circleLineTitle:after{margin-top: 0.5em; height: 7px;}
    .contents.attraction .attractionList .text {padding: 1em;}
    .contents.attraction .attractionList .text p{padding: 0 5%; font-size: 1.7rem;}
}


/* contents.philosophy　保育理念
-------------------------------------*/
.contents.philosophy p{text-align: center; font-feature-settings: "palt";}
.contents.philosophy .philosophyLead .titleBold{text-align: center; font-feature-settings: "palt"; margin-bottom: 0.5em;}
.contents.philosophy .philosophyListWarp{position: relative; background: #fff; border-radius: 10px;}
.contents.philosophy .philosophyListWarp:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/contents/index/c2_illust02.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
.contents.philosophy .philosophyList{position: relative;}
.contents.philosophy .philosophyList:after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("../img/contents/index/line_circle.svg");
    background-size: 100%;
}
.contents.philosophy .philosophyList li p.num{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    padding-bottom: 0.5em;
    line-height: 1.25;
}
.contents.philosophy .philosophyList li:nth-of-type(1) p.num{background-image: url("../img/contents/index/c2_num_01.png");}
.contents.philosophy .philosophyList li:nth-of-type(2) p.num{background-image: url("../img/contents/index/c2_num_02.png");}
.contents.philosophy .philosophyList li:nth-of-type(3) p.num{background-image: url("../img/contents/index/c2_num_03.png");}
.contents.philosophy .philosophyList li:nth-of-type(4) p.num{background-image: url("../img/contents/index/c2_num_04.png");}
.contents.philosophy .philosophyList li:nth-of-type(5) p.num{background-image: url("../img/contents/index/c2_num_05.png");}


@media print, screen and (min-width: 768px) {
    .contents.philosophy p{font-size: 2.2rem; line-height: 1.63;}
    .contents.philosophy .philosophyLead .titleBold{font-size: 3.1rem;}
    .contents.philosophy .philosophyListWarp{margin-top: 25px; padding: 32px 20px 140px; margin-bottom: 100px;}
    .contents.philosophy .philosophyListWarp:after{
        bottom: -100px;
        width: 272px;
        height: 206px;
    }
    .contents.philosophy .philosophyList{padding-bottom: 120px;}
    .contents.philosophy .philosophyList:after{height: 7px; background-size: 60px 7px; bottom: 60px;}
    .contents.philosophy .philosophyList li + li{margin-top: 45px;}
    .contents.philosophy .philosophyList li p{font-size: 2rem;}
    .contents.philosophy .philosophyList li p.num{
        margin-bottom: 0.25em;
        height: 100px;
        font-size: 2.9rem;
    }
    .contents.philosophy .philosophyList li p.num > span{
        display: inline-block;
        white-space: nowrap;
    }
}
@media screen and (max-width: 767px) {
    .contents.philosophy p{font-size: 1.5rem; line-height: 1.53;}
    .contents.philosophy .philosophyLead .titleBold{margin-bottom: 0.25em; font-size: 1.8rem;}
    .contents.philosophy .philosophyLead p{padding-left: 2%; padding-right: 2%;}
    .contents.philosophy .philosophyListWarp{margin-top: 25px; padding: 1.25em 0.5em 4em; margin-bottom: 60px;}
    .contents.philosophy .philosophyListWarp:after{
        bottom: -60px;
        width: 136px;
        height: 103px;
    }
    .contents.philosophy .philosophyList{padding-bottom: 50px;}
    .contents.philosophy .philosophyList:after{height: 4px; background-size: 34px 4px; bottom: 25px;}
    .contents.philosophy .philosophyList li + li{margin-top: 20px;}
    .contents.philosophy .philosophyList li p.num{
        margin-bottom: 0.25em;
        height: 50px;
        font-size: 1.8rem;
    }
}
@media print{ 
    .contents.philosophy .philosophyListWarp:after{/* firefox印刷崩れ修正 */
        position: relative;
        display: block;
        margin-bottom: -100px;
        margin-top: -60px;
    }
}


/* contents.benefits　福利厚生・研修制度
-------------------------------------*/
.contents.benefits .benefitsLead{text-align: center; font-feature-settings: "palt";}

@media print, screen and (min-width: 768px) {
    .contents.benefits .benefitsLead{margin-bottom: 20px; font-size: 2.2rem; line-height: 1.63;}
}
@media screen and (max-width: 767px) {
    .contents.benefits .benefitsLead{margin-bottom: 15px; font-size: 1.5rem; line-height: 1.53;}
}


/* benefitsList　スライダー
-------------------------------------*/
.benefitsListItem { height: 100%; }

.benefitsList .benefitsListItem{
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    font-feature-settings: "palt";
    margin-bottom: 10px;
}
.benefitsList .benefitsListItem .num{position: absolute;}
.benefitsList .benefitsListItem .balloon{position: absolute;}
.benefitsList .benefitsListItem .benefitsListTitle{text-align: center;}
.benefitsList .benefitsListItem .benefitsListTitle img{display: inline-block;}
.benefitsList .benefitsListItem .titleBold{text-align: center;}
.benefitsList .benefitsListItem .benefitsListLead{text-align: center; font-weight: bold;}
.benefitsList .benefitsListItem .benefitsListDetail dt{font-weight: bold;}

@media print, screen and (min-width: 768px) {
    .benefitsList{min-height: 584px; overflow: hidden;}
    .benefitsList .slick-slide  {width: 900px!important; padding: 0 45px; box-sizing: content-box;}
    .benefitsList .benefitsListItem{border-radius: 20px; padding: 20px 20px 10px;}
    .benefitsList .benefitsListItem p,
    .benefitsList .benefitsListItem dt,
    .benefitsList .benefitsListItem dd,
    .benefitsList .benefitsListItem li{font-size: 1.6rem; line-height: 1.25;}
    .benefitsList .benefitsListItem .num{top: 10px; left: 10px;}
    .benefitsList .benefitsListItem .benefitsListTitle{margin-bottom: 0.75em;}
    .benefitsList .benefitsListItem .benefitsListTitle img{width: auto; height: 40px;}
    .benefitsList .benefitsListItem .balloon{top: 15px; right: 50px;}
    .benefitsList .benefitsListItem .titleBold{font-size: 2.6rem;}
    .benefitsList .benefitsListItem .benefitsListLead{font-size: 1.7rem; line-height: 1.44; margin-bottom: 1em;}
    .benefitsList .benefitsListItem .benefitsListDetail{margin-top: 1em;}
    .benefitsList .benefitsListItem .benefitsListDetail .doubleLineTitle{margin-left: auto; margin-right: auto; margin-bottom: 0.75em;}
    .benefitsList .benefitsListItem p + .colorDotList{margin-top: 0.25em;}
    .benefitsList .benefitsListItem .colorDotList li{line-height: 1.5;}
    .benefitsList .benefitsListItem .colorTitle{margin-top: 2em;}

    /* 縦並び vertical */
    .benefitsList .benefitsListItem .benefitsListDetail.vertical .doubleLineTitle{margin-left: auto; margin-right: auto; margin-bottom: 0.5em;}
    .benefitsList .benefitsListItem .benefitsListDetail.vertical dd{max-width: 660px; margin-left: auto; margin-right: auto;}

    /* 横並び horizon */
    .benefitsList .benefitsListItem .benefitsListDetail.horizon{display: flex; justify-content: space-between; padding: 0.25em 0;}
    .benefitsList .benefitsListItem .benefitsListDetail.horizon .doubleLineTitle{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .benefitsList .slick-slide{padding: 0 10px; box-sizing: content-box;}
    .benefitsList .benefitsListItem{border-radius: 10px; padding: 1em;}
    .benefitsList .benefitsListItem p{margin-bottom: 0;}
    .benefitsList .benefitsListItem p,
    .benefitsList .benefitsListItem dt,
    .benefitsList .benefitsListItem dd,
    .benefitsList .benefitsListItem li{font-size: 1.3rem; line-height: 1.45;}
    .benefitsList .benefitsListItem .num{top: 5px; left: 5px;}
    .benefitsList .benefitsListItem .num img{width: auto; height: 35px;}
    .benefitsList .benefitsListItem .benefitsListTitle img{width: auto; height: 25px;}
    .benefitsList .benefitsListItem .balloon{width: 70px; top: 5px; right: calc(50% - 142px);}
    .benefitsList .benefitsListItem .titleBold{font-size: 1.5rem; margin-bottom: 0.5em;}
    .benefitsList .benefitsListItem .benefitsListLead{font-size: 1.3rem; line-height: 1.36;}
    .benefitsList .benefitsListItem .benefitsListDetail{padding: 0.35em 0;}
    .benefitsList .benefitsListItem .benefitsListDetail .doubleLineTitle {margin-left: auto; margin-right: auto; margin-bottom: 0.5em; text-align: center; line-height: 1.15;}
    .benefitsList .benefitsListItem .colorTitle{margin-top: 1em;}
    .benefitsList .benefitsListItem .benefitsListImg{text-align: center;}
    .benefitsList .benefitsListItem .benefitsListImg img{display: inline-block;}
}


/* スライドごと調整 */
.benefitsList .benefitsListItem02 .benefitsListDetail p{margin-bottom: 0;}

@media print, screen and (min-width: 768px) {
    .benefitsList .benefitsListItem01 .benefitsListDetail dt{width: 135px;}
    .benefitsList .benefitsListItem01 .benefitsListDetail dd{width: calc(100% - 135px - 15px);}
    .benefitsList .benefitsListItem01 .benefitsListImg{position: absolute; bottom: calc(20px + 1em); right: 25px;}
    .benefitsList .benefitsListItem02 .benefitsListDetail dt{width: 221px;}
    .benefitsList .benefitsListItem02 .benefitsListDetail dd{width: calc(100% - 221px - 15px);}
    .benefitsList .benefitsListItem03 .benefitsListImg{position: absolute; bottom: 60px; right: 60px;}
    .benefitsList .benefitsListItem03 .benefitsListDetail{padding: 40px 0;}
    .benefitsList .benefitsListItem04 .benefitsListDetail{padding: 8px 0;}
    .benefitsList .benefitsListItem05 .benefitsListDetail{padding: 40px 0;}
    .benefitsList .benefitsListItem05 .benefitsListDetail .colorDotList li,
    .benefitsList .benefitsListItem05 .benefitsListDetail .colorDotList li:before{padding-top: 0.25em; padding-bottom: 0.25em;}
    .benefitsList .benefitsListItem05 .benefitsListImg{position: absolute; bottom: 30px; right: 30px;}
}
@media screen and (max-width: 767px) {
    .benefitsList .benefitsListItem01 .benefitsListImg img{width: 100%;}
    .benefitsList .benefitsListItem03 .benefitsListDetail{padding: 30px 0;}
    .benefitsList .benefitsListItem03 .benefitsListImg img{width: 112px;}
    .benefitsList .benefitsListItem04 .benefitsListDetail{padding: 20px 0;}
    .benefitsList .benefitsListItem05 .benefitsListDetail{padding: 30px 0;}
    .benefitsList .benefitsListItem05 .benefitsListImg img{width: 134px;}
}

/* 色 */
.benefitsList .benefitsListLead.orange{color: #db8e1a;}
.benefitsList .benefitsListLead.purple{color: #8f4c93;}
.benefitsList .benefitsListLead.brown{color: #5C4B40;}
.benefitsList .benefitsListLead.red{color: #be495b;}
.benefitsList .benefitsListLead.yellow{color: #b88e00;}



/* ====================================================
    contents03：先生の1日
==================================================== */
@media print, screen and (min-width: 768px) {
    .wallBelt.contents03{padding-bottom: 20px;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents03{padding-bottom: 0;}
    .wallBelt.contents03 .lead img{width: 361px;}
}




/* ====================================================
    contents04：先輩からのメッセージ
==================================================== */
.wallBelt.contents04{
    background-image: url("../img/contents/index/c4_illust01.png");
    background-repeat: no-repeat;
}
.wallBelt.contents04 .messageList li .youtube {position: relative; text-align: center;}
.wallBelt.contents04 .messageList li p{font-feature-settings: "palt";}
.wallBelt.contents04 .messageList li .name{text-align: center;}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents04{background-position: calc(50% - 480px) 10px; background-size: 136px 82px; padding-bottom: 100px;}
    /*3カラム*/
    /*.wallBelt.contents04 .messageList{display: flex; justify-content: space-between;} */
    /*2カラム*/
    .wallBelt.contents04 .messageList{display: flex; justify-content: center;}
    .wallBelt.contents04 .messageList li:first-child{margin-right: 50px;}
    
    
    .wallBelt.contents04 .messageList li{width: 340px; border-radius: 15px; padding: 0 15px 15px;}
    .wallBelt.contents04 .messageList li .messageListTitle{margin-left: -20px; margin-right: -20px; margin-bottom: 0;}
    .wallBelt.contents04 .messageList li p{margin-bottom: 0.5em; font-size: 1.7rem;}
    .wallBelt.contents04 .messageList li .name {margin-top: 1.25em;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents04{
        padding-top: 50px;
        padding-bottom: 50px;
        background-position: calc(50% - 120px) 0;
        background-size: 68px 41px;
    }
    .wallBelt.contents04 .messageList{ margin-left: -15px; margin-right: -15px;}
    .wallBelt.contents04 .messageList li{
        position: relative;
        overflow: visible;
        margin-top: 30px;
        padding: 35px 15px 12px;
    }
    .wallBelt.contents04 .messageList li .messageListTitle{
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .wallBelt.contents04 .messageList li .messageListTitle img{height: 50px; width: auto;}
    .wallBelt.contents04 .messageList li .youtube img{width: 100%;}
    .wallBelt.contents04 .messageList li p{font-size: 1.4rem; line-height: 1.4;}
    .wallBelt.contents04 .messageList li .name img{margin-top: 0.75em; height: 33px; width: auto;}
}

/* 色 */
.wallBelt.contents04 .messageList li:nth-of-type(1){background: #dbe9d2;}
.wallBelt.contents04 .messageList li:nth-of-type(2){background: #f5e1c0;}
.wallBelt.contents04 .messageList li:nth-of-type(3){background: #caeaf9;}



/* ====================================================
    contents05：Q&A
==================================================== */
.wallBelt.contents05 .qaTitle{text-align: center; background: #fff;}
.wallBelt.contents05 .qaList{position: relative;}
.wallBelt.contents05 .qaList .question,
.wallBelt.contents05 .qaList .answer{position: relative;}
.wallBelt.contents05 .qaList .question:before,
.wallBelt.contents05 .qaList .answer:before{
    content: "";
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
}
.wallBelt.contents05 .qaList .question:before{background-image: url("../img/contents/index/c5_question.png");}
.wallBelt.contents05 .qaList .answer:before{background-image: url("../img/contents/index/c5_answer.png");}
.wallBelt.contents05 .qaList .question{border-bottom: 1px solid #B79B33; font-weight: bold;}
.wallBelt.contents05 .qaList .img{position: absolute;}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents05{padding-top: 80px;}
    .wallBelt.contents05 .qaList + .qaList{margin-top: 15px;}
    .wallBelt.contents05 .qaList + .qaTitle{margin-top: 30px;}
    .wallBelt.contents05 .qaList .question,
    .wallBelt.contents05 .qaList .answer{font-feature-settings: "palt"; padding: 12px 65px 10px 40px;}
    .wallBelt.contents05 .qaList .question:before,
    .wallBelt.contents05 .qaList .answer:before{
        width: 25px;
        height: 25px;
    }
    .wallBelt.contents05 .qaList .question:before{top: 12px;}
    .wallBelt.contents05 .qaList .answer:before{top: 10px;}
    .wallBelt.contents05 .qaList .question{font-size: 1.8rem;}
    .wallBelt.contents05 .qaList .answer{font-size: 1.7rem;}
    .wallBelt.contents05 .qaList .img{
        width: 128px;
        top: -10px;
        right: -40px;
    }
}
@media screen and (max-width: 767px) {
    .wallBelt.contents05{padding-top: 50px;}
    .wallBelt.contents05 .qaList{padding-right: 10px;}
    .wallBelt.contents05 .qaList + .qaList{margin-top: 10px;}
    .wallBelt.contents05 .qaList + .qaTitle{margin-top: 10px;}
    .wallBelt.contents05 .qaTitle img{
		height: 28px;
  margin: 10px 0 10px 0px;
		width: auto;}
    .wallBelt.contents05 .qaList .question,
    .wallBelt.contents05 .qaList .answer{padding: 6px 40px 6px 20px;}
    .wallBelt.contents05 .qaList .question:before,
    .wallBelt.contents05 .qaList .answer:before{
        width: 15px;
        height: 15px;
    }
    .wallBelt.contents05 .qaList .question:before{top: 6px;}
    .wallBelt.contents05 .qaList .answer:before{top: 7px;}
    .wallBelt.contents05 .qaList .question{font-size: 1.5rem;}
    .wallBelt.contents05 .qaList .answer{font-size: 1.5rem;}
    .wallBelt.contents05 .qaList .img{
        width: 64px;
        top: 10px;
        right: -10px;
    }
}



/* ====================================================
    contents06：データで見るおおやけこども園
==================================================== */
.wallBelt.contents06{position: relative;}
.wallBelt.contents06:before{
    content: "";
    position: absolute;
    background-image: url("../img/contents/index/c6_illust01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.wallBelt.contents06 .leadText{text-align: center; font-feature-settings: "palt";}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents06{padding-bottom: 80px;}
    .wallBelt.contents06:before{
        top: 10px;
        left: calc(50% + 410px);
        width: 86px;
        height: 124px;
    }
    .wallBelt.contents06{padding-bottom: 20px;}
    .wallBelt.contents06 .leadText{font-size: 2.2rem;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents06{padding-bottom: 0; overflow: visible;}
    .wallBelt.contents06:before{
        top: -45px;
        right: 15px;
        width: 43px;
        height: 62px;
    }
    .wallBelt.contents06 .bannerBox{margin-right: -15px;}
    .wallBelt.contents06 .bannerBox img{width: 333px;}
}



/* ====================================================
    contents07：募集要項
==================================================== */
.wallBelt.contents07 .leadText,
.wallBelt.contents07 table{font-feature-settings: "palt";}
.wallBelt.contents07 .leadText{font-weight: bold;}
.wallBelt.contents07 .dotList + p{padding-left: 1em; font-size: 1.3rem;;}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents07 .leadText{margin-bottom: 20px; font-size: 1.7rem;}
    .wallBelt.contents07 .dotList + p{margin-top: 0.25em;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents07 .leadText{margin-bottom: 10px; font-size: 1.3rem;}
}


/* 吹き出し
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .wallBelt.contents07 .balloonText01{right: -130px; bottom: -30px;}
    .wallBelt.contents07 .balloonText02{right: -130px; bottom: -25px;}
    .wallBelt.contents07 .balloonText03{right: -130px; bottom: -28px;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents07 .balloonText01 {right: -20px; bottom: -60px; width: 252px;}
    .wallBelt.contents07 .balloonText02 {right: -20px; top: -60px; width: 211px;}
    .wallBelt.contents07 .balloonText03 {right: -20px; bottom: -45px; width: 288px;}
}
@media screen and (max-width: 340px) {
    .wallBelt.contents07 .balloonText01 {width: 230px;}
    .wallBelt.contents07 .balloonText03 {width: 260px;}
}



/* ====================================================
    contents08：採用までの流れ
==================================================== */
.wallBelt.contents08{position: relative;}
.wallBelt.contents08:before{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.wallBelt.contents08 .stepList > li{position: relative;}
.wallBelt.contents08 .stepList > li + li{border-top: 1px solid #C39D22;}
.wallBelt.contents08 .stepList > li .stepListDetail{position: relative; display: flex; justify-content: space-between;}
.wallBelt.contents08 .stepList > li .num{position: relative; z-index: 1;}
.wallBelt.contents08 .stepList > li .detail dt,
.wallBelt.contents08 .stepList > li .detail dd{font-feature-settings: "palt";}
.wallBelt.contents08 .stepList > li .detail dt{color: #1E2160; font-weight: bold;}
.wallBelt.contents08 .stepList > li .detail dt .small{color: #000;}
.wallBelt.contents08 .stepList > li .detail dd .colorDotList{font-weight: bold;}
.wallBelt.contents08 .stepList > li .detail dd .colorDotList > li{padding-left: 1.25em;}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents08{padding-bottom: 60px;}
    .wallBelt.contents08:before{
        bottom: 0;
        left: calc(50% + 410px);
        width: 104px;
        height: 128px;
    }
    .wallBelt.contents08 .whiteInner{padding-top: 35px;}
    .wallBelt.contents08 .stepList > li + li{padding-top: 15px; margin-top: 30px;}
    .wallBelt.contents08 .stepList > li .num{width: 108px;}
    .wallBelt.contents08 .stepList > li .detail{width: calc(100% - 154px);}
    .wallBelt.contents08 .stepList > li .detail dt{font-size: 2.7rem; margin: 0.5em 0;}
    .wallBelt.contents08 .stepList > li:nth-of-type(4) .detail dt{margin-top: 0.75em;}
    .wallBelt.contents08 .stepList > li .detail dt .small{margin-left: 1em; font-size: 1.7rem;}
    .wallBelt.contents08 .stepList > li .detail dd{font-size: 1.7rem; line-height: 1.5;}
    .wallBelt.contents08 .stepList > li .detail dd .colorDotList{margin-top: 0.5em;}
    .wallBelt.contents08 .stepList > li .detail dd .colorDotList li{font-size: 1.8rem;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents08{padding-bottom: 45px;}
    .wallBelt.contents08:before{
        bottom: 0;
        right: 20px;
        width: 52px;
        height: 64px;
    }
    .wallBelt.contents08 .stepList > li + li{padding-top: 10px; margin-top: 15px;}
    .wallBelt.contents08 .stepList > li .num{width: 54px;}
    .wallBelt.contents08 .stepList > li .detail{width: calc(100% - 60px);}
    .wallBelt.contents08 .stepList > li .detail dt{font-size: 1.5rem; margin: 0.25em 0;}
    .wallBelt.contents08 .stepList > li .detail dt .small{margin-left: 1em; font-size: 1.1rem;}
    .wallBelt.contents08 .stepList > li .detail dd{font-size: 1.3rem; line-height: 1.45;}
}

/* 矢印
-------------------------------------*/
.wallBelt.contents08 .stepList > li:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
.wallBelt.contents08 .stepList > li:last-of-type:before{
    display: none;
}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents08 .stepList > li:before{   
        border-left: 48px solid #D8E9E3;
        bottom: -70px;
        left: 30px;
    }
}
@media screen and (max-width: 767px) {
    .wallBelt.contents08 .stepList > li:before{
        border-left: 24px solid #D8E9E3;
        bottom: -35px;
        left: 15px;
    }
}

/* ▽ */
.wallBelt.contents08 .stepList > li:nth-of-type(3):after,
.wallBelt.contents08 .stepList > li:nth-of-type(4):after,
.wallBelt.contents08 .stepList > li:nth-of-type(5):after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #D8E9E3 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
    .wallBelt.contents08 .stepList > li:nth-of-type(3):before,
    .wallBelt.contents08 .stepList > li:nth-of-type(4):before,    
    .wallBelt.contents08 .stepList > li:nth-of-type(5):before{
        height: calc(100% - 60px);
        bottom: -30px;
    }
    .wallBelt.contents08 .stepList > li:nth-of-type(3):after,
    .wallBelt.contents08 .stepList > li:nth-of-type(4):after,
    .wallBelt.contents08 .stepList > li:nth-of-type(5):after{
        left: 30px;
        bottom: -45px;
        border-width: 15px 24px 0 24px;
    }
}
@media screen and (max-width: 767px) {
    .wallBelt.contents08 .stepList > li:nth-of-type(3):before,
    .wallBelt.contents08 .stepList > li:nth-of-type(4):before,    
    .wallBelt.contents08 .stepList > li:nth-of-type(5):before{
        height: calc(100% - 15px);
        bottom: -16px;
    }
    .wallBelt.contents08 .stepList > li:nth-of-type(3):after,
    .wallBelt.contents08 .stepList > li:nth-of-type(4):after,
    .wallBelt.contents08 .stepList > li:nth-of-type(5):after{
        left: 15px;
        bottom: -24px;
        border-width: 8px 12px 0 12px;
    }
}


/* 色 */
.wallBelt.contents08 .stepList > li:nth-of-type(1):before,
.wallBelt.contents08 .stepList > li:nth-of-type(2):before,    
.wallBelt.contents08 .stepList > li:nth-of-type(3):before{border-left-color: #D8E9E3;}
.wallBelt.contents08 .stepList > li:nth-of-type(1):after,
.wallBelt.contents08 .stepList > li:nth-of-type(2):after,    
.wallBelt.contents08 .stepList > li:nth-of-type(3):after{border-top-color: #D8E9E3;}

.wallBelt.contents08 .stepList > li:nth-of-type(4):before{border-left-color: #F6E5E8;} 
.wallBelt.contents08 .stepList > li:nth-of-type(4):after{border-top-color: #F6E5E8;}

.wallBelt.contents08 .stepList > li:nth-of-type(5):before{border-left-color: #CAECF3;} 
.wallBelt.contents08 .stepList > li:nth-of-type(5):after{border-top-color: #CAECF3;}



/* 吹き出し
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .wallBelt.contents08 .balloonText01{right: -130px; bottom: -110px;}
    .wallBelt.contents08 .balloonText02{right: -130px; bottom: -100px;}
    .wallBelt.contents08 .balloonText03{right: -130px; bottom: 0px;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents08 .balloonText01 {right: -20px; bottom: -55px; width: 177px;}
    .wallBelt.contents08 .balloonText02 {right: -20px; bottom: -50px; width: 177px;}
    .wallBelt.contents08 .balloonText03 {right: -20px; top: -30px; width: 177px;}
}
@media screen and (max-width: 340px) {
    .wallBelt.contents08 .balloonText01 {width: 144px; bottom: -50px;}
    .wallBelt.contents08 .balloonText02 {width: 144px;}
    .wallBelt.contents08 .balloonText03 {width: 144px; top: -18px;}
}


/* 注意書き
-------------------------------------*/
.wallBelt.contents08 .attention{
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    padding: 0.5em 0.25em;
    color: #cc6c79;
    border: 1px solid#cc6c79;
    background: #f5e5e8;
    font-feature-settings: "palt";
    font-weight: bold;
    line-height: 1.625;
}
@media print, screen and (min-width: 768px) {
    .wallBelt.contents08 .attention{font-size: 1.6rem;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents08 .attention{font-size: 1.2rem;}
}




/* ====================================================
    contents09：インターンシップ
==================================================== */
.wallBelt.contents09 .leadText,
.wallBelt.contents09 table{font-feature-settings: "palt";}
.wallBelt.contents09 .leadText{font-weight: bold;}
.wallBelt.contents09 .dotList + p{padding-left: 1em;}
.wallBelt.contents09 .bold{font-weight: bold;}

@media print, screen and (min-width: 768px) {
    .wallBelt.contents09{padding-top: 30px; padding-bottom: 100px;}
    .wallBelt.contents09 .leadText{margin-bottom: 20px; font-size: 1.7rem;}
    .wallBelt.contents09 .dotList + p{margin-top: 0.5em;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents09 .leadText{margin-bottom: 10px; font-size: 1.3rem;}
    .wallBelt.contents09 .bold{font-size: 1.2rem;}
}


/* 吹き出し
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .wallBelt.contents09 .balloonText01{right: -130px; bottom: -28px;}
}
@media screen and (max-width: 767px) {
    .wallBelt.contents09 .balloonText01 {right: -20px; top: -55px; width: 270px;}
}
@media screen and (max-width: 340px) {
    .wallBelt.contents09 .balloonText01 {width: 234px;}
}