@charset "UTF-8";
.tk3_kv {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-image: url("../tk3/image/train3_icon_pc.jpg");
  height: 55vw;
  background-position: center; }
  @media screen and (max-width: 1000px) {
    .tk3_kv {
      height: 120vw;
      background-image: url("../tk3/image/train3_icon_sp.jpg"); } }

.tk3_logo {
  text-align: center; }
  .tk3_logo img {
    margin: auto;
    margin-top: 80px;
    width: 60vw; }
    @media (max-width: 1000px) {
      .tk3_logo img {
        width: 80vw;
        margin-top: 25vw; } }

.info {
  position: relative;
  z-index: 50;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), black 69%);
  padding: 20px 0;
  margin-top: -10vw;
  color: #FFF; }
  @media screen and (max-width: 1000px) {
    .info {
      margin-top: -25vw; } }

main .under {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-image: none; }

.bg-a {
  background-image: url("../tk3/image/train3_main.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  padding: 20px 0; }

.tk3_train-list {
  width: 990px;
  margin: auto;
  background-color: #9F823F;
  border-top: 20px solid #333333;
  border-bottom: 20px solid #333333;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
  /*影*/ }
  .tk3_train-list p {
    font-size: 12px;
    color: #fff;
    column-count: 2;
    padding: 20px 20px;
    margin: 0px !important; }
  @media screen and (max-width: 1000px) {
    .tk3_train-list {
      width: 80%; }
      .tk3_train-list p {
        font-size: max(1.2vw, 12px);
        column-count: 1; } }

.tk3_frame {
  width: 990px;
  margin: auto;
  border: 5px solid #333333;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
  /*影*/
  color: #333333; }
  .tk3_frame p {
    font-size: 12px;
    padding: 20px 20px;
    margin: 0px !important; }
  .tk3_frame img {
    padding: 20px 20px;
    width: calc(100% - 40px); }
  @media screen and (max-width: 1000px) {
    .tk3_frame {
      width: 80%; }
      .tk3_frame p {
        font-size: max(1.2vw, 12px); } }

.tk3_pk {
  margin: auto;
  display: block; }

.detail.btn.btn-flat {
  width: 95%; }

.section-temp {
  padding-top: 50px; }
  .section-temp img.big {
    width: 100%; }
  .section-temp ._product {
    display: flex;
    margin-bottom: 30px; }
    .section-temp ._product figure {
      width: 250px; }
      .section-temp ._product figure img {
        width: 185px; }
    .section-temp ._product dl {
      width: calc(100% - 250px); }
      .section-temp ._product dl dt {
        margin-bottom: 30px;
        font-size: 30px; }
      .section-temp ._product dl dd {
        position: relative; }
        .section-temp ._product dl dd ._links {
          display: flex;
          justify-content: space-between; }
          .section-temp ._product dl dd ._links li {
            width: 48.5%; }

@media screen and (max-width: 1000px) {
  .section-temp {
    padding-top: 5vw;
    padding-bottom: 0vw; }
    .section-temp figure {
      margin-bottom: 0; }
    .section-temp ._product {
      flex-direction: column; }
      .section-temp ._product figure {
        width: 100%;
        text-align: center;
        margin-bottom: 10vw; }
        .section-temp ._product figure img {
          width: 50vw; }
      .section-temp ._product dl {
        width: 100%; }
        .section-temp ._product dl dt {
          text-align: center; }
        .section-temp ._product dl dd ._links {
          flex-direction: column; }
          .section-temp ._product dl dd ._links li {
            width: 100%;
            margin-bottom: 2.5vw; }
          .section-temp ._product dl dd ._links._bottoms {
            margin-top: 0; } }
.btn-product {
  position: relative;
  display: block;
  background: #9F823F;
  color: #fff !important;
  text-decoration: none;
  padding: 15px 15px;
  line-height: 1; }
  .btn-product h4 {
    font-size: 2.4rem; }
    @media screen and (max-width: 1000px) {
      .btn-product h4 {
        font-size: 1.4rem; } }
    .btn-product h4 span {
      font-size: 1.4rem; }
  .btn-product:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out; }
  .btn-product:hover {
    background: #FFF;
    color: #333333 !important; }
    .btn-product:hover:after {
      border-top: 3px solid #333333;
      border-right: 3px solid #333333; }

ul {
  list-style: none; }

.tk3_contents {
  color: #FFF;
  background: #333333;
  border-top: 30px dashed #9F823F;
  border-bottom: 30px dashed #9F823F; }

.bg.product h2 {
  margin-top: 0px; }

main .under .left-cell {
  color: #9F823F; }

.tk3_movie {
  aspect-ratio: 16 / 9;
  width: 100%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); }