/* ====================== */
/* ===== withlife ====== */
/* ===================== */

.withlife_text_div,
.withlife_img{
    width: 50%;
}    
.withlife_img{
    display: flex;
    align-items: start;
}
.withlife_img img{
    width: 100%;
    border-radius: 15px;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.withlife_text{
    padding: 20px;
    line-height: 2.0;
    letter-spacing: 0.05rem;
}
.withlife_btn_div{
    width: 100%;
    margin:0 auto;
}



/* ====================== */
/* ===== アクセス ====== */
/* ===================== */

.iframe{
    display: flex;
    align-items: center;
}
.map_content_top ul li{
    margin-bottom: 10px;
    line-height: 1.2;
}
.map_content_top .item{
    font-size: 1.4rem;
    margin-right: 1%;
    margin-bottom: 1%;
    display: inline-block;
}
.map_content_top .item_name{
    display:block;
}

.map_content_top ul li:nth-of-type(1)::before{
    font-family: 'Material Icons';
    content: '\e7ee';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}

.map_content_top ul li:nth-of-type(2)::before{
    font-family: 'Material Icons';
    content: '\e570';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}

.map_content_top ul li:nth-of-type(3)::before{
    font-family: 'Material Icons';
    content: '\e8b5';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}

.map_content_top ul li:nth-of-type(4)::before{
    font-family: 'Material Icons';
    content: '\e61d';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}

.map_content_top ul li:nth-of-type(5)::before{
    font-family: 'Material Icons';
    content: '\ead8';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}
.map_content_top ul li:nth-of-type(6)::before{
    font-family: 'Material Icons';
    content: '\e9bc';
    color:rgba(63,193,201,1);;
    font-size: 2.2rem;
    padding-right: 10px;
    position: relative;
    top: 7px; 
}
.marker{
    font-weight: bold;
    color:lightcoral;
}


/* ============================================================== */
/* ==============  2021タプレット 800-959px   ==================== */
/* ============================================================== */
@media screen and (max-width:959px){
    .withlife_text_div,
    .withlife_img{
        width: 100%;
    }   
    .map_content_top{
        flex-direction: column;
    }
    iframe{
        width: 100%;
    }
    .map_content_top ul{
       margin-top: 20px;
    }
    .withlife_btn_div{
        width: 35%;
        margin:0 auto;
    }
}

/* ============================================================== */
/* ==============  2021スマホ     320-519px   ==================== */
/* ============================================================== */
@media screen and (max-width:600px){
    .map_content_top .item{
        font-size: 1.2rem;
    }
}