:root {
  --bg-color-black: #0c0c0c;
  --bg-color-gray: #f7f7f7;
  --text-color-black: #0c0c0c;
  --text-color-red: #da1c1c;
  --bg-text-color-wht: #eee;
  --bg-text-color-black: #1a1a1a
}

.en {
  font-family: Montserrat, sans-serif;
  font-weight: 700
}

.sp {
  display: none
}

@media screen and (max-width:896px) {
  .sp {
    display: block
  }
}

@media screen and (max-width:896px) {
  .pc {
    display: none
  }
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

html {
  box-sizing: border-box
}

:after, :before {
  box-sizing: inherit
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

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

p {
  text-align: justify
}

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none;
  word-break: break-all
}

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

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

del {
  text-decoration: line-through
}

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

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

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

input, select {
  vertical-align: middle;
  outline: 0
}

li, ul {
  list-style: none
}

input[type=button], input[type=email], input[type=submit], input[type=tel], input[type=text] {
  -webkit-appearance: none;
  border: none;
  box-sizing: border-box
}

input[type=button]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
  outline: 0;
  background-color: var(--bg-color-gray)
}

input:-internal-autofill-selected {
  background-color: #fff !important
}

input[type=button]:focus:placeholder-shown, input[type=email]:focus:placeholder-shown, input[type=submit]:focus:placeholder-shown, input[type=tel]:focus:placeholder-shown, input[type=text]:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: #999
}

input[type=button]:focus:-webkit-input-placeholder, input[type=email]:focus:-webkit-input-placeholder, input[type=submit]:focus:-webkit-input-placeholder, input[type=tel]:focus:-webkit-input-placeholder, input[type=text]:focus:-webkit-input-placeholder, textarea:focus:-webkit-input-placeholder {
  color: #999
}

input[type=button]:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=submit]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=text]:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: #999
}

input[type=button]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=submit]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: #999
}


input[type=email]:placeholder-shown, input[type=tel]:placeholder-shown, input[type=text]:placeholder-shown {
  color: #999
}

input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder {
  color: #999
}

input[type=email]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
  color: #999
}

input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff
}

textarea {
  resize: vertical
}

textarea:placeholder-shown {
  color: #999
}

textarea::-webkit-input-placeholder {
  color: #999
}

textarea::-moz-placeholder {
  color: #999
}

input:focus::placeholder, textarea:focus::placeholder {
  color: transparent;
  transition: .1s
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
  transition: .1s
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent;
  transition: .1s
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
  transition: .1s
}

button {
  background-color: transparent;
  outline: 0;
  border: 0
}

a {
  -webkit-tap-highlight-color: transparent;
  color: #0d0d0d
}

@media screen and (min-width:896px) {
  a {
    transition: .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased
  }

  a:hover {
    transition: .3s;
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased
  }
}

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

td, th {
  vertical-align: middle;
  border: solid 1px #000;
  font-weight: 400;
  text-align: left;
  border: 0
}

caption {
  text-align: left
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden
}

body, html {
  width: 100%;
  height: 100%;
  background-color: var(--bg-color-gray);
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: .05em;
  color: var(--text-color-black);
  font-display: swap;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased
}

@media screen and (max-width:896px) {
  body.sp_fix {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
  }
}

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

svg {
  width: 100%;
  height: auto
}

.slick-list:focus {
  outline: 0 !important
}

.basetxt {
  line-height: 2;
  letter-spacing: .08em
}

@media screen and (min-width:897px) {
  .basetxt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:896px) {
  .basetxt {
    font-size: 1.4rem
  }
}

.baselink {
  display: inline-block;
  padding: 18px 36px;
  background-color: var(--text-color-red);
  border: 1px solid var(--text-color-red);
  border-radius: 25px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  color: #fff
}

@media screen and (min-width:897px) {
  .baselink:hover {
    background-color: #fff;
    color: var(--text-color-red)
  }

  .baselink:hover .txt {
    background-image: url(../../img/common/icon_arrow_link_red.png)
  }
}

.baselink .txt {
  padding-right: 34px;
  background-image: url(../../img/common/icon_arrow_link.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 24px
}

@keyframes fluidrotate {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
  }
}

@media screen and (max-width:896px) {
  #stage {
    overflow-x: hidden
  }
}

#stkr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 138px;
  height: 138px;
  border: 1px solid #959595;
  border-radius: 50%;
  transition: .2s ease-out;
  transition-timing-function: ease-out;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
  display: none
}

#stkr.bgon {
  display: none
}

@media screen and (max-width:896px) {
  #stkr {
    display: none
  }
}

#stkr.wht {
  background-color: #fff
}

#stkr.arrowRotate {
  background-color: #fff
}

#stkr.arrowRotate .arrow {
  transform: rotate(-90deg)
}

#stkr .txt {
  color: #898989
}

#stkr .arrow {
  width: 8px;
  margin-top: 16px;
  transition: .35s ease
}

.header {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10001;
  transition: .35s ease-out
}

.header.bgon, .header.on {
  background-color: #101010
}

@media screen and (min-width:897px) {
  .header.bgon .logo, .header.on .logo {
    width: 72px
  }
}

@media screen and (min-width:897px) {
  .header {
    padding: 0 4.28%
  }
}

@media screen and (max-width:896px) {
  .header {
    justify-content: space-between;
    padding: 8px 5%
  }
}

.header.on {
  background-color: #000
}

@media screen and (min-width:897px) {
  .header .logo {
    width: 82px;
    transition: .35s ease-out
  }
}

@media screen and (max-width:896px) {
  .header .logo {
    position: relative;
    z-index: 10;
    width: 15%
  }
}

.header .logo a {
  display: block;
  position: relative
}

@media screen and (min-width:897px) {
  .header .logo a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58px;
    background-image: url(../../img/common/logo_wht.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    opacity: 0;
    transition: .35s ease
  }
}

.header .menubtn {
  position: relative;
  width: 40px;
  height: 40px
}

@media screen and (max-width:896px) {
  .header .menubtn {
    position: relative;
    z-index: 10
  }
}

.header .menubtn.close .bar {
  background-color: #000
}

.header .menubtn.close .bar:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 0
}

.header .menubtn.close .bar:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: 0
}

.header .menubtn.close .text {
  color: #000
}

.header .menubtn .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: .35s ease
}

