@charset "UTF-8";
@import url("global.css");
.main_visual {
  background: url(../virtual/img/main.jpg) no-repeat center center;
  background-size: cover; }

ul#list {
  margin: 0 -30px; }
  ul#list img.objectfit {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%; }
  ul#list li {
    width: 33.3333333333%;
    padding: 0 30px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 60px; }
    ul#list li a {
      width: 100%;
      display: block; }
      ul#list li a figure {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease; }
        ul#list li a figure span {
          width: 100%;
          height: 0;
          padding-top: 66.67%;
          position: relative;
          overflow: hidden;
          display: block; }
          ul#list li a figure span img {
            position: absolute;
            left: 0;
            top: 0; }
      ul#list li a h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        text-align: center; }
      ul#list li a table {
        margin: 20px auto;
        width: 100%;
        border-collapse: collapse; }
        ul#list li a table th {
          width: 24%;
          padding: 2px 10px;
          font-size: 13px;
          font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
        ul#list li a table td {
          padding: 2px 10px; }
      ul#list li a .more {
        margin: 0 auto;
        width: 50%;
        height: 46px;
        line-height: 46px;
        display: block;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        background-color: #3D1C0B;
        font-family: "Yu Gothic", "YuGothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
        font-weight: 600; }
      ul#list li a:hover figure {
        opacity: 0.7; }
      ul#list li a:hover .more {
        background-color: rgba(61, 28, 11, 0.8); }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1200px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  ul#list {
    margin: 0 -10px; }
    ul#list li {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 40px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 645px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  ul#list {
    margin: 0; }
    ul#list li {
      width: 100%;
      padding: 0;
      float: none; }
      ul#list li a table {
        margin: 15px auto;
        border-top: 1px dotted rgba(61, 28, 11, 0.1); }
        ul#list li a table th {
          width: 100%;
          display: block;
          padding: 10px 0 5px;
          font-size: 15px; }
        ul#list li a table td {
          width: 100%;
          display: block;
          padding: 0 0 10px;
          border-bottom: 1px dotted rgba(61, 28, 11, 0.1); } }