@charset "UTF-8";

/* ---------------------------------------------------

	Layout - All Page Common

--------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	}
/*html,body { height: 100%; }*/
body {
    background: transparent;
    color: rgba(50, 50, 50, 1);
    cursor: default;
    display: block;
    font-family: 'Noto Sans JP',"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    overflow-x: hidden;
    position: relative;
    vertical-align: baseline;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
	}
a { color: rgba(50, 50, 50, 1); }
a,a:hover { text-decoration: none; }
a:link {}
a:visited {}
img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    vertical-align: bottom;
    outline: none;
	}
img:hover { outline: none; }
ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { margin: 0; }
input,select,textarea { font-size: 16px; }
button { cursor: pointer; }
p { font-weight: 700; }

/* ---------------------------------------------------

    Module

--------------------------------------------------- */
/* Text Color */
.tc-gray { color: rgba(50, 50, 50, 1); }
.tc-red { color: rgba(230, 0, 0, 1); }
.tc-green { color: rgba(0, 130, 55, 1); }
.tc-blue { color: rgba(0, 135, 255, 1); }
.tc-white { color: rgba(255, 255, 255, 1); }
/* Background Color */
.bc-gray { background-color: rgba(50, 50, 50, 1); color: rgba(255, 255, 255, 1); }
.bc-red { background-color: rgba(230, 0, 0, 1); color: rgba(255, 255, 255, 1); }
.bc-green { background-color: rgba(0, 130, 55, 1); color: rgba(255, 255, 255, 1); }
/* Font Family */
.en { font-family: 'Josefin Sans', sans-serif; }
.jp-gothic { font-family: 'Noto Sans JP', sans-serif; }
.jp-min { font-family: 'Noto Serif JP', serif; }
/* YouTube */
.ytb { padding: 56.25% 0 0; position: relative; width: 100%; } .ytb iframe { border: none; height: 100%!important; position: absolute; right: 0; top: 0; width: 100%!important; }
/* Anchor */
.anchor { display: block; position: relative; z-index: -1; }
@media screen and (min-width: 751px) { .anchor { margin-top: -100px; padding-top: 100px; } }
@media screen and (max-width: 750px) { .anchor { margin-top: -60px; padding-top: 60px; } }
/* Device */
@media screen and (min-width: 751px) { .sp { display: none; } }
@media screen and (max-width: 750px) { .pc, .tb { display: none; } }
@media screen and (min-width: 1025px) { .tb { display: none; } }
@media screen and (max-width: 1024px) and (min-width: 751px) { .tb { display: block; } }
/* Fade-In */
.fadein {
    opacity: 0;
    position: relative;
    transform: translate(0, 100px);
    transition: all 1s;
    }
