body {
    background-color: #ffffff;
    color: #222222;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    justify-content: center;
    display: flex;
}

div {
    line-height: 11px;
}

main {
    display: flex;
}

#footer-mobile {
    display: none;
}

.container {
    width: 800px;
    display: flex;
    height: fit-content;
}

#side-shadow-l {
    background-image: url(../images/side_shadow_l.jpg);
    width: 20px;
}

#side-shadow-r {
    background-image: url(../images/side_shadow_r.jpg);
    width: 20px;
}

#section-header-1 {
    margin-top: 9px;
}

#section-header-1-l {
    width: 530px;
    float: left;
    height: 77px;
}

#section-header-1-l img {
    margin-top: 3px;
}

#section-header-1-r {
    width: 230px;
    float: right;
}

.menu-section-header-1 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    /*width: 420px;*/
    height: 18px;
    line-height: 18px;
}

.menu-section-header-1 li {
    float: left;
    list-style: none;
    padding-right: 5px;
}

.menu-section-header-1 img {
    margin-top: 4px;
}

.menu-section-header-1 a {
    transform: translateX(-2px);
}

.image-section-header-1 {
    text-align: center;
    height: 55px;
    background: rgb(230, 230, 230);
    margin-top: 5px;
}

#header-contact-btn {
    padding-top: 2px;
}

.menu-section-header-2 {
    list-style-type: none;
    margin-top: -2px;
    margin-bottom: -12px;
    padding: 0px;
    overflow: hidden;
}

.menu-section-header-2 div {
    float: left;
}

#section-header-3 {
    margin-top: 14px;
}

.section-header-breadcrumb-menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    height: 22px;
    line-height: 15px;
}

.section-header-breadcrumb-menu li {
    float: left;
    list-style: none;
}

#mainNav {
    display: none;
}

.main-content-l {
    margin-top: 3px;
}


.col-2 {
    float: left;
}

.col-3 {
    float: left;
}

.main-section-2 {
    margin-top: 6px;
}

.main-content-2 {
    float: left;
    width: 100%;
}

.main-content-2-l {
    width: 12px;
    height: 16px;
    background-image: url(../images/h2_icon5.gif);
}

.img-content-3 {
    margin-top: 2px;
    margin-bottom: 6px;
    width: 100%;
    height: 5px;
    border: 0px;
    background-image: url(../images/dotkei_540.gif);
}

.main-content-l {
    width: 760px;
}

.image-index-title {
    margin-bottom: 10px;
    display: flex;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 4px;
}

.image-index-title h1 {
    margin-top: 5px;
    margin-left: 2px;
}

.main-content-l-l {
    width: 30px;
}

.text-content-3 {
    margin-bottom: 20px;
}

.l13-index {
    font-size: 13px;
    line-height: 18px;
    padding-left: 12px;
}

.time-index {
    font-size: 13px;
    line-height: 18px;
    padding-left: 12px;
}

.time-index-end {
    font-size: 13px;
    line-height: 18px;
    padding-left: 2px;
}

.content-time-index {
    font-size: 13px;
    line-height: 18px;
}

.content-time-index-2 {
    padding-left: 0px;
    font-size: 13px;
    line-height: 18px;
}
.content-time-index-2-number {
    padding-left: 10px;
    font-size: 13px;
    line-height: 18px;
}
.content-time-index-number {
    padding-left: 6px;
    line-height: 18px;
}
.time-index-2 {
    padding-left: 30px;
    font-size: 13px;
    line-height: 18px;
}
.content-time-index-3 {
    padding-left: 11px;
    font-size: 13px;
    line-height: 18px;
}
.content-time-index-4 {
    padding-left: 2px;
    font-size: 13px;
    line-height: 18px;
}
.content-time-index-5 {
    padding-left: 12px;
    font-size: 13px;
    line-height: 18px;
}

footer {
    margin-top: 20px;
    border-top: 1px solid #c3b9b9;
}

#footer-l, #footer-l-pc {
    width: 320px;
    margin-top: 5px;
}

.footer {
    float: left;
}

#footer-center, #footer-center-pc {
    width: 20px;
    height: 5px;
}

