@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;500&family=Shippori+Mincho:wght@400;500;700&display=swap";

.itvAtc p {
  font-family: "Shippori Mincho", serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  margin: 0;
}

/* 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: inherit;
  vertical-align: baseline
} */

/* html:focus,
body:focus,
div:focus,
span:focus,
applet:focus,
object:focus,
iframe:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
blockquote:focus,
pre:focus,
a:focus,
abbr:focus,
acronym:focus,
address:focus,
big:focus,
cite:focus,
code:focus,
del:focus,
dfn:focus,
em:focus,
img:focus,
ins:focus,
kbd:focus,
q:focus,
s:focus,
samp:focus,
small:focus,
strike:focus,
strong:focus,
sub:focus,
sup:focus,
tt:focus,
var:focus,
b:focus,
u:focus,
i:focus,
center:focus,
dl:focus,
dt:focus,
dd:focus,
ol:focus,
ul:focus,
li:focus,
fieldset:focus,
form:focus,
label:focus,
legend:focus,
table:focus,
caption:focus,
tbody:focus,
tfoot:focus,
thead:focus,
tr:focus,
th:focus,
td:focus,
article:focus,
aside:focus,
canvas:focus,
details:focus,
embed:focus,
figure:focus,
figcaption:focus,
footer:focus,
header:focus,
hgroup:focus,
menu:focus,
nav:focus,
output:focus,
ruby:focus,
section:focus,
summary:focus,
time:focus,
mark:focus,
audio:focus,
video:focus {
  outline: dotted 1px #000
} */

/* html:focus:not(:focus-visible),
body:focus:not(:focus-visible),
div:focus:not(:focus-visible),
span:focus:not(:focus-visible),
applet:focus:not(:focus-visible),
object:focus:not(:focus-visible),
iframe:focus:not(:focus-visible),
h1:focus:not(:focus-visible),
h2:focus:not(:focus-visible),
h3:focus:not(:focus-visible),
h4:focus:not(:focus-visible),
h5:focus:not(:focus-visible),
h6:focus:not(:focus-visible),
p:focus:not(:focus-visible),
blockquote:focus:not(:focus-visible),
pre:focus:not(:focus-visible),
a:focus:not(:focus-visible),
abbr:focus:not(:focus-visible),
acronym:focus:not(:focus-visible),
address:focus:not(:focus-visible),
big:focus:not(:focus-visible),
cite:focus:not(:focus-visible),
code:focus:not(:focus-visible),
del:focus:not(:focus-visible),
dfn:focus:not(:focus-visible),
em:focus:not(:focus-visible),
img:focus:not(:focus-visible),
ins:focus:not(:focus-visible),
kbd:focus:not(:focus-visible),
q:focus:not(:focus-visible),
s:focus:not(:focus-visible),
samp:focus:not(:focus-visible),
small:focus:not(:focus-visible),
strike:focus:not(:focus-visible),
strong:focus:not(:focus-visible),
sub:focus:not(:focus-visible),
sup:focus:not(:focus-visible),
tt:focus:not(:focus-visible),
var:focus:not(:focus-visible),
b:focus:not(:focus-visible),
u:focus:not(:focus-visible),
i:focus:not(:focus-visible),
center:focus:not(:focus-visible),
dl:focus:not(:focus-visible),
dt:focus:not(:focus-visible),
dd:focus:not(:focus-visible),
ol:focus:not(:focus-visible),
ul:focus:not(:focus-visible),
li:focus:not(:focus-visible),
fieldset:focus:not(:focus-visible),
form:focus:not(:focus-visible),
label:focus:not(:focus-visible),
legend:focus:not(:focus-visible),
table:focus:not(:focus-visible),
caption:focus:not(:focus-visible),
tbody:focus:not(:focus-visible),
tfoot:focus:not(:focus-visible),
thead:focus:not(:focus-visible),
tr:focus:not(:focus-visible),
th:focus:not(:focus-visible),
td:focus:not(:focus-visible),
article:focus:not(:focus-visible),
aside:focus:not(:focus-visible),
canvas:focus:not(:focus-visible),
details:focus:not(:focus-visible),
embed:focus:not(:focus-visible),
figure:focus:not(:focus-visible),
figcaption:focus:not(:focus-visible),
footer:focus:not(:focus-visible),
header:focus:not(:focus-visible),
hgroup:focus:not(:focus-visible),
menu:focus:not(:focus-visible),
nav:focus:not(:focus-visible),
output:focus:not(:focus-visible),
ruby:focus:not(:focus-visible),
section:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
time:focus:not(:focus-visible),
mark:focus:not(:focus-visible),
audio:focus:not(:focus-visible),
video:focus:not(:focus-visible) {
  outline: 0
} */

/* html,
body {
  background: #fff;
  width: 100%
}

html {
  font-size: 62.5%;
  height: 100%
}

body {
  position: relative;
  height: 100%;
  line-height: 1;
  color: #222
}

main {
  display: block
} */

/* h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
  line-height: 1.6
}

q,
blockquote {
  quotes: none
}

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

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  position: relative;
  top: -0.5em
}

sub {
  position: relative;
  bottom: -0.3em
}

p,
th,
td,
li,
dt,
dd,
input,
textarea {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7
}

@media all and (min-width: 481px)and (max-width: 767px) {

  p,
  th,
  td,
  li,
  dt,
  dd,
  input,
  textarea {
    font-size: 13px;
    font-size: 1.3rem
  }
}

@media all and (max-width: 480px) {

  p,
  th,
  td,
  li,
  dt,
  dd,
  input,
  textarea {
    font-size: 13px;
    font-size: 1.3rem
  }
}

img {
  border: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace, serif;
  font-size: 1em;
  *font-family: "courier new", monospace
}

button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,
input {
  line-height: normal
}

button {
  border: none;
  background: none
}

table {
  font-size: inherit;
  border-collapse: collapse;
  border-spacing: 0
}

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

li {
  list-style: none
}

[hidden] {
  display: none
}

a {
  color: #000;
  text-decoration: underline;
  outline: none;
  text-decoration: none
}

a:hover {
  text-decoration: none
}

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

video,
audio,
canvas {
  display: inline-block
}

svg:not(:root) {
  overflow: hidden
}

audio:not([controls]) {
  display: none
} */

.ff-hind-lt {
  font-family: "Hind", sans-serif;
  font-weight: 300
}

.ff-hind-md {
  font-family: "Hind", sans-serif;
  font-weight: 500
}

.ff-min-rg {
  font-family: "Shippori Mincho", serif;
  font-weight: 400
}

.ff-min-md {
  font-family: "Shippori Mincho", serif;
  font-weight: 500
}

.ff-min-bd {
  font-family: "Shippori Mincho", serif;
  font-weight: 700
}

.ff-yugo {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300
}

/* body {
  min-width: 320px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
} */

body.is-fixed {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh
}

/* img {
  position: relative;
  display: block;
  width: 100%
} */

.clearfix:before,
.clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " "
}

.clearfix:after {
  clear: both
}

.is-anmTarget {
  position: relative
}

.is-anmTarget.is-anmFadeTop {
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.is-anmTarget.is-anmFadeTop.is-on {
  opacity: 1;
  top: 0
}

/* p,
li,
dt,
dd,
th,
td {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2
} */

/* @media all and (min-width: 481px)and (max-width: 767px) {

  p,
  li,
  dt,
  dd,
  th,
  td {
    font-size: 13px;
    font-size: 1.3rem
  }
}

@media all and (max-width: 480px) {

  p,
  li,
  dt,
  dd,
  th,
  td {
    font-size: 12px;
    font-size: 1.2rem
  }
}

a {
  text-decoration: none
} */

a.is-hover-img {
  position: relative;
  display: block
}

a.is-hover-img:hover .is-default {
  opacity: 0
}

a.is-hover-img:hover .is-hover {
  opacity: 1
}

a.is-hover-img img {
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}

a.is-hover-img img.is-hover {
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0
}

.wrapper {
  min-width: 1000px;
  width: 100%
}

@media all and (max-width: 767px) {
  .wrapper {
    min-width: auto;
  }
}

.print_module {
  display: none
}

@media print {
  body {
    width: 1360px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }

  .print_module {
    display: block
  }
}

.cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

.header {
  position: relative;
  z-index: 2000;
  width: 100%
}

.header_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  background: rgba(255, 255, 255, .9)
}

.header_inr {
  position: relative
}

