@charset "utf-8";
/*===========================
add
===========================*/

.dltype1{
    width: 100%;
}
.dltype1 dt{
    width: 8em;
    display: inline-block;
    vertical-align: top;
}
.dltype1 dd{
    position: relative;
    width: calc(100% - 9em);
    display: inline-block;
    vertical-align: top;
}
.dltype1 dd:before{
    position: absolute;
    content: '：';
    left: -1em;
    top: 0;
}

.dltype2{
    width: 100%;
}
.dltype2 dt{
    width: 7em;
    display: inline-block;
    vertical-align: top;
}
.dltype2 dd{
    position: relative;
    width: calc(100% - 8em);
    display: inline-block;
    vertical-align: top;
}
.dltype2 dd:before{
    position: absolute;
    content: '：';
    left: -1em;
    top: 0;
}

.boxFrame2 {
    padding: 2em;
    border: 0px solid #103770;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

@media only screen and (max-width: 600px) {
    .boxFrame2 {
        box-sizing: border-box;
        width: 100%;
        padding: 1em 1em;
    }
}