.fadein {
    opacity : 0;
    /*transform : translate(0, 30px);*/
    transition:all 0.6s;
}


@keyframes slidein {
    0% {
        opacity : 0;
        transform:translateY(20px);
    }

    100% {
        opacity : 1;
        transform:translateY(0px);
    }
}

.fadein.scrollin {
    /*transform : translate(0, 0);
    animation: slidein forwards;*/
    animation-name: slidein;
    animation-fill-mode: forwards;
    animation-duration: .6s;
}
.sideIn{
    opacity : 0;
    transition:all 0.6s;
}

.sideIn.sideScrollin {
    /*transform : translate(0, 0);
    animation: slidein forwards;*/
    animation-name: sideSlidein;
    animation-fill-mode: forwards;
    animation-duration: .5s;
}




.page-title,
.btn.btn-employee,
.text-primary,
#page-title .tag-title{
    color: #034098!important;
}
.btn.btn-employee:hover {
    background: #034098;
    color: #fff!important;
}
.lh15{
    line-height: 1.5;
}
.page-title {
    border-color: #034098!important;
}
.list-group.list-tag .tag.tag-employee {
    background: #0060bc!important;
}
.list-group.list-tag .tag.tag-hoken {
    background: #4ec979!important;
    width: 200px!important;
}

@media only screen and (min-width: 641px){
    #page-title .tag-title {
        margin-right: 190px;
}
}

.btn.btn-ob {
    color: #F7931E;
}
.tit06,
.tit04{
    color: #034098;
}
.tit04,
.tit06 {
    border-color: #034098;
}
.pageColor {
    color: #ff5c5c;
}
.importantTitle {
    color: #fff;
    background-color: #034098;
    padding: 6px 0;
    position: relative;
    letter-spacing: .08rem;
}
/*
.importantTitle:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 200px 0 0;
    border-color: #ffffff transparent transparent transparent;
}
*/
.gAutoList1 li {
    position: relative;
}
.gAutoList1 li:after{
    content: "";
    background: url(../images/gulliver-auto/arrow.png);
    width: 48px;
    height: 20px;
    background-size: contain;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: -37px;
    top: -12px;
    bottom: 0;
    margin: auto 0;
}
.gAutoList1 li:last-of-type:after {
    display: none;
}
.gAutoList1 h5{
    font-weight: bold;
    color: #ff5c5c;
    border: 2px solid #ff5c5c;
    border-radius: 20px;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
    letter-spacing: .05rem;
    padding-bottom: 4px;
}
.gAutoList1 h5 span{
    position: relative;
    top: 1px;
    left: .5px;
}
.gAutoList1 .font-weight-bold{
    line-height: 1.5;
    color: #333;
    padding-top: 3px;
}
.border-box {
    color: #606060;
    border: 1px solid #606060;
    border-radius: 6px;
}
.gulliverTable {
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    
}
.gulliverTable th {
    text-align: left;
    width: 49%;
    background: #eff1f0;
    padding: 10px 15px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.gulliverTable td {
    padding: 10px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    vertical-align: middle;
}
.gAutoList2 li {
    margin-top: 9px;
}
.gAutoList2 li{
    padding-left: 15px;
    position: relative;
}
.gAutoList2 li.lastType {
    margin-top: 15px;
}
.gAutoList2 li.lastType span {
    position: relative;
    left: -17px;
    display: block;
    margin-bottom: 5px;
}
.gAutoList2 li:before {
    content: "・";
    position: absolute;
    left: -3px;
    top: -2px;
    font-size: 20px;
    font-weight: bold;
}
.gAutoList2 li.lastType:before {
    top:25px;
    display: none;
}
.background-color1 {
    background: #f5f5f5;
}
.link-pdf:after {
    width: 16px;
}

#page-title .tag-title.left-side {
    width: 24.5em;
    text-align: center;
    float: left;
    margin-right: 0;
    margin-top: 5px;
}
/*
#page-title .tag-title {
    float: left;
    margin-right: 0;
    margin-top: 5px;
}
*/
@media only screen and (min-width: 641px){

#page-title .list-group.list-tag {
    right: 115px
        }
    }