#footer-r {
    width: 420px;
    float: left;
}

#footer-r-pc {
    width: 420px;
    float: left;
    margin-top: 2px;
    margin-bottom: 20px;
}

.menu-footer {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 420px;
}

.menu-footer li {
    float: left;
    list-style: none;
}

.menu-footer li img {
    padding-top: 3px;
}

.menu-footer-first {
    width: 10px;
    height: 5px;
}

.copyright {
    font-size: 10.4px;
    color: #222222
}


/* media screen mobile */
@media screen and (min-width: 481px) and (max-width: 799px) {
    .container {
        width: 100%;
    }

    .col-3 {
        float: left;
    }

    .col-2 {
        float: left;
    }

    .side-shadow {
        height: 100%;
        width: 2.5%;
    }

    #side-shadow-l {
        background-image: url(../images/side_shadow_l.jpg);
    }

    #side-shadow-r {
        background-image: url(../images/side_shadow_r.jpg);
    }

    #section-header-1 {
        margin-top: 10px;
    }

    #side-shadow-center {
        width: 95%;
    }

    #section-header-1-l {
        width: 140px;
        float: left;
        height: 77px;
    }

    #section-header-1-l img {
        width: 100%;
    }

    #section-header-1-r {
        width: alc(100% -140px);
        float: right !important;
    }

    #section-header-3 {
        margin-top: 5px;
    }

    .content-section-header-1 {
        width: 230px;
    }

    .menu-section-header-1 {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        width: 100%;
        height: 18px;
        line-height: 18px;
    }

    .menu-section-header-1 li {
        float: left;
        list-style: none;
        padding-right: 5px;
    }

    .menu-section-header-1 li a {
        text-align: center;
    }

    .menu-section-header-1-first {
        max-width: 1px;
        height: 5px;
    }

    .image-section-header-1 {
        text-align: center;
        height: 59px;
    }

    #header-contact-info {
        margin-top: 4px;
    }

    #menu-section-header-2 {
        display: none;
    }

    .main-content-l {
        max-width: 100%;
    }

    #index_title {
        /*width: 100%;*/
    }

    .main-section-2 {
        max-width: 760px;
    }

    .main-section-2-index {
        max-width: 700px !important;
    }

    .main-content-2 {
        float: none;
    }

    .main-content-2-l {
        width: 2.2%;
        height: 16px;
    }

    .main-content-2-r {
        width: 97.8%;
    }

    .main-content-3 {
        width: 100%;
        margin-bottom: 20px;
    }

    #footer-l, #footer-l-pc {
        width: 100%;
    }

    #footer-center, #footer-center-pc {
        width: 100%;
        height: 5px;
    }

    #footer-r, #footer-r-pc {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .footer {
        float: left;
        margin-bottom: 0px;
    }

    footer {
        margin-bottom: 20px;
        border-top: 1px solid #c3b9b9;
    }

    .menu-footer {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        width: 50%;
    }

    .menu-footer li {
        float: left;
        list-style: none;
    }

    .menu-footer li img {
        padding-top: 1px;
    }

    .menu-footer-first {
        width: auto;
    }

    .menu-footer li a {
        text-align: center;
    }

    .menu-footer-text {
        width: 92%;
        margin-top: -2px;
    }

    #footer-mobile {
        display: block;
        margin-bottom: 20px;
    }

    #footer-pc {
        display: none;
    }
}

