@charset "utf-8";
@media screen and (min-width: 0px) {
  .ps_r img {
    width: 244px;
    margin-top: 5px;
  }
  .media_box a {
    text-decoration: underline;
  }
  .media_box a:hover {
    text-decoration: none;
  }
  /* =======================
		container
========================== */
  #sub_container {
    width: 100%;
  }
  .sub_fv {
    margin-top: 10px;
  }
  /* =======================
		logo
========================== */
  #header p.h1 {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    width: 399px;
  }
  #header #header_r {
    bottom: 45px;
  }
  /* =======================
		gnav
========================== */
  #gnav ul li {
    height: 45px;
  }
  /* =======================
		topicpath
========================== */
  #sub_container .topicpath_box {
    width: 90%;
    margin: auto;
  }
  #sub_container .topicpath {
    width: 100%;
    height: 19px;
    margin: 0 auto;
    padding: 6px 0 0 0;
    color: #999999;
  }
  #sub_container .topicpath li {
    float: left;
  }
  #sub_container .topicpath a:link,
  #sub_container .topicpath a:visited {
    color: #999999;
  }
  /* =======================
		sub_container
========================== */
  #sub_container .container_box {
    width: 100%;
    background-color: #202020;
  }
  #sub_container #container {
    width: 90%;
    margin: 0 auto 50px;
    padding: 50px 0;
  }
  /* =======================
		container
========================== */
  #container .media_box {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #666666;
  }
  #container .media_box p {
    width: 100%;
  }
  #container .media_box p a {
    width: 100%;
  }
  #container .media_box p img {
    width: 100%;
    margin-bottom: 20px;
  }
  #container .media_box dl dt {
    border-bottom: dotted 1px #666666;
    padding-bottom: 8px;
    margin-bottom: 13px;
  }
  #container .media_box dl .right_txt {
    float: right;
  }
  #container .media_box dl dd ul {
    line-height: 1.9;
  }
  #container .media_box dl dd ul .media_name {
    font-weight: bold;
    vertical-align: top;
    margin-bottom: 20px;
  }
  #container .media_box dl dd span a,
  #container .media_box dl dd span a:visited {
    color: #fff;
    text-decoration: underline;
  }
  #container .media_box dl dd span a:hover {
    text-decoration: none;
  }
  .link {
    margin-bottom: 20px;
  }
  .news-label {
    background-color: #760006;
    color: #fff;
    padding: 2px 15px;
    margin-right: 10px;
  }
  a .ex_link {
    width: 0.9em;
    height: 0.9em;
    padding: 0 0 3px;
    vertical-align: middle;
    margin-left: 3px;
  }
}
@media screen and (min-width: 768px) {
  #container .media_box {
    display: flex;
    justify-content: space-between;
    gap: 40px;  
  }
  #container .media_box p {
    width: 40%;
  }
  #container .media_box p img {
    margin-bottom: 0;
  }
  #container .media_box dl {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  #sub_container .topicpath {
    width: 980px;
  }
  #sub_container #container {
    width: 980px;
  }
}