a {
  display: block;
  width: 100%; /*画像サイズ*/
  height: 100%;/*画像サイズ*/
  text-align: center;
  color: #000000;
}
a:hover{
color:#FFA20D;
text-decoration:none;
}


.meesage{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .meesage::before {
        content: '';
        background: url('../photo/GENIUS_message.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }

.service{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .service::before {
        content: '';
        background: url('../photo/GENIUS_service.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }

.recruit{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .recruit::before {
        content: '';
        background: url('../photo/GENIUS_recruit.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }

.office{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .office::before {
        content: '';
        background: url('../photo/GENIUS_office.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }

.partner{
  z-index:0;
  overflow: hidden;
  background-color: rgb(0,0,0);/*半透明カラーの色*/
}

    .partner::before {
        content: '';
        background: url('../photo/GENIUS_partner.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }



/*.office::before{
  content: '';
  background: url('../photo/Company_landscape.png');
  opacity: 1.0;
  filter: blur(0px);
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  z-index: -1;
  background-size: cover;
  background-position: 50% 50%;
}*/

.link_box {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  margin: 0.25em 0;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.52);

}
@media screen and (max-width: 991px) {
    .link_box {
    }
}
@media screen and (max-width: 767px) {
    .link_box {
    }
}
@media screen and (max-width: 567px) {
    .link_box {
    }
}

.link_normal_text {
margin-top: 10%;
  text-align: center;
  color: #FFA20D;

}
.link_margin {
margin-top: -0%;
}
@media screen and (max-width: 567px) {
    .link_margin {
    margin-top: 0%;
    }
}

.link_voice {
    z-index: 0;
    overflow: hidden;
    background-color: rgb(0,0,0); /*半透明カラーの色*/
}

    .link_voice::before {
        content: '';
        background: url('../photo/GENIUS_voice.png'); /*背景画像のURL*/
        opacity: 1; /*半透明カラーの透明度*/
        filter: blur(0px); /*ぼかし度*/
        position: absolute;
        /* 参考: http://designcolor-web.com/2016/09/14/css-blur-effects-background/*/
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
    }