@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

img { vertical-align: bottom; max-width: 100%; }

li { list-style: none; }

body { font-family: YakuHanMP, a-otf-ryumin-pr6n, "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-feature-settings: "palt"; font-weight: 300; -webkit-text-size-adjust: 100%; letter-spacing: 0.15em; color: #000; }
@media only screen and (min-width: 751px) { body { background: url("../img/common/bg_pc.jpg") center top; } }
@media only screen and (max-width: 750px) { body { background: url("../img/common/bg_sp.jpg") center top; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } }

html { font-size: calc(100vw / 32); }
@media only screen and (min-width: 751px) { html { font-size: 16px; } }

#wrapper { overflow: hidden; position: relative; }

@media only screen and (min-width: 751px) { .sp { display: none; }
  #wrapper { min-width: 1280px; margin: auto; } }
@media only screen and (max-width: 750px) { .pc { display: none; } }
footer { background: #000; color: #FFF; position: relative; z-index: 40; }
footer:before { content: ""; display: block; width: 100%; position: absolute; }
footer .share p, footer .share ul, footer .share li { display: inline-block; letter-spacing: -.4em; vertical-align: middle; }
footer .share p { letter-spacing: 0.1em; font-family: tenez, sans-serif; }
footer .copyright { font-family: tenez, sans-serif; }
@media only screen and (min-width: 751px) { footer { padding-bottom: 66px; }
  footer:before { height: 280px; top: -280px; background: url("../img/common/footer_pc_left.png") no-repeat left bottom, url("../img/common/footer_pc_right.png") no-repeat right bottom, url("../img/common/footer_pc_repeat.png") repeat-x center bottom; }
  footer .ftooer_wrap { position: relative; margin: 0 120px; }
  footer .bnr_drama { width: 260px; position: absolute; right: 0; top: 0; overflow: hidden; border: 1px solid #fff; }
  footer .bnr_drama a { display: block; -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); cursor: pointer; }
  footer .bnr_drama a:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); }
  footer .share { margin-bottom: 30px; }
  footer .share li { width: 30px; margin-left: 23px; }
  footer .share a { display: block; -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); cursor: pointer; }
  footer .share a:hover { -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-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); }
  footer .notes { margin-bottom: 8px; }
  footer p { font-size: 11px; } }
@media only screen and (max-width: 750px) { footer { text-align: center; padding: 6.93vw 0 8.26vw; }
  footer:before { background: url("../img/common/footer_sp.png") no-repeat center bottom; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; height: 18.66vw; top: -17.87vw; }
  footer .bnr_drama img { border: 1px solid #868686; }
  footer .ftooer_wrap { padding-top: 10px; }
  footer .bnr_drama { width: 360px; width: 48vw; margin: 3px auto 9.06vw; position: relative; z-index: 2; }
  footer .share { margin-bottom: 5.6vw; }
  footer .share li { width: 8vw; margin-left: 4vw; }
  footer .notes { line-height: 1.6; margin-bottom: 3vw; } }

/********************/
/******* in *********/
/********************/
.main_contents .in_logo { position: absolute; z-index: 50; }
.main_contents h2 { position: relative; }
.main_contents h2:before { content: ""; display: block; width: 1px; position: absolute; top: 0; left: 50%; background: #000; height: 0; -webkit-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
.main_contents h2 img { opacity: 0; -webkit-transform: translateY(-4%); -moz-transform: translateY(-4%); -ms-transform: translateY(-4%); -o-transform: translateY(-4%); transform: translateY(-4%); -webkit-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s; -moz-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s; -ms-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s; -o-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s; transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.2s; }
@media only screen and (min-width: 751px) { .main_contents { margin-bottom: 276px; min-height: 894px; }
  .main_contents .in_logo { width: 220px; top: 47px; right: 47px; -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1); cursor: pointer; }
  .main_contents .in_logo:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); }
  .main_contents .in_logo:hover { opacity: 0.75; }
  .main_contents h2 { padding-top: 90px; width: 94px; margin: 0 auto 60px; } }
@media only screen and (max-width: 750px) { .main_contents { margin-bottom: 30.66vw; }
  .main_contents .in_logo { width: 220px; width: 29.33vw; top: 4.53vw; right: 5.06vw; }
  .main_contents h2 { width: 110px; width: 14.66vw; margin: 0 auto 5.33vw; padding-top: 19.46vw; } }

