@charset "UTF-8";
/* RESET */
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }

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

fieldset, img { border: 0; }

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

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

abbr, acronym { border: 0; font-variant: normal; }

sup, sub { vertical-align: baseline; }

legend { color: #000; }

.cf { zoom: 1; }
.cf:before { content: ""; display: table; }
.cf:after { content: ""; display: table; clear: both; }

/* COMMON */
body, html { width: 100%; height: 100%; font-family: 'Noto Sans', Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { margin: 0; padding: 0; }
body.open { height: 100%; overflow: hidden; }

a { text-decoration: none; cursor: pointer; display: block; }

img { display: block; width: 100%; }

main { width: 100%; height: 100%; }

@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?76492402"); src: url("../font/fontello.eot?76492402#iefix") format("embedded-opentype"), url("../font/fontello.woff?76492402") format("woff"), url("../font/fontello.ttf?76492402") format("truetype"), url("../font/fontello.svg?76492402#fontello") format("svg"); font-weight: normal; font-style: normal; }
header #header { position: relative; }
header #header .border { width: 100%; height: 3px; background: linear-gradient(45deg, #9baad5, #f5c9c8); position: absolute; top: 0; }
header #header .logo { left: 30px; top: 40px; position: absolute; z-index: 10; opacity: 0; transform: translateY(-20px); }

.loaded header #header .logo { opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transform: translateY(0); transition-delay: .8s; }

header #header .logo img { width: 34.75vw; min-width: 500px; max-width: 650px; height: auto; }
header #header .-pc #navi { position: absolute; top: 13px; right: 30px; display: flex; flex-wrap: wrap; opacity: 0; transform: translateY(-10px); z-index: 10; }
header #header .-pc #navi ul.header_navi, header #header .-pc #navi ul.header_links { display: flex; flex-wrap: wrap; position: relative; }
header #header .-pc #navi ul.header_navi { margin-right: 30px; }

.loaded header #header .-pc #navi { opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transform: translateY(0); transition-delay: .8s; }

header #header #navi ul.header_navi li a { font-family: 'Mukta', sans-serif; font-size: 16px; font-weight: 800; color: #000; display: block; letter-spacing: .05em; text-align: center; padding: 30px 10px; line-height: 18px; transition: .2s; }
header #header #navi ul.header_navi li a.nolink { opacity: .2; pointer-events: none; }
header #header #navi ul.header_links li a { font-family: "fontello"; color: #000; font-size: 18px; padding: 30px 10px; display: block; line-height: 18px; transition: .5s; }

#content { width: 100%; height: auto; padding: 80px 0 50px; overflow: hidden; position: relative; }

.content_wrap { position: relative; }

.gallery { width: 100%; height: 100%; display: flex; opacity: 0; transform: scale(1.1); position: relative; }

.loaded .gallery { opacity: 1; transition: opacity 1s cubic-bezier(0.36, 0.14, 0, 1), transform 0.6s cubic-bezier(0.36, 0.14, 0, 1); transform: scale(1); }

.gallery-slider { width: 85vw; height: 100%; order: 2; border: 20px solid #fff; box-sizing: border-box; overflow: hidden; }

.loaded .gallery-slider:before { transform: translate(0, 0) scale(1, 1); transition: opacity .6s, transform .5s; opacity: 1; }

.gallery-slider a { width: 100%; height: 100%; box-sizing: border-box; transition: .3s ease-in-out; position: relative; overflow: hidden; }
.gallery-slider a:after { content: ''; width: 110%; height: 110%; background: url("../img/bg_texture_noise.png") repeat; position: absolute; left: -5%; top: -5%; z-index: 1; animation: grain 0.4s 0s steps(1) infinite; }
.gallery-slider .about { background: url("../img/img_slider_about.jpg") no-repeat center/cover; }
.gallery-slider .work { background: url("../img/img_slider_work.jpg") no-repeat center/cover; }

@keyframes grain { 0%,100% { -webkit-transform: translate(0, 0, 0); }
  10% { -webkit-transform: translate(-1%, -1%); }
  20% { -webkit-transform: translate(1%, 1%); }
  30% { -webkit-transform: translate(-2%, -2%); }
  40% { -webkit-transform: translate(3%, 3%); }
  50% { -webkit-transform: translate(-3%, -3%); }
  60% { -webkit-transform: translate(4%, 4%); }
  0% { -webkit-transform: translate(-4%, -4%); }
  80% { -webkit-transform: translate(2%, 2%); }
  90% { -webkit-transform: translate(-2%, -2%); } }
.gallery-thumbs { width: 15vw; padding: 0; overflow: hidden; order: 1; }
.gallery-thumbs .swiper-slide { width: 15vw; height: 100%; text-align: center; overflow: hidden; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.gallery-thumbs .swiper-slide img { width: auto; height: 100%; }

.swiper-slide { position: relative; }
.swiper-slide p { opacity: 0; transition: .25s; }

.swiper-slide-active p { opacity: 1; transition: .25s; transition-delay: 1s; }

.title_wrapbox { writing-mode: vertical-rl; text-align: left; position: absolute; bottom: 10px; right: 43px; }
.title_wrapbox h2 { width: 100%; font-family: 'Mukta', sans-serif; font-size: 86px; font-weight: 800; writing-mode: vertical-rl; line-height: 1; overflow: hidden; }
.title_wrapbox h2 span.span_wrap { transform: translate(100%, 0); display: inline-block; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); opacity: 0; }

.loaded .title_wrapbox h2 span.span_wrap { transform: translate(0, 0); opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }

.span_wrap { display: inline-block; vertical-align: top; overflow: hidden; }
.span_wrap span { transform: rotate(-180deg); display: block; padding: 8px 0px; }

.title_wrapbox .num { font-size: 14px; letter-spacing: .045em; font-family: 'Alice', sans-serif; font-weight: bold; position: absolute; left: -20px; bottom: 10px; transform: rotate(-180deg); }
.title_wrapbox .num span { transform: translate(0, 100%); display: inline-block; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); opacity: 0; }

.loaded .title_wrapbox .num span { transform: translate(0, 0); opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }

.title_wrapbox .dot_wrap { display: flex; position: absolute; right: -15px; bottom: 0; }
.title_wrapbox .dot_wrap .dot { width: 5px; height: 5px; background: #000; border-radius: 50%; margin: 7px; position: relative; transform: translate(5px, 0); opacity: 0; z-index: 10; }

.loaded .title_wrapbox .dot_wrap .dot { opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: .2s; transform: translate(0, 0); }

.title_wrapbox .dot_wrap .dot:before { content: ''; width: 5px; height: 5px; background: #707070; border-radius: 50%; position: absolute; top: 0; left: 15px; opacity: 0; }

.loaded .title_wrapbox .dot_wrap .dot:before { opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: .3s; }

.dot_wrap .dot:after { content: ''; width: 5px; height: 5px; background: #9f9f9f; border-radius: 50%; position: absolute; top: 0; left: 30px; opacity: 0; }

.loaded .title_wrapbox .dot_wrap .dot:after { opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1) 0.4s; }

.work .title_wrapbox .dot_wrap .dot:nth-last-child(3), .work .title_wrapbox .dot_wrap .dot:nth-last-child(4) { display: none; }

/*NEWS*/
#content .news { width: 210px; position: absolute; right: 40px; bottom: 40px; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background: url("../img/bg_texture_noise.png") repeat; transform: translateY(20px); z-index: 9; border-radius: 10px; opacity: 0; }
#content .news a { padding: 30px 10px 10px; }

.loaded #content .news { transform: translateY(0); opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: .8s; }

#content .news .text { text-align: center; padding-bottom: 15px; }
#content .news .text p:first-child { font-size: 14px; letter-spacing: .05em; color: #fff; font-weight: bold; margin-bottom: 5px; line-height: 1; font-weight: bold; }
#content .news .text p.day { font-size: 12px; letter-spacing: .05em; color: #fff; font-family: 'Alice', sans-serif; font-weight: bold; }
#content .news .thum { width: 100%; height: 125px; background: url("http://img.youtube.com/vi/8GoY0gcQ_QI/maxresdefault.jpg") no-repeat center/cover; border-radius: 3px; }
#content .news h3 { width: 87px; height: 86px; background: url(../img/text_news.png) no-repeat center/cover; background-size: cover; position: absolute; left: -42px; top: -42px; animation: 15s linear infinite rotation1; line-height: 9999; transform: translateY(5px); }

@keyframes rotation1 { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
#footer p.copyright { font-family: 'Mukta', sans-serif; color: #afafaf; font-size: 14px; letter-spacing: .025em; font-weight: bold; }

.cursor { width: 50px; height: 50px; position: absolute; z-index: 100; pointer-events: none; transform: translate(-50%, -50%); }
.cursor span:first-child { width: 50px; height: 50px; display: block; transition: all .25s; }
.cursor span:first-child svg { fill: none; stroke: #000; stroke-width: 2px; stroke-dasharray: 2; stroke-dashoffset: 7; transform: scale(1, 1); transition: all .25s; }
.cursor.active span:first-child { animation: rotation1 16s infinite linear; }
.cursor.active span:first-child svg { transform: scale(1.78, 1.78); stroke: #000; stroke-width: 1px; transition: all .25s; }
.cursor.nextlink svg { stroke: #fde2e9 !important; }
.cursor.nextlink .nextview { opacity: 1; transform: rotateY(0deg); transition: all .25s; }
.cursor .nextview { width: 50px; height: 50px; background: url(../img/cursor_hover_nextview.svg) no-repeat center; background-size: 51px 17px; opacity: 0; display: block; position: absolute; top: 0; left: 0; transform: rotateY(90deg); transition: all .25s; }

.mask { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 100; display: flex; background: linear-gradient(-180deg, #9baad5, #f5c9c8); transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; white-space: nowrap; align-items: center; }
.mask h4 { font-size: 25vw; color: rgba(255, 255, 255, 0.1); font-family: 'Alice', sans-serif; padding-left: 5vw; animation: backward-infinite 50s linear infinite; letter-spacing: 0; }
.mask.on { transform: translate3d(0px, -100vh, 0px); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s 1s; visibility: hidden; }

@keyframes backward-infinite { from { transform: translateX(0); }
  to { transform: translateX(-100%); } }
/*SLIDER*/
.swiper-cube .swiper-cube-shadow { display: none; }

.swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-left { display: none; }

.slider .swiper-wrapper { transition-timing-function: cubic-bezier(0.36, 0.14, 0, 1); }

/*SUBPAGE*/
.subpage .inner { margin: auto; padding: 140px 15vw 80px 15vw; }
.subpage .return_btn { width: 80px; height: 80px; position: absolute; right: 0; bottom: 0; z-index: 10; background: #000; opacity: 0; transform: translateY(20px); }
.subpage .return_btn:before { content: ''; width: 4px; height: 30px; position: absolute; right: 37px; bottom: 24px; z-index: 11; background: #fff; transform: rotate(45deg); }
.subpage .return_btn:after { content: ''; width: 4px; height: 30px; position: absolute; right: 37px; bottom: 24px; z-index: 11; background: #fff; transform: rotate(-45deg); }
.subpage #content .news { display: none; }
.subpage #content .gallery:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
.subpage #content .gallery-thumbs .title_wrapbox h2 { font-size: 50px; }
.subpage #content .gallery-slider:before { display: none; }

.loaded .return_btn { transform: translateY(0); opacity: 1; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: .8s; }

/*PROFILE*/
#profile .inner { max-width: 960px; padding: 100px 0 120px; margin: auto; }
#profile .profile_img_wrapbox { position: relative; }
#profile .profile_img_wrapbox .catchcopy { width: 336px; text-align: right; position: absolute; left: 0; top: -80px; z-index: 10; padding-left: 30px; }
#profile .profile_img_wrapbox .catchcopy h4 { font-size: 52px; font-family: 'Noto Serif', serif; line-height: 1.923; color: #000; font-weight: 600; letter-spacing: .075em; }
#profile .profile_img_wrapbox .catchcopy h4 span { display: block; position: relative; overflow: hidden; }
#profile .profile_img_wrapbox .catchcopy h4 span.-line:before { content: ''; width: 120px; height: 2px; background: #000; position: absolute; left: 20px; top: 50px; display: block; }
#profile .profile_img_wrapbox .catchcopy h4 span:last-child { letter-spacing: .28em; }
#profile .profile_img_wrapbox .catchcopy h4 span:last-child:after { transition-delay: .2s; }
#profile .profile_img_wrapbox .profile_img { width: 480px; height: 600px; margin: 95px auto 30px; position: relative; }
#profile .profile_img_wrapbox .profile_img:after { content: ''; width: 150px; height: 151px; background: url(../img/text_profile.png) no-repeat center/cover; position: absolute; top: -55px; right: -75px; animation: 15s linear infinite rotation1; z-index: 10; opacity: 0; }
#profile .profile_img_wrapbox .profile_img .comparison_block { width: 100%; max-width: 480px; position: relative; margin: 0 auto; }
#profile .profile_img_wrapbox .profile_img .comparison_block::selection { background-color: transparent; }
#profile .profile_img_wrapbox .profile_img .comparison_block::-moz-selection { background-color: transparent; }
#profile .profile_img_wrapbox .profile_img .comparison_block *::selection { background-color: transparent; }
#profile .profile_img_wrapbox .profile_img .comparison_block *::-moz-selection { background-color: transparent; }
#profile .profile_img_wrapbox .profile_img .comparison_before_img { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 5; }
#profile .profile_img_wrapbox .profile_img .comparison_before_img img { width: 100%; }
#profile .profile_img_wrapbox .profile_img .comparison_after_img { position: relative; z-index: 1; }
#profile .profile_img_wrapbox .profile_img .comparison_after_img img { width: 100%; }
#profile .profile_img_wrapbox .profile_img .comparison_arrow { background-color: #fff; position: absolute; z-index: 10; top: 0; width: 2px; height: 100%; left: 50%; cursor: pointer; }
#profile .profile_img_wrapbox .profile_img .comparison_arrow:after { content: ''; display: block; width: 30px; height: 30px; border-radius: 50px; background-color: #fff; position: absolute; top: 50%; margin-top: -15px; left: -14px; }
#profile .profile_img_wrapbox .profile_text { width: 210px; background: #fff; padding: 30px; position: absolute; right: 0; bottom: -30px; z-index: 10; }
#profile .profile_img_wrapbox .profile_text p { font-size: 13px; letter-spacing: .05em; line-height: 1.75; margin-bottom: 20px; opacity: 0; transform: translate(0, 10px); }
#profile .profile_img_wrapbox .profile_text p:last-child { margin-bottom: 0; }
#profile .profile_img_wrapbox .profile_text p.name { font-size: 18px; font-weight: bold; }
#profile.animation .comparison_block { transform: translate(0, 20px); opacity: 0; }
#profile.animation h4 span { opacity: 0; }
#profile.animation h4 span:after { content: ''; width: 100%; height: 80px; background: #fff; display: block; position: absolute; left: 0; top: 0; transform: translate(-100%, 0); }
#profile.animation h4 span.-line:after { transition-delay: .1s !important; }
#profile.animation._view .comparison_block { opacity: 1; transform: translate(0, 0); transition: 1s cubic-bezier(0.36, 0.14, 0, 1) 0.8s; }
#profile.animation._view h4 span { opacity: 1; transition: opacity 0.8s, transform 1s cubic-bezier(0.36, 0.14, 0, 1); }
#profile.animation._view h4 span:after { transform: translate(120%, 0); transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }
#profile.animation._view .profile_img:after { opacity: 1; transition: 0.4s cubic-bezier(0.36, 0.14, 0, 1) 0.9s; }
#profile.animation._view .profile_text p { opacity: 1; transition: 0.4s cubic-bezier(0.36, 0.14, 0, 1) 0.9s; transform: translate(0, 0); }

#guidline { display: flex; position: relative; }
#guidline .inner { width: 85vw; }
#guidline .subpage_title { width: 15vw; position: relative; }
#guidline .subpage_title .title_wrapbox { top: 135px; bottom: 0; }
#guidline .subpage_title .title_wrapbox h2 { font-size: 30px; }
#guidline .subpage_title .title_wrapbox h2 .span_wrap span { padding: 4px 0; }
#guidline h5 { font-size: 30px; font-weight: bold; font-family: 'Noto Serif', serif; color: #fff; padding: 3px 7px 3px 10px; display: inline-block; letter-spacing: .05em; margin-bottom: 60px; position: relative; overflow: hidden; }
#guidline h5:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: #000; z-index: -1; transform: translate(-100%, 0); }
#guidline .guidline_list { display: flex; flex-wrap: nowrap; }
#guidline .guidline_list .guidline_list_box:first-child { width: 33%; padding-right: 35px; }
#guidline .guidline_list .guidline_list_box:last-child { width: 67%; }
#guidline .guidline_list .guidline_list_box .title { font-size: 16px; font-weight: bold; letter-spacing: .05em; margin-bottom: 30px; opacity: 0; transform: translate(0, 10px); }
#guidline .guidline_list .guidline_list_box ul li { margin-bottom: 20px; }
#guidline .guidline_list .guidline_list_box ul li p { padding-left: 25px; position: relative; letter-spacing: .05em; line-height: 2; font-size: 13px; }
#guidline .guidline_list .guidline_list_box ul li p span { font-size: 18px; font-family: 'Alice', sans-serif; font-weight: bold; position: absolute; left: 0; top: -6px; }
#guidline .guidline_list .guidline_list_box:last-child ul { width: 50%; display: flex; flex-wrap: wrap; flex-direction: column; }
#guidline .guidline_list .guidline_list_box:last-child ul li { padding-right: 35px; }
#guidline .guidline_list .guidline_list_box:last-child ul:last-child li { padding-right: 0; }
#guidline .guidline_list .guidline_list_box .guidline_list_box_inner { display: flex; opacity: 0; transform: translate(0, 20px); }
#guidline.animation._view h5:before { transform: translate(0, 0); transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }
#guidline.animation._view .title, #guidline.animation._view .guidline_list_box_inner { opacity: 1; transform: translate(0, 0); transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }

.maxwidth_img { width: 100%; height: 340px; transition: ease; }

#about .maxwidth_img { background: url(../img/img_profile_2.jpg) no-repeat center/cover; }

@media screen and (max-width: 1200px) { .title_wrapbox h2 { font-size: 72px; }
  .title_wrapbox .dot_wrap .dot:last-child, .title_wrapbox .dot_wrap .dot:nth-last-child(2) { display: none; } }
@media screen and (max-width: 1100px) { header #header .logo img { min-width: 450px; }
  .title_wrapbox h2 { font-size: 60px; }
  .title_wrapbox .dot_wrap .dot:nth-last-child(3), .title_wrapbox .dot_wrap .dot:nth-last-child(4) { display: none; }
  .work .title_wrapbox .dot_wrap .dot:nth-last-child(3), .work .title_wrapbox .dot_wrap .dot:nth-last-child(4), .work .title_wrapbox .dot_wrap .dot:nth-last-child(5) { display: none; } }
@media screen and (max-width: 1080px) { .gallery-slider { width: 80vw; }
  .gallery-thumbs { width: 20vw; }
  .gallery-thumbs .swiper-slide { width: 20vw; }
  #profile .inner { padding: 60px 0 80px; }
  #guidline .guidline_list { flex-wrap: wrap; }
  #guidline .guidline_list .guidline_list_box:first-child { width: 100% !important; padding-right: 0 !important; margin-bottom: 20px; }
  #guidline .guidline_list .guidline_list_box:last-child { width: 100% !important; }
  #guidline .guidline_list:last-child ul { width: 100% !important; }
  #guidline .guidline_list_box_inner { display: block !important; } }
@media screen and (min-width: 900px) { header #header #navi ul.header_navi:after { content: ''; width: 10px; height: 3px; background: #000; display: block; position: absolute; right: -20px; top: calc(50% - 3px); }
  header #header #navi ul.header_navi li a:hover { color: #a5b9e2; transition: .2s; }
  header #header #navi ul.header_links li a:hover { color: #a5b9e2; transition: .2s; }
  .-sp { display: none; }
  #footer { position: absolute; right: 20px; bottom: 16px; }
  .subpage header #header .logo img { width: 25vw; min-width: 400px; }
  .subpage .gallery { height: 470px !important; }
  .subpage .gallery .gallery-slider { border: 0 transparent; height: 470px !important; }
  .subpage .gallery-thumbs { height: 470px !important; }
  .subpage .gallery-thumbs .title_wrapbox { right: 63px; bottom: -5px; }
  .subpage .gallery-thumbs .title_wrapbox .dot_wrap .dot:nth-child(n+12):not(:nth-child(n+17)) { display: none; } }
@media screen and (max-width: 900px) { header #header .logo { left: 10px; top: 15px; }
  header #header .logo img { width: 70vw; min-width: auto; max-width: 100%; }
  #content { padding: 50px 0 10px; }
  .title_wrapbox { right: 40px; }
  .title_wrapbox .num { left: -15px; }
  .title_wrapbox h2 { font-size: 50px; }
  .title_wrapbox .dot_wrap { right: -10px; }
  .title_wrapbox .dot_wrap .dot { margin: 5px; }
  .title_wrapbox .dot_wrap .dot:before { left: 12px; }
  .title_wrapbox .dot_wrap .dot:after { left: 24px; }
  .span_wrap span { padding: 6px 0; }
  .gallery-slider { width: calc(100vw - 30px); border: 10px solid #fff; margin-left: 30px; }
  .gallery-slider .about { background: url("../img/img_slider_about-sp.jpg") no-repeat cover !important; }
  .gallery-slider .work { background: url("../img/img_slider_work-sp.jpg") no-repeat cover !important; }
  .gallery-thumbs { width: 110px; height: 100%; position: absolute; left: 0; bottom: -20px; z-index: 10; }
  .gallery-thumbs .swiper-slide { width: 110px; }
  #content .news { width: 50%; height: auto; background: #000 url("../img/icon_youtube.png") no-repeat 10px/22px 21px; right: 0; bottom: -10px; border: transparent; border-radius: 0; }
  #content .news a { padding: 15px 10px; }
  #content .news a .text { padding-bottom: 0; text-align: left; padding-left: 32px; }
  #content .news a .text p:first-child { font-size: 12px; margin-bottom: 2px; }
  #content .news a .thum, #content .news a h3 { display: none; }
  .-pc { display: none; }
  .-sp #navi { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 13; pointer-events: none; }
  .-sp #navi .header_logo { width: 86px; height: 43px; position: absolute; background: url("../img/logo.svg") no-repeat center/cover; top: 20px; left: 20px; display: block; opacity: 0; transform: translateY(20px); transition: 0.2s cubic-bezier(0.36, 0.14, 0, 1); }
  .-sp #navi .header_ul_wrap { width: 100%; height: 80%; position: relative; display: flex; align-items: center; justify-content: center; padding: 10vh 0 5vh; flex-flow: column; opacity: 0; transform: translateY(20px); transition: 0.2s cubic-bezier(0.36, 0.14, 0, 1); }
  .-sp #navi ul.header_navi { margin-right: 0 !important; display: block !important; }
  .-sp #navi ul.header_navi li a { font-size: 18px !important; padding: 14px 10px !important; }
  .-sp #navi ul.header_links { width: 75px; display: flex; padding-top: 20px; }
  .-sp #navi ul.header_links li a { padding: 10px !important; }
  .-sp #navi #footer { opacity: 0; transform: translateY(20px); transition: 0.2s cubic-bezier(0.36, 0.14, 0, 1); }
  .-sp #navi.open { pointer-events: auto; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }
  .-sp #navi.open .header_ul_wrap, .-sp #navi.open .header_logo, .-sp #navi.open #footer { opacity: 1; transform: translateY(0); transition: 0.6s cubic-bezier(0.36, 0.14, 0, 1); }
  .-sp #navi.open .header_ul_wrap { transition-delay: .3s; }
  .-sp #navi.open #footer { transition-delay: .5s; }
  .cursor { display: none; }
  #footer { position: absolute; width: 100%; bottom: 20px; }
  #footer p { text-align: center; }
  .sp_menu .text { width: 60px; position: fixed; top: 0; right: 10px; font-family: 'Mukta', sans-serif; font-size: 12px; font-weight: 600; text-align: center; letter-spacing: .05em; padding: 15px 0 21px; display: block; z-index: 13; }
  .sp_menu .text:before { content: 'MENU'; }
  .sp_menu .text:after { content: ''; width: 15px; height: 3px; background: #000; display: block; margin: auto; }
  .sp_menu .screen { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: #eaebf0; z-index: 12; transform: translate(0, -100%); transition: 0.6s cubic-bezier(0.36, 0.14, 0, 1); }
  .sp_menu.open .text:before { content: 'CLOSE'; }
  .sp_menu.open .screen { transform: translate(0, 0); transition: 0.6s cubic-bezier(0.36, 0.14, 0, 1); }
  .subpage header #header .logo img { width: 35vw; }
  .subpage .return_btn { width: 60px; height: 60px; bottom: -15px; }
  .subpage .return_btn:before, .subpage .return_btn:after { content: ''; width: 4px; height: 25px; right: 27px; bottom: 17px; }
  .subpage .gallery { height: 300px !important; }
  .subpage .gallery .gallery-slider { width: calc(100vw - 40px); border: transparent; margin-left: 40px; }
  .subpage .gallery .gallery-thumbs { bottom: -30px; }
  #profile .inner { padding: 140px 0 80px; }
  #guidline .inner { width: 100vw; padding: 100px 20px 80px; }
  #guidline h5 { font-size: 26px; margin-bottom: 40px; }
  #guidline .guidline_list .guidline_list_box ul li { margin-bottom: 10px; }
  .maxwidth_img { height: 200px; }
  #about .maxwidth_img { background: url(../img/img_profile_2-sp.jpg) no-repeat center/cover; } }
@media screen and (max-width: 600px) { #profile .profile_img_wrapbox .catchcopy { width: 235px; padding-left: 0; top: -155px; }
  #profile .profile_img_wrapbox .catchcopy h4 { font-size: 32px; background: #fff; padding: 5px 10px 5px 0; }
  #profile .profile_img_wrapbox .catchcopy h4 span.-line::before { width: 60px; top: 30px; left: 20px; }
  #profile .profile_img_wrapbox .profile_text { padding: 20px; bottom: -37px; }
  #profile .profile_img_wrapbox .profile_img { width: calc(100% - 40px); }
  #profile .profile_img_wrapbox .profile_img:after { width: 130px; height: 131px; top: -65px; } }
.train-goes-on { padding: 0 !important; }
.train-goes-on #mv .mv1 { width: 100vw; height: auto; background: url(../../asset/img/special/train-goes-on/traing-goes-on_top-img1.jpg) no-repeat top/cover; }