@charset "utf-8";

#content{ padding-top: 20px}
ul.blocks li:hover{ filter:alpha(opacity=80); opacity:0.8; zoom:1;}
ul.blocks{ width: 100%}
ul.blocks img,
.banner img{ width: 100%;}

/*video*/
.visual{ width: 100%; background: #000;}
.visual-inner { width: 100%; padding: 60px 0 0; overflow: hidden; }
.videoarea { position: relative; padding-bottom: 56.25%; height: 0}
.videoarea iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%}


/*link blocks*/
ul.block1 li{ position: relative; width: 49%; float: left; margin-left: 2%; margin-bottom: 2%;}
ul.block1 li:nth-child(2n+1){ margin-left: 0;}
ul.block1 li p { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
    color: #fff; font-size: 1.7rem; text-align: center; line-height: 1.2;}
ul.block1 li p span{ font-size: 60%; display: block; margin-top: 5%}


ul.block2 li{ background: url(../images/graybox.jpg); text-align: left; position: relative; margin-bottom: 40px}
ul.block2 li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
ul.block2 li div{ margin: 0; width: 100%;}
ul.block2 li h3{ margin: 15px 5% 5px; }
ul.block2 li h3::after {/* font-family: "Font Awesome 5 Free"; font-weight: 900; */font: var(--fa-font-solid); content: "\f054"; margin-left: 15px; font-size: 0.9em;}
ul.block2 li .gtx{ padding-bottom: 4%}
ul.block2 li .gtx p{ margin: 0% 5%;}
ul.block2 li:nth-child(even){ display: flex; flex-direction: column-reverse; }

.banner{ text-align: center; clear: both; margin: 0 0 60px;}

@media screen and (min-width: 769px)  {
.visual-inner { max-width: 1080px; overflow: hidden; margin: 0 auto; }
.banner img{ width: 710px;}
}

@media screen and (min-width: 599px)  {
ul.block2 li:nth-child(even){ display: block;}
ul.block2 li{ display: table:}
ul.block2 li div{ display: table-cell; vertical-align: middle; margin: 0; width: 50%;}
ul.block2 li .gtx{ padding: 10px;}

ul.block1 li p { font-size: 2rem;}
ul.block1 li p span{ font-size: 60%;}
}