.open .main_contents h2 img { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
@media only screen and (min-width: 751px) { .open .main_contents h2:before { height: 70px; } }
@media only screen and (max-width: 750px) { .open .main_contents h2:before { height: 16vw; } }

#loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 5000; background: url("../img/common/bg_pc.jpg"); }
#loading .loading_fog { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#loading.in_open { opacity: 0; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); -webkit-transition: all 0.4s cubic-bezier(0.11, 0, 0.5, 0) 0.6s; -moz-transition: all 0.4s cubic-bezier(0.11, 0, 0.5, 0) 0.6s; -ms-transition: all 0.4s cubic-bezier(0.11, 0, 0.5, 0) 0.6s; -o-transition: all 0.4s cubic-bezier(0.11, 0, 0.5, 0) 0.6s; transition: all 0.4s cubic-bezier(0.11, 0, 0.5, 0) 0.6s; }

@-webkit-keyframes op_bg1 { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; } }
@-o-keyframes op_bg1 { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; } }
@-moz-keyframes op_bg1 { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; } }
@keyframes op_bg1 { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; } }
@-webkit-keyframes op_bg2 { 0% { width: 0; height: 0; top: 5vw; right: 5vw; }
  100% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; } }
@-o-keyframes op_bg2 { 0% { width: 0; height: 0; top: 5vw; right: 5vw; }
  100% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; } }
@-moz-keyframes op_bg2 { 0% { width: 0; height: 0; top: 5vw; right: 5vw; }
  100% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; } }
@keyframes op_bg2 { 0% { width: 0; height: 0; top: 5vw; right: 5vw; }
  100% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; } }
@-webkit-keyframes op_bg3 { 0% { width: 0; height: 0; top: 25vw; left: 64vw; }
  100% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; } }
@-o-keyframes op_bg3 { 0% { width: 0; height: 0; top: 25vw; left: 64vw; }
  100% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; } }
@-moz-keyframes op_bg3 { 0% { width: 0; height: 0; top: 25vw; left: 64vw; }
  100% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; } }
@keyframes op_bg3 { 0% { width: 0; height: 0; top: 25vw; left: 64vw; }
  100% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; } }
@-webkit-keyframes op_bg4 { 0% { width: 0; height: 0; top: 80vh; left: 90vw; }
  100% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; } }
@-o-keyframes op_bg4 { 0% { width: 0; height: 0; top: 80vh; left: 90vw; }
  100% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; } }
@-moz-keyframes op_bg4 { 0% { width: 0; height: 0; top: 80vh; left: 90vw; }
  100% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; } }
@keyframes op_bg4 { 0% { width: 0; height: 0; top: 80vh; left: 90vw; }
  100% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; } }
@-webkit-keyframes op_bg5 { 0% { width: 0; height: 0; top: 120vh; left: 40vw; }
  100% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; } }
@-o-keyframes op_bg5 { 0% { width: 0; height: 0; top: 120vh; left: 40vw; }
  100% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; } }
@-moz-keyframes op_bg5 { 0% { width: 0; height: 0; top: 120vh; left: 40vw; }
  100% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; } }
@keyframes op_bg5 { 0% { width: 0; height: 0; top: 120vh; left: 40vw; }
  100% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; } }
@-webkit-keyframes cl_bg1 { 0% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-o-keyframes cl_bg1 { 0% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-moz-keyframes cl_bg1 { 0% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@keyframes cl_bg1 { 0% { width: 120vw; height: 120vw; top: -60vw; left: -60vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-webkit-keyframes cl_bg2 { 0% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; }
  100% { width: 0; height: 0; top: 5vw; right: 5vw; } }
@-o-keyframes cl_bg2 { 0% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; }
  100% { width: 0; height: 0; top: 5vw; right: 5vw; } }
@-moz-keyframes cl_bg2 { 0% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; }
  100% { width: 0; height: 0; top: 5vw; right: 5vw; } }
@keyframes cl_bg2 { 0% { width: 100vw; height: 100vw; top: -60vw; right: -60vw; }
  100% { width: 0; height: 0; top: 5vw; right: 5vw; } }
@-webkit-keyframes cl_bg3 { 0% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; }
  100% { width: 0; height: 0; top: 25vw; left: 64vw; } }
@-o-keyframes cl_bg3 { 0% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; }
  100% { width: 0; height: 0; top: 25vw; left: 64vw; } }