@media screen and (min-width:897px) {
  .header .menubtn .bar:first-child {
    margin-top: -2px
  }

  .header .menubtn .bar:nth-child(2) {
    margin-top: 2px
  }
}

@media screen and (max-width:896px) {
  .header .menubtn .bar:first-child {
    margin-top: -3px
  }

  .header .menubtn .bar:nth-child(2) {
    margin-top: 3px
  }
}

.header .menubtn .text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1rem;
  color: #fff
}

@media screen and (min-width:897px) {
  .nav {
    display: flex;
    align-items: center;
    margin-left: auto
  }
}

@media screen and (max-width:896px) {
  .nav {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%, 0);
    width: 100%;
    height: 100%;
    padding: 100px 8% 120px;
    background-color: #fff;
    transition: .5s ease
  }

  .nav.on {
    transform: translate(0, 0)
  }
}

@media screen and (min-width:897px) {
  .nav__main {
    display: flex;
    align-items: center
  }
}

@media screen and (max-width:896px) {
  .nav__main {
    margin-top: 20px
  }
}

@media screen and (min-width:897px) {
  .nav .mainmenu {
    position: relative;
    margin-left: 40px
  }

  .nav .mainmenu:hover {
    cursor: pointer
  }

  .nav .mainmenu:hover .submenu {
    opacity: 1;
    height: auto;
    visibility: inherit
  }
}

@media screen and (max-width:896px) {
  .nav .mainmenu {
    margin-bottom: 50px
  }

  .nav .mainmenu:last-child {
    width: 100%
  }
}

.nav .linktxt {
  position: relative;
  letter-spacing: .1em
}

@media screen and (min-width:897px) {
  .nav .linktxt {
    display: inline-block;
    padding: 30px 5px;
    font-size: 1.4rem;
    font-weight: 900;
    color: #fff
  }

  .nav .linktxt:hover {
    color: var(--text-color-red)
  }

  .nav .linktxt.nohover:hover {
    color: #fff
  }
}

@media screen and (max-width:896px) {
  .nav .linktxt.splink {
    position: relative;
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--text-color-red)
  }

  .nav .linktxt.splink .en {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .1em
  }

  .nav .linktxt.splink .jp {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-top: 8px
  }

  .nav .linktxt.splink .jp.arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--text-color-red);
    border-right: 0
  }
}

.nav .linktxt.contactbtn {
  padding: 13px 52px 15px 27px;
  border: 1px solid var(--text-color-red);
  border-radius: 22px;
  background-color: var(--text-color-red);
  background-image: url(../../img/common/icon_nav_contact.png);
  background-size: 15px;
  background-repeat: no-repeat;
  color: #fff
}
.nav .linktxt.ebooksbtn{
  padding: 13px 52px 15px 27px;
  border: 1px solid var(--text-color-red);
  border-radius: 22px;
  background-color: var(--text-color-red);
  background-image: url(../../img/common/dl_icon.png);
  background-size: 15px;
  background-repeat: no-repeat;
  color: #fff
}

@media screen and (min-width:897px) {
  .nav .linktxt.ebooksbtn,
  .nav .linktxt.contactbtn {
    background-position: 86% center
  }
}

@media screen and (max-width:896px) {
  .nav .linktxt.ebooksbtn,
  .nav .linktxt.contactbtn {
    background-position: 70% center
  }
}

.nav .linktxt.contactbtn:before {
  display: none
}

@media screen and (min-width:897px) {
  .nav .linktxt.contactbtn:hover {
    background-color: #fff;
    background-image: url(../../img/common/icon_contact.svg);
    color: var(--text-color-red)
  }
  .nav .linktxt.ebooksbtn:hover {
		background-color: var(--text-color-red);
	}
}

@media screen and (max-width:896px) {
  .nav .linktxt.ebooksbtn,
  .nav .linktxt.contactbtn {
    display: block;
    margin: 60px auto 0;
    font-size: 1.4rem;
    text-align: center
  }
}

@media screen and (max-width:896px) {
  .nav .sptxt {
    position: relative;
    color: var(--text-color-red)
  }

  .nav .sptxt .en {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .1em
  }

  .nav .sptxt .jp {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-top: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .1em
  }

  .nav .sptxt .jp.arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid var(--text-color-red);
    border-right: 0
  }
}

@media screen and (min-width:897px) {
  .nav .submenu {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background-color: #141414;
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: opacity .3s ease-out
  }
}

@media screen and (max-width:896px) {
  .nav .submenu {
    margin-top: 24px
  }
}

.nav .submenu li {
  white-space: nowrap
}

@media screen and (max-width:896px) {
  .nav .submenu li:not(.nav.submenuli:first-child) {
    margin-top: 16px
  }
}

.nav .submenu a {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width:897px) {
  .nav .submenu a {
    display: block;
    padding: 16px 26px;
    color: #fff
  }

  .nav .submenu a:hover {
    cursor: pointer;
    background-color: var(--text-color-red)
  }
}

@media screen and (max-width:896px) {
  .nav .submenu a {
    position: relative;
    letter-spacing: .1em;
    line-height: 1.2;
    color: #0c0c0c
  }
}

@media screen and (max-width:896px) {
  .nav__submenu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px
  }

  .nav__submenu li {
    width: 47%;
    margin-top: 20px
  }

  .nav__submenu li a {
    position: relative;
    display: inline-block;
    padding-right: 12px;
    color: #a0a0a0
  }
}

@media screen and (max-width:896px) and (min-width:897px) {
  .nav__submenu li a {
    font-size: 1rem
  }
}

@media screen and (max-width:896px) and (max-width:896px) {
  .nav__submenu li a {
    font-size: 1.1rem
  }
}

@media screen and (max-width:896px) {
  .nav__submenu li a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #a0a0a0;
    border-right: 0
  }
}

