@charset "UTF-8";
/*

	動画ページ

*/
/* Vendor */
/* Variable */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/* Mixin */
/*

clearfix

*/
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media screen and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media screen and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media screen and (min-width: 960px) {
	height: 40px;
}
```

*/
/* Function */
body.movie .mv_green {
  width: 100vw;
  height: 100vh;
  background-image: url("../../images/movie/bg_movie_01.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  @media screen and (max-width: 575px) {
    body.movie .mv_green {
      background-image: url("../../images/movie/bg_movie_02.jpg"); } }
  body.movie .mv_green__title {
    line-height: 1;
    font-family: "Raleway", serif;
    font-size: 92px;
    font-size: 9.2rem;
    color: #fff;
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 575px) {
      body.movie .mv_green__title {
        font-size: 46px;
        font-size: 4.6rem; } }
  body.movie .mv_green .inner {
    width: 38%;
    min-width: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 991px) {
      body.movie .mv_green .inner {
        width: 88%;
        min-width: auto; } }
    body.movie .mv_green .inner .btn_guide, body.movie .mv_green .inner .btn_inspection {
      width: 15.5vw;
      min-width: 310px;
      height: 90px;
      border-radius: 45px;
      border: 1px #fff solid; }
      @media screen and (max-width: 767px) {
        body.movie .mv_green .inner .btn_guide, body.movie .mv_green .inner .btn_inspection {
          width: 41.3%;
          min-width: 155px; } }
      @media screen and (max-width: 575px) {
        body.movie .mv_green .inner .btn_guide, body.movie .mv_green .inner .btn_inspection {
          height: 45px;
          border-radius: 22.5px; } }
      body.movie .mv_green .inner .btn_guide a, body.movie .mv_green .inner .btn_inspection a {
        line-height: 90px;
        font-size: 24px;
        font-size: 2.4rem;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: block;
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
        @media screen and (max-width: 575px) {
          body.movie .mv_green .inner .btn_guide a, body.movie .mv_green .inner .btn_inspection a {
            line-height: 45px;
            font-size: 12px;
            font-size: 1.2rem; } }
        body.movie .mv_green .inner .btn_guide a::after, body.movie .mv_green .inner .btn_inspection a::after {
          content: "";
          width: 32px;
          height: 32px;
          background-image: url("../../images/movie/ico_movie_01.svg");
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          right: 6.25%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
          @media screen and (max-width: 575px) {
            body.movie .mv_green .inner .btn_guide a::after, body.movie .mv_green .inner .btn_inspection a::after {
              width: 15px;
              height: 15px; } }
      body.movie .mv_green .inner .btn_guide:hover, body.movie .mv_green .inner .btn_inspection:hover {
        background-color: #fff;
        border: 1px #628a8c solid; }
        body.movie .mv_green .inner .btn_guide:hover a, body.movie .mv_green .inner .btn_inspection:hover a {
          color: #628a8c; }
          body.movie .mv_green .inner .btn_guide:hover a::after, body.movie .mv_green .inner .btn_inspection:hover a::after {
            background-image: url("../../images/movie/ico_movie_02.svg"); }