@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.home_title_box {
  text-align: center;
  margin-bottom: 6.6666666667%; }
  @media screen and (max-width: 769px) {
    .home_title_box {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1200px) {
    .home_title_box {
      margin-bottom: 80px; } }
  .home_title_box .en_b {
    font-size: 2.6rem;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-bottom: 5px; }
    @media (min-width: 769px) {
      .home_title_box .en_b {
        font-size: calc( 2.6rem + ( 1vw - 7.69px ) * 1.8561484919 ); } }
    @media (min-width: 1200px) {
      .home_title_box .en_b {
        font-size: 3.4rem; } }
  .home_title_box h3 {
    font-size: 1rem; }
    @media (min-width: 769px) {
      .home_title_box h3 {
        font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
    @media (min-width: 1200px) {
      .home_title_box h3 {
        font-size: 1.4rem; } }

/*メインイメージ*/
#mainimg {
  margin-bottom: 10%;
  margin-top: 20px;
  position: relative; }
  @media screen and (max-width: 769px) {
    #mainimg {
      margin-bottom: 60px; } }
  @media screen and (min-width: 1200px) {
    #mainimg {
      margin-bottom: 120px; } }
  #mainimg .main_logo {
    box-sizing: border-box;
    position: absolute;
    width: 24%;
    top: -3%;
    z-index: 2;
    left: calc(4% - 10px);
    padding: 15px;
    background: #F8F8F8;
    max-width: 80px; }
  #mainimg .slide_box {
    max-width: 1860px;
    margin: 0 0 auto auto;
    width: 96%;
    position: relative; }
    #mainimg .slide_box .slick-dots {
      bottom: 6%;
      transform: rotate(90deg);
      left: 8%;
      width: auto;
      height: 5px; }
      #mainimg .slide_box .slick-dots li {
        margin: 0 5px;
        width: 5px;
        height: 5px;
        line-height: 5px; }
        #mainimg .slide_box .slick-dots li button {
          width: 5px;
          height: 5px;
          padding: 0; }
          #mainimg .slide_box .slick-dots li button:before {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            transition: 0.3s;
            opacity: 1; }
        #mainimg .slide_box .slick-dots li.slick-active button:before {
          background: #BEAB18; }
        #mainimg .slide_box .slick-dots li:hover button:before {
          background: #BEAB18;
          transition: 0.3s; }

#about {
  overflow: hidden; }
  #about .more_wrap {
    margin-bottom: 13.0208333333%;
    position: relative; }
    @media screen and (max-width: 769px) {
      #about .more_wrap {
        margin-bottom: 50px; } }
    @media screen and (min-width: 768px) {
      #about .more_wrap {
        margin-bottom: 100px; } }
    #about .more_wrap .w1600 {
      padding: 0;
      position: relative; }
    #about .more_wrap .img_box {
      width: 96%;
      max-width: 1180px; }
      #about .more_wrap .img_box.left {
        margin: 0 auto 10px 0; }
      #about .more_wrap .img_box.right {
        margin: 0 0 10px auto; }
    #about .more_wrap .txt_wrap {
      margin-bottom: 60px; }
      #about .more_wrap .txt_wrap .title_txt {
        font-size: 2rem; }
        @media (min-width: 769px) {
          #about .more_wrap .txt_wrap .title_txt {
            font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.2033694344 ); } }
        @media (min-width: 1600px) {
          #about .more_wrap .txt_wrap .title_txt {
            font-size: 3rem; } }
      #about .more_wrap .txt_wrap .txt {
        line-height: 1.5;
        padding: 0 9%;
        text-align: justify; }
      #about .more_wrap .txt_wrap .btn {
        margin: 0 4%;
        padding-top: 40px; }
        #about .more_wrap .txt_wrap .btn a {
          max-width: 320px; }
    #about .more_wrap .il {
      position: absolute;
      width: 40%;
      z-index: -1; }
      #about .more_wrap .il.il_01 {
        right: -25%;
        top: 45%; }
      #about .more_wrap .il.il_02 {
        bottom: -10%;
        left: -10%; }
      #about .more_wrap .il.il_03 {
        bottom: -15%;
        left: -10%; }