.fadein.fdi-on {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
/* IE11_ Huck */
_:-ms-lang(x)::-ms-backdrop, .selector {}

/* ---------------------------------------------------

	Common

--------------------------------------------------- */
/* Body */
#recruit_index { background: transparent linear-gradient(132deg, #0088FF 0%, #0034DE 100%) 0% 0% no-repeat padding-box; }
.recruit_sec {}
/* Banner Newgrad */
.bnr-newgrad {
    position: relative;
    transition: all .5s;
    }
    .bnr-ng-link {
        background-color: rgba(0, 50, 220, 1);
        overflow: hidden;
        position: relative;
        text-align: center;
        box-sizing: border-box;
        }
        .bnr-ng-ttl {
            color: rgba(255, 255, 255, 1);
            font-weight: 200;
            line-height: 1.5;
            position: relative;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 1;
            }
            .bnr-ng-ttl small.en {
                font-size: 30%;
                font-weight: 600;
                }
    /* Banner Newgrad > Scheme - large */
    .bnr-newgrad.large {}
        .bnr-newgrad.large .bnr-ng-link { display: block; }
        .bnr-newgrad.large .bnr-ng-ttl:after {
            background-image: url(/src/img/common/arrow/right-white.png);
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid rgba(255, 255, 255, 1);
            content: '';
            border-radius: 100px;
            }
    /* Banner Newgrad > Scheme - min */
    .bnr-newgrad.min {
        display: inline-block;
        vertical-align: bottom;
        overflow: hidden;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
        }
        .bnr-newgrad.min .bnr-ng-link { display: inline-block; }
    /* Banner Newgrad > Scheme - Second */
    .recruit_sec .bnr-newgrad.min { position: absolute; }
/* Banner Newgrad - Pattern */
.ng-pattern {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    transform: scale(1.2);
    transition: all .5s;
    }
    .ng-pt-item { position: absolute; }
    /* Banner Newgrad - Pattern > Scheme - Banner */
    .bnr-newgrad .ng-pt-item.pt01 { width: 31.4%; left: -3.9%; top: -55.0%; }
    .bnr-newgrad .ng-pt-item.pt02 { width: 10.9%; left: 71.1%; top: -6.3%; }
    .bnr-newgrad .ng-pt-item.pt03 { width: 5.3%; left: 20.5%; top: 60.0%; }
    .bnr-newgrad .ng-pt-item.pt04 { width: 39.1%; left: 80.5%; top: 32.5%; }
    /* Banner Newgrad - Pattern > Scheme - Banner - Large */
    /* Banner Newgrad - Pattern > Scheme - Banner - min */
    .bnr-newgrad.min .ng-pt-item.pt01 { width: 31.4%; left: -13.9%; top: -15%; }
/* Logo */
.com-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .cl-item {
        background-repeat: no-repeat;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        }
    /* Logo > Scheme */
    .cl-item.tdmj-normal { background-image: url(/src/img/common/logo/tdmj-normal.png); }
    .cl-item.tdmj-white { background-image: url(/src/img/common/logo/tdmj-white.png); }
    .cl-item.tdmj-red { background-image: url(/src/img/common/logo/tdmj-red.png); }
    .cl-item.tdmj-blue { background-image: url(/src/img/common/logo/tdmj-blue.png); }
/* Btn Area */
.com-btnarea {
    right: 0;
    z-index: 100;
    transition: all .5s;
    }
    /* Btn Area - Common */
    .cba-item {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all .5s;
        box-sizing: border-box;
        }
    .cba-item:before,
    .cba-item:after {
        content: '';
        position: absolute;
        transition: all .5s;
        }
    .cba-item:before {
        background-image: url(/src/img/common/icon/email-white.png);
        background-repeat: no-repeat;
        top: 50%;
        z-index: 0;
        transform: translateY(-50%);
        }
    .cba-item:after {
        border: 1px solid rgba(255, 255, 255, .5);
        left: 0;
        height: 100%;
        top: 0;
        width: 100%;
        z-index: -1;
        }
    /* Btn Area - Scheme */
    #recruit_index .com-btnarea.upper { position: fixed; }
    .recruit_sec .com-btnarea.upper { position: absolute; }
        .com-btnarea.upper .cba-item:after { box-shadow: 20px -20px 40px rgba(0, 0, 0, .2); }
    .com-btnarea.bottom {}
        .com-btnarea.bottom .cba-item:after { box-shadow: 20px 20px 40px rgba(0, 0, 0, .2); }
    /* Btn Area - Recruit > Scheme - Upper */
    .ls_recruit .com-btnarea.upper .cba-item { color: rgba(255, 255, 255, 1); }
    .ls_recruit .com-btnarea.upper .cba-item:before { background-image: url(/src/img/common/icon/email-white.png); }
    .ls_recruit .com-btnarea.upper .cba-item:after { border-color: rgba(255, 255, 255, .5); }
    .ls_recruit.scrollactive .com-btnarea.upper .cba-item:after {
        background: transparent linear-gradient(117deg, #0088FF 0%, #0034DE 100%) 0% 0% no-repeat padding-box;
        border: none;
        }
    /* Btn Area - Recruit > Scheme - bottom */
    /* Btn Area - Recruit > Scheme - bottom - Index */
    #recruit_index .com-btnarea.bottom .cba-item { color: rgba(255, 255, 255, 1); }
    #recruit_index .com-btnarea.bottom .cba-item:before { background-image: url(/src/img/common/icon/email-white.png); }
    #recruit_index .com-btnarea.bottom .cba-item:after { border-color: rgba(255, 255, 255, .5); }
    /* Btn Area - Recruit > Scheme - bottom - Second */
    .recruit_sec .com-btnarea.bottom .cba-item { color: rgba(0, 136, 255, 1); }
    .recruit_sec .com-btnarea.bottom .cba-item:before { background-image: url(/src/img/common/icon/email-blue.png); }
    .recruit_sec .com-btnarea.bottom .cba-item:after { border-color: rgba(0, 136, 255, 1); }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Banner Newgrad */
.bnr-newgrad {}
    .bnr-ng-link {}
        .bnr-ng-ttl { font-size: 6vw; }
            .bnr-ng-ttl small.en {
                letter-spacing: 3px;
                margin-left: 3px;
                }
    /* Banner Newgrad > Scheme - large */
    .bnr-newgrad.large {}
        .bnr-newgrad.large .bnr-ng-link {
            height: 450px;
            padding: 100px 20px 70px;
            transition-duration: 2s;
            }
        .bnr-newgrad.large .bnr-ng-ttl {}
        .bnr-newgrad.large .bnr-ng-ttl:after {
            background-position: center;
            background-size: 20px;
            height: 60px;
            margin-top: 25px;
            width: 150px;
            transition: all 1s;
            }
        /* Banner Newgrad > Scheme - large > Hover */
        .bnr-newgrad.large a.bnr-ng-link:hover { background-color: #2af499; }
        .bnr-newgrad.large a.bnr-ng-link:hover .bnr-ng-ttl:after {
            border: none;
            box-shadow: 20px 20px 40px rgba(0, 0, 0, .4);
            }
    /* Banner Newgrad > Scheme - min */
    .bnr-newgrad.min {
        left: 0;
        top: 0;
        height: 100px;
        }
        .bnr-newgrad.min .bnr-ng-link { padding: 30px 60px; }
        .bnr-newgrad.min .bnr-ng-ttl { font-size: 30px; }
        /* Banner Newgrad > Scheme - min > Hover */
        .bnr-newgrad.min:hover {
            left: -3px;
            top: -3px;
            box-shadow: 20px 20px 30px rgba(0, 0, 0, .1);
            }
    /* Banner Newgrad > Scheme - Second */
    .recruit_sec .bnr-newgrad.min {
        bottom: 30px;
        left: auto;
        right: 30px;
        top: auto;
        }
/* Btn Area */
    /* Btn Area - Common */
    .com-btnarea { padding: 30px; }
        .cba-item {
            font-size: 25px;
            height: 100px;
            letter-spacing: 5px;
            margin-left: 5px;
            padding-top: 10px;
            width: 300px;
            }
        .cba-item:before {
            background-size: 40px;
            height: 40px;
            left: -20px;
            width: 40px;
            }
    /* Btn Area - Scheme */
    .com-btnarea.upper {}
    .com-btnarea.bottom { position: absolute; }
    /* Btn Area - Recruit > Scheme - Upper */
    .scrollactive .com-btnarea.upper .cba-item {
        font-size: 20px;
        height: 80px;
        width: 250px;
        }
        /* Btn Area - Recruit > Scheme - Upper > Index */
        .ls_recruit#recruit_index .com-btnarea.upper { bottom: 0; }
        .ls_recruit#recruit_index.scrollactive .com-btnarea.upper { bottom: 85vh; }
        /* Btn Area - Recruit > Scheme - Upper > Second */
        .ls_recruit.recruit_sec .com-btnarea.upper { top: 0; }

    /* Btn Area - (Corporate) > Scheme - Bottom */
    .com-btnarea.bottom { top: -100px; }
        .com-btnarea.bottom .cba-item {
            font-size: 20px;
            height: 100px;
            width: 350px;
            }
    /* Btn Area > Hover */
    .cba-item:hover { color: transparent !important; }
    .cba-item.contact:hover:before { background-image: url(/src/img/common/icon/email-white.png) !important; }
    .cba-item:hover:before {
        left: 50%;
        transform: translate(-50%,-50%);
        }
    .ls_recruit.scrollactive .com-btnarea.upper .cba-item:hover:after,
    .cba-item:hover:after {
        background: transparent linear-gradient(117deg, #2af499 0%, #0034DE 100%) 0% 0% no-repeat padding-box;
        border: none;
        left: 50%;
        height: 90px;
        top: 50%;
        width: 90px;
        border-radius: 50%;
        transform: translate(-50%,-50%);
        }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Banner Newgrad */
.bnr-newgrad {}
    .bnr-ng-link {}
        .bnr-ng-ttl { font-size: 10vw; }
            .bnr-ng-ttl small.en {
                letter-spacing: 3px;
                margin-left: 3px;
                }
    /* Banner Newgrad > Scheme - large */
    .bnr-newgrad.large {}
        .bnr-newgrad.large .bnr-ng-link { padding: 60px 20px 60px; }
        .bnr-newgrad.large .bnr-ng-ttl {}
        .bnr-newgrad.large .bnr-ng-ttl:after {
            background-position: center;
            background-size: 15px;
            height: 40px;
            margin-top: 25px;
            width: 40px;
            }
    /* Banner Newgrad > Scheme - min */
    .bnr-newgrad.min { height: 100px; }
        .bnr-newgrad.min .bnr-ng-link { padding: 30px 60px; }
        .bnr-newgrad.min .bnr-ng-ttl { font-size: 20px; }
    /* Banner Newgrad > Scheme - Second */
    .recruit_sec .bnr-newgrad.min {
        bottom: 15px;
        right: 15px;
        }
/* Banner Newgrad - Pattern */
.ng-pattern {}
    /* Banner Newgrad - Pattern > Scheme - Banner - Large */
    .bnr-newgrad.large .ng-pt-item.pt01 { width: 41.4%; left: -3.9%; top: -20%; }
    .bnr-newgrad.large .ng-pt-item.pt04 { width: 49.1%; left: 70.5%; top: 32.5%; }
/* Btn Area */
    /* Btn Area - Common */
    .com-btnarea {}
        .cba-item {
            font-size: 15px;
            letter-spacing: 5px;
            margin-left: 5px;
            padding-left: 10px;
            padding-top: 5px;
            }
        .cba-item:before {
            background-size: 30px;
            height: 30px;
            left: -15px;
            width: 30px;
            }
    /* Btn Area - Scheme - Upper */
    .com-btnarea.upper {
        padding: 20px;
        top: 0;
        }
        .com-btnarea.upper .cba-item {
            height: 60px;
            width: 150px;
            }
        .com-btnarea.upper .cba-item:after { border-radius: 100px; }
    .scrollactive .com-btnarea.upper { padding: 0; }
    .scrollactive .com-btnarea.upper .cba-item {
        font-size: 13px;
        letter-spacing: 3px;
        margin-left: 3px;
        padding-left: 45px;
        }
    .scrollactive .com-btnarea.upper .cba-item:before { left: 25px; }
    .scrollactive .com-btnarea.upper .cba-item:after { border-radius: 0 0 0 100px; }
    /* Btn Area - Scheme - Bottom */
    .com-btnarea.bottom {
        padding: 30px;
        text-align: center;
        }
        .com-btnarea.bottom .cba-item {
            height: 70px;
            width: 250px;
            }
}

/* ---------------------------------------------------

    Header

--------------------------------------------------- */
.gl-header {
    position: relative;
    z-index: 1;
    }
    .h-logoarea { box-sizing: border-box; }
        .hla-dir {}
    .h-catch {}
    /* Header > Corporate */
    .ls_corporate .h-logoarea {}
    .ls_corporate .h-catch {}
    #glnav {}
    #glnav-trigger {}
    /* Header > Recruit */
    /* Header > Recruit - Logo */
    .ls_recruit .h-logoarea {
        background: transparent linear-gradient(117deg, #0088FF 0%, #0034DE 100%) 0% 0% no-repeat padding-box;
        color: rgba(255, 255, 255, 1);
        left: 0;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
        transition: all .5s;
        }
        .ls_recruit .h-logoarea .com-logo {}
        .ls_recruit .hla-dir {
            border-top: 1px solid rgba(255, 255, 255, .5);
            display: inline-block;
            text-align: center;
            vertical-align: bottom;
            }
    /* Header > Recruit - Catch */
    .ls_recruit .h-catch {
        color: rgba(255, 255, 255, 1);
        font-weight: 700;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        transition: all .5s;
        }
    /* Header > Recruit - Index */
    #recruit_index .h-catch { display: none; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.gl-header {}
    .h-logoarea {}
        .hla-dir {}
    .h-catch {}
    /* Header > Corporate */

    /* Header > Recruit */
    /* Header > Recruit - Logo */
    .ls_recruit .h-logoarea {
        height: 150px;
        width: 300px;
        align-items: center;
        }
        .ls_recruit .h-logoarea .com-logo {}
            .ls_recruit .h-logoarea .cl-item.tdmj-white {
                background-size: 200px;
                height: 50px;
                width: 200px;
                }
        .ls_recruit .hla-dir {
            font-size: 18px;
            letter-spacing: 3px;
            margin-left: 3px;
            margin-top: 10px;
            padding-top: 10px;
            }
    /* Header > Recruit - Catch */
    .ls_recruit .h-catch {
        font-size: 20px;
        margin-left: 320px;
        padding-right: 50px;
        padding-top: 60px;
        right: 330px;
        }
}
/* ------------------------------------------------ */
@media screen and (max-width: 830px) {
    /* Header > Recruit - Common */
    /* Header > Recruit - Catch */
    .ls_recruit .h-catch { display: none; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.gl-header {}
    .h-logoarea {}
        .hla-dir {}
    .h-catch {}
    /* Header > Corporate */
    /* Header > Recruit */
    /* Header > Recruit - Logo */
    .ls_recruit .h-logoarea {
        height: 100px;
        padding-left: 20px;
        width: 100px;
        align-items: flex-start;
        border-radius: 0 0 100px 0;
        }
        .ls_recruit .h-logoarea .com-logo {}
            .ls_recruit .h-logoarea .cl-item.tdmj-white {
                background-size: 100px;
                height: 25px;
                width: 100px;
                }
        .ls_recruit .hla-dir {
            font-size: 13px;
            letter-spacing: 4px;
            margin-left: 4px;
            margin-top: 5px;
            padding-top: 5px;
            }
}

/* ---------------------------------------------------

    Intro

--------------------------------------------------- */
#intro {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    /*z-index: -1;*/
    }
#intro:before {
    background-image: url(/src/img/sec/recruit/common/bg-intro.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    z-index: 0;
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.16);
    }
    #int-ttl {
        color: rgba(255, 255, 255, 1);
        position: relative;
        z-index: 1;
        }
        #int-ttl small.en { display: block; }
/* Intro > Index */
#recruit_index #intro { justify-content: flex-start; }
#recruit_index #intro:before {
    right: 0;
    top: 0;
    width: 80%;
    }
