@charset "UTF-8";
/* =====================================
	nurse
===================================== */

#wrapper{
    background-image: url("../img/common/bg02.png");
    background-repeat: no-repeat;
    background-position: top 23px left;
}

main{
    width: 100%;
    padding: 162px 50px 206px;
    position: relative;
}

main .lead{
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}

main .lead::before{
    content: "";
    background: url("../img/nurse/illust02.png") no-repeat center;
    background-size: contain;
    width: 446px;
    height: 450px;
    position: absolute;
    bottom: -472px;
    left: 13px;
}

main .lead::after{
    content: "";
    background: url("../img/nurse/illust01.png") no-repeat center;
    background-size: contain;
    width: 496px;
    height: 394px;
    position: absolute;
    top: -31px;
    right: 6px;
}

main .lead h1{
    font-size: 7.625rem;
    font-weight: 250;
    text-align: center;
    line-height: 1;
    color: #5ac0c9;
    display: table;
    width: 100%;
    max-width: 687px;
    margin: 0 auto 48px;
    padding-bottom: 38px;
    background: url("../img/nurse/huki01.svg") no-repeat center bottom;
    position: relative;
    z-index: 3;
}

main .lead h1 small{
    font-size: 2.5rem;
    font-weight: normal;
    display: block;
    color: #232323;
    margin-top: -3px;
    position: relative;
    z-index: 3;
}

main .lead p{
    width: 71.42857%;
    position: relative;
    z-index: 3;
}

main .lead ul{
    width: 67.857%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
    position: absolute;
    top: 140px;
    right: -87px;
    z-index: 3;
}

main .lead ul li:nth-child(1){
    margin-top: 284px;
}

main .lead ul li:nth-child(3){
    width: 100%;
}

main .lead ul li:nth-child(3) img{
    margin: -126px 0 0 auto;
}

main .lead ul li img{
    border-radius: 34px 0 34px 0;
}

main .forge{
    margin: 514px auto 0;
    width: 100%;
    max-width: 1120px;
    position: relative;
}

main .forge::before{
    content: "";
    background: url("../img/nurse/illust03.png") no-repeat center;
    background-size: contain;
    width: 370px;
    height: 454px;
    position: absolute;
    top: 22px;
    right: -22px;
}

main .forge h2{
    position: relative;
    text-align: center;
    display: table;
    margin: 0 auto 75px;
}

main .forge h2::before{
    content: "";
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 78px auto;
    width: 78px;
    height: 91px;
    position: absolute;
    top: 50%;
    left: -98px;
    transform: translateY(-50%);
}

main .forge h2::after{
    content: "";
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 78px auto;
    width: 78px;
    height: 91px;
    position: absolute;
    top: 50%;
    right: -98px;
    transform: translateY(-50%);
}

main .forge h2 span{
    font-size: 5.0833rem;
    font-weight: 250;
    line-height: 1;
    color: #5ac0c9;
}

main .forge h2 small{
    font-size: 2.5rem;
    line-height: 1;
    display: block;
    margin-top: 8px;
}

main .forge h3{
    font-size: 3.0rem;
    line-height: 1;
    margin-bottom: 28px;
}

main .forge h3 + p{
    width: 62.5%;
}

main .forge ul{
    width: 100%;
    margin-top: 140px;
}

main .forge ul li{
    width: 100%;
    background: #fff;
    padding: 40px 54px 55px 60px;
    margin-bottom: 143px;
    position: relative;
}

main .forge ul li:last-child{
    margin-bottom: 0;
}

main .forge ul li > .imgArea{
    width: 39.37%;
    position: absolute;
    top: -78px;
    right: 8px;
    border-radius: 34px 0 34px 0;
    overflow: hidden;
}

main .forge ul li .ttlArea{
    display: flex;
    justify-content: space-between;
}

main .forge ul li .ttlArea .imgArea{
    width: 39.37%;
    margin: -123px 0 0 -0.492126%;
    border-radius: 34px 0 34px 0;
    overflow: hidden;
}

main .forge ul li h4{
    font-size: 2.8rem;
    color: #5ac0c9;
    line-height: 1;
}

main .forge ul li:first-child h4{
    width: 57.0866%;
}

main .forge ul li h4 span{
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1;
    display: block;
    margin-bottom: 9px;
}

