@charset "utf-8";
/* CSS Document */
/*============================
#contentMain
============================*/
#contentMain {
    position: relative;
    clear: both;
}
#contentMain .logo {
    position: absolute;
    top: 52px;
    left: 97px;
}
#contentMain .txt01 {
    padding: 52px 0 0 299px;
    position: relative;
}
#contentMain .title {
    padding: 64px 0 0 224px;
    position: relative;
}
/*============================
#contentWrapper
============================*/
#contentWrapper {
    clear: both;
    position: relative;
    top: -99999px;
}
/*============================
#contentLink
============================*/
#contentInner #contentLink {
    text-align: center;
    padding: 73px 0 38px;
    margin: 0 -20px;
}
#contentLink .linkBox {
    position: relative;
    display: inline-block;
    width: 288px;
    height: 288px;
    vertical-align: top;
    margin: 0 17px;
}
#contentLink .linkBox a,
#contentLink .linkBox .box {
    position: relative;
    display: block;
}
#contentLink .linkBox01 .txt {
    margin: -20px 0 17px 48px;
    display: block;
}
#contentLink .linkBox01 .img {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 0 62px;
}
#contentLink .logo {
    position: relative;
    z-index: 1;
    margin: 42px 41px 33px;
}
#contentLink .txt {
    position: relative;
    z-index: 1;
}
#contentLink .bg {
    position: absolute;
    top: 0;
    left: 0;
}
#contentLink .ref {
    position: absolute;
    top: 288px;
    left: 0;
}
#contentLink .ov,
#linkHistory .ov {
    position: absolute;
    top: -99999px;
    left: 0;
    z-index: 1;
}
#contentLink .refOv {
    margin-top: 288px;
}
#contentLink .linkBox02 .logo {
    margin-bottom: 13px;
}
#contentLink .linkBox02 .img {
    position: relative;
    z-index: 2;
    margin: 16px 0 0;
}
#contentLink .linkBox03 .logo {
    margin-bottom: 13px;
}
#contentLink .linkBox03 .img {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 0;
    display: block;
}
#contentLink .linkBox03 .txt {
    margin: 5px auto 19px;
    display: block;
    text-align: left;
    padding: 0 0px 0 0;
}
#contentLink .linkBox03 .txt02 {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 0 61px;
    text-align: left;
}
.popup_wrapper {
    position: absolute;
    top: -99999px;
}
/*============================
#linkHistory
============================*/
#contentWrapper #linkHistory {
    width: 227px;
    margin: 0 auto 60px;
    position: relative;
}
#linkHistory a {
    display: block;
}
#linkHistory .refOv {
    margin-top: 226px;
}
/*  */
.modal__close-btn {
    width: 75px;
    height: 76px;
    overflow: hidden;
    margin: -75px 0 0;
}
.modal__movie {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.62);
}
@media screen and (max-width:736px) {
    /* #contentMain */
    #contentMain .logo {
        width: 25.467%;
        position: static;
        margin: 0 auto;
        padding: 11.7% 0 0 1%;
    }
    #contentMain .txt01 {
        padding: 6.933% 0 0 39.867%;
    }
    #contentMain .title {
        padding: 2.433% 0 0 13.067%;
        width: 73.6%;
    }
    /* #contentLink */
    .jump-pagetop {
        position: relative;
    }
    #contentInner #contentLink {
        padding: 8.533% 0 0.1%;
        margin: 0 -2.667%;
    }
    #contentLink .linkBox {
        margin: 0 2.267% 7.852%;
        width: 59.505%;
        height: 0;
        padding: 0 0 59.505%;
    }
    #contentLink .linkBox01 .txt {
        margin: 4.833% 0 2.267% 15.9%;
        width: 66.667%;
    }
    #contentLink .linkBox01 .img {
        margin: 6% 0 0 21.167%;
        width: 58.102%;
    }
    #contentLink .logo {
        margin: 14.8% 5.467% 0;
        width: 32.83%;
    }
    #contentLink .ref {
        top: 100%;
    }
    #contentLink .refOv {
        margin-top: 38.400%;
    }
    #contentLink .linkBox02 .logo {
        margin-bottom: 1.733%;
    }
    #contentLink .linkBox02 .txt {
        width: 73.38%;
        margin: 3% 0 3.7%;
    }
    #contentLink .linkBox02 .img {
        margin: 2.133% 0 0;
        width: 55.788%;
    }
    #contentLink .linkBox03 .logo {
        margin-bottom: 1.733%;
    }
    #contentLink .linkBox03 .img {
        margin: 0 auto;
        padding: 0;
        width: 49.769%;
    }
    #contentLink .linkBox03 .txt {
        margin: 4.867% auto 6.233%;
        padding: 0;
        width: 20.602%;
    }
    #contentLink .linkBox03 .txt02 {
        margin: 0 0 0 8.133%;
    }
    /* #linkHistory */
    #contentWrapper #linkHistory {
        margin: 0 auto 8.000%;
    }
    #linkHistory .refOv {
        margin-top: 30.133%;
    }
    /*  */
    .modal__close-btn {
        width: 57px;
        height: 57px;
        margin: -57px 0 0;
    }
}
@media (hover:hover) {
    .modal__close-btn:hover img {
        transform: translateY(-53%);
    }
}