/* end css mobile */

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

    main {
        display: block;
    }

    .container {
        width: 100%;
    }

    .col-3 {
        float: left;
    }

    .col-2 {
        float: left;
    }

    .side-shadow {
        height: 100%;
        width: 2.5%;
    }

    #side-shadow-l {
        background-image: url(../images/side_shadow_l.jpg);
    }

    #side-shadow-r {
        background-image: url(../images/side_shadow_r.jpg);
    }

    #section-header-1 {
        margin-top: 10px;
    }

    #side-shadow-center {
        width: 95%;
    }

    #section-header-1-l {
        width: 29%;
        float: left;
        height: 77px;
    }

    #section-header-1-l img {
        width: 100%;
    }

    #section-header-1-r {
        /* width: 71%; */
        float: right !important;
    }

    #section-header-3 {
        margin-top: 5px;
    }

    .content-section-header-1 {
        width: 230px;
    }

    .menu-section-header-1 {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        width: 100%;
        height: 18px;
        line-height: 18px;
    }

    .menu-section-header-1 li {
        float: left;
        list-style: none;
        padding-right: 5px;
    }

    .menu-section-header-1 li a {
        text-align: center;
    }

    .menu-section-header-1-first {
        max-width: 1px;
        height: 5px;
    }

    .image-section-header-1 {
        text-align: center;
        height: 59px;
    }

    .title-contact-pc {
        display: none;
    }

    .title-contact-mobile {
        display: block;
    }

    #header-contact-info {
        margin-top: 4px;
    }

    #menu-section-header-2 {
        display: none;
    }

    .main-content-l {
        max-width: 100%;
    }

    #index_title {
        /*width: 100%;*/
    }

    .main-section-2 {
        max-width: 540px;
    }

    .main-content-2 {
        width: 100%;
    }

    .main-content-2-l {
        width: 3.2%;
        height: 16px;
    }

    .main-content-2-r {
        width: 96.8%;
    }

    .main-content-2-r span h2 {
        font-size: 13px;
    }

    .main-content-3 {
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
    }

    .line-index {
        display: none;
    }

    #footer-l, #footer-l-pc {
        width: 100%;
    }

    #footer-center, #footer-center {
        width: 100%;
        height: 5px;
    }

    #footer-r, #footer-r-pc {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .footer {
        float: left;
    }

    footer {
        margin-bottom: 20px;
        border-top: 1px solid #c3b9b9;
    }

    .menu-footer {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        width: 100%;
    }

    .menu-footer li {
        float: left;
        list-style: none;
    }

    .menu-footer li img {
        padding-top: 1px;
    }

    .menu-footer li a {
        text-align: center;
    }

    .menu-footer-text {
        width: 93%;
        margin-top: -2px;
    }

    #sidemenu-bottom {
        display: none;
    }

    .menu-footer-first {
        width: auto;
    }

    #footer-center, #footer-center-pc {
        margin-bottom: 0px;
    }

    #footer-mobile {
        display: block;
        margin-bottom: 20px;
    }

    #footer-pc {
        display: none;
    }
}

@media only screen and (max-width: 799px) {
    nav#mainNav {
        display: block;
        margin-top: -8px !important;
        clear: both;
        width: 100%;
        margin: 0px auto;
        padding: 0px;
        color: #fff;
        background: #6E8CD2;
    }

    nav#mainNav a.menu {
        width: 100%;
        display: block;
        height: 25px;
        line-height: 34px;
        font-weight: bold;
        text-align: left;
        color: #fff;
        text-decoration: none;
    }

    nav#mainNav a span:before {
        content: "≡ ";
    }

    nav#mainNav a.menuOpen span:before {
        content: "× ";
        font-size: 18px;
    }

    nav#mainNav a#menu:hover {
        cursor: pointer;
    }

    nav .panel {
        display: none;
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
        z-index: 1;
    }

    nav#mainNav ul {
        margin: 0px;
        padding: 0px;
    }

    nav#mainNav ul li {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        line-height: 1.2;
    }

    nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
        display: block;
        padding: 3px 0px;
        text-align: left;
        border-bottom: 1px dashed #ffffff;
        color: #fff;
        text-decoration: none
    }

    nav#mainNav ul li a span {
        padding-left: 10px;
    }

    nav#mainNav ul li:first-child a {
        border-top: 1px dashed #ffffff;
    }

    nav#mainNav ul li:last-child a {
        border: 0px;
    }

    /* nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
    background:#eee;
    } */
    nav div.panel {
        float: none;
    }

    #topnav li {
        list-style-type: none;
    }

    #topnav .active strong {
        color: #D9F2D0 !important;
    }


    main {
        margin-bottom: 20px;
    }

    .section-header-breadcrumb-menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        height: 20px;
        line-height: 15px;
    }

    .section-header-breadcrumb-menu li {
        float: left;
        list-style: none;
    }

    .section-header-breadcrumb-menu li a {
        text-align: center;
    }
}