@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *							footer.css
 *
 *-------------------------------------------------------------*/

footer             { background-color: #c6c6c7; padding: 60px 20px 45px; border-width: 3px; border-right-style: none!important; border-left-style: none!important; border-bottom-style: none!important; }
footer > div       { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; position: relative; }

footer .company-info                                { min-width: 360px; }
footer .company-details                             { position: absolute; top: 50px; }
footer .f-catch-copy img                            { width: 100%; max-width: fit-content; }
footer .company-details h3                          { font-size: 87%; font-weight: normal; margin: 41px 0 10px; }
footer .company-details p                           { font-size: 81%; }

footer .f-menu div                                  { display: flex; }
footer .f-menu div ul                               { display: block; }
footer .f-menu div ul:first-child                   { margin-right: 40px; min-width: 150px; }
footer .f-menu div ul:nth-child(2)                  { margin-right: 50px; min-width: 130px; }
footer .f-menu div ul:nth-child(3)                  { margin-right: 0px; min-width: 230px; }
footer .f-menu li:not(.f-menu-index)                { font-size: 76%; }
footer .f-menu .f-menu-index                        { font-size: 160%; line-height: 1; margin-bottom: 30px; }
footer .f-menu .f-menu-index + li:not(.f-menu-index){ margin-top: -20px; }

footer .coop-site-btn                               { margin-top: 20px; }
footer .coop-site-btn > a                           { font-size: 86%; padding: 12px 40px 14px 30px; }
footer .copyright                                   { font-size: 69%; margin-top: 45px; }


/* ---------- ---------- ---------- ---------- ----------
*					page top
* ---------- ---------- ---------- ---------- ---------- */
#pageTop						{ position:fixed; right:41px; bottom:74px; display:inline-block; z-index:200; }
#pageTop a						{ color:#fff; }
#pageTop a:hover				{ opacity: 0.8; }



@media screen and ( max-width:1200px ) {
    footer > div                                    { display: block; }

    footer .company-info                            { min-width: 350px; float: left; }
    /* footer .f-menu                                  { float: left; } */

    footer .f-catch-copy                            { margin-top: 50px; }

}

@media screen and ( max-width:1000px ) {
    footer .f-menu div ul:nth-child(3)                  { min-width: initial; }

    .linkIcon_sdgs_dx img           { display: block; }
    .linkIcon_sdgs_dx a + a         { margin-top: 13px; }

}

@media screen and ( max-width:950px ) {
    footer .company-info                            { float: none; min-width: auto; }
    footer .company-info img                        { width: 137px; height: auto; }
    footer .f-menu                                  { float: none; margin-top: 50px; }
    footer .company-details                         { position: initial; }
}

@media screen and ( max-width:767px ) {
    footer                                          { padding-top: 50px; padding-left: 40px; padding-right: 40px; }

    footer .f-menu div                              { display: block; overflow: hidden; }
    footer .f-menu .f-menu-index                    { float: left; margin-right: 50px; }

    footer .f-menu li:not(.f-menu-index):not(.linkIcon_sdgs_dx)            { display: none; }
    footer .company-details                         { text-align: center; clear: both; }
    footer .coop-site-btn                           { margin-left: auto; margin-right: auto; }

    footer .f-catch-copy img                        { margin: 0 auto; }

    .linkIcon_sdgs_dx                               { display: block; width: 100%; float: right; }
    .linkIcon_sdgs_dx img                           { display: inline-block; }

}

@media screen and ( max-width:400px ) {
    footer                                          { padding-left: 30px; padding-right: 30px; }
    footer .f-menu .f-menu-index                    { font-size: 140%; margin-right: 16px; }
    footer .company-details                         { margin-top: -30px; }

}