@charset "utf-8";
section.container {
    width: 100%;
    max-width: 1110px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .35) 0 0 10px;
    padding: 2rem 0
}
section.slide {z-index: 9999}
div.title {margin-bottom: 2rem}
div.title>h1 {
    border-bottom: #00a0e9 3px solid;
    font-size: 2.0625rem;
    font-weight: 400;
    color: #00a0e9;
    padding-left: .25rem;
    padding-right: .25rem
}
div.title>h1>i {margin-right: .5rem}

div.list {margin-bottom: 2rem}
div.service {
    display: inline-block;
    text-align: center;
    padding-left: .25rem;
    padding-right: .25rem
}
div.service>p {color: #005293; margin-bottom: 0}
div.service:hover>p {color: #f00}
div.service:hover>figure>figcaption {display: block}
div.service>figure {text-align: center; position: relative; margin-bottom: .5rem}
div.service>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .78);
    position: absolute;
    padding-top: 25%
}
div.service>figure>img {border: #ddd 1px solid}
div.service>figure>figcaption>img {width: 50% !important}

div.editor {padding: 0 1rem}
div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor img {width: auto !important; border: #999 1px solid; margin: .5rem 1rem; padding: .5rem}
div.editor img.img_right {width: 50% !important; float: right}
div.editor table {width: 100% !important}
div.editor ul li {list-style: disc}
div.editor ol li {list-style: decimal}

/*contact*/
dl.contact {margin: 0}
dl.contact>dt {text-align: right; padding-right: 0 !important}
dl.contact>dd {padding-left: 0 !important}
dl.contact>dd.map>iframe {width: 100% !important; border: #666 1px solid}


 @media only screen and (max-width:480px) { #index_contact { display: none; } }


/* dl.news {margin: 0; padding: 0}
dl.news>dd {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    padding-right: 0
}
dl.news>dt {font-weight: 400; color: #005293; margin-bottom: .75rem; padding-bottom: .75rem}
dl.news>dd, dl.news>dt {border-bottom: #ddd 1px solid}
dl.news>dd:nth-last-child(3), dl.news>dt:nth-last-child(2), dl.news>dd:last-child {border-bottom: none}
dl.news>dd:last-child {text-align: right}
dl.news>dd:last-child>a {
    color: #005293;
    text-transform: uppercase;
}
dl.news>dd:last-child>a:hover {color: #f00}
dl.news>dd:last-child>a>i {color: #333} */