@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
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;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
  content: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
}
.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;
  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;
}
html {
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body {
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  line-height: 1.7;
  background-color: #1e3764;
  width: 100%;
  position: relative;
  font-size: 1.6rem;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
html.is-noscroll,
html.is-modal {
  overflow: hidden;
}
html.is-noscroll body,
html.is-modal body {
  overflow: hidden;
}
:where(body) a {
  color: #000;
  text-decoration: none;
}
:where(body) p,
:where(body) th,
:where(body) td,
:where(body) dt,
:where(body) dd,
:where(body) li,
:where(body) button {
  font-size: 1.6rem;
}
@media all and (max-width: 750px) {
  :where(body) p,
  :where(body) th,
  :where(body) td,
  :where(body) dt,
  :where(body) dd,
  :where(body) li,
  :where(body) button {
    font-size: 1.2rem;
  }
}
:where(body) table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
:where(body) label {
  cursor: pointer;
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.header {
  position: fixed;
  z-index: 200;
  background: #1e3764;
  width: 100%;
  height: 80px;
}
@media all and (max-width: 750px) {
  .header {
    height: 50px;
  }
}
.header-inr {
  padding: 18px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}
@media all and (max-width: 750px) {
  .header-inr {
    padding: 13px 15px;
  }
}
.header-left,
.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo-img {
  width: 226px;
}
@media screen and (min-width: 751px) and (max-width: 860px) {
  .header-logo-img {
    width: 170px;
  }
}
@media all and (max-width: 750px) {
  .header-logo-img {
    width: 113px;
  }
}
.header-logo-txt {
  display: inline-block;
  margin-left: 20px;
  color: #fff;
  font-size: 2.6rem;
  line-height: 1.1;
}
@media all and (max-width: 750px) {
  .header-logo-txt {
    margin-left: 10px;
    font-size: 1.2rem;
  }
}
.header-btn {
  width: 150px;
}
@media all and (max-width: 750px) {
  .header-btn {
    width: 60px;
  }
}
.header-btn + .header-btn {
  margin-left: 9px;
}
@media all and (max-width: 750px) {
  .header-btn + .header-btn {
    margin-left: 5px;
  }
}
.header-btn .btn-txt {
  font-size: 2.1rem;
  padding: 9px 5px;
}
@media all and (max-width: 750px) {
  .header-btn .btn-txt {
    font-size: 1.1rem;
    padding: 4px 5px;
  }
}
.headernav-btn {
  display: block;
  position: relative;
  width: 35px;
  height: 28px;
  margin-left: 32px;
}
@media all and (max-width: 750px) {
  .headernav-btn {
    width: 17px;
    height: 14px;
    margin-left: 15px;
  }
}
.headernav-btn.is-on span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.headernav-btn.is-on span:nth-of-type(2) {
  width: 0%;
}
.headernav-btn.is-on span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.headernav-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: top 0.2s ease-out 0s, width 0.2s ease-out 0s,
    -webkit-transform top 0.2s ease-out 0s;
  transition: top 0.2s ease-out 0s, width 0.2s ease-out 0s,
    -webkit-transform top 0.2s ease-out 0s;
  transition: top 0.2s ease-out 0s, transform top 0.2s ease-out 0s,
    width 0.2s ease-out 0s;
  transition: top 0.2s ease-out 0s, transform top 0.2s ease-out 0s,
    width 0.2s ease-out 0s, -webkit-transform top 0.2s ease-out 0s;
}
@media all and (max-width: 750px) {
  .headernav-btn span {
    height: 2px;
  }
}
.headernav-btn span:nth-of-type(1) {
  top: 0%;
}
.headernav-btn span:nth-of-type(2) {
  top: 50%;
}
.headernav-btn span:nth-of-type(3) {
  top: 100%;
}
.header.active .menu-box {
  display: block;
}
.header .btn-disabled {
  background-color: #999 !important;
  color: #fff !important;
}
.header .menu-box {
  display: none;
  background-color: #1e3764;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 200;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.header .menu-box .menu-navi {
  color: #fff;
  padding: 25px;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .header .menu-box .menu-navi {
    padding: 30px 10px;
  }
}
.header .menu-box .menu-btn__ui {
  position: absolute;
  top: 15px;
  right: 30px;
}
@media all and (max-width: 750px) {
  .header .menu-box .menu-btn__ui {
    top: 17px;
    right: 17px;
  }
}
.header .menu-box .menu-btn__close {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 100;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header .menu-box .menu-btn__close::before {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header .menu-box .menu-btn__close::after {
  content: '';
  width: 4px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media all and (max-width: 750px) {
  .header .menu-box .menu-btn__close {
    width: 27px;
    height: 27px;
  }
  .header .menu-box .menu-btn__close::before {
    height: 2px;
  }
  .header .menu-box .menu-btn__close::after {
    width: 2px;
  }
}
.header .menu-box .menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.header .menu-box .menu-header-logo-img {
  width: 241px;
}
@media all and (max-width: 750px) {
  .header .menu-box .menu-header-logo-img {
    width: 107px;
  }
}
.header .menu-box .menu-header-logo-txt {
  font-size: 3.2rem;
  margin-left: 30px;
  color: #fff;
}
@media all and (max-width: 750px) {
  .header .menu-box .menu-header-logo-txt {
    font-size: 1.4rem;
    margin-left: 10px;
  }
}
.header .menu-box .navi-nav__contents {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__contents {
    max-width: 360px;
  }
}
.header .menu-box .navi-nav__menu--li {
  color: #fff;
  margin-bottom: 15px;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__menu--li {
    margin-bottom: 10px;
  }
}
.header .menu-box .navi-nav__menu--li a,
.header .menu-box .navi-nav__menu--li .navi-nav__menu--child {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header .menu-box .navi-nav__menu--li a .en,
.header .menu-box .navi-nav__menu--li .navi-nav__menu--child .en {
  font-size: 3rem;
  line-height: 1.4;
  width: 46.52%;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__menu--li a .en,
  .header .menu-box .navi-nav__menu--li .navi-nav__menu--child .en {
    font-size: 1.8rem;
    width: 50.78%;
  }
}
.header .menu-box .navi-nav__menu--li a .ja,
.header .menu-box .navi-nav__menu--li .navi-nav__menu--child .ja {
  font-size: 2rem;
  line-height: 1.4;
  width: 53.47%;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__menu--li a .ja,
  .header .menu-box .navi-nav__menu--li .navi-nav__menu--child .ja {
    font-size: 1.2rem;
    width: 49.21%;
  }
}
.header .menu-box .navi-nav__menu--li a .ja-flex .ja,
.header .menu-box .navi-nav__menu--li .navi-nav__menu--child .ja-flex .ja {
  display: block;
  margin-bottom: 30px;
  width: 100%;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__menu--li a .ja-flex .ja,
  .header .menu-box .navi-nav__menu--li .navi-nav__menu--child .ja-flex .ja {
    margin-bottom: 25px;
  }
}
.header .menu-box .navi-nav__menu--li .navi-nav__menu--company {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.header .menu-box .navi-nav__ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header .menu-box .navi-nav__ui--ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__ui--ul {
    width: auto;
  }
  .header .menu-box .navi-nav__ui--ul li:first-child {
    margin-right: 10px;
  }
}
.header .menu-box .header-btn {
  width: 189px;
}
@media all and (max-width: 750px) {
  .header .menu-box .header-btn {
    width: 94px;
  }
}
.header .menu-box .header-btn .btn-txt {
  font-size: 3rem;
}
@media all and (max-width: 750px) {
  .header .menu-box .header-btn .btn-txt {
    font-size: 1.6rem;
  }
}
.header .menu-box .navi-nav__ui--insta {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 25px;
}
@media all and (max-width: 750px) {
  .header .menu-box .navi-nav__ui--insta {
    margin-left: 10px;
  }
}
.header .menu-box .img-insta__logo {
  width: 63px;
  display: block;
}
.header .menu-box .img-insta__text {
  margin-left: 20px;
}
@media all and (max-width: 750px) {
  .header .menu-box .img-insta__text {
    margin-left: 5px;
    font-size: 1rem;
    width: 100%;
  }
}
.main {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 80px;
  background: url(/assets/img/main-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (max-width: 750px) {
  .main {
    padding-top: 50px;
  }
}
.main-header {
  padding: 0 30px;
  margin-bottom: 140px;
}
@media all and (max-width: 750px) {
  .main-header {
    padding: 0 20px;
    margin-bottom: 35px;
  }
}
.main-header-inr {
  max-width: 1200px;
  margin: 0 auto;
}
.main-header-note {
  text-align: center;
  color: #fff;
  margin-top: 5px;
  font-size: 2.3rem;
}
@media all and (max-width: 750px) {
  .main-header-note {
    font-size: 1.1rem;
  }
}
.main-inr {
  padding: 110px 0 100px;
}
@media all and (max-width: 750px) {
  .main-inr {
    padding: 35px 0 50px;
  }
}
.col-img img {
  display: block;
  width: 100%;
}
.footer {
  position: relative;
  z-index: 100;
  color: #fff;
}
.footer-inr {
  position: relative;
  margin: 0 auto;
  padding: 95px 30px 100px;
  max-width: 1400px;
}
@media all and (max-width: 750px) {
  .footer-inr {
    padding: 50px 40px 50px;
  }
}
.footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .footer-menu {
    display: block;
    width: auto;
  }
}
.footer-menu-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 31%;
  margin-left: 3%;
  border-left: solid 2px #5d697f;
  padding-left: 19px;
}
@media all and (max-width: 750px) {
  .footer-menu-col {
    width: auto;
    margin-left: 0;
    border-left: none;
    padding-left: 0;
  }
  .footer-menu-col + .footer-menu-col {
    margin-top: 25px;
  }
}
.footer-menu-col:nth-of-type(1) {
  margin-left: 0;
}
.footer-menu-tl {
  font-size: 2.5rem;
  font-family: 'Antonio', sans-serif !important;
  font-weight: 500;
  line-height: 1.2;
}
@media all and (max-width: 750px) {
  .footer-menu-tl {
    font-size: 1.7rem;
  }
}
.footer-menu-tl a {
  color: #fff;
}
.footer-menu-item {
  font-size: 1.6rem;
  margin-right: 38px;
}
@media all and (max-width: 750px) {
  .footer-menu-item {
    font-size: 1.1rem;
    margin-right: 28px;
  }
}
.footer-menu-item.is-sml {
  font-size: 1.3rem;
  margin-right: 15px;
}
@media all and (max-width: 750px) {
  .footer-menu-item.is-sml {
    font-size: 1rem;
    margin-right: 9px;
  }
}
.footer-menu-item a {
  color: #fff;
}
.footer-menu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.footer-menu-items + .footer-menu-tl,
.footer-menu-items + .footer-menu-items {
  margin-top: 30px;
}
@media all and (max-width: 750px) {
  .footer-menu-items + .footer-menu-tl,
  .footer-menu-items + .footer-menu-items {
    margin-top: 25px;
  }
}
.footer-menu-item #ot-sdk-btn.ot-sdk-show-settings {
  color: #fff;
  font-size: 1.3rem;
  padding: 0;
  border: none;
  font-family: 'Sawarabi Gothic', sans-serif;
}
.footer-menu-item #ot-sdk-btn.ot-sdk-show-settings:hover {
  background: none;
}
@media all and (max-width: 750px) {
  .footer-menu-item #ot-sdk-btn.ot-sdk-show-settings {
    font-size: 1rem;
  }
}
.footer-menu-btn {
  margin-right: 21px;
}
@media all and (max-width: 750px) {
  .footer-menu-btn {
    margin-right: 17px;
  }
}
.footer-menu-btn.btn {
  width: 135px;
}
@media all and (max-width: 750px) {
  .footer-menu-btn.btn {
    width: 86px;
  }
}
.footer-menu-btn.btn .btn-txt {
  padding: 12px 0;
  font-size: 1.6rem;
}
@media all and (max-width: 750px) {
  .footer-menu-btn.btn .btn-txt {
    padding: 8px 0;
    font-size: 1.4rem;
  }
}
.footer-menu-btn.is-ig {
  display: inline-block;
  width: 43px;
}
@media all and (max-width: 750px) {
  .footer-menu-btn.is-ig {
    width: 32px;
  }
}
.footer-menu-btn.is-ig img {
  width: 100%;
  display: block;
}
.footer-menu-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 30px;
}
.footer-copy {
  font-size: 1.3rem;
}
@media all and (max-width: 750px) {
  .footer-copy {
    font-size: 1rem;
    margin-top: 15px;
  }
}
.footer-btn.btn {
  width: 485px;
}
@media all and (max-width: 750px) {
  .footer-btn.btn {
    width: 250px;
  }
}
.footer-btn.btn .btn-txt {
  padding: 34px 0;
  font-size: 6rem;
}
@media all and (max-width: 750px) {
  .footer-btn.btn .btn-txt {
    padding: 18px 0;
    font-size: 3rem;
  }
}
.footer-btns {
  margin-bottom: 145px;
  text-align: center;
}
@media all and (max-width: 750px) {
  .footer-btns {
    margin-bottom: 60px;
  }
}
.hover-scale {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  display: block;
}
@media all and (min-width: 751px) {
  .hover-scale:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  .hover-scale:hover img {
    opacity: 1;
  }
}
@media all and (max-width: 750px) {
  .is-MobileOS .hover-scale:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.article {
  position: relative;
  z-index: 50;
}
.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.isload .wrapper {
  opacity: 0;
}
.w-100 {
  width: 100%;
  vertical-align: bottom;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pc {
  display: block;
}
@media all and (max-width: 750px) {
  .pc {
    display: none !important;
  }
}
.sp {
  display: none !important;
}
@media all and (max-width: 750px) {
  .sp {
    display: block !important;
  }
}
.bg-black {
  background-color: #000;
  color: #fff;
}
.tl-1 {
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.tl-1-inr {
  display: inline-block;
  position: relative;
}
.tl-1-inr .is-lrg {
  display: block;
  font-size: 10rem;
  font-family: 'Antonio', sans-serif;
  font-weight: 800;
}
@media all and (max-width: 750px) {
  .tl-1-inr .is-lrg {
    font-size: 4.2rem;
  }
}
.tl-1-inr .is-sml {
  display: block;
  font-size: 4.5rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .tl-1-inr .is-sml {
    font-size: 1.4rem;
  }
}
.tl-1.is-sml .tl-1-inr .is-lrg {
  font-size: 6rem;
}
@media all and (max-width: 750px) {
  .tl-1.is-sml .tl-1-inr .is-lrg {
    font-size: 3rem;
  }
}
.tl-1.is-sml .tl-1-inr .is-sml {
  font-size: 3rem;
}
@media all and (max-width: 750px) {
  .tl-1.is-sml .tl-1-inr .is-sml {
    font-size: 1.3rem;
  }
}
.sec {
  padding: 0 30px;
}
@media all and (max-width: 750px) {
  .sec {
    padding: 0 20px;
  }
}
.sec-inr {
  max-width: 1200px;
  margin: 0 auto;
}
.catenav-inr {
  width: 91.66667%;
  max-width: 1100px;
  margin: 100px auto 0;
}
@media all and (max-width: 750px) {
  .catenav-inr {
    width: calc(100% - 40px);
    margin: 50px auto 0;
  }
}
.catenav-a {
  position: relative;
  display: inline-block;
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  color: #fff;
  white-space: nowrap;
}
@media all and (max-width: 750px) {
  .catenav-a {
    font-size: 1.2rem;
  }
}
.catenav-a::before {
  position: absolute;
  content: ' ';
  display: block;
  width: 9px;
  height: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media all and (max-width: 750px) {
  .catenav-a::before {
    width: 5px;
    height: 5px;
  }
}
.catenav-item .btn {
  margin-left: 40px;
  margin-right: 40px;
  border-radius: 4px;
}
@media all and (max-width: 750px) {
  .catenav-item .btn {
    border-radius: 2px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.catenav-item .btn-txt {
  padding: 10px 50px;
  font-size: 2.4rem;
}
@media all and (max-width: 750px) {
  .catenav-item .btn-txt {
    padding: 8px 28px;
    font-size: 1.2rem;
  }
}
.catenav-item .btn-txt.is-alt {
  padding: 20px 50px;
  font-size: 1.4rem;
}
.catenav-item:first-of-type .catenav-a {
  padding-left: 29px;
}
@media all and (max-width: 750px) {
  .catenav-item:first-of-type .catenav-a {
    padding-left: 14px;
  }
}
.catenav-item:first-of-type .catenav-a::before {
  left: 0;
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
}
@media all and (max-width: 750px) {
  .catenav-item:first-of-type .catenav-a::before {
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
  }
}
.catenav-item:last-of-type .catenav-a {
  padding-right: 29px;
}
@media all and (max-width: 750px) {
  .catenav-item:last-of-type .catenav-a {
    padding-right: 14px;
  }
}
.catenav-item:last-of-type .catenav-a::before {
  right: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
@media all and (max-width: 750px) {
  .catenav-item:last-of-type .catenav-a::before {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
  }
}
.catenav-items {
  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;
}
.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #221814;
  border-radius: 6px;
  background: #fff;
  line-height: 1.2;
}
.btn.is-bg-grn {
  background: #dfed00;
}
.btn.is-bg-wht {
  background: #fff;
  color: #000;
}
.btn.is-bg-blk {
  background: #000;
  color: #fff;
}
.btn.is-eff-3d {
  overflow: hidden;
  -webkit-perspective: 700px;
  perspective: 700px;
}
.btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.btn-txt {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 700;
}
.btn-txt.is-default {
  font-family: 'Antonio', sans-serif;
}
.btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.note {
  margin-top: 40px;
}
@media all and (max-width: 750px) {
  .note {
    margin-top: 35px;
  }
}
.note li {
  text-indent: -1em;
  margin-left: 1em;
}
.ff-hb {
  font-family: 'Antonio', sans-serif !important;
}
.cl-wht-1 {
  color: #fff !important;
}
.cl-red-1 {
  color: #e30012 !important;
}
.mt-m {
  margin-top: 30px !important;
}
@media all and (max-width: 750px) {
  .mt-m {
    margin-top: 15px !important;
  }
}
.ta-c {
  text-align: center !important;
}
@media all and (min-width: 751px) {
  .ta-c-pc {
    text-align: center !important;
  }
}
@media all and (max-width: 750px) {
  .ta-c-sp {
    text-align: center !important;
  }
}
.ta-l {
  text-align: left !important;
}
@media all and (min-width: 751px) {
  .ta-l-pc {
    text-align: left !important;
  }
}
@media all and (max-width: 750px) {
  .ta-l-sp {
    text-align: left !important;
  }
}
.ta-r {
  text-align: right !important;
}
@media all and (min-width: 751px) {
  .ta-r-pc {
    text-align: right !important;
  }
}
@media all and (max-width: 750px) {
  .ta-r-sp {
    text-align: right !important;
  }
}
.js-acc {
  position: relative;
}
.js-acc.is-on .ico-acc {
  background: #fff;
}
.js-acc.is-on .ico-acc::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.js-acc.is-on .ico-acc::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.js-acc .ico-acc {
  position: absolute;
  top: 0;
  right: 0;
  width: 107px;
  height: 100%;
  background: #dfed00;
  border-radius: 5px;
  -webkit-transition: background 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s;
}
@media all and (max-width: 750px) {
  .js-acc .ico-acc {
    width: 48px;
  }
}
.js-acc .ico-acc::before,
.js-acc .ico-acc::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 5px;
  background: #000;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease-out 0s;
  transition: -webkit-transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
@media all and (max-width: 750px) {
  .js-acc .ico-acc::before,
  .js-acc .ico-acc::after {
    width: 10px;
    height: 3px;
  }
}
.js-acc .ico-acc::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.js-accTarget {
  display: none;
}
.js-tabTarget {
  position: absolute;
  z-index: 1;
  opacity: 0;
  width: 100%;
  left: -101%;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.3s ease-out 0s, left 0s ease-out 0.3s,
    -webkit-transform 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s, left 0s ease-out 0.3s,
    -webkit-transform 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s,
    left 0s ease-out 0.3s;
  transition: opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s,
    left 0s ease-out 0.3s, -webkit-transform 0.3s ease-out 0s;
}
.js-tabTarget.is-on {
  position: relative;
  -webkit-transition: opacity 0.3s ease-out 0s, left 0s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s, left 0s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s,
    left 0s ease-out 0s;
  transition: opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s,
    left 0s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
  z-index: 10;
  opacity: 1;
  left: 0%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.js-tabTarget-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.modal-contents__ui {
  position: relative;
  z-index: 10;
  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-top: 70px;
}
@media all and (max-width: 750px) {
  .modal-contents__ui {
    margin-top: 50px;
  }
}
.modal-contents__ui--prev::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14px;
  margin-right: 20px;
  background-image: url(/assets/img/company/group/modal_btn_arrow_left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media all and (max-width: 750px) {
  .modal-contents__ui--prev::before {
    width: 5px;
    height: 10px;
  }
}
.modal-contents__ui--next::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14px;
  margin-left: 20px;
  background-image: url(/assets/img/company/group/modal_btn_arrow_right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media all and (max-width: 750px) {
  .modal-contents__ui--next::after {
    width: 5px;
    height: 10px;
  }
}
.modal-contents__ui .modal-contents__ui--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.modal-contents__ui .modal-contents__ui--back {
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #fff;
  color: #000;
  line-height: 1;
  width: 281px;
  height: 51px;
  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;
  border-radius: 6px;
  margin: 0 25px;
}
@media all and (max-width: 750px) {
  .modal-contents__ui .modal-contents__ui--back {
    font-size: 1.5rem;
    width: 168px;
    height: 30px;
    margin: 0 15px;
  }
}
.modal-contents__ui .modal-contents__ui--btn {
  font-size: 3rem;
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 750px) {
  .modal-contents__ui .modal-contents__ui--btn {
    font-size: 1.5rem;
  }
}
.pagetop {
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 1260px;
  height: 0;
  margin: 0 auto;
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s;
}
@media all and (max-width: 750px) {
  .pagetop {
    display: none;
  }
}
.pagetop.is-show {
  opacity: 1;
}
.pagetop.is-show .pagetop-btn {
  cursor: pointer;
  poiner-events: auto;
}
.pagetop.is-fixed .pagetop-inr {
  position: fixed;
}
.pagetop-inr {
  position: absolute;
  bottom: 30px;
  z-index: 100;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}
.pagetop-btn {
  position: absolute;
  display: block;
  width: 64px;
  height: 64px;
  right: 0;
  bottom: 0;
  cursor: default;
  poiner-events: none;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.9));
  z-index: 10;
}
.pagetop-btn::before,
.pagetop-btn::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pagetop-btn::before {
  z-index: 1;
  background: #fff;
  border-radius: 100px;
  width: 100%;
  height: 100%;
}
.pagetop-btn::after {
  z-index: 2;
  width: 0;
  height: 0;
  border: solid 13px transparent;
  border-top: none;
  border-bottom: solid 23px #000;
}
.pagetop-btn span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
}
.none-entry {
  color: #000 !important;
  background-color: #aeaeae !important;
  cursor: default;
}
.none-entry .btn-inr {
  padding: 30px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .none-entry .btn-inr {
    padding: 19px 10px;
  }
}
.none-entry .btn-txt {
  padding: 0 !important;
}
.none-entry__note {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 10px;
  display: block;
}
@media all and (max-width: 750px) {
  .none-entry__note {
    font-size: 1.2rem;
  }
}
.hover-alpha {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.hover-alpha:hover {
  opacity: 0.5;
}
.isMobileOS .hover-alpha {
  opacity: 1;
}
.motion-target {
  opacity: 0;
}
.section-block {
  width: 100%;
  min-height: 600px;
  font-weight: normal;
  background-color: #fff;
  padding-bottom: 100px;
}
.section-block h2 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 50px;
  background-color: #666;
  color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.c-btn {
  background-color: #ff0000;
  color: #fff;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  display: block;
  text-align: center;
  border-radius: 10px;
  max-width: 300px;
  margin: 0 auto;
}
.section-random .section-random__text {
  text-align: center;
  width: auto;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.section-title .section-title__h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.section-glitch .section-glitch__ph {
  margin: 0 auto;
  background-image: url(/sample/img/ph_001.jpg);
  background-size: cover;
  width: 50%;
  aspect-ratio: 640/427;
}
.section-button__link {
  width: 50%;
  margin: 0 auto;
}
.section-button__link .section-button__aspect {
  aspect-ratio: 640/531;
}
.js-title-up-target {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.js-title-up-target .js-title-up-text {
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, 2em);
  transform: translate(0, 2em);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  line-height: 1.4;
  visibility: hidden;
}
.js-title-up-target .js-title-up-text.active {
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-title-up-target .js-title-up-target__spblock {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.glitch {
  position: relative;
  overflow: hidden;
}
.glitch.active::before,
.glitch.active::after {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch.active::before {
  -webkit-animation: glitch-before 3s linear infinite alternate both;
  animation: glitch-before 3s linear infinite alternate both;
  content: '';
}
@-webkit-keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(
      0% 87.19649%,
      100% 87.19649%,
      100% 88.52588%,
      0% 88.52588%
    );
    clip-path: polygon(
      0% 87.19649%,
      100% 87.19649%,
      100% 88.52588%,
      0% 88.52588%
    );
    -webkit-transform: translate(-7.28355%, -0.22702%);
    transform: translate(-7.28355%, -0.22702%);
  }
  2% {
    -webkit-clip-path: polygon(
      0% 54.89759%,
      100% 54.89759%,
      100% 63.36071%,
      0% 63.36071%
    );
    clip-path: polygon(
      0% 54.89759%,
      100% 54.89759%,
      100% 63.36071%,
      0% 63.36071%
    );
    -webkit-transform: translate(-7.72759%, 0.06128%);
    transform: translate(-7.72759%, 0.06128%);
  }
  4% {
    -webkit-clip-path: polygon(
      0% 86.95247%,
      100% 86.95247%,
      100% 90.56997%,
      0% 90.56997%
    );
    clip-path: polygon(
      0% 86.95247%,
      100% 86.95247%,
      100% 90.56997%,
      0% 90.56997%
    );
    -webkit-transform: translate(4.58573%, 0.14109%);
    transform: translate(4.58573%, 0.14109%);
  }
  6% {
    -webkit-clip-path: polygon(
      0% 51.55139%,
      100% 51.55139%,
      100% 54.81454%,
      0% 54.81454%
    );
    clip-path: polygon(
      0% 51.55139%,
      100% 51.55139%,
      100% 54.81454%,
      0% 54.81454%
    );
    -webkit-transform: translate(-6.79474%, 0.43761%);
    transform: translate(-6.79474%, 0.43761%);
  }
  8% {
    -webkit-clip-path: polygon(
      0% 83.80507%,
      100% 83.80507%,
      100% 90.44913%,
      0% 90.44913%
    );
    clip-path: polygon(
      0% 83.80507%,
      100% 83.80507%,
      100% 90.44913%,
      0% 90.44913%
    );
    -webkit-transform: translate(2.12614%, -0.22928%);
    transform: translate(2.12614%, -0.22928%);
  }
  10% {
    -webkit-clip-path: polygon(
      0% 1.70724%,
      100% 1.70724%,
      100% 6.50121%,
      0% 6.50121%
    );
    clip-path: polygon(0% 1.70724%, 100% 1.70724%, 100% 6.50121%, 0% 6.50121%);
    -webkit-transform: translate(3.25361%, -0.49341%);
    transform: translate(3.25361%, -0.49341%);
  }
  12% {
    -webkit-clip-path: polygon(
      0% 9.41082%,
      100% 9.41082%,
      100% 14.66184%,
      0% 14.66184%
    );
    clip-path: polygon(
      0% 9.41082%,
      100% 9.41082%,
      100% 14.66184%,
      0% 14.66184%
    );
    -webkit-transform: translate(1.50573%, 0.07609%);
    transform: translate(1.50573%, 0.07609%);
  }
  14% {
    -webkit-clip-path: polygon(
      0% 10.66446%,
      100% 10.66446%,
      100% 11.806%,
      0% 11.806%
    );
    clip-path: polygon(0% 10.66446%, 100% 10.66446%, 100% 11.806%, 0% 11.806%);
    -webkit-transform: translate(-5.70102%, -0.13237%);
    transform: translate(-5.70102%, -0.13237%);
  }
  16% {
    -webkit-clip-path: polygon(
      0% 53.57572%,
      100% 53.57572%,
      100% 60.3298%,
      0% 60.3298%
    );
    clip-path: polygon(
      0% 53.57572%,
      100% 53.57572%,
      100% 60.3298%,
      0% 60.3298%
    );
    -webkit-transform: translate(3.57322%, -0.38648%);
    transform: translate(3.57322%, -0.38648%);
  }
  18% {
    -webkit-clip-path: polygon(
      0% 8.05244%,
      100% 8.05244%,
      100% 16.60493%,
      0% 16.60493%
    );
    clip-path: polygon(
      0% 8.05244%,
      100% 8.05244%,
      100% 16.60493%,
      0% 16.60493%
    );
    -webkit-transform: translate(2.33743%, 0.36751%);
    transform: translate(2.33743%, 0.36751%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(
      0% 87.19649%,
      100% 87.19649%,
      100% 88.52588%,
      0% 88.52588%
    );
    clip-path: polygon(
      0% 87.19649%,
      100% 87.19649%,
      100% 88.52588%,
      0% 88.52588%
    );
    -webkit-transform: translate(-7.28355%, -0.22702%);
    transform: translate(-7.28355%, -0.22702%);
  }
  2% {
    -webkit-clip-path: polygon(
      0% 54.89759%,
      100% 54.89759%,
      100% 63.36071%,
      0% 63.36071%
    );
    clip-path: polygon(
      0% 54.89759%,
      100% 54.89759%,
      100% 63.36071%,
      0% 63.36071%
    );
    -webkit-transform: translate(-7.72759%, 0.06128%);
    transform: translate(-7.72759%, 0.06128%);
  }
  4% {
    -webkit-clip-path: polygon(
      0% 86.95247%,
      100% 86.95247%,
      100% 90.56997%,
      0% 90.56997%
    );
    clip-path: polygon(
      0% 86.95247%,
      100% 86.95247%,
      100% 90.56997%,
      0% 90.56997%
    );
    -webkit-transform: translate(4.58573%, 0.14109%);
    transform: translate(4.58573%, 0.14109%);
  }
  6% {
    -webkit-clip-path: polygon(
      0% 51.55139%,
      100% 51.55139%,
      100% 54.81454%,
      0% 54.81454%
    );
    clip-path: polygon(
      0% 51.55139%,
      100% 51.55139%,
      100% 54.81454%,
      0% 54.81454%
    );
    -webkit-transform: translate(-6.79474%, 0.43761%);
    transform: translate(-6.79474%, 0.43761%);
  }
  8% {
    -webkit-clip-path: polygon(
      0% 83.80507%,
      100% 83.80507%,
      100% 90.44913%,
      0% 90.44913%
    );
    clip-path: polygon(
      0% 83.80507%,
      100% 83.80507%,
      100% 90.44913%,
      0% 90.44913%
    );
    -webkit-transform: translate(2.12614%, -0.22928%);
    transform: translate(2.12614%, -0.22928%);
  }
  10% {
    -webkit-clip-path: polygon(
      0% 1.70724%,
      100% 1.70724%,
      100% 6.50121%,
      0% 6.50121%
    );
    clip-path: polygon(0% 1.70724%, 100% 1.70724%, 100% 6.50121%, 0% 6.50121%);
    -webkit-transform: translate(3.25361%, -0.49341%);
    transform: translate(3.25361%, -0.49341%);
  }
  12% {
    -webkit-clip-path: polygon(
      0% 9.41082%,
      100% 9.41082%,
      100% 14.66184%,
      0% 14.66184%
    );
    clip-path: polygon(
      0% 9.41082%,
      100% 9.41082%,
      100% 14.66184%,
      0% 14.66184%
    );
    -webkit-transform: translate(1.50573%, 0.07609%);
    transform: translate(1.50573%, 0.07609%);
  }
  14% {
    -webkit-clip-path: polygon(
      0% 10.66446%,
      100% 10.66446%,
      100% 11.806%,
      0% 11.806%
    );
    clip-path: polygon(0% 10.66446%, 100% 10.66446%, 100% 11.806%, 0% 11.806%);
    -webkit-transform: translate(-5.70102%, -0.13237%);
    transform: translate(-5.70102%, -0.13237%);
  }
  16% {
    -webkit-clip-path: polygon(
      0% 53.57572%,
      100% 53.57572%,
      100% 60.3298%,
      0% 60.3298%
    );
    clip-path: polygon(
      0% 53.57572%,
      100% 53.57572%,
      100% 60.3298%,
      0% 60.3298%
    );
    -webkit-transform: translate(3.57322%, -0.38648%);
    transform: translate(3.57322%, -0.38648%);
  }
  18% {
    -webkit-clip-path: polygon(
      0% 8.05244%,
      100% 8.05244%,
      100% 16.60493%,
      0% 16.60493%
    );
    clip-path: polygon(
      0% 8.05244%,
      100% 8.05244%,
      100% 16.60493%,
      0% 16.60493%
    );
    -webkit-transform: translate(2.33743%, 0.36751%);
    transform: translate(2.33743%, 0.36751%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-transform: none;
    transform: none;
  }
}
.glitch.active::after {
  -webkit-animation: glitch-after 3s linear infinite alternate both;
  animation: glitch-after 3s linear infinite alternate both;
  content: '';
}
@-webkit-keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(
      0% 14.55313%,
      100% 14.55313%,
      100% 23.08147%,
      0% 23.08147%
    );
    clip-path: polygon(
      0% 14.55313%,
      100% 14.55313%,
      100% 23.08147%,
      0% 23.08147%
    );
    -webkit-transform: translate(7.0009%, -0.05621%);
    transform: translate(7.0009%, -0.05621%);
  }
  2% {
    -webkit-clip-path: polygon(
      0% 71.17544%,
      100% 71.17544%,
      100% 74.09267%,
      0% 74.09267%
    );
    clip-path: polygon(
      0% 71.17544%,
      100% 71.17544%,
      100% 74.09267%,
      0% 74.09267%
    );
    -webkit-transform: translate(6.11327%, -0.2815%);
    transform: translate(6.11327%, -0.2815%);
  }
  4% {
    -webkit-clip-path: polygon(
      0% 88.37752%,
      100% 88.37752%,
      100% 92.93356%,
      0% 92.93356%
    );
    clip-path: polygon(
      0% 88.37752%,
      100% 88.37752%,
      100% 92.93356%,
      0% 92.93356%
    );
    -webkit-transform: translate(4.41754%, 0.49676%);
    transform: translate(4.41754%, 0.49676%);
  }
  6% {
    -webkit-clip-path: polygon(
      0% 73.62953%,
      100% 73.62953%,
      100% 76.74938%,
      0% 76.74938%
    );
    clip-path: polygon(
      0% 73.62953%,
      100% 73.62953%,
      100% 76.74938%,
      0% 76.74938%
    );
    -webkit-transform: translate(6.62789%, 0.15775%);
    transform: translate(6.62789%, 0.15775%);
  }
  8% {
    -webkit-clip-path: polygon(
      0% 8.50089%,
      100% 8.50089%,
      100% 9.52994%,
      0% 9.52994%
    );
    clip-path: polygon(0% 8.50089%, 100% 8.50089%, 100% 9.52994%, 0% 9.52994%);
    -webkit-transform: translate(3.60374%, 0.45305%);
    transform: translate(3.60374%, 0.45305%);
  }
  10% {
    -webkit-clip-path: polygon(
      0% 41.7699%,
      100% 41.7699%,
      100% 45.2014%,
      0% 45.2014%
    );
    clip-path: polygon(0% 41.7699%, 100% 41.7699%, 100% 45.2014%, 0% 45.2014%);
    -webkit-transform: translate(-0.06087%, 0.17455%);
    transform: translate(-0.06087%, 0.17455%);
  }
  12% {
    -webkit-clip-path: polygon(
      0% 64.51484%,
      100% 64.51484%,
      100% 67.4748%,
      0% 67.4748%
    );
    clip-path: polygon(
      0% 64.51484%,
      100% 64.51484%,
      100% 67.4748%,
      0% 67.4748%
    );
    -webkit-transform: translate(-7.16654%, 0.22098%);
    transform: translate(-7.16654%, 0.22098%);
  }
  14% {
    -webkit-clip-path: polygon(
      0% 89.63214%,
      100% 89.63214%,
      100% 97.6871%,
      0% 97.6871%
    );
    clip-path: polygon(
      0% 89.63214%,
      100% 89.63214%,
      100% 97.6871%,
      0% 97.6871%
    );
    -webkit-transform: translate(-6.77065%, 0.18382%);
    transform: translate(-6.77065%, 0.18382%);
  }
  16% {
    -webkit-clip-path: polygon(
      0% 15.74888%,
      100% 15.74888%,
      100% 19.0885%,
      0% 19.0885%
    );
    clip-path: polygon(
      0% 15.74888%,
      100% 15.74888%,
      100% 19.0885%,
      0% 19.0885%
    );
    -webkit-transform: translate(4.08564%, -0.02302%);
    transform: translate(4.08564%, -0.02302%);
  }
  18% {
    -webkit-clip-path: polygon(
      0% 78.23434%,
      100% 78.23434%,
      100% 86.9063%,
      0% 86.9063%
    );
    clip-path: polygon(
      0% 78.23434%,
      100% 78.23434%,
      100% 86.9063%,
      0% 86.9063%
    );
    -webkit-transform: translate(1.79667%, 0.23142%);
    transform: translate(1.79667%, 0.23142%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(
      0% 14.55313%,
      100% 14.55313%,
      100% 23.08147%,
      0% 23.08147%
    );
    clip-path: polygon(
      0% 14.55313%,
      100% 14.55313%,
      100% 23.08147%,
      0% 23.08147%
    );
    -webkit-transform: translate(7.0009%, -0.05621%);
    transform: translate(7.0009%, -0.05621%);
  }
  2% {
    -webkit-clip-path: polygon(
      0% 71.17544%,
      100% 71.17544%,
      100% 74.09267%,
      0% 74.09267%
    );
    clip-path: polygon(
      0% 71.17544%,
      100% 71.17544%,
      100% 74.09267%,
      0% 74.09267%
    );
    -webkit-transform: translate(6.11327%, -0.2815%);
    transform: translate(6.11327%, -0.2815%);
  }
  4% {
    -webkit-clip-path: polygon(
      0% 88.37752%,
      100% 88.37752%,
      100% 92.93356%,
      0% 92.93356%
    );
    clip-path: polygon(
      0% 88.37752%,
      100% 88.37752%,
      100% 92.93356%,
      0% 92.93356%
    );
    -webkit-transform: translate(4.41754%, 0.49676%);
    transform: translate(4.41754%, 0.49676%);
  }
  6% {
    -webkit-clip-path: polygon(
      0% 73.62953%,
      100% 73.62953%,
      100% 76.74938%,
      0% 76.74938%
    );
    clip-path: polygon(
      0% 73.62953%,
      100% 73.62953%,
      100% 76.74938%,
      0% 76.74938%
    );
    -webkit-transform: translate(6.62789%, 0.15775%);
    transform: translate(6.62789%, 0.15775%);
  }
  8% {
    -webkit-clip-path: polygon(
      0% 8.50089%,
      100% 8.50089%,
      100% 9.52994%,
      0% 9.52994%
    );
    clip-path: polygon(0% 8.50089%, 100% 8.50089%, 100% 9.52994%, 0% 9.52994%);
    -webkit-transform: translate(3.60374%, 0.45305%);
    transform: translate(3.60374%, 0.45305%);
  }
  10% {
    -webkit-clip-path: polygon(
      0% 41.7699%,
      100% 41.7699%,
      100% 45.2014%,
      0% 45.2014%
    );
    clip-path: polygon(0% 41.7699%, 100% 41.7699%, 100% 45.2014%, 0% 45.2014%);
    -webkit-transform: translate(-0.06087%, 0.17455%);
    transform: translate(-0.06087%, 0.17455%);
  }
  12% {
    -webkit-clip-path: polygon(
      0% 64.51484%,
      100% 64.51484%,
      100% 67.4748%,
      0% 67.4748%
    );
    clip-path: polygon(
      0% 64.51484%,
      100% 64.51484%,
      100% 67.4748%,
      0% 67.4748%
    );
    -webkit-transform: translate(-7.16654%, 0.22098%);
    transform: translate(-7.16654%, 0.22098%);
  }
  14% {
    -webkit-clip-path: polygon(
      0% 89.63214%,
      100% 89.63214%,
      100% 97.6871%,
      0% 97.6871%
    );
    clip-path: polygon(
      0% 89.63214%,
      100% 89.63214%,
      100% 97.6871%,
      0% 97.6871%
    );
    -webkit-transform: translate(-6.77065%, 0.18382%);
    transform: translate(-6.77065%, 0.18382%);
  }
  16% {
    -webkit-clip-path: polygon(
      0% 15.74888%,
      100% 15.74888%,
      100% 19.0885%,
      0% 19.0885%
    );
    clip-path: polygon(
      0% 15.74888%,
      100% 15.74888%,
      100% 19.0885%,
      0% 19.0885%
    );
    -webkit-transform: translate(4.08564%, -0.02302%);
    transform: translate(4.08564%, -0.02302%);
  }
  18% {
    -webkit-clip-path: polygon(
      0% 78.23434%,
      100% 78.23434%,
      100% 86.9063%,
      0% 86.9063%
    );
    clip-path: polygon(
      0% 78.23434%,
      100% 78.23434%,
      100% 86.9063%,
      0% 86.9063%
    );
    -webkit-transform: translate(1.79667%, 0.23142%);
    transform: translate(1.79667%, 0.23142%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-transform: none;
    transform: none;
  }
}
.u-btn__roll .u-btn__roll--target {
  display: block;
  width: auto;
  height: 1em;
  line-height: 1;
  overflow: hidden;
}
.u-btn__roll .u-btn__roll--text {
  display: block;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.u-btn__roll:hover .u-btn__roll--text {
  display: block;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.u-btn__mask .u-btn__mask--block {
  display: block;
  position: relative;
}
.u-btn__mask img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.u-btn__mask:hover .u-btn__mask--after {
  -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
  clip-path: polygon(0 0, 200% 0, 0 200%);
}
.u-btn__mask--after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 5;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  -webkit-transition: -webkit-clip-path 0.5s;
  transition: -webkit-clip-path 0.5s;
  transition: clip-path 0.5s;
  transition: clip-path 0.5s, -webkit-clip-path 0.5s;
}
.u-btn__mask--base {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 0;
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1e3764;
  z-index: 500;
  display: none;
}
.modal.active {
  display: block;
}
.modal .modal-btn__close {
  position: fixed;
  z-index: 100;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #fff;
  border: solid 2px #000;
  overflow: hidden;
}
@media all and (max-width: 750px) {
  .modal .modal-btn__close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 17px;
  }
}
.modal .modal-btn__close--wrap {
  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;
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .modal-btn__close--mark {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media all and (max-width: 750px) {
  .modal .modal-btn__close--mark {
    width: 28px;
    height: 28px;
    position: relative;
    left: 3px;
  }
}
.modal .modal-btn__close--mark::before,
.modal .modal-btn__close--mark::after {
  content: '';
  display: block;
  background-color: #000;
  position: absolute;
}
.modal .modal-btn__close--mark::before {
  width: 2px;
  height: 34px;
  left: calc(50% - 1px);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media all and (max-width: 750px) {
  .modal .modal-btn__close--mark::before {
    height: 24px;
    left: calc(50% - 2px);
  }
}
.modal .modal-btn__close--mark::after {
  width: 34px;
  height: 2px;
  top: calc(50% - 3px);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
@media all and (max-width: 750px) {
  .modal .modal-btn__close--mark::after {
    width: 24px;
    top: calc(50% - 4px);
    left: -1px;
  }
}
.modal .modal-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 0;
}
.modal .modal-detail {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 20px 100px;
  overflow: hidden;
}
@media all and (max-width: 750px) {
  .modal .modal-detail {
    padding: 85px 20px 85px;
  }
}
.modal .modal-contents {
  z-index: 10;
}
.kv {
  position: relative;
  max-height: calc(100vh - 80px);
  overflow: hidden;
  padding-top: 80px;
}
@media all and (max-width: 750px) {
  .kv {
    max-height: 100%;
    overflow: visible;
    padding-top: 50px;
  }
}
.kv .pc-visible {
  visibility: visible;
}
@media all and (max-width: 750px) {
  .kv .pc-visible {
    visibility: hidden;
  }
}
.kv .sp-visible {
  visibility: hidden;
}
@media all and (max-width: 750px) {
  .kv .sp-visible {
    visibility: visible;
  }
}
.kv-inr {
  position: relative;
  aspect-ratio: 1920/1080;
  background-color: #fff;
  overflow: hidden;
  pointer-events: none;
  z-index: 10;
}
.kv-inr.active {
  visibility: visible;
}
@media all and (max-width: 750px) {
  .kv-inr {
    aspect-ratio: 750/800;
  }
}
.kv-intro {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: #1e3764;
}
.kv-intro.is-remove {
  display: none;
}
.kv-intro img {
  width: 100%;
}
.kv-movie {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
  display: none;
}
.kv-movie.active {
  background-color: #1e3764;
  display: block;
}
.kv-movie video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 750px) {
  .kv-movie video {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.kv-box,
.kv-chara {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.kv-box img,
.kv-chara img {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 750px) {
  .kv-box img,
  .kv-chara img {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.kv-chara img {
  display: block;
  -webkit-transform: scale(1.15) rotate(-4deg);
  transform: scale(1.15) rotate(-4deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
@media all and (max-width: 750px) {
  .kv-chara img {
    left: 50%;
    -webkit-transform: scale(1.15) rotate(-4deg) translate(-50%, 0);
    transform: scale(1.15) rotate(-4deg) translate(-50%, 0);
  }
}
.kv-chara img.is-mono {
  -webkit-filter: grayscale(100%) contrast(120%) brightness(200%);
  filter: grayscale(100%) contrast(120%) brightness(200%);
}
.kv-chara img.active {
  visibility: visible;
}
.kv-chara img.motion {
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
@media all and (max-width: 750px) {
  .kv-chara img.motion {
    -webkit-transform: scale(1) rotate(0deg) translate(-50%, 0);
    transform: scale(1) rotate(0deg) translate(-50%, 0);
  }
}
.kv-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  z-index: 20;
}
.kv-photo.active {
  opacity: 1;
  background-color: #1e3764;
}
.kv-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.kv-photo__li {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.kv-photo__li.active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.kv-photo__li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kv-last__movie {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.kv-title,
.kv-title__wrap,
.kv-title img {
  width: 40.57292vw;
  aspect-ratio: 646/321;
}
@media all and (max-width: 750px) {
  .kv-title,
  .kv-title__wrap,
  .kv-title img {
    width: 89.46667vw;
  }
}
.kv-title {
  position: absolute;
  width: 40.57292vw;
  right: 2.60417vw;
  bottom: 1.82292vw;
  z-index: 55;
}
@media all and (max-width: 750px) {
  .kv-title {
    right: 4vw;
    bottom: -16.66667vw;
    width: 89.46667vw;
  }
}
.kv-title__wrap {
  position: relative;
  display: block;
}
.kv-title__mask {
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: width 1s;
  transition: width 1s;
}
.kv-title__mask.active {
  width: 100%;
}
@-webkit-keyframes animation {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  6% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1;
  }
  7% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1;
  }
  8% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  12% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 0;
  }
  13% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 0;
  }
  17% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  18% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  100% {
  }
}
@keyframes animation {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  6% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1;
  }
  7% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1;
  }
  8% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
  }
  12% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 0;
  }
  13% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 0;
  }
  17% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  18% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  100% {
  }
}
.home {
  padding-top: 0;
  background-color: #1e3764;
}
@media all and (max-width: 750px) {
  .home {
    padding-top: 0;
  }
}
.home .main-inr {
  background-color: #1e3764;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
}
.home .sec-hr {
  border-top: 3px solid #646464;
}
.home .sec-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 90px;
}
.home .sec-h2__en {
  font-size: 7.5vw;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  font-weight: 800;
  font-family: 'Antonio', sans-serif;
}
@media screen and (min-width: 1600px) {
  .home .sec-h2__en {
    font-size: 12rem;
  }
}
@media all and (max-width: 750px) {
  .home .sec-h2__en {
    font-size: 5rem;
  }
}
.home .sec-head {
  margin-bottom: 50px;
}
@media all and (max-width: 750px) {
  .home .sec-head {
    margin-bottom: 25px;
  }
}
.home .is-default {
  font-family: 'Antonio', sans-serif;
}
.home .sec-h2__ja {
  font-size: 2.5rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
@media all and (max-width: 750px) {
  .home .sec-h2__ja {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
.home .sec-word {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 90px;
  padding-top: 110px;
}
@media all and (max-width: 750px) {
  .home .sec-word {
    padding-top: 26.66667vw;
    padding-bottom: 45px;
  }
}
.home .sec-word__text {
  font-size: 3rem;
  line-height: 2;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
.home .sec-word__text span {
  display: block;
  position: relative;
}
@media all and (max-width: 750px) {
  .home .sec-word__text {
    font-size: 1.5rem;
  }
}
.home .swiper {
  width: 100%;
}
.home .sec-news {
  background-image: url(/assets/img/top/bg_news.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media all and (max-width: 750px) {
  .home .sec-news {
    background-image: url(/assets/img/top/bg_news_sp.png);
  }
}
.home .sec-news__wrap {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.home .sec-news__frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.home .sec-news__li {
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
@media all and (max-width: 750px) {
  .home .sec-news__li {
    padding: 0 5px;
  }
}
.home .sec-news__li.swiper-slide {
  width: 490px;
}
@media all and (max-width: 750px) {
  .home .sec-news__li.swiper-slide {
    width: 290px;
  }
}
.home .sec-news__box {
  width: 100%;
  aspect-ratio: 440/330;
  background: url(/assets/img/top/news.png);
  background-repeat: no-repeat;
  background-size: contain;
  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;
}
.home .sec-news__day {
  font-size: 2.2rem;
  color: #231815;
  line-height: 1.55;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
@media all and (max-width: 750px) {
  .home .sec-news__day {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
}
.home .sec-news__text {
  font-size: 1.8rem;
  color: #231815;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .home .sec-news__text {
    font-size: 1.1rem;
  }
}
.home .sec-news__text a {
  text-decoration: underline;
}
.home .sec-news__text a:hover {
  text-decoration: none;
}
.home .sec-interview .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.home .sec-interview .btn-interview-all .roll-list-item-btn {
  min-width: 8em;
}
.home .sec-interview .btn {
  width: 316px;
  height: 62px;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .home .sec-interview .btn {
    width: 170px;
    height: 28px;
  }
}
.home .sec-interview .btn-inr {
  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;
}
.home .sec-interview .btn-inr__text {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1;
  padding: 0;
}
@media all and (max-width: 750px) {
  .home .sec-interview .btn-inr__text {
    font-size: 1.7rem;
  }
}
.home .sec-interview .btn_detail {
  margin-top: -0.1em;
}
.home .sec-interview__wrap {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 55px;
}
@media all and (max-width: 750px) {
  .home .sec-interview__wrap {
    margin-top: 30px;
  }
}
.home .sec-interview__li {
  width: 350px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
@media all and (max-width: 750px) {
  .home .sec-interview__li {
    width: 180px;
    padding: 0 5px;
  }
}
.home .sec-interview__link {
  display: block;
  background-color: #fff;
}
.home .sec-interview__aspect--img {
  aspect-ratio: 330/330;
}
.home .sec-interview__content {
  width: 100%;
}
.home .sec-interview__content--gap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
@media all and (max-width: 750px) {
  .home .sec-interview__content--gap {
    padding: 5px;
  }
}
.home .sec-interview__id {
  width: 100%;
  background-color: #e2f000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
  font-family: 'Antonio', sans-serif;
}
@media all and (max-width: 750px) {
  .home .sec-interview__id {
    font-size: 1.2rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.home .sec-interview__title {
  font-size: 2.3rem;
  line-height: 1.385;
  font-weight: bold;
  margin: 25px 0;
  min-height: 2em;
}
@media all and (max-width: 750px) {
  .home .sec-interview__title {
    font-size: 1.2rem;
    margin: 10px 0;
  }
}
.home .sec-interview__btn {
  background-color: #000;
  color: #fff;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  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;
  border-radius: 6px;
}
@media all and (max-width: 750px) {
  .home .sec-interview__btn {
    font-size: 1.6rem;
  }
}
.home .sec-archive {
  background-image: url(/assets/img/top/bg_archive.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media all and (max-width: 750px) {
  .home .sec-archive {
    background-image: url(/assets/img/top/bg_archive_sp.png);
  }
}
.home .sec-archive .btn {
  width: 316px;
  height: 62px;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .home .sec-archive .btn {
    width: 170px;
    height: 28px;
  }
}
.home .sec-archive .btn-inr {
  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;
}
.home .sec-archive .btn-inr__text {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1;
  padding: 0;
}
@media all and (max-width: 750px) {
  .home .sec-archive .btn-inr__text {
    font-size: 1.7rem;
  }
}
.home .sec-archive .swiper {
  width: auto;
}
.home .sec-archive__wrap {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media all and (max-width: 750px) {
  .home .sec-archive__wrap {
    margin-top: 30px;
  }
}
.home .sec-archive__li {
  width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
@media all and (max-width: 750px) {
  .home .sec-archive__li {
    width: 150px;
    padding: 0 5px;
  }
}
.home .sec-archive__link {
  display: block;
  background-color: #fff;
}
.home .sec-archive__img {
  width: 100%;
}
.home .sec-archive__content {
  width: 100%;
}
.home .sec-archive__content--gap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
@media all and (max-width: 750px) {
  .home .sec-archive__content--gap {
    padding: 5px;
  }
}
.home .sec-archive__id {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
  color: #1e3764;
  font-family: 'Antonio', sans-serif;
}
@media all and (max-width: 750px) {
  .home .sec-archive__id {
    font-size: 1.2rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.home .sec-archive__hr {
  width: 100%;
  height: 3px;
  background-color: #1e3764;
}
.home .sec-archive__title {
  font-size: 2.3rem;
  line-height: 1.385;
  font-weight: bold;
  margin: 20px 0 25px;
  color: #1e3764;
  text-align: center;
}
@media all and (max-width: 750px) {
  .home .sec-archive__title {
    font-size: 1.1rem;
    margin: 5px 0 10px;
  }
}
.home .sec-archive__btn {
  background-color: #000;
  color: #fff;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  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;
  border-radius: 6px;
}
@media all and (max-width: 750px) {
  .home .sec-archive__btn {
    font-size: 1.6rem;
  }
}
.home .sec-menu .sec-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .home .sec-menu .sec-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.home .sec-menu__max--w {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.home .sec-menu__wrap {
  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;
}
.home .sec-menu__left {
  width: 395px;
  text-align: left;
}
@media all and (max-width: 750px) {
  .home .sec-menu__left {
    width: 180px;
    margin: 0 auto;
  }
}
.home .sec-menu__head {
  display: table;
  margin: 0 auto;
}
.home .sec-menu__right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 395px);
  pointer-events: none;
}
@media all and (max-width: 750px) {
  .home .sec-menu__right {
    width: calc(100% - 180px);
    max-width: 300px;
  }
}
.home .sec-menu .sec-h2__en {
  font-size: 7rem;
  color: #fff;
  text-align: left;
}
@media all and (max-width: 750px) {
  .home .sec-menu .sec-h2__en {
    font-size: 2.8rem;
  }
}
.home .sec-menu .sec-h2__ja {
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
}
@media all and (max-width: 750px) {
  .home .sec-menu .sec-h2__ja {
    font-size: 1.4rem;
  }
}
.home .sec-menu__btn {
  width: 315px;
  height: 61px;
  background-color: #fff;
  color: #333;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  border-radius: 6px;
  margin: 0 auto;
  margin-top: 25px;
}
.home .sec-menu__btn.ja {
  font-size: 3rem;
}
@media all and (max-width: 750px) {
  .home .sec-menu__btn {
    width: 150px;
    height: 30px;
    font-size: 1.6rem;
    margin-top: 15px;
  }
  .home .sec-menu__btn.ja {
    font-size: 1.4rem;
  }
}
.home .roll-list-item-btn {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 6px;
  overflow: hidden;
}
.home .roll-list-item-btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
.home .roll-list-item-btn-txt {
  display: block;
  position: relative;
  width: 100%;
  min-width: 5em;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  font-weight: 700;
}
.home .roll-list-item-btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  white-space: nowrap;
}
.home .roll-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job-main-header {
  margin-bottom: 210px;
}
@media all and (max-width: 750px) {
  .job-main-header {
    margin-bottom: 50px;
  }
}
.job-main-header.is-sml {
  margin-bottom: 60px;
}
@media all and (max-width: 750px) {
  .job-main-header.is-sml {
    margin-bottom: 20px;
  }
}
.job-main-header-inr.is-top {
  max-width: 1368px;
}
.job-main-header-tl {
  margin-bottom: 33px;
}
@media all and (max-width: 750px) {
  .job-main-header-tl {
    margin-bottom: 24px;
  }
}
.job-main-header-tl.is-top {
  margin-bottom: 50px;
}
@media all and (max-width: 750px) {
  .job-main-header-tl.is-top {
    margin-bottom: 15px;
  }
}
.job-main-header-img {
  margin: 0 auto;
  max-width: 1368px;
}
@media all and (max-width: 750px) {
  .job-main-header-img {
    width: 88.50746%;
  }
}
.job-main-header-img img {
  width: 100%;
}
.job-filter {
  padding: 0 30px;
}
@media all and (max-width: 750px) {
  .job-filter {
    padding: 0 20px;
  }
}
.job-filter-inr {
  width: calc(100% - 70px);
  max-width: 1200px;
  margin: 0 auto 110px;
  padding: 15px 40px 40px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
@media all and (max-width: 750px) {
  .job-filter-inr {
    margin: 0 auto 50px;
    padding: 0px 22px 13px;
    width: auto;
  }
}
.job-filter-item {
  width: 25%;
  min-width: 235px;
  margin-top: 30px;
}
@media all and (max-width: 750px) {
  .job-filter-item {
    width: 33%;
    min-width: 80px;
    margin-top: 20px;
  }
}
.job-filter-item-input {
  display: none;
}
.job-filter-item-input
  + .job-filter-item-label
  .job-filter-item-checkbox::after {
  display: none;
}
.job-filter-item-input:checked
  + .job-filter-item-label
  .job-filter-item-checkbox::after {
  display: block;
}
.job-filter-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.job-filter-item-checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 18px;
  border: solid 2px #000;
  background: #fff;
}
@media all and (max-width: 750px) {
  .job-filter-item-checkbox {
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border: solid 1px #000;
  }
}
.job-filter-item-checkbox::after {
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ' ';
  display: block;
  bottom: 4px;
  left: 8px;
  width: 8px;
  height: 17px;
  border-right: solid 3px #000;
  border-bottom: solid 4px #000;
}
@media all and (max-width: 750px) {
  .job-filter-item-checkbox::after {
    bottom: 2px;
    left: 4px;
    width: 4px;
    height: 9px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
  }
}
.job-filter-item-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
  font-size: 3.5rem;
}
@media all and (max-width: 750px) {
  .job-filter-item-txt {
    font-size: 1.4rem;
  }
}
.job-filter-items {
  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 (width: 861px) and (max-width: 1166px) {
  .job-filter-items {
    width: 720px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) and (max-width: 860px) {
  .job-filter-items {
    width: auto;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.job-filter-btn {
  position: relative;
  width: 118px;
  background: #000;
  color: #fff;
  display: block;
  margin: 0 auto 0 38px;
  cursor: pointer;
}
@media all and (max-width: 750px) {
  .job-filter-btn {
    margin: 0 auto 0 17px;
    width: 56px;
  }
}
.job-filter-btn-inr-wrapper {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-perspective: 700px;
  perspective: 700px;
}
.job-filter-btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: -10px 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.job-filter-btn-txt {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  padding: 12px 10px;
  font-size: 3.5rem;
}
@media all and (max-width: 750px) {
  .job-filter-btn-txt {
    padding: 8px 10px;
    font-size: 1.9rem;
  }
}
.job-filter-btn-txt.is-default {
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
}
.job-filter-btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.job-result-sec-inr {
  width: calc(100% - 70px);
}
@media all and (max-width: 750px) {
  .job-result-sec-inr {
    width: calc(100% - 24px);
  }
}
.job-result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 29.16667%;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.2s ease-out 0s,
    -webkit-transform 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s,
    -webkit-transform 0.2s ease-out 0s;
}
.job-result-item.js-anm-on {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media all and (min-width: 751px) {
  .job-result-item {
    margin-top: 5.83333%;
    margin-right: 5.83333%;
    border-radius: 5px;
  }
  .job-result-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .job-result-item:nth-of-type(-n + 3) {
    margin-top: 0;
  }
}
@media all and (max-width: 750px) {
  .job-result-item {
    width: 44.44444%;
    margin-top: 9.52381%;
    margin-right: 9.52381%;
  }
  .job-result-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .job-result-item:nth-of-type(-n + 2) {
    margin-top: 0;
  }
}
.job-result-item-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media all and (min-width: 751px) {
  .job-result-item-inr:hover .job-result-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.job-result-item-tl {
  background: #dfed00;
  color: #000;
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2.6rem;
  padding: 14px 16px 11px;
}
@media all and (max-width: 750px) {
  .job-result-item-tl {
    font-size: 1rem;
    padding: 6px 4px 5px;
  }
}
.job-result-item-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin: 10px;
}
@media all and (max-width: 750px) {
  .job-result-item-main {
    margin: 4px;
  }
}
.job-result-item-img {
  overflow: hidden;
}
.job-result-item-img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.2s ease-out 0s;
  transition: -webkit-transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
.job-result-item-txt {
  margin-top: 20px;
  padding-bottom: 80px;
}
@media all and (max-width: 750px) {
  .job-result-item-txt {
    margin-top: 4px;
    padding-bottom: 35px;
  }
}
.job-result-item-txt p {
  font-size: 2.5rem;
  font-weight: bold;
}
@media screen and (min-width: 751px) and (max-width: 1340px) {
  .job-result-item-txt p {
    font-size: 1.86567vw;
  }
}
@media all and (max-width: 750px) {
  .job-result-item-txt p {
    font-size: 1rem;
    font-weight: normal;
  }
}
.job-result-item-btn {
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 6px;
  color: #fff;
  background: #000;
  overflow: hidden;
  -webkit-perspective: 700px;
  perspective: 700px;
}
@media all and (max-width: 750px) {
  .job-result-item-btn {
    bottom: 2px;
  }
}
.job-result-item-btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.job-result-item-btn-txt {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  white-space: nowrap;
  font-size: 2.6rem;
  font-weight: 700;
}
@media all and (max-width: 750px) {
  .job-result-item-btn-txt {
    font-size: 1rem;
    padding: 3px 5px;
  }
}
.job-result-item-btn-txt.is-default {
  font-family: 'Antonio', sans-serif;
}
.job-result-item-btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.job-result-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job-header {
  padding: 0 30px;
}
@media all and (max-width: 750px) {
  .job-header {
    display: block;
    padding: 0 20px;
  }
}
.job-header-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: 0 auto 67px;
}
@media all and (max-width: 750px) {
  .job-header-inr {
    display: block;
    margin: 0 auto 25px;
  }
}
.job-header-txt {
  position: relative;
  width: 333px;
}
@media all and (max-width: 750px) {
  .job-header-txt {
    width: 100%;
  }
}
.job-header-txt-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.job-header-img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding-bottom: 39.16667%;
}
@media all and (max-width: 750px) {
  .job-header-img {
    padding-bottom: 60.74627%;
  }
}
.job-header-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.job-header-img.anx {
  background-color: #000;
}
@media screen and (min-width: 750px) and (max-width: 1200px) {
  .job-header-img.anx img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.job-header-tl {
  background: #dfed00;
  padding: 9.00901% 0 9.00901% 12.01201%;
  min-height: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .job-header-tl {
    padding: 13px 0 13px 20px;
    min-height: 0;
  }
}
.job-header-tl-txt {
  display: block;
  position: relative;
  color: #000;
}
.job-header-tl-txt.is-lrg {
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
  font-size: 2.8rem;
  margin-bottom: 12px;
}
@media all and (max-width: 750px) {
  .job-header-tl-txt.is-lrg {
    font-size: 1.5rem;
    margin-bottom: 3px;
  }
}
.job-header-tl-txt.is-lrg::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}
.job-header-tl-txt.is-sml {
  font-size: 2rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .job-header-tl-txt.is-sml {
    font-size: 1.3rem;
  }
}
.job-header-btn {
  position: relative;
  background: #000;
  color: #fff;
  display: block;
  margin: 20px auto 0 0;
  cursor: pointer;
  width: calc(100% - 9%);
}
@media all and (max-width: 750px) {
  .job-header-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 6px 15px 0 0;
    width: 142px;
  }
}
.job-header-btn-inr-wrapper {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-perspective: 700px;
  perspective: 700px;
}
.job-header-btn-txt {
  font-size: 2.2rem;
  padding: 9px;
}
@media all and (max-width: 750px) {
  .job-header-btn-txt {
    font-size: 1.4rem;
    padding: 4px;
  }
}
.job-header-detail {
  background: #fff;
  padding: 9.00901% 9.00901% 12.01201% 12.01201%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .job-header-detail {
    padding: 15px 20px 20px 20px;
  }
}
@media all and (max-width: 750px) {
  .job-header-detail.is-col2-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media all and (max-width: 750px) {
  .job-header-detail.is-col2-sp .job-header-detail-col {
    width: 41.52542%;
  }
}
@media all and (max-width: 750px) {
  .job-header-detail.is-col2-sp
    .job-header-detail-col
    + .job-header-detail-col {
    margin-top: 0;
  }
}
.job-header-detail-col + .job-header-detail-col {
  margin-top: 30px;
}
@media all and (max-width: 750px) {
  .job-header-detail-col + .job-header-detail-col {
    margin-top: 15px;
  }
}
.job-header-detail-txt {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: solid 1px #221814;
}
@media all and (max-width: 750px) {
  .job-header-detail-txt {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
}
.job-header-detail-txt:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.job-header-detail-txt p {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .job-header-detail-txt p {
    font-size: 1.1rem;
  }
}
.job-header-detail-txt p.is-lrg {
  font-size: 2.2rem;
}
@media all and (max-width: 750px) {
  .job-header-detail-txt p.is-lrg {
    font-size: 1.8rem;
  }
}
.job-header-detail-txt p.is-lrg .is-sml {
  font-size: 1.6rem;
}
@media all and (max-width: 750px) {
  .job-header-detail-txt p.is-lrg .is-sml {
    font-size: 1.1rem;
  }
}
.job-nav-inr {
  max-width: 1100px;
  width: 91.66667%;
  margin: 0 auto 67px;
}
@media all and (max-width: 750px) {
  .job-nav-inr {
    margin: 0 auto 25px;
    width: calc(100% - 40px);
  }
}
.job-nav-btn {
  position: relative;
  width: 50%;
  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;
  background: #fff;
  color: #7f7f7f;
  -webkit-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
}
.job-nav-btn.is-on {
  background: #dfed00;
  color: #000;
}
.job-nav-btn.is-on::after {
  content: ' ';
  position: absolute;
  bottom: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  width: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: solid #dfed00 18px;
  border-bottom: none;
  border-right: solid transparent 22px;
  border-left: solid transparent 22px;
}
@media all and (max-width: 750px) {
  .job-nav-btn.is-on::after {
    bottom: -5px;
    border-top: solid #dfed00 6px;
    border-bottom: none;
    border-right: solid transparent 8px;
    border-left: solid transparent 8px;
  }
}
.job-nav-btn:first-of-type {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media all and (max-width: 750px) {
  .job-nav-btn:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
.job-nav-btn:last-of-type {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media all and (max-width: 750px) {
  .job-nav-btn:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
.job-nav-btn-inr-wrapper {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-perspective: 700px;
  perspective: 700px;
}
@media all and (min-width: 751px) {
  .job-nav-btn:hover:not(.is-on) {
    background: #eff67f;
    color: #333;
  }
}
.job-nav-btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: -10px 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.job-nav-btn-txt {
  display: block;
  position: relative;
  width: 100%;
  padding: 22px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 4.3rem;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media all and (max-width: 750px) {
  .job-nav-btn-txt {
    padding: 16px 10px;
    font-size: 1.7rem;
  }
}
.job-nav-btn-txt.is-default {
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
}
.job-nav-btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.job-nav-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.job-nav-btns.is-col2 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media all and (max-width: 750px) {
  .job-nav-btns.is-col2 {
    display: block;
  }
}
.job-nav-btns.is-col2 > .job-nav-btns {
  width: calc(50% - (20 / 1100 * 100%));
}
@media all and (max-width: 750px) {
  .job-nav-btns.is-col2 > .job-nav-btns {
    width: 100%;
  }
  .job-nav-btns.is-col2 > .job-nav-btns + .job-nav-btns {
    margin-top: 25px;
  }
}
.job-nav-btns.is-col2 > .job-nav-btns .job-nav-btn-txt {
  padding: 42px 10px;
  font-size: 2rem;
}
.job-nav-btns.is-col2 > .job-nav-btns .job-nav-btn-txt.is-alt {
  font-size: 1.7rem;
}
@media (max-width: 1200px) {
  .job-nav-btns.is-col2 > .job-nav-btns .job-nav-btn-txt {
    font-size: 1.5vw !important;
  }
  .job-nav-btns.is-col2 > .job-nav-btns .job-nav-btn-txt.is-alt {
    font-size: 1.25vw !important;
  }
}
@media all and (max-width: 750px) {
  .job-nav-btns.is-col2 > .job-nav-btns .job-nav-btn-txt {
    font-size: 1rem !important;
    padding: 21px 5px;
  }
}
.job-sec {
  padding: 0;
}
@media all and (max-width: 750px) {
  .job-sec {
    padding: 0;
  }
}
.job-secs {
  max-width: 1100px;
  width: 91.66667%;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .job-secs {
    width: 100%;
  }
}
.job-sec-inr {
  width: 100%;
  background: #fff;
  padding: 67px 83px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
@media all and (max-width: 750px) {
  .job-sec-inr {
    padding: 25px 20px;
    border-radius: 0;
  }
}
.job-secs {
  position: relative;
}
.jobItv-col + .jobItv-col {
  margin-top: 45px;
}
@media all and (max-width: 750px) {
  .jobItv-col + .jobItv-col {
    margin-top: 28px;
  }
}
.jobItv-col-tl {
  font-size: 2.1rem;
  font-weight: bold;
  color: #1f3765;
  margin-bottom: 28px;
  padding-bottom: 10px;
  border-bottom: solid 2px #1f3765;
}
@media all and (max-width: 750px) {
  .jobItv-col-tl {
    font-size: 1.6rem;
    border-bottom: solid 1px #1f3765;
    margin-bottom: 10px;
    padding-bottom: 6px;
  }
}
.jobItv-col-txt + .jobItv-col-txt,
.jobItv-col-txt + .jobItv-col-img,
.jobItv-col-img + .jobItv-col-txt,
.jobItv-col-img + .jobItv-col-img {
  margin-top: 45px;
}
@media all and (max-width: 750px) {
  .jobItv-col-txt + .jobItv-col-txt,
  .jobItv-col-txt + .jobItv-col-img,
  .jobItv-col-img + .jobItv-col-txt,
  .jobItv-col-img + .jobItv-col-img {
    margin-top: 28px;
  }
}
.jobItv-col-img img {
  width: 100%;
  display: block;
}
.jobWf-img {
  width: 70.21277%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 750px) {
  .jobWf-img {
    width: 100%;
  }
}
.jobWf-img img {
  display: block;
  width: 100%;
}
.jobWf-col {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}
@media all and (max-width: 750px) {
  .jobWf-col {
    padding-bottom: 15px;
  }
}
.jobWf-col.is-month {
  padding-bottom: 25px;
}
@media all and (max-width: 750px) {
  .jobWf-col.is-month {
    padding-bottom: 15px;
  }
}
.jobWf-col.is-month .jobWf-col-cal::after {
  width: 90px;
  height: 90px;
  background: #dfed00;
  border: none !important;
}
@media all and (max-width: 750px) {
  .jobWf-col.is-month .jobWf-col-cal::after {
    width: 50px;
    height: 50px;
  }
}
.jobWf-col.is-month .jobWf-col-cal-txt {
  margin-top: -0.5rem;
}
@media all and (max-width: 750px) {
  .jobWf-col.is-month .jobWf-col-cal-txt {
    margin-top: -2.4rem;
  }
}
.jobWf-col:first-of-type::after {
  position: absolute;
  z-index: -1;
  content: ' ';
  display: block;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  background: #fff;
}
@media all and (max-width: 750px) {
  .jobWf-col:first-of-type::after {
    height: 38px;
  }
}
.jobWf-col:last-of-type {
  padding-bottom: 0 !important;
}
.jobWf-col:last-of-type::after {
  position: absolute;
  z-index: -1;
  content: ' ';
  display: block;
  width: 100%;
  height: calc(100% - 45px);
  bottom: 0;
  left: 0;
  background: #fff;
}
@media all and (max-width: 750px) {
  .jobWf-col:last-of-type::after {
    height: calc(100% - 25px);
  }
}
.jobWf-col-tl {
  color: #1f3765;
  font-weight: bold;
  line-height: 1.8;
  font-size: 2.1rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-tl {
    line-height: 1.4;
    font-size: 1.6rem;
    margin-bottom: 3px;
  }
}
.jobWf-col-cal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 5.31915% 0 0;
  text-align: center;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal {
    width: 50px;
    height: 50px;
    margin: 0 6.71642% 0 0;
  }
}
.jobWf-col-cal::after {
  display: block;
  content: ' ';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  width: 54px;
  height: 54px;
  border: solid 2px #1e3764;
  border-radius: 100px;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal::after {
    width: 30px;
    height: 30px;
    border: solid 1px #1e3764;
  }
}
.jobWf-col-cal-txt {
  position: relative;
  z-index: 10;
  margin-top: -0.3rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt {
    margin-top: -2.4rem;
  }
}
.jobWf-col-cal-txt p {
  color: #1f3765;
  font-weight: bold;
  line-height: 1.2;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt p {
    margin-top: 23px;
    line-height: 1.1;
  }
}
.jobWf-col-cal-txt .is-xlrg {
  font-size: 3.8rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt .is-xlrg {
    font-size: 1.9rem;
  }
}
.jobWf-col-cal-txt .is-lrg {
  font-size: 2.4rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt .is-lrg {
    font-size: 1.2rem;
  }
}
.jobWf-col-cal-txt .is-sml {
  font-size: 2.1rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt .is-sml {
    font-size: 1.1rem;
  }
}
.jobWf-col-cal-txt .is-xsml {
  font-size: 1.6rem;
}
@media all and (max-width: 750px) {
  .jobWf-col-cal-txt .is-xsml {
    font-size: 0.9rem;
  }
}
.jobWf-col-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 25px;
}
@media all and (max-width: 750px) {
  .jobWf-col-txt {
    margin-top: 15px;
  }
}
.jobWf-col-txt p + .jobWf-col-tl {
  padding-top: 40px;
}
@media all and (max-width: 750px) {
  .jobWf-col-txt p + .jobWf-col-tl {
    padding-top: 15px;
  }
}
.jobWf-cols {
  position: relative;
}
.jobWf-cols::after {
  position: absolute;
  z-index: 1;
  content: ' ';
  display: block;
  width: 2px;
  height: calc(100% - 2px);
  top: 1px;
  left: 44px;
  background: url(/assets/img/job/scd-cols-bg.png) repeat-y center/100% auto;
}
@media all and (max-width: 750px) {
  .jobWf-cols::after {
    width: 1px;
    left: 24px;
  }
}
.jobWf-cols + .jobWf-img {
  margin-top: 70px;
}
@media all and (max-width: 750px) {
  .jobWf-cols + .jobWf-img {
    margin-top: 30px;
  }
}
.page-jobtype-group {
  position: relative;
  z-index: 2000;
}
.page-jobtype-group .modal-btn__close {
  background-color: #fff;
  border: solid 2px #000;
}
.page-jobtype-group .modal-btn__close--mark::before,
.page-jobtype-group .modal-btn__close--mark::after {
  background: #000;
}
.page-jobtype-group .info-col__logo--wrap {
  width: 22.33333vw;
  max-width: 268px;
  aspect-ratio: 268/200;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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 all and (max-width: 750px) {
  .page-jobtype-group .info-col__logo--wrap {
    aspect-ratio: 650/200;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
}
.page-jobtype-group .info-col__logo--wrap img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.page-jobtype-group .info-contents {
  width: calc(100% - 60px);
  max-width: 760px;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-contents {
    width: 89.33333vw;
  }
}
.page-jobtype-group .info-name {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: solid 1px #fff;
  padding-bottom: 26px;
  margin-bottom: 29px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-name {
    font-size: 1.5rem;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
.page-jobtype-group .info-block {
  width: 100%;
  max-width: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 135px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-block {
    display: block;
    margin-bottom: 35px;
  }
}
.page-jobtype-group .info-col__logo {
  margin-right: 30px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-col__logo {
    width: 100%;
    margin-right: 0;
  }
}
.page-jobtype-group .info-col__logo img {
  width: 100%;
}
.page-jobtype-group .info-col__col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-jobtype-group .info-col__col p {
  font-size: 2.2rem;
  line-height: 2.4;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-col__col p {
    font-size: 1.3rem;
  }
}
.page-jobtype-group .modal .modal-contents {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-jobtype-group .modal .modal-contents__li {
  color: #fff;
}
.page-jobtype-group .modal .modal-contents__li.active {
  display: block;
}
.page-jobtype-group .info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex {
    row-gap: 20px;
  }
}
.page-jobtype-group .info-flex__2-2 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__2-2 {
    -webkit-column-gap: 1.33333vw;
    -moz-column-gap: 1.33333vw;
    column-gap: 1.33333vw;
  }
}
.page-jobtype-group .info-flex__2-2 .info-list__li {
  width: calc(50% - 10px);
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__2-2 .info-list__li {
    width: calc(50% - 2vw);
  }
}
.page-jobtype-group .info-flex__3-2 {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__3-2 {
    -webkit-column-gap: 1.33333vw;
    -moz-column-gap: 1.33333vw;
    column-gap: 1.33333vw;
  }
}
.page-jobtype-group .info-flex__3-2 .info-list__li {
  width: calc(33.333% - 40px);
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__3-2 .info-list__li {
    width: calc(50% - 2vw);
  }
}
.page-jobtype-group .info-flex__4-2 {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__4-2 {
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
  }
}
.page-jobtype-group .info-flex__4-2 .info-list__li {
  width: calc(25% - 38px);
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-flex__4-2 .info-list__li {
    width: calc(50% - 2.13333vw);
  }
}
.page-jobtype-group .inf-cat__title {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
  margin: 65px 0 50px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .inf-cat__title {
    font-size: 1.6rem;
    margin: 35px 0 25px;
  }
}
.page-jobtype-group .inf-cat__title::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-left: 20px;
}
.page-jobtype-group .info-list__text {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 20px;
  line-height: 1.3;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-list__text {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}
.page-jobtype-group .info-list__text .is-sml,
.page-jobtype-group .info-list__text.is-sml {
  font-size: 1.1rem;
  margin-top: 7px;
}
@media all and (max-width: 750px) {
  .page-jobtype-group .info-list__text .is-sml,
  .page-jobtype-group .info-list__text.is-sml {
    font-size: 1rem;
    margin-top: 5px;
  }
}
.page-jobtype-group
  #zepp
  .info-list
  .info-list__ul.info-list__c--3-2
  .info-list__li
  figure
  img {
  width: 100%;
  height: auto;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.company-sec-inr {
  background: #fff;
  max-width: 1100px;
  width: 91.66667%;
  margin: 0 auto;
  padding: 67px 83px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
@media all and (max-width: 750px) {
  .company-sec-inr {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 20px 12px;
    border-radius: 3px;
  }
}
.company-table tr:first-of-type .company-tcell {
  padding-top: 0;
}
.company-table tr:last-of-type .company-tcell {
  padding-bottom: 0;
  border-bottom: 0;
}
.company-tcell {
  font-size: 2.8rem;
  padding: 20px 0;
  border-bottom: solid 1px #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .company-tcell {
    font-size: 1.3rem;
    font-weight: normal;
    padding: 17px 0;
  }
}
.company-th {
  color: #1f3765;
  padding-right: 33px;
  text-align: justify;
  text-justify: inter-character;
  -moz-text-align-last: justify;
  text-align-last: justify;
  width: 155px;
}
@media all and (max-width: 750px) {
  .company-th {
    padding-right: 17px;
    width: 77px;
  }
}
.company-group-sec-inr {
  max-width: 1170px;
}
.company-group-sec + .company-group-sec {
  margin-top: 130px;
}
@media all and (max-width: 750px) {
  .company-group-sec + .company-group-sec {
    margin-top: 35px;
  }
}
.company-group-sec-tl {
  text-align: center;
  color: #fff;
  margin-bottom: 24px;
  font-size: 2.8rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .company-group-sec-tl {
    margin-bottom: 17px;
    font-size: 1.4rem;
  }
}
.company-group-item {
  width: 79.48718%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media all and (max-width: 750px) {
  .company-group-item {
    width: 100%;
  }
}
.company-group-item + .company-group-item {
  margin-top: 30px;
}
@media all and (max-width: 750px) {
  .company-group-item + .company-group-item {
    margin-top: 12px;
  }
}
.company-group-item-a {
  display: block;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  font-size: 2.8rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .company-group-item-a {
    padding: 10px 5px;
    font-size: 1.3rem;
    letter-spacing: -0.1em;
  }
}
.company-group-items.is-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.company-group-items.is-horizontal .company-group-item + .company-group-item {
  margin-top: 0;
}
@media all and (min-width: 751px) {
  .company-group-items.is-horizontal .company-group-item {
    width: 21.36752%;
    margin: 2.5641% 4.78632% 0 0 !important;
  }
  .company-group-items.is-horizontal .company-group-item:nth-of-type(4n) {
    margin-right: 0 !important;
  }
  .company-group-items.is-horizontal .company-group-item:nth-of-type(-n + 4) {
    margin-top: 0 !important;
  }
}
@media all and (max-width: 750px) {
  .company-group-items.is-horizontal .company-group-item {
    width: 44.77612%;
    margin: 4.47761% 7.46269% 0 0 !important;
  }
  .company-group-items.is-horizontal .company-group-item:nth-of-type(2n) {
    margin-right: 0 !important;
  }
  .company-group-items.is-horizontal .company-group-item:nth-of-type(-n + 2) {
    margin-top: 0 !important;
  }
}
.company-group-items.is-horizontal .company-group-item a {
  background: none;
  padding: 0;
  font-weight: normal;
  line-height: 1.3;
}
@media all and (min-width: 751px) {
  .company-group-items.is-horizontal
    .company-group-item
    a:hover
    .company-group-item-img
    img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.company-group-items.is-horizontal .company-group-item-img {
  overflow: hidden;
}
.company-group-items.is-horizontal .company-group-item-img img {
  width: 100%;
  display: block;
  -webkit-transition: -webkit-transform 0.2s ease-out 0s;
  transition: -webkit-transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s;
  transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
.company-group-items.is-horizontal .company-group-item-txt {
  margin-top: 35px;
}
@media all and (max-width: 750px) {
  .company-group-items.is-horizontal .company-group-item-txt {
    margin-top: 15px;
  }
}
.company-group-items.is-horizontal
  .company-group-item-txt
  p:not(.company-group-item-tl) {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 8px;
}
@media all and (max-width: 750px) {
  .company-group-items.is-horizontal
    .company-group-item-txt
    p:not(.company-group-item-tl) {
    margin-top: 3px;
    font-size: 1rem;
  }
}
.company-group-items.is-horizontal .company-group-item-tl {
  color: #fff;
  font-size: 1.6rem;
}
@media all and (max-width: 750px) {
  .company-group-items.is-horizontal .company-group-item-tl {
    font-size: 1rem;
  }
}
.page-company-group {
  position: relative;
  z-index: 2000;
}
.page-company-group .info-col__logo--wrap {
  width: 22.33333vw;
  max-width: 268px;
  aspect-ratio: 268/200;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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 all and (max-width: 750px) {
  .page-company-group .info-col__logo--wrap {
    aspect-ratio: 650/200;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
}
.page-company-group .info-col__logo--wrap img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.page-company-group .info-contents {
  width: 75%;
  max-width: 1200px;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .page-company-group .info-contents {
    width: 86.66667vw;
  }
}
.page-company-group .info-name {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 70px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-name {
    font-size: 2rem;
    margin-bottom: 50px;
  }
}
.page-company-group .info-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 135px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 750px) {
  .page-company-group .info-block {
    display: block;
    margin-bottom: 35px;
  }
}
.page-company-group .info-col__logo {
  margin-right: 30px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-col__logo {
    width: 100%;
    margin-right: 0;
  }
}
.page-company-group .info-col__logo img {
  width: 100%;
}
.page-company-group .info-col__col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.2rem;
}
@media all and (max-width: 750px) {
  .page-company-group .info-col__col {
    font-size: 1.2rem;
  }
}
.page-company-group .modal .modal-contents {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-company-group .modal .modal-contents__li {
  display: none;
  color: #fff;
}
.page-company-group .modal .modal-contents__li.active {
  display: block;
}
.page-company-group .info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex {
    row-gap: 20px;
  }
}
.page-company-group .info-flex__2-2 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__2-2 {
    -webkit-column-gap: 1.33333vw;
    -moz-column-gap: 1.33333vw;
    column-gap: 1.33333vw;
  }
}
.page-company-group .info-flex__2-2 .info-list__li {
  width: calc(50% - 10px);
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__2-2 .info-list__li {
    width: calc(50% - 2vw);
  }
}
.page-company-group .info-flex__3-2 {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__3-2 {
    -webkit-column-gap: 1.33333vw;
    -moz-column-gap: 1.33333vw;
    column-gap: 1.33333vw;
  }
}
.page-company-group .info-flex__3-2 .info-list__li {
  width: calc(33.333% - 40px);
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__3-2 .info-list__li {
    width: calc(50% - 2vw);
  }
}
.page-company-group .info-flex__4-2 {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__4-2 {
    -webkit-column-gap: 4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw;
  }
}
.page-company-group .info-flex__4-2 .info-list__li {
  width: calc(25% - 38px);
}
@media all and (max-width: 750px) {
  .page-company-group .info-flex__4-2 .info-list__li {
    width: calc(50% - 2.13333vw);
  }
}
.page-company-group .inf-cat__title {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
  margin: 65px 0 50px;
}
@media all and (max-width: 750px) {
  .page-company-group .inf-cat__title {
    font-size: 1.6rem;
    margin: 35px 0 25px;
  }
}
.page-company-group .inf-cat__title::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-left: 20px;
}
.page-company-group .info-list__text {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 20px;
  line-height: 1.3;
}
@media all and (max-width: 750px) {
  .page-company-group .info-list__text {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}
.page-company-group .info-list__text .is-sml,
.page-company-group .info-list__text.is-sml {
  font-size: 1.1rem;
  margin-top: 7px;
}
@media all and (max-width: 750px) {
  .page-company-group .info-list__text .is-sml,
  .page-company-group .info-list__text.is-sml {
    font-size: 1rem;
    margin-top: 5px;
  }
}
.page-company-group
  #zepp
  .info-list
  .info-list__ul.info-list__c--3-2
  .info-list__li
  figure
  img {
  width: 100%;
  height: auto;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.recruit-sec-inr {
  max-width: 1000px;
}
.recruit-table tr:first-of-type .recruit-tcell {
  padding-top: 0;
}
.recruit-table tr:last-of-type .recruit-tcell {
  padding-bottom: 0;
  border-bottom: 0;
}
.recruit-tcell {
  font-size: 2.4rem;
  padding: 20px 0;
  border-bottom: solid 1px #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .recruit-tcell {
    font-size: 1.3rem;
    font-weight: normal;
    padding: 10px 0;
  }
}
.recruit-th {
  padding-right: 33px;
  width: 175px;
  text-align: left;
}
@media all and (max-width: 750px) {
  .recruit-th {
    padding-right: 17px;
    width: 77px;
  }
}
.recruit-td {
  font-weight: normal;
}
.recruit-sec-inr {
  max-width: 930px;
}
.recruit-btn {
  width: 100%;
  display: block;
  border-radius: 5px;
  background: #fff;
  padding: 20px 127px 20px 35px;
  font-weight: bold;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: left;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
@media all and (max-width: 750px) {
  .recruit-btn {
    font-size: 1.7rem;
    padding: 10px 68px 10px 20px;
    margin-top: 25px;
  }
}
.recruit-col {
  margin-top: 7px;
}
.recruit-col .bd-b {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #000;
}
@media all and (max-width: 750px) {
  .recruit-col .bd-b {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.recruit-col-inr {
  width: 100%;
  display: block;
  border-radius: 5px;
  background: #fff;
  padding: 50px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .recruit-col-inr {
    padding: 10px;
  }
}
.recruit-col-tl {
  font-size: 2.9rem;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}
@media all and (max-width: 750px) {
  .recruit-col-tl {
    font-size: 1.5rem;
  }
}
.recruit-col-tl-s {
  margin-bottom: 15px;
}
@media all and (max-width: 750px) {
  .recruit-col-tl-s {
    margin-bottom: 10px;
  }
}
.recruit-col-tl-s-inr {
  padding: 3px 7px;
  display: inline-block;
  background: #1e3764;
  color: #fff;
  font-size: 2.3rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .recruit-col-tl-s-inr {
    padding: 2px 5px;
    font-size: 1.4rem;
  }
}
.recruit-col-tl-xs {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media all and (max-width: 750px) {
  .recruit-col-tl-xs {
    margin-bottom: 5px;
    font-size: 1.3rem;
  }
}
.recruit-col-txt p {
  font-size: 2.2rem;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .recruit-col-txt p {
    font-size: 1.3rem;
  }
}
.recruit-col-txt p.fs-s {
  font-size: 1.9rem;
}
@media all and (max-width: 750px) {
  .recruit-col-txt p.fs-s {
    font-size: 1.1rem;
  }
}
.recruit-scd-tl {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .recruit-scd-tl {
    font-size: 1.9rem;
  }
}
.recruit-scd-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #e5e5e5;
  margin-bottom: 36px;
}
@media all and (max-width: 750px) {
  .recruit-scd-item {
    margin-bottom: 17px;
  }
}
.recruit-scd-item:nth-of-type(2n) {
  background: #f6f6d0;
}
.recruit-scd-item:last-of-type {
  margin-bottom: 0;
}
.recruit-scd-item:last-of-type::after {
  display: none;
}
.recruit-scd-item::before {
  counter-increment: item;
  content: counter(item);
  padding: 15px;
  width: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.1rem;
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  background: #9b9b9e;
  text-align: center;
}
@media all and (max-width: 750px) {
  .recruit-scd-item::before {
    padding: 7px;
    width: 35px;
    font-size: 1.6rem;
  }
}
.recruit-scd-item::after {
  position: absolute;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: solid 20px transparent;
  border-bottom: none;
  border-top: solid 23px #9b9b9e;
}
@media all and (max-width: 750px) {
  .recruit-scd-item::after {
    border: solid 10px transparent;
    border-bottom: none;
    border-top: solid 12px #9b9b9e;
  }
}
.recruit-scd-item-inr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 15px 85px 15px 15px;
}
@media all and (max-width: 750px) {
  .recruit-scd-item-inr {
    padding: 7px 42px 7px 7px;
  }
}
.recruit-scd-item-tl {
  text-align: center;
  font-size: 3.1rem;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .recruit-scd-item-tl {
    font-size: 1.4rem;
  }
}
.recruit-scd-item p {
  position: absolute;
  top: 50%;
  left: 61%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
@media all and (max-width: 750px) {
  .recruit-scd-item p {
    left: 61%;
    font-size: 1rem;
  }
}
.recruit-scd-items {
  counter-reset: item;
  list-style-type: none;
}
@media all and (max-width: 750px) {
  .seminar-list-sec {
    padding: 0 52px;
  }
}
.seminar-list-sec-inr {
  max-width: 980px;
}
.seminar-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45.91837%;
  background: #fff;
  border-radius: 5px;
}
@media all and (min-width: 751px) {
  .seminar-list-item {
    margin-top: 9.18367%;
    margin-right: 7.65306%;
  }
  .seminar-list-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .seminar-list-item:nth-of-type(-n + 2) {
    margin-top: 0;
  }
}
@media all and (max-width: 750px) {
  .seminar-list-item {
    width: 100%;
    margin-top: 9.15751%;
  }
  .seminar-list-item:nth-of-type(1) {
    margin-top: 0;
  }
}
.seminar-list-item-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 35px 30px;
}
@media all and (max-width: 750px) {
  .seminar-list-item-inr {
    padding: 22px 22px 19px;
  }
}
.seminar-list-item-header {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: solid 1px #000;
  text-align: center;
}
@media all and (max-width: 750px) {
  .seminar-list-item-header {
    margin-bottom: 17px;
    padding-bottom: 12px;
  }
}
.seminar-list-item-tl {
  font-weight: bold;
  line-height: 1.2;
  font-size: 2.8rem;
  margin-bottom: 35px;
}
@media all and (max-width: 750px) {
  .seminar-list-item-tl {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }
}
.seminar-list-item-date {
  font-family: 'Antonio', sans-serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2.8rem;
}
@media all and (max-width: 750px) {
  .seminar-list-item-date {
    font-size: 1.7rem;
  }
}
.seminar-list-item-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.seminar-list-item-txt {
  padding-bottom: 70px;
}
@media all and (max-width: 750px) {
  .seminar-list-item-txt {
    padding-bottom: 50px;
  }
}
.seminar-list-item-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  cursor: pointer;
  padding: 0 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 6px;
  color: #fff;
  background: #000;
  overflow: hidden;
  -webkit-perspective: 700px;
  perspective: 700px;
}
@media all and (max-width: 750px) {
  .seminar-list-item-btn {
    padding: 0 36px;
  }
}
.seminar-list-item-btn-inr {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.seminar-list-item-btn-txt {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  white-space: nowrap;
  font-size: 2.6rem;
  font-weight: 700;
}
@media all and (max-width: 750px) {
  .seminar-list-item-btn-txt {
    font-size: 1.7rem;
    padding: 3px 5px;
  }
}
.seminar-list-item-btn-txt.is-default {
  font-family: 'Antonio', sans-serif;
}
.seminar-list-item-btn-txt.is-alt {
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: bold;
  -webkit-transform: translateY(-1px) rotateX(-90deg);
  transform: translateY(-1px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.seminar-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.seminar-table tr:first-of-type .company-tcell {
  padding-top: 0;
}
.seminar-table tr:last-of-type .company-tcell {
  padding-bottom: 0;
  border-bottom: 0;
}
.seminar-tcell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  padding: 0 0 7px;
}
@media all and (max-width: 750px) {
  .seminar-tcell {
    padding: 0 0 7px;
  }
}
.seminar-th {
  width: 75px;
  padding-right: 15px;
}
@media all and (max-width: 750px) {
  .seminar-th {
    width: 45px;
    padding-right: 10px;
  }
}
.seminar-th-inr {
  font-size: 1.8rem;
  display: inline-block;
  background: #dfed00;
  padding: 2px 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
@media all and (max-width: 750px) {
  .seminar-th-inr {
    font-size: 1.2rem;
    padding: 2px 7px;
  }
}
.seminar-td {
  font-size: 2.3rem;
}
@media all and (max-width: 750px) {
  .seminar-td {
    font-size: 1.4rem;
  }
}
.entry-txt.is-lrg {
  color: #fff;
  text-align: center;
  margin: 12.08333% auto 5.83333%;
  font-size: 3rem;
}
@media all and (max-width: 750px) {
  .entry-txt.is-lrg {
    margin: 16.41791% auto 13.43284%;
    font-size: 1.7rem;
  }
}
.entry-item {
  width: 64%;
  max-width: 768px;
  margin: 8.33333% auto 0;
}
.entry-item:nth-of-type(1) {
  margin-top: 0;
}
@media all and (max-width: 750px) {
  .entry-item {
    width: 100%;
    margin-top: 14.92537%;
  }
  .entry-item:nth-of-type(1) {
    margin-top: 0;
  }
}
.entry-item.is-lrg {
  width: 98.33333%;
  max-width: 1180px;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg {
    width: 64.1791%;
  }
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-inr {
    display: block;
  }
}
.entry-item.is-lrg .entry-item-inr--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-inr--center {
    display: block;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .entry-item.is-lrg .entry-item-inr--center .entry-item-main {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }
}
.entry-item.is-lrg .entry-item-header {
  width: 36.61017%;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-header {
    width: 100%;
  }
}
.entry-item.is-lrg .entry-item-tl {
  width: 69.90741%;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-tl {
    width: 100%;
  }
}
.entry-item.is-lrg .entry-item-main {
  padding-right: 5.50847%;
  margin-top: 0;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-main {
    padding-right: 0;
    margin-top: 15.50926%;
  }
}
.entry-item.is-lrg .entry-item-btn .btn-txt {
  font-size: 7.4rem;
  padding: 30px 16px;
}
@media all and (max-width: 750px) {
  .entry-item.is-lrg .entry-item-btn .btn-txt {
    font-size: 3.9rem;
    padding: 19px 10px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .entry-item.is-lrg .entry-item-sms .entry-item-btn {
    width: 350px;
  }
  .entry-item.is-lrg .entry-item-sms .entry-item-btn .btn-txt {
    font-size: 4.4rem;
    padding: 20px 10px;
  }
}
.entry-item-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.entry-item-header {
  text-align: center;
  width: 41.66667%;
}
@media all and (max-width: 750px) {
  .entry-item-header {
    width: 54.79452%;
  }
}
.entry-item-header img {
  display: block;
  margin: 0 auto;
}
.entry-item-header p {
  margin-top: 10px;
  color: #fff;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .entry-item-header p {
    font-size: 1rem;
  }
}
.entry-item-tl {
  margin: 0 auto;
  width: 62.5%;
}
.entry-item-tl img {
  width: 100%;
}
.entry-item-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding-right: 7.8125%;
  margin-top: calc(-10px - 3rem);
}
@media all and (max-width: 750px) {
  .entry-item-main {
    padding-right: 5.13699%;
    margin-top: calc(-10px - 2rem);
  }
}
.entry-item-btn {
  width: 100%;
}
.entry-item-btn .btn-txt {
  font-size: 4.6rem;
  padding: 22px 16px;
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .entry-item-btn .btn-txt {
    font-size: 4rem;
  }
}
@media all and (max-width: 750px) {
  .entry-item-btn .btn-txt {
    font-size: 2.5rem;
    padding: 11px 10px;
  }
}
.entry-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*# sourceMappingURL=main.css.map */