/* Intro > Second */
.recruit_sec #intro { justify-content: center; }
.recruit_sec #intro:before {
    left: 50%;
    transform: translate(-50%,-50%);
    }
.recruit_sec #intro:after {
    background: transparent linear-gradient(132deg, #0088FF 0%, #0034DE 100%) 0% 0% no-repeat padding-box;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    }
    .recruit_sec #int-ttl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }
        .recruit_sec #int-ttl small { font-size: 40%; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#intro { height: 100vh; }
/* Intro > Index */
#recruit_index #intro {
    height: 100vh;
    padding-left: 11%;
    padding-top: 10vh;
    }
#recruit_index #intro:before { height: 105vh; }
    #recruit_index #int-ttl {
        font-size: 7vw;
        line-height: 1.35;
        }
        #recruit_index #int-ttl small { font-size: 70%; }
        #recruit_index #int-ttl small.en {
            font-size: 3vw;
            margin-top: 3vh;
            }
/* Intro > Second */
.recruit_sec #intro { padding-top: 5%; }
.recruit_sec #intro:before {
    height: 60vh;
    top: 55%;
    width: 90vw;
    }
.recruit_sec #intro:after { height: 120vh; }
    .recruit_sec #int-ttl {
        font-size: 50px;
        line-height: 1.5;
        }
        .recruit_sec #int-ttl small {
            letter-spacing: 3px;
            margin-left: 3px;
            margin-top: 15px;
            }
        .recruit_sec #int-ttl small.en { margin-top: 0; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Intro > Index */
