@charset "UTF-8";
/*============================================================================================================
	base
============================================================================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a {
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
a:hover {
  opacity: 0.7;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  img {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .hidden-pc {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .hidden-sp {
    display: none !important;
  }
}
/*------------------------------------------
	font
------------------------------------------*/
body {
  color: #000;
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
}

.f-montserrat {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.f-gothic {
  font-weight: 400;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*------------------------------------------
	frame
------------------------------------------*/
@media screen and (min-width: 769px) {
  body {
    min-width: 1000px;
  }
}

.inner {
  width: 100%;
  max-width: 1044px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 374px) {
  .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*------------------------------------------
	scroll action
------------------------------------------*/
.js-scroll {
  -webkit-transition: opacity 1s, -webkit-transform 1.5s;
  transition: opacity 1s, -webkit-transform 1.5s;
  transition: opacity 1s, transform 1.5s;
  transition: opacity 1s, transform 1.5s, -webkit-transform 1.5s;
}
.js-scroll:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.js-scroll:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.js-scroll:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.js-scroll:nth-child(5) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.js-scroll.is-fadeInUp {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}
.js-scroll.is-fadeInUp.is-view {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 768px) {
  .js-scroll.is-fadeInUp {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
}

/*============================================================================================================
	l-header
============================================================================================================*/
.l-header {
  width: 100%;
  position: relative;
  z-index: 9990;
}
.l-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  text-align: center;
}
.l-header__logo a {
  display: block;
  text-align: center;
}
.l-header__logo-txt {
  display: block;
  margin-top: 10px;
  padding: 5px;
  border-top: 1px solid #000;
  font-weight: 700;
  font-size: 13px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.l-header__entry {
  position: fixed;
  top: 40px;
  right: 170px;
  width: 160px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.l-header__entry a {
  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;
  height: 50px;
  background: #d4261f;
}
@media screen and (min-width: 769px) {
  .l-header__logo {
    position: absolute;
    top: 40px;
    left: 60px;
  }
  .l-header__entry a:hover {
    opacity: 1;
    -webkit-box-shadow: 4px 4px 0 #0ff;
            box-shadow: 4px 4px 0 #0ff;
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
}
@media screen and (max-width: 768px) {
  .l-header {
    height: 70px;
    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;
    padding: 0 65px 0 10px;
  }
  .l-header__logo {
    width: 180px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header__logo img {
    width: 150px;
  }
  .l-header__logo-txt {
    margin-top: 8px;
    padding: 3px;
    font-size: 10px;
  }
  .l-header__txtWrap {
    width: 200px;
  }
  .l-header__txtWrap img {
    width: 60px;
  }
  .l-header__entry {
    width: 80px;
    top: 10px;
    right: 65px;
  }
  .l-header__entry a {
    height: 40px;
  }
}

/*============================================================================================================
	footer
============================================================================================================*/
.l-footer {
  background: #d4261f;
  position: relative;
}
.l-footer p,
.l-footer li {
  margin: 0;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.l-footer a,
.l-footer span {
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-weight: inherit;
}
.l-footer a,
.l-footer li,
.l-footer div,
.l-footer span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-footer-inner {
  width: 100%;
  max-width: 1044px;
  margin: 0 auto;
  padding: 60px 10px;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-footer__logo {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.l-footer-sns {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: flex-end;
}
.l-footer-sns__item + .l-footer-sns__item {
  margin-left: 10px;
}
.l-footer-sns__item a {
  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;
  height: 100%;
}
.l-footer-nav {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
  margin: 35px auto 0 0;
  padding: 0;
}
.l-footer-nav__item {
  margin-bottom: 15px !important;
  list-style: none;
  color: #fff;
  font-size: 13px;
}
.l-footer-nav__item a {
  color: inherit;
  display: block;
  text-decoration: none;
}
.l-footer-nav__item a:hover {
  opacity: 1;
  text-decoration: underline;
}
.l-footer-nav__item.has-arrow {
  border-bottom: 2px solid #fff;
}
.l-footer-nav__item.has-arrow a {
  display: block;
  padding: 15px 130px 15px 10px;
  background: url("../img/ico_arrow02.svg") no-repeat right 20px center;
}
.l-footer-nav__item.has-arrow img {
  display: block;
}
.l-footer-nav__item:last-of-type {
  margin: 35px auto 0 !important;
}
.l-footer-copyright {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  color: #fff;
  font-size: 11px;
  text-align: right;
  justify-self: flex-end;
  align-self: flex-end;
}
@media screen and (min-width: 769px) {
  .l-footer .hidden-pc {
    display: none;
  }
  .l-footer-nav__item.has-arrow a:hover {
    background-position: right 10px center;
  }
}
@media screen and (max-width: 768px) {
  .l-footer .hidden-sp {
    display: none;
  }
  .l-footer-inner {
    display: block;
    padding: 50px 25px 30px;
  }
  .l-footer__logo {
    width: 180px;
    margin: 0 auto 40px !important;
  }
  .l-footer-sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 40px;
  }
  .l-footer-sns__item {
    width: 25px;
    height: 25px;
  }
  .l-footer-sns__item + .l-footer-sns__item {
    margin-left: 20px;
  }
  .l-footer-nav {
    margin: 0 auto 40px;
  }
  .l-footer-nav__item.has-arrow a {
    padding: 15px 70px 15px 5px;
    background-position: right 10px center;
    background-size: 50px;
  }
  .l-footer-nav__item.has-arrow img {
    height: 16px;
    width: auto;
  }
  .l-footer-nav__item:last-of-type {
    margin-top: 20px !important;
  }
  .l-footer-copyright {
    text-align: center;
  }
}

.pagetop {
  display: none;
  width: 80px;
  height: 80px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  border-radius: 50%;
  text-indent: 200%;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 9000;
}
.pagetop a {
  width: 100%;
  height: 100%;
  display: block;
  background: #d4261f;
  border: 2px solid #fff;
  border-radius: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.pagetop a::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  clip-path: polygon(0 0, 100% 0, 100% 2px, 2px 2px, 2px 100%, 0 100%);
  background: #fff;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .pagetop {
    width: 50px;
    height: 50px;
    right: 10px;
    bottom: 10px;
  }
  .pagetop a::before {
    width: 10px;
    height: 10px;
  }
}

/*============================================================================================================
	nav
============================================================================================================*/
.gnavBtn {
  overflow: hidden;
  cursor: pointer;
  width: 70px;
  height: 70px;
  position: fixed;
  z-index: 9992;
  top: 30px;
  right: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gnavBtn:hover span {
  background: #d4261f;
}
.gnavBtn span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gnavBtn span:nth-of-type(1) {
  top: 24px;
}
.gnavBtn span:nth-of-type(2) {
  bottom: 24px;
}
.gnavBtn.is-close span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-225deg);
          transform: translateY(10px) rotate(-225deg);
}
.gnavBtn.is-close span:nth-of-type(2) {
  -webkit-transform: translateY(-10px) rotate(225deg);
          transform: translateY(-10px) rotate(225deg);
}
@media screen and (max-width: 768px) {
  .gnavBtn {
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
  }
  .gnavBtn span {
    width: 30px;
  }
  .gnavBtn span:nth-of-type(1) {
    top: 23px;
  }
  .gnavBtn span:nth-of-type(2) {
    bottom: 23px;
  }
  .gnavBtn.is-close span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-225deg);
            transform: translateY(6px) rotate(-225deg);
  }
  .gnavBtn.is-close span:nth-of-type(2) {
    -webkit-transform: translateY(-6px) rotate(225deg);
            transform: translateY(-6px) rotate(225deg);
  }
}

.l-nav {
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  position: fixed;
  z-index: 9991;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-nav.is-open {
  right: 0;
}
.l-nav.is-open .l-nav-overlay {
  left: 0;
  width: 100%;
}
.l-nav-inner {
  width: 100%;
  height: 100%;
  padding: 130px 50px 50px;
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-nav-inner::-webkit-scrollbar {
  display: none;
}
.l-nav-list {
  margin-bottom: 50px;
}
.l-nav-list__item {
  margin-bottom: 15px;
  border-bottom: 1px dashed #d4261f;
  font-weight: 700;
  line-height: 1.5;
}
.l-nav-list__item:last-of-type {
  margin-bottom: 0;
}
.l-nav-list__item a {
  display: block;
  padding: 20px 40px 20px 0;
  background: url("../img/ico_arrow03.svg") no-repeat right 5px top 50%;
}
.l-nav-list__item-en {
  display: block;
  color: #d4261f;
  font-size: 30px;
}
.l-nav__entry {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}
.l-nav__entry a {
  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;
  height: 70px;
  background: #d4261f;
}
.l-nav-overlay {
  cursor: pointer;
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .l-nav-list__item a:hover {
    opacity: 1;
    text-shadow: 2px 2px 0 #0ff;
    background-position: right 5px top 55%;
  }
  .l-nav__entry a:hover {
    opacity: 1;
    -webkit-box-shadow: 4px 4px 0 #0ff;
            box-shadow: 4px 4px 0 #0ff;
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
}
@media screen and (max-width: 768px) {
  .l-nav {
    right: -280px;
    width: 280px;
  }
  .l-nav-inner {
    padding: 60px 20px 30px;
  }
  .l-nav-list {
    margin-bottom: 40px;
  }
  .l-nav-list__item {
    margin-bottom: 10px;
  }
  .l-nav-list__item a {
    padding: 15px 30px 15px 0;
    background-size: 15px;
  }
  .l-nav-list__item-en {
    font-size: 22px;
  }
  .l-nav__entry {
    font-size: 20px;
  }
  .l-nav__entry a {
    height: 60px;
  }
}

/*============================================================================================================
	.l-mv
============================================================================================================*/
.l-mv {
  padding: 135px 0 0;
}
.l-mv-main {
  padding: 40px 0 50px;
  background: url("../img/bg_mv01.svg") no-repeat left calc(50% - 643px) top, url("../img/bg_mv02.svg") no-repeat right calc(50% - 630px) top;
}
.l-mv-main__txt {
  display: table;
  margin: 0 auto 20px;
}
.l-mv-main__txt img {
  width: 100%;
}
.l-mv-main-logo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px auto 30px auto 30px auto;
  grid-template-columns: repeat(4, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
}
.l-mv-main-logo__item {
  text-align: center;
}
.l-mv-main-logo img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-mv {
    padding-top: 0;
  }
  .l-mv-main {
    padding: 130px 25px 90px;
    background: url("../img/bg_mv03.svg") no-repeat center top 5px/cover;
  }
  .l-mv-main__txt {
    margin-bottom: 10px;
  }
  .l-mv-main-logo {
    grid-gap: 10px;
  }
}

.js-mv-slider {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30px, #f7f6f4 30px);
}
.js-mv-slider.is-initialized {
  opacity: 1;
}
.js-mv-slider img {
  width: 100%;
}

body {
  margin: 0;
}

.glitch {
  background: no-repeat center;
  background-size: 0;
  width: 787px;
  height: 289px;
  position: relative;
  display: -ms-grid;
  display: grid;
  margin: 0 auto 20px;
}
.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch::before {
  -webkit-animation: glitch-before 2s linear infinite alternate both;
          animation: glitch-before 2s linear infinite alternate both;
  content: "";
}
@-webkit-keyframes glitch-before {
  0% {
    clip-path: polygon(0% 40.5068381458%, 100% 40.5068381458%, 100% 43.9700685674%, 0% 43.9700685674%);
    -webkit-transform: translate(-2.4399501244%, -0.4932061288%);
            transform: translate(-2.4399501244%, -0.4932061288%);
  }
  1% {
    clip-path: polygon(0% 56.6651949082%, 100% 56.6651949082%, 100% 66.014443048%, 0% 66.014443048%);
    -webkit-transform: translate(-1.9462772864%, -0.4662120915%);
            transform: translate(-1.9462772864%, -0.4662120915%);
  }
  2% {
    clip-path: polygon(0% 44.6849808954%, 100% 44.6849808954%, 100% 48.242829019%, 0% 48.242829019%);
    -webkit-transform: translate(-6.4595695772%, 0.3084947609%);
            transform: translate(-6.4595695772%, 0.3084947609%);
  }
  3% {
    clip-path: polygon(0% 44.5429586638%, 100% 44.5429586638%, 100% 48.1622054825%, 0% 48.1622054825%);
    -webkit-transform: translate(1.5801862291%, 0.4377513099%);
            transform: translate(1.5801862291%, 0.4377513099%);
  }
  4% {
    clip-path: polygon(0% 84.236185238%, 100% 84.236185238%, 100% 91.5478132278%, 0% 91.5478132278%);
    -webkit-transform: translate(5.6382837755%, 0.1872797936%);
            transform: translate(5.6382837755%, 0.1872797936%);
  }
  5% {
    clip-path: polygon(0% 41.6721834139%, 100% 41.6721834139%, 100% 49.0217311414%, 0% 49.0217311414%);
    -webkit-transform: translate(-4.5978718662%, -0.43709462%);
            transform: translate(-4.5978718662%, -0.43709462%);
  }
  6% {
    clip-path: polygon(0% 2.9573948634%, 100% 2.9573948634%, 100% 10.3477049253%, 0% 10.3477049253%);
    -webkit-transform: translate(-6.4287764687%, 0.0368791994%);
            transform: translate(-6.4287764687%, 0.0368791994%);
  }
  7% {
    clip-path: polygon(0% 67.7697155873%, 100% 67.7697155873%, 100% 77.110337033%, 0% 77.110337033%);
    -webkit-transform: translate(5.9844340252%, -0.0957840283%);
            transform: translate(5.9844340252%, -0.0957840283%);
  }
  8% {
    clip-path: polygon(0% 60.7837280229%, 100% 60.7837280229%, 100% 65.3373145221%, 0% 65.3373145221%);
    -webkit-transform: translate(5.1540720129%, 0.1793878202%);
            transform: translate(5.1540720129%, 0.1793878202%);
  }
  9% {
    clip-path: polygon(0% 36.6750786739%, 100% 36.6750786739%, 100% 40.4661548431%, 0% 40.4661548431%);
    -webkit-transform: translate(1.0661501157%, -0.3109287107%);
            transform: translate(1.0661501157%, -0.3109287107%);
  }
  10% {
    clip-path: polygon(0% 47.1498458233%, 100% 47.1498458233%, 100% 56.0242529608%, 0% 56.0242529608%);
    -webkit-transform: translate(3.5539090725%, 0.2008801495%);
            transform: translate(3.5539090725%, 0.2008801495%);
  }
  11% {
    clip-path: polygon(0% 29.5760039803%, 100% 29.5760039803%, 100% 33.8046033654%, 0% 33.8046033654%);
    -webkit-transform: translate(-4.3781467227%, -0.09129786%);
            transform: translate(-4.3781467227%, -0.09129786%);
  }
  12% {
    clip-path: polygon(0% 2.0303284809%, 100% 2.0303284809%, 100% 8.4586259628%, 0% 8.4586259628%);
    -webkit-transform: translate(-2.5254158362%, 0.307015659%);
            transform: translate(-2.5254158362%, 0.307015659%);
  }
  13% {
    clip-path: polygon(0% 68.4354403282%, 100% 68.4354403282%, 100% 72.479904581%, 0% 72.479904581%);
    -webkit-transform: translate(-0.7044222314%, -0.4840527595%);
            transform: translate(-0.7044222314%, -0.4840527595%);
  }
  14% {
    clip-path: polygon(0% 85.6826467618%, 100% 85.6826467618%, 100% 94.6815509553%, 0% 94.6815509553%);
    -webkit-transform: translate(-1.0156068802%, 0.0269229462%);
            transform: translate(-1.0156068802%, 0.0269229462%);
  }
  15% {
    clip-path: polygon(0% 57.071574512%, 100% 57.071574512%, 100% 58.4718579298%, 0% 58.4718579298%);
    -webkit-transform: translate(6.7262387474%, 0.4970888035%);
            transform: translate(6.7262387474%, 0.4970888035%);
  }
  16% {
    clip-path: polygon(0% 88.8201996434%, 100% 88.8201996434%, 100% 91.243154624%, 0% 91.243154624%);
    -webkit-transform: translate(4.4814588086%, 0.348257448%);
            transform: translate(4.4814588086%, 0.348257448%);
  }
  17% {
    clip-path: polygon(0% 16.9688578209%, 100% 16.9688578209%, 100% 24.8071123374%, 0% 24.8071123374%);
    -webkit-transform: translate(5.1890471112%, 0.2312197288%);
            transform: translate(5.1890471112%, 0.2312197288%);
  }
  18% {
    clip-path: polygon(0% 60.4552184129%, 100% 60.4552184129%, 100% 70.438949136%, 0% 70.438949136%);
    -webkit-transform: translate(5.1711454895%, 0.0782124666%);
            transform: translate(5.1711454895%, 0.0782124666%);
  }
  19% {
    clip-path: polygon(0% 48.5788800628%, 100% 48.5788800628%, 100% 51.9204017144%, 0% 51.9204017144%);
    -webkit-transform: translate(5.4756014284%, 0.1829817574%);
            transform: translate(5.4756014284%, 0.1829817574%);
  }
  20%, 100% {
    clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes glitch-before {
  0% {
    clip-path: polygon(0% 40.5068381458%, 100% 40.5068381458%, 100% 43.9700685674%, 0% 43.9700685674%);
    -webkit-transform: translate(-2.4399501244%, -0.4932061288%);
            transform: translate(-2.4399501244%, -0.4932061288%);
  }
  1% {
    clip-path: polygon(0% 56.6651949082%, 100% 56.6651949082%, 100% 66.014443048%, 0% 66.014443048%);
    -webkit-transform: translate(-1.9462772864%, -0.4662120915%);
            transform: translate(-1.9462772864%, -0.4662120915%);
  }
  2% {
    clip-path: polygon(0% 44.6849808954%, 100% 44.6849808954%, 100% 48.242829019%, 0% 48.242829019%);
    -webkit-transform: translate(-6.4595695772%, 0.3084947609%);
            transform: translate(-6.4595695772%, 0.3084947609%);
  }
  3% {
    clip-path: polygon(0% 44.5429586638%, 100% 44.5429586638%, 100% 48.1622054825%, 0% 48.1622054825%);
    -webkit-transform: translate(1.5801862291%, 0.4377513099%);
            transform: translate(1.5801862291%, 0.4377513099%);
  }
  4% {
    clip-path: polygon(0% 84.236185238%, 100% 84.236185238%, 100% 91.5478132278%, 0% 91.5478132278%);
    -webkit-transform: translate(5.6382837755%, 0.1872797936%);
            transform: translate(5.6382837755%, 0.1872797936%);
  }
  5% {
    clip-path: polygon(0% 41.6721834139%, 100% 41.6721834139%, 100% 49.0217311414%, 0% 49.0217311414%);
    -webkit-transform: translate(-4.5978718662%, -0.43709462%);
            transform: translate(-4.5978718662%, -0.43709462%);
  }
  6% {
    clip-path: polygon(0% 2.9573948634%, 100% 2.9573948634%, 100% 10.3477049253%, 0% 10.3477049253%);
    -webkit-transform: translate(-6.4287764687%, 0.0368791994%);
            transform: translate(-6.4287764687%, 0.0368791994%);
  }
  7% {
    clip-path: polygon(0% 67.7697155873%, 100% 67.7697155873%, 100% 77.110337033%, 0% 77.110337033%);
    -webkit-transform: translate(5.9844340252%, -0.0957840283%);
            transform: translate(5.9844340252%, -0.0957840283%);
  }
  8% {
    clip-path: polygon(0% 60.7837280229%, 100% 60.7837280229%, 100% 65.3373145221%, 0% 65.3373145221%);
    -webkit-transform: translate(5.1540720129%, 0.1793878202%);
            transform: translate(5.1540720129%, 0.1793878202%);
  }
  9% {
    clip-path: polygon(0% 36.6750786739%, 100% 36.6750786739%, 100% 40.4661548431%, 0% 40.4661548431%);
    -webkit-transform: translate(1.0661501157%, -0.3109287107%);
            transform: translate(1.0661501157%, -0.3109287107%);
  }
  10% {
    clip-path: polygon(0% 47.1498458233%, 100% 47.1498458233%, 100% 56.0242529608%, 0% 56.0242529608%);
    -webkit-transform: translate(3.5539090725%, 0.2008801495%);
            transform: translate(3.5539090725%, 0.2008801495%);
  }
  11% {
    clip-path: polygon(0% 29.5760039803%, 100% 29.5760039803%, 100% 33.8046033654%, 0% 33.8046033654%);
    -webkit-transform: translate(-4.3781467227%, -0.09129786%);
            transform: translate(-4.3781467227%, -0.09129786%);
  }
  12% {
    clip-path: polygon(0% 2.0303284809%, 100% 2.0303284809%, 100% 8.4586259628%, 0% 8.4586259628%);
    -webkit-transform: translate(-2.5254158362%, 0.307015659%);
            transform: translate(-2.5254158362%, 0.307015659%);
  }
  13% {
    clip-path: polygon(0% 68.4354403282%, 100% 68.4354403282%, 100% 72.479904581%, 0% 72.479904581%);
    -webkit-transform: translate(-0.7044222314%, -0.4840527595%);
            transform: translate(-0.7044222314%, -0.4840527595%);
  }
  14% {
    clip-path: polygon(0% 85.6826467618%, 100% 85.6826467618%, 100% 94.6815509553%, 0% 94.6815509553%);
    -webkit-transform: translate(-1.0156068802%, 0.0269229462%);
            transform: translate(-1.0156068802%, 0.0269229462%);
  }
  15% {
    clip-path: polygon(0% 57.071574512%, 100% 57.071574512%, 100% 58.4718579298%, 0% 58.4718579298%);
    -webkit-transform: translate(6.7262387474%, 0.4970888035%);
            transform: translate(6.7262387474%, 0.4970888035%);
  }
  16% {
    clip-path: polygon(0% 88.8201996434%, 100% 88.8201996434%, 100% 91.243154624%, 0% 91.243154624%);
    -webkit-transform: translate(4.4814588086%, 0.348257448%);
            transform: translate(4.4814588086%, 0.348257448%);
  }
  17% {
    clip-path: polygon(0% 16.9688578209%, 100% 16.9688578209%, 100% 24.8071123374%, 0% 24.8071123374%);
    -webkit-transform: translate(5.1890471112%, 0.2312197288%);
            transform: translate(5.1890471112%, 0.2312197288%);
  }
  18% {
    clip-path: polygon(0% 60.4552184129%, 100% 60.4552184129%, 100% 70.438949136%, 0% 70.438949136%);
    -webkit-transform: translate(5.1711454895%, 0.0782124666%);
            transform: translate(5.1711454895%, 0.0782124666%);
  }
  19% {
    clip-path: polygon(0% 48.5788800628%, 100% 48.5788800628%, 100% 51.9204017144%, 0% 51.9204017144%);
    -webkit-transform: translate(5.4756014284%, 0.1829817574%);
            transform: translate(5.4756014284%, 0.1829817574%);
  }
  20%, 100% {
    clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
.glitch::after {
  -webkit-animation: glitch-after 2s linear infinite alternate both;
          animation: glitch-after 2s linear infinite alternate both;
  content: "";
}
@-webkit-keyframes glitch-after {
  0% {
    clip-path: polygon(0% 16.1104420202%, 100% 16.1104420202%, 100% 18.9679051402%, 0% 18.9679051402%);
    -webkit-transform: translate(2.0315737242%, -0.0746995245%);
            transform: translate(2.0315737242%, -0.0746995245%);
  }
  1% {
    clip-path: polygon(0% 72.5853932779%, 100% 72.5853932779%, 100% 77.1881383249%, 0% 77.1881383249%);
    -webkit-transform: translate(5.1259259735%, -0.347169569%);
            transform: translate(5.1259259735%, -0.347169569%);
  }
  2% {
    clip-path: polygon(0% 17.1167289608%, 100% 17.1167289608%, 100% 22.4433085105%, 0% 22.4433085105%);
    -webkit-transform: translate(-4.1536608475%, -0.1971422382%);
            transform: translate(-4.1536608475%, -0.1971422382%);
  }
  3% {
    clip-path: polygon(0% 80.3393759987%, 100% 80.3393759987%, 100% 87.9190375634%, 0% 87.9190375634%);
    -webkit-transform: translate(-1.4083781925%, -0.4648732121%);
            transform: translate(-1.4083781925%, -0.4648732121%);
  }
  4% {
    clip-path: polygon(0% 6.5785945077%, 100% 6.5785945077%, 100% 15.4749105375%, 0% 15.4749105375%);
    -webkit-transform: translate(-7.8897629683%, -0.3625642348%);
            transform: translate(-7.8897629683%, -0.3625642348%);
  }
  5% {
    clip-path: polygon(0% 61.1700141788%, 100% 61.1700141788%, 100% 67.5286033273%, 0% 67.5286033273%);
    -webkit-transform: translate(-3.9324103257%, -0.4427221008%);
            transform: translate(-3.9324103257%, -0.4427221008%);
  }
  6% {
    clip-path: polygon(0% 17.807394741%, 100% 17.807394741%, 100% 25.3694690129%, 0% 25.3694690129%);
    -webkit-transform: translate(-3.5750545352%, -0.4506410431%);
            transform: translate(-3.5750545352%, -0.4506410431%);
  }
  7% {
    clip-path: polygon(0% 88.3571436776%, 100% 88.3571436776%, 100% 89.7580244769%, 0% 89.7580244769%);
    -webkit-transform: translate(-0.3881196231%, -0.2228309864%);
            transform: translate(-0.3881196231%, -0.2228309864%);
  }
  8% {
    clip-path: polygon(0% 10.3069152959%, 100% 10.3069152959%, 100% 14.9528390429%, 0% 14.9528390429%);
    -webkit-transform: translate(-2.5212971173%, -0.4835302587%);
            transform: translate(-2.5212971173%, -0.4835302587%);
  }
  9% {
    clip-path: polygon(0% 24.6342238876%, 100% 24.6342238876%, 100% 31.7101535771%, 0% 31.7101535771%);
    -webkit-transform: translate(2.7058682557%, 0.3045589674%);
            transform: translate(2.7058682557%, 0.3045589674%);
  }
  10% {
    clip-path: polygon(0% 63.5614745596%, 100% 63.5614745596%, 100% 69.1281048932%, 0% 69.1281048932%);
    -webkit-transform: translate(5.6530092907%, -0.2460086222%);
            transform: translate(5.6530092907%, -0.2460086222%);
  }
  11% {
    clip-path: polygon(0% 53.579871783%, 100% 53.579871783%, 100% 56.9926256432%, 0% 56.9926256432%);
    -webkit-transform: translate(-5.223023768%, -0.0887333148%);
            transform: translate(-5.223023768%, -0.0887333148%);
  }
  12% {
    clip-path: polygon(0% 48.860361943%, 100% 48.860361943%, 100% 54.1250459584%, 0% 54.1250459584%);
    -webkit-transform: translate(-2.5772025178%, 0.2200766317%);
            transform: translate(-2.5772025178%, 0.2200766317%);
  }
  13% {
    clip-path: polygon(0% 6.5097854873%, 100% 6.5097854873%, 100% 11.9384567954%, 0% 11.9384567954%);
    -webkit-transform: translate(1.4564170256%, 0.4111342449%);
            transform: translate(1.4564170256%, 0.4111342449%);
  }
  14% {
    clip-path: polygon(0% 35.8352577453%, 100% 35.8352577453%, 100% 42.1070624227%, 0% 42.1070624227%);
    -webkit-transform: translate(5.8253196268%, 0.0639916475%);
            transform: translate(5.8253196268%, 0.0639916475%);
  }
  15% {
    clip-path: polygon(0% 61.4481306099%, 100% 61.4481306099%, 100% 67.1741268057%, 0% 67.1741268057%);
    -webkit-transform: translate(7.8012730216%, -0.3520584854%);
            transform: translate(7.8012730216%, -0.3520584854%);
  }
  16% {
    clip-path: polygon(0% 84.7686534035%, 100% 84.7686534035%, 100% 92.5407087572%, 0% 92.5407087572%);
    -webkit-transform: translate(0.660291159%, 0.0882985427%);
            transform: translate(0.660291159%, 0.0882985427%);
  }
  17% {
    clip-path: polygon(0% 19.8409024233%, 100% 19.8409024233%, 100% 27.0589979716%, 0% 27.0589979716%);
    -webkit-transform: translate(-5.8287378993%, 0.2304430197%);
            transform: translate(-5.8287378993%, 0.2304430197%);
  }
  18% {
    clip-path: polygon(0% 87.1373795549%, 100% 87.1373795549%, 100% 93.5564211359%, 0% 93.5564211359%);
    -webkit-transform: translate(0.3902014178%, -0.1769588819%);
            transform: translate(0.3902014178%, -0.1769588819%);
  }
  19% {
    clip-path: polygon(0% 15.0843035502%, 100% 15.0843035502%, 100% 23.696813594%, 0% 23.696813594%);
    -webkit-transform: translate(0.837063782%, 0.3219975864%);
            transform: translate(0.837063782%, 0.3219975864%);
  }
  20%, 100% {
    clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes glitch-after {
  0% {
    clip-path: polygon(0% 16.1104420202%, 100% 16.1104420202%, 100% 18.9679051402%, 0% 18.9679051402%);
    -webkit-transform: translate(2.0315737242%, -0.0746995245%);
            transform: translate(2.0315737242%, -0.0746995245%);
  }
  1% {
    clip-path: polygon(0% 72.5853932779%, 100% 72.5853932779%, 100% 77.1881383249%, 0% 77.1881383249%);
    -webkit-transform: translate(5.1259259735%, -0.347169569%);
            transform: translate(5.1259259735%, -0.347169569%);
  }
  2% {
    clip-path: polygon(0% 17.1167289608%, 100% 17.1167289608%, 100% 22.4433085105%, 0% 22.4433085105%);
    -webkit-transform: translate(-4.1536608475%, -0.1971422382%);
            transform: translate(-4.1536608475%, -0.1971422382%);
  }
  3% {
    clip-path: polygon(0% 80.3393759987%, 100% 80.3393759987%, 100% 87.9190375634%, 0% 87.9190375634%);
    -webkit-transform: translate(-1.4083781925%, -0.4648732121%);
            transform: translate(-1.4083781925%, -0.4648732121%);
  }
  4% {
    clip-path: polygon(0% 6.5785945077%, 100% 6.5785945077%, 100% 15.4749105375%, 0% 15.4749105375%);
    -webkit-transform: translate(-7.8897629683%, -0.3625642348%);
            transform: translate(-7.8897629683%, -0.3625642348%);
  }
  5% {
    clip-path: polygon(0% 61.1700141788%, 100% 61.1700141788%, 100% 67.5286033273%, 0% 67.5286033273%);
    -webkit-transform: translate(-3.9324103257%, -0.4427221008%);
            transform: translate(-3.9324103257%, -0.4427221008%);
  }
  6% {
    clip-path: polygon(0% 17.807394741%, 100% 17.807394741%, 100% 25.3694690129%, 0% 25.3694690129%);
    -webkit-transform: translate(-3.5750545352%, -0.4506410431%);
            transform: translate(-3.5750545352%, -0.4506410431%);
  }
  7% {
    clip-path: polygon(0% 88.3571436776%, 100% 88.3571436776%, 100% 89.7580244769%, 0% 89.7580244769%);
    -webkit-transform: translate(-0.3881196231%, -0.2228309864%);
            transform: translate(-0.3881196231%, -0.2228309864%);
  }
  8% {
    clip-path: polygon(0% 10.3069152959%, 100% 10.3069152959%, 100% 14.9528390429%, 0% 14.9528390429%);
    -webkit-transform: translate(-2.5212971173%, -0.4835302587%);
            transform: translate(-2.5212971173%, -0.4835302587%);
  }
  9% {
    clip-path: polygon(0% 24.6342238876%, 100% 24.6342238876%, 100% 31.7101535771%, 0% 31.7101535771%);
    -webkit-transform: translate(2.7058682557%, 0.3045589674%);
            transform: translate(2.7058682557%, 0.3045589674%);
  }
  10% {
    clip-path: polygon(0% 63.5614745596%, 100% 63.5614745596%, 100% 69.1281048932%, 0% 69.1281048932%);
    -webkit-transform: translate(5.6530092907%, -0.2460086222%);
            transform: translate(5.6530092907%, -0.2460086222%);
  }
  11% {
    clip-path: polygon(0% 53.579871783%, 100% 53.579871783%, 100% 56.9926256432%, 0% 56.9926256432%);
    -webkit-transform: translate(-5.223023768%, -0.0887333148%);
            transform: translate(-5.223023768%, -0.0887333148%);
  }
  12% {
    clip-path: polygon(0% 48.860361943%, 100% 48.860361943%, 100% 54.1250459584%, 0% 54.1250459584%);
    -webkit-transform: translate(-2.5772025178%, 0.2200766317%);
            transform: translate(-2.5772025178%, 0.2200766317%);
  }
  13% {
    clip-path: polygon(0% 6.5097854873%, 100% 6.5097854873%, 100% 11.9384567954%, 0% 11.9384567954%);
    -webkit-transform: translate(1.4564170256%, 0.4111342449%);
            transform: translate(1.4564170256%, 0.4111342449%);
  }
  14% {
    clip-path: polygon(0% 35.8352577453%, 100% 35.8352577453%, 100% 42.1070624227%, 0% 42.1070624227%);
    -webkit-transform: translate(5.8253196268%, 0.0639916475%);
            transform: translate(5.8253196268%, 0.0639916475%);
  }
  15% {
    clip-path: polygon(0% 61.4481306099%, 100% 61.4481306099%, 100% 67.1741268057%, 0% 67.1741268057%);
    -webkit-transform: translate(7.8012730216%, -0.3520584854%);
            transform: translate(7.8012730216%, -0.3520584854%);
  }
  16% {
    clip-path: polygon(0% 84.7686534035%, 100% 84.7686534035%, 100% 92.5407087572%, 0% 92.5407087572%);
    -webkit-transform: translate(0.660291159%, 0.0882985427%);
            transform: translate(0.660291159%, 0.0882985427%);
  }
  17% {
    clip-path: polygon(0% 19.8409024233%, 100% 19.8409024233%, 100% 27.0589979716%, 0% 27.0589979716%);
    -webkit-transform: translate(-5.8287378993%, 0.2304430197%);
            transform: translate(-5.8287378993%, 0.2304430197%);
  }
  18% {
    clip-path: polygon(0% 87.1373795549%, 100% 87.1373795549%, 100% 93.5564211359%, 0% 93.5564211359%);
    -webkit-transform: translate(0.3902014178%, -0.1769588819%);
            transform: translate(0.3902014178%, -0.1769588819%);
  }
  19% {
    clip-path: polygon(0% 15.0843035502%, 100% 15.0843035502%, 100% 23.696813594%, 0% 23.696813594%);
    -webkit-transform: translate(0.837063782%, 0.3219975864%);
            transform: translate(0.837063782%, 0.3219975864%);
  }
  20%, 100% {
    clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
.glitch .channel {
  mix-blend-mode: plus-lighter;
}
.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.glitch .r {
  -webkit-animation: rgb-shift-r 2s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-r 2s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(-1.4485313262%, -0.1712571711%);
            transform: translate(-1.4485313262%, -0.1712571711%);
  }
  1% {
    -webkit-transform: translate(-1.4122956637%, -0.1984616236%);
            transform: translate(-1.4122956637%, -0.1984616236%);
  }
  2% {
    -webkit-transform: translate(1.1174057409%, -0.2820580315%);
            transform: translate(1.1174057409%, -0.2820580315%);
  }
  3% {
    -webkit-transform: translate(0.466753687%, -0.3581586413%);
            transform: translate(0.466753687%, -0.3581586413%);
  }
  4% {
    -webkit-transform: translate(-1.198051671%, 0.0805205719%);
            transform: translate(-1.198051671%, 0.0805205719%);
  }
  5% {
    -webkit-transform: translate(1.9896074992%, 0.1707273426%);
            transform: translate(1.9896074992%, 0.1707273426%);
  }
  6% {
    -webkit-transform: translate(-0.7732748494%, -0.422580604%);
            transform: translate(-0.7732748494%, -0.422580604%);
  }
  7% {
    -webkit-transform: translate(0.8354653868%, 0.0271166714%);
            transform: translate(0.8354653868%, 0.0271166714%);
  }
  8% {
    -webkit-transform: translate(0.0317657916%, -0.0431743338%);
            transform: translate(0.0317657916%, -0.0431743338%);
  }
  9% {
    -webkit-transform: translate(1.0032025404%, -0.4397428354%);
            transform: translate(1.0032025404%, -0.4397428354%);
  }
  10% {
    -webkit-transform: translate(0.0417634509%, -0.2373010151%);
            transform: translate(0.0417634509%, -0.2373010151%);
  }
  11% {
    -webkit-transform: translate(0.5166184325%, 0.3497356904%);
            transform: translate(0.5166184325%, 0.3497356904%);
  }
  12% {
    -webkit-transform: translate(0.7526889418%, -0.3194762135%);
            transform: translate(0.7526889418%, -0.3194762135%);
  }
  13% {
    -webkit-transform: translate(1.919356057%, -0.0310241371%);
            transform: translate(1.919356057%, -0.0310241371%);
  }
  14% {
    -webkit-transform: translate(-0.0670809868%, 0.0887325504%);
            transform: translate(-0.0670809868%, 0.0887325504%);
  }
  15% {
    -webkit-transform: translate(-1.0058422934%, -0.0077623319%);
            transform: translate(-1.0058422934%, -0.0077623319%);
  }
  16% {
    -webkit-transform: translate(-1.3660781808%, 0.0192938831%);
            transform: translate(-1.3660781808%, 0.0192938831%);
  }
  17% {
    -webkit-transform: translate(-1.7372661891%, -0.3811201405%);
            transform: translate(-1.7372661891%, -0.3811201405%);
  }
  18% {
    -webkit-transform: translate(-0.8012679778%, -0.1118579872%);
            transform: translate(-0.8012679778%, -0.1118579872%);
  }
  19% {
    -webkit-transform: translate(1.9813665471%, 0.1714327589%);
            transform: translate(1.9813665471%, 0.1714327589%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(-1.4485313262%, -0.1712571711%);
            transform: translate(-1.4485313262%, -0.1712571711%);
  }
  1% {
    -webkit-transform: translate(-1.4122956637%, -0.1984616236%);
            transform: translate(-1.4122956637%, -0.1984616236%);
  }
  2% {
    -webkit-transform: translate(1.1174057409%, -0.2820580315%);
            transform: translate(1.1174057409%, -0.2820580315%);
  }
  3% {
    -webkit-transform: translate(0.466753687%, -0.3581586413%);
            transform: translate(0.466753687%, -0.3581586413%);
  }
  4% {
    -webkit-transform: translate(-1.198051671%, 0.0805205719%);
            transform: translate(-1.198051671%, 0.0805205719%);
  }
  5% {
    -webkit-transform: translate(1.9896074992%, 0.1707273426%);
            transform: translate(1.9896074992%, 0.1707273426%);
  }
  6% {
    -webkit-transform: translate(-0.7732748494%, -0.422580604%);
            transform: translate(-0.7732748494%, -0.422580604%);
  }
  7% {
    -webkit-transform: translate(0.8354653868%, 0.0271166714%);
            transform: translate(0.8354653868%, 0.0271166714%);
  }
  8% {
    -webkit-transform: translate(0.0317657916%, -0.0431743338%);
            transform: translate(0.0317657916%, -0.0431743338%);
  }
  9% {
    -webkit-transform: translate(1.0032025404%, -0.4397428354%);
            transform: translate(1.0032025404%, -0.4397428354%);
  }
  10% {
    -webkit-transform: translate(0.0417634509%, -0.2373010151%);
            transform: translate(0.0417634509%, -0.2373010151%);
  }
  11% {
    -webkit-transform: translate(0.5166184325%, 0.3497356904%);
            transform: translate(0.5166184325%, 0.3497356904%);
  }
  12% {
    -webkit-transform: translate(0.7526889418%, -0.3194762135%);
            transform: translate(0.7526889418%, -0.3194762135%);
  }
  13% {
    -webkit-transform: translate(1.919356057%, -0.0310241371%);
            transform: translate(1.919356057%, -0.0310241371%);
  }
  14% {
    -webkit-transform: translate(-0.0670809868%, 0.0887325504%);
            transform: translate(-0.0670809868%, 0.0887325504%);
  }
  15% {
    -webkit-transform: translate(-1.0058422934%, -0.0077623319%);
            transform: translate(-1.0058422934%, -0.0077623319%);
  }
  16% {
    -webkit-transform: translate(-1.3660781808%, 0.0192938831%);
            transform: translate(-1.3660781808%, 0.0192938831%);
  }
  17% {
    -webkit-transform: translate(-1.7372661891%, -0.3811201405%);
            transform: translate(-1.7372661891%, -0.3811201405%);
  }
  18% {
    -webkit-transform: translate(-0.8012679778%, -0.1118579872%);
            transform: translate(-0.8012679778%, -0.1118579872%);
  }
  19% {
    -webkit-transform: translate(1.9813665471%, 0.1714327589%);
            transform: translate(1.9813665471%, 0.1714327589%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
.glitch .r::before {
  background: #f00;
}
.glitch .g {
  -webkit-animation: rgb-shift-g 2s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-g 2s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(1.1348592765%, 0.490168635%);
            transform: translate(1.1348592765%, 0.490168635%);
  }
  1% {
    -webkit-transform: translate(-1.7673572391%, 0.2522661924%);
            transform: translate(-1.7673572391%, 0.2522661924%);
  }
  2% {
    -webkit-transform: translate(0.514374939%, -0.0646057059%);
            transform: translate(0.514374939%, -0.0646057059%);
  }
  3% {
    -webkit-transform: translate(-1.0058479603%, -0.431135624%);
            transform: translate(-1.0058479603%, -0.431135624%);
  }
  4% {
    -webkit-transform: translate(0.7448294194%, 0.1790081355%);
            transform: translate(0.7448294194%, 0.1790081355%);
  }
  5% {
    -webkit-transform: translate(-1.0259369683%, 0.189353006%);
            transform: translate(-1.0259369683%, 0.189353006%);
  }
  6% {
    -webkit-transform: translate(-0.6913209596%, 0.0460255632%);
            transform: translate(-0.6913209596%, 0.0460255632%);
  }
  7% {
    -webkit-transform: translate(0.785425861%, 0.007992951%);
            transform: translate(0.785425861%, 0.007992951%);
  }
  8% {
    -webkit-transform: translate(-0.7861812154%, -0.0264920338%);
            transform: translate(-0.7861812154%, -0.0264920338%);
  }
  9% {
    -webkit-transform: translate(-0.4149664307%, -0.1712773701%);
            transform: translate(-0.4149664307%, -0.1712773701%);
  }
  10% {
    -webkit-transform: translate(-0.0580562109%, -0.3286719305%);
            transform: translate(-0.0580562109%, -0.3286719305%);
  }
  11% {
    -webkit-transform: translate(1.3963344373%, 0.3047970815%);
            transform: translate(1.3963344373%, 0.3047970815%);
  }
  12% {
    -webkit-transform: translate(1.7241840232%, 0.4306471117%);
            transform: translate(1.7241840232%, 0.4306471117%);
  }
  13% {
    -webkit-transform: translate(-0.6232713005%, 0.0412906691%);
            transform: translate(-0.6232713005%, 0.0412906691%);
  }
  14% {
    -webkit-transform: translate(0.5726654346%, -0.0622639217%);
            transform: translate(0.5726654346%, -0.0622639217%);
  }
  15% {
    -webkit-transform: translate(-0.4456550035%, -0.3944038113%);
            transform: translate(-0.4456550035%, -0.3944038113%);
  }
  16% {
    -webkit-transform: translate(1.5244548803%, 0.033224755%);
            transform: translate(1.5244548803%, 0.033224755%);
  }
  17% {
    -webkit-transform: translate(0.944400708%, -0.207343758%);
            transform: translate(0.944400708%, -0.207343758%);
  }
  18% {
    -webkit-transform: translate(-1.9632101268%, -0.1236476708%);
            transform: translate(-1.9632101268%, -0.1236476708%);
  }
  19% {
    -webkit-transform: translate(-0.4334797743%, -0.4721435293%);
            transform: translate(-0.4334797743%, -0.4721435293%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(1.1348592765%, 0.490168635%);
            transform: translate(1.1348592765%, 0.490168635%);
  }
  1% {
    -webkit-transform: translate(-1.7673572391%, 0.2522661924%);
            transform: translate(-1.7673572391%, 0.2522661924%);
  }
  2% {
    -webkit-transform: translate(0.514374939%, -0.0646057059%);
            transform: translate(0.514374939%, -0.0646057059%);
  }
  3% {
    -webkit-transform: translate(-1.0058479603%, -0.431135624%);
            transform: translate(-1.0058479603%, -0.431135624%);
  }
  4% {
    -webkit-transform: translate(0.7448294194%, 0.1790081355%);
            transform: translate(0.7448294194%, 0.1790081355%);
  }
  5% {
    -webkit-transform: translate(-1.0259369683%, 0.189353006%);
            transform: translate(-1.0259369683%, 0.189353006%);
  }
  6% {
    -webkit-transform: translate(-0.6913209596%, 0.0460255632%);
            transform: translate(-0.6913209596%, 0.0460255632%);
  }
  7% {
    -webkit-transform: translate(0.785425861%, 0.007992951%);
            transform: translate(0.785425861%, 0.007992951%);
  }
  8% {
    -webkit-transform: translate(-0.7861812154%, -0.0264920338%);
            transform: translate(-0.7861812154%, -0.0264920338%);
  }
  9% {
    -webkit-transform: translate(-0.4149664307%, -0.1712773701%);
            transform: translate(-0.4149664307%, -0.1712773701%);
  }
  10% {
    -webkit-transform: translate(-0.0580562109%, -0.3286719305%);
            transform: translate(-0.0580562109%, -0.3286719305%);
  }
  11% {
    -webkit-transform: translate(1.3963344373%, 0.3047970815%);
            transform: translate(1.3963344373%, 0.3047970815%);
  }
  12% {
    -webkit-transform: translate(1.7241840232%, 0.4306471117%);
            transform: translate(1.7241840232%, 0.4306471117%);
  }
  13% {
    -webkit-transform: translate(-0.6232713005%, 0.0412906691%);
            transform: translate(-0.6232713005%, 0.0412906691%);
  }
  14% {
    -webkit-transform: translate(0.5726654346%, -0.0622639217%);
            transform: translate(0.5726654346%, -0.0622639217%);
  }
  15% {
    -webkit-transform: translate(-0.4456550035%, -0.3944038113%);
            transform: translate(-0.4456550035%, -0.3944038113%);
  }
  16% {
    -webkit-transform: translate(1.5244548803%, 0.033224755%);
            transform: translate(1.5244548803%, 0.033224755%);
  }
  17% {
    -webkit-transform: translate(0.944400708%, -0.207343758%);
            transform: translate(0.944400708%, -0.207343758%);
  }
  18% {
    -webkit-transform: translate(-1.9632101268%, -0.1236476708%);
            transform: translate(-1.9632101268%, -0.1236476708%);
  }
  19% {
    -webkit-transform: translate(-0.4334797743%, -0.4721435293%);
            transform: translate(-0.4334797743%, -0.4721435293%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
.glitch .g::before {
  background: #00ffff;
}
.glitch .b {
  -webkit-animation: rgb-shift-b 2s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-b 2s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(-1.0966072638%, -0.0877207572%);
            transform: translate(-1.0966072638%, -0.0877207572%);
  }
  1% {
    -webkit-transform: translate(1.5116604285%, 0.0163235725%);
            transform: translate(1.5116604285%, 0.0163235725%);
  }
  2% {
    -webkit-transform: translate(0.8784045515%, 0.2719207972%);
            transform: translate(0.8784045515%, 0.2719207972%);
  }
  3% {
    -webkit-transform: translate(-1.8274595912%, -0.1103115467%);
            transform: translate(-1.8274595912%, -0.1103115467%);
  }
  4% {
    -webkit-transform: translate(0.8755907132%, -0.270564928%);
            transform: translate(0.8755907132%, -0.270564928%);
  }
  5% {
    -webkit-transform: translate(0.6868186765%, -0.0657019623%);
            transform: translate(0.6868186765%, -0.0657019623%);
  }
  6% {
    -webkit-transform: translate(0.2039877359%, 0.1956967489%);
            transform: translate(0.2039877359%, 0.1956967489%);
  }
  7% {
    -webkit-transform: translate(-0.5240953539%, 0.4668525587%);
            transform: translate(-0.5240953539%, 0.4668525587%);
  }
  8% {
    -webkit-transform: translate(-1.2200090436%, -0.0805675177%);
            transform: translate(-1.2200090436%, -0.0805675177%);
  }
  9% {
    -webkit-transform: translate(-0.2374548121%, 0.1778611793%);
            transform: translate(-0.2374548121%, 0.1778611793%);
  }
  10% {
    -webkit-transform: translate(0.902587601%, 0.1045131155%);
            transform: translate(0.902587601%, 0.1045131155%);
  }
  11% {
    -webkit-transform: translate(-0.2350791321%, -0.1218166897%);
            transform: translate(-0.2350791321%, -0.1218166897%);
  }
  12% {
    -webkit-transform: translate(0.2466490863%, 0.0399709219%);
            transform: translate(0.2466490863%, 0.0399709219%);
  }
  13% {
    -webkit-transform: translate(-1.2339076009%, 0.1055110843%);
            transform: translate(-1.2339076009%, 0.1055110843%);
  }
  14% {
    -webkit-transform: translate(1.6668931258%, 0.1569782316%);
            transform: translate(1.6668931258%, 0.1569782316%);
  }
  15% {
    -webkit-transform: translate(1.6279080709%, 0.230549214%);
            transform: translate(1.6279080709%, 0.230549214%);
  }
  16% {
    -webkit-transform: translate(0.2127694463%, 0.4266609976%);
            transform: translate(0.2127694463%, 0.4266609976%);
  }
  17% {
    -webkit-transform: translate(-0.433958045%, -0.2857777179%);
            transform: translate(-0.433958045%, -0.2857777179%);
  }
  18% {
    -webkit-transform: translate(0.6282191181%, -0.2485520995%);
            transform: translate(0.6282191181%, -0.2485520995%);
  }
  19% {
    -webkit-transform: translate(0.349769827%, 0.2768209059%);
            transform: translate(0.349769827%, 0.2768209059%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(-1.0966072638%, -0.0877207572%);
            transform: translate(-1.0966072638%, -0.0877207572%);
  }
  1% {
    -webkit-transform: translate(1.5116604285%, 0.0163235725%);
            transform: translate(1.5116604285%, 0.0163235725%);
  }
  2% {
    -webkit-transform: translate(0.8784045515%, 0.2719207972%);
            transform: translate(0.8784045515%, 0.2719207972%);
  }
  3% {
    -webkit-transform: translate(-1.8274595912%, -0.1103115467%);
            transform: translate(-1.8274595912%, -0.1103115467%);
  }
  4% {
    -webkit-transform: translate(0.8755907132%, -0.270564928%);
            transform: translate(0.8755907132%, -0.270564928%);
  }
  5% {
    -webkit-transform: translate(0.6868186765%, -0.0657019623%);
            transform: translate(0.6868186765%, -0.0657019623%);
  }
  6% {
    -webkit-transform: translate(0.2039877359%, 0.1956967489%);
            transform: translate(0.2039877359%, 0.1956967489%);
  }
  7% {
    -webkit-transform: translate(-0.5240953539%, 0.4668525587%);
            transform: translate(-0.5240953539%, 0.4668525587%);
  }
  8% {
    -webkit-transform: translate(-1.2200090436%, -0.0805675177%);
            transform: translate(-1.2200090436%, -0.0805675177%);
  }
  9% {
    -webkit-transform: translate(-0.2374548121%, 0.1778611793%);
            transform: translate(-0.2374548121%, 0.1778611793%);
  }
  10% {
    -webkit-transform: translate(0.902587601%, 0.1045131155%);
            transform: translate(0.902587601%, 0.1045131155%);
  }
  11% {
    -webkit-transform: translate(-0.2350791321%, -0.1218166897%);
            transform: translate(-0.2350791321%, -0.1218166897%);
  }
  12% {
    -webkit-transform: translate(0.2466490863%, 0.0399709219%);
            transform: translate(0.2466490863%, 0.0399709219%);
  }
  13% {
    -webkit-transform: translate(-1.2339076009%, 0.1055110843%);
            transform: translate(-1.2339076009%, 0.1055110843%);
  }
  14% {
    -webkit-transform: translate(1.6668931258%, 0.1569782316%);
            transform: translate(1.6668931258%, 0.1569782316%);
  }
  15% {
    -webkit-transform: translate(1.6279080709%, 0.230549214%);
            transform: translate(1.6279080709%, 0.230549214%);
  }
  16% {
    -webkit-transform: translate(0.2127694463%, 0.4266609976%);
            transform: translate(0.2127694463%, 0.4266609976%);
  }
  17% {
    -webkit-transform: translate(-0.433958045%, -0.2857777179%);
            transform: translate(-0.433958045%, -0.2857777179%);
  }
  18% {
    -webkit-transform: translate(0.6282191181%, -0.2485520995%);
            transform: translate(0.6282191181%, -0.2485520995%);
  }
  19% {
    -webkit-transform: translate(0.349769827%, 0.2768209059%);
            transform: translate(0.349769827%, 0.2768209059%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
.glitch .b::before {
  background: #00f;
}
@media screen and (max-width: 768px) {
  .glitch {
    width: 100%;
    height: 32vw;
    margin-bottom: 10px;
  }
  .glitch .channel {
    mix-blend-mode: screen;
  }
}

/*============================================================================================================
	main
============================================================================================================*/
.c-tit01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 77px 0 0;
  background: no-repeat center top;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
}
.c-tit01__en {
  display: block;
  color: #d4261f;
  font-size: 80px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .c-tit01 {
    padding: 53px 0 0;
    background-size: 130px;
    font-size: 15px;
  }
  .c-tit01__en {
    margin-bottom: 4px;
    font-size: 36px;
  }
}

/*------------------------------------------
	.secMessage
------------------------------------------*/
.secMessage {
  margin-bottom: 50px;
  padding: 160px 0 215px;
  background: #f7f6f4;
}
.secMessage-box01 {
  margin-bottom: 105px;
  padding: 0 0 100px;
  background: url("../img/bg_message01.svg") no-repeat right min(0px, 50% - 510px) bottom;
}
.secMessage-box01-inner {
  max-width: 1190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
.secMessage-box01-txtBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 90px;
}
.secMessage-box01__txt {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.03em;
  line-height: 1.92;
}
.secMessage-box01__txt + .secMessage-box01__txt {
  margin-top: 50px;
}
.secMessage-box01__img {
  width: 39%;
  margin: 0 20px 0 auto;
  -webkit-box-shadow: 18px -26px 0 #d4261f;
          box-shadow: 18px -26px 0 #d4261f;
}
.secMessage-box02 {
  padding: 100px 20px;
  background: url("../img/txt_message02.svg") no-repeat left 10px top, url("../img/txt_message02.svg") no-repeat right 10px bottom;
}
.secMessage-box02__txt {
  display: table;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .secMessage {
    margin-bottom: 10px;
    padding: 60px 0;
  }
  .secMessage-box01 {
    margin-bottom: 15px;
    padding-bottom: 90px;
    background: url("../img/bg_message01.svg") no-repeat right bottom/215px;
  }
  .secMessage-box01-inner {
    display: block;
  }
  .secMessage-box01-txtBox {
    margin: 0 auto 55px;
  }
  .secMessage-box01__txt {
    font-size: max(3vw, 14px);
    line-height: max(10vw, 250%);
  }
  .secMessage-box01__txt + .secMessage-box01__txt {
    margin-top: 38px;
  }
  .secMessage-box01__img {
    display: block;
    margin: 0 auto;
    width: min(65%, 300px);
    -webkit-box-shadow: 9px -13px 0 #d4261f;
            box-shadow: 9px -13px 0 #d4261f;
  }
  .secMessage-box02 {
    padding: 7vw 20px;
    background: url("../img/txt_message02.svg") no-repeat left 5px top/auto 7.2vw, url("../img/txt_message02.svg") no-repeat right 5px bottom/auto 7.2vw;
  }
}
@media screen and (max-width: 375px) {
  .secMessage-box01__txt {
    font-size: max(3vw, 13.5px);
    line-height: max(10vw, 250%);
  }
}

/*------------------------------------------
	.secJob
------------------------------------------*/
.secJob {
  margin-bottom: 70px;
  padding: 50px 0 120px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 180px, #f7f6f4 180px);
  position: relative;
}
.secJob::after {
  content: "";
  display: block;
  width: 100%;
  height: 282px;
  background: url("../img/bg_job01.svg") no-repeat left calc(50% - 575px) center/contain;
  position: absolute;
  top: -140px;
  left: 0;
  pointer-events: none;
}
.secJob-inner {
  position: relative;
  z-index: 2;
}
.secJob__secTit {
  background-image: url("../img/tit_job01.svg");
}
.secJob__back {
  width: 250px;
  margin: 0 0 0 auto;
  border-radius: 0 0 20px 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.secJob__back a {
  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;
  padding: 0 30px;
  height: 60px;
  background: #d4261f;
  border-radius: inherit;
}
.secJob__back a::after {
  content: "";
  display: block;
  margin-left: 10px;
  width: 19px;
  height: 32px;
  background: url("../img/ico_arrow04.svg") no-repeat center/contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .secJob__back a:hover {
    opacity: 1;
  }
  .secJob__back a:hover::after {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}
@media screen and (max-width: 768px) {
  .secJob {
    margin-bottom: 20px;
    padding: 60px 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 135px, #f7f6f4 135px);
  }
  .secJob::after {
    height: 135px;
    background-position: left -55px center;
    top: -50px;
  }
  .secJob-inner {
    padding: 0 10px;
  }
  .secJob__back {
    width: 200px;
  }
  .secJob__back a {
    height: 50px;
    padding: 0 18px 0 20px;
  }
}

.secJob-set {
  padding: 60px 0 0;
}
@media screen and (max-width: 768px) {
  .secJob-set {
    padding: 50px 0 0;
  }
}

.secJob-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -4px;
}
.secJob-nav__item {
  width: 190px;
  height: 80px;
  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;
  margin: 0 20px;
  border: 2px solid;
  background: #fff;
  color: #cbcbcb;
  -webkit-transform: skewX(-7deg);
          transform: skewX(-7deg);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.secJob-nav__item img, .secJob-nav__item::before, .secJob-nav__item::after {
  -webkit-transform: skewX(7deg);
          transform: skewX(7deg);
}
.secJob-nav__item::before, .secJob-nav__item::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  pointer-events: none;
}
.secJob-nav__item::before {
  width: 42px;
  height: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: currentColor;
  top: 100%;
  right: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.secJob-nav__item::after {
  width: 19px;
  height: 100%;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: #b1b1b1;
  top: -2px;
  left: calc(100% - 3px);
}
.secJob-nav__item.is-active {
  outline: 4px solid;
  outline-offset: -4px;
  color: #d4261f;
  z-index: 10;
}
.secJob-nav__item.is-active::before {
  height: 14px;
  opacity: 1;
}
.secJob-nav__item.is-active::after {
  background: #af1c16;
}
.secJob-nav__item img {
  max-height: 75%;
  max-width: 85%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .secJob-nav {
    margin-bottom: -2px;
    padding: 0 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .secJob-nav__item {
    width: calc(32% - 7px);
    height: 40px;
    margin: 0;
    border-width: 1px;
  }
  .secJob-nav__item::before {
    width: 20px;
  }
  .secJob-nav__item::after {
    width: 10px;
    top: -1px;
    left: calc(100% - 2px);
  }
  .secJob-nav__item.is-active {
    outline-width: 2px;
    outline-offset: -2px;
  }
  .secJob-nav__item.is-active::before {
    height: 10px;
  }
}

.secJob-contentWrap {
  padding: 60px 60px 80px;
  border: 4px solid #cbcbcb;
  background: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .secJob-contentWrap {
    padding: 15px 15px 50px;
    border-width: 1px;
  }
}

.secJob-content-mainImg {
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
  place-content: center;
}
.secJob-content__secTit {
  margin-bottom: 30px;
  color: #d4261f;
  font-size: 50px;
  text-align: center;
  line-height: 1.2;
}
.secJob-content-leadBox {
  width: min(100%, 815px);
  margin: 0 auto 40px;
  background: url("../img/bg_job02.webp") repeat left top/35px;
  position: relative;
  z-index: 1;
}
.secJob-content-leadBox::before, .secJob-content-leadBox::after, .secJob-content-leadBox-in::before, .secJob-content-leadBox-in::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-left: 1px solid #d4261f;
  border-top: 1px solid #d4261f;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.secJob-content-leadBox::before {
  top: 0;
  left: 0;
}
.secJob-content-leadBox::after {
  top: 0;
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.secJob-content-leadBox-in {
  padding: 25px 70px;
}
.secJob-content-leadBox-in::before {
  left: 0;
  bottom: 0;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.secJob-content-leadBox-in::after {
  right: 0;
  bottom: 0;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.secJob-content-leadBox__note {
  margin-top: 9px;
  padding-left: 1em;
  font-weight: 400;
  font-size: 14px;
  text-indent: -1em;
}
.secJob-content-list {
  margin: 0 auto 70px;
}
.secJob-content-list__item {
  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;
  padding: 40px;
  background: #f7f6f4;
}
.secJob-content-list__item + .secJob-content-list__item {
  margin-top: 30px;
}
.secJob-content-list__item:nth-of-type(1) .secJob-content-list__tit::before {
  background-image: url("../img/txt_job_num01.svg");
}
.secJob-content-list__item:nth-of-type(2) .secJob-content-list__tit::before {
  background-image: url("../img/txt_job_num02.svg");
}
.secJob-content-list__item:nth-of-type(3) .secJob-content-list__tit::before {
  background-image: url("../img/txt_job_num03.svg");
}
.secJob-content-list__img {
  width: 41.6%;
  margin-right: 30px;
}
.secJob-content-list-txtBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.secJob-content-list__tit {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.secJob-content-list__tit::before {
  content: "";
  display: block;
  width: 110px;
  height: 77px;
  margin-right: 30px;
  background: no-repeat center/auto 34px;
  border-top: 1px solid #d4261f;
  border-bottom: 1px solid #d4261f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.secJob-content-more__tit {
  display: table;
  margin: 0 auto 20px;
}
.secJob-content-more-question {
  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: 0 auto 30px;
  padding: 0 0 50px;
  position: relative;
}
.secJob-content-more-question::after {
  content: "";
  display: block;
  width: 95px;
  height: 30px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #d4261f;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.secJob-content-more-question__img {
  width: 148px;
  margin-right: 40px;
  border-radius: 50%;
}
.secJob-content-more-question__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 30px;
  background: #f7f6f4;
  border: 2px solid;
  border-radius: 10px;
  font-weight: 900;
  font-size: 21px;
  position: relative;
}
.secJob-content-more-question__txt::before, .secJob-content-more-question__txt::after {
  content: "";
  display: block;
  width: 25px;
  height: 20px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.secJob-content-more-question__txt::before {
  background: #000;
  left: -20px;
  z-index: -1;
}
.secJob-content-more-question__txt::after {
  background: #f7f6f4;
  left: -15px;
}
.secJob-content-more-answer {
  margin: 0 auto 60px;
  background: url("../img/bg_job02.webp") repeat left top/35px;
  position: relative;
  z-index: 1;
}
.secJob-content-more-answer::before, .secJob-content-more-answer::after, .secJob-content-more-answer-in::before, .secJob-content-more-answer-in::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-left: 1px solid #d4261f;
  border-top: 1px solid #d4261f;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.secJob-content-more-answer::before {
  top: 0;
  left: 0;
}
.secJob-content-more-answer::after {
  top: 0;
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.secJob-content-more-answer-in {
  padding: 35px;
}
.secJob-content-more-answer-in::before {
  left: 0;
  bottom: 0;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.secJob-content-more-answer-in::after {
  right: 0;
  bottom: 0;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.secJob-content-more-answer__tit {
  padding: 0 17px 4px;
  border-bottom: 2px solid #d4261f;
  color: #d4261f;
  font-size: 24px;
  text-align: center;
  position: absolute;
  top: -17px;
  left: 40px;
}
.secJob-content-more-answer__txt {
  font-weight: 700;
}
.secJob-content-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 35px;
}
.secJob-content-link__item {
  width: 310px;
  border-bottom: 2px solid;
}
.secJob-content-link__item a {
  display: block;
  background: url("../img/ico_arrow01.svg") no-repeat right 20px center;
  padding: 8px 100px 8px 10px;
}
.secJob-content-link__item a img {
  display: block;
  width: auto;
}
@media screen and (min-width: 769px) {
  .secJob-content-link__item a:hover {
    opacity: 1;
    background-position: right 10px center;
  }
}
@media screen and (max-width: 768px) {
  .secJob-content-mainImg {
    grid-gap: 8px;
    margin-bottom: 20px;
    display: -ms-grid;
    display: grid;
  }
  .secJob-content__secTit {
    margin-bottom: 20px;
    font-size: 4.5vw;
  }
  .secJob-content-leadBox {
    margin-bottom: 20px;
    background-size: 20px;
  }
  .secJob-content-leadBox-in {
    padding: 30px 20px;
  }
  .secJob-content-leadBox__txt {
    font-size: 13px;
    line-height: 1.75;
  }
  .secJob-content-leadBox__note {
    font-size: 11px;
    line-height: 1.75;
  }
  .secJob-content-list {
    margin-bottom: 40px;
  }
  .secJob-content-list__item {
    display: block;
    padding: 20px 20px 30px;
  }
  .secJob-content-list__item + .secJob-content-list__item {
    margin-top: 20px;
  }
  .secJob-content-list__img {
    width: 100%;
    margin: 0 auto 20px;
  }
  .secJob-content-list__tit {
    display: block;
    margin-bottom: 20px;
  }
  .secJob-content-list__tit::before {
    width: 65px;
    height: 37px;
    margin: 0 auto 10px 0;
    background-size: auto 19px;
  }
  .secJob-content-list__tit img {
    max-width: 300px;
  }
  .secJob-content-list__txt {
    font-size: 13px;
    line-height: 1.75;
  }
  .secJob-content-more__tit {
    display: block;
    width: 130px;
    margin-bottom: 30px;
  }
  .secJob-content-more-question {
    margin-bottom: 50px;
    padding-bottom: 35px;
  }
  .secJob-content-more-question::after {
    width: 50px;
    height: 16px;
  }
  .secJob-content-more-question__img {
    width: 70px;
    margin-right: 23px;
  }
  .secJob-content-more-question__txt {
    padding: 18px 20px;
    border-width: 1px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
  }
  .secJob-content-more-question__txt::after {
    left: -17px;
  }
  .secJob-content-more-answer {
    margin-bottom: 27px;
    background-size: 20px;
  }
  .secJob-content-more-answer-in {
    padding: 30px 20px;
  }
  .secJob-content-more-answer__tit {
    width: 130px;
    padding: 0 10px 4px;
    font-size: 18px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .secJob-content-more-answer__txt {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.75;
  }
  .secJob-content-link {
    display: block;
    width: min(100% - 30px, 300px);
    margin: 0 auto;
  }
  .secJob-content-link__item {
    width: 100%;
    border-width: 1px;
  }
  .secJob-content-link__item + .secJob-content-link__item {
    margin-top: 18px;
  }
  .secJob-content-link__item a {
    padding: 13px 80px 13px 10px;
    background-position: right 10px center;
    background-size: 60px;
  }
  .secJob-content-link__item a img {
    max-height: 20px;
  }
}

.js-tab-content {
  display: none;
}
.js-tab-content.is-show {
  display: block;
}

/*------------------------------------------
	.secRecommend
------------------------------------------*/
.secRecommend {
  padding: 50px 0 100px;
  background: url("../img/bg_recommend01.svg") no-repeat left calc(50% - 500px) top 100px, url("../img/bg_recommend02.svg") no-repeat right calc(50% - 500px) top 100px;
}
.secRecommend__secTit {
  margin-bottom: 60px;
  background-image: url("../img/tit_recommend01.svg");
}
.secRecommend-list__item {
  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;
  padding: 40px 40px;
  border-bottom: 10px solid #f7f6f4;
}
.secRecommend-list__item:first-of-type {
  border-top: 10px solid #f7f6f4;
}
.secRecommend-list-imgBox {
  width: 286px;
  height: 286px;
  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;
  margin-right: 60px;
  background: #f7f6f4;
  border-radius: 50%;
}
.secRecommend-list-imgBox img {
  width: 50%;
}
.secRecommend-list-txtBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.secRecommend-list__tit {
  margin-bottom: 15px;
}
.secRecommend-list__txt {
  margin-top: 35px;
}
.secRecommend-list-prof {
  margin-bottom: 30px;
}
.secRecommend-list-prof tr {
  border-bottom: 1px solid #808080;
}
.secRecommend-list-prof tr:last-of-type {
  border-bottom: none;
}
.secRecommend-list-prof th,
.secRecommend-list-prof td {
  padding: 15px 0;
  color: #808080;
  font-weight: 500;
}
.secRecommend-list-prof th {
  padding-right: 10px !important;
}
.secRecommend-list-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.secRecommend-list-tag__item {
  margin: 4px 8px 4px 0;
  padding: 3px 10px;
  border: 1px solid;
  background: #f7f6f4;
  border-radius: 100px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secRecommend {
    padding: 60px 0;
    background: url("../img/bg_recommend01.svg") no-repeat left -30px top 35px/130px, url("../img/bg_recommend02.svg") no-repeat right -30px top 35px/130px;
  }
  .secRecommend__secTit {
    margin-bottom: 40px;
  }
  .secRecommend-list__item {
    display: block;
    padding: 30px 0;
    border-width: 4px;
  }
  .secRecommend-list__item:first-of-type {
    border-width: 5px;
  }
  .secRecommend-list-imgBox {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
  }
  .secRecommend-list__tit {
    margin-bottom: 10px;
    text-align: center;
  }
  .secRecommend-list__tit img {
    width: auto;
    max-height: 30px;
  }
  .secRecommend-list__txt {
    margin-top: 20px;
  }
  .secRecommend-list-prof {
    margin-bottom: 10px;
  }
  .secRecommend-list-prof th,
  .secRecommend-list-prof td {
    padding: 10px 0;
  }
  .secRecommend-list-tag {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .secRecommend-list-tag__item {
    font-size: 12px;
  }
}

/*------------------------------------------
	.secVoice
------------------------------------------*/
.secVoice {
  padding: 50px 0 80px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 90px, #f7f6f4 90px);
  position: relative;
  z-index: 10;
}
.secVoice::after {
  content: "";
  display: block;
  width: 100%;
  height: 251px;
  background: url("../img/bg_interview01.svg") no-repeat left calc(50% - 528px) top 10px, url("../img/bg_interview02.svg") no-repeat right calc(50% - 525px) center;
  position: absolute;
  z-index: -1;
  top: 20px;
  left: 0;
  pointer-events: none;
}
.secVoice__secTit {
  margin-bottom: 80px;
  background-image: url("../img/tit_voice01.svg");
}
@media screen and (max-width: 768px) {
  .secVoice {
    padding: 60px 0 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 135px, #f7f6f4 135px);
  }
  .secVoice::after {
    height: 82px;
    background: url("../img/bg_interview01.svg") no-repeat left -20px center/contain, url("../img/bg_interview02.svg") no-repeat right -20px center/contain;
  }
  .secVoice__secTit {
    margin-bottom: 40px;
  }
}

.secVoice-front__num {
  display: table;
  margin: 0 auto -10px;
  position: relative;
  z-index: 2;
}
.secVoice-front-imgBox {
  margin-bottom: 30px;
  border: 2px solid #000;
  position: relative;
}
.secVoice-front-imgBox::before, .secVoice-front-imgBox::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: no-repeat center/contain;
  position: absolute;
  pointer-events: none;
}
.secVoice-front-imgBox::before {
  background-image: url("../img/bg_interview03.svg");
  top: -2px;
  left: -2px;
}
.secVoice-front-imgBox::after {
  background-image: url("../img/bg_interview04.svg");
  bottom: -2px;
  right: -2px;
}
.secVoice-front-imgBox img {
  width: 100%;
}
.secVoice-front__tag {
  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;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 10px;
  bottom: -18px;
}
.secVoice-front__tag img {
  max-width: 85%;
  max-height: 85%;
  width: auto;
}
.secVoice-front__tit {
  color: #fff;
  font-weight: 900;
  font-size: 24px;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
.secVoice-front__tit-bg {
  display: table;
  padding: 3px 12px;
  background: #d4261f;
}
.secVoice-front__more {
  display: table;
  margin: 20px 0 0 auto;
  border-bottom: 2px solid #000;
}
.secVoice-front__more a {
  display: block;
  padding: 14px 155px 14px 10px;
  background: url("../img/ico_arrow01.svg") no-repeat right 20px center;
}
.secVoice-front__more img {
  display: block;
}
@media screen and (min-width: 769px) {
  .secVoice-front__more a:hover {
    opacity: 1;
    background-position: right 10px center;
  }
}
@media screen and (max-width: 768px) {
  .secVoice-front__num {
    display: block;
    margin-bottom: -5px;
    width: 55%;
  }
  .secVoice-front-imgBox::before, .secVoice-front-imgBox::after {
    width: 40px;
    height: 40px;
  }
  .secVoice-front__tag {
    width: 80px;
    height: 80px;
  }
  .secVoice-front__tit {
    font-size: min(4.5vw, 18px);
  }
  .secVoice-front__tit-bg {
    padding: 5px 10px;
  }
  .secVoice-front__more a {
    padding: 12px 100px 12px 10px;
    background-position: right 10px center;
    background-size: 60px;
  }
}

.js-voice-slider .splide__pagination {
  margin: 50px auto 0;
}
.js-voice-slider .splide__pagination li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 50%;
  border: 1px solid #000;
}
.js-voice-slider .splide__pagination li button {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  border-radius: inherit;
  background: #f7f6f4;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.js-voice-slider .splide__pagination li button:hover, .js-voice-slider .splide__pagination li button.is-active {
  opacity: 1;
  background: #d4261f;
}
@media screen and (max-width: 768px) {
  .js-voice-slider .splide__pagination {
    margin-top: 30px;
  }
}

.secVoice-content {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: 70px 50px 80px;
  position: relative;
  background: #f7f6f4 url("../img/bg_interview05.svg") no-repeat center top/100%;
}
.secVoice-content-top {
  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-bottom: 80px;
}
.secVoice-content-top-imgBox {
  width: 56%;
  border: 2px solid #000;
  position: relative;
}
.secVoice-content-top-imgBox::before, .secVoice-content-top-imgBox::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: no-repeat center/contain;
  position: absolute;
  pointer-events: none;
}
.secVoice-content-top-imgBox::before {
  background-image: url("../img/bg_interview03.svg");
  top: -2px;
  left: -2px;
}
.secVoice-content-top-imgBox::after {
  background-image: url("../img/bg_interview04.svg");
  bottom: -2px;
  right: -2px;
}
.secVoice-content-top-imgBox img {
  width: 100%;
}
.secVoice-content-top-imgBox__tag {
  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;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 10px;
  bottom: 15px;
}
.secVoice-content-top-imgBox__tag img {
  max-width: 85%;
  max-height: 85%;
  width: auto;
}
.secVoice-content-top-txtBox {
  width: calc(44% + 35px);
  margin-left: -35px;
  position: relative;
  z-index: 2;
}
.secVoice-content-top-txtBox__tit {
  margin-bottom: 10px;
  color: #fff;
  font-weight: 900;
  font-size: 24px;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
.secVoice-content-top-txtBox__tit-bg {
  display: table;
  padding: 5px 12px;
  background: #d4261f;
}
.secVoice-content-top-txtBox__name {
  display: table;
  padding: 1px 10px;
  border: 1px solid #000;
  background: #f7f6f4;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}
.secVoice-content-top-profBox {
  margin: 20px 0 0 70px;
  padding: 0 0 0 20px;
  position: relative;
}
.secVoice-content-top-profBox::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  border: 10px;
  background: #d4261f;
  position: absolute;
  top: 0;
  left: 0;
}
.secVoice-content-top-profBox__tit {
  color: #d4261f;
  font-size: 13px;
}
.secVoice-content-top-profBox__txt {
  font-weight: 700;
}
.secVoice-content-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.secVoice-content-comment + .secVoice-content-comment {
  margin-top: 50px;
}
.secVoice-content-comment__tit {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
}
.secVoice-content-comment__tit::before {
  content: "";
  display: block;
  margin-right: 40px;
  width: 148px;
  height: 2px;
  border-radius: 10px;
  background: #d4261f;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.secVoice-content-comment__img {
  width: 148px;
  margin-right: 40px;
  border-radius: 50%;
  border: 2px solid #000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.secVoice-content-comment__txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 22px 25px;
  min-height: 100px;
  border-radius: 10px;
  border: 2px solid #000;
  background: #fff;
  position: relative;
}
.secVoice-content-comment__txt::before, .secVoice-content-comment__txt::after {
  content: "";
  display: block;
  width: 20px;
  height: 17px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  top: 50px;
  pointer-events: none;
}
.secVoice-content-comment__txt::before {
  background: #000;
  left: -20px;
}
.secVoice-content-comment__txt::after {
  background: #fff;
  left: -15px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .secVoice-content {
    padding: 20px;
  }
  .secVoice-content-top {
    display: block;
    margin-bottom: 30px;
  }
  .secVoice-content-top-imgBox {
    width: 100%;
    margin: 0 auto 10px;
  }
  .secVoice-content-top-imgBox::before, .secVoice-content-top-imgBox::after {
    width: 40px;
    height: 40px;
  }
  .secVoice-content-top-imgBox__tag {
    left: 8px;
    bottom: 8px;
    width: 75px;
    height: 75px;
  }
  .secVoice-content-top-txtBox {
    width: 100%;
    margin: 0 auto;
  }
  .secVoice-content-top-txtBox__tit {
    margin-bottom: 15px;
    font-size: min(4.5vw, 18px);
  }
  .secVoice-content-top-txtBox__tit-bg {
    padding: 5px 10px;
  }
  .secVoice-content-top-txtBox__name {
    font-size: 11px;
  }
  .secVoice-content-top-profBox {
    margin: 15px auto 0;
    padding: 0 0 0 15px;
  }
  .secVoice-content-top-profBox__tit {
    font-size: 11px;
  }
  .secVoice-content-top-profBox__txt {
    font-size: 13px;
  }
  .secVoice-content-comment + .secVoice-content-comment {
    margin-top: 30px;
  }
  .secVoice-content-comment__tit {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .secVoice-content-comment__tit::before {
    width: 30px;
    height: 1px;
    margin-right: 15px;
  }
  .secVoice-content-comment__img {
    width: 50px;
    margin-right: 25px;
    border-width: 1px;
  }
  .secVoice-content-comment__txt {
    padding: 10px 15px;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.7;
  }
  .secVoice-content-comment__txt::before, .secVoice-content-comment__txt::after {
    top: 20px;
    width: 17px;
    height: 13px;
  }
  .secVoice-content-comment__txt::before {
    left: -18px;
  }
  .secVoice-content-comment__txt::after {
    left: -15px;
  }
}

/* popup - js */
body .mfp-bg {
  z-index: 9993;
  opacity: 0.5;
  background: #000;
}
body .mfp-wrap {
  z-index: 9994;
}
body .mfp-container {
  padding: 0;
}
body .mfp-content {
  position: static;
  padding: 40px 15px;
}
@media screen and (max-width: 768px) {
  body .mfp-content {
    padding: 15px;
  }
}

.mfp-close.modalClose01,
.mfp-close.modalClose02 {
  cursor: pointer;
  opacity: 1;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-close.modalClose01 {
  position: absolute;
  top: 10px !important;
  right: 10px;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  background: #000;
  font-size: 10px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.mfp-close.modalClose01::before, .mfp-close.modalClose01::after {
  content: "";
  display: block;
  width: 45%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.mfp-close.modalClose01::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mfp-close.modalClose01::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mfp-close.modalClose01:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .mfp-close.modalClose01 {
    width: 40px;
    height: 40px;
    top: 5px !important;
    right: 5px;
  }
}

.mfp-close.modalClose02 {
  position: static;
  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;
  width: min(100%, 250px);
  height: 60px;
  margin: 40px auto 0;
  padding: 0;
  background: #d4261f;
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  font-family: inherit;
}
@media screen and (min-width: 769px) {
  .mfp-close.modalClose02:hover {
    opacity: 1;
    -webkit-box-shadow: 4px 4px 0 #0ff;
            box-shadow: 4px 4px 0 #0ff;
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
}
@media screen and (max-width: 768px) {
  .mfp-close.modalClose02 {
    margin-top: 30px;
    height: 50px;
  }
}
/*# sourceMappingURL=style.css.map */