#page-title .list-group.list-tag.left-side, 
.panel-inner .list-group.list-tag.left-side {
    font-size: 1.6rem;
    bottom: -45px;
    right: auto;
    left: 235px;
}
.plr3 {
    padding-left: 3px;
    padding-right: 3px;
}
.lh18{
    line-height: 1.8;
}

.importantTitle,
.tit04{
    background: #034098!important;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin: 0;
    width: 100%!important;
}    
.ownerName {
    font-size: 2.2rem;
    font-weight: bold;
}
.ownerName span {
    font-size: 1.6rem;
    font-weight: normal;
    padding-left: 13px;
} 
.kansou {
    font-size: 1.6rem;
}
.attentionText {
    font-size: 1.6rem;
}
.attentionText li {
    padding-left: 15px;
    position: relative;
}
.attentionText li:before {
    content: "・";
    position: absolute;
    left: 0;
}
/* IE11 */ _:-ms-lang(x)::-ms-backdrop, .importantTitle,
.tit04 { padding-top: 10px; }


@media only screen and (max-width: 640px) {
    #page-title .tag-title.sp {
        display: inline-block !important;
        padding-top: 1px;

    }
    #page-title .list-group.list-tag {
        bottom: 0;
        right: 0;
        position: relative;
        margin-bottom: -15px;
        margin-top: -5px;
        margin-left: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
        
    #page-title .tag-title {
        /* font-size: 12px; */
        font-size: 1.2rem;
    }
.list-group.list-tag .tag {
}
.list-group.list-tag .tag.tag-ob,
.list-group.list-tag .tag.tag-employee {
        width: 6.5rem!important;
    font-size: 1.1rem;
    margin-right: 5px;
    }
    .list-group.list-tag .tag.tag-hoken {
        width: 13.5rem!important;
        font-size: 1.1rem;
    }
    #page-title .list-group.list-tag.left-side {
        bottom: -25px;
        right: 4px;
        left: auto;
    }
    .gAutoList1 li:after {
        right: 0;
        top: auto;
        bottom: 10px;
        margin: 0 auto;
        left: 0;
        transform: rotate(90deg)!important;
    }
    .gAutoList2 li:before {
        left: -4px;
        top: -7px;
    }
    .importantTitle,
    .tit04{
        height: 44px!important;
    }  
    .ownerName {
        text-align: center;
    }
    .ownerName span {
        font-size: 1.3rem;
        font-weight: normal;
        padding-left: 0;
        display: block;
        text-align: center;
    }
    .kansou,.attentionText{
        font-size: 1.3rem;
        
}
.list-group.list-tag .tag.tag-hoken {
    background: #4ec979!important;
    margin-right: 5px;
}
    .list-group.list-tag .tag.tag-hoken {
        margin-top: 5px;
        right: 0;
        position: absolute;
        bottom: -26px;
    }
    
    
    #page-title.sp_mb0 {
        margin-bottom: 25px!important;
    }
    
        .list-group.list-tag .tag.tag-ob_member {
    padding-left: .3em;
    padding-right: .3em;
    width: 5.9em;
    margin-right: 5px;
}
}


@media only screen and (min-width: 641px) {
    .list-group.list-tag .tag.tag-hoken {
        width: 261px!important;
        position: absolute;
        right: 0;
        bottom: -36px;
    }
    #page-title .tag-title {
        margin-right: 115px;
    }
    #page-title {
        margin-bottom: 75px;
    }
}

/* IE11 */ _:-ms-lang(x)::-ms-backdrop, .list-group.list-tag .tag.tag-hoken {width: 260px!important; right:-1px;}

@media only screen and (max-width: 640px) {
/* IE11 */ _:-ms-lang(x)::-ms-backdrop, .list-group.list-tag .tag.tag-hoken {bottom:-32px!important;}
}