@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
position: relative;
}
#wrapper {
overflow: hidden;
}
#wrapper section {
width: 100%;
margin: 0px auto;
scroll-behavior: smooth;
}
#wrapper section p {
font-size: 0;
}
.inner {
width: 100%;
max-width: 1200px;
height: inherit;
margin: 0px auto;
text-align: center;
position: relative;
overflow: hidden;
}
#header {
max-height: 800px;
background: url(../img/header_bg.png) no-repeat top center;
background-size: cover;
border-bottom: 10px #f29c9f solid;
}
#header .inner {
padding-top: calc(800 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/header_kv.png) no-repeat top center;
background-size: contain;
}
#header .logo { /* 画像高さ ÷ 横幅 × 100% */
width: 35%;
max-width: 380px;
padding-top: calc(352 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/header_logo.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
left: 5%;
margin: 36% auto 0;
}
#header .date {
width: 45%;
max-width: 531px;
padding-top: calc(193 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/header_date.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
right: 15%;
margin: 46% auto 0;
}
#movie {
padding: 3% 0;
background: url(../img/movie_bg.png) no-repeat top center;
background-size: cover;
border-bottom: 10px #f29c9f solid;
}
#movie .inner.video {
width: 75%;
max-width: 720px;
margin-bottom: 3%;
}
#movie .movie {
 padding-top: calc(9 / 16 * 100%);
}
#movie .tvo-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
#movie .title {
width: 100%;
margin-bottom: 3%;
padding-top: calc(55 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/movie_title.png) no-repeat top center;
background-size: contain;
}
#movie .text {
width: 100%;
padding-top: calc(233 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/movie_text.png) no-repeat top center;
background-size: contain;
}
#cast {
max-height: 450px;
border-bottom: 10px #f29c9f solid;
}
#cast .inner {
padding-top: calc(450 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
}
#cast .cast01 {
width: 30%;
max-width: 356px;
margin: 4% 0 0 22.5%;
padding-top: calc(366 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cast_nishikawa.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
}
#cast .cast02 {
width: 20%;
max-width: 228px;
margin: 14% 0 0 2.5%;
padding-top: calc(234 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cast_nobu.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
}
#cast .cast03 {
width: 25%;
max-width: 265px;
margin: 12% 0 0 52.5%;
padding-top: calc(265 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cast_fuji.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
}
#cast .cast04 {
width: 25%;
max-width: 265px;
margin: 12% 0 0 75.5%;
padding-top: calc(266 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cast_kouzai.png) no-repeat top center;
background-size: contain;
position: absolute;
top: 0;
}
#cont01 {
padding-top: 3%;
background: url(../img/cont_arrow01.png) no-repeat bottom center, url(../img/cont_bg.png) repeat top center;
background-size: contain, 10%;
}
#cont01 .title {
max-width: 1200px;
margin: 0 auto 3%;
padding-top: calc(175 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont01_title.png) no-repeat top center;
background-size: contain;
}
#cont01 .text {
max-width: 1030px;
margin: 0 auto 2%;
padding-top: calc(93 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont01_text.png) no-repeat top center;
background-size: contain;
}
#cont01 .img {
max-width: 1136px;
margin: 0px auto 14%;
padding-top: calc(548 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont01_img.png) no-repeat top center;
background-size: contain;
}
#cont02 {
overflow: hidden;
}
#cont02 .title {
max-width: 1200px;
margin: 0 auto 3%;
padding-top: calc(175 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont02_title.png) no-repeat top center;
background-size: contain;
}
#cont02 .text {
max-width: 559px;
margin: 0 auto 2%;
padding-top: calc(47 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont02_text.png) no-repeat top center;
background-size: contain;
}
#cont02 .img {
overflow: hidden;
margin: 0px auto 7%;
padding-left: 5%;
}
#cont02 .img li {
width: calc(370 / 1200 * 100%);
max-width: 370px;
margin: 0 1% 1% 0;
padding-top: calc(370 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
float: left;
list-style-type: none;
}
#cont02 .img li:nth-child(1) {
background: url(../img/cont02_img01.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(2) {
background: url(../img/cont02_img02.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(3) {
background: url(../img/cont02_img03.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(4) {
background: url(../img/cont02_img04.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(5) {
background: url(../img/cont02_img05.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(6) {
background: url(../img/cont02_img06.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(7) {
background: url(../img/cont02_img07.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(8) {
background: url(../img/cont02_img08.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(9) {
background: url(../img/cont02_img09.png) no-repeat top center;
background-size: cover;
}
#cont02 .img li:nth-child(10) {
display: none;
}
#cont02 .img li:nth-child(3n) {
margin: 0 0 1% 0;
}
#cont03 {
overflow: hidden;
padding-top: 6%;
background: url(../img/cont_arrow02.png) no-repeat top center, url(../img/cont_arrow01.png) no-repeat bottom center, url(../img/cont_bg.png) repeat top center;
background-size: contain, contain, 10%;
}
#cont03 .title {
max-width: 1200px;
margin: 0 auto 3%;
padding-top: calc(175 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont03_title.png) no-repeat top center;
background-size: contain;
}
#cont03 .text {
max-width: 1030px;
margin: 0 auto 2%;
padding-top: calc(92 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont03_text.png) no-repeat top center;
background-size: contain;
}
#cont03 .img {
max-width: 1136px;
margin: 0px auto 13%;
padding-top: calc(548 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont03_img.png) no-repeat top center;
background-size: contain;
}
#cont04 {
overflow: hidden;
}
#cont04 .title {
max-width: 1200px;
margin: 0 auto 3%;
padding-top: calc(175 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont04_title.png) no-repeat top center;
background-size: contain;
}
#cont04 .text {
max-width: 1030px;
margin: 0 auto 2%;
padding-top: calc(87 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont04_text.png) no-repeat top center;
background-size: contain;
}
#cont04 .img {
max-width: 1136px;
margin: 0px auto 4%;
padding-top: calc(771 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/cont04_img.png) no-repeat top center;
background-size: contain;
}
#footer {
max-height: 215px;
background: url(../img/footer_bg.png) no-repeat top center;
background-size: cover;
border-top: 10px #f29c9f solid;
}
#footer .date {
width: 100%;
max-width: 628px;
margin: 1.5% auto;
padding-top: calc(176 / 1200 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/footer_date.png) no-repeat top center;
background-size: contain;
}

/* =================================
　　　▼ここからスマホ表示
================================= */
@media screen and (max-width: 767px) {
#header {
border-bottom: 4px #f29c9f solid;
}
#header .date {
right: 10%;
}
#movie {
padding: 5% 0 8%;
border-bottom: 4px #f29c9f solid;
}
#movie .inner.video {
width: 90%;
margin-bottom: 5%;
}
#movie .movie {
 padding-top: calc(9 / 16 * 100%);
}
#movie .tvo-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
#movie .title {
margin-bottom: 5%;
padding-top: calc(55 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/movie_title.png) no-repeat top center;
background-size: contain;
}
#movie .text {
padding-top: calc(254 / 757 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/movie_text.png) no-repeat top center;
background-size: contain;
}
#cast {
max-height: initial;
border-bottom: 4px #f29c9f solid;
}
#cast .inner {
padding-top: calc(1100 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
}
#cast .cast01 {
width: 100%;
max-width: none;
margin: 0 auto;
padding-top: calc(441 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cast_nishikawa.png) no-repeat top center;
background-size: contain;
top: 4%;
}
#cast .cast02 {
width: 100%;
max-width: none;
margin: 0 auto;
padding-top: calc(268 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cast_nobu.png) no-repeat top center;
background-size: contain;
top: 72.5%;
}
#cast .cast03 {
width: 100%;
max-width: none;
margin: 0 auto;
padding-top: calc(330 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cast_fuji.png) no-repeat top left;
background-size: contain;
top: 45%;
left: 4%;
}
#cast .cast04 {
width: 100%;
max-width: none;
margin: 0 auto;
padding-top: calc(330 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cast_kouzai.png) no-repeat top right;
background-size: contain;
top: 45%;
right: 4%;
}
#cont01 {
padding-top: 5%;
background-size: 250%, 25%;
}
#cont01 .title {
margin: 0 auto 5%;
padding-top: calc(175 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont01_title.png) no-repeat top center;
background-size: contain;
}
#cont01 .text {
margin: 0 auto 5%;
padding-top: calc(271 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont01_text.png) no-repeat top center;
background-size: contain;
}
#cont01 .img {
margin: 0px auto 17.5%;
padding-top: calc(686 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont01_img.png) no-repeat top center;
background-size: contain;
}
#cont02 {
overflow: hidden;
}
#cont02 .title {
margin: 0 auto 5%;
padding-top: calc(175 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont02_title.png) no-repeat top center;
background-size: contain;
}
#cont02 .text {
margin: 0 auto 5%;
padding-top: calc(106 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont02_text.png) no-repeat top center;
background-size: contain;
}
#cont02 .img {
margin: 0 auto 5%;
padding: 0 2.5%;
}
#cont02 .img li {
width: 49.5%;
padding-top: calc(359 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
box-sizing: border-box;
border: 1px #CCC solid;
}
#cont02 .img li:nth-child(1) {
background: url(../img/sp/cont02_img01.png) no-repeat center;
background-size: 101%;
}
#cont02 .img li:nth-child(2) {
background: url(../img/sp/cont02_img02.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(3) {
background: url(../img/sp/cont02_img03.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(4) {
background: url(../img/sp/cont02_img04.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(5) {
background: url(../img/sp/cont02_img05.png) no-repeat center;
background-size: 101%;
}
#cont02 .img li:nth-child(6) {
background: url(../img/sp/cont02_img06.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(7) {
background: url(../img/sp/cont02_img07.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(8) {
background: url(../img/sp/cont02_img08.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(9) {
background: url(../img/sp/cont02_img09.png) no-repeat top center;
background-size: 101%;
}
#cont02 .img li:nth-child(10) {
display: block;
background: url(../img/sp/cont02_img10.png) no-repeat center;
background-size: 101%;
}
#cont02 .img li:nth-child(even) {
margin: 0 0 1% 0;
}
#cont02 .img li:nth-child(odd) {
margin: 0 1% 1% 0;
}
#cont03 {
padding-top: 13%;
background: url(../img/cont_arrow02.png) no-repeat top center, url(../img/cont_arrow01.png) no-repeat bottom center, url(../img/cont_bg.png) repeat top center;
background-size: 250%, 250%, 25%;
}
#cont03 .title {
margin: 0 auto 5%;
padding-top: calc(175 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont03_title.png) no-repeat top center;
background-size: contain;
}
#cont03 .text {
margin: 0 auto 5%;
padding-top: calc(209 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont03_text.png) no-repeat top center;
background-size: contain;
}
#cont03 .img {
margin: 0px auto 25%;
padding-top: calc(773 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont03_img.png) no-repeat top center;
background-size: contain;
}
#cont04 {
}
#cont04 .title {
margin: 0 auto 5%;
padding-top: calc(175 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont04_title.png) no-repeat top center;
background-size: contain;
}
#cont04 .text {
margin: 0 auto 5%;
padding-top: calc(162 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont04_text.png) no-repeat top center;
background-size: contain;
}
#cont04 .img {
margin: 0px auto 7.5%;
padding-top: calc(1474 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
background: url(../img/sp/cont04_img.png) no-repeat top center;
background-size: contain;
}
#footer {
border-top: 4px #f29c9f solid;
}
#footer .date {
margin: 3% auto;
padding-top: calc(176 / 767 * 100%); /* 画像高さ ÷ 横幅 × 100% */
}
}