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

/*メインここから*/
    
.outline01 {
    margin: 15px 0 0 0;
}
    
    
.outline01 dt,
.outline02 dt{
    width: 23.25%;
    color:#628fe2;
    clear: both;
    float: left;
    padding: 20px 0;
}

.outline01 dd,
.outline02 dd {
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 30%;
    width: 70%;
}

.outline01 dd:last-child,
.outline02 dd:last-child {
    height: 110px;
}
    
.outline02 dd:last-child{
    height: 110px;
    border-bottom: none;
    width: 76.75%;
}    

.directors {
    float: left;
    /*padding: 0 10px 0 0;*/
    list-style:none;
}
    
.persons{
    width: 88%;
    text-align: right;
    list-style:none;
    /*padding: 0 150px 0 0;*/
}    
    

.mapArea img {
    border:1px solid #ccc;
    width: 100%;
    max-width: 98%;
    margin: 30px auto 20px;
}

.mapArea iframe {
    width: 100%;
    max-width: 98%;
    margin: 0 auto;
}

.messageImage img{
    display: block;
    max-width: 90%;
    margin: 20px auto;
    height: 37px;
}

.subtitle02 {
    font-size:13px;
    margin: 20px 0px 35px;
    color: #628fe2;
    line-height: 1.8;
    font-weight: bold;
}
    
.subtitle02 li {
    margin-bottom: 8px;
    padding-left: 14px;
    text-indent: -14px;
}

.messageHeader {
    font-size:1.4em;
    margin: 20px 0px;
    color: #628fe2;
    font-weight: bold;
}

.messageText {
    width: 100%;
    margin: 0 40px 0 0;
    font-size: 14px;
}

.messageP {
    margin: 0 0 20px 0;
    line-height: 1.8;
}

.message img {
    max-width: 80%;
}




    
}