main .forge ul li .cnt{
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

main .forge ul li .cnt .txtArea{
    width: 68%;
}

main .forge ul li h5{
    font-size: 2.5rem;
    line-height: 1.4;
    margin: 36px 0 12px;
}

main .forge ul li:first-child h5{
    margin: 18px 0 6px;
}

main .forge ul li > p{
    width: 68%;
}

main .forge ul li .cnt .imgArea{
    width: 29.13386%;
}

main .schools{
    margin: 207px auto 0;
    width: 100%;
    max-width: 1200px;
    position: relative;
}

main .schools h2{
    position: relative;
    text-align: center;
    display: table;
    margin: 0 auto 45px;
}

main .schools h2::before{
    content: "";
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 78px auto;
    width: 78px;
    height: 91px;
    position: absolute;
    top: 50%;
    left: -98px;
    transform: translateY(-50%);
}

main .schools h2::after{
    content: "";
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 78px auto;
    width: 78px;
    height: 91px;
    position: absolute;
    top: 50%;
    right: -98px;
    transform: translateY(-50%);
}

main .schools h2 span{
    font-size: 5.0833rem;
    font-weight: 250;
    line-height: 1;
    color: #5ac0c9;
}

main .schools h2 small{
    font-size: 2.5rem;
    line-height: 1;
    display: block;
    margin-top: 8px;
}

main .schools dl{
    width: 100%;
    background: #fff;
    border-radius: 60px 0 60px 0;
    padding: 586px 48px 81px;
    position: relative;
}

main .schools dl::before{
    content: "";
    background: url("../img/nurse/illust04.png") no-repeat center;
    background-size: contain;
    width: 1048px;
    height: 579px;
    position: absolute;
    top: 80px;
    left: -260px;
}

main .schools dl::after{
    content: "";
    background: url("../img/nurse/map01@2x.png") no-repeat center;
    background-size: contain;
    width: 666px;
    height: 467px;
    position: absolute;
    top: 80px;
    right: 107px;
}

main .schools dl div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 66px;
}

main .schools dl div:last-child{
    margin-bottom: 0;
}

main .schools dl div dt{
    width: 100%;
    height: 40px;
    font-size: 2.0rem;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 24px;
}

main .schools dl div:nth-child(1) dt{
    background: #5ac0c9;
    color: #fff;
}

main .schools dl div:nth-child(2) dt{
    background: #f3c1c8;
}

main .schools dl div:nth-child(3) dt{
    background: #c7e7ea;
}

main .schools dl div:nth-child(4) dt{
    background: #fff5b7;
}

main .schools dl div:nth-child(5) dt{
    background: #d8c4a4;
}

main .schools dl div:nth-child(6) dt{
    background: #cccccc;
}

main .schools dl div dd{
    width: 100%;
    line-height: 1.75;
    column-count: 3;
}

main .schools dl div dd li{
    padding-left: 13%;
}

@media screen and (max-width:768px){

#wrapper{
    background-image: url("../img/common/bg02.png");
    background-repeat: no-repeat;
    background-position: top 3.067vw left;
}

main{
    padding: 21.6vw 0 27.467vw;
}

main .lead{
    width: 86.979167vw;
}

main .lead::before{
    width: 59.467vw;
    height: 60vw;
    bottom: -62.933vw;
    left: 50%;
    transform: translateX(-50%);
}

main .lead::after{
    width: 66.133vw;
    height: 52.533vw;
    top: 6vw;
    right: -26vw;
}

main .lead h1{
    font-size: 12.2vw;
    line-height: 0.6;
    max-width: 86.979167vw;
    margin: 0 auto 6.4vw;
    padding-bottom: 8vw;
    background: url("../img/nurse/huki01.svg") no-repeat center bottom;
    background-size: auto 2.4vw;
}

main .lead h1 small{
    font-size: 5vw;
    line-height: 1;
    margin-top: 3vw;
}

main .lead p{
    width: 100%;
}

main .lead ul{
    width: calc(100% + 6vw);
    column-gap: 1.6vw;
    position: inherit;
    top: auto;
    right: auto;
    margin: 0 -3vw 8vw -3vw;
}

main .lead ul li:nth-child(1){
    margin-top: 0;
}

main .lead ul li:nth-child(1) img{
          width: 63vw;
}

main .lead ul li:nth-child(2) img{
width: 39vw;
        margin-top: 5vw;
}

main .lead ul li:nth-child(3) img{
margin: -46vw 0 0 42vw;
        width: 51vw;
}

main .lead ul li img{
    border-radius: 4.533vw 0 4.533vw 0;
}

main .forge{
    margin: 68.533vw auto 0;
    width: 86.979167vw;
}

