.col2 .tile-left, .col2 .tile-right {
  font-size: 22.4px;
  font-size: 1.4rem; }

.col2 .tile-left .tile__txt, .col2 .tile-right .tile__txt {
  margin-top: 10px; }

.col2 .tile-left .head, .col2 .tile-right .head {
  display: block;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold; }

.grad-btn__b .close_btn {
  text-align: center;
  display: block;
  padding: 10px 0;
  /*background: linear-gradient(180deg, #a24e4e, #5f0e0e);*/
  background: #969696;
  color: #fff;
  font-weight: bold;
  font-size: 19.2px;
  font-size: 1.2rem; }
.grad-btn__b a {
  text-align: center;
  display: block;
  padding: 10px 0;
  /*background: linear-gradient(180deg, #a24e4e, #5f0e0e);*/
  background: linear-gradient(180deg, #474747, #000000);
  /*background: #969696;*/
  color: #fff;
  font-weight: bold;
  font-size: 19.2px;
  font-size: 1.2rem; }

.grad-btn__r a {
  text-align: center;
  display: block;
  padding: 10px 0;
  background: linear-gradient(180deg, #a24e4e, #5f0e0e);
  color: #fff;
  font-weight: bold;
  font-size: 19.2px;
  font-size: 1.2rem;
}
.ft-btn-wrap .grad-btn__r a {
  /*background: url("../images/common/btn_text.png"),linear-gradient(180deg, #a24e4e, #5f0e0e);*/
  background: linear-gradient(180deg, #a24e4e, #5f0e0e);
  /*background-size: 100%;
  background-size: contain;
  background-position: center bottom;*/
}
.open .grad-btn__b a {
  background: linear-gradient(180deg, #474747, #000000);}

.mv {
  height: 20.3vh;
  background-image: url("../images/mv.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin: 0 0 77px; }
  .mv img {
    width: 100%; }

.page-ttl {
  width: 138px;
  height: 94px;
  background: linear-gradient(to top right, #333 50%, #3b3b3b 50%, #3b3b3b);
  position: absolute;
  bottom: 0;
  left: 5%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }
  .page-ttl .page-ttl-inner {
    height: 100%;
    position: relative; }
  .page-ttl .page-ttl-txt {
    width: 95%;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    color: #fff;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center; }
    .page-ttl .page-ttl-txt span {
      display: block; }
    .page-ttl .page-ttl-txt .min {
      font-size: 17.6px;
      font-size: 1.1rem; }

  .page-rogo {
	position: absolute;
	bottom: 18VW;
    width: 50%;
    height: 6.5VW;
    right: 2%; }
  .page-yokoku {
	position: absolute;
	bottom: 0px;
    width: 45%;
    right: 2%; 
  -webkit-transform: translateY(110%);
  -ms-transform: translateY(110%);
  transform: translateY(110%); /**/
    /*display: none;*/}
.main-head {
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: bold; }

.sub-head {
  margin-top: 20px;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-weight: bold; }

.text {
  margin-top: 10px; }

.main-img {
  margin-top: 30px; }

.table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px #d7d7d7 solid; }
  .table th, .table td {
    display: block;
    border: 1px #d7d7d7 solid;
    border-bottom: 0;
    padding: 10px 15px; }
  .table th {
    background: #f3f3f3;
    font-weight: bold; }

.frame-img-box {
  border: 1px #bcbcbc solid;
  box-sizing: border-box;
  padding: 15px; }

.num-image {
  position: relative; }
  .num-image .num {
    display: block;
    background: #c30c22;
    color: #fff;
    font-size: 32px;
    font-size: 2.0rem;
    font-weight: bold;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0; }
    .num-image .num span {
      display: inline-block;
      line-height: 1em;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
  .num-image img {
    vertical-align: top; }

.bg-black {
  background: #333;
  color: #fff;
  padding: 30px 0; }

.bg-gray {
  background: #f3f3f3;
  padding: 30px 0; }

.section {
  margin-top: 35px; }

.sub-section {
  margin-top: 30px; }

.container {
  width: 90%;
  margin-right: auto;
  margin-left: auto; }

.ta-c {
  text-align: center; }

@media screen and (min-width: 769px) {
  .col2 {
    font-size: 0; }
    .col2 .main-img, .col2 .sub-head {
      margin: 0; }
    .col2 .tile-left, .col2 .tile-right {
      margin-top: 0;
      font-size: 1.4rem;
      width: 50%;
      vertical-align: middle;
      position: relative; }
    .col2 .tile-left .tile__txt, .col2 .tile-right .tile__txt {
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .col2 .tile-left .head, .col2 .tile-right .head {
      font-size: 2.6rem; }
    .col2 .tile-left {
      float: left; }
      .col2 .tile-left .tile__txt {
        padding-right: 40px; }
    .col2 .tile-right {
      float: right; }
      .col2 .tile-right .tile__txt {
        padding-left: 40px; }
    .col2:after {
      clear: both;
      content: " ";
      display: block; }
    .col2 .col2-inner {
      display: inline-block;
      width: 50%;
      font-size: 1.4rem; }
  .col3 .col3-inner {
    width: 333px;
    margin-right: 40px;
    float: left; }
    .col3 .col3-inner:nth-child(3n) {
      margin-right: 0; }
  .col3:after {
    clear: both;
    content: " ";
    display: block; }
	.grad-btn__b .close_btn {
    padding: 25px 0;
    font-size: 2.2rem; }
  .grad-btn__b a {
    padding: 25px 0;
    font-size: 2.2rem; }
    .grad-btn__b a:hover {
      background: linear-gradient(180deg, #000000, #474747); }
  .grad-btn__r a {
    padding: 25px 0;
    font-size: 2.2rem; }
    .grad-btn__r a:hover {
      /*background: linear-gradient(180deg, #000000, #474747);*/
      background: linear-gradient(180deg, #5f0e0e, #a24e4e); 
	}
	.ft-btn-wrap .grad-btn__r a:hover {
      /*background: url("../images/common/btn_text.png"),linear-gradient(180deg, #5f0e0e, #a24e4e);
  background-size: contain;
  background-position: center bottom;*/
	}
  .mv {
    height: 300px;
    background-image: url("../images/mv.jpg");
    margin: 0 0 126px; }
  .page-ttl-wrap {
    width: 1080px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }
  .page-ttl {
    width: 285px;
    height: 180px;
    left: 0; }
    .page-ttl .page-ttl-txt {
      width: 95%;
      font-size: 3.7rem; }
      .page-ttl .page-ttl-txt .min {
        font-size: 1.8rem;
        padding-top: 8px; }
  .page-rogo {
	position: absolute;
	bottom: 110px;
    width: 337px;
    height: 47px;
    right: 0; }
  .page-yokoku {
	position: absolute;
	bottom: 0px;
    width: 280px;
    height: 64px;
    right: 0px; 
  -webkit-transform: translateY(120%);
  -ms-transform: translateY(120%);
  transform: translateY(120%); }
  .main-head {
    font-size: 2.6rem; }
  .sub-head {
    margin-top: 20px;
    font-size: 1.8rem; }
  .text {
    margin-top: 15px; }
  .main-img {
    margin-top: 45px; }
  .table {
    width: 100%; }
    .table th, .table td {
      display: table-cell;
      padding: 25px 30px; }
    .table th {
      width: 210px;
      box-sizing: border-box; }
  .frame-img-box {
    border: 1px #bcbcbc solid;
    box-sizing: border-box;
    padding: 30px; }
    .frame-img-box .img {
      display: inline-block;
      width: 350px; }
    .frame-img-box .txt {
      display: inline-block;
      width: 630px;
      margin-left: 30px;
      vertical-align: top; }
    .frame-img-box .sub-head {
      margin-top: 0; }
  .img-box {
    font-size: 0; }
    .img-box .img {
      display: inline-block;
      width: 350px; }
    .img-box .txt {
      display: inline-block;
      width: 630px;
      margin-left: 30px;
      vertical-align: top;
      font-size: 1.4rem; }
    .img-box .sub-head {
      margin-top: 0;
      font-size: 1.8rem; }
  .bg-black, .bg-gray {
    padding: 70px 0; }
  .section {
    margin-top: 70px; }
  .sub-section {
    margin-top: 50px; }
  .container {
    width: 1080px; } }