.mvunder {
  position: relative;
  background-color: rgba(0,0,0,.5);
  background-image: url(../../img/internship/bg.jpg);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

@media screen and (min-width:897px) {
  .mvunder {
    min-height: 580px;
    padding: 200px 0 140px 10%
  }
}

@media screen and (max-width:896px) {
  .mvunder {
    padding: 140px 5% 100px
  }
}

.mvunder .page_ttl {
  color: #fff
}

.mvunder .page_ttl .en {
  display: inline-block;
  letter-spacing: 0;
  color: var(--text-color-red);
  text-transform: uppercase
}

@media screen and (min-width:897px) {
  .mvunder .page_ttl .en {
    font-size: 12rem;
    text-indent: -.075em
  }
}

@media screen and (max-width:896px) {
  .mvunder .page_ttl .en {
    font-size: 5.2rem
  }
}

.mvunder .page_ttl .jp {
  display: block;
  font-weight: 900;
  letter-spacing: .2em
}

@media screen and (min-width:897px) {
  .mvunder .page_ttl .jp {
    margin-top: 12px;
    font-size: 2.6rem
  }
}

@media screen and (max-width:896px) {
  .mvunder .page_ttl .jp {
    margin-top: 8px;
    font-size: 1.8rem
  }
}

.mvunder .leadtxt {
  line-height: 2;
  color: #fff
}

@media screen and (min-width:897px) {
  .mvunder .leadtxt {
    margin-top: 36px;
    font-size: 1.6rem
  }
}

@media screen and (max-width:896px) {
  .mvunder .leadtxt {
    margin-top: 24px;
    font-size: 1.4rem
  }
}

.path {
  position: absolute;
  bottom: 20px;
  left: 5%
}

.path ul {
  display: flex;
  align-items: center
}

@media screen and (max-width:896px) {
  .path ul {
    flex-wrap: wrap
  }
}

.path li {
  color: #fff
}

.path li.arrow {
  position: relative;
  padding-left: 16px;
  margin-left: 12px
}

.path li.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #ccc;
  border-right: 0
}

.path .home {
  display: block;
  border-radius: 50%;
  background-color: #535353;
  background-image: url(../../img/common/icon_home.svg);
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (min-width:897px) {
  .path .home {
    width: 30px;
    height: 30px;
    background-size: 16px
  }
}

@media screen and (max-width:896px) {
  .path .home {
    width: 28px;
    height: 28px;
    background-size: 12px
  }
}

.path .txt {
  display: block;
  padding: 8px 14px;
  background-color: #535353;
  border-radius: 14px;
  letter-spacing: .04em;
  color: #fff
}

@media screen and (min-width:897px) {
  .path .txt {
    font-size: 1.4rem
  }
}

@media screen and (max-width:896px) {
  .path .txt {
    font-size: 1.2rem
  }
}

.path .txt.current {
  background-color: #fff;
  color: #000
}

@media screen and (max-width:896px) {
  .path .news_ttl {
    margin-top: 10px
  }
}

@media screen and (min-width:897px) {
  .path .news_ttl .ttl {
    font-size: 1.4rem
  }
}

@media screen and (max-width:896px) {
  .path .news_ttl .ttl {
    font-size: 1.2rem
  }
}

@media screen and (min-width:897px) {
  .companylink {
    display: flex;
    justify-content: space-between;
    padding: 140px 7.7% 80px
  }
}

@media screen and (max-width:896px) {
  .companylink {
    padding: 100px 7.7% 80px
  }
}

@media screen and (min-width:897px) {
  .companylink__item {
    width: 31.5%
  }
}

@media screen and (max-width:896px) {
  .companylink__item:not(.companylink__item:first-child) {
    margin-top: 50px
  }
}

.companylink__item .en {
  letter-spacing: 0;
  color: var(--text-color-red)
}

@media screen and (min-width:897px) {
  .companylink__item .en {
    font-size: 3.8rem;
    white-space: nowrap
  }
}

@media screen and (max-width:896px) {
  .companylink__item .en {
    font-size: 3.2rem
  }
}

.companylink__item .thumb {
  margin-top: 18px
}

.companylink__item .jp {
  font-weight: 900;
  letter-spacing: .05em
}

@media screen and (min-width:897px) {
  .companylink__item .jp {
    margin-top: 28px;
    font-size: 2.4rem
  }
}

@media screen and (max-width:896px) {
  .companylink__item .jp {
    margin-top: 18px;
    font-size: 2rem
  }
}

@media screen and (min-width:897px) {
  .companylink__item .baselink {
    margin-top: 20px
  }
}

@media screen and (max-width:896px) {
  .companylink__item .baselink {
    margin-top: 12px
  }
}

.footer {
  position: relative;
  z-index: 2
}

.footer__contact {
  background-color: var(--bg-color-gray)
}

@media screen and (min-width:897px) {
  .footer__contact {
    padding: 120px 0
  }
}

@media screen and (max-width:896px) {
  .footer__contact {
    padding: 60px 0
  }
}

.footer__contact .heading {
  text-align: center
}

.footer__contact .heading span {
  font-weight: 900;
  letter-spacing: .2em
}

@media screen and (min-width:897px) {
  .footer__contact .heading span {
    font-size: 2rem
  }
}

@media screen and (max-width:896px) {
  .footer__contact .heading span {
    font-size: 1.4rem
  }
}

@media screen and (min-width:897px) {
  .footer__contact .heading h2 {
    margin-top: 24px;
    font-size: 11.4rem
  }
}

@media screen and (max-width:896px) {
  .footer__contact .heading h2 {
    margin-top: 16px;
    font-size: 4.2rem
  }
}

.footer__contact-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 208px;
  margin: 60px auto 0;
  border-radius: 50%;
  border: 1px solid #000
}

@media screen and (min-width:897px) {
  .footer__contact-link:hover {
    background-color: var(--text-color-red);
    color: #fff
  }

  .footer__contact-link:hover .icon {
    background-image: url(../../img/common/icon_contact_wht.png)
  }
}

