@charset "UTF-8";


/* otherfv
------------------------------------------------- */
#contents {
    padding-top: 0;
}
.otherfv::after {
    content: 'ENVIRONMENT';
    margin-right: -6rem;
}
@media screen and (max-width:750px){
#contents {
    padding-top: 0.45rem;
}
.otherfv {
    background: url("../img/wlb/mainvisual_sp.jpg") center top no-repeat;
    background-size: auto 100%;
    padding: 1.1rem 0 0.95rem;
    margin-bottom: 0.4rem;
}
}


/* bg
------------------------------------------------- */
.bg {
    background: url("../img/wlb/bg1.jpg") center top no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width:750px){

}


/* cont1
------------------------------------------------- */
.cont1 ul li {
    width: 3.3rem;
    height: 3.3rem;
    background-color: #fff;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.03rem;
    margin-bottom: 0.55rem;
    box-sizing: border-box;
    position: relative;
}
.cont1 ul li::before,
.cont1 ul li::after {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: #42F0B1;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.cont1 ul li::after {
    left: auto;
    right: 0;
}
.cont1 ul li .cover {
    width: calc(3.3rem - 0.02rem);
    height: calc(3.3rem - 0.02rem);
    position: relative;
}
.cont1 ul li .cover::before,
.cont1 ul li .cover::after {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: #42F0B1;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cont1 ul li .cover::after {
    left: auto;
    right: 0;
}
.cont1 ul li h2 {
    padding: 0.15rem 0 0.3rem 0.25rem;
}
.cont1 ul li h2 span {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    border-bottom: 0.01rem solid #1A1A1A;
} 
.cont1 ul li figure {
    width: 1.96rem;
    margin: 0 auto 0.2rem;
} 
.cont1 ul li p {
    font-size: 0.36rem;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
}     
.cont1 ul li p span {
    font-size: 0.98rem;
    padding: 0 0.05rem;
}      
.cont1 ul li .note {
    width: 100%;
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: 0.02em;
    color: #6F6E6E;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0.19rem;
}
@media screen and (max-width:750px){
.cont1 ul li {
    transform: scale(0.9);
    margin-bottom: 0.3rem;
}
.cont1 ul {
    padding-bottom: 0.7rem;
}
}

/* cont2
------------------------------------------------- */
.cont2 {
    position: relative;
}
.cont2::after {
    content: '';
    width: 100%;
    height: 1rem;
    background-color: #F4F4F4;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.cont2 .box {
    background-color: #F0FDF8;
    border: 0.01rem solid #92F5D1;
    border-radius: 0.22rem;
    padding: 0.45rem 0.45rem 0.2rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.cont2 .box h2 {
    font-size: 0.3rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding-bottom: 0.35rem;
}
.cont2 .box ul li {
    width: 100%;
    background-color: #fff;
    border-radius: 0.17rem;
    padding: 0.25rem 0.4rem 0.25rem 0.75rem;
    margin-bottom: 0.4rem;
    box-sizing: border-box;
    position: relative;
}
.cont2 .box ul li h3 {
    font-size: 0.14rem;
    font-weight: 300;
    letter-spacing: 0.06em;
    line-height: 1;
    color: #0AD38A;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: pre;
    position: absolute;
    left: 0.3rem;
    top: 0.6rem;
}
.cont2 .box ul li dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cont2 .box ul li dl dt {
    width: 2.8rem;
}
.cont2 .box ul li dl dt img {
    border-radius: 0.05rem;
}
.cont2 .box ul li dl dd {
    width: 5.7rem;
}
.cont2 .box ul li dl dd h4 {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 1.45;
    color: #0AD38A;
    margin-bottom: 0.15rem;
}
.cont2 .box ul li dl dd p {
    font-size: 0.14rem;
    line-height: 2.142;
    letter-spacing: 0.04em;
}
@media screen and (max-width:750px){
.cont2::after {
    content: '';
    width: 100%;
    height: 1rem;
    background-color: #F4F4F4;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.cont2 .box {
    border-radius: 0.18rem;
    padding: 0.45rem 5vw 0.2rem;
}
.cont2 .box h2 {
    font-size: 0.22rem;
    padding-bottom: 0.3rem;
    text-align: center;
}
.cont2 .box ul li {
    border-radius: 0.17rem;
    padding: 0.2rem 5vw 0.25rem;
    margin-bottom: 0.3rem;
}
.cont2 .box ul li h3 {
    font-size: 0.12rem;
    left: 0.3rem;
    top: 0.5rem;
}
.cont2 .box ul li dl {
    display: block;
}
.cont2 .box ul li dl dt {
    width: 84%;
    margin-left: 16%;
}
.cont2 .box ul li dl dd {
    width: 100%;
    margin-top: 0.2rem;
}
.cont2 .box ul li dl dd h4 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
}
.cont2 .box ul li dl dd p {
    line-height: 1.75;
    letter-spacing: normal;
}
}


/* cont3
------------------------------------------------- */
.cont3 {
    background: url("../img/wlb/bg2.jpg") center bottom no-repeat;
    background-size: 100% auto;
    padding: 1.4rem 0 0.5rem;
}
.cont3 h3 {
    font-size: 0.3rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-align: center;
    padding-bottom: 0.65rem;
}
.cont3 ul li {
    width: 4.6rem;
    height: 4.84rem;
    background-color: #fff;
    border-radius: 0.17rem;
    padding: 0.4rem 0.45rem 0;
    margin: 0 0.38rem 0.75rem;
    box-sizing: border-box;
}
.cont3 ul li figure {
    width: 2.3rem;
    margin: 0 auto 0.15rem;
}
.cont3 ul li h4 {
    font-size: 0.24rem;
    font-weight: 300;
    line-height: 1.45;
    color: #0AD38A;
    text-align: center;
    padding-bottom: 0.15rem;
}
.cont3 ul li p {
    font-size: 0.14rem;
    line-height: 2.142;
    letter-spacing: 0.04em;
}
@media screen and (max-width:750px){
.cont3 {
    background-size: 100% 100%;
    padding: 0.8rem 0 0.5rem;
}
.cont3 h3 {
    font-size: 0.22rem;
    padding-bottom: 0.3rem;
}
.cont3 ul li {
    width: 100%;
    height: auto;
    border-radius: 0.12rem;
    padding: 0.3rem 5vw;
    margin: 0 0 0.3rem;
}
.cont3 ul li figure {
    width: 2rem;
}
.cont3 ul li h4 {
    font-size: 0.2rem;
    padding-bottom: 0.1rem;
}
.cont3 ul li p {
    line-height: 1.75;
    letter-spacing: normal;
}
}