#recruit_index #intro {
    height: 100vh;
    padding-left: 11%;
    }
#recruit_index #intro:before { height: 90vh; }
    #recruit_index #int-ttl { line-height: 1.35; }
        #recruit_index #int-ttl small { font-size: 70%; }
        #recruit_index #int-ttl small.en { margin-top: 3vh; }
/* Intro > Second */
.recruit_sec #intro {
    height: 100vh;
    padding: 0 30px;
    }
.recruit_sec #intro:before {
    height: 50vh;
    top: 50%;
    width: 60vw;
    }
.recruit_sec #intro:after { height: 150vh; }
    .recruit_sec #int-ttl {
        font-size: 10vw;
        line-height: 1.5;
        }
        .recruit_sec #int-ttl small {
            letter-spacing: 3px;
            margin-left: 3px;
            margin-top: 10px;
            }
        .recruit_sec #int-ttl small.en { margin-top: 0; }
}
/* ------------------------------------------------ */
@media (orientation: portrait) and (max-width: 750px) {
/* Intro > Index */
#recruit_index #intro { padding-top: 10vh; }
    #recruit_index #int-ttl { font-size: 10vw; }
        #recruit_index #int-ttl small.en { font-size: 5vw; }
}
/* ------------------------------------------------ */
@media (orientation: landscape) and (max-width: 750px) {
/* Intro > Index */
#recruit_index #intro { padding-top: 20vh; }
    #recruit_index #int-ttl { font-size: 6vw; }
        #recruit_index #int-ttl small.en { font-size: 3vw; }
}

