/*
font-family: 'Crimson Text', serif;
font-family: 'Noto Serif JP', serif;
*/
#wrapper { opacity: 0; }

@-webkit-keyframes op_logo { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  100% { opacity: 0; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); } }
@-o-keyframes op_logo { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  100% { opacity: 0; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); } }
@-moz-keyframes op_logo { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  100% { opacity: 0; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); } }
@keyframes op_logo { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  100% { opacity: 0; -webkit-transform: translate(-50%, calc(-50% - 20px)); -moz-transform: translate(-50%, calc(-50% - 20px)); -ms-transform: translate(-50%, calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); } }
@-webkit-keyframes op_items { 0% { opacity: 0; -webkit-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes op_items { 0% { opacity: 0; -webkit-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes op_items { 0% { opacity: 0; -webkit-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes op_items { 0% { opacity: 0; -webkit-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
.loading_area { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/common/bg_brown.jpg"); z-index: 1000; }
.loading_area .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.loading_area .logo .fill_logo { fill: #b78d27; }
@media only screen and (min-width: 751px) { .loading_area .logo { width: 420px; } }
@media only screen and (max-width: 750px) { .loading_area .logo { width: 60vw; } }

.main_top .main_kv { overflow: hidden; }
.main_top .main_kv img { opacity: 0; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }
.main_top .main_info .top_twitter, .main_top .main_info .top_onair, .main_top .main_info .top_movie { opacity: 0; }

.is_open .loading_area { opacity: 0; visibility: hidden; -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; }
.is_open .loading_area .logo { opacity: 1; -webkit-animation: op_logo 1.2s cubic-bezier(0.33, 1, 0.68, 1) 0.8s forwards; -moz-animation: op_logo 1.2s cubic-bezier(0.33, 1, 0.68, 1) 0.8s forwards; -o-animation: op_logo 1.2s cubic-bezier(0.33, 1, 0.68, 1) 0.8s forwards; animation: op_logo 1.2s cubic-bezier(0.33, 1, 0.68, 1) 0.8s forwards; }
.is_open #wrapper { opacity: 1; }
.is_open .main_top .main_kv .current img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 5s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -moz-transition: all 5s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -ms-transition: all 5s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; -o-transition: all 5s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; transition: all 5s cubic-bezier(0.33, 1, 0.68, 1) 1.4s; }
.is_open .main_top .main_info .top_twitter, .is_open .main_top .main_info .top_onair, .is_open .main_top .main_info .top_movie { -webkit-animation: op_items 1.2s ease-out 1.6s forwards; -moz-animation: op_items 1.2s ease-out 1.6s forwards; -o-animation: op_items 1.2s ease-out 1.6s forwards; animation: op_items 1.2s ease-out 1.6s forwards; }
.is_open .main_top .main_info .top_movie { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; }
.is_open .main_top .main_info .top_onair { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }

/** intro **/
.intro_area .intro_logo { opacity: 0; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.intro_area .intro_wrap p { position: relative; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.intro_area.active .intro_logo { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.intro_area.active .intro_wrap p { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.intro_area.active .intro_wrap .lead p { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.intro_area.active .intro_wrap .lead p:nth-of-type(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.intro_area.active .intro_wrap .lead p:nth-of-type(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(1) { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(3) { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(4) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(5) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }

@media only screen and (max-width: 750px) { .intro_area .area_title { opacity: 0; -webkit-transform: translateX(-8vw); -moz-transform: translateX(-8vw); -ms-transform: translateX(-8vw); -o-transform: translateX(-8vw); transform: translateX(-8vw); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
  .intro_area .intro_logo { -webkit-transform: translate(-8vw, 0); -moz-transform: translate(-8vw, 0); -ms-transform: translate(-8vw, 0); -o-transform: translate(-8vw, 0); transform: translate(-8vw, 0); }
  .intro_area.active .intro_logo { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .intro_area.active .area_title { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .intro_area.active .intro_wrap .lead p:nth-of-type(1) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .intro_area.active .intro_wrap .lead p:nth-of-type(2) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(1) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(2) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(3) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(4) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(5) { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } }
.news_list.scroll_in .news_list__item { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.news_list.scroll_in .news_list__item:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.news_list.scroll_in .news_list__item:nth-child(2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.news_list.scroll_in .news_list__item:nth-child(3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.news_list.scroll_in .btn_more { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.8s ease-out 0.6s; -moz-transition: all 0.8s ease-out 0.6s; -ms-transition: all 0.8s ease-out 0.6s; -o-transition: all 0.8s ease-out 0.6s; transition: all 0.8s ease-out 0.6s; }
.news_list.scroll_in.active .news_list__item { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.news_list.scroll_in.active .btn_more { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.movie_wrap.scroll_in { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.movie_wrap.scroll_in.active { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.main_top { position: relative; }
.main_top .main_info { background: url("../img/common/bg_yellow.jpg"); }
.main_top .main_kv .slider_img { position: relative; }
.main_top .main_kv .slider_img p { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.main_top .main_kv .slider_img p.current { position: relative; visibility: visible; opacity: 1; }
.main_top .main_kv .slider_img p.is_remove img { opacity: 0; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition-duration: 1.6s !important; -moz-transition-duration: 1.6s !important; -ms-transition-duration: 1.6s !important; -o-transition-duration: 1.6s !important; transition-duration: 1.6s !important; -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -ms-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
.main_top .main_kv .slider_img p.is_add { visibility: visible; opacity: 1; -webkit-transition: opacity 0.6s ease-out 0.2s; -moz-transition: opacity 0.6s ease-out 0.2s; -ms-transition: opacity 0.6s ease-out 0.2s; -o-transition: opacity 0.6s ease-out 0.2s; transition: opacity 0.6s ease-out 0.2s; }
.main_top .main_kv .slider_img p.is_add img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 1.6s !important; -moz-transition-duration: 1.6s !important; -ms-transition-duration: 1.6s !important; -o-transition-duration: 1.6s !important; transition-duration: 1.6s !important; -webkit-transition-delay: 0.2s !important; -moz-transition-delay: 0.2s !important; -ms-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; transition-delay: 0.2s !important; }
.main_top .top_movie { position: relative; }
.main_top .top_movie .movie_thumb { width: 100%; height: 100%; background: no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

.main_top .main_movie { position: fixed; }
.main_top .main_movie .movie_thumb { background: no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; width: 100%; height: 100%; }
.main_top .main_info .top_onair { position: relative; }
.main_top .main_info .top_onair .oniar_amazon { position: absolute; width: 100%; height: 30%; bottom: 0; left: 0; }
.main_top .main_info .top_onair .oniar_amazon a { display: block; width: 100%; height: 100%; }
@media only screen and (min-width: 751px) { .main_top { margin-bottom: 210px; display: flex; }
  .main_top .main_kv { width: 57%; }
  .main_top .main_kv img { width: 100%; max-width: 100%; }
  .main_top .main_info { width: 43%; position: relative; }
  .main_top .main_info:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/top/bg_top.png") no-repeat center bottom; -webkit-background-size: 42%; -o-background-size: 42%; background-size: 42%; }
  .main_top .main_info .top_twitter { position: relative; width: 150px; width: 25%; margin: 40px 0 10% 40px; }
  .main_top .main_info .top_twitter a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; }
  .main_top .main_info .top_twitter img { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; }
  .main_top .main_info .top_twitter:hover img { -webkit-transform: scale(1.05) rotate(-12deg); -moz-transform: scale(1.05) rotate(-12deg); -ms-transform: scale(1.05) rotate(-12deg); -o-transform: scale(1.05) rotate(-12deg); transform: scale(1.05) rotate(-12deg); }
  .main_top .main_info .top_onair { width: 416px; width: 69.33%; margin: 0 auto; }
  .main_top .main_info .top_movie { width: 100%; cursor: pointer; overflow: hidden; max-width: 680px; margin: 0 auto 15%; text-align: center; }
  .main_top .main_info .top_movie .movie_thumb { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; }
  .main_top .main_info .top_movie:hover .movie_thumb { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .main_top .main_info .top_movie:hover:after { opacity: 0; } }
@media only screen and (max-width: 750px) { .main_top { position: relative; margin-bottom: 12.8vw; }
  .main_top .main_info { padding: 8vw 0; }
  .main_top .top_twitter { position: absolute; width: 18.66vw; top: 5.33vw; left: 5.33vw; }
  .main_top .top_twitter a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; }
  .main_top .top_onair { width: 77.33vw; margin: auto; }
  .main_top .top_movie { width: 76vw; margin: 0 auto 6.66vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 6px solid #fff; }
  .main_top .top_movie:after { -webkit-background-size: 18vw; -o-background-size: 18vw; background-size: 18vw; }
  .main_top .main_movie { position: absolute; width: 43.46vw; height: 17.33vw; top: 6.66vw !important; left: 6.66vw; }
  .main_top .main_movie:before { border-width: 3px; }
  .main_top .main_movie:after { -webkit-background-size: 10.13vw; -o-background-size: 10.13vw; background-size: 10.13vw; } }

.news_area { position: relative; }
.news_area .news_deco { position: absolute; background: url("../img/common/bg_mid_repeat.png"); z-index: -1; }
.news_area .news_deco:before, .news_area .news_deco:after { content: ""; display: block; width: 100%; position: absolute; }
.news_area .news_deco:before { background: url("../img/common/bg_yellow_top.png") no-repeat; }
.news_area .news_deco:after { background: url("../img/common/bg_yellow_down.png") no-repeat; }
.news_area .news_list .news_list__item { background: url("../img/common/bg_white.jpg"); -webkit-box-shadow: 0px 0px 5px rgba(71, 41, 0, 0.4); box-shadow: 0px 0px 5px rgba(71, 41, 0, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.news_area .news_list .news_list__item .news_date { color: #0286ff; }
.news_area .news_list .news_list__item .news_title { background: url("../img/common/line_repeat.png") repeat-x left top, url("../img/common/line_repeat.png") repeat-x left bottom; padding: 0.8em 0; line-height: 1.4; }
.news_area .news_list .news_list__item a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
.news_area .news_list .btn_more { background: #000; -webkit-border-radius: 50px; border-radius: 50px; }
.news_area .news_list .btn_more a { color: #FFF; text-decoration: none; display: block; text-align: center; font-family: "Crimson Text", serif; }
@media only screen and (min-width: 751px) { .news_area { margin-bottom: 240px; }
  .news_area .news_deco { width: 40%; height: 680px; left: 0; top: 0; background-position: right top; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .news_area .news_deco:before { top: -30px; height: 300px; background-position: right top; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .news_area .news_deco:after { bottom: -30px; height: 200px; background-position: right bottom; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .news_area .area_title { color: #fff; font-size: 90px; position: absolute; top: 77px; left: 84px; }
  .news_area .area_title h2 { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; }
  .news_area .news_list { width: 850px; position: relative; left: calc(50% - 350px); top: 77px; line-height: 2; margin-bottom: 60px; }
  .news_area .news_list .news_list__item { padding: 35px 56px; margin-bottom: 20px; }
  .news_area .news_list .news_list__item .news_date, .news_area .news_list .news_list__item .news_title { position: relative; }
  .news_area .news_list .btn_more { width: 200px; margin: 0 0 0 auto; }
  .news_area .news_list .btn_more a { height: 54px; line-height: 59px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .news_area .news_list .btn_more:hover a { color: #b78d27; }
  .news_area .news_list .news_list__item .news_title { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .news_area .news_list .news_list__item:hover .news_title { color: #0286ff; } }
@media only screen and (max-width: 750px) { .news_area .news_deco { width: 58%; height: 62%; left: 0; top: 25.33vw; background-position: right top; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .news_area .news_deco:before { top: -30px; height: 300px; background-position: right top; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .news_area .news_deco:after { bottom: -30px; height: 200px; background-position: right bottom; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .news_area .area_title { margin-bottom: 14.93vw; margin-left: 6.66vw; }
  .news_area .area_title h2 { color: #b78d27; font-size: 4.2rem; }
  .news_area .news_list { width: 650px; width: 86.66vw; margin: auto; font-size: 1.7rem; margin-bottom: 16vw; }
  .news_area .news_list .news_list__item { padding: 8vw 5.33vw; margin-bottom: 6.66vw; }
  .news_area .news_list .news_list__item .news_date { font-size: 1rem; margin-bottom: 2.8vw; }
  .news_area .news_list .news_list__item .news_title { font-size: 1.2rem; }
  .news_area .btn_more { width: 53.33vw; margin: 0 0 0 auto; }
  .news_area .btn_more a { padding: 6vw 0 5.4vw; font-size: 1.2rem; } }

.images_deco { position: relative; overflow: hidden; }
.images_deco .images_cover { position: relative; }
.images_deco .images_cover p { position: absolute; }
@media only screen and (min-width: 751px) { .images_deco { margin-bottom: 150px; height: 400px; height: 30vw; }
  .images_deco img { width: 100%; max-width: 100%; }
  .images_deco .images_cover { width: 100%; top: -60vw; }
  .images_deco .images_cover p { width: 100%; }
  .images_deco .images_cover .img2 { top: -110px; }
  .images_deco .images_cover .img3 { top: -120px; } }
@media only screen and (max-width: 750px) { .images_deco { height: 53.33vw; margin-bottom: 16vw; }
  .images_deco .images_cover { top: -108vw !important; }
  .images_deco .images_cover p { width: 180vw; left: -40vw; }
  .images_deco .images_cover .img2 { top: -16vw; }
  .images_deco .images_cover .img3 { top: -20vw; } }

.movie_area { background: url("../img/staff/bg_brown.jpg"); position: relative; }
.movie_area .movie_deco { position: absolute; height: 100%; background: url("../img/common/bg_mid_repeat.png"); }
.movie_area .movie_wrap { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.movie_area h2 { font-family: "Crimson Text", serif; color: #b78d27; }
.movie_area .main_movie { position: relative; -webkit-box-shadow: 0px 0px 5px rgba(71, 41, 0, 0.4); box-shadow: 0px 0px 5px rgba(71, 41, 0, 0.4); }
.movie_area .main_movie .movie_thumb { width: 100%; height: 100%; background: no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.movie_area .main_movie:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url("../img/top/btn_play.png") no-repeat center; top: 0; left: 0; }
.movie_area .main_movie:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 10px solid #fff; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media only screen and (min-width: 751px) { .movie_area { padding-top: 124px; padding-bottom: 214px; }
  .movie_area h2 { padding-left: 40px; }
  .movie_area .movie_deco { top: 0; right: 0; width: 30%; -webkit-background-size: 1000px; -o-background-size: 1000px; background-size: 1000px; }
  .movie_area .movie_wrap { background: url("../img/staff/bg_staff_pc.png") no-repeat left top; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 1100px; margin: auto; padding-top: 78px; position: relative; }
  .movie_area .movie_wrap h2 { position: absolute; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; font-size: 90px; top: 208px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .movie_area .main_movie { width: 800px; height: 500px; left: calc(50% - 350px); cursor: pointer; overflow: hidden; }
  .movie_area .main_movie:after { -webkit-background-size: 130px; -o-background-size: 130px; background-size: 130px; }
  .movie_area .main_movie .movie_thumb { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .movie_area .main_movie:hover .movie_thumb { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } }
@media only screen and (max-width: 750px) { .movie_area { padding-bottom: 43.33vw; padding-top: 16vw; }
  .movie_area .movie_deco { top: 0; right: 0; width: 256px; width: 34.13vw; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .movie_area .movie_wrap { background: url("../img/staff/bg_staff_sp.png") no-repeat center top; -webkit-background-size: 75.73vw; -o-background-size: 75.73vw; background-size: 75.73vw; width: 662px; width: 88.26vw; height: 103.06vw; margin: auto; padding-top: 16.53vw; }
  .movie_area .movie_wrap h2 { text-align: center; font-size: 4.3rem; margin-bottom: 3vw; }
  .movie_area .main_movie { width: 86.66vw; height: 43.73vw; }
  .movie_area .main_movie:before { border-width: 6px; }
  .movie_area .main_movie:after { -webkit-background-size: 20.26vw; -o-background-size: 20.26vw; background-size: 20.26vw; } }

/** intro **/
.intro_area .intro_logo { opacity: 0; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.intro_area .intro_wrap p { position: relative; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.intro_area.active .intro_logo { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.intro_area.active .intro_wrap p { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.intro_area.active .intro_wrap .lead p { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.intro_area.active .intro_wrap .lead p:nth-of-type(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.intro_area.active .intro_wrap .lead p:nth-of-type(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(1) { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(3) { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(4) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
.intro_area.active .intro_wrap .intro_text p:nth-of-type(5) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }

@media only screen and (max-width: 750px) { .intro_area .area_title { opacity: 0; -webkit-transform: translateX(-8vw); -moz-transform: translateX(-8vw); -ms-transform: translateX(-8vw); -o-transform: translateX(-8vw); transform: translateX(-8vw); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
  .intro_area .intro_logo { -webkit-transform: translate(-8vw, 0); -moz-transform: translate(-8vw, 0); -ms-transform: translate(-8vw, 0); -o-transform: translate(-8vw, 0); transform: translate(-8vw, 0); }
  .intro_area.active .intro_logo { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .intro_area.active .area_title { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .intro_area.active .intro_wrap .lead p:nth-of-type(1) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .intro_area.active .intro_wrap .lead p:nth-of-type(2) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(1) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(2) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(3) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(4) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .intro_area.active .intro_wrap .intro_text p:nth-of-type(5) { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } }
.story_wrap.scroll_in { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.story_wrap.scroll_in .story_text { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); -webkit-transition: all 0.8s ease-out 0.6s; -moz-transition: all 0.8s ease-out 0.6s; -ms-transition: all 0.8s ease-out 0.6s; -o-transition: all 0.8s ease-out 0.6s; transition: all 0.8s ease-out 0.6s; }
.story_wrap.scroll_in.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.story_wrap.scroll_in.active .story_text { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

.staff_wrap.scroll_in { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.staff_wrap.scroll_in.active { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.intro_area { position: relative; }
.intro_area .intro_deco { position: absolute; background: url("../img/common/bg_mid_repeat.png"); z-index: -1; }
.intro_area .intro_deco:before, .intro_area .intro_deco:after { content: ""; display: block; width: 100%; position: absolute; }
.intro_area .intro_deco:before { background: url("../img/common/bg_yellow_top.png") no-repeat; }
.intro_area .intro_deco:after { background: url("../img/common/bg_yellow_down.png") no-repeat; }
.intro_area .intro_wrap div p { display: inline-block; background: #000; color: #fff; }
.intro_area .intro_wrap div span { color: #b78d27; }
.intro_area .intro_wrap div.lead span { color: #fff; }
.intro_area .story_wrap { position: relative; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.intro_area .story_wrap .deco_top { position: absolute; width: 100%; background: url("../img/intro/frame_line.png") repeat-x center top; top: 0; }
.intro_area .story_wrap .deco_top:before, .intro_area .story_wrap .deco_top:after { content: ""; display: block; position: absolute; background: no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.intro_area .story_wrap .deco_top:before { background-image: url("../img/intro/frame_corner.png"); top: 0; }
.intro_area .story_wrap .deco_top:after { background-image: url("../img/intro/frame_corner.png"); right: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.intro_area .story_wrap .deco_middle { position: absolute; width: 100%; }
.intro_area .story_wrap .deco_middle:before, .intro_area .story_wrap .deco_middle:after { content: ""; display: block; position: absolute; background: url("../img/intro/frame_line_m.png") repeat-y; top: 0; height: 100%; }
.intro_area .story_wrap .deco_middle:before { left: 0; }
.intro_area .story_wrap .deco_middle:after { right: 0; }
.intro_area .story_wrap .deco_bottom { position: absolute; width: 100%; background: url("../img/intro/frame_line.png") repeat-x center top; bottom: 0; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.intro_area .story_wrap .deco_bottom:before, .intro_area .story_wrap .deco_bottom:after { content: ""; display: block; position: absolute; background: no-repeat #fff; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.intro_area .story_wrap .deco_bottom:before { background-image: url("../img/intro/frame_corner.png"); top: 0; }
.intro_area .story_wrap .deco_bottom:after { background-image: url("../img/intro/frame_corner.png"); right: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.intro_area .story_wrap .story_text { position: relative; }
.intro_area .story_wrap .story_text p { background: url("../img/intro/line_repeat.png") repeat-x bottom; }
.intro_area .story_wrap .story_cap { text-align: center; font-family: "Crimson Text", serif; font-weight: 700; }
@media only screen and (min-width: 751px) { .intro_area { margin-bottom: 150px; }
  .intro_area .intro_deco { width: 40%; height: 680px; left: 0; top: 0; background-position: right top; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .intro_area .intro_deco:before { top: -30px; height: 300px; background-position: right top; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .intro_area .intro_deco:after { bottom: -30px; height: 200px; background-position: right bottom; -webkit-background-size: 104%; -o-background-size: 104%; background-size: 104%; }
  .intro_area .area_title { color: #fff; font-size: 90px; position: absolute; top: 77px; left: 84px; }
  .intro_area .area_title h2 { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; }
  .intro_area .intro_wrap { width: 850px; position: relative; left: calc(50% - 350px); font-size: 30px; line-height: 2; margin-bottom: 60px; }
  .intro_area .intro_wrap .lead { font-size: 60px; line-height: 104px; }
  .intro_area .intro_wrap div p { padding: 6px 34px; margin-bottom: 4px; }
  .intro_area .story_wrap { padding: 50px 90px; width: 850px; position: relative; left: calc(50% - 350px); text-align: center; }
  .intro_area .story_wrap .deco_top, .intro_area .story_wrap .deco_bottom { height: 50px; -webkit-background-size: 50px; -o-background-size: 50px; background-size: 50px; width: calc(100% - 100px); left: 50px; }
  .intro_area .story_wrap .deco_top:before, .intro_area .story_wrap .deco_top:after, .intro_area .story_wrap .deco_bottom:before, .intro_area .story_wrap .deco_bottom:after { width: 50px; height: 50px; }
  .intro_area .story_wrap .deco_top:before, .intro_area .story_wrap .deco_bottom:before { left: -50px; }
  .intro_area .story_wrap .deco_top:after, .intro_area .story_wrap .deco_bottom:after { right: -50px; }
  .intro_area .story_wrap .deco_middle { height: calc(100% - 100px); }
  .intro_area .story_wrap .deco_middle:before, .intro_area .story_wrap .deco_middle:after { width: 50px; -webkit-background-size: 50px; -o-background-size: 50px; background-size: 50px; }
  .intro_area .story_wrap .deco_middle:before { left: -90px; }
  .intro_area .story_wrap .deco_middle:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: 90px; }
  .intro_area .story_wrap p { line-height: 2.3; }
  .intro_area .story_wrap .story_cap { font-size: 28px; padding-bottom: 12px; }
  .intro_area .intro_logo { width: 500px; position: relative; left: 50%; margin-bottom: 64px; } }
@media only screen and (max-width: 750px) { .intro_area { margin-bottom: 15.73vw; }
  .intro_area .intro_deco { width: 58%; height: 26%; left: 0; top: 92vw; background-position: right top; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .intro_area .intro_deco:before { top: -30px; height: 300px; background-position: right top; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .intro_area .intro_deco:after { bottom: -30px; height: 200px; background-position: right bottom; -webkit-background-size: 200vw; -o-background-size: 200vw; background-size: 200vw; }
  .intro_area .area_title { margin-bottom: 3.06vw; margin-left: 6.66vw; }
  .intro_area .area_title h2 { color: #f3eedb; text-shadow: 1px 1px 0px #b78d27, -1px 1px 0px #b78d27, 1px -1px 0px #b78d27, -1px -1px 0px #b78d27, 1px 0px 0px #b78d27, 0px 1px 0px #b78d27, -1px 0px 0px #b78d27, 0px -1px 0px #b78d27; font-size: 4.2rem; }
  .intro_area .intro_logo { width: 528px; width: 70.4vw; margin-left: 6.66vw; margin-bottom: 8.26vw; }
  .intro_area .intro_wrap { width: 650px; width: 86.66vw; margin: auto; font-size: 1.7rem; margin-bottom: 7.2vw; }
  .intro_area .intro_wrap div.lead { font-size: 3.6rem; line-height: 1.68; }
  .intro_area .intro_wrap div.lead span { display: inline-block; padding-left: 4vw; }
  .intro_area .intro_wrap p { padding: 1vw 4vw; margin-bottom: 4px; }
  .intro_area .intro_wrap .intro_text { line-height: 2; }
  .intro_area .story_wrap { width: 650px; width: 86.66vw; margin: auto; padding: 9.33vw; }
  .intro_area .story_wrap .deco_top, .intro_area .story_wrap .deco_bottom { height: 9.33vw; -webkit-background-size: 9.33vw; -o-background-size: 9.33vw; background-size: 9.33vw; width: calc(100% - 9.33vw*2); left: 9.33vw; }
  .intro_area .story_wrap .deco_top:before, .intro_area .story_wrap .deco_top:after, .intro_area .story_wrap .deco_bottom:before, .intro_area .story_wrap .deco_bottom:after { width: 9.33vw; height: 9.33vw; }
  .intro_area .story_wrap .deco_top:before, .intro_area .story_wrap .deco_bottom:before { left: -9.34vw; }
  .intro_area .story_wrap .deco_top:after, .intro_area .story_wrap .deco_bottom:after { right: -9.34vw; }
  .intro_area .story_wrap .deco_middle { height: calc(100% - 9.33vw*2); width: 100%; left: 0; }
  .intro_area .story_wrap .deco_middle:before, .intro_area .story_wrap .deco_middle:after { width: 9.33vw; -webkit-background-size: 9.33vw; -o-background-size: 9.33vw; background-size: 9.33vw; }
  .intro_area .story_wrap .deco_middle:before { left: 0; }
  .intro_area .story_wrap .deco_middle:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: 0; }
  .intro_area .story_wrap .story_cap { font-size: 2rem; }
  .intro_area .story_wrap .story_text { font-size: 1.3rem; text-align: center; line-height: 2; }
  .intro_area .story_wrap .story_text p { -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
  .intro_area .story_wrap .story_text span { display: block; background: url("../img/intro/line_repeat.png") repeat-x center bottom; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } }