body {
  font-size: 14px; }

.sp {
  display: none; }

header {
  position: relative;
  background: url("../img/bg_pc.jpg") no-repeat top center;
  background-size: cover;
  height: 100vh; }
  header .ttl h1 {
    position: absolute;
    right: 8%;
    bottom: 25%;
    width: 240px; }
  header .ttl .time {
    position: absolute;
    left: 8%;
    bottom: 16%;
    width: 190px; }
  header .copy {
    position: absolute;
    left: 8%;
    bottom: 30px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #fff; }
  header .line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    margin: 1%;
    width: 98%;
    height: 96%; }

h2 {
  font-family: futura-pt,sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 54px;
  margin-bottom: 20px; }
  h2 span {
    color: #ef8371; }

#profile {
  position: relative;
  background: url("../img/bg_profile_pc.jpg") no-repeat center top;
  background-size: cover;
  height: 70vh; }
  #profile dl {
    position: absolute;
    right: 5%;
    bottom: 15%;
    color: #fff; }
  #profile dt {
    width: 120px;
    margin-bottom: 30px; }
  #profile dd {
    font-size: 12px; }
  #profile .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
    #profile .name span {
      font-size: 12px; }

#news {
  background: #16213d; }
  #news h2 {
    color: #fff; }
  #news .warp {
    margin: 0 6%;
    padding: 30px 0; }
  #news ul {
    overflow: hidden; }
  #news li {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px; }
    #news li p {
      font-size: 16px;
      line-height: 1.5;
      color: #fff; }
    #news li span {
      font-family: futura-pt,sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      letter-spacing: 1px; }
    #news li a {
      display: block; }
  #news li:nth-child(3n) {
    margin-right: 0; }
  #news .link {
    text-align: center;
    padding: 40px 0; }
    #news .link a {
      display: block;
      background: #fff;
      color: #16213d;
      font-size: 14px;
      width: 40%;
      padding: 15px 0;
      margin: 0 auto;
      border-radius: 4px; }

#radio {
  background: #fff;
  padding: 30px 0; }
  #radio .warp {
    margin: 0 6%;
    display: table;
    margin: 0 auto; }
  #radio a {
    display: table-cell;
    text-align: center;
    font-size: 13px;
    padding: 0 20px; }
    #radio a img {
      height: 35px; }

#flink {
  background: #2a323c; }
  #flink .warp {
    margin: 0 6%;
    padding: 30px 0;
    overflow: hidden; }
  #flink .contact {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #636f81;
    padding: 80px 0; }
    #flink .contact p {
      margin-bottom: 10px;
      color: #fff; }
    #flink .contact a {
      display: block;
      color: #fff;
      border: 1px solid #fff;
      padding: 15px;
      width: 60%;
      margin: 0 auto; }
    #flink .contact a:hover {
      background: #fff;
      color: #16213d; }
  #flink .twitter {
    width: 48%;
    float: right; }
  #flink .bnr {
    width: 48%;
    float: left; }