/* ---------------------------------------------------

    Footer

--------------------------------------------------- */
#gl-footer {
    margin: 0 auto;
    position: relative;
    width: 100%;
    }
    /* Footer > Common */
    .f-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: content-box;
        }
    /* Footer > Common > credit */
    .fb-credit { justify-content: center; }
        .f-logoarea {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-sizing: border-box;
            }
            .fla-dir {
                border-top: 1px solid;
                display: inline-block;
                text-align: center;
                vertical-align: bottom;
                }
        .f-add { text-align: center; }
            .f-add p { font-weight: 500; }
    /* Footer > Common > menu */
    .fb-menu { align-items: flex-start; }
        .f-nav {}
            .f-nav ul {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                justify-content: flex-start;
                }
                .f-nav ul li {}
                    .f-nav ul li a {
                        display: inline-flex;
                        vertical-align: top;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: flex-start;
                        box-sizing: content-box;
                        }
                    .f-nav ul li small { font-family: 'Josefin Sans', sans-serif; }
        .f-copy {
            width: 100%;
            box-sizing: border-box;
            }
            .f-copy p { font-weight: 300; }
    /* Footer > Corporate */
        /* Footer > Corporate - credit */
        /* Footer > Corporate - menu */
    .ls_corporate .f-logoarea {}
        /* Footer > Recruit */
        /* Footer > Recruit - credit */
        .ls_recruit .fb-credit { background: transparent linear-gradient(117deg, #0088FF 0%, #0034DE 100%) 0% 0% no-repeat padding-box; }
            .ls_recruit .f-logoarea { color: rgba(255, 255, 255, 1); }
                .ls_recruit .f-logoarea .com-logo {}
                    .ls_recruit .f-logoarea .cl-item.tdmj-white {}
                .ls_recruit .fla-dir { border-top-color: rgba(255, 255, 255, .5); }
            .ls_recruit .f-add { color: rgba(255, 255, 255, 1); }
        /* Footer > Recruit - menu */
        .ls_recruit .fb-menu {
            background-color: rgba(60, 60, 60, 1);
            color: rgba(255, 255, 255, 1);
            }
            .ls_recruit .f-nav {}
                .ls_recruit .f-nav ul {}
                    .ls_recruit .f-nav ul li {}
                        .ls_recruit .f-nav ul li a { color: rgba(255, 255, 255, 1); }
                        .ls_recruit .f-nav ul li small { color: rgba(160, 160, 160, 1); }
            .ls_recruit .f-copy { background-color: rgba(40, 40, 40, 1); }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#gl-footer {
    display: flex;
    justify-content: center;
    box-sizing: content-box;
    }
    /* Footer > Common */
    .f-block {}
    /* Footer > Common > credit */
    .fb-credit {
        padding: 20px 80px;
        width: 30%;
        }
        .f-logoarea {
            height: 150px;
            width: 300px;
            }
            .f-logoarea .cl-item.tdmj-white {
                background-size: 200px;
                height: 50px;
                width: 200px;
                }
            .fla-dir {
                font-size: 18px;
                letter-spacing: 3px;
                margin-left: 3px;
                margin-top: 10px;
                padding-top: 10px;
                }
        .f-add {}
            .f-add p {
                font-size: 13px;
                line-height: 2;
                }
    /* Footer > Common > menu */
    .fb-menu { width: 70%; }
        .f-nav { padding: 85px 100px; }
            .f-nav ul {}
                .f-nav ul li {}
                    .f-nav ul li a {
                        font-size: 15px;
                        line-height: 1.5;
                        padding: 25px;
                        transition: all .3s;
                        }
                    .f-nav ul li small { font-size: 12px; }
                    .f-nav ul li a:hover { opacity: .6; }
        .f-copy { padding: 30px 60px; }
            .f-copy p {
                font-size: 12px;
                text-align: right;
                }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#gl-footer {}
    /* Footer > Common */
    .f-block {}
    /* Footer > Common > credit */
    .fb-credit { padding: 40px 20px; }
        .f-logoarea { margin-bottom: 20px; }
            .f-logoarea .cl-item.tdmj-white {
                background-size: 200px;
                height: 50px;
                width: 200px;
                }
            .fla-dir {
                font-size: 13px;
                letter-spacing: 4px;
                margin-left: 4px;
                margin-top: 5px;
                padding-top: 5px;
                }
        .f-add {}
            .f-add p {
                font-size: 12px;
                line-height: 1.85;
                }
    /* Footer > Common > menu */
    .fb-menu {}
        .f-nav { padding: 30px; }
            .f-nav ul { justify-content: space-around; }
                .f-nav ul li {}
                    .f-nav ul li a {
                        font-size: 14px;
                        line-height: 1.5;
                        padding: 20px 30px;
                        }
                    .f-nav ul li small { font-size: 11px; }
        .f-copy { padding: 30px; }
            .f-copy p {
                font-size: 11px;
                text-align: center;
                }
}

/* ---------------------------------------------------

    ******

--------------------------------------------------- */
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {}
/* ------------------------------------------------ */
@media (orientation: landscape) and (max-width: 750px) {}
/* ------------------------------------------------ */
@media (orientation: portrait) and (max-width: 750px) {}