@media all and (max-width: 480px) {
  .header_inr {
    padding: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .header_inr {
    padding: 0
  }
}

.header_tl {
  margin: 0;
  width: 24.8529411765vw;
  max-width: 338px;
  padding: 1.4705882353vw
}

@media(min-width: 1361px) {
  .header_tl {
    padding: 20px
  }
}

@media all and (max-width: 480px) {
  .header_tl {
    display: block;
    width: 63.4375%;
    padding: 4.6875%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .header_tl {
    display: block;
    width: 63.4375%;
    padding: 4.6875%
  }
}

.header_tl_a {
  position: relative;
  display: inline-block
}

.header_tl_a:hover::after {
  width: 100%
}

.header_tl_a::after {
  content: " ";
  display: block;
  height: 3px;
  background: #333;
  position: absolute;
  width: 0;
  top: calc(100% + 4px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width .2s ease-out 0s;
  transition: width .2s ease-out 0s
}


.contents {
  position: relative
}

.contents_wrapper {
  position: relative
}

.footer {
  background: #1263a8
}

.footer_inr {
  padding: 2.5735294118vw 2.9411764706vw
}

.footer_inr:before,
.footer_inr:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " "
}

.footer_inr:after {
  clear: both
}

@media(min-width: 1361px) {
  .footer_inr {
    padding: 35px 40px
  }
}

@media all and (max-width: 480px) {
  .footer_inr {
    padding: 6.25vw 6.25vw
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_inr {
    padding: 6.25vw 6.25vw
  }
}

.footer_txt {
  margin-bottom: 3.5rem
}

@media all and (max-width: 480px) {
  .footer_txt {
    margin-bottom: 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_txt {
    margin-bottom: 2rem
  }
}

.footer_txt p {
  color: #fff;
  font-size: 12px;
  font-size: .75rem;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_txt p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.9
  }
}

@media all and (max-width: 480px) {
  .footer_txt p {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.9
  }
}

.footer_link {
  display: inline-block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  line-height: 1
}

@media all and (max-width: 480px) {
  .footer_link {
    display: block;
    margin-top: 1rem;
    text-align: center
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_link {
    display: block;
    margin-top: 1rem;
    text-align: center
  }
}

.footer_link+li {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: solid 1px #fff
}

@media all and (max-width: 480px) {
  .footer_link+li {
    margin-left: auto;
    padding-left: 0;
    border-left: none
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_link+li {
    margin-left: auto;
    padding-left: 0;
    border-left: none
  }
}

.footer_link a {
  color: #fff;
  font-size: 12px;
  font-size: .75rem
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_link a {
    font-size: 10px;
    font-size: .625rem
  }
}

@media all and (max-width: 480px) {
  .footer_link a {
    font-size: 9px;
    font-size: 0.5625rem
  }
}

.footer_link a:hover {
  text-decoration: underline
}

.footer_links {
  white-space: nowrap;
  float: left
}

@media all and (max-width: 480px) {
  .footer_links {
    float: none
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_links {
    float: none
  }
}

.footer_copy {
  float: right;
  display: block;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 0.8rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 400
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .footer_copy {
    float: none;
    text-align: center;
    font-size: 12px;
    font-size: .75rem;
    margin-top: 3rem
  }
}

@media all and (max-width: 480px) {
  .footer_copy {
    float: none;
    text-align: center;
    font-size: 11px;
    font-size: .6875rem;
    margin-top: 3rem
  }
}

.sec {
  position: relative
}

.sec.is-bg-w {
  background: #fff
}

.sec_inr {
  position: relative;
  /* z-index: 10; */
  margin: 0 auto;
  max-width: 75rem;
  width: 83.8235294118%
}

@media all and (max-width: 480px) {
  .sec_inr {
    width: 87.5%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .sec_inr {
    width: 87.5%
  }
}

.sec_inr::before,
.sec_inr::after {
  content: " ";
  display: block;
  width: 100%
}

.sec_bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.sec_header {
  position: relative;
  overflow: hidden
}

.sec_header_inr {
  position: relative;
  z-index: 10
}

.sec_header_tl {
  position: relative;
  text-align: center;
  padding: 9.2647058824vw 0
}

@media(min-width: 1361px) {
  .sec_header_tl {
    padding: 126px 0
  }
}

@media all and (max-width: 480px) {
  .sec_header_tl {
    padding: 13.59375vw 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .sec_header_tl {
    padding: 13.59375vw 0
  }
}

.sec_header_tl_inr {
  display: inline-block;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .6s ease-out .1s, top .6s ease-out .1s;
  transition: opacity .6s ease-out .1s, top .6s ease-out .1s
}

.sec_header_tl_inr.is-on {
  opacity: 1;
  top: 0
}

.sec_header_tl img {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  height: 5rem;
  vertical-align: bottom
}

@media all and (max-width: 480px) {
  .sec_header_tl img {
    height: 2.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .sec_header_tl img {
    height: 2.5rem
  }
}

.sec_header_bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s, -webkit-transform .4s ease-out 0s
}

.sec_header_bg.is-on {
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.btn {
  position: relative;
  display: inline-block;
  border: solid 1px #999;
  padding: 2rem 4.5rem;
  background: #fff;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: top .3s ease-out 0s, opacity .3s ease-out 0s, color .2s ease-out 0s;
  transition: top .3s ease-out 0s, opacity .3s ease-out 0s, color .2s ease-out 0s
}

@media all and (max-width: 480px) {
  .btn {
    padding: 1rem 2.2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .btn {
    padding: 1rem 2.2rem
  }
}

.btn+.btn {
  margin-left: 4rem
}

@media all and (max-width: 480px) {
  .btn+.btn {
    margin-left: 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .btn+.btn {
    margin-left: 2rem
  }
}

@media all and (min-width:1201px) {
  .btn:hover {
    color: #fff !important
  }

  .btn:hover::before {
    right: auto;
    left: 0;
    width: 100%
  }

  .btn:hover .btn_inr::after {
    border-color: #fff !important
  }
}

@media all and (min-width:961px)and (max-width: 1200px) {
  .btn:hover {
    color: #fff !important
  }

  .btn:hover::before {
    right: auto;
    left: 0;
    width: 100%
  }

  .btn:hover .btn_inr::after {
    border-color: #fff !important
  }
}

@media all and (min-width:769px)and (max-width: 960px) {
  .btn:hover {
    color: #fff !important
  }

  .btn:hover::before {
    right: auto;
    left: 0;
    width: 100%
  }

  .btn:hover .btn_inr::after {
    border-color: #fff !important
  }
}

.btn::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #000;
  -webkit-transition: width .2s ease-out;
  transition: width .2s ease-out
}

.btn.is-btn-w-b {
  color: #2f5b7d;
  border: none
}

.btn.is-btn-w-b::before {
  background-color: #2f5b7d
}

.btn.is-btn-w-b .btn_inr::after {
  border-color: #2f5b7d
}

.btn_inr {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding-right: 1.4rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .btn_inr {
    padding-right: 0.9rem;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
  }
}

@media all and (max-width: 480px) {
  .btn_inr {
    padding-right: 0.9rem;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
  }
}

.btn_inr::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out
}

@media all and (max-width: 480px) {
  .btn_inr::after {
    width: 0.4rem;
    height: 0.4rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .btn_inr::after {
    width: 0.4rem;
    height: 0.4rem
  }
}

.btns {
  text-align: center
}

.btn_li {
  display: inline-block;
  vertical-align: middle
}

.btn_li+.btn_li {
  margin-left: 4rem
}

@media all and (max-width: 480px) {
  .btn_li+.btn_li {
    margin-left: 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .btn_li+.btn_li {
    margin-left: 2rem
  }
}

.movie_btn {
  position: relative;
  display: block;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.movie_btn.is-on.is-home::before,
.movie_btn.is-on.is-home::after {
  opacity: 1;
  width: calc(100% + 32px)
}

@media all and (max-width: 480px) {

  .movie_btn.is-on.is-home::before,
  .movie_btn.is-on.is-home::after {
    width: calc(100% + 16px)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {

  .movie_btn.is-on.is-home::before,
  .movie_btn.is-on.is-home::after {
    width: calc(100% + 16px)
  }
}

.movie_btn.is-on.is-home::before {
  top: 0
}

.movie_btn.is-on.is-home::after {
  bottom: 0
}

.movie_btn.is-on .movie_btn_a {
  opacity: 1
}

@media all and (min-width:1201px) {
  .movie_btn:hover .movie_btn_play {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
  }

  .movie_btn:hover .movie_btn_img::before {
    opacity: .5
  }
}

@media all and (min-width:961px)and (max-width: 1200px) {
  .movie_btn:hover .movie_btn_play {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
  }

  .movie_btn:hover .movie_btn_img::before {
    opacity: .5
  }
}

@media all and (min-width:769px)and (max-width: 960px) {
  .movie_btn:hover .movie_btn_play {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
  }

  .movie_btn:hover .movie_btn_img::before {
    opacity: .5
  }
}

@media all and (max-width: 480px) {
  .movie_btn {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .movie_btn {
    width: 100%
  }
}

.movie_btn.is-home {
  max-width: 850px;
  width: 62.5vw
}

@media all and (max-width: 480px) {
  .movie_btn.is-home {
    width: 82.03125vw
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .movie_btn.is-home {
    width: 82.03125vw
  }
}

.movie_btn.is-home::before,
.movie_btn.is-home::after {
  position: absolute;
  content: " ";
  display: block;
  opacity: 0;
  width: calc(90% + 32px);
  padding-bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media all and (max-width: 480px) {

  .movie_btn.is-home::before,
  .movie_btn.is-home::after {
    width: calc(90% + 16px);
    padding-bottom: 15px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {

  .movie_btn.is-home::before,
  .movie_btn.is-home::after {
    width: calc(90% + 16px);
    padding-bottom: 15px
  }
}

.movie_btn.is-home::before {
  top: 5%;
  margin-top: -15px;
  /* background: url(/brand/interview/img/common/ico_kakko-4.svg) left top no-repeat, url(/brand/interview/img/common/ico_kakko-3.svg) right top no-repeat; */
  background-size: 30px 30px, 30px 30px;
  opacity: 0;
  -webkit-transition: opacity .1s ease-out, top .2s ease-out, width .2s ease-out;
  transition: opacity .1s ease-out, top .2s ease-out, width .2s ease-out
}

@media all and (max-width: 480px) {
  .movie_btn.is-home::before {
    margin-top: -8px;
    background-size: 15px 15px, 15px 15px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .movie_btn.is-home::before {
    margin-top: -8px;
    background-size: 15px 15px, 15px 15px
  }
}

.movie_btn.is-home::after {
  bottom: 5%;
  margin-bottom: -15px;
  /* background: url(/brand/interview/img/common/ico_kakko-2.svg) left bottom no-repeat, url(/brand/interview/img/common/ico_kakko-1.svg) right bottom no-repeat; */
  background-size: 30px 30px, 30px 30px;
  -webkit-transition: opacity .1s ease-out, bottom .2s ease-out, width .2s ease-out;
  transition: opacity .1s ease-out, bottom .2s ease-out, width .2s ease-out
}

@media all and (max-width: 480px) {
  .movie_btn.is-home::after {
    margin-bottom: -8px;
    background-size: 15px 15px, 15px 15px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .movie_btn.is-home::after {
    margin-bottom: -8px;
    background-size: 15px 15px, 15px 15px
  }
}

.movie_btn_cap {
  text-align: center;
  margin-top: 60px;
  font-size: 30px;
  font-size: 1.875rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.movie_btn_cap.is-on {
  opacity: 1;
  top: 0
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .movie_btn_cap {
    margin-top: 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media all and (max-width: 480px) {
  .movie_btn_cap {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.movie_btn iframe {
  opacity: 0
}

.movie_btn_frame {
  position: relative;
  z-index: 1;
  content: " ";
  display: block;
  width: 100%;
  padding-bottom: 56.25%
}

.movie_btn_frame.is-on {
  opacity: 1
}

.movie_btn_frame.is-on iframe {
  display: block
}

.movie_btn_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.movie_btn_a {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease-out .2s;
  transition: opacity .3s ease-out .2s
}

.movie_btn_inr {
  position: relative;
  display: block
}

.movie_btn_play {
  position: absolute;
  z-index: 10;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  width: 12.9411764706%;
  max-width: 109px;
  -webkit-transition: -webkit-transform .2s ease-out 0s;
  transition: -webkit-transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}

.movie_btn_play::before {
  position: absolute;
  content: " ";
  display: block;
  width: 19.2660550459%;
  padding-bottom: 22.0183486239%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/profile/ad/library/interview/images/ico_tri.svg) center center no-repeat;
  background-size: cover
}

.movie_btn_img {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.movie_btn_img img {
  width: 100%;
  z-index: 1
}

.movie_btn_img::before {
  position: absolute;
  content: " ";
  z-index: 2;
  background: rgba(0, 0, 0, .66);
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}

.pageTop {
  right: 101vw;
  opacity: 0;
  position: relative;
  z-index: 200;
  -webkit-transition: opacity .3s ease-out 0s, opacity 0s ease-out .3s;
  transition: opacity .3s ease-out 0s, opacity 0s ease-out .3s
}

.pageTop.is-on {
  right: 0;
  opacity: 1;
  -webkit-transition: opacity .3s ease-out 0s, opacity 0s ease-out 0s;
  transition: opacity .3s ease-out 0s, opacity 0s ease-out 0s
}

.pageTop.is-absolute .pageTop_inr {
  position: absolute
}

.pageTop_inr {
  position: fixed;
  right: 0;
  bottom: 30px;
  margin: 0 2.2058823529% 0 0
}

.pageTop_a {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  max-width: 70px;
  width: 5.1470588235vw
}

@media all and (max-width: 480px) {
  .pageTop_a {
    max-width: 70px;
    width: 10.9375vw
  }
  .movie_btn_img img {
    width: 100%;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .pageTop_a {
    max-width: 70px;
    width: 10.9375vw
  }
}

.pageTop_a:hover .pageTop_img {
  opacity: 0
}

.pageTop_img {
  position: relative;
  z-index: 10;
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}

.pageTop_img-hover {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0
}

.note {
  margin-top: 3em
}

@media all and (max-width: 480px) {
  .note {
    margin-top: 2em
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .note {
    margin-top: 2em
  }
}

.note li {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 13px;
  font-size: .8125rem;
}

@media all and (max-width: 480px) {
  .note li {
    font-size: 10px;
    font-size: .625rem;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .note li {
    font-size: 10px;
    font-size: .625rem;
  }
}

.fw-bold {
  font-weight: bold
}

.ws-nowrap {
  display: inline-block;
  white-space: nowrap
}

.ws-nowrap::before {
  content: " ";
  display: inline-block;
  overflow: hidden;
  width: 0
}

@media all and (max-width: 480px) {
  .ws-nowrap-sp {
    display: inline-block;
    white-space: nowrap
  }

  .ws-nowrap-sp:after {
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .ws-nowrap-sp {
    display: inline-block;
    white-space: nowrap
  }

  .ws-nowrap-sp:after {
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 0
  }
}

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

.ta-c {
  text-align: center
}

.cl-grn-1 {
  color: #0f7139
}

.ico-arwR {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  top: 2px;
  left: 4px;
  border-top: solid 11px transparent;
  border-bottom: solid 11px transparent;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent
}

.ico-arwR.cl-grn-1 {
  border-left: solid 15px #0f7139
}

@media all and (max-width: 480px) {
  .ico-arwR {
    top: 2px;
    left: 4px;
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent
  }

  .ico-arwR.cl-grn-1 {
    border-left: solid 9px #0f7139
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .ico-arwR {
    top: 2px;
    left: 4px;
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent
  }

  .ico-arwR.cl-grn-1 {
    border-left: solid 9px #0f7139
  }
}

@media all and (max-width: 767px) {
  .mq-pc {
    display: none;
  }
}


@media all and (min-width:1201px) {
  .mq-pc {
    display: block !important
  }
}

@media all and (min-width:961px)and (max-width: 1200px) {
  .mq-pc {
    display: block !important
  }
}

@media all and (min-width:769px)and (max-width: 960px) {
  .mq-pc {
    display: block !important;
    width: 100%;
  }
}

.mq-sp {
  display: none
}

@media all and (max-width: 480px) {
  .mq-sp {
    display: block !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mq-sp {
    display: block !important;
    width: 100%;
  }
}

br.mq-pc {
  display: none
}

@media all and (min-width:1201px) {
  br.mq-pc {
    display: inline !important
  }
}

@media all and (min-width:961px)and (max-width: 1200px) {
  br.mq-pc {
    display: inline !important
  }
}

br.mq-tb {
  display: none
}

@media all and (min-width:769px)and (max-width: 960px) {
  br.mq-tb {
    display: inline !important
  }
}

br.mq-sp {
  display: none
}

@media all and (max-width: 480px) {
  br.mq-sp {
    display: inline !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  br.mq-sp {
    display: inline !important
  }
}

.is-hover {
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s;
  cursor: pointer
}

.is-hover:hover {
  opacity: .67
}

.modal {
  position: absolute;
  z-index: 9002;
  width: calc(100% - 30px);
  max-width: 740px;
  height: calc(100vh - 160px);
  margin: 110px auto 0;
  padding: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s;
  transition: opacity .3s ease-out 0s
}

@media all and (max-width: 480px) {
  .modal {
    margin: 70px auto 0;
    width: 87.5%;
    height: calc(100vh - 165px)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .modal {
    margin: 70px auto 0;
    width: 87.5%;
    height: calc(100vh - 165px)
  }
}

.modal.is-modal-movie {
  position: fixed;
  width: calc(100% - 60px);
  max-width: calc(177vh - 200px);
  height: auto;
  margin: 18px auto 0;
  padding: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media all and (max-width: 480px) {
  .modal.is-modal-movie {
    width: calc(100% - 20px)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .modal.is-modal-movie {
    width: calc(100% - 20px)
  }
}

.modal.is-modal-movie .modal_close {
  position: absolute;
  bottom: 100%;
  right: 0;
  top: auto;
  width: auto;
  display: inline-block;
  margin: 0 0 10px
}

@media all and (max-width: 480px) {
  .modal.is-modal-movie .modal_close {
    margin: 0 0 10px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .modal.is-modal-movie .modal_close {
    margin: 0 0 10px
  }
}

.modal.is-modal-movie .modal_close_img {
  width: auto !important;
  height: 2rem
}

@media all and (max-width: 480px) {
  .modal.is-modal-movie .modal_close_img {
    height: 1.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .modal.is-modal-movie .modal_close_img {
    height: 1.5rem
  }
}

.modal_inr {
  position: relative;
  width: 100%
}

.modal_contents {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.modal_scroll {
  overflow-y: scroll;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.modal_wrapper {
  position: absolute;
  z-index: 9000;
  top: 0;
  width: 100%;
  left: -200%;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s, left 0s ease-out .3s;
  transition: opacity .3s ease-out 0s, left 0s ease-out .3s
}

.modal_wrapper.is-open {
  -webkit-transition: opacity .3s ease-out 0s, left 0s ease-out 0s;
  transition: opacity .3s ease-out 0s, left 0s ease-out 0s;
  left: 0;
  opacity: 1
}

.modal_wrapper.is-open .modal {
  opacity: 1
}

.modal_wrapper.is-open .modal_bg {
  -webkit-transition: opacity .3s ease-out 0s, left 0s ease-out 0s;
  transition: opacity .3s ease-out 0s, left 0s ease-out 0s;
  left: 0;
  opacity: 1
}

.modal_bg {
  position: fixed;
  z-index: 9001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  left: -200%;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s, left 0s ease-out .3s;
  transition: opacity .3s ease-out 0s, left 0s ease-out .3s
}

.modal_close {
  position: absolute;
  z-index: 9999;
  width: 7.027027027%;
  right: -3.2432432432%;
  top: 0;
  margin: -3.2432432432% 0 0 0
}

@media all and (max-width: 480px) {
  .modal_close {
    width: 12.5%;
    right: -5.3571428571%;
    margin: -6.7857142857% 0 0 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .modal_close {
    width: 12.5%;
    right: -5.3571428571%;
    margin: -6.7857142857% 0 0 0
  }
}

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

.modal_end {
  width: 1px;
  height: 1px
}

.sr_txt:not(:focus):not(:active) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}

.sr_txt:focus {
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

@-webkit-keyframes anm-rotate1 {
  0% {
    -webkit-transform: scale(0, 0) rotate(-45deg);
    transform: scale(0, 0) rotate(-45deg)
  }

  66% {
    -webkit-transform: scale(1.3, 1.3) rotate(30deg);
    transform: scale(1.3, 1.3) rotate(30deg)
  }

  100% {
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg)
  }
}

@keyframes anm-rotate1 {
  0% {
    -webkit-transform: scale(0, 0) rotate(-45deg);
    transform: scale(0, 0) rotate(-45deg)
  }

  66% {
    -webkit-transform: scale(1.3, 1.3) rotate(30deg);
    transform: scale(1.3, 1.3) rotate(30deg)
  }

  100% {
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg)
  }
}

@-webkit-keyframes anm-rotate2 {
  0% {
    -webkit-transform: scale(0, 0) rotate(45deg);
    transform: scale(0, 0) rotate(45deg)
  }

  66% {
    -webkit-transform: scale(1.1, 1.1) rotate(-25deg);
    transform: scale(1.1, 1.1) rotate(-25deg)
  }

  100% {
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg)
  }
}

@keyframes anm-rotate2 {
  0% {
    -webkit-transform: scale(0, 0) rotate(45deg);
    transform: scale(0, 0) rotate(45deg)
  }

  66% {
    -webkit-transform: scale(1.1, 1.1) rotate(-25deg);
    transform: scale(1.1, 1.1) rotate(-25deg)
  }

  100% {
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg)
  }
}

.mv {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.mv_inr {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2
}

.mv_link {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap
}

.mv_link::before {
  position: absolute;
  content: " ";
  display: block;
  width: .9558823529vw;
  height: .9558823529vw;
  border-radius: 100px;
  border: solid 1px #000
}

@media all and (max-width: 480px) {
  .mv_link::before {
    width: 1.25vw;
    height: 1.25vw
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link::before {
    width: 1.25vw;
    height: 1.25vw
  }
}

.mv_link_a {
  z-index: 30;
  border-color: #000;
  padding: 2rem 4rem
}

@media all and (max-width: 480px) {
  .mv_link_a {
    padding: 1rem 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link_a {
    padding: 1rem 2rem
  }
}

.mv_link_a_inr {
  padding-right: 2rem;
  font-size: 18px;
  font-size: 1.125rem
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link_a_inr {
    padding-right: .75rem;
    font-size: 12px;
    font-size: .75rem;
  }
}

@media all and (max-width: 480px) {
  .mv_link_a_inr {
    padding-right: .6875rem;
    font-size: 11px;
    font-size: .6875rem
  }
}

.mv_link_a_inr::after {
  width: .3125rem;
  height: .3125rem;
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link_a_inr::after {
    width: .3125rem;
    height: .3125rem;
  }
}

@media all and (max-width: 480px) {
  .mv_link_a_inr::after {
    width: .25rem;
    height: .25rem;
  }
}

.mv_link_arw {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%
}

.mv_link-1 {
  margin: 21.5441176471vw 0 0 73.3823529412vw;
  width: 10.8823529412vw;
  height: 3.5294117647vw;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s;
  transition: opacity .3s ease-out 0s
}

@media all and (max-width: 480px) {
  .mv_link-1 {
    margin: 43.125vw 0 0 87.5vw;
    width: .3125vw;
    height: calc(45.4% - 4rem)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-1 {
    margin: 43.125vw 0 0 87.5vw;
    width: .3125vw;
    height: calc(45.4% - 4rem)
  }
}

.mv_link-1.is-on {
  opacity: 1
}

.mv_link-1.is-on .mv_link_a {
  opacity: 1
}

.mv_link-1.is-on .mv_link_arw {
  width: 100%;
  height: 100%
}

.mv_link-1::before {
  right: 100%;
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

@media all and (max-width: 480px) {
  .mv_link-1::before {
    left: 100%;
    right: auto;
    bottom: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-1::before {
    left: 100%;
    right: auto;
    bottom: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

.mv_link-1 .mv_link_a {
  position: absolute;
  bottom: 100%;
  left: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity .2s ease-out .8s;
  transition: opacity .2s ease-out .8s
}

@media all and (max-width: 480px) {
  .mv_link-1 .mv_link_a {
    left: 100%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin-left: -2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-1 .mv_link_a {
    left: 100%;
    right: auto;
    bottom: auto;
    top: 100%;
    margin-left: -2rem
  }
}

.mv_link-1 .mv_link_arw {
  bottom: 0;
  left: 0;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  width: 0;
  height: 0;
  -webkit-transition: width .3s ease-out 0s, height .3s ease-out .4s;
  transition: width .3s ease-out 0s, height .3s ease-out .4s
}

@media all and (max-width: 480px) {
  .mv_link-1 .mv_link_arw {
    bottom: auto;
    top: 0;
    border-bottom: none
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-1 .mv_link_arw {
    bottom: auto;
    top: 0;
    border-bottom: none
  }
}

.mv_link-2 {
  margin: 27.5vw 0 0 11.9117647059vw;
  width: 14.7058823529vw;
  height: 3.5294117647vw;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out 0s;
  transition: opacity .3s ease-out 0s
}

@media all and (max-width: 480px) {
  .mv_link-2 {
    margin: 53.28125vw 0 0 9.84375vw;
    width: .3125vw;
    height: calc(36.4% - 4rem)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-2 {
    margin: 53.28125vw 0 0 9.84375vw;
    width: .3125vw;
    height: calc(36.4% - 4rem)
  }
}

.mv_link-2.is-on {
  opacity: 1
}

.mv_link-2.is-on .mv_link_a {
  opacity: 1
}

.mv_link-2.is-on .mv_link_arw {
  width: 100%;
  height: 100%
}

.mv_link-2::before {
  left: 100%;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media all and (max-width: 480px) {
  .mv_link-2::before {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    margin-left: -1px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-2::before {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    margin-left: -1px
  }
}

.mv_link-2 .mv_link_a {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity .2s ease-out .8s;
  transition: opacity .2s ease-out .8s
}

@media all and (max-width: 480px) {
  .mv_link-2 .mv_link_a {
    margin-left: 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-2 .mv_link_a {
    margin-left: 2rem
  }
}

.mv_link-2 .mv_link_arw {
  top: 0;
  right: 0;
  border-left: solid 1px #000;
  border-top: solid 1px #000;
  width: 0;
  height: 0;
  -webkit-transition: width .3s ease-out 0s, height .3s ease-out .4s;
  transition: width .3s ease-out 0s, height .3s ease-out .4s
}

@media all and (max-width: 480px) {
  .mv_link-2 .mv_link_arw {
    border-top: none
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-2 .mv_link_arw {
    border-top: none
  }
}

.mv_link-3 {
  top: auto;
  left: auto;
  right: 0;
  margin: 0 2.9411764706vw 2.9411764706vw 0;
  bottom: -10px;
  opacity: 0;
  -webkit-transition: opacity .8s ease-out .4s, bottom .8s ease-out .4s;
  transition: opacity .8s ease-out .4s, bottom .8s ease-out .4s
}

.mv_link-3::before {
  display: none
}

@media all and (max-width: 480px) {
  .mv_link-3 {
    margin: 0 0 7.03125vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_link-3 {
    margin: 0 0 7.03125vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
  }
}

.mv_link-3.is-on {
  bottom: 0;
  opacity: 1
}

.mv_links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mv_bg {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 52.2058823529%;
  top: 0;
  left: 0;
  /* background: url(/brand/interview/img/common/mv_bg.jpg) center top no-repeat; */
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s, -webkit-transform .4s ease-out 0s
}

.mv_bg.is-on {
  opacity: 1
}

@media all and (max-width: 480px) {
  .mv_bg {
    padding-bottom: 116.40625%;
    /* background-image: url(/brand/interview/img/common/mv_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_bg {
    padding-bottom: 116.40625%;
    /* background-image: url(/brand/interview/img/common/mv_bg_sp.jpg) */
  }
}

.mv_modal_inr {
  position: relative;
  margin: 0 auto;
  padding: 13.5135135135% 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  /* background: url(/brand/interview/img/common/mv_modal_bg.jpg) center center no-repeat; */
  background-size: cover
}

@media all and (max-width: 480px) {
  .mv_modal_inr {
    width: 75vw;
    padding: 10.9375% 4.6875% 15.625%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_modal_inr {
    width: 75vw;
    padding: 10.9375% 4.6875% 15.625%
  }
}

.mv_modal_txt {
  display: inline-block;
  color: #fff;
  text-align: left;
  font-size: 24px;
  font-size: 1.5rem;
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_modal_txt {
    font-size: 14px;
    font-size: .875rem;
  }
}

@media all and (max-width: 480px) {
  .mv_modal_txt {
    font-size: 11px;
    font-size: .6875rem;
  }
}

.mv_modal_txt_inr {
  display: inline-block;
  position: relative;
  padding: 0 1.5rem;
  background: #1263a8;
  margin-top: 3%
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_modal_txt_inr {
    padding: 0 0.7rem;
    margin-top: 6%;
    white-space: nowrap
  }
}

@media all and (max-width: 480px) {
  .mv_modal_txt_inr {
    padding: 0 0.7rem;
    margin-top: 6%;
    white-space: nowrap
  }
}

.mv_modal_txt_inr:first-of-type {
  margin-top: 0
}

.mv_modal_close {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  width: auto;
  display: inline-block;
  margin: 0 4.1666666667% 4.1666666667% 0
}

@media all and (max-width: 480px) {
  .mv_modal_close {
    margin: 0 6.25% 6.25% 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_modal_close {
    margin: 0 6.25% 6.25% 0
  }
}

.mv_modal_close_img {
  width: auto !important;
  height: 2rem
}

@media all and (max-width: 480px) {
  .mv_modal_close_img {
    height: 1.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_modal_close_img {
    height: 1.5rem
  }
}

.mv_op {
  position: absolute;
  display: table;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url(/brand/interview/img/common/mv_op_bg.jpg) center center no-repeat; */
  background-size: cover
}

.mv_op_inr {
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_inr {
    text-align: center
  }
}

@media all and (max-width: 480px) {
  .mv_op_inr {
    text-align: center
  }
}

.mv_op_inr_inr {
  position: relative;
  max-width: 58.5294117647%;
  margin: 0 auto
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_inr_inr {
    display: inline-block;
    max-width: none;
    width: 26rem;
    text-align: left
  }
}

@media all and (max-width: 480px) {
  .mv_op_inr_inr {
    display: inline-block;
    max-width: none;
    width: 26rem;
    text-align: left
  }
}

.mv_op_txt {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 18.8442211055%;
  font-size: 32px;
  font-size: 2rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0;
  outline: none !important
}

@media(max-width: 1450px) {
  .mv_op_txt {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media(max-width: 1100px) {
  .mv_op_txt {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_txt {
    font-size: 14px;
    font-size: .875rem;
    padding-right: 0;
    display: inline-block
  }
}

@media all and (max-width: 480px) {
  .mv_op_txt {
    font-size: 14px;
    font-size: .875rem;
    padding-right: 0;
    display: inline-block
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_txt {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media all and (max-width: 480px) {
  .mv_op_txt {
    font-size: 13px;
    font-size: .8125rem
  }
}

.mv_op_txt_inr {
  display: inline-block;
  position: relative;
  padding: 0 1.5rem;
  opacity: 0;
  top: 10px;
  background: #1263a8;
  margin-top: 2.4358974359vh
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_txt_inr {
    padding: 0 1.5rem;
    white-space: nowrap;
    margin-top: 1.6568047337vh
  }
}

@media all and (max-width: 480px) {
  .mv_op_txt_inr {
    padding: 0 1.5rem;
    white-space: nowrap;
    margin-top: 1.6568047337vh
  }
}

.mv_op_txt_inr:first-of-type {
  margin-top: 0
}

.mv_op_img {
  position: absolute;
  width: 16.8341708543%;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_img {
    position: relative;
    width: 20.9375%;
    margin: 7.34375% auto 0;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@media all and (max-width: 480px) {
  .mv_op_img {
    position: relative;
    width: 20.9375%;
    margin: 7.34375% auto 0;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.mv_op_img img {
  opacity: 0;
  top: 10px
}

.mv_op_control,
.mv_op_skip {
  position: absolute;
  z-index: 110;
  left: 0;
  bottom: 0;
  margin: 0 0 4.9295774648vh 2.5735294118vw;
  width: 3.6764705882vw;
  height: 3.4558823529vw;
  cursor: pointer
}

@media all and (max-width: 480px) {

  .mv_op_control,
  .mv_op_skip {
    margin: 0 0 2.2546419098vh 2.65625vw;
    width: 7.8125vw;
    height: 7.34375vw
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {

  .mv_op_control,
  .mv_op_skip {
    margin: 0 0 2.2546419098vh 2.65625vw;
    width: 7.8125vw;
    height: 7.34375vw
  }
}

.mv_op_control.is-on .is-off,
.mv_op_skip.is-on .is-off {
  display: none
}

.mv_op_control.is-on .is-on,
.mv_op_skip.is-on .is-on {
  display: block
}

.mv_op_control_a,
.mv_op_skip_a {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.mv_op_control_a:hover .is-default,
.mv_op_skip_a:hover .is-default {
  opacity: 0
}

.mv_op_control_a.is-off,
.mv_op_skip_a.is-off {
  display: block
}

.mv_op_control_a.is-on,
.mv_op_skip_a.is-on {
  display: none
}

.mv_op_control_img,
.mv_op_skip_img {
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}

.mv_op_control_img.is-hover,
.mv_op_skip_img.is-hover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0
}

.mv_op_skip {
  margin: 0 0 4.9295774648vh 7.0588235294vw
}

@media all and (max-width: 480px) {
  .mv_op_skip {
    margin: 0 0 2.2546419098vh 12.1875vw
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .mv_op_skip {
    margin: 0 0 2.2546419098vh 12.1875vw
  }
}

.msg_inr {
  max-width: 1360px;
  padding: 5.8823529412% 4.4117647059%
}

@media all and (max-width: 480px) {
  .msg_inr {
    width: auto;
    max-width: none;
    padding: 14.84375% 9.375% 13.28125%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_inr {
    width: auto;
    max-width: none;
    padding: 14.84375% 9.375% 13.28125%
  }
}

.msg_txt {
  position: relative;
  width: 70rem
}

@media all and (max-width: 480px) {
  .msg_txt {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt {
    width: 100%
  }
}

.msg_txt.is-on::before {
  width: 100%;
  opacity: 1
}

.msg_txt::before {
  position: absolute;
  z-index: 1;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .9);
  width: 0;
  opacity: 0;
  -webkit-transition: width .5s ease-out 0s, opacity .5s ease-out 0s;
  transition: width .5s ease-out 0s, opacity .5s ease-out 0s
}

.msg_txt_inr {
  position: relative;
  z-index: 10;
  padding: 12rem 0
}

@media all and (max-width: 480px) {
  .msg_txt_inr {
    padding: 14.0625% 10.9375%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_inr {
    padding: 14.0625% 10.9375%
  }
}

.msg_txt_p {
  line-height: 2.7
}

.msg_txt_p_inr {
  position: relative;
  white-space: nowrap;
  display: block;
  width: 42rem;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.msg_txt_p_inr.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .msg_txt_p_inr {
    white-space: normal;
    width: 26rem;
    max-width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_p_inr {
    white-space: normal;
    width: 26rem;
    max-width: 100%
  }
}

.msg_txt_p_inr img {
  display: inline-block;
  width: auto;
  height: 1.125rem
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_p_inr img {
    height: 1.3rem
  }
}

@media all and (max-width: 480px) {
  .msg_txt_p_inr img {
    height: 1.2rem
  }
}

.msg_txt_tl {
  margin-top: 4rem;
  width: 42rem;
  margin-right: auto;
  margin-left: auto;
  color: #000;
  line-height: 1;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .7s ease-out 0s, top .7s ease-out 0s;
  transition: opacity .7s ease-out 0s, top .7s ease-out 0s
}

.msg_txt_tl.is-on {
  opacity: 1;
  top: 0
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_tl {
    margin-top: 2rem;
    white-space: normal;
    width: 26rem;
    max-width: 100%
  }
}

@media all and (max-width: 480px) {
  .msg_txt_tl {
    margin-top: 2rem;
    white-space: normal;
    width: 26rem;
    max-width: 100%
  }
}

.msg_txt_tl img {
  display: inline-block;
  width: auto;
  height: 2.4rem
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_tl img {
    height: 1.6rem
  }
}

@media all and (max-width: 480px) {
  .msg_txt_tl img {
    height: 1.4rem
  }
}

.msg_txt_logo {
  width: 42rem;
  margin: 5rem auto 0;
  line-height: 1;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .7s ease-out 0s, top .7s ease-out 0s;
  transition: opacity .7s ease-out 0s, top .7s ease-out 0s
}

.msg_txt_logo.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .msg_txt_logo {
    margin: 2.5rem auto 0;
    width: 26rem;
    max-width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_logo {
    margin: 2.5rem auto 0;
    width: 26rem;
    max-width: 100%
  }
}

.msg_txt_logo img {
  width: 20.1rem
}

@media all and (max-width: 480px) {
  .msg_txt_logo img {
    width: 10rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_txt_logo img {
    width: 10rem
  }
}

.msg_bg {
  overflow: hidden
}

.msg_bg_inr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url(/brand/interview/img/common/msg_bg.jpg) center center no-repeat; */
  background-size: cover;
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, -webkit-transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s;
  transition: opacity .4s ease-out 0s, transform .4s ease-out 0s, -webkit-transform .4s ease-out 0s
}

.msg_bg_inr.is-on {
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

@media all and (max-width: 480px) {
  .msg_bg_inr {
    /* background-image: url(/brand/interview/img/common/msg_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .msg_bg_inr {
    /* background-image: url(/brand/interview/img/common/msg_bg_sp.jpg) */
  }
}

.cm_header_bg {
  /* background: url(/brand/interview/img/common/cm_header_bg.jpg) center center no-repeat; */
  background-size: cover
}

@media all and (max-width: 480px) {
  .cm_header_bg {
    /* background-image: url(/brand/interview/img/common/cm_header_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_header_bg {
    /* background-image: url(/brand/interview/img/common/cm_header_bg_sp.jpg) */
  }
}

.cm_lead {
  margin-bottom: 7.5%
}

@media all and (max-width: 480px) {
  .cm_lead {
    margin-bottom: 16.0714285714%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_lead {
    margin-bottom: 16.0714285714%
  }
}

.cm_lead_p {
  text-align: center
}

.cm_lead_p_inr {
  position: relative;
  display: block;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.cm_lead_p_inr.is-on {
  opacity: 1;
  top: 0
}

.cm_inr::before {
  padding-bottom: 6.6666666667%
}

@media all and (max-width: 480px) {
  .cm_inr::before {
    padding-bottom: 12.5%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_inr::before {
    padding-bottom: 12.5%
  }
}

.cm_inr::after {
  padding-bottom: 15%
}

@media all and (max-width: 480px) {
  .cm_inr::after {
    padding-bottom: 20.5357142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_inr::after {
    padding-bottom: 20.5357142857%
  }
}

.cm_col_tl {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.cm_col_tl.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .cm_col_tl {
    margin-bottom: 25px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_col_tl {
    margin-bottom: 25px
  }
}

.cm_col_tl img {
  display: inline-block;
  width: auto;
  height: 4.4rem
}

@media all and (max-width: 480px) {
  .cm_col_tl img {
    height: 2.2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .cm_col_tl img {
    height: 2.2rem
  }
}

.cm_col+.cm_col {
  margin-top: 10%
}

.chr_header_bg {
  /* background: url(/brand/interview/img/common/chr_header_bg.jpg) center center no-repeat; */
  background-size: cover
}

@media all and (max-width: 480px) {
  .chr_header_bg {
    /* background-image: url(/brand/interview/img/common/chr_header_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_header_bg {
    /* background-image: url(/brand/interview/img/common/chr_header_bg_sp.jpg) */
  }
}

.chr_inr::before {
  padding-bottom: 11.6666666667%
}

@media all and (max-width: 480px) {
  .chr_inr::before {
    padding-bottom: 17.8571428571%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_inr::before {
    padding-bottom: 17.8571428571%
  }
}

.chr_inr::after {
  padding-bottom: 11.6666666667%
}

@media all and (max-width: 480px) {
  .chr_inr::after {
    padding-bottom: 20.5357142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_inr::after {
    padding-bottom: 20.5357142857%
  }
}

.chr_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width: 480px) {
  .chr_col {
    display: block
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col {
    display: block
  }
}

.chr_col.is-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.chr_col+.chr_col {
  margin-top: 9.5833333333%
}

@media all and (max-width: 480px) {
  .chr_col+.chr_col {
    margin-top: 25%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col+.chr_col {
    margin-top: 25%
  }
}

.chr_col_control {
  position: absolute;
  z-index: 40;
  left: 0;
  bottom: 0;
  width: 5rem;
  height: 4.7rem;
  cursor: pointer
}

.chr_col_control.is-on .is-off {
  display: none
}

.chr_col_control.is-on .is-on {
  display: block
}

.chr_col_control_a {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.chr_col_control_a:hover .is-default {
  opacity: 0
}

.chr_col_control_a.is-off {
  display: block
}

.chr_col_control_a.is-on {
  display: none
}

.chr_col_control_img {
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}

.chr_col_control_img.is-hover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0
}

.chr_col_img {
  width: 50%
}

.chr_col_img.is-on .chr_col_img_img {
  opacity: 1
}

.chr_col_img.is-on .chr_col_img_bg {
  opacity: 1;
  bottom: 0
}

@media all and (max-width: 480px) {
  .chr_col_img {
    width: 100%;
    margin-bottom: 10.7142857143%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_img {
    width: 100%;
    margin-bottom: 10.7142857143%
  }
}

.chr_col_img_inr {
  position: relative;
  width: 79.6666666667%;
  margin: 0 auto
}

@media all and (max-width: 480px) {
  .chr_col_img_inr {
    width: 85.3571428571%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_img_inr {
    width: 85.3571428571%
  }
}

.chr_col_img_img {
  position: absolute;
  z-index: 10;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease-out .3s;
  transition: opacity .3s ease-out .3s
}

.chr_col_imgs {
  position: absolute;
  z-index: 10;
  width: 100%;
  bottom: 0;
  left: 0
}

.chr_col_imgs.chr_col_img-1 {
  width: 140%;
  bottom: -7%;
  left: -20%
}

.chr_col_imgs.chr_col_img-1 img {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 21;
  visibility: hidden
}

.chr_col_imgs.chr_col_img-1#chr_col_img-1-0 #chr_col_img-0,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-1 #chr_col_img-1,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-2 #chr_col_img-2,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-3 #chr_col_img-3,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-4 #chr_col_img-4,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-5 #chr_col_img-5,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-6 #chr_col_img-6,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-7 #chr_col_img-7,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-8 #chr_col_img-8,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-9 #chr_col_img-9,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-10 #chr_col_img-10,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-11 #chr_col_img-11,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-12 #chr_col_img-12,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-13 #chr_col_img-13,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-14 #chr_col_img-14,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-15 #chr_col_img-15,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-16 #chr_col_img-16,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-17 #chr_col_img-17,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-18 #chr_col_img-18,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-19 #chr_col_img-19,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-20 #chr_col_img-20,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-21 #chr_col_img-21,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-22 #chr_col_img-22,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-23 #chr_col_img-23,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-24 #chr_col_img-24,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-25 #chr_col_img-25,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-26 #chr_col_img-26,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-27 #chr_col_img-27,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-28 #chr_col_img-28,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-29 #chr_col_img-29,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-30 #chr_col_img-30,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-31 #chr_col_img-31,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-32 #chr_col_img-32,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-33 #chr_col_img-33,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-34 #chr_col_img-34,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-35 #chr_col_img-35,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-36 #chr_col_img-36,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-37 #chr_col_img-37,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-38 #chr_col_img-38,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-39 #chr_col_img-39,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-40 #chr_col_img-40,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-41 #chr_col_img-41,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-42 #chr_col_img-42,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-43 #chr_col_img-43,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-44 #chr_col_img-44,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-45 #chr_col_img-45,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-46 #chr_col_img-46,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-47 #chr_col_img-47,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-48 #chr_col_img-48,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-49 #chr_col_img-49,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-50 #chr_col_img-50,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-51 #chr_col_img-51,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-52 #chr_col_img-52,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-53 #chr_col_img-53,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-54 #chr_col_img-54,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-55 #chr_col_img-55,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-56 #chr_col_img-56,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-57 #chr_col_img-57,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-58 #chr_col_img-58,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-59 #chr_col_img-59,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-60 #chr_col_img-60,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-61 #chr_col_img-61,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-62 #chr_col_img-62,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-63 #chr_col_img-63,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-64 #chr_col_img-64,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-65 #chr_col_img-65,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-66 #chr_col_img-66,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-67 #chr_col_img-67,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-68 #chr_col_img-68,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-69 #chr_col_img-69,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-70 #chr_col_img-70,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-71 #chr_col_img-71,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-72 #chr_col_img-72,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-73 #chr_col_img-73,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-74 #chr_col_img-74,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-75 #chr_col_img-75,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-76 #chr_col_img-76,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-77 #chr_col_img-77,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-78 #chr_col_img-78,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-79 #chr_col_img-79,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-80 #chr_col_img-80,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-81 #chr_col_img-81,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-82 #chr_col_img-82,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-83 #chr_col_img-83,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-84 #chr_col_img-84,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-85 #chr_col_img-85,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-86 #chr_col_img-86,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-87 #chr_col_img-87,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-88 #chr_col_img-88,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-89 #chr_col_img-89,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-90 #chr_col_img-90,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-91 #chr_col_img-91,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-92 #chr_col_img-92,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-93 #chr_col_img-93,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-94 #chr_col_img-94,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-95 #chr_col_img-95,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-96 #chr_col_img-96,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-97 #chr_col_img-97,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-98 #chr_col_img-98,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-99 #chr_col_img-99,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-100 #chr_col_img-100,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-101 #chr_col_img-101,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-102 #chr_col_img-102,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-103 #chr_col_img-103,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-104 #chr_col_img-104,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-105 #chr_col_img-105,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-106 #chr_col_img-106,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-107 #chr_col_img-107,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-108 #chr_col_img-108,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-109 #chr_col_img-109,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-110 #chr_col_img-110,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-111 #chr_col_img-111,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-112 #chr_col_img-112,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-113 #chr_col_img-113,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-114 #chr_col_img-114,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-115 #chr_col_img-115,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-116 #chr_col_img-116,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-117 #chr_col_img-117,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-118 #chr_col_img-118,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-119 #chr_col_img-119,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-120 #chr_col_img-120,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-121 #chr_col_img-121,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-122 #chr_col_img-122,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-123 #chr_col_img-123,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-124 #chr_col_img-124,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-125 #chr_col_img-125,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-126 #chr_col_img-126,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-127 #chr_col_img-127,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-128 #chr_col_img-128,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-129 #chr_col_img-129,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-130 #chr_col_img-130,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-131 #chr_col_img-131,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-132 #chr_col_img-132,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-133 #chr_col_img-133,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-134 #chr_col_img-134,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-135 #chr_col_img-135,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-136 #chr_col_img-136,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-137 #chr_col_img-137,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-138 #chr_col_img-138,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-139 #chr_col_img-139,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-140 #chr_col_img-140,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-141 #chr_col_img-141,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-142 #chr_col_img-142,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-143 #chr_col_img-143,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-144 #chr_col_img-144,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-145 #chr_col_img-145,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-146 #chr_col_img-146,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-147 #chr_col_img-147,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-148 #chr_col_img-148,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-149 #chr_col_img-149,
.chr_col_imgs.chr_col_img-1#chr_col_img-1-150 #chr_col_img-150 {
  z-index: 22;
  visibility: visible
}

.chr_col_img_bg {
  position: relative;
  z-index: 1;
  width: 100%;
  bottom: -10px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .5s ease-out 0s, bottom .5s ease-out 0s;
  transition: opacity .5s ease-out 0s, bottom .5s ease-out 0s
}

.chr_col_tl {
  text-align: center;
  font-size: 48px;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  color: #000;
  margin-bottom: 1.125rem;
  position: relative;
  top: 10px;
  letter-spacing: .6rem;
  opacity: 0;
  -webkit-transition: opacity .7s ease-out 0s, top .7s ease-out 0s;
  transition: opacity .7s ease-out 0s, top .7s ease-out 0s
}

.chr_col_tl.is-mb-none {
  margin-bottom: 0
}

.chr_col_tl.is-on {
  top: 0;
  opacity: 1
}

@media all and (max-width: 480px) {
  .chr_col_tl {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 1.2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_tl {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 1.2rem
  }
}

.chr_col_tl img {
  margin: 0 auto;
  width: 23.9rem
}

@media all and (max-width: 480px) {
  .chr_col_tl img {
    width: 11.9rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_tl img {
    width: 11.9rem
  }
}

.chr_col_txt {
  text-align: center;
  width: 60rem
}

@media all and (max-width: 480px) {
  .chr_col_txt {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_txt {
    width: 100%
  }
}

.chr_col_txt_img {
  position: absolute;
  z-index: 10;
  width: 100%;
  bottom: 0;
  left: 0
}

.chr_col_txt_bg {
  position: relative;
  z-index: 1;
  width: 100%
}

.chr_col_sub {
  margin-bottom: 3rem;
  font-size: 14px;
  font-size: .875rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  letter-spacing: .1rem;
  position: relative;
  top: 10px;
  opacity: 0;
  -webkit-transition: opacity .7s ease-out 0s, top .7s ease-out 0s;
  transition: opacity .7s ease-out 0s, top .7s ease-out 0s
}

.chr_col_sub.is-on {
  top: 0;
  opacity: 1
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_sub {
    margin-bottom: 1.5rem;
    font-size: 11px;
    font-size: .6875rem;
  }
}

@media all and (max-width: 480px) {
  .chr_col_sub {
    margin-bottom: 1.5rem;
    font-size: 10px;
    font-size: .625rem;
  }
}

.chr_col_p {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  line-height: 2.2
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .chr_col_p {
    font-size: 11px;
    font-size: .6875em;
  }
}

@media all and (max-width: 480px) {
  .chr_col_p {
    font-size: 12px;
    font-size: .75rem;
  }
}

.chr_col_p_inr {
  display: block;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.chr_col_p_inr.is-on {
  opacity: 1;
  top: 0
}

.itv {
  background: #e3edf3
}

.itv_header_tl {
  text-align: center;
  line-height: 1;
  margin-bottom: 90px;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.itv_header_tl.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .itv_header_tl {
    margin-bottom: 45px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_header_tl {
    margin-bottom: 45px
  }
}

.itv_header_tl_inr {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1e3e57
}

.itv_header_tl_inr::before,
.itv_header_tl_inr::after {
  content: " ";
  display: block;
  width: 4.3rem;
  height: 7rem
}

@media all and (max-width: 480px) {

  .itv_header_tl_inr::before,
  .itv_header_tl_inr::after {
    width: 2.1rem;
    height: 3.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {

  .itv_header_tl_inr::before,
  .itv_header_tl_inr::after {
    width: 2.1rem;
    height: 3.5rem
  }
}

.itv_header_tl_inr::before {
  /* background: url(/brand/interview/img/common/itv_header-kakko-l.png) center center no-repeat; */
  background-size: contain;
  margin-right: 3.9rem
}

@media all and (max-width: 480px) {
  .itv_header_tl_inr::before {
    margin-right: 1.9rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_header_tl_inr::before {
    margin-right: 1.9rem
  }
}

.itv_header_tl_inr::after {
  /* background: url(/brand/interview/img/common/itv_header-kakko-r.png) center center no-repeat; */
  background-size: contain;
  margin-left: 3.9rem
}

@media all and (max-width: 480px) {
  .itv_header_tl_inr::after {
    margin-left: 1.9rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_header_tl_inr::after {
    margin-left: 1.9rem
  }
}

.itv_header_tl_txt {
  display: inline-block;
  white-space: nowrap
}

.itv_header_tl_txt .is-l {
  display: block
}

.itv_header_tl_txt .is-l img {
  display: inline-block;
  width: auto;
  height: 3.1rem
}

@media all and (max-width: 480px) {
  .itv_header_tl_txt .is-l img {
    height: 1.4rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_header_tl_txt .is-l img {
    height: 1.4rem
  }
}

.itv_header_tl_txt .is-s {
  margin-top: 15px;
  display: block;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
}

@media all and (max-width: 480px) {
  .itv_header_tl_txt .is-s {
    margin-top: 7px;
    font-size: 10px;
    font-size: .625rem;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_header_tl_txt .is-s {
    margin-top: 7px;
    font-size: 10px;
    font-size: .625rem;
  }
}

.itv_lead {
  margin-bottom: 7.5%
}

@media all and (max-width: 480px) {
  .itv_lead {
    margin-bottom: 16.0714285714%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_lead {
    margin-bottom: 16.0714285714%
  }
}

.itv_lead_p {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: 500
}

.itv_lead_p_inr {
  display: block;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.itv_lead_p_inr.is-on {
  opacity: 1;
  top: 0
}

.itv_inr {
  margin-bottom: 8.0882352941%
}

@media(min-width: 1361px) {
  .itv_inr {
    margin-bottom: 110px
  }
}

@media all and (max-width: 480px) {
  .itv_inr {
    margin-bottom: 15.625%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_inr {
    margin-bottom: 15.625%
  }
}

.itv_inr::before {
  padding-bottom: 6.6666666667%
}

@media all and (max-width: 480px) {
  .itv_inr::before {
    padding-bottom: 13.0357142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_inr::before {
    padding-bottom: 13.0357142857%
  }
}

.itv_inr::after {
  padding-bottom: 10%
}

@media all and (max-width: 480px) {
  .itv_inr::after {
    padding-bottom: 12.5%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_inr::after {
    padding-bottom: 12.5%
  }
}

.itv_col {
  position: relative;
  display: block;
  background: #fff;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

@media all and (max-width: 480px) {
  .itv_col {
    top: 7px;
  }
}

.itv_col.is-on {
  opacity: 1;
  top: 0
}

.itv_col.is-bnr {
  text-decoration: none
}

.itv_col.is-bnr .itv_col_img {
  width: 100%
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_img {
    width: auto
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_img {
    width: auto
  }
}

.itv_col.is-bnr .itv_col_txt {
  width: 100%
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_txt {
    width: auto
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_txt {
    width: auto
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_txt_inr {
    padding: 3.5714285714% 7.1428571429% 5.3571428571%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_txt_inr {
    padding: 3.5714285714% 7.1428571429% 5.3571428571%
  }
}

.itv_col.is-bnr .itv_col_tl_inr {
  display: block
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_tl_inr {
    display: inline-block;
    padding-bottom: 0.125rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_tl_inr {
    display: inline-block;
    padding-bottom: 0.125rem
  }
}

.itv_col.is-bnr .itv_col_tl_inr .ws-nowrap {
  display: block
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_tl_inr .ws-nowrap {
    display: inline-block
  }

  .itv_col.is-bnr .itv_col_tl_inr .ws-nowrap+.ws-nowrap {
    margin-left: 0.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_tl_inr .ws-nowrap {
    display: inline-block
  }

  .itv_col.is-bnr .itv_col_tl_inr .ws-nowrap+.ws-nowrap {
    margin-left: 0.5rem
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_tl .is-l {
    font-size: 17px;
    font-size: 1.0625rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_tl .is-l {
    font-size: 17px;
    font-size: 1.0625rem
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_tl .is-l {
    font-size: 14px;
    font-size: .875rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_tl .is-l {
    font-size: 14px;
    font-size: .875rem
  }
}

.itv_col.is-bnr .itv_col_btn {
  position: relative;
  display: inline-block;
  padding-right: 1.125rem;
  color: #567790;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  line-height: 2.2
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_btn {
    padding-right: 0.5625rem
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_btn {
    padding-right: 0.5625rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_btn {
    font-size: 11px;
    font-size: .6875rem
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_btn {
    font-size: 12px;
    font-size: .75rem
  }
}

.itv_col.is-bnr .itv_col_btn::after {
  display: block;
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border-top: solid 1px #567790;
  border-right: solid 1px #567790
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_btn::after {
    width: .4375rem;
    height: .4375rem;
  }
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_btn::after {
    top: 13px;
    width: 0.4375rem;
    height: 0.4375rem
  }
}

.itv_col.is-bnr .itv_col_btns {
  margin-top: 2rem
}

@media all and (max-width: 480px) {
  .itv_col.is-bnr .itv_col_btns {
    margin-top: 0.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-bnr .itv_col_btns {
    margin-top: 0.5rem
  }
}

.itv_col.is-comingsoon .itv_col_cap {
  background: #222f38
}

.itv_col.is-comingsoon .itv_col_cap::before {
  background: #222f38
}

.itv_col.is-comingsoon .itv_col_cap img {
  opacity: .5
}

.itv_col.is-comingsoon .itv_col_comingsoon {
  position: absolute;
  z-index: 21;
  background: rgba(0, 0, 0, .55);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.itv_col.is-comingsoon .itv_col_comingsoon p {
  color: #fff;
  font-size: 42px;
  font-size: 2.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Shippori Mincho", serif;
  font-weight: 500
}

@media all and (max-width: 480px) {
  .itv_col.is-comingsoon .itv_col_comingsoon p {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col.is-comingsoon .itv_col_comingsoon p {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

.itv_col::before,
.itv_col::after {
  content: " ";
  display: block;
  position: absolute;
  /* z-index:  */
}

.itv_col::before {
  top: 0;
  left: 0;
  border-right: solid 1.4705882353vw transparent;
  border-bottom: solid 2.9411764706vw transparent;
  border-left: solid 1.4705882353vw #e3edf3;
  border-top: solid 2.9411764706vw #e3edf3
}

@media(min-width: 1361px) {
  .itv_col::before {
    border-right: solid 20px transparent;
    border-bottom: solid 40px transparent;
    border-left: solid 20px #e3edf3;
    border-top: solid 40px #e3edf3
  }
}

@media all and (max-width: 480px) {
  .itv_col::before {
    border-right: solid 3.4375vw transparent;
    border-bottom: solid 6.875vw transparent;
    border-left: solid 3.4375vw #e3edf3;
    border-top: solid 6.875vw #e3edf3
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col::before {
    border-right: solid 3.4375vw transparent;
    border-bottom: solid 6.875vw transparent;
    border-left: solid 3.4375vw #e3edf3;
    border-top: solid 6.875vw #e3edf3
  }
}

.itv_col::after {
  bottom: 0;
  right: 0;
  border-left: solid 1.4705882353vw transparent;
  border-top: solid 2.9411764706vw transparent;
  border-right: solid 1.4705882353vw #e3edf3;
  border-bottom: solid 2.9411764706vw #e3edf3
}

@media(min-width: 1361px) {
  .itv_col::after {
    border-left: solid 20px transparent;
    border-top: solid 40px transparent;
    border-right: solid 20px #e3edf3;
    border-bottom: solid 40px #e3edf3
  }
}

@media all and (max-width: 480px) {
  .itv_col::after {
    border-left: solid 3.4375vw transparent;
    border-top: solid 6.875vw transparent;
    border-right: solid 3.4375vw #e3edf3;
    border-bottom: solid 6.875vw #e3edf3
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col::after {
    border-left: solid 3.4375vw transparent;
    border-top: solid 6.875vw transparent;
    border-right: solid 3.4375vw #e3edf3;
    border-bottom: solid 6.875vw #e3edf3
  }
}

.itv_col_wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

.itv_col_wrapper+.itv_col_wrapper {
  margin-top: 60px
}

.itv_col_inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width: 480px) {
  .itv_col_inr {
    display: block
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_inr {
    display: block
  }
}

.itv_col_inr.is-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.itv_col_img {
  width: 56.6666666667%
}

@media all and (max-width: 480px) {
  .itv_col_img {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_img {
    width: 100%
  }
}

.itv_col_txt {
  width: 43.3333333333%
}

@media all and (max-width: 480px) {
  .itv_col_txt {
    width: 100%;
    text-align: center
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_txt {
    width: 100%;
    text-align: center
  }
}

.itv_col_txt_inr {
  padding: 0 11.4285714286%
}

@media all and (max-width: 480px) {
  .itv_col_txt_inr {
    text-align: left;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 6.7857142857% 10.7142857143%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_txt_inr {
    text-align: left;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 6.7857142857% 10.7142857143%
  }
}

.itv_col_cap {
  position: absolute;
  /* z-index: 40; */
  background: #55758e;
  color: #fff;
  font-family: "Hind", sans-serif;
  font-weight: 500;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 46px;
}

.itv_col_cap::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background: #55758e;
  width: 1.25rem;
  right: -1.25rem
}

@media all and (max-width: 480px) {
  .itv_col_cap {
    height: 33.5px;
  }
  .itv_col_cap::before {
    width: .625rem;
    right: -.625rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_cap {
    height: 30.5px;
    z-index: 40;
  }
  .itv_col_cap::before {
    width: .625rem;
    right: -.625rem
  }
}

.itv_col_cap_inr {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: .75rem 1.5625rem;
}

@media all and (max-width: 480px) {
  .itv_col_cap_inr {
    padding: .4375rem .75rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_cap_inr {
    padding: .4375rem .75rem;
  }
}

.itv_col_cap_inr img {
  display: inline-block;
  width: auto;
  height: 1.25rem
}

@media all and (max-width: 480px) {
  .itv_col_cap_inr img {
    height: .875rem;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_cap_inr img {
    height: .875rem
  }
}

.itv_col_tl {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  color: #567790
}

.itv_col_tl+.itv_col_p {
  margin-top: 2rem
}

@media(max-width: 1100px) {
  .itv_col_tl+.itv_col_p {
    margin-top: 1.125rem
  }
}

@media(max-width: 767px) {
  .itv_col_tl+.itv_col_p {
    margin-top: 1.6rem
  }
}

@media all and (max-width: 480px) {
  .itv_col_tl+.itv_col_p {
    margin-top: 1.2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_tl+.itv_col_p {
    margin-top: 1.2rem
  }
}

.itv_col_tl .is-l {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: bold
}

@media(max-width: 1210px) {
  .itv_col_tl .is-l {
    font-size: 21px;
    font-size: 1.3125rem
  }
}

@media(max-width: 1100px) {
  .itv_col_tl .is-l {
    font-size: 20px;
    font-size: 1.25rem
  }
}

@media(max-width: 767px) {
  .itv_col_tl .is-l {
    font-size: 18px;
    font-size: 1.125rem
  }
}

@media all and (max-width: 480px) {
  .itv_col_tl .is-l {
    font-size: 14px;
    font-size: .875rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_tl .is-l {
    font-size: 14px;
    font-size: 1.875rem
  }
}

.itv_col_tl .is-s {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 21px;
  font-size: 1.3125rem
}

@media(max-width: 1210px) {
  .itv_col_tl .is-s {
    font-size: 17px;
    font-size: 1.0625rem
  }
}

@media(max-width: 1100px) {
  .itv_col_tl .is-s {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media(max-width: 767px) {
  .itv_col_tl .is-s {
    font-size: 14px;
    font-size: .875rem;
  }
}

@media all and (max-width: 480px) {
  .itv_col_tl .is-s {
    font-size: 12px;
    font-size: .75rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_tl .is-s {
    font-size: 12px;
    font-size: .75rem
  }
}

.itv_col_tl_inr {
  display: inline-block;
  border-bottom: solid 1px #567790
}

@media all and (max-width: 480px) {
  .itv_col_tl_inr {
    display: inline-block
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_tl_inr {
    display: inline-block
  }
}

.itv_col_p {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.5;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  margin: 0;
}

@media(max-width: 1210px) {
  .itv_col_p {
    font-size: 27px;
    font-size: 1.6875rem
  }
}

@media(max-width: 1100px) {
  .itv_col_p {
    font-size: 21px;
    font-size: 1.3125rem
  }
}

@media(max-width: 767px) {
  .itv_col_p {
    font-size: 19px;
    font-size: 1.1875rem
  }
}

@media all and (max-width: 480px) {
  .itv_col_p {
    font-size: 20px;
    font-size: 1.25rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_p {
    font-size: 20px;
    font-size: 1.25rem
  }
}

.itv_col_p+.itv_col_tl {
  margin-top: 1.125rem
}

@media(max-width: 1100px) {
  .itv_col_p+.itv_col_tl {
    margin-top: 1.125rem
  }
}

@media(max-width: 767px) {
  .itv_col_p+.itv_col_tl {
    margin-top: 1rem
  }
}

@media all and (max-width: 480px) {
  .itv_col_p+.itv_col_tl {
    margin-top: .75rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_p+.itv_col_tl {
    margin-top: .75rem;
  }
}

.itv_col_p_inr {
  position: relative;
  display: inline-block;
  padding: .3125rem;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  background: #567790;
  background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
  background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
}

@media all and (max-width: 480px) {
  .itv_col_p_inr {
    background: none;
    -webkit-filter: none;
    filter: none;
    padding: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_p_inr {
    background: none;
    -webkit-filter: none;
    filter: none;
    padding: 0
  }
}

@media all and (max-width: 480px) {
  .itv_col_p_inr_wrapper {
    position: relative;
    display: inline-block;
    padding: 0.3125rem;
    color: #fff;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    background: #567790;
    background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
    background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col_p_inr_wrapper {
    position: relative;
    display: inline-block;
    padding: .3125rem;
    color: #fff;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    background: #567790;
    background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
    background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
  }
}

.itv_col .btn {
  padding: 1.5rem 3rem
}

@media(max-width: 1100px) {
  .itv_col .btn {
    padding: 1.2rem 2.2rem
  }
}

@media(max-width: 767px) {
  .itv_col .btn {
    padding: 1rem 1.125rem
  }
}

@media all and (max-width: 480px) {
  .itv_col .btn {
    padding: 0.7rem 1.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col .btn {
    padding: 0.7rem 1.5rem
  }
}

@media(max-width: 1100px) {
  .itv_col .btn_inr {
    font-size: 14px;
    font-size: .875rem;
  }
}

@media(max-width: 767px) {
  .itv_col .btn_inr {
    font-size: 12px;
    font-size: .75rem;
  }
}

.itv_col .btns {
  text-align: left;
  margin-top: 2.3rem
}

@media(max-width: 1100px) {
  .itv_col .btns {
    margin-top: 2.6rem
  }
}

@media(max-width: 767px) {
  .itv_col .btns {
    margin-top: 1.4rem
  }
}

@media all and (max-width: 480px) {
  .itv_col .btns {
    margin-top: 1.7rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col .btns {
    margin-top: 1.7rem
  }
}

.itv_col+.ltv_col {
  margin-top: 5%
}

@media all and (max-width: 480px) {
  .itv_col+.ltv_col {
    margin-top: 10.7142857143%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itv_col+.ltv_col {
    margin-top: 10.7142857143%
  }
}

.bm_bg {
  padding-bottom: 21.9117647059%;
  /* background: url(/brand/interview/img/common/bm_bg.jpg) center bottom no-repeat; */
  background-size: cover
}

@media all and (max-width: 480px) {
  .bm_bg {
    padding-bottom: 34.375%;
    /* background-image: url(/brand/interview/img/common/bm_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_bg {
    padding-bottom: 34.375%;
    /* background-image: url(/brand/interview/img/common/bm_bg_sp.jpg) */
  }
}

.bm_header_bg {
  /* background: url(/brand/interview/img/common/bm_header_bg.jpg) center center no-repeat; */
  background-size: cover
}

@media all and (max-width: 480px) {
  .bm_header_bg {
    /* background-image: url(/brand/interview/img/common/bm_header_bg_sp.jpg) */
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_header_bg {
    /* background-image: url(/brand/interview/img/common/bm_header_bg_sp.jpg) */
  }
}

.bm_inr::before {
  padding-bottom: 9.5833333333%
}

@media all and (max-width: 480px) {
  .bm_inr::before {
    padding-bottom: 20.5357142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_inr::before {
    padding-bottom: 20.5357142857%
  }
}

.bm_inr::after {
  padding-bottom: 8.3333333333%
}

@media all and (max-width: 480px) {
  .bm_inr::after {
    padding-bottom: 16.9642857143%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_inr::after {
    padding-bottom: 16.9642857143%
  }
}

.bm_movie_cap {
  margin-top: 6rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.bm_movie_cap.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .bm_movie_cap {
    margin-top: 3rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_movie_cap {
    margin-top: 3rem
  }
}

.bm_movie_cap_img {
  width: 34rem;
  margin: 0 auto
}

@media all and (max-width: 480px) {
  .bm_movie_cap_img {
    width: 17rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_movie_cap_img {
    width: 17rem
  }
}

.bm_movie_cap_txt {
  display: block;
  text-align: center;
  margin-top: 2.5rem;
  font-size: 20px;
  font-size: 1.25rem;
}

@media all and (max-width: 480px) {
  .bm_movie_cap_txt {
    margin-top: 1.2rem;
    font-size: 10px;
    font-size: .625rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_movie_cap_txt {
    margin-top: 1.2rem;
    font-size: 10px;
    font-size: .625rem
  }
}

.bm_lead {
  margin-top: 3.3333333333%;
  margin-bottom: 7.5%
}

@media all and (max-width: 480px) {
  .bm_lead {
    margin-top: 8.9285714286%;
    margin-bottom: 16.0714285714%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_lead {
    margin-top: 8.9285714286%;
    margin-bottom: 16.0714285714%
  }
}

.bm_lead_p {
  text-align: center
}

.bm_lead_p_inr {
  position: relative;
  display: block;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .8s ease-out 0s, top .8s ease-out 0s;
  transition: opacity .8s ease-out 0s, top .8s ease-out 0s
}

.bm_lead_p_inr.is-on {
  opacity: 1;
  top: 0
}

.bm .btn {
  width: 31.6rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.bm .btn.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .bm .btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 28rem;
    max-width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm .btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 28rem;
    max-width: 100%
  }
}

.bm .btns {
  margin-top: 11rem;
  margin-bottom: 11rem
}

@media all and (max-width: 480px) {
  .bm .btns {
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm .btns {
    margin-top: 5rem;
    margin-bottom: 5rem
  }
}

@media all and (max-width: 480px) {
  .bm .btn_li+.btn_li {
    margin-left: auto;
    margin-top: 15px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm .btn_li+.btn_li {
    margin-left: auto;
    margin-top: 15px
  }
}

.bm_sns {
  display: inline-block;
  width: 6rem;
  margin: 0 2rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.bm_sns.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .bm_sns {
    width: 4.5rem;
    margin: 0 1rem 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_sns {
    width: 4.5rem;
    margin: 0 1rem 2rem
  }
}

.bm_sns_btn {
  position: relative;
  display: block;
  border-radius: 500px;
  overflow: hidden
}

.bm_snss {
  text-align: center
}

.bm_col_tl {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.bm_col_tl.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .bm_col_tl {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin-bottom: 2rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_col_tl {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin-bottom: 2rem
  }
}

.bm_logo {
  margin: 8.2rem auto;
  width: 20.1rem;
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity .3s ease-out 0s, top .3s ease-out 0s;
  transition: opacity .3s ease-out 0s, top .3s ease-out 0s
}

.bm_logo.is-on {
  opacity: 1;
  top: 0
}

@media all and (max-width: 480px) {
  .bm_logo {
    margin: 4.1rem auto;
    width: 15rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .bm_logo {
    margin: 4.1rem auto;
    width: 15rem
  }
}

.itvAtc .contents {
  background: #e3edf3
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtc .contents p {
    font-size: 16px;
    font-size: 1rem
  }
}

@media all and (max-width: 480px) {
  .itvAtc .contents p {
    font-size: 16px;
    font-size: 1rem
  }
}

.itvAtcMv {
  padding-top: 1.59375rem;
}

@media all and (max-width: 480px) {
  .itvAtcMv {
    padding-top: 1.5rem
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcMv {
    padding-top: 1.5rem
  }
}

.itvAtcMv .itv_col_img {
  width: 50%
}

@media all and (max-width: 480px) {
  .itvAtcMv .itv_col_img {
    width: 100%;
    margin-bottom: -1.25em;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcMv .itv_col_img {
    width: 100%;
    margin-bottom: -2em
  }
}

.itvAtcMv .itv_col_txt {
  width: 50%
}

@media all and (max-width: 480px) {
  .itvAtcMv .itv_col_txt {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcMv .itv_col_txt {
    width: 100%
  }
}

@media all and (max-width: 480px) {
  .itvAtcMv .itv_col_txt_inr {
    width: 87.5%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcMv .itv_col_txt_inr {
    width: 87.5%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
  }
}

.itvAtcMv .itv_col_tl .is-l {
  font-size: 18px !important;
  font-size: 1.125rem !important
}

.itvAtcMv .itv_col_tl .is-s {
  font-size: 16px !important;
  font-size: 1rem !important
}

.itvAtcLead_inr {
  max-width: 1040px
}

.itvAtcLead_inr::before {
  padding-bottom: 3.75%
}

@media all and (max-width: 480px) {
  .itvAtcLead_inr::before {
    padding-bottom: 8.0357142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_inr::before {
    padding-bottom: 8.0357142857%
  }
}

.itvAtcLead_inr::after {
  padding-bottom: 5%
}

@media all and (max-width: 480px) {
  .itvAtcLead_inr::after {
    padding-bottom: 10.7142857143%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_inr::after {
    padding-bottom: 10.7142857143%
  }
}

.itvAtcLead_txt_p {
  color: #2f5b7d;
  line-height: 2
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_txt_p {
    font-size: 17px !important;
    font-size: 1.0625rem !important
  }
}

@media all and (max-width: 480px) {
  .itvAtcLead_txt_p {
    font-size: 17px !important;
    font-size: 1.0625rem !important
  }
}

.itvAtcLead_movie {
  margin-top: 5.2884615385%
}

@media all and (max-width: 480px) {
  .itvAtcLead_movie {
    margin-top: 7.1428571429%
  }
}

.itvAtcLead_movie_note {
  max-width: 800px;
  margin: 18px auto 0
}

@media all and (max-width: 480px) {
  .itvAtcLead_movie_note {
    margin: 10px auto 0;
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_movie_note {
    margin: 10px auto 0;
    width: 100%
  }
}

.itvAtcLead_movie_note p {
  color: #2f5b7d
}

.itvAtcLead_movie_note p.is-lrg {
  font-size: 20px;
  font-size: 1.25rem
}

@media all and (max-width: 480px) {
  .itvAtcLead_movie_note p.is-lrg {
    font-size: 17px !important;
    font-size: 1.0625rem !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_movie_note p.is-lrg {
    font-size: 17px !important;
    font-size: 1.0625rem !important
  }
}

.itvAtcLead_movie_note p.is-lrg {
  font-size: 18px;
  font-size: 1.125rem;
}

@media all and (max-width: 480px) {
  .itvAtcLead_movie_note p.is-lrg {
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_movie_note p.is-lrg {
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

.itvAtcLead_caution {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

@media all and (max-width: 480px) {
  .itvAtcLead_caution {
    margin-top: 1.25em;
    margin-bottom: 1.25em
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_caution {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.itvAtcLead_caution_inr {
  border: solid 1px #1263a8;
  padding: 2.5%
}

@media all and (max-width: 480px) {
  .itvAtcLead_caution_inr {
    padding: 3.5714285714%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLead_caution_inr {
    padding: 3.5714285714%
  }
}

.itvAtcNav {
  width: 100%;
  margin: 5.7692307692% auto 0
}

@media all and (max-width: 480px) {
  .itvAtcNav {
    width: 100%;
    margin: 10.7142857143% auto 0
  }
}

.itvAtcNav_inr {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.itvAtcNav_a {
  position: relative;
  display: block;
  width: calc(50% - 1px);
  margin: 1px 0 0 1px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.8846153846% 8.1730769231% 2.8846153846% 2.8846153846%;
  color: #2f5b7d;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.5;
  -webkit-transition: color .2s ease-out 0s;
  transition: color .2s ease-out 0s
}

@media all and (max-width: 480px) {
  .itvAtcNav_a {
    width: 100%;
    margin-left: 0;
    padding: 7.1428571429% 18.75% 7.1428571429% 7.1428571429%;
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcNav_a {
    width: 100%;
    margin-left: 0;
    padding: 7.1428571429% 18.75% 7.1428571429% 7.1428571429%;
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

.itvAtcNav_a:nth-of-type(2n - 1) {
  margin-left: 0
}

.itvAtcNav_a::after {
  position: absolute;
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-right: solid 1px #2f5b7d;
  border-bottom: solid 1px #2f5b7d;
  -webkit-transform: rotate(45deg) translate(-50%, -67%);
  transform: rotate(45deg) translate(-50%, -67%);
  right: 8.1666666667%;
  top: 50%
}

@media all and (max-width: 480px) {
  .itvAtcNav_a::after {
    width: 7px;
    height: 7px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcNav_a::after {
    width: 7px;
    height: 7px
  }
}

@media all and (min-width:1201px) {
  .itvAtcNav_a:hover {
    color: #000
  }
}

@media all and (min-width:961px)and (max-width: 1200px) {
  .itvAtcNav_a:hover {
    color: #000
  }
}

@media all and (min-width:769px)and (max-width: 960px) {
  .itvAtcNav_a:hover {
    color: #000
  }
}

.itvAtcSecItv+.itvAtcSecItv {
  margin-top: 1px
}

.itvAtcSecItv_inr {
  width: 73.3333333333%;
  max-width: 880px
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_inr {
    width: 100%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_inr {
    width: 100%
  }
}

.itvAtcSecItv_inr::before {
  padding-bottom: 6.8181818182%
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_inr::before {
    display: none
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_inr::before {
    display: none
  }
}

.itvAtcSecItv_inr::after {
  padding-bottom: 6.8181818182%
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_inr::after {
    padding-bottom: 8.9285714286%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_inr::after {
    padding-bottom: 8.9285714286%
  }
}

.itvAtcSecItv_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 9.0909090909%
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header {
    display: block;
    margin-bottom: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header {
    display: block;
    margin-bottom: 0
  }
}

.itvAtcSecItv_header.is-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.itvAtcSecItv_header.is-rev .itvAtcSecItv_header_txt_inr {
  padding-left: 0;
  padding-right: 8.3333333333%
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header.is-rev .itvAtcSecItv_header_txt_inr {
    padding: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header.is-rev .itvAtcSecItv_header_txt_inr {
    padding: 0
  }
}

.itvAtcSecItv_header_img {
  width: 59.0909090909%
}

.itvAtcSecItv_header_img img {
  width: 100%;
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_img {
    width: 100%;
    margin-bottom: 7.8125%
  }
  .itvAtcSecItv_header_img img {
    width: 100%;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_img {
    width: 100%;
    margin-bottom: 7.8125%
  }
  .itvAtcSecItv_header_img img {
    width: 100%;
  }
}

.itvAtcSecItv_header_txt {
  width: 40.9090909091%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_txt {
    width: 100%;
    margin-bottom: 1.25em;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_txt {
    width: 100%;
    margin-bottom: 1.25em
  }
}

.itvAtcSecItv_header_txt_inr {
  padding-left: 8.3333333333%
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_txt_inr {
    padding: 0;
    width: 87.5%;
    margin: 0 auto
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_txt_inr {
    padding: 0;
    width: 87.5%;
    margin: 0 auto
  }
}

.itvAtcSecItv_header_tl {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.5;
  font-family: "Shippori Mincho", serif;
  font-weight: 500
}

@media(max-width: 1100px) {
  .itvAtcSecItv_header_tl {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

@media(max-width: 767px) {
  .itvAtcSecItv_header_tl {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_tl {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin: 0;
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_tl {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin: 0;
  }
}

.itvAtcSecItv_header_tl_inr {
  position: relative;
  display: inline-block;
  margin-top: .3125rem;
  padding: .9375rem;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  background: #567790;
  background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
  background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_tl_inr {
    margin-top: 0;
    padding: 0
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_tl_inr {
    margin-top: 0;
    padding: 0
  }
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_header_tl_inr_wrapper {
    position: relative;
    display: inline-block;
    padding: .9375rem .9375rem;
    color: #fff;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    background: #567790;
    background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
    background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_header_tl_inr_wrapper {
    position: relative;
    display: inline-block;
    padding: .9375rem .9375rem;
    color: #fff;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    background: #567790;
    background: -webkit-linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 119, 144, 0)), color-stop(9%, rgba(86, 119, 144, 0)), color-stop(10%, #567790), color-stop(90%, #567790), color-stop(91%, rgba(86, 119, 144, 0)), to(rgba(86, 119, 144, 0)));
    background: -webkit-linear-gradient(top, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    background: linear-gradient(180deg, rgba(86, 119, 144, 0) 0%, rgba(86, 119, 144, 0) 9%, #567790 10%, #567790 90%, rgba(86, 119, 144, 0) 91%, rgba(86, 119, 144, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#567790", endColorstr="#567790", GradientType=1)
  }
}

@media all and (max-width: 480px) {
  .itvAtcSecItv_col {
    padding: 0;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcSecItv_col {
    padding: 0;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto
  }
}

.itvAtcSecItv_col_p+.itvAtcSecItv_col_p {
  margin-top: 1em
}

.itvAtcSecItv_col_p+.itvAtcSecItv_col_p.itvAtcSecItv_col_p-q {
  margin-top: 3em
}

.itvAtcSecItv_col_p+.itvAtcSecItv_col_p.itvAtcSecItv_col_p-q+.itvAtcSecItv_col_p {
  margin-top: 1em
}

.itvAtcSecItv_col_p-q {
  color: #2f5069;
  font-weight: bold !important;
}

.itvAtcSecItv_col_p_name {
  font-weight: bold
}

.itvAtcLink_inr::before {
  padding-bottom: 7.0833333333%
}

@media all and (max-width: 480px) {
  .itvAtcLink_inr::before {
    padding-bottom: 15.1785714286%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink_inr::before {
    padding-bottom: 15.1785714286%
  }
}

.itvAtcLink_inr::after {
  padding-bottom: 10.8333333333%
}

@media all and (max-width: 480px) {
  .itvAtcLink_inr::after {
    padding-bottom: 25.8928571429%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink_inr::after {
    padding-bottom: 25.8928571429%
  }
}

.itvAtcLink .itv_col_wrapper {
  margin-top: 1.25%
}

@media all and (max-width: 480px) {
  .itvAtcLink .itv_col_wrapper {
    margin-top: 2.6785714286%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink .itv_col_wrapper {
    margin-top: 2.6785714286%
  }
}

.itvAtcLink .itv_col_wrapper+.btns {
  margin-top: 6.6666666667%
}

@media all and (max-width: 480px) {
  .itvAtcLink .itv_col_wrapper+.btns {
    margin-top: 14.2857142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink .itv_col_wrapper+.btns {
    margin-top: 14.2857142857%
  }
}

@media all and (max-width: 480px) {
  .itvAtcLink .is-btn-w-b {
    max-width: 32rem
  }

  .itvAtcLink .is-btn-w-b .btn_inr {
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink .is-btn-w-b {
    max-width: 32rem
  }

  .itvAtcLink .is-btn-w-b .btn_inr {
    font-size: 16px !important;
    font-size: 1rem !important
  }
}

.itvAtcLink .bm_col {
  margin-top: 5.4166666667%
}

@media all and (max-width: 480px) {
  .itvAtcLink .bm_col {
    margin-top: 14.2857142857%
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtcLink .bm_col {
    margin-top: 14.2857142857%
  }
}

.itvAtc_date {
  position: absolute;
  right: 8.8235294118vw;
  bottom: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
}

@media(min-width: 1361px) {
  .itvAtc_date {
    right: 120px
  }
}

@media all and (min-width: 481px)and (max-width: 767px) {
  .itvAtc_date {
    right: 18.75vw;
    bottom: 30px;
    font-size: 10px;
    font-size: .625rem;
  }
}

@media all and (max-width: 480px) {
  .itvAtc_date {
    right: 18.75vw;
    bottom: 30px;
    font-size: 10px;
    font-size: .625rem;
  }
}

.itv_col_img_img {
  width: 100%;
}

#itv-2 .itv_col_cap {
  z-index: 40;
}

#itv-2 .itv_col::before {
  z-index: 39;
}

/* .itvAtcLink_inr .itv_col_wrapper.is-anm {
  min-width: 1000px;
} */

@media all and (max-width: 767px) {
  #itv-1 .itv_col_img_inr .itv_col_img_img {
    width: 100%;
  }
  .itvAtcLink_inr .itv_col_wrapper.is-anm {
    min-width: auto;
  }
}