@charset "utf-8";

#experience1st{
    width: 100%;
    margin: 0 auto 5em;
    padding: 0;
    box-sizing: border-box;
}
div#experience1stInner{
    width: 100%;
    max-width: 900px;
    margin: 2em auto;
    padding: 0;
    box-sizing: border-box;
}

div.experience1stBox p{
    margin-bottom: 14px;
    color: #555;
}
div.experience1stBoxChild{
    width: 98%;
    margin: 0 auto 1em;
    padding: 1em;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
}
h3.h3-experience{
    font-size: 1.1em;
    font-weight: bold;
    color: #F49813;
    border-bottom: 1px dotted #F49813;
    margin: 0 auto 10px;
}
div.experience1stBoxChild p{
    font-size: 0.95em;
    margin-bottom: 5px;
}
#experience2nd{
    width: 100%;
    margin: 1.5em auto 0;
    padding: 1em 0;
    box-sizing: border-box;
    background: #f1f1f1;
}
div#experience2ndInner{
    width: 100%;
    max-width: 900px;
    margin: 2em auto;
    padding: 0;
    box-sizing: border-box;
}

#experience3rd{
    width: 100%;
    margin: 0em auto 3em;
    padding: 1em 0;
    box-sizing: border-box;
    background: #ddd;
}
div#experience3rdInner{
    width: 100%;
    max-width: 900px;
    margin: 2em auto;
    padding: 0;
    box-sizing: border-box;
}
div.experience3rdBox{
    width: 98%;
    margin: 0 auto 1em;
    padding: 1em;
    box-sizing: border-box;
    background: rgba(255,255,255,0.75);
    box-shadow: 1px 1px 3px #999;
}
.experience3rd-tel span{
    font-size: 2em;
    margin: 0 auto 0 10px;
}
.lineImg{
    text-align: center;
}

.experienceForm{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5em;
    box-sizing: border-box;
}

.experienceFormInner{
    width: 100%;
    max-width: 900px;
    margin: 2em auto;
    padding: 0;
    box-sizing: border-box;
}

@media screen and (max-width : 768px) {
    #experience1st{
        width: 100%;
        margin: 0 auto 0;
    }
    div#experience1stInner{
        width: 96%;
        min-width: auto;
        max-width: auto;
        margin: 2em auto 0;
        padding: 0;
        box-sizing: border-box;
    }
    .messageStyleA{
        text-align: left!important;
    }
    #experience2nd{
        width: 100%;
        margin: 0 auto 0;
        padding: 1em 0;
    }
    div#experience2ndInner{
        width: 94%;
        min-width: auto;
        max-width: auto;
        margin: 2em auto;
        padding: 0;
        box-sizing: border-box;
    }
    #experience3rd{
        width: 100%;
        margin: 0em auto 3em;
        padding: 1em 0;
        box-sizing: border-box;
        background: #ddd;
    }
    div#experience3rdInner{
        width: 94%;
        min-width: auto;
        max-width: auto;
        margin: 1em auto;
        padding: 0;
        box-sizing: border-box;
    }
    div.experience3rdBox{
        width: 98%;
        margin: 0 auto 1em;
        padding: 1em;
        box-sizing: border-box;
        background: rgba(255,255,255,0.75);
        box-shadow: 1px 1px 3px #999;
    }
    .experience3rd-tel span{
        font-size: 2em;
        margin: 0 auto 0 10px;
    }
    .experienceForm{
        padding: 0 0 2.5em;
    }
}