﻿@charset "utf-8";



.personalplan.first{
    margin-top: 100px;  

}

.personalplan{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 74px;
}


.personalplan h2{
    font-size: 150%;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 40px;
    background:#0075c2;
}

.personalplan .wrap{
    font-size:120%;
    line-height: 190%;
    text-align: left;

}

.personalplan p.line1{
    font-size:120%;
    line-height: 190%;
    text-align: left;
    margin-top: 20px;    
}

.personalplan .wrap:after {
    content:" ";
    display:block;
    clear:both;
}


.personalplan .wrap p{
    width: 445px; 
    float: right;
}

.personalplan .wrap div{
    width: 500px;
    float: left;
    margin-top: -10px;
}

.personalplan .wrap.lImg p{
    float: left;
}

.personalplan .wrap.lImg div{

    float: right;

}


.personalplan .wrap.line1 p{
    width: 100%; 
    float: none;

}

.personalplan .wrap.line1 div{
    width: 100%;
    float: none;
    margin-top: 0;
    text-align: center;
}

.personalplan .wrap.line1 div .ann{
    font-size:80%;
    display: inline-block;
    padding-top: 10px;  
}

.personalplan .wrap.line1 .image{
    text-align: center;
    margin-top: 36px;   
} 




@media screen and (min-width: 769px) {

}

@media screen and (max-width: 768px) {




.personalplan.first{
    margin-top: 40px;  

}

.personalplan{
    width: auto;
    margin: 0;
    margin-bottom: 40px;
}


.personalplan h2{
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    background:#0075c2;
}

.personalplan .wrap{
    font-size:120%;
    line-height: 190%;
    text-align: left;
    margin: 0 10px; 

}



.personalplan .wrap p{
    width: auto; 
    float: none;
}

.personalplan .wrap div{
    width: auto;
    float: none;
    margin-top: 0;
    margin-bottom: 15px;
}

.personalplan .wrap.lImg p{
    float: none;
}

.personalplan .wrap.lImg div{

    float: none;

}


.personalplan .wrap.line1 p{
    width: 100%; 
    float: none;

}

.personalplan .wrap.line1 div{
    width: 100%;
    float: none;
    margin-top: 0;
    text-align: left;

}

.personalplan .wrap.line1 div .ann{
    font-size:80%;
    display: inline-block;
    padding-top: 10px;  
    text-indent: -1em;
    padding-left: 1em;
}

.personalplan .wrap.line1 .image{
    text-align: center;
    margin-top: 36px;   
} 






    
}
