@charset "UTF-8";
:root { --color-esco: #eb5c02; --color-graduate: #b51f1f; --background-graduate: linear-gradient(-45deg, #b51f1f 50%, #e25c3d); --color-career: #004d47; --background-career: linear-gradient(-45deg, #004d47 50%, #3a6b4f); --background-light: linear-gradient(45deg, #fcf8f2 50%, #eadcc8); }

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1; }

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

ul { list-style: none; }

button, input, select, textarea { margin: 0; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

img, embed, object, audio, video { height: auto; max-width: 100%; }

iframe { border: 0; max-width: 100%; }

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

td, th { padding: 0; text-align: left; }

strong { font-weight: bold; }

/*html{font-size:18px}*/
html { font-size: 18px; }
@media screen and (max-width: 768px) { html { font-size: 14px; } }

body { font-family: 'Yu Gothic', YuGothic, 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-weight: 400; color: #464545; line-height: 1.85; }

/*@media screen and (max-width: 768px){body{font-size:.7777777778rem}
}*/
.en { font-family: '游明朝', 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif; }

main { margin-top: 120px; }

@media screen and (max-width: 768px) { main { margin-top: 60px; } }
a { color: #eb5c02; text-decoration: underline; }

a:hover { opacity: 0.6; }

p { margin-bottom: 1em; line-height: 1.85; }

p:last-child { margin-bottom: 0; }

img { width: auto; height: auto; max-width: 100%; display: inherit; }

.gutter-15.row { margin-right: -7.5px; margin-left: -7.5px; }

.gutter-15 > [class^="col-"], .gutter-15 > [class^=" col-"] { padding-right: 7.5px; padding-left: 7.5px; }

.gutter-20.row { margin-right: -10px; margin-left: -10px; }

.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right: 10px; padding-left: 10px; }

@media screen and (max-width: 1024px) { .gutter-15-tab.row { margin-right: -7.5px; margin-left: -7.5px; }
  .gutter-15-tab > [class^="col-"], .gutter-15-tab > [class^=" col-"] { padding-right: 7.5px; padding-left: 7.5px; } }
@media screen and (max-width: 768px) { .gutter-10-sp.row { margin-right: -5px; margin-left: -5px; }
  .gutter-10-sp > [class^="col-"], .gutter-10-sp > [class^=" col-"] { padding-right: 5px; padding-left: 5px; } }
@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; overflow: hidden; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
.slick-prev, .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0px; font-size: 0px; cursor: pointer; background: #eb5c02; color: transparent; top: 50%; -webkit-transform: translate(0, -80px); transform: translate(0, -80px); padding: 0; border: none; z-index: 2; overflow: hidden; }

@media screen and (max-width: 768px) { .slick-prev, .slick-next { width: 30px; height: 30px; -webkit-transform: translate(0, -27.5px); transform: translate(0, -27.5px); } }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.slick-prev { left: -85px; }

@media screen and (max-width: 768px) { .slick-prev { left: 0; } }
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-prev:before { content: ''; display: block; width: 0; height: 0; border-top: 9px solid transparent; border-left: 20px solid transparent; border-bottom: 9px solid transparent; border-right: 20px solid #fff; }

@media screen and (max-width: 768px) { .slick-prev:before { border-top: 5px solid transparent; border-left: 10px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #fff; } }
.slick-next { right: -85px; }

@media screen and (max-width: 768px) { .slick-next { right: 0; } }
[dir="rtl"] .slick-next { left: 0; right: auto; }

.slick-next:before { content: ''; display: block; width: 0; height: 0; border-top: 9px solid transparent; border-left: 20px solid #fff; border-bottom: 9px solid transparent; border-right: 20px solid transparent; -webkit-transform: translateX(20px); transform: translateX(20px); }

@media screen and (max-width: 768px) { .slick-next:before { border-top: 5px solid transparent; border-left: 10px solid #fff; border-bottom: 5px solid transparent; border-right: 10px solid transparent; -webkit-transform: translateX(10px); transform: translateX(10px); } }
.slick-dots { position: absolute; bottom: 50px; list-style: none; display: block; text-align: right; padding: 0 50px; margin: 0 auto; width: 100%; max-width: 1380px; z-index: 3; left: 0; right: 0; }

.slick-dots li { position: relative; display: inline-block; height: 9px; width: 9px; margin: 0 4.5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 9px; width: 9px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 4.5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: #fff; opacity: 1; }

.slick-dots li.slick-active button:before { background-color: #b51f1f; opacity: 1; }

.c-breadcrumb { position: absolute; bottom: 50px; right: 1em; color: #fff; font-size: 0.6666666667rem; }
@media screen and (max-width: 768px) { .c-breadcrumb { display: none; } }
.c-breadcrumb a { text-decoration: none; color: #fff; }
.c-breadcrumb-list { list-style: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.c-breadcrumb-list li a, .c-breadcrumb-list li span { line-height: 1; }
.c-breadcrumb-list li::after { content: "＞"; padding: 0 1em; }
.c-breadcrumb-list li:last-child::after { display: none; }

.c-button { width: 280px; font-size: 0.8888888889rem; padding: calc(1em - 1px); text-decoration: none; color: #eb5c02; display: inline-block; text-align: center; position: relative; }
@media screen and (max-width: 768px) { .c-button { width: 100%; } }
.c-button::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; border: 1px solid #eb5c02; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.c-button:hover { opacity: 1; }
.c-button:hover::before { -webkit-transform: scale(0.9); transform: scale(0.9); }
.c-button-inner { position: relative; z-index: 2; }
.c-button--small { width: 150px; padding: 10px; font-size: 0.7777777778rem; }
@media screen and (max-width: 768px) { .c-button--small { width: 100%; } }
.c-button--wide { width: 300px; padding: 10px; font-size: 0.8888888889rem; }
@media screen and (max-width: 768px) { .c-button--wide { width: 100%; } }
.c-button--graduate { color: #b51f1f; }
.c-button--graduate::before { border: 1px solid #b51f1f; }
.c-button--full { width: 100%; }

.c-h1 { color: #fff; font-size: 2.2222222222rem; line-height: 1.5; }
.c-h1-sub { font-size: 1.1111111111rem; margin-top: 50px; }

.c-h2 { color: #eb5c02; font-size: 1.6666666667rem; margin-bottom: 50px; line-height: 1.85; font-weight: 600; /*
	position:relative;
	padding-left:1.5em; &::before { 	content:""; 	display:block;width:1em;height:1em; 	position:absolute;top:.42em;left:0; 	background:var(--color-esco); }*/ }
@media screen and (max-width: 768px) { .c-h2 { margin-bottom: 30px; line-height: 1.33; } }
.c-h2::after { display: block; content: ""; width: 50px; height: 1px; background-color: #f9a603; margin-top: 37px; }
@media screen and (max-width: 768px) { .c-h2::after { margin-top: 30px; } }
.c-h2--accent-graduate { color: #b51f1f; }
.c-h2--accent-graduate::after { background-color: #b51f1f; }
.c-h2--accent-career { color: #004d47; }
.c-h2--accent-career::after { background-color: #004d47; }
.c-h2--white { color: #fff; }
.c-h2--white::after { background-color: #fff; }
.c-h2--noline::after { display: block; content: ''; width: 0; height: 0x; background-color: transparent; margin-top: 0; }

.c-h3 { color: #f9a603; font-size: 1.3333333333rem; margin-bottom: 1.85em; line-height: 1.85; font-weight: 500; }
@media screen and (max-width: 768px) { .c-h3 { margin-bottom: 1.33em; line-height: 1.33; } }
.c-h3--inverse { color: #fff; background-color: #f9a603; display: inline-block; line-height: 1.6666666667rem; }

.c-list--anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .c-list--anchor { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.c-list--anchor li { border-right: 1px solid #626262; padding: 0 47px; line-height: 1.85; }
@media screen and (max-width: 768px) { .c-list--anchor li { width: 50%; padding: 5px; text-align: center; margin: 5px 0; line-height: 1.33; }
  .c-list--anchor li:nth-child(2n-1) { border-left: 1px solid #626262; } }
.c-list--anchor li:first-child { border-left: 1px solid #626262; }
.c-list--anchor li a { color: #464545; text-decoration: none; }
.c-list--anchor li a:hover { opacity: 1; color: #eb5c02; text-decoration: underline; }
.c-list--anchor-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }
.c-list--anchor-box li { padding: 10px; }
.c-list--anchor-box li a { display: inline-block; padding: 10px 35px 10px 15px; border: 1px solid #626262; color: #333; position: relative; text-decoration: none; font-size: 0.6666666667rem; }
.c-list--anchor-box li a::after { content: ""; display: block; position: absolute; top: 10px; right: 13px; width: 8px; height: 8px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.c-list--block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -25px; }
@media screen and (max-width: 768px) { .c-list--block { margin: 0 -11px; } }
.c-list--block li { padding: 0 25px; width: 50%; margin: 0; line-height: 1.85; }
@media screen and (max-width: 768px) { .c-list--block li { width: 100%; padding: 0 11px; line-height: 1.33; } }
.c-list--block li span { display: block; padding: 38px 0; border-bottom: 1px solid #e9eaec; color: #eb5c02; }
@media screen and (max-width: 768px) { .c-list--block li span { padding: 12px 0; } }
.c-list--blocklink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px; }
@media screen and (max-width: 768px) { .c-list--blocklink { margin: -11px; } }
.c-list--blocklink li { padding: 25px; width: 50%; margin: 0; }
@media screen and (max-width: 768px) { .c-list--blocklink li { padding: 11px; width: 100%; } }
.c-list--blocklink li a { display: block; text-decoration: none; padding-bottom: 50px; }
@media screen and (max-width: 768px) { .c-list--blocklink li a { padding-bottom: 22px; } }
.c-list--blocklink li figure { aspect-ratio: 615/320; }
.c-list--blocklink li figure img { width: 100%; height: 100%; object-fit: cover; }
.c-list--blocklink-title { font-size: 1.6666666667rem; color: #333; line-height: 1; margin: 20px 0 0; }
@media screen and (max-width: 768px) { .c-list--blocklink-title { margin-top: 10px; } }
.c-list--blocklink-title-sub { display: inline-block; font-size: 1.1111111111rem; color: #eb5c02; margin-top: 14px; }
@media screen and (max-width: 768px) { .c-list--blocklink-title-sub { margin-top: 7px; } }
.c-list--boxlink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px; }
@media screen and (max-width: 768px) { .c-list--boxlink { margin: -11px; } }
.c-list--boxlink li { padding: 25px; width: 50%; margin: 0; }
@media screen and (max-width: 768px) { .c-list--boxlink li { width: 100%; padding: 11px; } }
.c-list--boxlink li a { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; border: 1px solid #e9eaec; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.c-list--boxlink li a::before { content: ""; display: block; width: 2px; height: 18px; background-color: #eb5c02; position: absolute; bottom: 20px; right: 28px; }
@media screen and (max-width: 768px) { .c-list--boxlink li a::before { bottom: 10px; right: 15px; height: 12px; } }
.c-list--boxlink li a::after { content: ""; display: block; width: 18px; height: 2px; background-color: #eb5c02; position: absolute; bottom: 28px; right: 20px; }
@media screen and (max-width: 768px) { .c-list--boxlink li a::after { bottom: 15px; right: 10px; width: 12px; } }
.c-list--boxlink-image img { display: block; }
@media screen and (max-width: 768px) { .c-list--boxlink-image { width: 40%; -ms-flex-negative: 0; flex-shrink: 0; } }
.c-list--boxlink-title { font-size: 1.3333333333rem; color: #333; line-height: 1; padding-left: 20px; }
.c-list--boxlink-title-sub { display: inline-block; font-size: 0.7777777778rem; margin-top: 14px; }
.c-list--point > li { padding-left: 15px; position: relative; }
.c-list--point > li::before { content: ""; width: 6px; height: 6px; border-radius: 3px; display: inline-block; background-color: #464545; position: absolute; top: 1em; left: 0; }
.c-list--circle > li { padding-left: 22px; position: relative; }
.c-list--circle > li::before { content: ""; width: 16px; height: 16px; border-radius: 8px; display: inline-block; background-color: #096dae; position: absolute; top: 4px; left: 0; }
.c-list--square > li { padding-left: 22px; position: relative; }
.c-list--square > li::before { content: ""; width: 16px; height: 16px; display: inline-block; background-color: #0096d0; position: absolute; top: 8px; left: 0; }
.c-list--link > li { padding-left: 15px; position: relative; }
.c-list--link > li::before { content: ""; width: 8px; height: 8px; border-top: 1px solid #00a0e9; border-right: 1px solid #00a0e9; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; position: absolute; top: 6.5px; left: 0; }
.c-list--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .c-list--horizontal { display: block; } }
.c-list--horizontal li { margin-left: 20px; margin-bottom: 0; }
@media screen and (max-width: 768px) { .c-list--horizontal li { margin-left: 0; margin-bottom: 10px; } }
.c-list--horizontal li:first-child { margin-left: 0; }
.c-list--horizontal--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.c-list--border li { background-position: left 16px; padding: 14px; border-bottom: 1px dashed #00a0e9; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; line-height: 1; }
.c-list--border li:last-child { border-bottom: 0; }
.c-list--border li a { color: #333; text-decoration: none; }
.c-list--border li a:hover { color: #00a0e9; }
.c-list--order { padding-left: 1em; }
.c-list--order--lv2 { padding-left: 0; }
.c-list--order--lv2 > li { position: relative; counter-increment: lv2; list-style: none; padding-left: 2em; }
.c-list--order--lv2 > li::before { content: "(" counter(lv2) ")"; position: absolute; left: 0; top: 0; letter-spacing: 0; }
.c-list--note li { color: #414141; position: relative; padding-left: 1.2em; font-size: 0.6111111111rem; line-height: 0.9444444444rem; }
.c-list--note li::before { content: "※"; display: inline-block; position: absolute; top: 0px; left: 0; }
.c-list--boxlink li a { background-color: #fff; }
.c-list--disc li { padding-left: 1.5em; text-indent: -1em; line-height: 1.5; margin: .5em 0; }
.c-list--disc li:before { font-family: "FontAwesome"; content: "\f111"; margin-right: .8em; width: 1em; font-size: 60%; vertical-align: 10%; }
.c-list--circlenum { position: relative; margin: 0; padding: 0; }
.c-list--circlenum li { list-style: none; list-style-position: outside; padding-left: 1.5em; line-height: 1.5; margin: 0.5em 0; }
.c-list--circlenum li span { position: absolute; left: 0; margin: 0; }

.c-menu { display: none; padding: 0; width: 25px; height: 16px; position: fixed; top: 23px; right: 18px; z-index: 1001; }
@media screen and (max-width: 768px) { .c-menu { display: block; } }
.c-menu-trigger { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; cursor: pointer; height: 16px; }
.c-menu-trigger span { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; height: 1px; background-color: #eb5c02; }
.c-menu-trigger span:nth-of-type(1) { top: 0; width: 20px; }
.c-menu-trigger span:nth-of-type(2) { top: 7px; width: 25px; }
.c-menu-trigger span:nth-of-type(3) { top: 15px; width: 20px; }
.c-menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(7.5px) translateX(0) rotate(-45deg); transform: translateY(7.5px) translateX(0) rotate(-45deg); }
.c-menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.c-menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-7.5px) translateX(0) rotate(45deg); transform: translateY(-7.5px) translateX(0) rotate(45deg); }

.modal-dialog { max-width: 800px; margin: 30px auto; }
.modal-body { position: relative; padding: 0px; }
.modal .close { position: absolute; right: -40px; top: 0; z-index: 999; font-size: 2rem; font-weight: normal; color: #fff; opacity: 1; }

.c-section { margin: 100px 0; }
@media screen and (max-width: 768px) { .c-section { margin: 50px 0; } }
.c-section-middle { margin: 50px 0; }
@media screen and (max-width: 768px) { .c-section-middle { margin: 25px 0; } }
.c-section-narrow { margin: 20px 0; }
@media screen and (max-width: 768px) { .c-section-narrow { margin: 20px 0; } }
.c-section-bg { padding: 100px 0; }
@media screen and (max-width: 768px) { .c-section-bg { padding: 50px 0; } }
.c-section-bg-middle { padding: 50px 0; }
@media screen and (max-width: 768px) { .c-section-bg-middle { padding: 25px 0; } }
.c-section-bg-narrow { padding: 20px 0; }
@media screen and (max-width: 768px) { .c-section-bg-narrow { padding: 20px 0; } }
.c-section-container { max-width: 1380px; margin: 0 auto; padding: 0 50px; }
@media screen and (max-width: 1024px) { .c-section-container { max-width: 100%; padding: 0 50px; } }
@media screen and (max-width: 768px) { .c-section-container { max-width: 100%; padding: 0 5vw; } }
.c-section-container-narrow { max-width: 790px; margin: 0 auto; padding: 0 50px; }
@media screen and (max-width: 1024px) { .c-section-container-narrow { max-width: 100%; padding: 0 50px; } }
@media screen and (max-width: 768px) { .c-section-container-narrow { max-width: 100%; padding: 0 20px; } }
.c-section-container-middle { max-width: 1100px; margin: 0 auto; padding: 0 50px; }
@media screen and (max-width: 1024px) { .c-section-container-middle { max-width: 100%; padding: 0 50px; } }
@media screen and (max-width: 768px) { .c-section-container-middle { max-width: 100%; padding: 0 20px; } }
.c-section-container-fill { padding: 0; overflow: hidden; }
@media screen and (max-width: 768px) { .c-section-container-fill-sp { padding: 0; overflow: hidden; } }

.people-template-default [class^="c-section"] h3 { font-size: 1.3333333333rem; margin-bottom: 1.85em; line-height: 1.5; font-weight: 600; color: inherit; padding-left: 1.75em; position: relative; }
.people-template-default [class^="c-section"] h3:not(:first-of-type) { margin-top: 1.85em; }
.people-template-default [class^="c-section"] h3:before { position: absolute; top: -0.2em; left: 0; font-family: 'FontAwesome'; content: "\f075"; font-size: 125%; }

.people-template-default .graduate .c-section h3:before { color: var(--color-graduate); }

.people-template-default .career .c-section h3:before { color: var(--color-career); }

.c-tab-nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; }
@media screen and (max-width: 768px) { .c-tab-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px 5px; } }
.c-tab-nav-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
@media screen and (max-width: 768px) { .c-tab-nav-item { width: 50%; padding: 5px; } }
.c-tab-nav-item:first-child a { border-radius: 8px 0 0 0; }
@media screen and (max-width: 768px) { .c-tab-nav-item:first-child a { border-radius: 0; } }
.c-tab-nav-item:last-child a { border-right: 1px solid #eb5c02; border-radius: 0 8px 0 0; }
@media screen and (max-width: 768px) { .c-tab-nav-item:last-child a { border-radius: 0; } }
.c-tab-nav-item a { background-color: #fff; border: 1px solid #eb5c02; border-bottom: 4px solid #eb5c02; border-right: 0; display: block; padding: 20px; text-align: center; text-decoration: none; color: #eb5c02; }
@media screen and (max-width: 768px) { .c-tab-nav-item a { border-right: 1px solid #eb5c02; } }
.c-tab-nav-item a[aria-selected="true"] { background-color: #eb5c02; color: #fff; }
.c-tab-contents-item { display: none; background-color: #fff; border: 1px solid #ebebeb; border-top: 0; padding: 50px; }
.c-tab-contents-item[aria-hidden="false"] { display: block; }
@media screen and (max-width: 768px) { .c-tab-contents-item { padding: 20px; border-top: 1px solid #ebebeb; } }
.c-tab-small-nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: -7.5px; padding: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
@media screen and (max-width: 768px) { .c-tab-small-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px 5px; } }
.c-tab-small-nav-item { padding: 7.5px; width: 100%; }
.c-tab-small-nav-item a { background-color: #e9eaec; display: block; padding: 15px; text-align: center; text-decoration: none; color: #464545; font-size: 0.7777777778rem; }
.c-tab-small-nav-item a[aria-selected="true"] { background-color: #464545; color: #fff; }
@media screen and (max-width: 768px) { .c-tab-small-nav-item { width: 50%; padding: 5px; } }
.c-tab-small-contents-item { display: none; background-color: #fff; padding: 50px 0; }
.c-tab-small-contents-item[aria-hidden="false"] { display: block; }

.c-table { width: 100%; }
.c-table tbody tr { border-top: 1px solid #e9eaec; }
.c-table tbody tr:last-child { border-bottom: 1px solid #e9eaec; }
.c-table tbody th { padding: 50px 0; vertical-align: top; color: #eb5c02; font-weight: 400; width: 250px; }
@media screen and (max-width: 768px) { .c-table tbody th { display: block; padding: 20px 0 0; width: 100%; } }
.c-table tbody td { padding: 50px 0; vertical-align: top; color: #333; }
@media screen and (max-width: 768px) { .c-table tbody td { display: block; padding: 20px 0; width: 100%; } }
.c-table--narrow tbody th, .c-table--narrow tbody td { padding: 25px 0; }
@media screen and (max-width: 768px) { .c-table--narrow tbody th { padding: 15px 0 0; }
  .c-table--narrow tbody td { padding: 15px 0; } }
.c-table--variable tbody th { width: auto; padding-right: 50px; white-space: nowrap; }
.c-table--career tbody th { color: #004d47; }
.c-table-innerlist { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .c-table-innerlist { display: block; } }
.c-table-innerlist-title { -ms-flex-negative: 0; flex-shrink: 0; width: 210px; padding: 0; }
@media screen and (max-width: 768px) { .c-table-innerlist-title { width: 100%; padding: 20px 0; } }

.c-people { display: grid; gap: 1rem; padding: 1rem 0; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.c-people__item { container-type: inline-size; width: 100%; max-width: 512px; box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.1); position: relative; }
.c-people__item > a { padding: 5cqw; text-decoration: none; display: block; }
.c-people__item figure { margin: 0; aspect-ratio: 615 / 320; }
.c-people__item figure > img { width: 100%; height: 100%; object-fit: cover; }
.c-people__item .c-people__term { position: absolute; top: 7.5cqw; left: 7.5cqw; }
.c-people__item .c-people__term > span { font-size: 3.5cqw; padding: .25em .5em; color: #fff; border: none; }
.c-people__item .c-people__term .graduate { background: var(--background-graduate); }
.c-people__item .c-people__term .career { background: var(--background-career); }
.c-people__item .c-people__profile { line-height: 1.5; font-size: 5cqw; color: #555; margin: .5em 0; display: inline-block; }
.c-people__item .c-people__profile:not(:last-of-type):after { content: "／"; }
.c-people__item .c-people__profile > span { font-size: 75%; }
.c-people__item .c-people__profile .c-people__label { font-size: 3cqw; border: 1px solid #555; padding: .1em .5em; margin: 0 1cqw; }
.c-people__item .c-people__profile .c-people__label.career { color: #fff; border: none; background: var(--background-career); }
.c-people__item .c-people__profile .c-people__label.graduate { color: #fff; border: none; background: var(--background-graduate); }
.c-people__item .c-people__title { line-height: 1.5; font-size: 4cqw; color: #ff7f00; }

/* トラックをflexにすると、同一行のスライド高さが揃う */
[class^="c-people--slider"] { /* 各スライドを自動高さにして、内部ボックスで高さ揃え */ /* スライド直下のラッパ（HTML構造によって適宜変更） */ /*  .slick-slide > div {display: flex;flex-direction: column;width: 100%;}*/ }
[class^="c-people--slider"] .slick-track { display: flex !important; /* 重要：slickの内部styleに勝つため !important 推奨 */ gap: 1rem; padding: 1rem 0; }
[class^="c-people--slider"] .slick-slide { height: auto !important; /* slickが height を固定する場合の保険 */ }
[class^="c-people--slider"] .slick-prev { left: 0; }
[class^="c-people--slider"] .slick-next { right: 0; }

.p-comment { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .p-comment { margin-bottom: 30px; } }
.p-comment-person { width: 120px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; }
@media screen and (max-width: 768px) { .p-comment-person { width: 80px; } }
.p-comment-photo { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }
@media screen and (max-width: 768px) { .p-comment-photo { width: 80px; height: 80px; } }
.p-comment-name { text-align: center; font-size: 0.7222222222rem; }
.p-comment-text { font-size: 0.7777777778rem; }

.p-exnav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; margin: 0; padding: 0; }
@media screen and (max-width: 768px) { .p-exnav-list { margin-right: 37px; } }
.p-exnav-list-separator { display: -webkit-box; display: -ms-flexbox; display: flex; }
.p-exnav-list-separator::before { content: "／"; font-size: 0.6666666667rem; padding: 0 10px; line-height: 30px; height: 30px; }
.p-exnav-button { display: block; width: 150px; text-align: center; height: 30px; padding: 0; line-height: 30px; font-size: 0.6666666667rem; text-decoration: none; }
@media screen and (max-width: 768px) { .p-exnav-button { width: 75px; height: 25px; line-height: 25px; } }
.p-exnav-button--mypage { background-color: #fff; border: 1px solid #b51f1f; color: #b51f1f; }
.p-exnav-button--graduate { margin-left: 10px; background-color: #b51f1f; border: 1px solid #b51f1f; color: #fff; }
.p-exnav-button--career { background-color: #004d47; border: 1px solid #004d47; color: #fff; }

.p-eyecatch { background-size: cover; background-position: center; background-image: url(../images/common/eyecatch_aboutesco.jpg); }
.p-eyecatch-overlay { background-color: rgba(44, 48, 51, 0.85); }
.p-eyecatch-overlay .p-eyecatch-inner { height: 250px; }
.p-eyecatch-inner { max-width: 1380px; padding: 0 50px; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; }
@media screen and (max-width: 768px) { .p-eyecatch-inner { height: 175px; padding: 0 22px; } }
.p-eyecatch h1, .p-eyecatch .c-breadcrumb { text-shadow: 1px 1px 5px black; }
.p-eyecatch--career { background-image: url(/recruit/images/career_kv.jpg); }
.p-eyecatch__label { position: absolute; top: 10%; left: 50px; color: #fff; padding: 0 1em; }
@media (max-width: 768px) { .p-eyecatch__label { left: 22px; } }
.p-eyecatch-overlay.test { background: #b51f1f; background: linear-gradient(135deg, rgba(181, 31, 31, 0.85) 25%, rgba(0, 0, 0, 0.66) 25%, rgba(0, 0, 0, 0.66) 75%, rgba(181, 31, 31, 0.85) 75%); }

.p-faq-list { border-bottom: 1px solid #e9eaec; }
.p-faq-question { border-top: 1px solid #e9eaec; padding: 25px 20px 25px 50px; font-size: 0.8888888889rem; line-height: 1.85; position: relative; }
@media screen and (max-width: 768px) { .p-faq-question { padding-left: 50px; } }
.p-faq-question::before { content: "Q."; color: #eb5c02; font-size: 1.1111111111rem; display: block; width: 30px; height: 36px; line-height: 1.1111111111rem; letter-spacing: 0.15em; position: absolute; top: 30px; left: 10px; }
@media screen and (max-width: 768px) { .p-faq-question::before { left: 0; } }
.p-faq-question .arrow::before { content: ""; display: block; width: 2px; height: 12px; background-color: #eb5c02; position: absolute; top: 35px; right: 25px; }
.p-faq-question .arrow::after { content: ""; display: block; width: 12px; height: 2px; background-color: #eb5c02; position: absolute; top: 40px; right: 20px; }
.p-faq-question.active .arrow::before { display: none; }
.p-faq-answer { display: none; padding: 0 10px 25px 50px; line-height: 1.85; position: relative; color: #eb5c02; }
@media screen and (max-width: 768px) { .p-faq-answer { padding-left: 50px; } }
.p-faq-answer::before { content: "A."; color: #eb5c02; font-size: 1.4444444444rem; display: block; width: 30px; height: 36px; line-height: 1.1111111111rem; letter-spacing: 0.15em; position: absolute; top: 10px; left: 10px; }
@media screen and (max-width: 768px) { .p-faq-answer::before { left: 0; } }

.p-footer-contact { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .p-footer-contact { display: block; } }
.p-footer-contact-button { display: block; width: 100%; height: 200px; padding-top: 58px; font-size: 1.1111111111rem; color: #fff; text-decoration: none; text-align: center; }
@media screen and (max-width: 768px) { .p-footer-contact-button { height: 160px; padding-top: 57px; } }
.p-footer-contact-button--graduate { background-color: #b51f1f; }
.p-footer-contact-button--career { background-color: #004d47; }
.p-footer-contact-button small { font-size: 0.7777777778rem; margin-top: 40px; display: inline-block; }
@media screen and (max-width: 768px) { .p-footer-contact-button small { margin-top: 21px; } }
.p-footer-pagetop { position: absolute; bottom: 20px; right: 40px; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 80px; font-size: 0.7777777778rem; color: #eb5c02; text-decoration: none; }
@media screen and (max-width: 768px) { .p-footer-pagetop { width: 50px; height: 50px; line-height: 50px; bottom: auto; top: -25px; right: 50%; -webkit-transform: translateX(25px); transform: translateX(25px); } }
.p-footer-nav { background-color: #333; position: relative; }
@media screen and (max-width: 768px) { .p-footer-nav { padding: 0 22px; } }
.p-footer-nav-large { max-width: 1380px; margin: 0 auto; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .p-footer-nav-large { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0 0; } }
.p-footer-nav-large-button { width: 100%; font-size: 20px; padding: 15px; text-align: center; color: #fff; text-decoration: none; border-left: 1px solid #777674; }
@media screen and (max-width: 768px) { .p-footer-nav-large-button { border-left: 0; border-top: 1px solid #777674; padding: 25px; } }
.p-footer-nav-large-button.disabled { color: rgba(255, 255, 255, 0.1); pointer-events: none; }
.p-footer-nav-large-button:first-child { border-left: 0; }
@media screen and (max-width: 768px) { .p-footer-nav-large-button:first-child { border-top: 0; } }
.p-footer-nav-list { max-width: 1380px; width: 100%; margin: 0 auto; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*border-top: 1px solid #777674;*/ }
@media screen and (max-width: 768px) { .p-footer-nav-list { display: block; padding: 10px 0 25px; } }
.p-footer-nav-list li { padding: 0 14px; }
@media screen and (max-width: 768px) { .p-footer-nav-list li { display: block; text-align: center; margin-top: 15px; } }
.p-footer-nav-list li a { font-size: 0.7777777778rem; color: rgba(255, 255, 255, 0.5); text-decoration: none; }
.p-footer-copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px; }
@media screen and (max-width: 768px) { .p-footer-copyright { display: block; padding: 0 22px; } }
.p-footer-copyright p { margin: 0; font-size: 0.7777777778rem; }
@media screen and (max-width: 768px) { .p-footer-copyright p { text-align: center; padding: 25px; }
  .p-footer-copyright p:first-child { border-bottom: 1px solid #777674; } }

.p-gallery-scroll-item { max-width: 422px; width: 100%; padding: 0 1px; }

.p-gnav { margin-top: 20px; }
@media screen and (max-width: 768px) { .p-gnav { display: none; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background-color: #fcf8f2; padding: 25px 22px 0; margin: 0; overflow-y: auto; }
  .p-gnav.visible { display: block; } }
.p-gnav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .p-gnav-list { display: block; } }
.p-gnav-list > li { margin-left: 28px; }
@media screen and (max-width: 768px) { .p-gnav-list > li { margin: 0; } }
.p-gnav-list > li > a { color: #333; text-decoration: none; font-size: 0.7777777778rem; display: inline-block; height: 30px; line-height: 30px; position: relative; z-index: 10001; }
@media screen and (max-width: 768px) { .p-gnav-list > li > a { display: none; } }
.p-gnav-list > li > a.hasmenu::before { content: ""; display: block; border-top: 17px solid transparent; border-bottom: 17px solid #fcf8f2; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; bottom: -22px; -webkit-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; opacity: 0; visibility: hidden; }
.p-gnav-list > li .p-gnav-list-entry { display: block; background-color: #333; color: #fff; font-size: 0.6666666667rem; width: 150px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; }
@media screen and (max-width: 768px) { .p-gnav-list > li .p-gnav-list-entry { display: none; } }
.p-gnav-list > li .p-gnav-list-entry::after { content: "▲"; }
.p-gnav-list > li .p-gnav-list-entry:hover { text-decoration: none; }
.p-gnav-list > li .p-gnav-list-entry:hover::after { content: "▼"; }
@media screen and (min-width: 769px) { .p-gnav-list > li:hover > a { opacity: 1; text-decoration: underline; }
  .p-gnav-list > li:hover > a::before { visibility: visible; opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  .p-gnav-list > li:hover > a.p-gnav-list-entry { text-decoration: none; }
  .p-gnav-list > li:hover > a.p-gnav-list-entry::after { content: "▼"; }
  .p-gnav-list > li:hover .p-gnav-wide, .p-gnav-list > li:hover .p-gnav-entry { visibility: visible; opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } }
.p-gnav-wide { display: block; position: absolute; top: 98px; left: 0; right: 0; width: 100%; height: 252px; margin: 0 auto; border-top: 22px solid #fff; background-color: #fcf8f2; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; opacity: 0; visibility: hidden; z-index: 10000; }
@media screen and (max-width: 768px) { .p-gnav-wide { position: static; opacity: 1; visibility: visible; height: auto; border-top: 0; } }
.p-gnav-wide-inner { max-width: 1380px; margin: 0 auto; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .p-gnav-wide-inner { display: block; border-bottom: 1px solid #eb5c02; margin-bottom: 25px; padding: 0 0 25px; } }
.p-gnav-wide-title { font-size: 1.3333333333rem; width: 230px; -ms-flex-negative: 0; flex-shrink: 0; }
@media screen and (max-width: 768px) { .p-gnav-wide-title { width: auto; } }
.p-gnav-wide-title small { display: inline-block; margin-top: 19px; font-size: 0.7777777778rem; }
@media screen and (max-width: 768px) { .p-gnav-wide-title small { margin-top: 10px; } }
@media screen and (max-width: 768px) { .p-gnav-wide-title-header { position: relative; }
  .p-gnav-wide-title-header::before { content: ""; display: block; width: 2px; height: 12px; background-color: #333; position: absolute; top: 16px; right: 25px; }
  .p-gnav-wide-title-header::after { content: ""; display: block; width: 12px; height: 2px; background-color: #333; position: absolute; top: 21px; right: 20px; }
  .p-gnav-wide-title-header.active::before { display: none; } }
.p-gnav-wide-title a { color: #464545; text-decoration: none; }
.p-gnav-wide-title small { font-weight: 400; }
.p-gnav-wide-nav { border-left: 1px solid #eb5c02; padding-left: 50px; width: 100%; }
@media screen and (max-width: 768px) { .p-gnav-wide-nav { border: 0; padding: 0; width: auto; display: none; } }
.p-gnav-wide-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px 0; padding: 0; }
@media screen and (max-width: 768px) { .p-gnav-wide-list { display: block; margin: 0; } }
.p-gnav-wide-list li { padding: 10px 0 10px 50px; width: 33.3333%; margin: 0; }
@media screen and (max-width: 768px) { .p-gnav-wide-list li { margin-top: 14px; padding: 0; width: auto; }
  .p-gnav-wide-list li:first-child { margin-top: 25px; } }
.p-gnav-wide-list li a { color: #eb5c02; text-decoration: none; }
.p-gnav-wide-list li a::before { content: "- "; }
.p-gnav-wide-list li a.current { color: #f9a603; }
.p-gnav-entry { display: block; position: absolute; top: 98px; right: 18px; width: 340px; padding-top: 42px; background-color: transparent; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; opacity: 0; visibility: hidden; z-index: 10000; }
.p-gnav-entry-button { display: block; height: 90px; padding-top: 20px; font-size: 1.3333333333rem; color: #fff; text-align: center; text-decoration: none; }
.p-gnav-entry-button small { font-size: 1rem; }
.p-gnav-entry-button--graduate { background-color: #b51f1f; }
.p-gnav-entry-button--career { background-color: #004d47; }
.p-gnav-entry-sp { display: none; }
@media screen and (max-width: 768px) { .p-gnav-entry-sp { display: block; padding-bottom: 50px; } }
.p-gnav-entry-sp-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; }
.p-gnav-entry-sp-list li { width: 50%; padding: 5px; }
.p-gnav-entry-sp-list-button { display: block; height: 50px; text-align: center; text-decoration: none; font-size: 0.8333333333rem; }
.p-gnav-entry-sp-list-button--top-graduate { background-color: #fff; color: #b51f1f; border: 1px solid #b51f1f; padding-top: 17px; }
.p-gnav-entry-sp-list-button--top-career { background-color: #fff; color: #004d47; border: 1px solid #004d47; padding-top: 17px; }
.p-gnav-entry-sp-list-button--entry-graduate { background-color: #b51f1f; color: #fff; border: 1px solid #b51f1f; padding-top: 9px; }
.p-gnav-entry-sp-list-button--entry-career { background-color: #004d47; color: #fff; border: 1px solid #004d47; padding-top: 9px; }

.p-header { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 10000; height: 120px; }
.p-header-inner { padding: 18px 18px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 18px; height: 100%; max-width: 1440px; margin-inline: auto; }
@media screen and (max-width: 768px) { .p-header-inner { padding: 18px; padding-left: 1vw; padding: 10px; }
  .p-header-inner .p-header-left { width: 200px; }
  .p-header-inner .p-header-logo .sp { max-height: 40px; margin-left: 0; } }
.p-header-left { width: 50%; max-width: 400px; }
.p-header-logo { display: block; width: 100%; }
.p-header-logo > img { width: 100%; }
.p-header-logo .pc { display: none; }
@media (min-width: 769px) { .p-header-logo .pc { display: block; } }
.p-header-logo .sp { display: none; }
@media (max-width: 768px) { .p-header-logo .sp { display: block; max-width: 300px; } }
@media (max-width: 768px) { .p-header { height: 60px; } }
.p-header-right { display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.p-header-right .p-gnav { margin: 0; }
.p-header-right .p-exnav-list { gap: 10px; height: 40px; }
@media (max-width: 768px) { .p-header-right .p-exnav-list { margin-right: 50px; } }
.p-header-right .p-exnav-list li a { height: 100%; display: flex; justify-content: center; align-items: center; }
.p-header-right .p-exnav-list li a > img { height: 100%; }
.p-header .p-gnav-entry-sp-list-button { display: flex; justify-content: center; align-items: center; }
.p-header .p-gnav-entry-sp-list-button--entry-graduate, .p-header .p-gnav-entry-sp-list-button--entry-career { padding: 0; }
.p-header .instagram-button { height: 100%; display: block; aspect-ratio: 1; }

.p-pagenav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 50px 0; }
.p-pagenav-prev { display: block; width: 60px; height: 60px; background-color: #eb5c02; position: relative; }
@media screen and (max-width: 768px) { .p-pagenav-prev { width: 42px; height: 42px; } }
.p-pagenav-prev::before { content: ""; display: block; width: 0; height: 0; border-right: 20px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; top: 21px; left: 20px; }
@media screen and (max-width: 768px) { .p-pagenav-prev::before { border-right: 14px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; top: 15px; left: 14px; } }
.p-pagenav-next { display: block; width: 60px; height: 60px; background-color: #eb5c02; position: relative; }
@media screen and (max-width: 768px) { .p-pagenav-next { width: 42px; height: 42px; } }
.p-pagenav-next::before { content: ""; display: block; width: 0; height: 0; border-left: 20px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; top: 21px; left: 20px; }
@media screen and (max-width: 768px) { .p-pagenav-next::before { border-left: 14px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; top: 15px; left: 14px; } }
.p-pagenav-list { color: #b51f1f; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.p-pagenav-list img { display: block; }

.p-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .p-profile { margin-bottom: 30px; } }
.p-profile-photo { margin-right: 50px; width: 120px; height: 120px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
@media screen and (max-width: 768px) { .p-profile-photo { width: 80px; height: 80px; margin-right: 30px; } }
.p-profile-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }
.p-profile-panel-item { width: 50%; padding: 10px; }
@media screen and (max-width: 768px) { .p-profile-panel-item { width: 100%; } }
.p-profile-panel-item-inner { position: relative; background-color: #fff; padding: 30px; height: 100%; }
@media screen and (max-width: 768px) { .p-profile-panel-item-inner { padding: 20px; } }
.p-profile-panel-item-inner::before { content: ""; display: block; width: 80px; height: 80px; background-color: #eb5c02; position: absolute; top: 0; left: 0; }
@media screen and (max-width: 768px) { .p-profile-panel-item-inner::before { width: 60px; height: 60px; } }
.p-profile-panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; position: relative; }
.p-profile-panel-header-photo { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; }
@media screen and (max-width: 768px) { .p-profile-panel-header-photo { width: 80px; height: 80px; margin-left: 10px; } }
.p-profile-panel-header-body p { line-height: 1.6; }
.p-profile-panel-header-name { font-size: 1.3333333333rem; }
.p-profile-panel-header-name small { font-size: 0.7777777778rem; margin-left: 10px; }
@media screen and (max-width: 768px) { .p-profile-panel-header-name small { display: block; margin-left: 0; } }
.p-profile-panel + .notes { font-size: 0.7777rem; margin-top: 1em; text-align: right; }

.p-requirements-header { border-top: 1px solid #528f8b; border-bottom: 1px solid #528f8b; padding: 40px 50px; font-size: 1.3333333333rem; line-height: 1.85; position: relative; color: #004d47; margin-top: 20px; }
@media screen and (max-width: 768px) { .p-requirements-header { padding: 20px 40px 20px 0; } }
.p-requirements-header h3 { font-weight: 500; }
.p-requirements-header .arrow::before { content: ""; display: block; width: 2px; height: 18px; background-color: #004d47; position: absolute; top: 53px; right: 58px; }
@media screen and (max-width: 768px) { .p-requirements-header .arrow::before { height: 12px; top: 33px; right: 20px; } }
.p-requirements-header .arrow::after { content: ""; display: block; width: 18px; height: 2px; background-color: #004d47; position: absolute; top: 61px; right: 50px; }
@media screen and (max-width: 768px) { .p-requirements-header .arrow::after { width: 12px; top: 38px; right: 15px; } }
.p-requirements-header.active { border-bottom: 0; }
.p-requirements-header.active .arrow::before { display: none; }
.p-requirements-body { display: none; padding: 0 50px; line-height: 1.85; position: relative; border-bottom: 1px solid #528f8b; }
@media screen and (max-width: 768px) { .p-requirements-body { padding: 0 20px; } }
.p-requirements__text { margin-top: 1.5em; font-size: 1rem; color: #333; }

.p-topics { padding: 25px 0; }
.p-topics--top { background-color: #eb5c02; color: #fff; }
.p-topics__inner { max-width: 1380px; padding: 0 50px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .p-topics__inner { padding: 0 22px; display: block; } }
.p-topics__header { color: #fff; font-size: 1.25rem; -ms-flex-negative: 0; flex-shrink: 0; max-width: 240px; min-width: 150px; padding-right: 1em; }
@media screen and (max-width: 768px) { .p-topics__header { width: 100%; max-width: 100%; padding-bottom: 20px; } }
.p-topics__body { border-left: 1px solid #fff; padding: 25px 50px 25px 80px; }
@media screen and (max-width: 768px) { .p-topics__body { border-left: 0; border-top: 1px solid #fff; padding: 25px 0 0; } }
.p-topics__list { list-style: none; margin: 0; padding: 0; }
.p-topics__list li { margin-bottom: 40px; }
@media screen and (max-width: 768px) { .p-topics__list li { margin-bottom: 25px; } }
.p-topics__list li:last-child { margin-bottom: 0; }
.p-topics__date { color: #fff; font-size: .875rem; line-height: 15px; display: inline-block; width: 5rem; }
.p-topics__category { display: inline-block; width: 110px; height: 20px; background-color: #fff; color: #000; mix-blend-mode: screen; text-align: center; line-height: 20px; margin: 0 18px; font-size: .75rem; font-weight: bold; }
@media screen and (max-width: 768px) { .p-topics__category { width: 70px; height: 15px; line-height: 15px; } }
.p-topics__title { text-decoration: none; color: #fff; line-height: 20px; font-size: .875rem; }
@media screen and (max-width: 768px) { .p-topics__title { display: block; line-height: 1.33; margin-top: 20px; } }
.p-topics__dept > span { display: inline-block; margin-right: .75em; }

.p-mv-fg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
.p-mv-copy { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 100px 50px; color: #fff; font-size: 4.5rem; font-weight: bold; line-height: 1.33; width: 100%; max-width: 1380px; }
.p-mv-copy p:last-child { font-size: 50%; float: right; text-indent: -1em; max-width: 705px; }
.p-mv-copy p:last-child > span { display: inline-block; text-indent: 0; }
@media screen and (max-width: 768px) { .p-mv-copy { font-size: 8vw; padding: 0 10vw; } }

.p-photonav { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .p-photonav { display: block; } }
.p-photonav li { padding-right: 1px; width: 100%; }
@media screen and (max-width: 768px) { .p-photonav li { padding-top: 1px; padding-right: 0; } }
.p-photonav li h2 { z-index: 1; text-shadow: 0 0 10px #555; }
.p-photonav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 2.2222222222rem; text-align: center; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; }
.p-photonav li a::before { content: ""; display: block; background-color: rgba(235, 92, 2, 0.55); -webkit-transform-origin: right; transform-origin: right; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.p-photonav li a::after { content: ""; display: block; padding-top: 66.6666%; }
@media screen and (max-width: 768px) { .p-photonav li a::after { padding-top: 53.333%; } }
.p-photonav li a:hover { opacity: 1; }
.p-photonav li a:hover::before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.p-photonav li a small { display: block; margin-top: 50px; font-size: 1.1111111111rem; }
@media screen and (max-width: 768px) { .p-photonav li a small { margin-top: 25px; } }
.p-photonav-bg { background-size: cover; background-position: center; }

.p-culture-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -25px -40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 768px) { .p-culture-list { margin: -12.5px -8.5px; } }
.p-culture-list li { padding: 25px 40px; width: 25%; }
@media screen and (max-width: 768px) { .p-culture-list li { width: 33.3333%; padding: 12.5px 8.5px; } }
.p-culture-list li a { display: block; text-decoration: none; color: #333; }
.p-culture-list li a:hover { opacity: 1; }
.p-culture-list li a:hover img { -webkit-transform: scale(0.95); transform: scale(0.95); }
.p-culture-icon { margin-bottom: 20px; text-align: center; }
@media screen and (max-width: 768px) { .p-culture-icon { margin-bottom: 9px; } }
.p-culture-icon img { display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; }

.p-interview-bg { position: relative; padding-bottom: 100px; }
@media screen and (max-width: 768px) { .p-interview-bg { padding-bottom: 25px; } }
.p-interview-bg-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: absolute; width: 100%; height: 460px; }
@media screen and (max-width: 768px) { .p-interview-bg-box { height: 170px; background-color: #eeeeee; } }
.p-interview-bg-box::before { content: ""; display: block; background-color: #eeeeee; width: 100%; }
.p-interview-bg-box-inner { -ms-flex-negative: 0; flex-shrink: 0; max-width: 1380px; padding: 0 50px; width: 100%; background-color: #eeeeee; }
.p-interview-bg-box::after { content: ""; display: block; width: 100%; }
.p-interview-list { margin: 0 -25px; }
@media screen and (max-width: 768px) { .p-interview-list { margin: 0 -12.5px; } }
.p-interview-list li { padding: 0 25px; width: 33.33333%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; margin-bottom: 100px; }
@media screen and (max-width: 768px) { .p-interview-list li { padding: 0 12.5px; margin-bottom: 25px; width: 50%; } }
.p-interview-list li.slick-current + .slick-active { -webkit-transform: translateY(50px); transform: translateY(50px); }
@media screen and (max-width: 768px) { .p-interview-list li.slick-current + .slick-active { -webkit-transform: translateY(25px); transform: translateY(25px); } }
.p-interview-list li.slick-current + .slick-active + .slick-active { -webkit-transform: translateY(100px); transform: translateY(100px); }
.p-interview-list li.slick-current + .slick-active + .slick-active + .slick-slide { -webkit-transform: translateY(100px); transform: translateY(100px); }
.p-interview-list li a { display: block; position: relative; text-decoration: none; }
.p-interview-list li a:hover { opacity: 1; }
.p-interview-list li a:hover .graduate-interview-photo::after { -webkit-transform: scaleX(1); transform: scaleX(1); }
.p-interview-photo { position: relative; aspect-ratio: 3/4; }
.p-interview-photo::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform-origin: left; transform-origin: left; }
.p-interview-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.p-interview-categories { position: absolute; top: 10px; left: 10px; list-style: none; margin: 0; padding: 0; }
@media screen and (max-width: 768px) { .p-interview-categories { top: 5px; left: 5px; } }
.p-interview-categories li { display: block; width: auto; /*width: 80px;*/ height: 20px; border: 1px solid #fff; font-size: 0.7777777778rem; line-height: 20px; color: #fff; text-align: center; margin-bottom: 10px; padding: 0 .5em; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)); }
@media screen and (max-width: 768px) { .p-interview-categories { /*width: 40px;*/ height: 10px; font-size: 0.3888888889rem; margin-bottom: 5px; line-height: 10px; } }
.p-interview-profile { margin: -45px 30px 0; background-color: #eb5c02; color: #fff; padding: 15px 25px; position: relative; }
@media screen and (max-width: 768px) { .p-interview-profile { margin: -22.5px 15px 0; padding: 7.5px 12.5px; } }
.p-interview-profile p { line-height: 1.33; }
.p-interview-name { font-size: 1.3333333333rem; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom: 10px; }

.p-panellink { margin: -25px 0; }
.p-panellink-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; }
@media screen and (max-width: 768px) { .p-panellink-item { display: block; } }
.p-panellink-photo { width: 50%; }
.p-panellink-photo a { display: block; position: relative; overflow: hidden; }
.p-panellink-photo a:hover { opacity: 1; }
.p-panellink-photo a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.p-panellink-photo a::after { content: ""; display: block; border: 1px solid #eb5c02; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }
@media screen and (max-width: 768px) { .p-panellink-photo { width: 100%; } }
.p-panellink-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s; }
.p-panellink-body { width: 50%; padding: 50px; background-color: #fff; }
@media screen and (max-width: 768px) { .p-panellink-body { width: 100%; padding: 25px; } }

.top-loading { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100000; }

.top-loading-image { max-width: 370px; padding: 30px; }

.top-mv { position: relative; }

.top-mv-video { position: relative; height: calc(100vh - 120px); overflow: hidden; }

@media screen and (max-width: 768px) { .top-mv-video { height: 133.3333vw; } }
.top-mv-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 177.77777vh; height: 56.25vw; }

@media screen and (max-width: 768px) { .top-mv-video video { width: 100vw; height: 133.3333vw; } }
.top-mv-copy { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-bottom: 4px solid #fff; width: 700px; padding: 0 100px 50px; color: #fff; font-size: 2.7777777778rem; line-height: 1.33; }

@media screen and (max-width: 768px) { .top-mv-copy { width: auto; right: 22px; border-bottom: 2px solid #fff; padding: 0 22px 20px; font-size: 1.3888888889rem; top: 60%; -webkit-transform: translateY(0); transform: translateY(0); } }
.top-topics { padding: 25px 0; background-color: #eb5c02; }

.top-topics-inner { max-width: 1380px; padding: 0 50px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .top-topics-inner { padding: 0 22px; display: block; } }
.top-topics-header { color: #fff; font-size: 1.1111111111rem; width: 150px; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 768px) { .top-topics-header { font-size: 1.3888888889rem; width: 100%; padding-bottom: 20px; } }
.top-topics-body { border-left: 1px solid #fff; padding: 25px 50px 25px 80px; }

@media screen and (max-width: 768px) { .top-topics-body { border-left: 0; border-top: 1px solid #fff; padding: 25px 0 0; } }
.top-topics-list { list-style: none; margin: 0; padding: 0; }

.top-topics-list li { margin-bottom: 40px; }

@media screen and (max-width: 768px) { .top-topics-list li { margin-bottom: 25px; } }
.top-topics-list li:last-child { margin-bottom: 0; }

.top-topics-date { color: #fff; font-size: .7777777778rem; line-height: 15px; }

@media screen and (max-width: 768px) { .top-topics-date { font-size: 0.66667rem; } }
.top-topics-category { display: inline-block; width: 110px; height: 20px; background-color: #fff; color: #eb5c02; text-align: center; line-height: 20px; margin: 0 18px; font-size: 0.66667rem; }

@media screen and (max-width: 768px) { .top-topics-category { width: 70px; height: 15px; font-size: .5rem; line-height: 15px; } }
.top-topics-title { text-decoration: none; color: #fff; line-height: 20px; font-size: 0.77778rem; }

@media screen and (max-width: 768px) { .top-topics-title { display: block; font-size: .6666666667rem; line-height: 1.33; margin-top: 20px; } }
.top-concept-copy { font-size: 2.3888888889rem; color: #eb5c02; line-height: 1.85; font-family: '游明朝', 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif; font-weight: 600; }

@media screen and (max-width: 768px) { .top-concept-copy { font-size: 1.66667rem; } }
.top-concept-description { line-height: 2.5; }

@media screen and (max-width: 768px) { .top-concept-description { font-size: 0.72222rem; } }
.top-h2 { font-size: 2.2222222222rem; letter-spacing: 0.01em; line-height: 1.33; margin-bottom: 1.25em; }

.top-h2 small { color: #eb5c02; font-size: 1.1111111111rem; display: block; }

.top-h2--white { color: #fff; }

.top-h2--white small { color: #fff; }

.top-about-gallery { margin-top: 100px; }

.top-about-gallery-item { max-width: 422px; width: 100%; padding: 0 1px; }

.top-works { background: linear-gradient(#ffffff, #ffffff 180px, #fcf8f2 180px, #fcf8f2); }

@media screen and (max-width: 768px) { .top-works { background: linear-gradient(#ffffff, #ffffff 100px, #fcf8f2 100px, #fcf8f2); } }
.top-photonav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .top-photonav { display: block; } }
.top-photonav li { padding-right: 1px; width: 100%; }

@media screen and (max-width: 768px) { .top-photonav li { padding-top: 1px; padding-right: 0; } }
.top-photonav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 2.2222222222rem; text-align: center; text-decoration: none; position: relative; }

@media screen and (max-width: 768px) { .top-photonav li a { font-size: 1.11111rem; } }
.top-photonav li a::before { content: ''; display: block; background-color: rgba(235, 92, 2, 0.55); -webkit-transform-origin: right; transform-origin: right; -webkit-transition: all .3s; transition: all .3s; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.top-photonav li a::after { content: ''; display: block; padding-top: 66.6666%; }

@media screen and (max-width: 768px) { .top-photonav li a::after { padding-top: 53.333%; } }
.top-photonav li a:hover { opacity: 1; }

.top-photonav li a:hover::before { -webkit-transform: scaleX(0); transform: scaleX(0); }

.top-photonav li a small { display: block; margin-top: 50px; font-size: 1.11111rem; }

@media screen and (max-width: 768px) { .top-photonav li a small { margin-top: 25px; font-size: 0.55556rem; } }
.top-photonav-bg { background-size: cover; background-position: center; }

.top-photonav-bg--interview { background-image: url(../images/top/photo-interview.jpg); }

.top-photonav-bg--crosstalk { background-image: url(../images/top/photo-crosstalk.jpg); }

.top-photonav-bg--careerstory { background-image: url(../images/top/photo-careerstory.jpg); }

.top-culture { padding: 295px 0 100px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media screen and (max-width: 768px) { .top-culture { padding: 225px 0 50px; } }
.top-culture-bg { position: absolute; height: 450px; width: 100%; top: 0; left: 0; background: #fff url(../images/top/culture-bg.jpg) top center no-repeat; background-size: cover; }

@media screen and (max-width: 768px) { .top-culture-bg { height: 225px; } }
.top-culture::before { content: ''; display: block; background-color: #fff; width: 100%; position: relative; z-index: 2; }

.top-culture::after { content: ''; display: block; width: 100%; }

.top-culture-container { max-width: 1380px; padding: 50px 50px 0; background-color: #fff; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; }

@media screen and (max-width: 768px) { .top-culture-container { padding: 25px 22px; } }
.graduate-mv { position: relative; background-color: #000; }
.graduate-mv-image { position: relative; }
.graduate-mv-image img { height: 745px; width: 100%; -o-object-fit: cover; object-fit: cover; }
@media screen and (max-width: 768px) { .graduate-mv-image img { height: 667px; } }
.graduate-mv-copy { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-bottom: 4px solid #fff; padding: 0 100px 50px; color: #fff; font-size: 2.7777777778rem; line-height: 1.33; }
@media screen and (max-width: 768px) { .graduate-mv-copy { width: auto; right: 22px; border-bottom: 2px solid #fff; padding: 0 22px 20px; top: 60%; -webkit-transform: translateY(0); transform: translateY(0); } }
.graduate-mv > div { /*max-width:1440px;margin-inline:auto;*/ position: relative; }
.graduate-mv .slick-slide { opacity: 0.5; transition: opacity 0.3s ease-in-out; }
.graduate-mv .slick-slide.slick-active { opacity: 1; }
@media (min-width: 1366px) { .graduate-mv .graduate-mv-copy { padding-left: max(calc(50% - 684px + 100px),100px); } }
.graduate-h2 { font-size: 2.2222222222rem; letter-spacing: 0.01em; line-height: 1.33; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .graduate-h2 { margin-bottom: 25px; } }
.graduate-h2 small { color: #b51f1f; font-size: 1.1111111111rem; display: block; }
.graduate-entry-button { display: block; height: 100px; line-height: 100px; color: #fff; text-align: center; font-size: 1.6666666667rem; text-decoration: none; background-color: #b51f1f; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .graduate-entry-button { height: 55px; line-height: 55px; } }
.graduate-entry-panel { border: 4px solid #fcf8f2; padding: 50px; margin-top: 50px; }
@media screen and (max-width: 768px) { .graduate-entry-panel { padding: 25px; } }
.graduate-entry-panel-title { color: #b51f1f; font-size: 1.6666666667rem; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .graduate-entry-panel-title { margin-bottom: 20px; } }

/*$color_graduate:var(--color-graduate);
$color_career:var(--color-career);
$grad_graduate:var(--background-graduate);
$grad_career:var(--background-career);*/
.graduate { /*	.u-bg-light {background-color: #FCF8F2;} */ /*	.p-photonav li a::before {background-color: rgba($color_graduate, 0.5);}*/ }
.graduate .p-eyecatch__label, .graduate .p-topics, .graduate .u-bg--accent { /*background-color:$color_graduate;*/ background: var(--background-graduate); color: #fff; }
.graduate .p-eyecatch__label .c-h2, .graduate .p-topics .c-h2, .graduate .u-bg--accent .c-h2 { color: #fff; /*			&::after {background-color:#fff;}*/ }
.graduate .p-eyecatch__label .c-h2::after, .graduate .p-topics .c-h2::after, .graduate .u-bg--accent .c-h2::after { background: #fff; }
.graduate .c-h2 { color: var(--color-graduate); }
.graduate .c-h2::after { /*background-color:$color_graduate;*/ background: var(--background-graduate); }
.graduate .graduate-entry-panel-title, .graduate .p-entry-panel-title, .graduate .top-h2 small, .graduate .c-button, .graduate .c-table th { color: var(--color-graduate); }
.graduate .u-bg-light { background: linear-gradient(45deg, #fcf8f2 50%, #eadcc8); }
.graduate .p-panellink-photo a::after, .graduate .c-button::before { border-color: var(--color-graduate); }
.graduate .p-photonav li a::before { background: rgba(181, 31, 31, 0.5); }

.career { /*	.u-bg-light {background-color: rgba($color_career, 0.05);}*/ /*	.p-photonav li a::before {background-color: rgba($color_career, 0.5);}*/ }
.career .p-eyecatch__label, .career .p-topics, .career .u-bg--accent { /*background-color:$color_career;*/ background: var(--background-career); color: #fff; }
.career .p-eyecatch__label .c-h2, .career .p-topics .c-h2, .career .u-bg--accent .c-h2 { color: #fff; /*			&::after {background-color:#fff;}*/ }
.career .p-eyecatch__label .c-h2::after, .career .p-topics .c-h2::after, .career .u-bg--accent .c-h2::after { background: #fff; }
.career .c-h2 { color: var(--color-career); }
.career .c-h2::after { /*background-color:$color_career;*/ background: var(--background-career); }
.career .graduate-entry-panel-title, .career .p-entry-panel-title, .career .top-h2 small, .career .c-button, .career .c-table th { color: var(--color-career); }
.career .u-bg-light { background: rgba(0, 77, 71, 0.05); }
.career .p-panellink-photo a::after, .career .c-button::before { border-color: var(--color-career); }
.career .p-photonav li a::before { background: rgba(0, 77, 71, 0.5); }

.graduate .c-section-bg, .career .c-section-bg { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

.p-footer-contact-button--graduate, .p-exnav-button--graduate, .p-gnav-entry-sp-list-button--entry-graduate { background: var(--background-graduate); border: none; }

.p-footer-contact-button--career, .p-exnav-button--career, .p-gnav-entry-sp-list-button--entry-career { background: var(--background-career); border: none; }

.u-bg-light { background: linear-gradient(45deg, #fcf8f2 50%, #eadcc8); }

.u-align-left { text-align: left; }

.u-align-right { text-align: right; }

.u-align-center { text-align: center; }

.u-align-justify { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; }

@media screen and (min-width: 769px) { .u-align-left--pc { text-align: left; }
  .u-align-right--pc { text-align: right; }
  .u-align-center--pc { text-align: center; }
  .u-align-justify--pc { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; } }
@media screen and (max-width: 1180px) { .u-align-left--laptop { text-align: left; }
  .u-align-right--laptop { text-align: right; }
  .u-align-center--laptop { text-align: center; }
  .u-align-justify--laptop { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; } }
@media screen and (max-width: 1024px) { .u-align-left--tab { text-align: left; }
  .u-align-right--tab { text-align: right; }
  .u-align-center--tab { text-align: center; }
  .u-align-justify--tab { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; } }
@media screen and (min-width: 1025px) { .u-align-left--overtab { text-align: left; }
  .u-align-right--overtab { text-align: right; }
  .u-align-center--overtab { text-align: center; }
  .u-align-justify--overtab { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; } }
@media screen and (max-width: 768px) { .u-align-left--sp { text-align: left; }
  .u-align-right--sp { text-align: right; }
  .u-align-center--sp { text-align: center; }
  .u-align-justify--sp { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; } }
.u-bg-light { background-color: #FCF8F2; }

.u-bg-white { background-color: #fff; }

.u-bg-black { background-color: #333; }

.u-bg-accent-graduate { background-color: #b51f1f; }

.u-border-bottom { border-bottom: 1px dashed #A5A5A5; }

.u-border-top { border-top: 3px solid #00A0E9; padding-top: 10px; }

.u-border-right { border-right: 3px solid #00A0E9; padding-right: 10px; }

.u-border-left { border-left: 3px solid #00A0E9; padding-left: 10px; }

.u-border--white { border-color: #fff; }

.u-border-clear-top { border-top: 0; }

.u-border-clear-left { border-left: 0; }

.u-border-clear-right { border-right: 0; }

.u-border-clear-bottom { border-bottom: 0; }

.u-row { margin: -25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .u-row { margin: -10px; } }
.u-row--align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.u-row--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.u-row--nomargin { margin: 0; }

@media screen and (max-width: 1024px) { .u-row--nomargin-tab { margin: 0; } }
@media screen and (max-width: 768px) { .u-row--nomargin-sp { margin: 0; } }
.u-row--narrow { margin: -10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp { margin: -1px; } }
.u-col-50px { width: 100px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-50px { padding: 10px; } }
.u-col-100px { width: 150px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-100px { padding: 10px; } }
.u-col-150px { width: 200px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-150px { padding: 10px; } }
.u-col-200px { width: 250px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-200px { padding: 10px; } }
.u-col-250px { width: 300px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-250px { padding: 10px; } }
.u-col-300px { width: 350px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-300px { padding: 10px; } }
.u-col-350px { width: 400px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-350px { padding: 10px; } }
.u-col-400px { width: 450px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-400px { padding: 10px; } }
.u-col-450px { width: 500px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-450px { padding: 10px; } }
.u-col-500px { width: 550px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-500px { padding: 10px; } }
.u-col-550px { width: 600px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-550px { padding: 10px; } }
.u-col-600px { width: 650px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-600px { padding: 10px; } }
.u-col-650px { width: 700px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-650px { padding: 10px; } }
.u-col-700px { width: 750px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-700px { padding: 10px; } }
.u-col-750px { width: 800px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-750px { padding: 10px; } }
.u-col-800px { width: 850px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-800px { padding: 10px; } }
.u-col-850px { width: 900px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-850px { padding: 10px; } }
.u-col-900px { width: 950px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-900px { padding: 10px; } }
.u-col-950px { width: 1000px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-950px { padding: 10px; } }
.u-col-1000px { width: 1050px; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-1000px { padding: 10px; } }
.u-col-1 { width: 8.3333333333%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-1 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-1 { margin-left: 8.33333%; }

.u-row--nomargin > .u-col-1 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-1 { padding: 0; } }
.u-row--narrow > .u-col-1 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-1 { padding: 1px; } }
.u-col-2 { width: 16.6666666667%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-2 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-2 { margin-left: 16.66667%; }

.u-row--nomargin > .u-col-2 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-2 { padding: 0; } }
.u-row--narrow > .u-col-2 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-2 { padding: 1px; } }
.u-col-3 { width: 25%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-3 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-3 { margin-left: 25%; }

.u-row--nomargin > .u-col-3 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-3 { padding: 0; } }
.u-row--narrow > .u-col-3 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-3 { padding: 1px; } }
.u-col-4 { width: 33.3333333333%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-4 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-4 { margin-left: 33.33333%; }

.u-row--nomargin > .u-col-4 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-4 { padding: 0; } }
.u-row--narrow > .u-col-4 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-4 { padding: 1px; } }
.u-col-5 { width: 41.6666666667%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-5 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-5 { margin-left: 41.66667%; }

.u-row--nomargin > .u-col-5 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-5 { padding: 0; } }
.u-row--narrow > .u-col-5 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-5 { padding: 1px; } }
.u-col-6 { width: 50%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-6 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-6 { margin-left: 50%; }

.u-row--nomargin > .u-col-6 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-6 { padding: 0; } }
.u-row--narrow > .u-col-6 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-6 { padding: 1px; } }
.u-col-7 { width: 58.3333333333%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-7 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-7 { margin-left: 58.33333%; }

.u-row--nomargin > .u-col-7 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-7 { padding: 0; } }
.u-row--narrow > .u-col-7 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-7 { padding: 1px; } }
.u-col-8 { width: 66.6666666667%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-8 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-8 { margin-left: 66.66667%; }

.u-row--nomargin > .u-col-8 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-8 { padding: 0; } }
.u-row--narrow > .u-col-8 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-8 { padding: 1px; } }
.u-col-9 { width: 75%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-9 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-9 { margin-left: 75%; }

.u-row--nomargin > .u-col-9 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-9 { padding: 0; } }
.u-row--narrow > .u-col-9 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-9 { padding: 1px; } }
.u-col-10 { width: 83.3333333333%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-10 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-10 { margin-left: 83.33333%; }

.u-row--nomargin > .u-col-10 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-10 { padding: 0; } }
.u-row--narrow > .u-col-10 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-10 { padding: 1px; } }
.u-col-11 { width: 91.6666666667%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-11 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-11 { margin-left: 91.66667%; }

.u-row--nomargin > .u-col-11 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-11 { padding: 0; } }
.u-row--narrow > .u-col-11 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-11 { padding: 1px; } }
.u-col-12 { width: 100%; padding: 25px; }

@media screen and (max-width: 768px) { .u-col-12 { padding: 10px; } }
.u-col-offset-0 { margin-left: 0; }

.u-col-offset-12 { margin-left: 100%; }

.u-row--nomargin > .u-col-12 { padding: 0; }

@media screen and (max-width: 768px) { .u-row--nomargin-sp > .u-col-12 { padding: 0; } }
.u-row--narrow > .u-col-12 { padding: 10px; }

@media screen and (max-width: 768px) { .u-row--narrow-sp > .u-col-12 { padding: 1px; } }
@media screen and (min-width: 769px) { .u-col-1--pc { width: 8.3333333333%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-1--pc { margin-left: 8.33333%; }
  .u-row--nomargin > .u-col-1--pc { padding: 0; }
  .u-row--narrow > .u-col-1--pc { padding: 10px; }
  .u-col-2--pc { width: 16.6666666667%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-2--pc { margin-left: 16.66667%; }
  .u-row--nomargin > .u-col-2--pc { padding: 0; }
  .u-row--narrow > .u-col-2--pc { padding: 10px; }
  .u-col-3--pc { width: 25%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-3--pc { margin-left: 25%; }
  .u-row--nomargin > .u-col-3--pc { padding: 0; }
  .u-row--narrow > .u-col-3--pc { padding: 10px; }
  .u-col-4--pc { width: 33.3333333333%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-4--pc { margin-left: 33.33333%; }
  .u-row--nomargin > .u-col-4--pc { padding: 0; }
  .u-row--narrow > .u-col-4--pc { padding: 10px; }
  .u-col-5--pc { width: 41.6666666667%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-5--pc { margin-left: 41.66667%; }
  .u-row--nomargin > .u-col-5--pc { padding: 0; }
  .u-row--narrow > .u-col-5--pc { padding: 10px; }
  .u-col-6--pc { width: 50%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-6--pc { margin-left: 50%; }
  .u-row--nomargin > .u-col-6--pc { padding: 0; }
  .u-row--narrow > .u-col-6--pc { padding: 10px; }
  .u-col-7--pc { width: 58.3333333333%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-7--pc { margin-left: 58.33333%; }
  .u-row--nomargin > .u-col-7--pc { padding: 0; }
  .u-row--narrow > .u-col-7--pc { padding: 10px; }
  .u-col-8--pc { width: 66.6666666667%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-8--pc { margin-left: 66.66667%; }
  .u-row--nomargin > .u-col-8--pc { padding: 0; }
  .u-row--narrow > .u-col-8--pc { padding: 10px; }
  .u-col-9--pc { width: 75%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-9--pc { margin-left: 75%; }
  .u-row--nomargin > .u-col-9--pc { padding: 0; }
  .u-row--narrow > .u-col-9--pc { padding: 10px; }
  .u-col-10--pc { width: 83.3333333333%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-10--pc { margin-left: 83.33333%; }
  .u-row--nomargin > .u-col-10--pc { padding: 0; }
  .u-row--narrow > .u-col-10--pc { padding: 10px; }
  .u-col-11--pc { width: 91.6666666667%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-11--pc { margin-left: 91.66667%; }
  .u-row--nomargin > .u-col-11--pc { padding: 0; }
  .u-row--narrow > .u-col-11--pc { padding: 10px; }
  .u-col-12--pc { width: 100%; padding: 25px; }
  .u-col-offset-0--pc { margin-left: 0; }
  .u-col-offset-12--pc { margin-left: 100%; }
  .u-row--nomargin > .u-col-12--pc { padding: 0; }
  .u-row--narrow > .u-col-12--pc { padding: 10px; } }
@media screen and (max-width: 1180px) { .u-col-1--laptop { width: 8.3333333333%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-1--laptop { margin-left: 8.33333%; }
  .u-row--nomargin > .u-col-1--laptop { padding: 0; }
  .u-row--narrow > .u-col-1--laptop { padding: 10px; }
  .u-col-2--laptop { width: 16.6666666667%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-2--laptop { margin-left: 16.66667%; }
  .u-row--nomargin > .u-col-2--laptop { padding: 0; }
  .u-row--narrow > .u-col-2--laptop { padding: 10px; }
  .u-col-3--laptop { width: 25%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-3--laptop { margin-left: 25%; }
  .u-row--nomargin > .u-col-3--laptop { padding: 0; }
  .u-row--narrow > .u-col-3--laptop { padding: 10px; }
  .u-col-4--laptop { width: 33.3333333333%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-4--laptop { margin-left: 33.33333%; }
  .u-row--nomargin > .u-col-4--laptop { padding: 0; }
  .u-row--narrow > .u-col-4--laptop { padding: 10px; }
  .u-col-5--laptop { width: 41.6666666667%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-5--laptop { margin-left: 41.66667%; }
  .u-row--nomargin > .u-col-5--laptop { padding: 0; }
  .u-row--narrow > .u-col-5--laptop { padding: 10px; }
  .u-col-6--laptop { width: 50%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-6--laptop { margin-left: 50%; }
  .u-row--nomargin > .u-col-6--laptop { padding: 0; }
  .u-row--narrow > .u-col-6--laptop { padding: 10px; }
  .u-col-7--laptop { width: 58.3333333333%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-7--laptop { margin-left: 58.33333%; }
  .u-row--nomargin > .u-col-7--laptop { padding: 0; }
  .u-row--narrow > .u-col-7--laptop { padding: 10px; }
  .u-col-8--laptop { width: 66.6666666667%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-8--laptop { margin-left: 66.66667%; }
  .u-row--nomargin > .u-col-8--laptop { padding: 0; }
  .u-row--narrow > .u-col-8--laptop { padding: 10px; }
  .u-col-9--laptop { width: 75%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-9--laptop { margin-left: 75%; }
  .u-row--nomargin > .u-col-9--laptop { padding: 0; }
  .u-row--narrow > .u-col-9--laptop { padding: 10px; }
  .u-col-10--laptop { width: 83.3333333333%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-10--laptop { margin-left: 83.33333%; }
  .u-row--nomargin > .u-col-10--laptop { padding: 0; }
  .u-row--narrow > .u-col-10--laptop { padding: 10px; }
  .u-col-11--laptop { width: 91.6666666667%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-11--laptop { margin-left: 91.66667%; }
  .u-row--nomargin > .u-col-11--laptop { padding: 0; }
  .u-row--narrow > .u-col-11--laptop { padding: 10px; }
  .u-col-12--laptop { width: 100%; padding: 25px; }
  .u-col-offset-0--laptop { margin-left: 0; }
  .u-col-offset-12--laptop { margin-left: 100%; }
  .u-row--nomargin > .u-col-12--laptop { padding: 0; }
  .u-row--narrow > .u-col-12--laptop { padding: 10px; } }
@media screen and (max-width: 1024px) { .u-col-1--tab { width: 8.3333333333%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-1--tab { margin-left: 8.33333%; }
  .u-row--nomargin-tab > .u-col-1--tab { padding: 0; }
  .u-row--narrow > .u-col-1--tab { padding: 10px; }
  .u-col-2--tab { width: 16.6666666667%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-2--tab { margin-left: 16.66667%; }
  .u-row--nomargin-tab > .u-col-2--tab { padding: 0; }
  .u-row--narrow > .u-col-2--tab { padding: 10px; }
  .u-col-3--tab { width: 25%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-3--tab { margin-left: 25%; }
  .u-row--nomargin-tab > .u-col-3--tab { padding: 0; }
  .u-row--narrow > .u-col-3--tab { padding: 10px; }
  .u-col-4--tab { width: 33.3333333333%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-4--tab { margin-left: 33.33333%; }
  .u-row--nomargin-tab > .u-col-4--tab { padding: 0; }
  .u-row--narrow > .u-col-4--tab { padding: 10px; }
  .u-col-5--tab { width: 41.6666666667%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-5--tab { margin-left: 41.66667%; }
  .u-row--nomargin-tab > .u-col-5--tab { padding: 0; }
  .u-row--narrow > .u-col-5--tab { padding: 10px; }
  .u-col-6--tab { width: 50%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-6--tab { margin-left: 50%; }
  .u-row--nomargin-tab > .u-col-6--tab { padding: 0; }
  .u-row--narrow > .u-col-6--tab { padding: 10px; }
  .u-col-7--tab { width: 58.3333333333%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-7--tab { margin-left: 58.33333%; }
  .u-row--nomargin-tab > .u-col-7--tab { padding: 0; }
  .u-row--narrow > .u-col-7--tab { padding: 10px; }
  .u-col-8--tab { width: 66.6666666667%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-8--tab { margin-left: 66.66667%; }
  .u-row--nomargin-tab > .u-col-8--tab { padding: 0; }
  .u-row--narrow > .u-col-8--tab { padding: 10px; }
  .u-col-9--tab { width: 75%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-9--tab { margin-left: 75%; }
  .u-row--nomargin-tab > .u-col-9--tab { padding: 0; }
  .u-row--narrow > .u-col-9--tab { padding: 10px; }
  .u-col-10--tab { width: 83.3333333333%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-10--tab { margin-left: 83.33333%; }
  .u-row--nomargin-tab > .u-col-10--tab { padding: 0; }
  .u-row--narrow > .u-col-10--tab { padding: 10px; }
  .u-col-11--tab { width: 91.6666666667%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-11--tab { margin-left: 91.66667%; }
  .u-row--nomargin-tab > .u-col-11--tab { padding: 0; }
  .u-row--narrow > .u-col-11--tab { padding: 10px; }
  .u-col-12--tab { width: 100%; padding: 25px; }
  .u-col-offset-0--tab { margin-left: 0; }
  .u-col-offset-12--tab { margin-left: 100%; }
  .u-row--nomargin-tab > .u-col-12--tab { padding: 0; }
  .u-row--narrow > .u-col-12--tab { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-1--sp { width: 8.3333333333%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-1--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-1--sp { margin-left: 8.33333%; }
  .u-row--nomargin-sp > .u-col-1--sp { padding: 0; }
  .u-row--narrow > .u-col-1--sp { padding: 10px; }
  .u-col-2--sp { width: 16.6666666667%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-2--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-2--sp { margin-left: 16.66667%; }
  .u-row--nomargin-sp > .u-col-2--sp { padding: 0; }
  .u-row--narrow > .u-col-2--sp { padding: 10px; }
  .u-col-3--sp { width: 25%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-3--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-3--sp { margin-left: 25%; }
  .u-row--nomargin-sp > .u-col-3--sp { padding: 0; }
  .u-row--narrow > .u-col-3--sp { padding: 10px; }
  .u-col-4--sp { width: 33.3333333333%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-4--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-4--sp { margin-left: 33.33333%; }
  .u-row--nomargin-sp > .u-col-4--sp { padding: 0; }
  .u-row--narrow > .u-col-4--sp { padding: 10px; }
  .u-col-5--sp { width: 41.6666666667%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-5--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-5--sp { margin-left: 41.66667%; }
  .u-row--nomargin-sp > .u-col-5--sp { padding: 0; }
  .u-row--narrow > .u-col-5--sp { padding: 10px; }
  .u-col-6--sp { width: 50%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-6--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-6--sp { margin-left: 50%; }
  .u-row--nomargin-sp > .u-col-6--sp { padding: 0; }
  .u-row--narrow > .u-col-6--sp { padding: 10px; }
  .u-col-7--sp { width: 58.3333333333%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-7--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-7--sp { margin-left: 58.33333%; }
  .u-row--nomargin-sp > .u-col-7--sp { padding: 0; }
  .u-row--narrow > .u-col-7--sp { padding: 10px; }
  .u-col-8--sp { width: 66.6666666667%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-8--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-8--sp { margin-left: 66.66667%; }
  .u-row--nomargin-sp > .u-col-8--sp { padding: 0; }
  .u-row--narrow > .u-col-8--sp { padding: 10px; }
  .u-col-9--sp { width: 75%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-9--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-9--sp { margin-left: 75%; }
  .u-row--nomargin-sp > .u-col-9--sp { padding: 0; }
  .u-row--narrow > .u-col-9--sp { padding: 10px; }
  .u-col-10--sp { width: 83.3333333333%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-10--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-10--sp { margin-left: 83.33333%; }
  .u-row--nomargin-sp > .u-col-10--sp { padding: 0; }
  .u-row--narrow > .u-col-10--sp { padding: 10px; }
  .u-col-11--sp { width: 91.6666666667%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-11--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-11--sp { margin-left: 91.66667%; }
  .u-row--nomargin-sp > .u-col-11--sp { padding: 0; }
  .u-row--narrow > .u-col-11--sp { padding: 10px; }
  .u-col-12--sp { width: 100%; padding: 25px; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .u-col-12--sp { padding: 10px; } }
@media screen and (max-width: 768px) { .u-col-offset-0--sp { margin-left: 0; }
  .u-col-offset-12--sp { margin-left: 100%; }
  .u-row--nomargin-sp > .u-col-12--sp { padding: 0; }
  .u-row--narrow > .u-col-12--sp { padding: 10px; } }
@media screen and (min-width: 769px) { .u-hide-pc { display: none; } }
@media screen and (min-width: 1025px) { .u-hide-overtab { display: none; } }
@media screen and (max-width: 1024px) { .u-hide-tab { display: none; } }
@media screen and (max-width: 1180px) { .u-hide-laptop { display: none; } }
@media screen and (max-width: 768px) { .u-hide-sp { display: none; } }
.u-hr { border: 0; width: 100%; height: 1px; margin: 50px 0; background-color: #e9eaec; }

@media screen and (max-width: 768px) { .u-hr { margin: 30px 0; } }
.u-hr--sub { background-color: #f6eee2; }

.u-mt0 { margin-top: 0px !important; }

.u-mr0 { margin-right: 0px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-mb0 { margin-bottom: 0px !important; }

.u-pt0 { padding-top: 0px !important; }

.u-pr0 { padding-right: 0px !important; }

.u-pl0 { padding-left: 0px !important; }

.u-pb0 { padding-bottom: 0px !important; }

.u-mt5 { margin-top: 5px !important; }

.u-mr5 { margin-right: 5px !important; }

.u-ml5 { margin-left: 5px !important; }

.u-mb5 { margin-bottom: 5px !important; }

.u-pt5 { padding-top: 5px !important; }

.u-pr5 { padding-right: 5px !important; }

.u-pl5 { padding-left: 5px !important; }

.u-pb5 { padding-bottom: 5px !important; }

.u-mt10 { margin-top: 10px !important; }

.u-mr10 { margin-right: 10px !important; }

.u-ml10 { margin-left: 10px !important; }

.u-mb10 { margin-bottom: 10px !important; }

.u-pt10 { padding-top: 10px !important; }

.u-pr10 { padding-right: 10px !important; }

.u-pl10 { padding-left: 10px !important; }

.u-pb10 { padding-bottom: 10px !important; }

.u-mt15 { margin-top: 15px !important; }

.u-mr15 { margin-right: 15px !important; }

.u-ml15 { margin-left: 15px !important; }

.u-mb15 { margin-bottom: 15px !important; }

.u-pt15 { padding-top: 15px !important; }

.u-pr15 { padding-right: 15px !important; }

.u-pl15 { padding-left: 15px !important; }

.u-pb15 { padding-bottom: 15px !important; }

.u-mt20 { margin-top: 20px !important; }

.u-mr20 { margin-right: 20px !important; }

.u-ml20 { margin-left: 20px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-pt20 { padding-top: 20px !important; }

.u-pr20 { padding-right: 20px !important; }

.u-pl20 { padding-left: 20px !important; }

.u-pb20 { padding-bottom: 20px !important; }

.u-mt25 { margin-top: 25px !important; }

.u-mr25 { margin-right: 25px !important; }

.u-ml25 { margin-left: 25px !important; }

.u-mb25 { margin-bottom: 25px !important; }

.u-pt25 { padding-top: 25px !important; }

.u-pr25 { padding-right: 25px !important; }

.u-pl25 { padding-left: 25px !important; }

.u-pb25 { padding-bottom: 25px !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mr30 { margin-right: 30px !important; }

.u-ml30 { margin-left: 30px !important; }

.u-mb30 { margin-bottom: 30px !important; }

.u-pt30 { padding-top: 30px !important; }

.u-pr30 { padding-right: 30px !important; }

.u-pl30 { padding-left: 30px !important; }

.u-pb30 { padding-bottom: 30px !important; }

.u-mt35 { margin-top: 35px !important; }

.u-mr35 { margin-right: 35px !important; }

.u-ml35 { margin-left: 35px !important; }

.u-mb35 { margin-bottom: 35px !important; }

.u-pt35 { padding-top: 35px !important; }

.u-pr35 { padding-right: 35px !important; }

.u-pl35 { padding-left: 35px !important; }

.u-pb35 { padding-bottom: 35px !important; }

.u-mt40 { margin-top: 40px !important; }

.u-mr40 { margin-right: 40px !important; }

.u-ml40 { margin-left: 40px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-pt40 { padding-top: 40px !important; }

.u-pr40 { padding-right: 40px !important; }

.u-pl40 { padding-left: 40px !important; }

.u-pb40 { padding-bottom: 40px !important; }

.u-mt45 { margin-top: 45px !important; }

.u-mr45 { margin-right: 45px !important; }

.u-ml45 { margin-left: 45px !important; }

.u-mb45 { margin-bottom: 45px !important; }

.u-pt45 { padding-top: 45px !important; }

.u-pr45 { padding-right: 45px !important; }

.u-pl45 { padding-left: 45px !important; }

.u-pb45 { padding-bottom: 45px !important; }

.u-mt50 { margin-top: 50px !important; }

.u-mr50 { margin-right: 50px !important; }

.u-ml50 { margin-left: 50px !important; }

.u-mb50 { margin-bottom: 50px !important; }

.u-pt50 { padding-top: 50px !important; }

.u-pr50 { padding-right: 50px !important; }

.u-pl50 { padding-left: 50px !important; }

.u-pb50 { padding-bottom: 50px !important; }

.u-mt55 { margin-top: 55px !important; }

.u-mr55 { margin-right: 55px !important; }

.u-ml55 { margin-left: 55px !important; }

.u-mb55 { margin-bottom: 55px !important; }

.u-pt55 { padding-top: 55px !important; }

.u-pr55 { padding-right: 55px !important; }

.u-pl55 { padding-left: 55px !important; }

.u-pb55 { padding-bottom: 55px !important; }

.u-mt60 { margin-top: 60px !important; }

.u-mr60 { margin-right: 60px !important; }

.u-ml60 { margin-left: 60px !important; }

.u-mb60 { margin-bottom: 60px !important; }

.u-pt60 { padding-top: 60px !important; }

.u-pr60 { padding-right: 60px !important; }

.u-pl60 { padding-left: 60px !important; }

.u-pb60 { padding-bottom: 60px !important; }

.u-mt65 { margin-top: 65px !important; }

.u-mr65 { margin-right: 65px !important; }

.u-ml65 { margin-left: 65px !important; }

.u-mb65 { margin-bottom: 65px !important; }

.u-pt65 { padding-top: 65px !important; }

.u-pr65 { padding-right: 65px !important; }

.u-pl65 { padding-left: 65px !important; }

.u-pb65 { padding-bottom: 65px !important; }

.u-mt70 { margin-top: 70px !important; }

.u-mr70 { margin-right: 70px !important; }

.u-ml70 { margin-left: 70px !important; }

.u-mb70 { margin-bottom: 70px !important; }

.u-pt70 { padding-top: 70px !important; }

.u-pr70 { padding-right: 70px !important; }

.u-pl70 { padding-left: 70px !important; }

.u-pb70 { padding-bottom: 70px !important; }

.u-mt75 { margin-top: 75px !important; }

.u-mr75 { margin-right: 75px !important; }

.u-ml75 { margin-left: 75px !important; }

.u-mb75 { margin-bottom: 75px !important; }

.u-pt75 { padding-top: 75px !important; }

.u-pr75 { padding-right: 75px !important; }

.u-pl75 { padding-left: 75px !important; }

.u-pb75 { padding-bottom: 75px !important; }

.u-mt80 { margin-top: 80px !important; }

.u-mr80 { margin-right: 80px !important; }

.u-ml80 { margin-left: 80px !important; }

.u-mb80 { margin-bottom: 80px !important; }

.u-pt80 { padding-top: 80px !important; }

.u-pr80 { padding-right: 80px !important; }

.u-pl80 { padding-left: 80px !important; }

.u-pb80 { padding-bottom: 80px !important; }

.u-mt85 { margin-top: 85px !important; }

.u-mr85 { margin-right: 85px !important; }

.u-ml85 { margin-left: 85px !important; }

.u-mb85 { margin-bottom: 85px !important; }

.u-pt85 { padding-top: 85px !important; }

.u-pr85 { padding-right: 85px !important; }

.u-pl85 { padding-left: 85px !important; }

.u-pb85 { padding-bottom: 85px !important; }

.u-mt90 { margin-top: 90px !important; }

.u-mr90 { margin-right: 90px !important; }

.u-ml90 { margin-left: 90px !important; }

.u-mb90 { margin-bottom: 90px !important; }

.u-pt90 { padding-top: 90px !important; }

.u-pr90 { padding-right: 90px !important; }

.u-pl90 { padding-left: 90px !important; }

.u-pb90 { padding-bottom: 90px !important; }

.u-mt95 { margin-top: 95px !important; }

.u-mr95 { margin-right: 95px !important; }

.u-ml95 { margin-left: 95px !important; }

.u-mb95 { margin-bottom: 95px !important; }

.u-pt95 { padding-top: 95px !important; }

.u-pr95 { padding-right: 95px !important; }

.u-pl95 { padding-left: 95px !important; }

.u-pb95 { padding-bottom: 95px !important; }

.u-mt100 { margin-top: 100px !important; }

.u-mr100 { margin-right: 100px !important; }

.u-ml100 { margin-left: 100px !important; }

.u-mb100 { margin-bottom: 100px !important; }

.u-pt100 { padding-top: 100px !important; }

.u-pr100 { padding-right: 100px !important; }

.u-pl100 { padding-left: 100px !important; }

.u-pb100 { padding-bottom: 100px !important; }

@media screen and (min-width: 769px) { .u-mt0-pc { margin-top: 0px !important; }
  .u-mr0-pc { margin-right: 0px !important; }
  .u-ml0-pc { margin-left: 0px !important; }
  .u-mb0-pc { margin-bottom: 0px !important; }
  .u-pt0-pc { padding-top: 0px !important; }
  .u-pr0-pc { padding-right: 0px !important; }
  .u-pl0-pc { padding-left: 0px !important; }
  .u-pb0-pc { padding-bottom: 0px !important; }
  .u-mt5-pc { margin-top: 5px !important; }
  .u-mr5-pc { margin-right: 5px !important; }
  .u-ml5-pc { margin-left: 5px !important; }
  .u-mb5-pc { margin-bottom: 5px !important; }
  .u-pt5-pc { padding-top: 5px !important; }
  .u-pr5-pc { padding-right: 5px !important; }
  .u-pl5-pc { padding-left: 5px !important; }
  .u-pb5-pc { padding-bottom: 5px !important; }
  .u-mt10-pc { margin-top: 10px !important; }
  .u-mr10-pc { margin-right: 10px !important; }
  .u-ml10-pc { margin-left: 10px !important; }
  .u-mb10-pc { margin-bottom: 10px !important; }
  .u-pt10-pc { padding-top: 10px !important; }
  .u-pr10-pc { padding-right: 10px !important; }
  .u-pl10-pc { padding-left: 10px !important; }
  .u-pb10-pc { padding-bottom: 10px !important; }
  .u-mt15-pc { margin-top: 15px !important; }
  .u-mr15-pc { margin-right: 15px !important; }
  .u-ml15-pc { margin-left: 15px !important; }
  .u-mb15-pc { margin-bottom: 15px !important; }
  .u-pt15-pc { padding-top: 15px !important; }
  .u-pr15-pc { padding-right: 15px !important; }
  .u-pl15-pc { padding-left: 15px !important; }
  .u-pb15-pc { padding-bottom: 15px !important; }
  .u-mt20-pc { margin-top: 20px !important; }
  .u-mr20-pc { margin-right: 20px !important; }
  .u-ml20-pc { margin-left: 20px !important; }
  .u-mb20-pc { margin-bottom: 20px !important; }
  .u-pt20-pc { padding-top: 20px !important; }
  .u-pr20-pc { padding-right: 20px !important; }
  .u-pl20-pc { padding-left: 20px !important; }
  .u-pb20-pc { padding-bottom: 20px !important; }
  .u-mt25-pc { margin-top: 25px !important; }
  .u-mr25-pc { margin-right: 25px !important; }
  .u-ml25-pc { margin-left: 25px !important; }
  .u-mb25-pc { margin-bottom: 25px !important; }
  .u-pt25-pc { padding-top: 25px !important; }
  .u-pr25-pc { padding-right: 25px !important; }
  .u-pl25-pc { padding-left: 25px !important; }
  .u-pb25-pc { padding-bottom: 25px !important; }
  .u-mt30-pc { margin-top: 30px !important; }
  .u-mr30-pc { margin-right: 30px !important; }
  .u-ml30-pc { margin-left: 30px !important; }
  .u-mb30-pc { margin-bottom: 30px !important; }
  .u-pt30-pc { padding-top: 30px !important; }
  .u-pr30-pc { padding-right: 30px !important; }
  .u-pl30-pc { padding-left: 30px !important; }
  .u-pb30-pc { padding-bottom: 30px !important; }
  .u-mt35-pc { margin-top: 35px !important; }
  .u-mr35-pc { margin-right: 35px !important; }
  .u-ml35-pc { margin-left: 35px !important; }
  .u-mb35-pc { margin-bottom: 35px !important; }
  .u-pt35-pc { padding-top: 35px !important; }
  .u-pr35-pc { padding-right: 35px !important; }
  .u-pl35-pc { padding-left: 35px !important; }
  .u-pb35-pc { padding-bottom: 35px !important; }
  .u-mt40-pc { margin-top: 40px !important; }
  .u-mr40-pc { margin-right: 40px !important; }
  .u-ml40-pc { margin-left: 40px !important; }
  .u-mb40-pc { margin-bottom: 40px !important; }
  .u-pt40-pc { padding-top: 40px !important; }
  .u-pr40-pc { padding-right: 40px !important; }
  .u-pl40-pc { padding-left: 40px !important; }
  .u-pb40-pc { padding-bottom: 40px !important; }
  .u-mt45-pc { margin-top: 45px !important; }
  .u-mr45-pc { margin-right: 45px !important; }
  .u-ml45-pc { margin-left: 45px !important; }
  .u-mb45-pc { margin-bottom: 45px !important; }
  .u-pt45-pc { padding-top: 45px !important; }
  .u-pr45-pc { padding-right: 45px !important; }
  .u-pl45-pc { padding-left: 45px !important; }
  .u-pb45-pc { padding-bottom: 45px !important; }
  .u-mt50-pc { margin-top: 50px !important; }
  .u-mr50-pc { margin-right: 50px !important; }
  .u-ml50-pc { margin-left: 50px !important; }
  .u-mb50-pc { margin-bottom: 50px !important; }
  .u-pt50-pc { padding-top: 50px !important; }
  .u-pr50-pc { padding-right: 50px !important; }
  .u-pl50-pc { padding-left: 50px !important; }
  .u-pb50-pc { padding-bottom: 50px !important; }
  .u-mt55-pc { margin-top: 55px !important; }
  .u-mr55-pc { margin-right: 55px !important; }
  .u-ml55-pc { margin-left: 55px !important; }
  .u-mb55-pc { margin-bottom: 55px !important; }
  .u-pt55-pc { padding-top: 55px !important; }
  .u-pr55-pc { padding-right: 55px !important; }
  .u-pl55-pc { padding-left: 55px !important; }
  .u-pb55-pc { padding-bottom: 55px !important; }
  .u-mt60-pc { margin-top: 60px !important; }
  .u-mr60-pc { margin-right: 60px !important; }
  .u-ml60-pc { margin-left: 60px !important; }
  .u-mb60-pc { margin-bottom: 60px !important; }
  .u-pt60-pc { padding-top: 60px !important; }
  .u-pr60-pc { padding-right: 60px !important; }
  .u-pl60-pc { padding-left: 60px !important; }
  .u-pb60-pc { padding-bottom: 60px !important; }
  .u-mt65-pc { margin-top: 65px !important; }
  .u-mr65-pc { margin-right: 65px !important; }
  .u-ml65-pc { margin-left: 65px !important; }
  .u-mb65-pc { margin-bottom: 65px !important; }
  .u-pt65-pc { padding-top: 65px !important; }
  .u-pr65-pc { padding-right: 65px !important; }
  .u-pl65-pc { padding-left: 65px !important; }
  .u-pb65-pc { padding-bottom: 65px !important; }
  .u-mt70-pc { margin-top: 70px !important; }
  .u-mr70-pc { margin-right: 70px !important; }
  .u-ml70-pc { margin-left: 70px !important; }
  .u-mb70-pc { margin-bottom: 70px !important; }
  .u-pt70-pc { padding-top: 70px !important; }
  .u-pr70-pc { padding-right: 70px !important; }
  .u-pl70-pc { padding-left: 70px !important; }
  .u-pb70-pc { padding-bottom: 70px !important; }
  .u-mt75-pc { margin-top: 75px !important; }
  .u-mr75-pc { margin-right: 75px !important; }
  .u-ml75-pc { margin-left: 75px !important; }
  .u-mb75-pc { margin-bottom: 75px !important; }
  .u-pt75-pc { padding-top: 75px !important; }
  .u-pr75-pc { padding-right: 75px !important; }
  .u-pl75-pc { padding-left: 75px !important; }
  .u-pb75-pc { padding-bottom: 75px !important; }
  .u-mt80-pc { margin-top: 80px !important; }
  .u-mr80-pc { margin-right: 80px !important; }
  .u-ml80-pc { margin-left: 80px !important; }
  .u-mb80-pc { margin-bottom: 80px !important; }
  .u-pt80-pc { padding-top: 80px !important; }
  .u-pr80-pc { padding-right: 80px !important; }
  .u-pl80-pc { padding-left: 80px !important; }
  .u-pb80-pc { padding-bottom: 80px !important; }
  .u-mt85-pc { margin-top: 85px !important; }
  .u-mr85-pc { margin-right: 85px !important; }
  .u-ml85-pc { margin-left: 85px !important; }
  .u-mb85-pc { margin-bottom: 85px !important; }
  .u-pt85-pc { padding-top: 85px !important; }
  .u-pr85-pc { padding-right: 85px !important; }
  .u-pl85-pc { padding-left: 85px !important; }
  .u-pb85-pc { padding-bottom: 85px !important; }
  .u-mt90-pc { margin-top: 90px !important; }
  .u-mr90-pc { margin-right: 90px !important; }
  .u-ml90-pc { margin-left: 90px !important; }
  .u-mb90-pc { margin-bottom: 90px !important; }
  .u-pt90-pc { padding-top: 90px !important; }
  .u-pr90-pc { padding-right: 90px !important; }
  .u-pl90-pc { padding-left: 90px !important; }
  .u-pb90-pc { padding-bottom: 90px !important; }
  .u-mt95-pc { margin-top: 95px !important; }
  .u-mr95-pc { margin-right: 95px !important; }
  .u-ml95-pc { margin-left: 95px !important; }
  .u-mb95-pc { margin-bottom: 95px !important; }
  .u-pt95-pc { padding-top: 95px !important; }
  .u-pr95-pc { padding-right: 95px !important; }
  .u-pl95-pc { padding-left: 95px !important; }
  .u-pb95-pc { padding-bottom: 95px !important; }
  .u-mt100-pc { margin-top: 100px !important; }
  .u-mr100-pc { margin-right: 100px !important; }
  .u-ml100-pc { margin-left: 100px !important; }
  .u-mb100-pc { margin-bottom: 100px !important; }
  .u-pt100-pc { padding-top: 100px !important; }
  .u-pr100-pc { padding-right: 100px !important; }
  .u-pl100-pc { padding-left: 100px !important; }
  .u-pb100-pc { padding-bottom: 100px !important; } }
@media screen and (max-width: 768px) { .u-mt0-sp { margin-top: 0px !important; }
  .u-mr0-sp { margin-right: 0px !important; }
  .u-ml0-sp { margin-left: 0px !important; }
  .u-mb0-sp { margin-bottom: 0px !important; }
  .u-pt0-sp { padding-top: 0px !important; }
  .u-pr0-sp { padding-right: 0px !important; }
  .u-pl0-sp { padding-left: 0px !important; }
  .u-pb0-sp { padding-bottom: 0px !important; }
  .u-mt5-sp { margin-top: 5px !important; }
  .u-mr5-sp { margin-right: 5px !important; }
  .u-ml5-sp { margin-left: 5px !important; }
  .u-mb5-sp { margin-bottom: 5px !important; }
  .u-pt5-sp { padding-top: 5px !important; }
  .u-pr5-sp { padding-right: 5px !important; }
  .u-pl5-sp { padding-left: 5px !important; }
  .u-pb5-sp { padding-bottom: 5px !important; }
  .u-mt10-sp { margin-top: 10px !important; }
  .u-mr10-sp { margin-right: 10px !important; }
  .u-ml10-sp { margin-left: 10px !important; }
  .u-mb10-sp { margin-bottom: 10px !important; }
  .u-pt10-sp { padding-top: 10px !important; }
  .u-pr10-sp { padding-right: 10px !important; }
  .u-pl10-sp { padding-left: 10px !important; }
  .u-pb10-sp { padding-bottom: 10px !important; }
  .u-mt15-sp { margin-top: 15px !important; }
  .u-mr15-sp { margin-right: 15px !important; }
  .u-ml15-sp { margin-left: 15px !important; }
  .u-mb15-sp { margin-bottom: 15px !important; }
  .u-pt15-sp { padding-top: 15px !important; }
  .u-pr15-sp { padding-right: 15px !important; }
  .u-pl15-sp { padding-left: 15px !important; }
  .u-pb15-sp { padding-bottom: 15px !important; }
  .u-mt20-sp { margin-top: 20px !important; }
  .u-mr20-sp { margin-right: 20px !important; }
  .u-ml20-sp { margin-left: 20px !important; }
  .u-mb20-sp { margin-bottom: 20px !important; }
  .u-pt20-sp { padding-top: 20px !important; }
  .u-pr20-sp { padding-right: 20px !important; }
  .u-pl20-sp { padding-left: 20px !important; }
  .u-pb20-sp { padding-bottom: 20px !important; }
  .u-mt25-sp { margin-top: 25px !important; }
  .u-mr25-sp { margin-right: 25px !important; }
  .u-ml25-sp { margin-left: 25px !important; }
  .u-mb25-sp { margin-bottom: 25px !important; }
  .u-pt25-sp { padding-top: 25px !important; }
  .u-pr25-sp { padding-right: 25px !important; }
  .u-pl25-sp { padding-left: 25px !important; }
  .u-pb25-sp { padding-bottom: 25px !important; }
  .u-mt30-sp { margin-top: 30px !important; }
  .u-mr30-sp { margin-right: 30px !important; }
  .u-ml30-sp { margin-left: 30px !important; }
  .u-mb30-sp { margin-bottom: 30px !important; }
  .u-pt30-sp { padding-top: 30px !important; }
  .u-pr30-sp { padding-right: 30px !important; }
  .u-pl30-sp { padding-left: 30px !important; }
  .u-pb30-sp { padding-bottom: 30px !important; }
  .u-mt35-sp { margin-top: 35px !important; }
  .u-mr35-sp { margin-right: 35px !important; }
  .u-ml35-sp { margin-left: 35px !important; }
  .u-mb35-sp { margin-bottom: 35px !important; }
  .u-pt35-sp { padding-top: 35px !important; }
  .u-pr35-sp { padding-right: 35px !important; }
  .u-pl35-sp { padding-left: 35px !important; }
  .u-pb35-sp { padding-bottom: 35px !important; }
  .u-mt40-sp { margin-top: 40px !important; }
  .u-mr40-sp { margin-right: 40px !important; }
  .u-ml40-sp { margin-left: 40px !important; }
  .u-mb40-sp { margin-bottom: 40px !important; }
  .u-pt40-sp { padding-top: 40px !important; }
  .u-pr40-sp { padding-right: 40px !important; }
  .u-pl40-sp { padding-left: 40px !important; }
  .u-pb40-sp { padding-bottom: 40px !important; }
  .u-mt45-sp { margin-top: 45px !important; }
  .u-mr45-sp { margin-right: 45px !important; }
  .u-ml45-sp { margin-left: 45px !important; }
  .u-mb45-sp { margin-bottom: 45px !important; }
  .u-pt45-sp { padding-top: 45px !important; }
  .u-pr45-sp { padding-right: 45px !important; }
  .u-pl45-sp { padding-left: 45px !important; }
  .u-pb45-sp { padding-bottom: 45px !important; }
  .u-mt50-sp { margin-top: 50px !important; }
  .u-mr50-sp { margin-right: 50px !important; }
  .u-ml50-sp { margin-left: 50px !important; }
  .u-mb50-sp { margin-bottom: 50px !important; }
  .u-pt50-sp { padding-top: 50px !important; }
  .u-pr50-sp { padding-right: 50px !important; }
  .u-pl50-sp { padding-left: 50px !important; }
  .u-pb50-sp { padding-bottom: 50px !important; }
  .u-mt55-sp { margin-top: 55px !important; }
  .u-mr55-sp { margin-right: 55px !important; }
  .u-ml55-sp { margin-left: 55px !important; }
  .u-mb55-sp { margin-bottom: 55px !important; }
  .u-pt55-sp { padding-top: 55px !important; }
  .u-pr55-sp { padding-right: 55px !important; }
  .u-pl55-sp { padding-left: 55px !important; }
  .u-pb55-sp { padding-bottom: 55px !important; }
  .u-mt60-sp { margin-top: 60px !important; }
  .u-mr60-sp { margin-right: 60px !important; }
  .u-ml60-sp { margin-left: 60px !important; }
  .u-mb60-sp { margin-bottom: 60px !important; }
  .u-pt60-sp { padding-top: 60px !important; }
  .u-pr60-sp { padding-right: 60px !important; }
  .u-pl60-sp { padding-left: 60px !important; }
  .u-pb60-sp { padding-bottom: 60px !important; }
  .u-mt65-sp { margin-top: 65px !important; }
  .u-mr65-sp { margin-right: 65px !important; }
  .u-ml65-sp { margin-left: 65px !important; }
  .u-mb65-sp { margin-bottom: 65px !important; }
  .u-pt65-sp { padding-top: 65px !important; }
  .u-pr65-sp { padding-right: 65px !important; }
  .u-pl65-sp { padding-left: 65px !important; }
  .u-pb65-sp { padding-bottom: 65px !important; }
  .u-mt70-sp { margin-top: 70px !important; }
  .u-mr70-sp { margin-right: 70px !important; }
  .u-ml70-sp { margin-left: 70px !important; }
  .u-mb70-sp { margin-bottom: 70px !important; }
  .u-pt70-sp { padding-top: 70px !important; }
  .u-pr70-sp { padding-right: 70px !important; }
  .u-pl70-sp { padding-left: 70px !important; }
  .u-pb70-sp { padding-bottom: 70px !important; }
  .u-mt75-sp { margin-top: 75px !important; }
  .u-mr75-sp { margin-right: 75px !important; }
  .u-ml75-sp { margin-left: 75px !important; }
  .u-mb75-sp { margin-bottom: 75px !important; }
  .u-pt75-sp { padding-top: 75px !important; }
  .u-pr75-sp { padding-right: 75px !important; }
  .u-pl75-sp { padding-left: 75px !important; }
  .u-pb75-sp { padding-bottom: 75px !important; }
  .u-mt80-sp { margin-top: 80px !important; }
  .u-mr80-sp { margin-right: 80px !important; }
  .u-ml80-sp { margin-left: 80px !important; }
  .u-mb80-sp { margin-bottom: 80px !important; }
  .u-pt80-sp { padding-top: 80px !important; }
  .u-pr80-sp { padding-right: 80px !important; }
  .u-pl80-sp { padding-left: 80px !important; }
  .u-pb80-sp { padding-bottom: 80px !important; }
  .u-mt85-sp { margin-top: 85px !important; }
  .u-mr85-sp { margin-right: 85px !important; }
  .u-ml85-sp { margin-left: 85px !important; }
  .u-mb85-sp { margin-bottom: 85px !important; }
  .u-pt85-sp { padding-top: 85px !important; }
  .u-pr85-sp { padding-right: 85px !important; }
  .u-pl85-sp { padding-left: 85px !important; }
  .u-pb85-sp { padding-bottom: 85px !important; }
  .u-mt90-sp { margin-top: 90px !important; }
  .u-mr90-sp { margin-right: 90px !important; }
  .u-ml90-sp { margin-left: 90px !important; }
  .u-mb90-sp { margin-bottom: 90px !important; }
  .u-pt90-sp { padding-top: 90px !important; }
  .u-pr90-sp { padding-right: 90px !important; }
  .u-pl90-sp { padding-left: 90px !important; }
  .u-pb90-sp { padding-bottom: 90px !important; }
  .u-mt95-sp { margin-top: 95px !important; }
  .u-mr95-sp { margin-right: 95px !important; }
  .u-ml95-sp { margin-left: 95px !important; }
  .u-mb95-sp { margin-bottom: 95px !important; }
  .u-pt95-sp { padding-top: 95px !important; }
  .u-pr95-sp { padding-right: 95px !important; }
  .u-pl95-sp { padding-left: 95px !important; }
  .u-pb95-sp { padding-bottom: 95px !important; }
  .u-mt100-sp { margin-top: 100px !important; }
  .u-mr100-sp { margin-right: 100px !important; }
  .u-ml100-sp { margin-left: 100px !important; }
  .u-mb100-sp { margin-bottom: 100px !important; }
  .u-pt100-sp { padding-top: 100px !important; }
  .u-pr100-sp { padding-right: 100px !important; }
  .u-pl100-sp { padding-left: 100px !important; }
  .u-pb100-sp { padding-bottom: 100px !important; } }
@media screen and (max-width: 1024px) { .u-mt0-tab { margin-top: 0px !important; }
  .u-mr0-tab { margin-right: 0px !important; }
  .u-ml0-tab { margin-left: 0px !important; }
  .u-mb0-tab { margin-bottom: 0px !important; }
  .u-pt0-tab { padding-top: 0px !important; }
  .u-pr0-tab { padding-right: 0px !important; }
  .u-pl0-tab { padding-left: 0px !important; }
  .u-pb0-tab { padding-bottom: 0px !important; }
  .u-mt5-tab { margin-top: 5px !important; }
  .u-mr5-tab { margin-right: 5px !important; }
  .u-ml5-tab { margin-left: 5px !important; }
  .u-mb5-tab { margin-bottom: 5px !important; }
  .u-pt5-tab { padding-top: 5px !important; }
  .u-pr5-tab { padding-right: 5px !important; }
  .u-pl5-tab { padding-left: 5px !important; }
  .u-pb5-tab { padding-bottom: 5px !important; }
  .u-mt10-tab { margin-top: 10px !important; }
  .u-mr10-tab { margin-right: 10px !important; }
  .u-ml10-tab { margin-left: 10px !important; }
  .u-mb10-tab { margin-bottom: 10px !important; }
  .u-pt10-tab { padding-top: 10px !important; }
  .u-pr10-tab { padding-right: 10px !important; }
  .u-pl10-tab { padding-left: 10px !important; }
  .u-pb10-tab { padding-bottom: 10px !important; }
  .u-mt15-tab { margin-top: 15px !important; }
  .u-mr15-tab { margin-right: 15px !important; }
  .u-ml15-tab { margin-left: 15px !important; }
  .u-mb15-tab { margin-bottom: 15px !important; }
  .u-pt15-tab { padding-top: 15px !important; }
  .u-pr15-tab { padding-right: 15px !important; }
  .u-pl15-tab { padding-left: 15px !important; }
  .u-pb15-tab { padding-bottom: 15px !important; }
  .u-mt20-tab { margin-top: 20px !important; }
  .u-mr20-tab { margin-right: 20px !important; }
  .u-ml20-tab { margin-left: 20px !important; }
  .u-mb20-tab { margin-bottom: 20px !important; }
  .u-pt20-tab { padding-top: 20px !important; }
  .u-pr20-tab { padding-right: 20px !important; }
  .u-pl20-tab { padding-left: 20px !important; }
  .u-pb20-tab { padding-bottom: 20px !important; }
  .u-mt25-tab { margin-top: 25px !important; }
  .u-mr25-tab { margin-right: 25px !important; }
  .u-ml25-tab { margin-left: 25px !important; }
  .u-mb25-tab { margin-bottom: 25px !important; }
  .u-pt25-tab { padding-top: 25px !important; }
  .u-pr25-tab { padding-right: 25px !important; }
  .u-pl25-tab { padding-left: 25px !important; }
  .u-pb25-tab { padding-bottom: 25px !important; }
  .u-mt30-tab { margin-top: 30px !important; }
  .u-mr30-tab { margin-right: 30px !important; }
  .u-ml30-tab { margin-left: 30px !important; }
  .u-mb30-tab { margin-bottom: 30px !important; }
  .u-pt30-tab { padding-top: 30px !important; }
  .u-pr30-tab { padding-right: 30px !important; }
  .u-pl30-tab { padding-left: 30px !important; }
  .u-pb30-tab { padding-bottom: 30px !important; }
  .u-mt35-tab { margin-top: 35px !important; }
  .u-mr35-tab { margin-right: 35px !important; }
  .u-ml35-tab { margin-left: 35px !important; }
  .u-mb35-tab { margin-bottom: 35px !important; }
  .u-pt35-tab { padding-top: 35px !important; }
  .u-pr35-tab { padding-right: 35px !important; }
  .u-pl35-tab { padding-left: 35px !important; }
  .u-pb35-tab { padding-bottom: 35px !important; }
  .u-mt40-tab { margin-top: 40px !important; }
  .u-mr40-tab { margin-right: 40px !important; }
  .u-ml40-tab { margin-left: 40px !important; }
  .u-mb40-tab { margin-bottom: 40px !important; }
  .u-pt40-tab { padding-top: 40px !important; }
  .u-pr40-tab { padding-right: 40px !important; }
  .u-pl40-tab { padding-left: 40px !important; }
  .u-pb40-tab { padding-bottom: 40px !important; }
  .u-mt45-tab { margin-top: 45px !important; }
  .u-mr45-tab { margin-right: 45px !important; }
  .u-ml45-tab { margin-left: 45px !important; }
  .u-mb45-tab { margin-bottom: 45px !important; }
  .u-pt45-tab { padding-top: 45px !important; }
  .u-pr45-tab { padding-right: 45px !important; }
  .u-pl45-tab { padding-left: 45px !important; }
  .u-pb45-tab { padding-bottom: 45px !important; }
  .u-mt50-tab { margin-top: 50px !important; }
  .u-mr50-tab { margin-right: 50px !important; }
  .u-ml50-tab { margin-left: 50px !important; }
  .u-mb50-tab { margin-bottom: 50px !important; }
  .u-pt50-tab { padding-top: 50px !important; }
  .u-pr50-tab { padding-right: 50px !important; }
  .u-pl50-tab { padding-left: 50px !important; }
  .u-pb50-tab { padding-bottom: 50px !important; }
  .u-mt55-tab { margin-top: 55px !important; }
  .u-mr55-tab { margin-right: 55px !important; }
  .u-ml55-tab { margin-left: 55px !important; }
  .u-mb55-tab { margin-bottom: 55px !important; }
  .u-pt55-tab { padding-top: 55px !important; }
  .u-pr55-tab { padding-right: 55px !important; }
  .u-pl55-tab { padding-left: 55px !important; }
  .u-pb55-tab { padding-bottom: 55px !important; }
  .u-mt60-tab { margin-top: 60px !important; }
  .u-mr60-tab { margin-right: 60px !important; }
  .u-ml60-tab { margin-left: 60px !important; }
  .u-mb60-tab { margin-bottom: 60px !important; }
  .u-pt60-tab { padding-top: 60px !important; }
  .u-pr60-tab { padding-right: 60px !important; }
  .u-pl60-tab { padding-left: 60px !important; }
  .u-pb60-tab { padding-bottom: 60px !important; }
  .u-mt65-tab { margin-top: 65px !important; }
  .u-mr65-tab { margin-right: 65px !important; }
  .u-ml65-tab { margin-left: 65px !important; }
  .u-mb65-tab { margin-bottom: 65px !important; }
  .u-pt65-tab { padding-top: 65px !important; }
  .u-pr65-tab { padding-right: 65px !important; }
  .u-pl65-tab { padding-left: 65px !important; }
  .u-pb65-tab { padding-bottom: 65px !important; }
  .u-mt70-tab { margin-top: 70px !important; }
  .u-mr70-tab { margin-right: 70px !important; }
  .u-ml70-tab { margin-left: 70px !important; }
  .u-mb70-tab { margin-bottom: 70px !important; }
  .u-pt70-tab { padding-top: 70px !important; }
  .u-pr70-tab { padding-right: 70px !important; }
  .u-pl70-tab { padding-left: 70px !important; }
  .u-pb70-tab { padding-bottom: 70px !important; }
  .u-mt75-tab { margin-top: 75px !important; }
  .u-mr75-tab { margin-right: 75px !important; }
  .u-ml75-tab { margin-left: 75px !important; }
  .u-mb75-tab { margin-bottom: 75px !important; }
  .u-pt75-tab { padding-top: 75px !important; }
  .u-pr75-tab { padding-right: 75px !important; }
  .u-pl75-tab { padding-left: 75px !important; }
  .u-pb75-tab { padding-bottom: 75px !important; }
  .u-mt80-tab { margin-top: 80px !important; }
  .u-mr80-tab { margin-right: 80px !important; }
  .u-ml80-tab { margin-left: 80px !important; }
  .u-mb80-tab { margin-bottom: 80px !important; }
  .u-pt80-tab { padding-top: 80px !important; }
  .u-pr80-tab { padding-right: 80px !important; }
  .u-pl80-tab { padding-left: 80px !important; }
  .u-pb80-tab { padding-bottom: 80px !important; }
  .u-mt85-tab { margin-top: 85px !important; }
  .u-mr85-tab { margin-right: 85px !important; }
  .u-ml85-tab { margin-left: 85px !important; }
  .u-mb85-tab { margin-bottom: 85px !important; }
  .u-pt85-tab { padding-top: 85px !important; }
  .u-pr85-tab { padding-right: 85px !important; }
  .u-pl85-tab { padding-left: 85px !important; }
  .u-pb85-tab { padding-bottom: 85px !important; }
  .u-mt90-tab { margin-top: 90px !important; }
  .u-mr90-tab { margin-right: 90px !important; }
  .u-ml90-tab { margin-left: 90px !important; }
  .u-mb90-tab { margin-bottom: 90px !important; }
  .u-pt90-tab { padding-top: 90px !important; }
  .u-pr90-tab { padding-right: 90px !important; }
  .u-pl90-tab { padding-left: 90px !important; }
  .u-pb90-tab { padding-bottom: 90px !important; }
  .u-mt95-tab { margin-top: 95px !important; }
  .u-mr95-tab { margin-right: 95px !important; }
  .u-ml95-tab { margin-left: 95px !important; }
  .u-mb95-tab { margin-bottom: 95px !important; }
  .u-pt95-tab { padding-top: 95px !important; }
  .u-pr95-tab { padding-right: 95px !important; }
  .u-pl95-tab { padding-left: 95px !important; }
  .u-pb95-tab { padding-bottom: 95px !important; }
  .u-mt100-tab { margin-top: 100px !important; }
  .u-mr100-tab { margin-right: 100px !important; }
  .u-ml100-tab { margin-left: 100px !important; }
  .u-mb100-tab { margin-bottom: 100px !important; }
  .u-pt100-tab { padding-top: 100px !important; }
  .u-pr100-tab { padding-right: 100px !important; }
  .u-pl100-tab { padding-left: 100px !important; }
  .u-pb100-tab { padding-bottom: 100px !important; } }
@media screen and (max-width: 1180px) { .u-mt0-laptop { margin-top: 0px !important; }
  .u-mr0-laptop { margin-right: 0px !important; }
  .u-ml0-laptop { margin-left: 0px !important; }
  .u-mb0-laptop { margin-bottom: 0px !important; }
  .u-pt0-laptop { padding-top: 0px !important; }
  .u-pr0-laptop { padding-right: 0px !important; }
  .u-pl0-laptop { padding-left: 0px !important; }
  .u-pb0-laptop { padding-bottom: 0px !important; }
  .u-mt5-laptop { margin-top: 5px !important; }
  .u-mr5-laptop { margin-right: 5px !important; }
  .u-ml5-laptop { margin-left: 5px !important; }
  .u-mb5-laptop { margin-bottom: 5px !important; }
  .u-pt5-laptop { padding-top: 5px !important; }
  .u-pr5-laptop { padding-right: 5px !important; }
  .u-pl5-laptop { padding-left: 5px !important; }
  .u-pb5-laptop { padding-bottom: 5px !important; }
  .u-mt10-laptop { margin-top: 10px !important; }
  .u-mr10-laptop { margin-right: 10px !important; }
  .u-ml10-laptop { margin-left: 10px !important; }
  .u-mb10-laptop { margin-bottom: 10px !important; }
  .u-pt10-laptop { padding-top: 10px !important; }
  .u-pr10-laptop { padding-right: 10px !important; }
  .u-pl10-laptop { padding-left: 10px !important; }
  .u-pb10-laptop { padding-bottom: 10px !important; }
  .u-mt15-laptop { margin-top: 15px !important; }
  .u-mr15-laptop { margin-right: 15px !important; }
  .u-ml15-laptop { margin-left: 15px !important; }
  .u-mb15-laptop { margin-bottom: 15px !important; }
  .u-pt15-laptop { padding-top: 15px !important; }
  .u-pr15-laptop { padding-right: 15px !important; }
  .u-pl15-laptop { padding-left: 15px !important; }
  .u-pb15-laptop { padding-bottom: 15px !important; }
  .u-mt20-laptop { margin-top: 20px !important; }
  .u-mr20-laptop { margin-right: 20px !important; }
  .u-ml20-laptop { margin-left: 20px !important; }
  .u-mb20-laptop { margin-bottom: 20px !important; }
  .u-pt20-laptop { padding-top: 20px !important; }
  .u-pr20-laptop { padding-right: 20px !important; }
  .u-pl20-laptop { padding-left: 20px !important; }
  .u-pb20-laptop { padding-bottom: 20px !important; }
  .u-mt25-laptop { margin-top: 25px !important; }
  .u-mr25-laptop { margin-right: 25px !important; }
  .u-ml25-laptop { margin-left: 25px !important; }
  .u-mb25-laptop { margin-bottom: 25px !important; }
  .u-pt25-laptop { padding-top: 25px !important; }
  .u-pr25-laptop { padding-right: 25px !important; }
  .u-pl25-laptop { padding-left: 25px !important; }
  .u-pb25-laptop { padding-bottom: 25px !important; }
  .u-mt30-laptop { margin-top: 30px !important; }
  .u-mr30-laptop { margin-right: 30px !important; }
  .u-ml30-laptop { margin-left: 30px !important; }
  .u-mb30-laptop { margin-bottom: 30px !important; }
  .u-pt30-laptop { padding-top: 30px !important; }
  .u-pr30-laptop { padding-right: 30px !important; }
  .u-pl30-laptop { padding-left: 30px !important; }
  .u-pb30-laptop { padding-bottom: 30px !important; }
  .u-mt35-laptop { margin-top: 35px !important; }
  .u-mr35-laptop { margin-right: 35px !important; }
  .u-ml35-laptop { margin-left: 35px !important; }
  .u-mb35-laptop { margin-bottom: 35px !important; }
  .u-pt35-laptop { padding-top: 35px !important; }
  .u-pr35-laptop { padding-right: 35px !important; }
  .u-pl35-laptop { padding-left: 35px !important; }
  .u-pb35-laptop { padding-bottom: 35px !important; }
  .u-mt40-laptop { margin-top: 40px !important; }
  .u-mr40-laptop { margin-right: 40px !important; }
  .u-ml40-laptop { margin-left: 40px !important; }
  .u-mb40-laptop { margin-bottom: 40px !important; }
  .u-pt40-laptop { padding-top: 40px !important; }
  .u-pr40-laptop { padding-right: 40px !important; }
  .u-pl40-laptop { padding-left: 40px !important; }
  .u-pb40-laptop { padding-bottom: 40px !important; }
  .u-mt45-laptop { margin-top: 45px !important; }
  .u-mr45-laptop { margin-right: 45px !important; }
  .u-ml45-laptop { margin-left: 45px !important; }
  .u-mb45-laptop { margin-bottom: 45px !important; }
  .u-pt45-laptop { padding-top: 45px !important; }
  .u-pr45-laptop { padding-right: 45px !important; }
  .u-pl45-laptop { padding-left: 45px !important; }
  .u-pb45-laptop { padding-bottom: 45px !important; }
  .u-mt50-laptop { margin-top: 50px !important; }
  .u-mr50-laptop { margin-right: 50px !important; }
  .u-ml50-laptop { margin-left: 50px !important; }
  .u-mb50-laptop { margin-bottom: 50px !important; }
  .u-pt50-laptop { padding-top: 50px !important; }
  .u-pr50-laptop { padding-right: 50px !important; }
  .u-pl50-laptop { padding-left: 50px !important; }
  .u-pb50-laptop { padding-bottom: 50px !important; }
  .u-mt55-laptop { margin-top: 55px !important; }
  .u-mr55-laptop { margin-right: 55px !important; }
  .u-ml55-laptop { margin-left: 55px !important; }
  .u-mb55-laptop { margin-bottom: 55px !important; }
  .u-pt55-laptop { padding-top: 55px !important; }
  .u-pr55-laptop { padding-right: 55px !important; }
  .u-pl55-laptop { padding-left: 55px !important; }
  .u-pb55-laptop { padding-bottom: 55px !important; }
  .u-mt60-laptop { margin-top: 60px !important; }
  .u-mr60-laptop { margin-right: 60px !important; }
  .u-ml60-laptop { margin-left: 60px !important; }
  .u-mb60-laptop { margin-bottom: 60px !important; }
  .u-pt60-laptop { padding-top: 60px !important; }
  .u-pr60-laptop { padding-right: 60px !important; }
  .u-pl60-laptop { padding-left: 60px !important; }
  .u-pb60-laptop { padding-bottom: 60px !important; }
  .u-mt65-laptop { margin-top: 65px !important; }
  .u-mr65-laptop { margin-right: 65px !important; }
  .u-ml65-laptop { margin-left: 65px !important; }
  .u-mb65-laptop { margin-bottom: 65px !important; }
  .u-pt65-laptop { padding-top: 65px !important; }
  .u-pr65-laptop { padding-right: 65px !important; }
  .u-pl65-laptop { padding-left: 65px !important; }
  .u-pb65-laptop { padding-bottom: 65px !important; }
  .u-mt70-laptop { margin-top: 70px !important; }
  .u-mr70-laptop { margin-right: 70px !important; }
  .u-ml70-laptop { margin-left: 70px !important; }
  .u-mb70-laptop { margin-bottom: 70px !important; }
  .u-pt70-laptop { padding-top: 70px !important; }
  .u-pr70-laptop { padding-right: 70px !important; }
  .u-pl70-laptop { padding-left: 70px !important; }
  .u-pb70-laptop { padding-bottom: 70px !important; }
  .u-mt75-laptop { margin-top: 75px !important; }
  .u-mr75-laptop { margin-right: 75px !important; }
  .u-ml75-laptop { margin-left: 75px !important; }
  .u-mb75-laptop { margin-bottom: 75px !important; }
  .u-pt75-laptop { padding-top: 75px !important; }
  .u-pr75-laptop { padding-right: 75px !important; }
  .u-pl75-laptop { padding-left: 75px !important; }
  .u-pb75-laptop { padding-bottom: 75px !important; }
  .u-mt80-laptop { margin-top: 80px !important; }
  .u-mr80-laptop { margin-right: 80px !important; }
  .u-ml80-laptop { margin-left: 80px !important; }
  .u-mb80-laptop { margin-bottom: 80px !important; }
  .u-pt80-laptop { padding-top: 80px !important; }
  .u-pr80-laptop { padding-right: 80px !important; }
  .u-pl80-laptop { padding-left: 80px !important; }
  .u-pb80-laptop { padding-bottom: 80px !important; }
  .u-mt85-laptop { margin-top: 85px !important; }
  .u-mr85-laptop { margin-right: 85px !important; }
  .u-ml85-laptop { margin-left: 85px !important; }
  .u-mb85-laptop { margin-bottom: 85px !important; }
  .u-pt85-laptop { padding-top: 85px !important; }
  .u-pr85-laptop { padding-right: 85px !important; }
  .u-pl85-laptop { padding-left: 85px !important; }
  .u-pb85-laptop { padding-bottom: 85px !important; }
  .u-mt90-laptop { margin-top: 90px !important; }
  .u-mr90-laptop { margin-right: 90px !important; }
  .u-ml90-laptop { margin-left: 90px !important; }
  .u-mb90-laptop { margin-bottom: 90px !important; }
  .u-pt90-laptop { padding-top: 90px !important; }
  .u-pr90-laptop { padding-right: 90px !important; }
  .u-pl90-laptop { padding-left: 90px !important; }
  .u-pb90-laptop { padding-bottom: 90px !important; }
  .u-mt95-laptop { margin-top: 95px !important; }
  .u-mr95-laptop { margin-right: 95px !important; }
  .u-ml95-laptop { margin-left: 95px !important; }
  .u-mb95-laptop { margin-bottom: 95px !important; }
  .u-pt95-laptop { padding-top: 95px !important; }
  .u-pr95-laptop { padding-right: 95px !important; }
  .u-pl95-laptop { padding-left: 95px !important; }
  .u-pb95-laptop { padding-bottom: 95px !important; }
  .u-mt100-laptop { margin-top: 100px !important; }
  .u-mr100-laptop { margin-right: 100px !important; }
  .u-ml100-laptop { margin-left: 100px !important; }
  .u-mb100-laptop { margin-bottom: 100px !important; }
  .u-pt100-laptop { padding-top: 100px !important; }
  .u-pr100-laptop { padding-right: 100px !important; }
  .u-pl100-laptop { padding-left: 100px !important; }
  .u-pb100-laptop { padding-bottom: 100px !important; } }
.u-text-accent { color: #eb5c02; }

.u-text-accent-sub { color: #f9a603; }

.u-text-important { color: #DC3B3B; }

.u-text-inverse { color: #fff; }

.u-text-sub { color: #ccc; }

.u-text-serif { font-family: "Times New Roman", Times, serif; }

.u-text-bold { font-weight: 600; }

.u-text-regular { font-weight: 400; }

.u-text-normal { font-weight: 400; }

.u-text-highlight { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #0096D0)); background: linear-gradient(rgba(0, 0, 0, 0) 70%, #0096d0 70%); }

.u-text-underline { text-decoration: underline; }

.u-text-x-large { font-size: 1.55556rem; }

.u-text-large { font-size: 1.33333rem; }

.u-text-bit-large { font-size: 1.11111rem; }

.u-text-medium { font-size: 1rem; }

.u-text-default { font-size: 0.88889rem; }

.u-text-bit-small { font-size: 0.83333rem; }

.u-text-small { font-size: 0.77778rem; }

.u-text-x-small { font-size: 0.66667rem; }

.u-color--default { color: #464545; }

.u-weight-500 { font-weight: 500; }

.u-dib { display: inline-block; }

@media screen and (min-width: 769px) { .u-pc-right { text-align: right; } }
[class^="lazyblock-interview-h1-2026"] .container { width: 100%; max-width: 1400px; margin-inline: auto; padding: min(70px,5vw) 10px; position: relative; }
[class^="lazyblock-interview-h1-2026"] .kv { display: grid; }
[class^="lazyblock-interview-h1-2026"] .photo { aspect-ratio: 3/2; }
[class^="lazyblock-interview-h1-2026"] .photo > img { width: 100%; height: 100%; object-fit: cover; }
[class^="lazyblock-interview-h1-2026"] .profile > div { background-color: #fff; color: #333; /*padding:10%;*/ height: 100%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; }
[class^="lazyblock-interview-h1-2026"] .profile h1 { font-size: min(2rem, calc(36vw / 14)); line-height: 1.5; padding: 1em; padding-right: 0; /*white-space:nowrap;*/ font-family: serif; font-weight: bold; text-shadow: 1px 1px .25em #fff, 1px 1px .2em #fff, 1px 1px .15em #fff; }
@media (min-width: 769px) { [class^="lazyblock-interview-h1-2026"] .profile h1 { white-space: nowrap; } }
@media (max-width: 768px) { [class^="lazyblock-interview-h1-2026"] .profile h1 { font-size: min(2rem,calc(72vw / 14)); } }
[class^="lazyblock-interview-h1-2026"] .profile ul { display: flex; flex-direction: column; font-size: min(1rem, calc(18vw / 14)); justify-content: center; padding: 0 10% 10%; }
@media (max-width: 768px) { [class^="lazyblock-interview-h1-2026"] .profile ul { font-size: 1rem; } }
[class^="lazyblock-interview-h1-2026"] .profile ul > li { line-height: 1.8; }
[class^="lazyblock-interview-h1-2026"] .profile ul .job { font-size: 120%; margin-bottom: 1em; }
[class^="lazyblock-interview-h1-2026"] .profile ul .job > span { color: #fff; background-color: #333; display: inline-block; padding: 0 1em; }
[class^="lazyblock-interview-h1-2026"] .profile ul .init_name { font-size: 200%; }
[class^="lazyblock-interview-h1-2026"] .profile ul .init_name:after { content: "さん"; font-size: 50%; font-weight: normal; margin-left: .5em; }
[class^="lazyblock-interview-h1-2026"] .profile ul .notes { font-size: 75%; }
[class^="lazyblock-interview-h1-2026"] .breadcrumb { display: none; }
@media (min-width: 769px) { [class^="lazyblock-interview-h1-2026"] .container { padding-bottom: min(140px,10vw); }
  [class^="lazyblock-interview-h1-2026"] .kv { grid-template-columns: 2fr 3fr; aspect-ratio: 5/2; }
  [class^="lazyblock-interview-h1-2026"] .photo { grid-column: 2/3; grid-row: 1/2; }
  [class^="lazyblock-interview-h1-2026"] .profile { grid-column: 1/2; grid-row: 1/2; height: 100%; position: relative; }
  [class^="lazyblock-interview-h1-2026"] .profile > div { position: absolute; top: 10%; width: 110%; }
  [class^="lazyblock-interview-h1-2026"] .breadcrumb { display: block; position: relative; } }
@media (max-width: 768px) { [class^="lazyblock-interview-h1-2026"] .kv { display: block; }
  [class^="lazyblock-interview-h1-2026"] .profile { position: relative; margin-top: -10%; }
  [class^="lazyblock-interview-h1-2026"] .profile > div { position: inherit; width: 90%; height: auto; margin-inline: auto; } }

.lazyblock-welfare { padding: 2rem 1.5rem; box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.1); }