@charset "utf-8";

#mainTitle.marine{background-image:url(../images/bg_maintitle_marine.jpg);}
#mainTitle.imageinfo{background-image:url(../images/bg_maintitle_imageinfo.jpg);}
#mainTitle.system{background-image:url(../images/bg_maintitle_system.jpg);}

#mainTitle .titBg {
    width: 580px;
}

.localLink.marine li,
.localLink.imageinfo li,
.localLink.system li{
    width:34em;
    max-width: 100%;}

#container section h3{
    font-size:	1.467em;
    font-weight:normal;
    text-align:left;
    margin-bottom:20px;
}

#container section figure {
    text-align:left;
}
#container section figure.pos-cnt {
    text-align: center;
}
#container section figure img {
    width: 100%;
    max-width: 780px;
}
#container section figure figcaption {
    margin: 10px 0;
    text-align: center;
}

.singleImg01{
    margin-right:auto;
}
.singleImg02{
    margin-right:auto;
    overflow:hidden;
}

@media screen and (min-width:768px) {

#container * + .btmLink li a {
    white-space: nowrap;
}

#container section .figureBox {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-width: 780px;
}

#container section .figureBox figure {
    width: 50%;
}
#container section .figureBox figure + * {
    margin-top: 0;
}

}
@media screen and (min-width : 768px) and (max-width : 1139px){
    
}


@media screen and (max-width: 767px) {
    
#container section h3{
    font-size:	1.6rem;
}

#mainTitle .titBg {
    width: 82%;
}

.localLink li a {
    padding: 10px 40px 10px 20px;
}

}