.footer__contact-link .icon {
  width: 44px;
  height: 26px;
  background-image: url(../../img/common/icon_contact.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0
}

.footer__contact-link p {
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em
}

.footer__logoarea {
  background-color: var(--text-color-black)
}

@media screen and (min-width:897px) {
  .footer__logoarea {
    padding: 60px 10%
  }
}

@media screen and (max-width:896px) {
  .footer__logoarea {
    padding: 40px 5%
  }
}

@media screen and (min-width:897px) {
  .footer__logoarea-logo {
    width: 350px
  }
}

.footer__sitemap {
  background-color: #1f1f1f
}

@media screen and (min-width:897px) {
  .footer__sitemap {
    padding: 80px 10% 0
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap {
    padding: 50px 5% 0
  }
}

.footer__sitemap-upper {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:896px) {
  .footer__sitemap-upper {
    flex-wrap: wrap
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-upper .item {
    width: 100%
  }

  .footer__sitemap-upper .item:not(.footer__sitemap-upper.item:first-child) {
    margin-top: 50px
  }
}

@media screen and (min-width:897px) {
  .footer__sitemap-upper .item a:hover {
    color: var(--text-color-red)
  }
}

.footer__sitemap-upper h4 {
  color: #fff
}

.footer__sitemap-upper h4 a {
  color: #fff
}

@media screen and (min-width:897px) {
  .footer__sitemap-upper h4 a:hover {
    color: var(--text-color-red)
  }

  .footer__sitemap-upper h4 a:hover .jp.arrow:before {
    border-left: 5px solid var(--text-color-red)
  }
}

.footer__sitemap-upper h4 .en {
  display: block;
  font-size: 2rem;
  letter-spacing: .1em
}

.footer__sitemap-upper h4 .jp {
  display: inline-block;
  padding-right: 12px;
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .1em
}

.footer__sitemap-upper h4 .jp.arrow {
  position: relative
}

.footer__sitemap-upper h4 .jp.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #fff;
  border-right: 0;
  transition: .35s ease-out
}

.footer__sitemap-upper ul {
  padding-left: 15px;
  border-left: 1px solid #535353
}

@media screen and (min-width:897px) {
  .footer__sitemap-upper ul {
    margin-top: 30px
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-upper ul {
    margin-top: 20px
  }
}

.footer__sitemap-upper li:not(.footer__sitemap-upperli:first-child) {
  margin-top: 15px
}

.footer__sitemap-upper li a {
  font-size: 1.4rem;
  color: #a0a0a0
}

.footer__sitemap-lower {
  position: relative;
  padding-bottom: 30px
}

@media screen and (min-width:897px) {
  .footer__sitemap-lower {
    margin-top: 118px
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-lower {
    margin-top: 68px
  }
}

.footer__sitemap-lower .submenu {
  display: flex
}

@media screen and (min-width:897px) {
  .footer__sitemap-lower .submenu {
    justify-content: center;
    margin-bottom: 26px
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-lower .submenu {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px
  }
}

@media screen and (min-width:897px) {
  .footer__sitemap-lower li {
    position: relative;
    padding-right: 20px;
    margin-right: 20px
  }

  .footer__sitemap-lower li:not(.footer__sitemap-lowerli:last-child):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #a0a0a0
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-lower li {
    width: 47%
  }

  .footer__sitemap-lower li:nth-child(n+3) {
    margin-top: 16px
  }
}

.footer__sitemap-lower li a {
  font-size: 1.2rem;
  letter-spacing: .1em;
  color: #a0a0a0
}

@media screen and (min-width:897px) {
  .footer__sitemap-lower li a:hover {
    color: var(--text-color-red)
  }
}

.footer__sitemap-lower .copyright {
  font-size: 1.2rem;
  letter-spacing: .1em;
  color: #a0a0a0
}

@media screen and (min-width:897px) {
  .footer__sitemap-lower .copyright {
    margin-left: auto;
    text-align: center
  }
}

@media screen and (max-width:896px) {
  .footer__sitemap-lower .copyright {
    margin-top: 60px
  }
}

.footer .p_mark {
  position: absolute;
  right: 5%;
  padding: 5px;
  background-color: #fff
}

@media screen and (min-width:897px) {
  .footer .p_mark {
    bottom: 0;
    width: 100px
  }
}

@media screen and (max-width:896px) {
  .footer .p_mark {
    bottom: 10px;
    width: 60px
  }
}

.text_anime {
  opacity: 0;
  filter: blur(10px);
  will-change: scroll-position
}

.text_anime.on {
  animation: text_anime 1s cubic-bezier(.83, 0, .17, 1) forwards
}

@keyframes text_anime {
  0% {
    opacity: 0;
    filter: blur(10px)
  }

  100% {
    opacity: 1;
    filter: blur(0)
  }
}

.text_anime_start {
  opacity: 0;
  filter: blur(10px);
  will-change: contents;
  animation: text_anime .25s linear .75s forwards
}

@keyframes text_anime {
  0% {
    opacity: 0;
    filter: blur(10px)
  }

  100% {
    opacity: 1;
    filter: blur(0)
  }
}

.underline {
  position: relative
}

.underline::after {
  content: "";
  background: #dadada;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scale(0, 1);
  transition: transform .3s;
  transform-origin: right top
}

@media screen and (min-width:897px) {
  .underline:hover::after {
    transform-origin: left top;
    transform: scale(1, 1)
  }
}

.hoverScale .thumb {
  overflow: hidden;
  transition: transform .4s cubic-bezier(.4, .1, .3, 1)
}

.hoverScale .thumb .scaleImg {
  transition: transform .4s cubic-bezier(.4, .1, .3, 1)
}

.hoverScale .thumb .scaleImg img {
  backface-visibility: hidden
}

@media screen and (min-width:897px) {
  .hoverScale:hover .thumb {
    transform: scale(.95)
  }

  .hoverScale:hover .thumb .scaleImg {
    transform: scale(1.15)
  }
}

.svg_anim svg {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: 1s;
  width: 100%;
  height: auto
}

.svg_anim.on svg {
  stroke-dashoffset: 2000
}

.fade_y {
  transform: translateY(30px);
  opacity: 0;
  transition: .3s ease-out;
  will-change: transform
}

.fade_y.on {
  opacity: 1;
  transform: translateY(0)
}

.fade_x_left {
  transform: translateX(-30px);
  opacity: 0;
  transition: .3s ease-out;
  will-change: transform
}

.fade_x_left.on {
  opacity: 1;
  transform: translateX(0)
}

.fade_x_right {
  transform: translateX(30px);
  opacity: 0;
  transition: .3s ease-out;
  will-change: transform
}

.fade_x_right.on {
  opacity: 1;
  transform: translateX(0)
}

.scr_cvr {
  overflow: hidden;
  position: relative;
  display: block;
  opacity: 0;
  transition: .5s
}

.scr_cvr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: #000;
  transition: all .6s cubic-bezier(.5, 0, .3, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.scr_cvr.on {
  opacity: 1
}

.scr_cvr.on::before {
  right: -100%;
  transition-delay: .3s
}

.intern__heading {
  display: flex;
  align-items: center
}

.intern__heading .en {
  font-size: 2.4rem;
  letter-spacing: .05em;
  text-transform: uppercase
}

.intern__heading .jp {
  margin-left: 10px;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: .05em
}

.intern__category {
  margin-top: 10vw
}

@media screen and (min-width:897px) {
  .intern__category {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media screen and (max-width:896px) {
  .intern__category {
    margin-left: 5%;
    margin-right: 5%
  }
}

.intern__category ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px
}

.intern__category li .current_category {
  background-color: var(--text-color-black);
  color: #fff
}

@media screen and (min-width:897px) {
  .intern__category li {
    margin-top: 10px;
    border-left: 1px solid grey
  }

  .intern__category li:last-child {
    border-right: 1px solid grey
  }
}

@media screen and (max-width:896px) {
  .intern__category li {
    width: 32%;
    border-right: 1px solid grey
  }

  .intern__category li:first-child {
    border: 1px solid grey;
    border-width: 0 1px
  }
}

.intern__category li a {
  display: block;
  font-size: 2.4rem;
  letter-spacing: .05em;
  color: grey
}

@media screen and (min-width:897px) {
  .intern__category li a {
    padding: 2px 36px
  }

  .intern__category li a:hover {
    background-color: var(--text-color-black);
    color: #fff
  }
}

@media screen and (max-width:896px) {
  .intern__category li a {
    padding: 6px 0 8px;
    text-align: center
  }
}

.intern__list {
  margin-top: 56px
}

@media screen and (min-width:897px) {
  .intern__list {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media screen and (max-width:896px) {
  .intern__list {
    margin-left: 5%;
    margin-right: 5%
  }
}

.intern__list-related {
  margin-top: 42px
}

.intern__list ul {
  border-top: 1px solid #d2d2d2
}

.intern__list li {
  border-bottom: 1px solid #d2d2d2
}

.intern__list a {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  color: var(--bg-color-black)
}
.intern__list a.nolink{
  color:#e5e5e5;
}

@media screen and (min-width:897px) {
  .intern__list a {
    padding: 32px 64px 38px 24px;
    background-size: 24px
  }

  .intern__list a:hover {
    background-color: #e5e5e5
  }
}

@media screen and (max-width:896px) {
  .intern__list a {
    flex-wrap: wrap;
    padding: 32px 40px 38px 5%;
    background-size: 18px
  }
}

.intern__list a .time {
  position: relative
}

.intern__list a .time .age {
  display: block;
  font-size: 1.2rem
}

.intern__list a .time .date {
  font-size: 3rem;
  letter-spacing: .1em
}

.intern__list a .time .new {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  color: var(--text-color-red)
}

.intern__list a .cat {
  padding: 6px 22px 8px;
  background-color: var(--text-color-red);
  border-radius: 12px;
  font-size: 1.4rem;
  letter-spacing: .05em;
  color: #fff
}
.intern__list a .cat.gray{
  background-color:#8c8c8c;
  color:#fff;
}

@media screen and (min-width:897px) {
  .intern__list a .cat {
    margin-left: 50px
  }
}

@media screen and (max-width:896px) {
  .intern__list a .cat {
    margin-left: 24px
  }
}

.intern__list a .txt {
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: .05em
}
.intern__list a .txt .ttl{
  font-size: 2.1rem;
  margin-bottom:.5rem;
}
.intern__list a .txt p{
  font-weight: 400;
  font-size: 1.5rem;
}
.intern__list a .txt .job{

}
.intern__list a .txt .job .jobbox{
  background-color: #8c8c8c;
  border-radius: 5px;
  padding: 5px 15px;
  margin-top:60px;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  display: inline-block;
}
.intern__list a .txt .status{
  display: inline-block;
  float: right;
}

@media screen and (min-width:897px) {
  .intern__list a .image {
        width: 35%;
        max-width: 400px;
  }
  .intern__list a .image img{
    width: 100%;
  }
  .intern__list a .txt {
    width: calc(65% - 50px);
    margin-left: 50px;
    font-size: 1.8rem
  }
}

@media screen and (max-width:896px) {
  .intern__list a .txt {
    width: 100%;
    margin-top: 8px;
    font-size: 1.6rem
  }
}

.intern__pagenavi {
  margin-top: 60px
}

.intern__pagenavi .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center
}

.intern__pagenavi .btnarea {
  display: flex;
  align-items: center;
  justify-content: center
}

.intern__pagenavi .current, .intern__pagenavi .page {
  margin-right: 18px;
  font-size: 2rem
}

@media screen and (min-width:897px) {
  .intern__pagenavi .page:hover {
    text-decoration: underline;
    color: #a0a0a0
  }
}

.intern__pagenavi .current {
  text-decoration: underline;
  color: #a0a0a0
}

.intern__pagenavi .nextpostslink, .intern__pagenavi .previouspostslink {
  position: relative;
  display: block;
  border: 1px solid #1b1b1b;
  background-color: #1b1b1b;
  letter-spacing: .05em;
  color: #fff
}

@media screen and (min-width:897px) {
  .intern__pagenavi .nextpostslink, .intern__pagenavi .previouspostslink {
    width: 224px;
    padding: 20px 0;
    border-radius: 32px;
    background-size: 24px;
    font-size: 1.6rem
  }

  .intern__pagenavi .nextpostslink:hover, .intern__pagenavi .previouspostslink:hover {
    background-color: #fff;
    color: #1b1b1b
  }

  .intern__pagenavi .nextpostslink:hover:before, .intern__pagenavi .previouspostslink:hover:before {
    background-image: url(../../img/common/icon_arrow_link_blk.png)
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .nextpostslink, .intern__pagenavi .previouspostslink {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-indent: -9999px;
    color: #1b1b1b
  }
}

.intern__pagenavi .nextpostslink:before, .intern__pagenavi .previouspostslink:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../../img/common/icon_arrow_link.png);
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (min-width:897px) {
  .intern__pagenavi .nextpostslink:before, .intern__pagenavi .previouspostslink:before {
    width: 24px;
    height: 8px
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .nextpostslink:before, .intern__pagenavi .previouspostslink:before {
    width: 18px;
    height: 6px
  }
}

@media screen and (min-width:897px) {
  .intern__pagenavi .previouspostslink {
    padding-left: 84px;
    margin-right: 86px
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .previouspostslink {
    margin-right: 12px
  }
}

@media screen and (min-width:897px) {
  .intern__pagenavi .previouspostslink:before {
    left: 46px;
    transform: translateY(-50%) rotate(-180deg)
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .previouspostslink:before {
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg)
  }
}

@media screen and (min-width:897px) {
  .intern__pagenavi .nextpostslink {
    padding-left: 42px;
    margin-left: 86px
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .nextpostslink {
    margin-left: 12px
  }
}

@media screen and (min-width:897px) {
  .intern__pagenavi .nextpostslink:before {
    right: 46px
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .nextpostslink:before {
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.intern__pagenavi .listback {
  display: block;
  width: 250px;
  padding: 20px 0;
  margin: 60px auto 0;
  border-radius: 32px;
  background-color: var(--text-color-red);
  border: 1px solid var(--text-color-red);
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: #fff;
  transition: .35s ease;
  text-align: center;
}

@media screen and (min-width:897px) {
  .intern__pagenavi .listback {
    width: 224px
  }
}

@media screen and (max-width:896px) {
  .intern__pagenavi .listback {
    width: 48vw
  }
}

@media screen and (min-width:897px) {
  .intern__detail {
    display: flex;
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%
  }
}

@media screen and (max-width:896px) {
  .intern__detail {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%
  }
}


@media screen and (min-width:897px) {
  .intern__detail-article {
    width: 100%;
    padding: 30px 10px;
    .content-wrap {
      /*display:flex;*/
      .content-area {
        /*width: 50%;*/
        width:80%;
        margin: 0 auto;
      }
    }
  }
}

@media screen and (max-width:896px) {
  .intern__detail-article {
    /* padding: 40px 6.25% */
    padding: 40px 0;
  }
}

.intern__detail-article .info {
  display: flex;
  align-items: center
}

.intern__detail-article {
  .text-underline {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
  }
  ul {
    margin-top:10px;
    margin-left:25px;
    li {
      font-size:medium;
      line-height: 2em;
      list-style: disc;
    }
  }
}

.intern__detail-article .info .time {
  position: relative
}

.intern__detail-article .info .time .age {
  display: block;
  font-size: 1.2rem
}

.intern__detail-article .info .time .date {
  font-size: 3rem;
  letter-spacing: .1em
}

.intern__detail-article .info .time .new {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  color: var(--text-color-red)
}

.intern__detail-article .info .cat {
  padding: 6px 22px 8px;
  background-color: var(--text-color-red);
  border-radius: 12px;
  font-size: 1.4rem;
  letter-spacing: .05em;
  color: #fff
}

.intern__detail-article .article_ttl {
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: .1em
}
.intern__detail-article h3{
  font-weight: 900;
  font-size: 1.8rem;
  letter-spacing: .1em;
  margin: 3rem 0 0rem;
}

@media screen and (min-width:897px) {
  .intern__detail-article .article_ttl {
    margin-top: 30px;
    font-size: 3rem
  }
}

@media screen and (max-width:896px) {
  .intern__detail-article .article_ttl {
    margin-top: 20px;
    font-size: 2.2rem
  }
  .intern__detail-article .info .cat {
    margin-left: 0px;
  }
}

.intern__detail-textarea {
}
.intern__detail-textarea .mv{
  display: block;
  width: 88%;
  margin: 0px auto 120px;
  max-width: 1000px;
}
@media screen and (max-width:896px) {
.intern__detail-textarea .mv {
    width: 100%;
    margin: 0px auto 30px;
}
}


.intern__detail-textarea .mv img{
  width: 100%;

}
.intern__detail-textarea h3.midashi{
  margin-top: 30px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: .1em;
  border-bottom:1px solid #ccc;
  display: block;
}

.intern__detail-textarea p {
  margin-top: 24px;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #0d0d0d
}

.intern__detail-textarea a {
  color: var(--text-color-red);
  text-decoration: underline
}

.intern__detail-snsshare {
  display: flex;
  align-items: center;
  padding-top: 30px;
  margin-top: 54px;
  border-top: 1px dotted #aaa
}

.intern__detail-snsshare h5 {
  font-size: 1.6rem;
  letter-spacing: .1em
}

.intern__detail-snsshare ul {
  display: flex;
  align-items: center;
  margin-left: 30px
}

.intern__detail-snsshare li {
  width: 36px
}

.intern__detail-snsshare li:not(.intern__detail-snsshareli:first-child) {
  margin-left: 10px
}

@media screen and (min-width:897px) {
  .intern__detail-side {
    flex: 1;
    margin-left: 77px
  }
}

@media screen and (max-width:896px) {
  .intern__detail-side {
    margin-top: 60px
  }
}

.intern__detail-side .item:not(.intern__detail-side.item:first-child) {
  margin-top: 60px
}

.intern__detail-side .item h5 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #a0a0a0
}

.intern__detail-side .item h5 .en {
  font-size: 2.4rem;
  letter-spacing: .05em;
  text-transform: uppercase
}

.intern__detail-side .item h5 .jp {
  display: block;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: .05em
}

@media screen and (max-width:896px) {
  .intern__detail-side .item ul {
    padding: 0 5%
  }
}

.intern__detail-side .item li:not(.intern__detail-side.itemli:first-child) {
  margin-top: 16px
}

.intern__detail-side .item li a {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.intern__detail-side .item li .txt {
  font-size: 1.6rem;
  color: grey
}

.intern__detail-side .item li .num {
  font-size: 1.2rem;
  color: #da1c1c
}

/* 応募フォーム */


@media screen and (min-width: 897px) {
  .contact__content {
    padding: 3vw 2vw
  }
}

@media screen and (max-width: 896px) {
  .contact__content {
    padding: 40px 5vw
  }
}

.contact__content-tab {
  background-color: var(--bg-color-gray)
}

@media screen and (min-width: 897px) {
  .contact__content-tab ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
  }
}

.contact__content-tab li {
  display: block;
  background-color: #0c0c0c;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #808080;
  text-align: center;
  transition: background-color .35s ease-out, color .35s ease-out
}

@media screen and (min-width: 897px) {
  .contact__content-tab li {
    width: 32.6%;
    padding: 24px 0 26px;
    font-size: 2rem
  }
}

@media screen and (max-width: 896px) {
  .contact__content-tab li {
    padding: 18px 0 20px;
    font-size: 1.6rem
  }
}

.contact__content-tab li.current {
  position: relative;
  background-color: var(--text-color-red);
  color: #fff
}

@media screen and (min-width: 897px) {
  .contact__content-tab li.current {
    padding: 32px 0 34px;
    font-size: 2.6rem;
    width:100%;
  }
}

@media screen and (max-width: 896px) {
  .contact__content-tab li.current {
    padding: 28px 0 30px;
    font-size: 2rem
  }
}

@media screen and (min-width: 897px) {
  .contact__content-tab li.current:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 100%);
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #da1c1c;
    border-bottom: 0
  }
}

@media screen and (min-width: 897px) {
  .contact__content-tab li:hover {
    cursor: pointer;
    background-color: var(--text-color-red);
    color: #fff
  }
}

.contact__content-form {
  border-width: 0 1px 1px;
  background-color: #fff
}

@media screen and (min-width: 897px) {
  .contact__content-form {
    padding: 40px 5%
  }
}

@media screen and (max-width: 896px) {
  .contact__content-form {
    padding: 50px 5%;
    margin-top: 30px
  }
}

.contact__content-form.disnon {
  display: none
}

.contact__content-form .note {
  font-size: 1.2rem;
  color: var(--text-color-red)
}

.contact__content-form th, .contact__content-form td {
  padding: 28px 0;
  border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width: 896px) {
  .contact__content-form th, .contact__content-form td {
    display: block
  }
}

.contact__content-form th {
  font-size: 1.8rem;
  font-weight: 900
}

@media screen and (min-width: 897px) {
  .contact__content-form th {
    width: 314px
  }
}

@media screen and (max-width: 896px) {
  .contact__content-form th {
    border-bottom: 0;
    padding-bottom: 0
  }
}

.contact__content-form th .flexbox {
  align-items: flex-start
}

.contact__content-form th.top {
  vertical-align: text-top
}

.contact__content-form th .required {
  display: inline-block;
  padding: 4px 18px 6px;
  margin-right: 10px;
  background-color: var(--text-color-red);
  border-radius: 15px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff
}

.contact__content-form th .note {
  margin-left: 6px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #808080
}

.contact__content-form th .any {
  display: inline-block;
  padding: 4px 18px 6px;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #7c7878;
  border-radius: 15px;
  font-size: 1.4rem;
  font-weight: 500
}

.contact__content-form th .txt b {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #808080
}

@media screen and (min-width: 897px) {
  .contact__content-form th .txt b {
    margin-top: 10px
  }
}

.contact__content-form td {
  font-size: 1.6rem
}

@media screen and (max-width: 896px) {
  .contact__content-form td {
    padding-top: 8px
  }
}

.contact__content-form td .graduate {
  font-weight: 900
}

.contact__content-form .flexbox {
  display: flex
}

.contact__content-form .flexbox.jcsb {
  justify-content: space-between
}

.contact__content-form .flexbox.aic {
  align-items: center
}

.contact__content-form .flexbox.school {
  margin: 10px 0 30px
}

.contact__content-form .inputarea {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 5px 18px;
  background-color: var(--bg-color-gray);
  color:#000;
}
.contact__content-form .inputarea_day {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 5px 18px;
  background-color: var(--bg-color-gray);
  color:#000;
}
.contact__content-form .inputarea.is-empty{
  color:#666;
}

.contact__content-form .inputarea.x2 {
  width: 48.5%
}

.contact__content-form .inputarea.x3 {
  width: 30%
}

.contact__content-form .inputarea.space_side {
  margin-left: 10px;
  margin-right: 10px
}

@media screen and (min-width: 897px) {
  .contact__content-form .inputarea.w50 {
    width: 50%
  }
}

@media screen and (min-width: 897px) {
  .contact__content-form .inputarea.w75 {
    width: 75%
  }
}

.contact__content-form .textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 250px;
  max-height: 250px;
  min-height: 250px;
  line-height: 40px;
  padding: 5px 18px;
  background-color: var(--bg-color-gray);
  border-width: 0;
  line-height: 1.75
}

.contact__content-form .checklist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (min-width: 897px) {
  .contact__content-form .checklist li {
    width: 50%
  }

  .contact__content-form .checklist li:nth-child(n+3) {
    margin-top: 18px
  }
}

@media screen and (max-width: 896px) {
  .contact__content-form .checklist li {
    width: 100%;
    margin-top: 20px
  }
}

.contact__content-form .checklist .checkbox {
  display: none
}

.contact__content-form .checklist .checkbox:checked+.txt:before {
  background-color: var(--text-color-red)
}

.contact__content-form .checklist .checkbox:checked+.txt:after {
  opacity: 1
}

.contact__content-form .checklist .txt {
  position: relative;
  padding-left: 32px;
  font-size: 1.4rem;
  text-align: center
}

.contact__content-form .checklist .txt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #f0f0f0;
  background-color: #f0f0f0
}

.contact__content-form .checklist .txt:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  transform: rotate(45deg);
  width: 6px;
  height: 12px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  opacity: 0
}

@media screen and (min-width: 897px) {
  .contact__content-form .radioarea {
    display: flex
  }
}

@media screen and (min-width: 897px) {
  .contact__content-form .radioarea li {
    margin-right: 54px
  }
}

@media screen and (max-width: 896px) {
  .contact__content-form .radioarea li {
    margin-top: 30px
  }
}

.contact__content-form .radioarea .radiobtn {
  display: none
}

.contact__content-form .radioarea .radiobtn:checked+.txt:after {
  opacity: 1
}

.contact__content-form .radioarea .txt {
  position: relative;
  padding-left: 28px;
  font-size: 1.4rem;
  text-align: center
}

.contact__content-form .radioarea .txt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #f0f0f0
}

.contact__content-form .radioarea .txt:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--text-color-red);
  opacity: 0
}

.contact__content-form .thanks_head {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.35
}

.contact__content-form .phone_number {
  display: inline-block;
  margin: 12px 0;
  font-size: 1.8rem;
  font-weight: 900
}

.contact__content-privacy {
  overflow-y: scroll;
  height: 230px;
  padding: 36px 6.2%;
  margin-top: 20px;
  background-color: var(--bg-color-gray)
}

.contact__content-privacy h4 {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.1em
}

.contact__content-privacy p {
  margin-top: 32px;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.05em
}

.contact__content .agreebox {
  margin-top: 30px;
  text-align: center;
  font-size: 2rem;
}

.contact__content .agreebox .agree_check {
  display: none
}

.contact__content .agreebox .agree_check:checked+.txt:before {
  background-color: var(--text-color-red)
}

.contact__content .agreebox .txt {
  position: relative;
  padding-left: 24px;
  font-size: 1.4rem;
  text-align: center
}

.contact__content .agreebox .txt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid var(--text-color-red)
}

.contact__content .agreebox .txt:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  transform: rotate(45deg);
  width: 6px;
  height: 12px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0
}

.contact__content .submitbtn {
  display: block;
  width: 250px;
  padding: 20px 0;
  margin: 60px auto 0;
  border-radius: 32px;
  background-color: var(--text-color-red);
  border: 1px solid var(--text-color-red);
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: #fff;
  transition: .35s ease
}

@media screen and (min-width: 897px) {
  .contact__content .submitbtn:hover {
    background-color: #fff;
    color: var(--text-color-red)
  }
}

.contact__content .comp{
  font-size: 1.8rem;
  line-height: 2;
  font-weight: normal;
}


.contact__content select {
  appearance: none;
  padding: 11px 15px;
  line-height: 30px !important;
  padding-right: 1em;
  border: none;
  outline: 0;
  width: 100%;
  background-color: var(--bg-color-gray);
  box-shadow: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  cursor: pointer;
  box-sizing: inherit;
  display: inline-block;
 position: relative;
 vertical-align: middle;
}


.contact__content select:before {
  position: absolute;
  top: 18px;
  right: 16px;
  width: 0;
  height: 0;
  border-width: 10px 5px 0 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  content: "";
  pointer-events: none;
}
.contact__content select:after{
  position: absolute;
  content: "";
  color: #23cb99;
  width: 100px;
  height: 200px;
}
.ui-datepicker {
    min-width: 250px;
    padding: 0.2em 0.2em 0;
    display: none;
}
.ui-datepicker td span, .ui-datepicker td a {
    min-height: 25px;
}


.news__pagenavi {
  margin-top: 60px
}

.news__pagenavi .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center
}

.news__pagenavi .btnarea {
  display: flex;
  align-items: center;
  justify-content: center
}

.news__pagenavi .current, .news__pagenavi .page {
  margin-right: 18px;
  font-size: 2rem
}

@media screen and (min-width:897px) {
  .news__pagenavi .page:hover {
    text-decoration: underline;
    color: #a0a0a0
  }
}

.news__pagenavi .current {
  text-decoration: underline;
  color: #a0a0a0
}

.news__pagenavi .nextpostslink, .news__pagenavi .previouspostslink {
  position: relative;
  display: block;
  border: 1px solid #1b1b1b;
  background-color: #1b1b1b;
  letter-spacing: .05em;
  color: #fff
}

@media screen and (min-width:897px) {
  .news__pagenavi .nextpostslink, .news__pagenavi .previouspostslink {
    width: 224px;
    padding: 20px 0;
    border-radius: 32px;
    background-size: 24px;
    font-size: 1.6rem
  }

  .news__pagenavi .nextpostslink:hover, .news__pagenavi .previouspostslink:hover {
    background-color: #fff;
    color: #1b1b1b
  }

  .news__pagenavi .nextpostslink:hover:before, .news__pagenavi .previouspostslink:hover:before {
    background-image: url(../../img/common/icon_arrow_link_blk.png)
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .nextpostslink, .news__pagenavi .previouspostslink {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-indent: -9999px;
    color: #1b1b1b
  }
}

.news__pagenavi .nextpostslink:before, .news__pagenavi .previouspostslink:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../../img/common/icon_arrow_link.png);
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (min-width:897px) {
  .news__pagenavi .nextpostslink:before, .news__pagenavi .previouspostslink:before {
    width: 24px;
    height: 8px
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .nextpostslink:before, .news__pagenavi .previouspostslink:before {
    width: 18px;
    height: 6px
  }
}

@media screen and (min-width:897px) {
  .news__pagenavi .previouspostslink {
    padding-left: 84px;
    margin-right: 86px
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .previouspostslink {
    margin-right: 12px
  }
}

@media screen and (min-width:897px) {
  .news__pagenavi .previouspostslink:before {
    left: 46px;
    transform: translateY(-50%) rotate(-180deg)
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .previouspostslink:before {
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg)
  }
}

@media screen and (min-width:897px) {
  .news__pagenavi .nextpostslink {
    padding-left: 42px;
    margin-left: 86px
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .nextpostslink {
    margin-left: 12px
  }
}

@media screen and (min-width:897px) {
  .news__pagenavi .nextpostslink:before {
    right: 46px
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .nextpostslink:before {
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.news__pagenavi .listback {
  display: block;
  padding: 20px 0;
  border-radius: 32px;
  border: 1px solid #1b1b1b;
  font-size: 1.6rem;
  letter-spacing: .05em;
  text-align: center;
  color: #1b1b1b
}

@media screen and (min-width:897px) {
  .news__pagenavi .listback {
    width: 224px
  }
}

@media screen and (max-width:896px) {
  .news__pagenavi .listback {
    width: 48vw
  }
}

.form_wrap {
  background-color: white;
  margin: 0 auto;
  padding: 15px;
  width: fit-content;
  .document_request_form {
    .form_group {
      display:flex;
      flex-wrap: wrap;
      align-items: center;
      line-height: 2.5em;
      vertical-align: middle;
      padding: 10px 15px;
      border-bottom: 1px solid #8c8c8c;
      .form_label {
        margin-right: 10px;
        font-size:1.5rem;
      }
      input[type=text], textarea {
        border: 1px solid #8c8c8c;
        border-radius: 5px;
        padding: 5px;
      }
    }
  }
}
.anything-input-label {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 5px;
}
.contact__content {
  .how_urgent_wrap {
    display:grid;
    line-height: 1.5em;
  }
  .error {
    color: red;
  }
  .accordion {
    p:empty{display: none;}
    .toggle {
      display: none;
    }
    .Label {		/*タイトル*/
      font-size: 1.5rem;
      padding: 1em;
      display: block;
      color: black;
      /*background:#019ac6;*/
    }
    .Label::before{		/*タイトル横の矢印*/
      content:"";
      width: 6px;
      height: 6px;
      border-top: 2px solid black;
      border-right: 2px solid black;
      -webkit-transform: rotate(45deg);
      position: absolute;
      /*top:calc( 50% - 3px );*/
      right: calc( 20% + 10px);
      transform: rotate(135deg);
    }
    .toggle-content {		/*本文*/
      margin-top: 0;
      display:none;
    }
    .rotate::before {
      transform: rotate(-45deg) !important;
    }
  }
}