#movie {
  background: url("/img/home/movie_back.jpg");
  padding: 30px 0; }
  #movie .title {
    margin-bottom: 6.5104166667%;
    background: url("/img/common/bk_title_movie.png") center/contain no-repeat; }
    @media screen and (max-width: 769px) {
      #movie .title {
        margin-bottom: 25px; } }
    @media screen and (min-width: 768px) {
      #movie .title {
        margin-bottom: 50px; } }
    #movie .title .en {
      color: #fff; }
  #movie .moive {
    margin-bottom: 7.8125%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 769px) {
      #movie .moive {
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) {
      #movie .moive {
        margin-bottom: 60px; } }
    #movie .moive iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  #movie .btn_wrap {
    padding: 0 4%;
    text-align: center; }
    #movie .btn_wrap p {
      font-size: 1.4rem;
      margin-bottom: 3.90625%;
      text-align: center;
      display: inline-block;
      position: relative; }
      @media (min-width: 769px) {
        #movie .btn_wrap p {
          font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4813477738 ); } }
      @media (min-width: 1600px) {
        #movie .btn_wrap p {
          font-size: 1.8rem; } }
      @media screen and (max-width: 769px) {
        #movie .btn_wrap p {
          margin-bottom: 15px; } }
      @media screen and (min-width: 768px) {
        #movie .btn_wrap p {
          margin-bottom: 30px; } }
      #movie .btn_wrap p:before, #movie .btn_wrap p:after {
        position: absolute;
        content: "";
        display: block;
        background: #1D1818;
        width: 1px;
        height: 30px;
        top: 45%; }
      #movie .btn_wrap p:before {
        left: -10%;
        transform: rotate(-40deg) translate(0, -50%); }
      #movie .btn_wrap p:after {
        right: -10%;
        transform: rotate(40deg) translate(0, -50%); }
    #movie .btn_wrap .btn a {
      background: #000; }
      #movie .btn_wrap .btn a i {
        font-size: 1.8rem;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle; }
        @media (min-width: 769px) {
          #movie .btn_wrap .btn a i {
            font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.4813477738 ); } }
        @media (min-width: 1600px) {
          #movie .btn_wrap .btn a i {
            font-size: 2.2rem; } }

#info .info_title {
  position: relative; }
  #info .info_title .title {
    background: url("/img/common/bk_title_info.png") center/contain no-repeat;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%); }
    #info .info_title .title .en {
      color: #fff; }
#info .slider {
  margin-bottom: 16.9270833333%;
  margin-top: -20px; }
  @media screen and (max-width: 769px) {
    #info .slider {
      margin-bottom: 65px; } }
  @media screen and (min-width: 768px) {
    #info .slider {
      margin-bottom: 130px; } }
  #info .slider li a {
    display: block;
    margin: 0 4%; }
    #info .slider li a .slide_img {
      position: relative;
      /*.category{
      	@include font(1.1rem,1.2rem,879px,1600px);
      	position: absolute;
      	background: #EA6300;
      	color: #fff;
      	padding: 2px 10px;
      	bottom: 0;
      	right: 0;
      }*/ }
    #info .slider li a .txt_wrap {
      background: #fff;
      padding: 4% 7% 5%;
      line-height: 1.5;
      text-align: justify; }
      #info .slider li a .txt_wrap .time {
        font-size: 1rem;
        color: #BEAB18;
        margin-bottom: 5px; }
        @media (min-width: 769px) {
          #info .slider li a .txt_wrap .time {
            font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.2406738869 ); } }
        @media (min-width: 1600px) {
          #info .slider li a .txt_wrap .time {
            font-size: 1.2rem; } }
      #info .slider li a .txt_wrap .info_title {
        font-size: 1.4rem;
        color: #BEAB18;
        margin-bottom: 5px; }
        @media (min-width: 769px) {
          #info .slider li a .txt_wrap .info_title {
            font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0 ); } }
        @media (min-width: 1600px) {
          #info .slider li a .txt_wrap .info_title {
            font-size: 1.4rem; } }
      #info .slider li a .txt_wrap .info_txt {
        font-size: 1.2rem;
        height: 58px;
        overflow: hidden; }
        @media (min-width: 769px) {
          #info .slider li a .txt_wrap .info_txt {
            font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.1203369434 ); } }
        @media (min-width: 1600px) {
          #info .slider li a .txt_wrap .info_txt {
            font-size: 1.3rem; } }
  #info .slider .slick-list {
    padding: 0 10%; }
#info .slick-dots {
  margin-bottom: -10px; }
  #info .slick-dots li {
    margin: 0; }
    #info .slick-dots li button {
      width: 10px;
      height: 10px; }
      #info .slick-dots li button:before {
        transition: 0.3s; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #mainimg .slide_box {
    margin: auto;
    width: 98%; }

  #movie .moive {
    width: 90%; } }