main .forge::before{
    width: 49.33vw;
    height: 60.533vw;
    top: 100vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

main .forge h2{
    margin: 0 auto 10vw;
}

main .forge h2::before{
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 10.4vw auto;
    width: 10.4vw;
    height: 12.133vw;
    left: -13.067vw;
}

main .forge h2::after{
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 10.4vw auto;
    width: 10.4vw;
    height: 12.133vw;
    right: -13.067vw;
}

main .forge h2 span{
    font-size: 8vw;
}

main .forge h2 small{
    font-size: 5vw;
    margin-top: 1.067vw;
    line-height: 1.3;
}

main .forge h3{
    font-size: 6vw;
    line-height: 1.35;
    margin-bottom: 3.733vw;
}

main .forge h3 + p{
    width: 100%;
}

main .forge ul{
    margin-top: 70vw;
}

main .forge ul li{
    padding: 50vw 6.67vw 7.33vw;
    margin-bottom: 19.067vw;
}

main .forge ul li > .imgArea{
    width: 86.979167vw;
    top: -4.533vw;
    right: 0;
    border-radius: 4.533vw 0 4.533vw 0;
}

main .forge ul li .ttlArea {
    flex-wrap: wrap;
}

main .forge ul li .ttlArea .imgArea{
    width: 86.979167vw;
    margin: 0;
    border-radius: 4.533vw 0 4.533vw 0;
    position: absolute;
    top: -4.533vw;
    left: 0;
}

main .forge ul li h4{
    font-size: 5.6vw;
    text-align: center;
    line-height: 1.25;
}

main .forge ul li:first-child h4{
    width: 100%;
}

main .forge ul li h4 span{
    font-size: 7vw;
    margin-bottom: 1.2vw;
}

main .forge ul li .cnt{
    flex-direction: column-reverse;
    margin-top: 1.6vw;
}

main .forge ul li .cnt .txtArea{
    width: 100%;
}

main .forge ul li h5{
    font-size: 5vw;
    margin: 4.8vw 0 1.6vw;
}

main .forge ul li:first-child h5{
    margin: 2.4vw 0 1.6vw;
}

main .forge ul li > p{
    width: 100%;
}

main .forge ul li .cnt .imgArea{
    width: 80%;
    margin: 4vw auto 2vw;
}

main .schools{
    width: 86.979167vw;
    margin: 27.6vw auto 0;
}

main .schools h2{
    width: 63vw;
    margin: 0 auto 66vw;
}

main .schools h2::before{
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 10.4vw auto;
    width: 10.4vw;
    height: 12.133vw;
    left: -13.067vw;
}

main .schools h2::after{
    background: url("../img/common/line01.svg") no-repeat center;
    background-size: 10.4vw auto;
    width: 10.4vw;
    height: 12.133vw;
    right: -13.067vw;
}

main .schools h2 span{
    font-size: 8vw;
}

main .schools h2 small{
    font-size: 5vw;
    margin-top: 1.067vw;
    line-height: 1.3;
}

main .schools dl{
    border-radius: 8vw 0 8vw 0;
    padding: 66vw 6.4vw 10.8vw;
}

main .schools dl::before{
    background: url("../img/nurse/sp/illust04.png") no-repeat center;
    background-size: contain;
    width: 100vw;
    height: 86.1438vw;
    top: -56vw;
    left: -6.5104165vw;
}

main .schools dl::after{
    width: 71.04vw;
    height: 49.8136vw;
    top: 10.67vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

main .schools dl div{
    margin-bottom: 0;
}

main .schools dl div dt{
    height: 7.995vw;
    font-size: 4vw;
    padding-top: 0.73vw;
    margin-bottom: 3.2vw;
    position: relative;
}

main .schools dl div dt::before{
    content: "";
    height: 0.4vw;
    width: 2.8vw;
    background: #232323;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
}

main .schools dl div dt::after{
    content: "";
    height: 2.8vw;
    width: 0.4vw;
    background: #232323;
    position: absolute;
    top: 50%;
    right: 5.2vw;
    transform: translateY(-50%);
}

main .schools dl div:nth-child(1) dt::before{
    background: #fff;
}

main .schools dl div:nth-child(1) dt::after{
    background: #fff;
}

main .schools dl div dt.active::after{
    opacity: 0;
}

main .schools dl div dd{
    display: none;
    column-count: 1;
}

main .schools dl div dd:last-child{
    padding-bottom: 8vw;
}

main .schools dl div dd li{
    padding-left: 4.7%;
}

}