@-moz-keyframes cl_bg3 { 0% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; }
  100% { width: 0; height: 0; top: 25vw; left: 64vw; } }
@keyframes cl_bg3 { 0% { width: 60vw; height: 60vw; top: -5vw; left: 34vw; }
  100% { width: 0; height: 0; top: 25vw; left: 64vw; } }
@-webkit-keyframes cl_bg4 { 0% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 90vw; } }
@-o-keyframes cl_bg4 { 0% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 90vw; } }
@-moz-keyframes cl_bg4 { 0% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 90vw; } }
@keyframes cl_bg4 { 0% { width: 52vw; height: 52vw; top: 40vh; left: 70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 90vw; } }
@-webkit-keyframes cl_bg5 { 0% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; }
  100% { width: 0; height: 0; top: 120vh; left: 40vw; } }
@-o-keyframes cl_bg5 { 0% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; }
  100% { width: 0; height: 0; top: 120vh; left: 40vw; } }
@-moz-keyframes cl_bg5 { 0% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; }
  100% { width: 0; height: 0; top: 120vh; left: 40vw; } }
@keyframes cl_bg5 { 0% { width: 120vw; height: 120vw; top: 60vh; left: -34vw; }
  100% { width: 0; height: 0; top: 120vh; left: 40vw; } }
@-webkit-keyframes op_bg1_sp { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; } }
@-o-keyframes op_bg1_sp { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; } }
@-moz-keyframes op_bg1_sp { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; } }
@keyframes op_bg1_sp { 0% { width: 0; height: 0; top: -20px; left: -20px; }
  100% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; } }
@-webkit-keyframes op_bg2_sp { 0% { width: 0; height: 0; top: 60vw; right: 0; }
  100% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; } }
@-o-keyframes op_bg2_sp { 0% { width: 0; height: 0; top: 60vw; right: 0; }
  100% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; } }
@-moz-keyframes op_bg2_sp { 0% { width: 0; height: 0; top: 60vw; right: 0; }
  100% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; } }
@keyframes op_bg2_sp { 0% { width: 0; height: 0; top: 60vw; right: 0; }
  100% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; } }
@-webkit-keyframes op_bg3_sp { 0% { width: 0; height: 0; top: 80vh; left: 0; }
  100% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; } }
@-o-keyframes op_bg3_sp { 0% { width: 0; height: 0; top: 80vh; left: 0; }
  100% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; } }
@-moz-keyframes op_bg3_sp { 0% { width: 0; height: 0; top: 80vh; left: 0; }
  100% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; } }
@keyframes op_bg3_sp { 0% { width: 0; height: 0; top: 80vh; left: 0; }
  100% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; } }
@-webkit-keyframes op_bg4_sp { 0% { width: 0; height: 0; top: 90vh; right: 0; }
  100% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; } }
@-o-keyframes op_bg4_sp { 0% { width: 0; height: 0; top: 90vh; right: 0; }
  100% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; } }
@-moz-keyframes op_bg4_sp { 0% { width: 0; height: 0; top: 90vh; right: 0; }
  100% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; } }
@keyframes op_bg4_sp { 0% { width: 0; height: 0; top: 90vh; right: 0; }
  100% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; } }
@-webkit-keyframes cl_bg1_sp { 0% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-o-keyframes cl_bg1_sp { 0% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-moz-keyframes cl_bg1_sp { 0% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@keyframes cl_bg1_sp { 0% { width: 170vw; height: 170vw; top: -40vw; left: -40vw; }
  100% { width: 0; height: 0; top: -20px; left: -20px; } }
@-webkit-keyframes cl_bg2_sp { 0% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; }
  100% { width: 0; height: 0; top: 60vw; right: 0; } }
@-o-keyframes cl_bg2_sp { 0% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; }
  100% { width: 0; height: 0; top: 60vw; right: 0; } }
@-moz-keyframes cl_bg2_sp { 0% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; }
  100% { width: 0; height: 0; top: 60vw; right: 0; } }