/*------------------------------
		800px以上
------------------------------*/
@media screen and (min-width: 1121px) {
  /*メインイメージ*/
  #mainimg .main_logo {
    background: none;
    max-width: 140px;
    top: -50px;
    left: 8%; }
  #mainimg .slide_box .slick-dots {
    bottom: 7%;
    left: 4%; }

  #about {
    position: relative; }
    #about .more_wrap {
      margin-bottom: 80px; }
      #about .more_wrap .img_box {
        width: 60%; }
      #about .more_wrap .txt_wrap {
        position: absolute;
        background: #F8F8F8;
        width: 400px;
        padding: 2% 3%;
        bottom: -5%;
        right: 0;
        margin-bottom: 0; }
        #about .more_wrap .txt_wrap .title_txt {
          text-align: left; }
        #about .more_wrap .txt_wrap .txt {
          line-height: 2;
          padding: 0; }
        #about .more_wrap .txt_wrap .btn {
          margin: 0 4%;
          padding-top: 40px; }
          #about .more_wrap .txt_wrap .btn a {
            max-width: 205px; }
        #about .more_wrap .txt_wrap.txt_left {
          width: 400px;
          top: 50%;
          bottom: auto;
          right: auto;
          left: 0;
          transform: translate(0, -50%); }
          #about .more_wrap .txt_wrap.txt_left .title_txt {
            text-align: center; }
      #about .more_wrap:last-child {
        margin-bottom: 170px; }
      #about .more_wrap .il {
        width: 20%; }
        #about .more_wrap .il.il_01 {
          top: 30%;
          right: -5%; }
        #about .more_wrap .il.il_02 {
          left: -5%;
          bottom: -20%; }
        #about .more_wrap .il.il_03 {
          bottom: -35%;
          left: -5%; }

  #movie {
    padding: 100px 0 30px; }
    #movie .btn_wrap {
      padding: 0; }
      #movie .btn_wrap .btn {
        margin-bottom: 13.0208333333%; } }
      @media screen and (min-width: 1121px) and (max-width: 769px) {
        #movie .btn_wrap .btn {
          margin-bottom: 50px; } }
      @media screen and (min-width: 1121px) and (min-width: 768px) {
        #movie .btn_wrap .btn {
          margin-bottom: 100px; } }
@media screen and (min-width: 1121px) {
        #movie .btn_wrap .btn a:hover {
          color: #000;
          background: rgba(255, 255, 255, 0); }

  #info .slider {
    padding: 0; }
    #info .slider li a .txt_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 5% 5% 10%; }
      #info .slider li a .txt_wrap .time {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        order: 2; }
      #info .slider li a .txt_wrap .info_title {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        order: 1; }
      #info .slider li a .txt_wrap .info_txt {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        order: 3;
        height: 55px; }
    #info .slider.contents-center .slick-track {
      margin: 0 auto; }
  #info .slick-dots {
    margin-bottom: -30px; }
    #info .slick-dots li {
      padding: 0; }
      #info .slick-dots li button {
        width: 10px;
        height: 10px; }
        #info .slick-dots li button:before {
          transition: 0.3s; } }
/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 1280px) {
  #about .more_wrap {
    margin-bottom: 240px; }
    #about .more_wrap .img_box {
      width: 80%; }
    #about .more_wrap .txt_wrap {
      width: 600px;
      bottom: -20%; }
      #about .more_wrap .txt_wrap .btn {
        margin: 0; }
      #about .more_wrap .txt_wrap.txt_left {
        top: 50%;
        bottom: auto;
        right: auto;
        left: 2%;
        transform: translate(0, -50%);
        width: 20%;
        padding: 3% 2%; }
    #about .more_wrap:last-child {
      margin-bottom: 280px; }

  #movie .moive {
    width: 100%; }

  #info .slider {
    margin-bottom: 130px;
    padding: 0; }
    #info .slider li {
      padding: 0 15px; }
      #info .slider li a {
        margin: 0; }
        #info .slider li a .txt_wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
          align-content: flex-start;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          #info .slider li a .txt_wrap .time {
            flex: 0 1 100%;
            width: 100%;
            max-width: 100%;
            order: 2; }
          #info .slider li a .txt_wrap .info_title {
            flex: 0 1 100%;
            width: 100%;
            max-width: 100%;
            order: 1; }
          #info .slider li a .txt_wrap .info_txt {
            flex: 0 1 100%;
            width: 100%;
            max-width: 100%;
            order: 3;
            height: 55px; }
  #info .slick-dots {
    margin-bottom: -30px; }
    #info .slick-dots li {
      padding: 0; }
      #info .slick-dots li button {
        width: 10px;
        height: 10px; }
        #info .slick-dots li button:before {
          transition: 0.3s; } }
@media screen and (min-width: 1700px) {
  #about .more_wrap .txt_wrap.txt_left {
    left: 0; } }

/*# sourceMappingURL=style.css.map */