@keyframes cl_bg2_sp { 0% { width: 140vw; height: 140vw; top: 60vw; right: -50vw; }
  100% { width: 0; height: 0; top: 60vw; right: 0; } }
@-webkit-keyframes cl_bg3_sp { 0% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 0; } }
@-o-keyframes cl_bg3_sp { 0% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 0; } }
@-moz-keyframes cl_bg3_sp { 0% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 0; } }
@keyframes cl_bg3_sp { 0% { width: 140vw; height: 100vh; top: 25vh; left: -70vw; }
  100% { width: 0; height: 0; top: 80vh; left: 0; } }
@-webkit-keyframes cl_bg4_sp { 0% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; }
  100% { width: 0; height: 0; top: 90vh; right: 0; } }
@-o-keyframes cl_bg4_sp { 0% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; }
  100% { width: 0; height: 0; top: 90vh; right: 0; } }
@-moz-keyframes cl_bg4_sp { 0% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; }
  100% { width: 0; height: 0; top: 90vh; right: 0; } }
@keyframes cl_bg4_sp { 0% { width: 100vh; height: 100vh; top: 50vh; right: -50vh; }
  100% { width: 0; height: 0; top: 90vh; right: 0; } }
.main_nav { position: fixed; z-index: 1500; }
.main_nav a { color: #FFF; text-decoration: none; }
.main_nav:before { content: ""; display: block; position: fixed; width: 100%; height: 0%; top: 0; left: 0; background: #000; opacity: 0; }
.main_nav .nav_bg { position: fixed; width: 100%; }
.main_nav .nav_bg p { position: absolute; background: #000; width: 0; height: 0; -webkit-border-radius: 50vw; border-radius: 50vw; -webkit-filter: blur(40px); -moz-filter: blur(40px); -o-filter: blur(40px); filter: blur(40px); }
.main_nav .global_nav { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.main_nav .global_nav:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url("../img/common/logo_menu.png") no-repeat center; opacity: 0; }
.main_nav .global_nav ul { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.main_nav .global_nav ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; }
.main_nav .global_nav ul li span { display: block; font-family: tenez, sans-serif; font-style: italic; letter-spacing: 0.03em; color: #8c8c8c; }
.main_nav .global_nav ul li a { display: inline-block; }
.main_nav .btn_nav { position: fixed; }
.main_nav .btn_nav p { background: #000; position: absolute; width: 100%; height: 3px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.main_nav .btn_nav p:nth-child(2) { top: calc(50% - 1px); }
.main_nav .btn_nav p:nth-child(3) { top: calc(100% - 2px); }
@-webkit-keyframes hover_nav { 0% { width: 100%; left: 0; }
  25% { width: 0; left: 100%; opacity: 0; }
  26% { opacity: 1; width: 0; left: 0; }
  50% { opacity: 1; width: 100%; left: 0; } }
@-o-keyframes hover_nav { 0% { width: 100%; left: 0; }
  25% { width: 0; left: 100%; opacity: 0; }
  26% { opacity: 1; width: 0; left: 0; }
  50% { opacity: 1; width: 100%; left: 0; } }
@-moz-keyframes hover_nav { 0% { width: 100%; left: 0; }
  25% { width: 0; left: 100%; opacity: 0; }
  26% { opacity: 1; width: 0; left: 0; }
  50% { opacity: 1; width: 100%; left: 0; } }
@keyframes hover_nav { 0% { width: 100%; left: 0; }
  25% { width: 0; left: 100%; opacity: 0; }
  26% { opacity: 1; width: 0; left: 0; }
  50% { opacity: 1; width: 100%; left: 0; } }
@media only screen and (min-width: 751px) { .main_nav .nav_bg p { -webkit-filter: blur(40px); -moz-filter: blur(40px); -o-filter: blur(40px); filter: blur(40px); }
  .main_nav .nav_bg .bg3 { -webkit-border-radius: 78vw; border-radius: 78vw; }
  .main_nav .btn_nav { width: 35px; height: 22px; top: 50px; left: 50px; cursor: pointer; }
  .main_nav .btn_nav:hover p:nth-child(1) { -webkit-animation: hover_nav 1s linear; -moz-animation: hover_nav 1s linear; -o-animation: hover_nav 1s linear; animation: hover_nav 1s linear; }
  .main_nav .btn_nav:hover p:nth-child(2) { -webkit-animation: hover_nav 1s linear 0.2s; -moz-animation: hover_nav 1s linear 0.2s; -o-animation: hover_nav 1s linear 0.2s; animation: hover_nav 1s linear 0.2s; }
  .main_nav .btn_nav:hover p:nth-child(3) { -webkit-animation: hover_nav 1s linear 0.4s; -moz-animation: hover_nav 1s linear 0.4s; -o-animation: hover_nav 1s linear 0.4s; animation: hover_nav 1s linear 0.4s; }
  .main_nav .global_nav:before { -webkit-background-size: 160px; -o-background-size: 160px; background-size: 160px; }
  .main_nav .global_nav ul { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 812px; margin: auto; padding-top: 60px; }
  .main_nav .global_nav ul li { width: 50%; font-size: 32px; margin-bottom: 40px; white-space: nowrap; }
  .main_nav .global_nav ul li span { font-size: 18px; margin-top: 18px; }
  .main_nav .global_nav ul li:nth-child(even) { padding-left: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .main_nav .global_nav ul li a { -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
  .main_nav .global_nav ul li a:hover { padding-left: 20px; } }
@media only screen and (max-width: 750px) { .main_nav .nav_bg .bg5 { display: none; }
  .main_nav .btn_nav { width: 54px; width: 7.2vw; top: 7.46vw; left: 6.4vw; height: 4.4vw; }
  .main_nav .btn_nav p { height: 2px; }
  .main_nav .global_nav:before { background-position: 14vw center; -webkit-background-size: 27.2vw; -o-background-size: 27.2vw; background-size: 27.2vw; }
  .main_nav .global_nav ul { width: 50%; margin: 0 0 0 auto; }
  .main_nav .global_nav ul li { padding-left: 4.66vw; font-size: 1.3rem; margin-bottom: 5.33vw; }
  .main_nav .global_nav ul li:last-child { margin-bottom: 0; }
  .main_nav .global_nav ul li span { font-size: 1rem; margin-top: 2vw; } }
.main_nav.open:before { height: 100%; -webkit-animation: op_logo 0.4s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; -moz-animation: op_logo 0.4s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; -o-animation: op_logo 0.4s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; animation: op_logo 0.4s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; }
.main_nav.open .btn_nav p { background: #FFF; }
.main_nav.open .btn_nav p:nth-child(1) { top: calc(50% - 1px); }
.main_nav.open .btn_nav p:nth-child(3) { top: calc(50% - 1px); }
.main_nav.open .btn_nav:hover p { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }
.main_nav.open .global_nav { display: block; }
.main_nav.open .global_nav:before { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 0.6s forwards; }
.main_nav.open .global_nav li:nth-child(1) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.2s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.2s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.2s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.2s forwards; }
.main_nav.open .global_nav li:nth-child(2) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.4s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.4s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.4s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.4s forwards; }
.main_nav.open .global_nav li:nth-child(3) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.6s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.6s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.6s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.6s forwards; }
.main_nav.open .global_nav li:nth-child(4) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.8s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.8s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.8s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 1.8s forwards; }
.main_nav.open .global_nav li:nth-child(5) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2s forwards; }
.main_nav.open .global_nav li:nth-child(6) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.2s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.2s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.2s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.2s forwards; }
.main_nav.open .global_nav li:nth-child(7) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.4s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.4s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.4s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.4s forwards; }
.main_nav.open .global_nav li:nth-child(8) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.6s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.6s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.6s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.6s forwards; }
.main_nav.open .global_nav li:nth-child(9) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.8s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.8s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.8s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 2.8s forwards; }
.main_nav.open .global_nav li:nth-child(10) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3s forwards; }
.main_nav.open .global_nav li:nth-child(11) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.2s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.2s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.2s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.2s forwards; }
.main_nav.open .global_nav li:nth-child(12) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.4s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.4s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.4s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.4s forwards; }
.main_nav.open .global_nav li:nth-child(13) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.6s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.6s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.6s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.6s forwards; }
.main_nav.open .global_nav li:nth-child(14) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.8s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.8s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.8s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 3.8s forwards; }
.main_nav.open .global_nav li:nth-child(15) { -webkit-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 4s forwards; -moz-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 4s forwards; -o-animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 4s forwards; animation: op_logo 0.8s cubic-bezier(0.5, 1, 0.89, 1) 4s forwards; }
@media only screen and (min-width: 751px) { .main_nav.open .nav_bg .bg1 { -webkit-animation: op_bg1 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg1 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg1 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg1 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg2 { -webkit-animation: op_bg2 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg2 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg2 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg2 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg3 { -webkit-animation: op_bg3 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg3 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg3 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg3 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg4 { -webkit-animation: op_bg4 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg4 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg4 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg4 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg5 { -webkit-animation: op_bg5 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg5 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg5 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg5 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; } }
@media only screen and (max-width: 750px) { .main_nav.open .nav_bg .bg1 { -webkit-border-radius: 75vw; border-radius: 75vw; -webkit-animation: op_bg1_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg1_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg1_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg1_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg2 { right: -50vw; top: -50vw; -webkit-animation: op_bg2_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg2_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg2_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg2_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg3 { -webkit-border-radius: 55vw; border-radius: 55vw; -webkit-animation: op_bg3_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg3_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg3_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg3_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .main_nav.open .nav_bg .bg4 { -webkit-border-radius: 55vw; border-radius: 55vw; -webkit-animation: op_bg4_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: op_bg4_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: op_bg4_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: op_bg4_sp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; } }
.main_nav.close:before { height: 100%; -webkit-animation: cl_logo 0.4s cubic-bezier(0.76, 0, 0.24, 1) forwards, close 0.2s ease-in 0.4s forwards; -moz-animation: cl_logo 0.4s cubic-bezier(0.76, 0, 0.24, 1) forwards, close 0.2s ease-in 0.4s forwards; -o-animation: cl_logo 0.4s cubic-bezier(0.76, 0, 0.24, 1) forwards, close 0.2s ease-in 0.4s forwards; animation: cl_logo 0.4s cubic-bezier(0.76, 0, 0.24, 1) forwards, close 0.2s ease-in 0.4s forwards; }
.main_nav.close .global_nav { height: 100%; display: block; overflow: hidden; -webkit-animation: close 0.1s ease-in 1s forwards; -moz-animation: close 0.1s ease-in 1s forwards; -o-animation: close 0.1s ease-in 1s forwards; animation: close 0.1s ease-in 1s forwards; }
.main_nav.close .global_nav:before, .main_nav.close .global_nav li { opacity: 1; -webkit-animation: cl_logo 0.6s ease-out forwards; -moz-animation: cl_logo 0.6s ease-out forwards; -o-animation: cl_logo 0.6s ease-out forwards; animation: cl_logo 0.6s ease-out forwards; }
@media only screen and (min-width: 751px) { .main_nav.close .nav_bg .bg1 { -webkit-animation: cl_bg1 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg1 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg1 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg1 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg2 { -webkit-animation: cl_bg2 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg2 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg2 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg2 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg3 { -webkit-animation: cl_bg3 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg3 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg3 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg3 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg4 { -webkit-animation: cl_bg4 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg4 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg4 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg4 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg5 { -webkit-animation: cl_bg5 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg5 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg5 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg5 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; } }
@media only screen and (max-width: 750px) { .main_nav.close .nav_bg .bg1 { -webkit-animation: cl_bg1_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg1_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg1_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg1_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg2 { -webkit-animation: cl_bg2_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg2_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg2_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg2_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg3 { -webkit-animation: cl_bg3_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg3_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg3_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg3_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; }
  .main_nav.close .nav_bg .bg4 { -webkit-animation: cl_bg4_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -moz-animation: cl_bg4_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; -o-animation: cl_bg4_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; animation: cl_bg4_sp 0.7s cubic-bezier(0.5, 0, 0.75, 0) forwards; } }

@-webkit-keyframes op_logo { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes op_logo { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes op_logo { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes op_logo { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes cl_logo { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes cl_logo { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes cl_logo { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes cl_logo { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes close { 0% { height: 100%; }
  100% { height: 0; } }
@-o-keyframes close { 0% { height: 100%; }
  100% { height: 0; } }
@-moz-keyframes close { 0% { height: 100%; }
  100% { height: 0; } }
@keyframes close { 0% { height: 100%; }
  100% { height: 0; } }