@charset "UTF-8";
@charset "UTF-8";
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}
.bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.pulse{animation-name:pulse}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}
.rubberBand{animation-name:rubberBand}
@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
.shake{animation-name:shake}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}
.tada{animation-name:tada}
@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}
.wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
.jello{animation-name:jello;transform-origin:center}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}
.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}
.bounceIn{animation-duration:.75s;animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}
.bounceOut{animation-duration:.75s;animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.flipOutX{animation-duration:.75s;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}
.flipOutY{animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}
.hinge{animation-duration:2s;animation-name:hinge}
@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}
.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}
.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}
.rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}
.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}
.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}
.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
.slideOutUp{animation-name:slideOutUp}
.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.delay-1s{animation-delay:1s}
.animated.delay-2s{animation-delay:2s}
.animated.delay-3s{animation-delay:3s}
.animated.delay-4s{animation-delay:4s}
.animated.delay-5s{animation-delay:5s}
.animated.fast{animation-duration:.8s}
.animated.faster{animation-duration:.5s}
.animated.slow{animation-duration:2s}
.animated.slower{animation-duration:3s}
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
  box-sizing: border-box;
  height: 100%;
  font-size: 12px; }
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font: inherit; }
img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
a {
  color: inherit;
  text-decoration: none; }
.contents {
  position: relative; }
.l-footer {
  font-family: 'Poppins', sans-serif;
  text-align: center;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
  padding: 30px 0;
  position: relative; }
.l-footer_inner {
    max-width: 1300px;
    margin: 0 auto; }
.l-footer_si {
    margin-bottom: 25px; }
.l-footer_si img {
      width: 110px;
      height: auto; }
.l-footer_si span {
      font-size: 1rem;
      color: #e62f82;
      font-weight: bold;
      font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      display: block;
      margin-top: 3px; }
.l-footer_corp {
    font-size: 1.3rem;
    margin-bottom: 35px; }
.l-footer_linksList {
    font-size: 1.1rem;
    margin-bottom: 25px; }
.l-footer_linksList li {
      display: inline-block;
      line-height: 1; }
.l-footer_linksList li + li {
        border-left: 1px solid #000;
        padding-left: 15px;
        margin-left: 15px; }
.l-footer_copyright {
    color: #7d7d80;
    font-size: 1.1rem; }
.l-footer_pagetop button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    font-size: 1.3rem;
    transition: opacity 0.2s linear; }
.l-footer_pagetop button:hover {
      text-decoration: none;
      opacity: 0.7; }
.l-header {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 10px 20px;
  position: relative;
  z-index: 20;
  height: 80px;
  box-sizing: border-box; }
.l-header_si {
    width: 110px;
    text-align: center;
    margin: 0 auto; }
.l-header_si a {
      transition: opacity 0.2s linear; }
.l-header_si a:hover {
        text-decoration: none;
        opacity: 0.7; }
.l-header_si img {
      width: 100%;
      height: auto; }
.l-header_si span {
      font-size: 1rem;
      color: #e62f82;
      font-weight: bold;
      font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      display: block;
      margin-top: 3px; }
.l-header_entry {
    font-size: 1.3rem;
    color: #e62f82;
    font-weight: bold;
    font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%); }
.l-header_entry a {
      transition: opacity 0.2s linear;
      color: #e62f82; }
.l-header_entry a:hover {
        text-decoration: none;
        opacity: 0.7; }
.l-header_nav {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%); }
.l-header_navBtn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    vertical-align: top;
    background: transparent;
    outline: none;
    cursor: pointer;
    transition: opacity 0.2s linear;
    font: 0/0 a;
    font-size: 0;
    line-height: 0;
    text-shadow: none;
    color: transparent;
    width: 35px;
    height: 30px;
    position: relative; }
.l-header_navBtn:hover {
      text-decoration: none;
      opacity: 0.7; }
.l-header_navBtn::before, .l-header_navBtn::after {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #000;
      position: absolute;
      left: 0; }
.l-header_navBtn::before {
      top: 10px; }
.l-header_navBtn::after {
      bottom: 10px; }
.is-nav-open .l-header_navBtn::before {
      content: none; }
.is-nav-open .l-header_navBtn::after {
      bottom: 15px; }
.l-nav {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  z-index: 10;
  top: 0;
  right: -120vw;
  /*min-height: 100%;
  height: 100%;*/
  padding-top: 80px; }
.l-nav_outer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
.is-nav-open .l-nav {
    right: 0;
	width: 100%;
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.1); }
.l-nav_list {
    /*padding: 10px 20px 20px 10px;*/
	max-width:860px;
	padding:10px 20px 60px 20px;
	margin:0 auto;
	box-sizing:border-box;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.l-nav_item {
    border-bottom: 1px solid #b7b7b4;
    position: relative;
	width:47%;
	display: flex;
	  flex-direction: column;
	  justify-content: center;
}
.l-nav_item:after {
      content: "";
      width: 10px;
      height: 10px;
      border-bottom: 1px solid #e62f82;
      border-right: 1px solid #e62f82;
      transform: rotate(-45deg);
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -5px; }
.l-nav_item a {
      padding: 20px 40px 20px 20px;
	  display:block;
      font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      color: #4553a3;
      transition: opacity 0.2s linear; }
.l-nav_item a:hover {
        text-decoration: none;
        opacity: 0.7; }
.l-nav_itemEn {
      font-size: 2.1rem;
      font-weight: 100;
      display: block; }
.l-nav_itemJa {
      font-size: 1.2rem;
      display: block;
      margin-top: 3px; }
.l-section {
  padding: 50px 20px; }
.l-section_top {
  padding: 50px 20px 0 20px; }
.l-section.-fluid {
    padding-left: 0;
    padding-right: 0; }
.l-section_inner {
    max-width: 975px;
    margin: 0 auto; }
.-fluid .l-section_inner, .l-section_inner.-fluid {
      max-width: none; }
.-lg .l-section_inner, .l-section_inner.-lg {
      max-width: 1300px; }
.-md .l-section_inner, .l-section_inner.-md {
      max-width: 890.5px; }
.-sm .l-section_inner, .l-section_inner.-sm {
      max-width: 767px; }
.-xs .l-section_inner, .l-section_inner.-xs {
      max-width: 676px; }
.-xxs .l-section_inner, .l-section_inner.-xxs {
      max-width: 435.5px; }
.c-accordion_inner {
  margin-bottom: 40px; }
.c-accordion_item {
  border-bottom: 1px solid #b7b7b4;
  padding: 15px 0; }
.c-accordion_itemTitle {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4553a3;
    position: relative; }
.c-accordion_itemTitle:after {
      content: "";
      width: 10px;
      height: 10px;
      border-bottom: 1px solid #b7b7b4;
      border-right: 1px solid #b7b7b4;
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -10px; }
.c-accordion_itemTitle.is-show::after {
      transform: rotate(-135deg);
      margin-top: -5px; }
.c-accordion_itemText {
    font-size: 1.3rem;
    line-height: 2;
    margin-top: 15px; }
.c-arrow {
  width: 40px;
  height: 15px;
  display: inline-block;
  vertical-align: 3px;
  position: relative;
  margin-left: 10px; }
.c-arrow::before, .c-arrow::after {
    content: "";
    display: inline-block; }
.c-arrow::before {
    width: 1px;
    height: 15px;
    background-color: #e62f82;
    transform: rotate(135deg);
    transform-origin: -3px 8px;
    position: absolute;
    top: 0;
    right: 0; }
.c-arrow::after {
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #e62f82; }
.c-box {
  padding: 20px;
  margin-bottom: 40px; }
.c-box-mb {
  margin-bottom: 40px; }
.c-box.-type01 {
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05); }
.c-breadcrumb {
  padding: 10px 20px;
  position: relative; }
.c-breadcrumb_inner {
    max-width: 975px;
    margin: 0 auto; }
.c-breadcrumb_list li {
    display: inline-block; }
.c-breadcrumb_list li + li::before {
      content: ">";
      display: inline-block;
      margin: 0 5px;
      vertical-align: 1px; }
.c-breadcrumb_list a:hover {
    text-decoration: underline; }
.c-btn {
  position: relative;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  white-space: nowrap;
  transition: opacity 0.2s linear;
  padding-left: 80px;
  padding-right: 80px;
  box-sizing: border-box; }
.c-btn:hover {
    text-decoration: none;
    opacity: 0.7; }
.c-btn::before, .c-btn::after {
    content: "";
    display: inline-block; }
.c-btn::before {
    width: 1px;
    height: 15px;
    background-color: #fff;
    transform: rotate(135deg);
    transform-origin: 0 1px;
    position: absolute;
    top: 50%;
    right: 40px; }
.c-btn::after {
    width: 60px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 40px; }
.c-btn.-default {
    background-color: #999a9a;
    color: #fff;
    display: inline-block;
    line-height: 117px;
    font-size: 1.6rem; }
.c-btn.-primary {
    background: linear-gradient(90deg, #e62f82 0%, #4553a3 100%);
    color: #fff;
    display: inline-block; }
.career .c-btn.-primary{
background: linear-gradient(90deg, #4553a3 0%, #e62f82 100%);
font-size: 1.5rem;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", sans-serif;}
.c-btn.-lg {
    line-height: 168px;
    font-size: 2rem; }

.c-btn.-lg2 {
    padding-top: 60px;
	padding-bottom: 60px;
	min-width: 520px;
    width: 45%;
    font-size: 2rem; }

.c-btn.-md {
    line-height: 117px; }
.c-btn.-md.oversea {
    font-size: 1.4rem;
	padding-left: 60px;
	width:50%;
	}
.c-btnArrow {
  position: relative;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  height: 80px;
  transition: opacity 0.2s linear; }
.c-btnArrow:hover {
    text-decoration: none;
    opacity: 0.7; }
.c-btnArrow::before, .c-btnArrow::after {
    content: "";
    display: inline-block; }
.c-btnArrow::before {
    width: 1px;
    height: 20px;
    background-color: #e62f82;
    transform: rotate(135deg);
    transform-origin: 1px 1px;
    position: absolute;
    bottom: 0;
    right: 0; }
.c-btnArrow::after {
    width: 100%;
    height: 60px;
    border-left: 1px solid #e62f82;
    border-bottom: 1px solid #e62f82;
    position: absolute;
    top: 0;
    right: 0; }
.c-btnArrow_item {
    font-size: 1.4rem;
    background-color: #e62f82;
    white-space: nowrap;
    color: #fff;
    padding: 0 20px;
    line-height: 52px;
    display: inline-block;
    position: relative;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0); }
.c-btnGroup {
  text-align: center;
  margin-bottom: 40px; }
.c-btnGroup.noM {
  margin-bottom: 0px; }
.c-btnGroup_list .c-btn {
    display: block; }

.e-btn {
  position: relative;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  white-space: nowrap;
  transition: opacity 0.2s linear;
  padding-left: 80px;
  padding-right: 120px;
  box-sizing: border-box; }
.e-btn:hover {
    text-decoration: none;
    opacity: 0.7; }
.e-btn::before, .e-btn::after {
    content: "";
    display: inline-block; }
.e-btn::before {
    width: 1px;
    height: 15px;
    background-color: #fff;
    transform: rotate(135deg);
    transform-origin: 0 1px;
    position: absolute;
    top: 50%;
    right: 40px; }
.e-btn::after {
    width: 60px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 40px; }
.e-btn.-default {
    background-color: #999a9a;
    color: #fff;
    display: inline-block;
    line-height: 117px;
    font-size: 1.6rem; }
.e-btn.-primary {
    background: linear-gradient(90deg, #e62f82 0%, #4553a3 100%);
    color: #fff;
    display: inline-block; }
.e-btn.-blue {
    background: #4553a3;
    color: #fff;
    display: inline-block; }
.e-btn.-red {
    background: #e62f82;
    color: #fff;
    display: inline-block;
	margin-bottom: 0px;
}
.e-btn.-lg {
    line-height: 80px;
    font-size: 1.4rem; }

.entry-btnGroup{
	text-align: center;
margin-bottom: 30px;
}

.entry_title{
	color: #4553a3;
  letter-spacing: 0.05em;
    font-size: 2.8rem;
    margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
}

.entry_subtitle{
  letter-spacing: 4px;
    font-size: 2rem;
    margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
}

.underLink{
	width: 100%;
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 30px;
}

.underLink a{
	text-decoration: underline;
}


.c-card_thumbnail img {
  width: 100%;
  height: auto; }
.c-card_item {
  flex: 1 1; }
.c-card_body {
  padding: 20px; }
.c-card.-type01 .c-card_body {
  background: linear-gradient(0deg, #e62f82 0%, #4553a3 100%);
  color: #fff; }
.career .c-card.-type01 .c-card_body{
	background: #e62f82;
}
.c-card.-type01 .c-card_title {
  font-size: 2rem;
  margin-bottom: 10px; }
.c-card.-type01 .c-card_text {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 15px; }
.c-card.-type01 .c-card_btn {
  height: 50px;
  margin-left: 20px; }
.c-card.-type01 .c-card_btn::before {
    background-color: #fff; }
.c-card.-type01 .c-card_btn::after {
    border-color: #fff;
    height: 30px; }
.c-card.-type01 .c-card_btnItem {
  background-color: #fff;
  color: #e62f82; }
.c-card.-type01.half{
	width: 50%;
	margin: 0 auto;
}
@media (max-width: 769px) {
	.c-card.-type01.half{
		width: 100%;
	}
}
.c-figureArea {
  position: relative;
  margin-bottom: 40px; }
.c-figureArea.-type01 .c-figureArea_caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #e62f82;
    padding: 20px;
    color: #fff;
    box-sizing: border-box; }
.c-figureArea.-type01 .c-figureArea_caption::after {
      content: "";
      width: 100%;
      height: 30%;
      background: linear-gradient(180deg, rgba(69, 83, 163, 0.3) 0%, transparent 100%);
      position: absolute;
      top: 0;
      left: 0; }
.c-figureArea.-type01 .c-figureArea_captionTitle {
      font-size: 2.4rem;
      margin-bottom: 10px; }
.c-figureArea.-type01 .c-figureArea_captionText {
      font-size: 1.3rem; }
.c-figureArea.-type02 {
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); }
.c-figureArea.-type02 .c-figureArea_captionTitle {
      font-size: 2.3rem;
      text-align: center;
      padding: 25px 0;
      color: #e62f82; }
.c-figureArea.-type02 .c-figureArea_captionTitle small {
        color: #000;
        display: block;
        font-size: 1.6rem; }
.c-figureArea.-type02 .c-figureArea_captionText {
      font-size: 1.3rem;
      padding: 10px; }
.c-figureArea.-type03 .c-figureArea_caption {
    font-size: 1.1rem;
    margin-top: 10px; }
.c-figureArea.-type04 {
    background: linear-gradient(45deg, #e62f82 0%, #4553a3 100%); }
.c-figureArea.-type04 .c-figureArea_captionTitle {
      color: #fff;
      font-size: 2.7rem; }
.c-figureArea.-type04 .c-figureArea_captionText {
      color: #e62f82;
      background-color: #fff;
      font-size: 2rem;
      font-weight: bold;
      box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); }
.c-figureArea.-type04 .c-figureArea_captionText_border{
	  box-shadow: none;
	  border-bottom: 1px solid #E7E7E7;}
.c-flow {
  position: relative; }
.c-flow::after {
    content: "";
    width: 5px;
    height: 100%;
    background-color: #e62f82;
    position: absolute;
    top: 0;
    left: 20px; }
.c-flow_item {
    position: relative; }
.c-flow_item::after {
      width: 15px;
      height: 15px;
      content: "";
      border: 2px solid #e62f82;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      z-index: 1;
      top: 2.2rem;
      left: 13px; }
.c-flow_item + .c-flow_item {
      margin-top: 35px; }
.c-flow_title {
    border-bottom: 1px solid #b7b7b4;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #e62f82;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 50px; }
.c-flow_text {
    font-size: 1.3rem;
    padding-left: 50px; }
.c-heading {
  text-align: center; }
.c-heading_inner {
    display: inline-block; }
.c-heading.-lv2 {
    font-size: 2rem;
    font-weight: bold;
    color: #4553a3;
    margin-bottom: 50px; }
.c-heading.-lv2 .c-heading_inner {
      background: linear-gradient(200deg, #e62f82 0%, #4553a3 100%);
      padding: 2px 0; }
.c-heading.-lv2 .c-heading_inner span {
        display: inline-block;
        background-color: #fff;
        padding: 10px 40px; }
.c-heading.-lv2 .c-heading_inner small {
        font-size: 1.4rem;
        display: block; }
.c-heading.-lv3 {
    font-size: 2.3rem;
    color: #e62f82;
    line-height: 1.7;
    margin-bottom: 40px; }
.c-heading.-lv4 {
    text-align: left;
    font-size: 1.9rem;
    color: #e62f82;
    margin-bottom: 35px; }
.c-headingArea {
  text-align: center;
  margin-bottom: 35px; }
.c-headingArea_title {
    font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #4553a3;
    font-weight: 100;
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 10px; }  
.c-headingArea_lead {
    font-size: 1.4rem; }

.c-headingArea_copy {
    font-size: 4rem;
	margin-bottom:0px;
	  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
	color: #4553a3;
}


.c-keyvisual {
  position: relative;
  overflow: hidden; }
.c-keyvisual_image img {
    width: 100%;
    height: auto; }
.c-keyvisual_title {
    position: absolute;
    width: 100%;
    color: #fff; }
.c-keyvisual_titleInner {
      max-width: 975px;
      margin: 0 auto;
      display: block;
      padding: 0 20px; }
.c-keyvisual_titleEn {
      font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 5rem;
      font-weight: 100;
      display: block;
      margin-bottom: 10px; 
      color: #fff;}
.c-keyvisual_titleJa {
      font-size: 1.4rem;
      display: block; 
      color: #fff;}
.blu {
      color: #4553a3;}
.c-keyvisual_copy {
    background: linear-gradient(90deg, rgba(69, 83, 163, 0.8) 0%, rgba(230, 47, 130, 0.8) 100%);
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: 5px;
    text-align: center;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
.c-keyvisual_nav {
    background: linear-gradient(45deg, rgba(69, 83, 163, 0.8) 0%, rgba(230, 47, 130, 0.8) 100%);
    color: #fff;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
.c-keyvisual_navList li {
      flex: 1 1;
      position: relative; }
.c-keyvisual_navList li:after {
        content: "";
        width: 10px;
        height: 10px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px; }
.c-keyvisual_navList a {
      display: block;
      padding: 15px 30px;
      white-space: nowrap;
      overflow: hidden;
      transition: opacity 0.2s linear; }
.c-keyvisual_navList a:hover {
        text-decoration: none;
        opacity: 0.7; }
.c-link_color{
color: #e62f82!important;
text-decoration: underline!important;
opacity: 1;}
.c-link_color:hover{
opacity: 0.7;}
.c-link:hover {
  text-decoration: underline; }
.c-movie_item {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
.c-movie_item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.c-tab {
  margin-top: 30px; }
.c-tab + .l-section {
    padding-top: 30px; }
.c-tab_inner {
    max-width: 766px;
    margin: 0 auto;
    padding: 10px 20px; }
.c-tab_list {
    display: flex;
    border: 1px solid #4553a3; }
.c-tab_item {
    flex: 1 1;
    display: flex;
    align-items: center;
    text-align: center;
    color: #4553a3;
    position: relative; }
.c-tab_item + .c-tab_item {
      border-left: 1px solid #4553a3; }
.c-tab_item.is-current {
      background-color: #4553a3;
      color: #fff; }
.c-tab_item.is-current::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #4553a3 transparent transparent transparent;
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -5px; }
.c-tab a {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 18px 4px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    transition: opacity 0.2s linear; }
.c-tab a:hover {
      text-decoration: none;
      opacity: 0.7; }
.c-table {
  font-size: 1.3rem; }
.c-table table {
    width: 100%; }
.c-table th, .c-table td {
    border: 1px solid #b7b7b4;
    padding: 10px; }
.c-table_title {
    font-weight: bold;
    margin-bottom: 10px; }
.c-table_caption {
    font-size: 1.1rem;
    margin-top: 10px; }
.c-table.-type01 th {
    background-color: #ecedf6;
    text-align: center;
    vertical-align: middle; }
.c-table.-type01 th, .c-table.-type01 td {
    padding: 20px; }
.c-table.-type02 td {
    text-align: center; }
.c-text_lead {
  color: #4553a3;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 40px; }
.c-text_base {
  font-size: 1.3rem;
  line-height: 2;
  margin-bottom: 40px; }
.c-text_base:last-child {
    margin-bottom: 0; }
.c-text_base.t-center{
	text-align: center;
}
.c-textArea + .c-textArea {
  margin-top: 30px; }
.c-textArea_item + .c-textArea_item {
  margin-top: 30px; }
.c-textArea_title {
  border-bottom: 1px solid #b7b7b4;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #e62f82;
  font-size: 1.5rem;
  font-weight: bold; }
.c-textArea_body {
  font-size: 1.3rem;
  line-height: 1.8; }
.p-company-keyvisual_title {
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.p-company-strategy {
  margin-bottom: 40px; }
.p-company-strategy_list {
    font-size: 1.3rem;
    font-weight: bold;
    counter-reset: num; }
.p-company-strategy_item {
    position: relative;
    padding: 20px 0 20px 40px;
    border-top: 1px solid #b7b7b4; }
.p-company-strategy_item::before {
      counter-increment: num;
      content: counter(num);
      font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: 100;
      font-size: 3.6rem;
      color: #e62f82;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }
.p-index-message_heading {
  color: #4553a3;
  letter-spacing: 4px; }
.p-index-message_lead {
  font-size: 1.3rem;
  line-height: 2; }
.p-index-company {
  padding-top: 0;
  padding-bottom: 0; }
.p-index-company_inner {
    position: relative; }
.p-index-company_body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box; }
.p-index-company_title, .p-index-company_lead {
    color: #4553a3;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.p-index-company_btn::before {
     }
.p-index-company_btn::after {
     }
.p-index-company_btnItem {
     }
.p-index-recruit_item {
  position: relative;
  overflow: hidden; }
.p-index-recruit_item::after {
    content: "";
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(230, 47, 130, 0.5) 0%, transparent 100%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0; }
.p-index-recruit_item::before {
    content: "";
    padding-top: 126%;
    display: block; }
.p-index-recruit_item:nth-child(2) {
    background: linear-gradient(135deg, #e62f82 0%, #4553a3 100%); }
.p-index-recruit_item:nth-child(2) .c-headingArea_title,
    .p-index-recruit_item:nth-child(2) .c-headingArea_lead {
      color: #fff; }
.p-index-recruit_item:nth-child(2)::after {
      content: none; }
      .p-index-recruit_item {
  position: relative;
  overflow: hidden; }
.p-index-recruit_item::after {
    content: "";
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(230, 47, 130, 0.5) 0%, transparent 100%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0; }
.p-index-recruit_item::before {
    content: "";
    padding-top: 126%;
    display: block; }
.p-index-recruit_item:nth-child(2) {
    background: linear-gradient(135deg, #e62f82 0%, #4553a3 100%); }
.p-index-recruit_item:nth-child(2) .c-headingArea_title,
    .p-index-recruit_item:nth-child(2) .c-headingArea_lead {
      color: #fff; }
.p-index-recruit_item:nth-child(2)::after {
      content: none; }
.p-index-recruit_item_2 {
  position: relative;
  overflow: hidden; }
.p-index-recruit_item_2::before {
    content: "";
    display: block; }
.p-index-recruit_item_2 .c-headingArea_title {
    margin-top: 10px; }
.p-index-recruit_thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.p-index-recruit_thumbnail img {
    width: 100%;
    height: 100%; }
.p-index-recruit_thumbnail_2 img {
      width: 100%;}
.p-index-recruit_body {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }
.p-index-recruit_btn {
  height: 50px;
  margin-left: 20px;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 60px); }
.p-index-recruit_btn::after {
    height: 30px; }
.p-index-recruit_movie {
  margin-left: -20px;
  margin-right: -20px; }
.p-people-interviewList {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  margin: 0 -7.5px;
  margin-bottom: 30px; }
.p-people-interviewList_item {
    box-sizing: border-box;
    padding: 0 7.5px;
    margin-top: 15px;
    transition: opacity 0.2s linear; }
.p-people-interviewList_item:hover {
      text-decoration: none;
      opacity: 0.7; }
.p-people-interviewList_itemInner {
      box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
      background-color: #fff; }
.p-people-interviewList_body {
    padding: 10px 2px;
    text-align: center; }
.p-people-interviewList_body.-man {
      color: #4553a3; }
.p-people-interviewList_body.-woman {
      color: #e62f82; }
.p-people-interviewList_department {
    font-size: 1.0rem; }
.p-people-interviewList_name {
    font-size: 1.8rem; }
.p-people-interviewList_thumbnail img {
    width: 100%;
    height: auto; }
.p-people-interviewListArea {
  background-color: #efefef;
  padding-top: 30px; }
.p-people-interviewListArea_title {
    font-size: 2.4rem;
    letter-spacing: 5px;
    color: #4553a3;
    display: flex;
    justify-content: center;
    margin-bottom: 30px; }
.p-people-interviewKeyvisual {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05); }
.p-people-interviewKeyvisual_body {
    position: relative; }
.p-people-interviewKeyvisual_copy {
    background: linear-gradient(45deg, #4553a3 0%, #e62f82 100%);
    top: 0;
    right: 0;
    height: 40%;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    font-size: 2.7vw;
    letter-spacing: 0; }
.p-people-interviewKeyvisual_text {
    padding: 15px 25px;
    box-sizing: border-box; }
.p-people-interviewKeyvisual_name {
    color: #4553a3;
    font-size: 2vw;
    font-weight: bold;
    margin-bottom: 10px; }
.p-people-interview_text .p-people-interviewKeyvisual_name{
	font-size: 2rem;}
.p-people-interviewKeyvisual_department {
    font-size: 1.2vw;
    line-height: 2; }
.p-people-interview_text .p-people-interviewKeyvisual_department{
	font-size: 1.2rem;}
.p-people-message {
  position: relative;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05); }
.p-people-message_title {
    padding: 10px 25px;
    background-color: #fff;
    color: #e62f82;
    font-size: 2rem;
    text-align: right; }
.p-people-message_text {
    background-color: #4553a3;
    padding: 35px 25px;
    color: #fff;
    font-size: 1.3rem; }
.p-people-message_text .people-message_title{
	font-size: 1.4rem;
	font-weight: bold;}
.p-people-message_thumbnail {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -15px;
    left: -15px; }
.p-people-womanList {
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px; }
.p-people-womanList_item {
    box-sizing: border-box;
    padding: 20px 10px 0; }
.p-people-womanList_thumbnail {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden; }
.p-people-womanList_name {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center; }
.p-people-womanList_department {
    text-align: center; }
.p-people-womanList_joiningYear {
    text-align: center; }
.p-people-womanList_profile {
    border-top: 1px solid #dbdbd9;
    padding-top: 12px;
    margin-top: 12px; }
.p-recruit-faq_title {
  font-size: 1.8rem;
  color: #fff;
  background: linear-gradient(270deg, #e62f82 0%, #4553a3 100%);
  padding: 10px 30px; }
.p-recruit-faq_itemText {
  position: relative;
  padding-left: 35px; }
.p-recruit-faq_itemText::before {
    content: "A.";
    color: #e62f82;
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: 0; }
.p-recruit-map_access dt {
  font-weight: bold; }
.p-recruit-map_access dd {
  position: relative;
  padding-left: 1.5rem; }
.p-recruit-map_access dd::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0; }
.p-recruit-map_itemText {
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
  padding: 20px; }
.p-recruit-map_map {
  position: relative;
  overflow: hidden;
  padding-top: 60%;
  margin-top: 20px; }
.p-recruit-map_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.p-recruit-pickup {
  margin: 60px 0 0 0;
  padding: 30px; }
.p-recruit-pickup_title {
    font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 100;
    text-align: center;
    font-size: 3.6rem;
    line-height: 1;
    margin-bottom: 20px; }
.p-recruit-pickup_titleInner {
      display: inline-block;
      color: #4553a3; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
        .p-recruit-pickup_titleInner {
          -webkit-background-clip: text;
                  background-clip: text;
          color: transparent;
          background-image: linear-gradient(45deg, #e62f82 0%, #4553a3 100%); } }
.p-recruit-pickup_itemTitle {
    color: #4553a3;
    text-align: center; }
.js-accordion-trigger {
  cursor: pointer;
  transition: opacity 0.2s linear; }
.js-accordion-trigger:hover {
    text-decoration: none;
    opacity: 0.7; }
.js-accordion-target {
  display: none; }
.u-block {
  display: block; }
.u-none {
  display: none; }
.u-iblock {
  display: inline-block; }
.u-right {
  text-align: right; }
.u-center {
  text-align: center; }
.u-mt0 {
  margin-top: 0px !important; }
.u-mb0 {
  margin-bottom: 0px !important; }
.u-pt0 {
  padding-top: 0px !important; }
.u-pb0 {
  padding-bottom: 0px !important; }
.u-ml0 {
  margin-left: 0px !important; }
.u-mr0 {
  margin-right: 0px !important; }
.u-pl0 {
  padding-left: 0px !important; }
.u-pr0 {
  padding-right: 0px !important; }
.u-mt5 {
  margin-top: 5px !important; }
.u-mb5 {
  margin-bottom: 5px !important; }
.u-pt5 {
  padding-top: 5px !important; }
.u-pb5 {
  padding-bottom: 5px !important; }
.u-ml5 {
  margin-left: 5px !important; }
.u-mr5 {
  margin-right: 5px !important; }
.u-pl5 {
  padding-left: 5px !important; }
.u-pr5 {
  padding-right: 5px !important; }
.u-mt10 {
  margin-top: 10px !important; }
.u-mb10 {
  margin-bottom: 10px !important; }
.u-pt10 {
  padding-top: 10px !important; }
.u-pb10 {
  padding-bottom: 10px !important; }
.u-ml10 {
  margin-left: 10px !important; }
.u-mr10 {
  margin-right: 10px !important; }
.u-pl10 {
  padding-left: 10px !important; }
.u-pr10 {
  padding-right: 10px !important; }
.u-mt15 {
  margin-top: 15px !important; }
.u-mb15 {
  margin-bottom: 15px !important; }
.u-pt15 {
  padding-top: 15px !important; }
.u-pb15 {
  padding-bottom: 15px !important; }
.u-ml15 {
  margin-left: 15px !important; }
.u-mr15 {
  margin-right: 15px !important; }
.u-pl15 {
  padding-left: 15px !important; }
.u-pr15 {
  padding-right: 15px !important; }
.u-mt20 {
  margin-top: 20px !important; }
.u-mb20 {
  margin-bottom: 20px !important; }
.u-pt20 {
  padding-top: 20px !important; }
.u-pb20 {
  padding-bottom: 20px !important; }
.u-ml20 {
  margin-left: 20px !important; }
.u-mr20 {
  margin-right: 20px !important; }
.u-pl20 {
  padding-left: 20px !important; }
.u-pr20 {
  padding-right: 20px !important; }
.u-mt25 {
  margin-top: 25px !important; }
.u-mb25 {
  margin-bottom: 25px !important; }
.u-pt25 {
  padding-top: 25px !important; }
.u-pb25 {
  padding-bottom: 25px !important; }
.u-ml25 {
  margin-left: 25px !important; }
.u-mr25 {
  margin-right: 25px !important; }
.u-pl25 {
  padding-left: 25px !important; }
.u-pr25 {
  padding-right: 25px !important; }
.u-mt30 {
  margin-top: 30px !important; }
.u-mb30 {
  margin-bottom: 30px !important; }
.u-pt30 {
  padding-top: 30px !important; }
.u-pb30 {
  padding-bottom: 30px !important; }
.u-ml30 {
  margin-left: 30px !important; }
.u-mr30 {
  margin-right: 30px !important; }
.u-pl30 {
  padding-left: 30px !important; }
.u-pr30 {
  padding-right: 30px !important; }
.u-mt35 {
  margin-top: 35px !important; }
.u-mb35 {
  margin-bottom: 35px !important; }
.u-pt35 {
  padding-top: 35px !important; }
.u-pb35 {
  padding-bottom: 35px !important; }
.u-ml35 {
  margin-left: 35px !important; }
.u-mr35 {
  margin-right: 35px !important; }
.u-pl35 {
  padding-left: 35px !important; }
.u-pr35 {
  padding-right: 35px !important; }
.u-mt40 {
  margin-top: 40px !important; }
.u-mb40 {
  margin-bottom: 40px !important; }
.u-pt40 {
  padding-top: 40px !important; }
.u-pb40 {
  padding-bottom: 40px !important; }
.u-ml40 {
  margin-left: 40px !important; }
.u-mr40 {
  margin-right: 40px !important; }
.u-pl40 {
  padding-left: 40px !important; }
.u-pr40 {
  padding-right: 40px !important; }
.u-mt45 {
  margin-top: 45px !important; }
.u-mb45 {
  margin-bottom: 45px !important; }
.u-pt45 {
  padding-top: 45px !important; }
.u-pb45 {
  padding-bottom: 45px !important; }
.u-ml45 {
  margin-left: 45px !important; }
.u-mr45 {
  margin-right: 45px !important; }
.u-pl45 {
  padding-left: 45px !important; }
.u-pr45 {
  padding-right: 45px !important; }
.u-mt50 {
  margin-top: 50px !important; }
.u-mb50 {
  margin-bottom: 50px !important; }
.u-pt50 {
  padding-top: 50px !important; }
.u-pb50 {
  padding-bottom: 50px !important; }
.u-ml50 {
  margin-left: 50px !important; }
.u-mr50 {
  margin-right: 50px !important; }
.u-pl50 {
  padding-left: 50px !important; }
.u-pr50 {
  padding-right: 50px !important; }
.u-mt55 {
  margin-top: 55px !important; }
.u-mb55 {
  margin-bottom: 55px !important; }
.u-pt55 {
  padding-top: 55px !important; }
.u-pb55 {
  padding-bottom: 55px !important; }
.u-ml55 {
  margin-left: 55px !important; }
.u-mr55 {
  margin-right: 55px !important; }
.u-pl55 {
  padding-left: 55px !important; }
.u-pr55 {
  padding-right: 55px !important; }
.u-mt60 {
  margin-top: 60px !important; }
.u-mb60 {
  margin-bottom: 60px !important; }
.u-pt60 {
  padding-top: 60px !important; }
.u-pb60 {
  padding-bottom: 60px !important; }
.u-ml60 {
  margin-left: 60px !important; }
.u-mr60 {
  margin-right: 60px !important; }
.u-pl60 {
  padding-left: 60px !important; }
.u-pr60 {
  padding-right: 60px !important; }
.u-mt65 {
  margin-top: 65px !important; }
.u-mb65 {
  margin-bottom: 65px !important; }
.u-pt65 {
  padding-top: 65px !important; }
.u-pb65 {
  padding-bottom: 65px !important; }
.u-ml65 {
  margin-left: 65px !important; }
.u-mr65 {
  margin-right: 65px !important; }
.u-pl65 {
  padding-left: 65px !important; }
.u-pr65 {
  padding-right: 65px !important; }
.u-mt70 {
  margin-top: 70px !important; }
.u-mb70 {
  margin-bottom: 70px !important; }
.u-pt70 {
  padding-top: 70px !important; }
.u-pb70 {
  padding-bottom: 70px !important; }
.u-ml70 {
  margin-left: 70px !important; }
.u-mr70 {
  margin-right: 70px !important; }
.u-pl70 {
  padding-left: 70px !important; }
.u-pr70 {
  padding-right: 70px !important; }
.u-mt75 {
  margin-top: 75px !important; }
.u-mb75 {
  margin-bottom: 75px !important; }
.u-pt75 {
  padding-top: 75px !important; }
.u-pb75 {
  padding-bottom: 75px !important; }
.u-ml75 {
  margin-left: 75px !important; }
.u-mr75 {
  margin-right: 75px !important; }
.u-pl75 {
  padding-left: 75px !important; }
.u-pr75 {
  padding-right: 75px !important; }
.u-mt80 {
  margin-top: 80px !important; }
.u-mb80 {
  margin-bottom: 80px !important; }
.u-pt80 {
  padding-top: 80px !important; }
.u-pb80 {
  padding-bottom: 80px !important; }
.u-ml80 {
  margin-left: 80px !important; }
.u-mr80 {
  margin-right: 80px !important; }
.u-pl80 {
  padding-left: 80px !important; }
.u-pr80 {
  padding-right: 80px !important; }
.u-mt85 {
  margin-top: 85px !important; }
.u-mb85 {
  margin-bottom: 85px !important; }
.u-pt85 {
  padding-top: 85px !important; }
.u-pb85 {
  padding-bottom: 85px !important; }
.u-ml85 {
  margin-left: 85px !important; }
.u-mr85 {
  margin-right: 85px !important; }
.u-pl85 {
  padding-left: 85px !important; }
.u-pr85 {
  padding-right: 85px !important; }
.u-mt90 {
  margin-top: 90px !important; }
.u-mb90 {
  margin-bottom: 90px !important; }
.u-pt90 {
  padding-top: 90px !important; }
.u-pb90 {
  padding-bottom: 90px !important; }
.u-ml90 {
  margin-left: 90px !important; }
.u-mr90 {
  margin-right: 90px !important; }
.u-pl90 {
  padding-left: 90px !important; }
.u-pr90 {
  padding-right: 90px !important; }
.u-mt95 {
  margin-top: 95px !important; }
.u-mb95 {
  margin-bottom: 95px !important; }
.u-pt95 {
  padding-top: 95px !important; }
.u-pb95 {
  padding-bottom: 95px !important; }
.u-ml95 {
  margin-left: 95px !important; }
.u-mr95 {
  margin-right: 95px !important; }
.u-pl95 {
  padding-left: 95px !important; }
.u-pr95 {
  padding-right: 95px !important; }
.u-mt100 {
  margin-top: 100px !important; }
.u-mb100 {
  margin-bottom: 100px !important; }
.u-pt100 {
  padding-top: 100px !important; }
.u-pb100 {
  padding-bottom: 100px !important; }
.u-ml100 {
  margin-left: 100px !important; }
.u-mr100 {
  margin-right: 100px !important; }
.u-pl100 {
  padding-left: 100px !important; }
.u-pr100 {
  padding-right: 100px !important; }
.u-mb120 {
  margin-bottom: 120px !important; }
.u-color-main {
  color: #e62f82; }
.u-color-sub {
  color: #4553a3; }
.u-text-bold {
  font-weight: bold; }
.u-text-left{
	text-align: left !important;}
.p-people-interview_text{
background-color: #fff;
padding: 15px 25px 0;}


.career section + section{
margin-top: 0px;}

.career #mv .ttls .category_recruit{
display: inline-block;
background: linear-gradient(90deg, #4553a3 0%, #e62f82 100%);
color: #fff;
font-size: 12px;
padding: 8px 16px;
margin: 0 0 16px;}

.career #mv .ttls .page_ttl{
font-size: 50px;
font-weight: 200;
line-height: 1.4;}

.career #mv .p_rel{
top: 50%;
-webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
     -o-transform: translate(0, -50%);
        transform: translate(0, -50%);}

.career .l-header_entry{
right: 10px;
left: auto;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "Roboto", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.career .l-header_entry a{
font-size: 13px;
font-weight: bold;
display: inline-block;}

.career .l-header_entry a .c-arrow{
width: 24px;
height: 10px;
margin: 0 0 0 8px;}

.career .l-header_entry a .c-arrow:before{
transform-origin: -2px 7px;}

.career .l-header_entry a .c-arrow:after{
width: 24px;}

.career .l-header_entry a.box_entry{
background-color: #e62f82;
padding: 16px;
min-width: 250px;
color: #ffffff;
text-align: center;
position: relative;
margin: 0 0 0 24px;}

.career .l-header_entry a.box_entry:hover,
.career a.c-btn.-primary:hover{
color: #ffffff!important;}

.career .l-header_entry a.box_entry .c-arrow{
position: absolute;
right: 16px;}

.career .l-header_entry a.box_entry .c-arrow:before,
.career .l-header_entry a.box_entry .c-arrow:after{
background-color: #ffffff;}

.career .l-header_entry a.box_entry .c-arrow:before{
transform-origin: -2px 6px;}

.career .l-footer{
margin-top: 50px;}

.under_caption{
padding-left:1em;
text-indent:-1em;
font-size: 13px;
margin: 8px 0 0;}

.under_caption_noindent{
font-size: 13px;
margin: 35px 0 0;}

.career .c-flow_item:after,
.career .c-flow:after{
top: 5px;}

.career .c-flow:after{
height: 99%;}

.career .c-flow_title{
padding-left: 0;
margin-left: 50px;}

.career .c-flow_text{
line-height: 1.8;}

.c-flow_label{
display: inline-block;
font-size: 1.3rem;
background-color: #4553a3;
padding: 10px 0;
margin: 25px 0 0 50px;
min-width: 110px;
border-radius: 100px;
color: #ffffff;
text-align: center;}

.career .c-flow_item:last-child .c-flow_title{
border-bottom: 0px solid #b7b7b4;
padding-bottom: 0px;
margin-bottom: 0px;}

.career .l-header{
position: fixed;}

.career #mv .bg_img{
margin: 80px auto 0;}

.movie-box.view_box .close_txt{
position: relative;
margin: 0;
padding: 0;}

.top-movie-wrap{
position: absolute;
right: 50px;
width: 20vw;
bottom: 50px;
max-width: 480px;
min-width: 320px;}

.movie-box.view_box{
max-width: 900px;
width: 86vw;
margin: 0 auto;
right: 0;
left: 0;
top: 50px;
height: auto;}

.ifram-wrap iframe{
width: 100%;
height: 50vw;
max-height: 473px;
min-height: 197px;
margin: 0 0 20px;}

#top .c-card{
flex-wrap: wrap;}

#top .p-index-recruit_item {
position: relative;
overflow: hidden;
width: 49%;
flex: none;}

#top .p-index-recruit_item_2 {
  width: 98%;
  }


#top .p-index-recruit_item:nth-child(2),
#top .p-index-recruit_item:nth-child(3){
top: 0;}

#top .c-movie_item{
padding-top: 6.25%;
	
}

@media (max-width: 769px) {
	padding-top: 0%;
}

#top .c-card_item + .c-card_item{
border:0;}

#top #top-content-List .c-btnArrow_item{
background-color: #ffffff;
color: #172683;}

#top #top-content-List .c-btnArrow::before{
background-color: #ffffff;}

#top #top-content-List .c-btnArrow::after{
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;}

.min-section{
max-width:1000px;
margin:0 auto;
}

.color-white{
color: #ffffff!important;}

.tar{
text-align: right!important;}

.color-blue{
color: #172683!important;}

.photo-caption{
font-size: 10px;
padding: 0 10px 0 0;
margin:15px 0 0;}

.bg-color-image{
background: linear-gradient(135deg, #e62f82 0%, #4553a3 100%);
text-align: center;}

.bg-color-image img{
max-width: 450px;}

.medalist-data{
margin:0 0 80px;}

.data01{
font-size: 16px;
line-height: 1.3;
margin:0 0 10px;}

.data02{
font-size: 30px;
font-weight: 900;
margin:0 0 25px;}

.data03{
font-size: 14px;
line-height: 1.5;}

.line-inner{
border-bottom: 1px solid #d9d9d9;
padding: 0 0 25px;
margin: 0 0 25px;}

.l-heading{
font-size: 16px;
font-weight: 900;
margin:0 0 10px;}

.message-box{
border: 1px solid #d9d9d9;
padding: 25px;
margin: 40px 0 0;}

.movi-thum-List{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;}

.movi-thum-List li{
width: 50%;
margin:0 0 40px;}

.movi-thum-List .p-people-interviewList_item{
display: block;
width: 100%;
padding: 0 20px;}

/*view_box*/
.view_box {
    position: fixed;
    display: none;
    width: 720px;
    height: 560px;
    padding: 30px;
    background: #fff;
    top: calc(50% - 280px);
    left: calc(50% - 360px);
    box-shadow: 0 0 5px 1px hsla(0, 0%, 0%, 0.25);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 999;
    color: #333;
}
.view_box.auto_h {
    top: 30px;
    height: 580px;
}
@media all and (-ms-high-contrast: none){
  .view_box.auto_h {
    height: 70vh;
  }
}
.view_box.auto_h .view_box_scr_wrap {
  overflow-y: auto;
}
.view_box .close_txt {
    text-align: center;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 20px 0;
}
.view_box .close {
    font-size: 3rem;
    position: absolute;
    /* right: 10vw; */
    text-align: right;
    right: 15px;
    top: 15px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.view_box .close:hover {
    opacity: .7;
}
.view_box .close span {
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.view_box .close span:before {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-45deg);
}
.view_box .close span:after {
    content: '';
    width: 32px;
    height: 3px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: 15px;
    left: 0px;
    transform: rotate(-135deg);
}
.view_box .close_txt:hover {
    text-decoration: underline;
}
.view_box.open {
    visibility: visible;
    opacity: 1;
    display: block;
}
.view_box .ttl {
  font-size: 2.7rem;
}
.view_box .ttl + * {
  margin-top: 20px;
}
.view_box .sttl {
  font-size: 1.8rem;
}
.view_box .sttl + * {
  margin-top: 10px;
}
.view_box_smoke{
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.view_box_smoke.on{
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 998;
    -webkit-transition: all .7s;
    transition: all .7s;
}


@media (prefers-reduced-motion:reduce), (print){.animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}}
@media (max-width: 768px) {
    html {
      font-size: 11px; }
      .l-footer_pagetop button {
        right: 0;
        width: 5em;
        height: 5em;
        text-align: center; }
        .l-footer_pagetop button::before {
          content: "";
          width: 1px;
          height: 15px;
          background-color: #000;
          position: absolute;
          top: 5px;
          left: 50%; }
    .l-header {
      padding: 10px 10px; }
    .l-nav {
      width: 100%;
      /*transition: right 0.1s linear;*/ }
    .l-section {
      padding: 30px 20px; }
    .l-section_top {
      padding: 30px 20px 0 20px; }
    .l-section.-sp-fluid {
      padding-left: 0;
      padding-right: 0; }
    .c-accordion_inner {
      margin-bottom: 30px; }
    .c-box {
      margin-bottom: 30px; }
    .c-btn {
      padding-left: 60px;
      padding-right: 60px; }
      .c-btn::before {
        right: 20px; }
      .c-btn::after {
        width: 30px;
        right: 20px; }
      .c-btn.-default {
        line-height: 65px;
        font-size: 1.4rem; }
      .c-btn.-lg {
        line-height: 130px;
        width: 100%; }
	.c-btn.-lg.-wide {
        line-height: 1.6;
        padding: 20px 0; }
      .c-btn.-md {
        line-height: 65px;
        font-size: 1.4rem; }
	.c-btn.-lg.-spfont{
		font-size: 1.6rem;
	}
		.c-btn.-md.oversea {
    font-size: 1.2rem;
	padding-left: 20px;
	width:auto;
	}
    .c-btnGroup {
      margin-bottom: 15px; }
	.c-btnGroup.noM {
      margin-bottom: 0px; }
	
	.e-btn {
      padding-left: 60px;
      padding-right: 60px; }
.e-btn::before {
        right: 20px; }
.e-btn::after {
        width: 30px;
        right: 20px; }
.e-btn.-lg {
        line-height: 1.6;
        padding: 20px 0;
	width: 100%;}
	
.e-btnGroup{
	text-align: center;
margin-bottom: 40px;
}
	
	.entry_subtitle{
    font-size: 1.6rem;
}
	
	
    .c-btnGroup_list li + li {
      margin-top: 10px; }
    .c-figureArea {
      margin-bottom: 30px; }
        .c-figureArea.-type01 .c-figureArea_captionTitle {
          font-size: 2rem; }
        .c-figureArea.-type01 .c-figureArea_captionText {
          font-size: 1.2rem; }
        .c-figureArea.-type04 .c-figureArea_captionTitle {
          padding: 20px;
          font-size: 2.1rem; }
        .c-figureArea.-type04 .c-figureArea_captionText {
          padding: 20px;
          font-size: 1.8rem; }
      .c-heading.-lv4 {
        margin-bottom: 25px; }
      .c-keyvisual_title {
        top: 20px;
        left: 0; }
        .c-keyvisual_titleEn {
          font-size: 4rem;
          margin-bottom: 3px; }
        .c-keyvisual_titleJa {
          font-size: 1.2rem; }
      .c-keyvisual_copy {
        padding: 15px 0; }
      .c-keyvisual_navList {
        padding: 0 20px; }
        .c-keyvisual_navList li + li {
          border-top: 1px solid #fff; }
        .c-keyvisual_navList a {
          padding: 15px 10px; }
    .c-tab {
      margin-top: 20px; }
      .c-tab + .l-section {
        padding-top: 20px; }
      .c-tab a {
        padding: 12px 4px; }
      .c-table.-type01 th, .c-table.-type01 td {
        padding: 10px; }
    .c-text_lead {
      margin-bottom: 30px; }
    .c-text_base {
      margin-bottom: 30px; }
  .c-textArea_col + .c-textArea_col {
    margin-top: 30px; }
    .p-company-strategy {
      margin-bottom: 30px; }
    .p-company-strategy_title {
      text-align: left; }
      .p-company-strategy_item {
        padding: 10px 0 10px 40px; }
  .p-index-message_inner {
    position: relative; }
    .p-index-message_heading {
      font-size: 2rem;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0; }
    .p-index-message_lead {
      padding-left: 60px;
      min-height: 30rem; }
  .p-index-message_btn {
    margin-left: 20px; }
    .p-index-company_btn {
      position: absolute;
      bottom: 20px;
      left: 40px;
      width: calc(100% - 60px); }
    .p-index-company_title, .p-index-company_lead {
      color: #fff;
    }
    .p-people-interviewList {
      margin-bottom: 15px; }
      .p-people-interviewList_item {
        width: 50%; }
        .p-people-interviewList_item:nth-child(-n+2) {
          margin-top: 0; }
      .p-people-interviewKeyvisual_copy {
        position: static;
        padding: 20px;
        font-size: 2.2rem; }
      .p-people-interviewKeyvisual_name {
        font-size: 2rem; }
      .p-people-interviewKeyvisual_department {
        font-size: 1.2rem; }
      .p-people-womanList_item {
        width: 50%; }
        .p-people-womanList_item:nth-child(-n+2) {
          padding-top: 0; }
    .p-recruit-pickup {
      margin: 30px 0 0 0;
      padding: 20px; }
  .u-pc {
    display: none; }
  .u-color-main-sp {
    color: #e62f82; }
  .u-color-sub-sp {
    color: #4553a3; } 

	#mv .ttls .category_recruit{
		font-size: 0.5vw;
    	margin: 0 0 10px;}

    .career #mv .ttls .category_recruit{
    	padding: 6px 16px;
    	margin: 0 0 5px;
    }

    .career #mv .ttls .page_ttl {
    	font-size: 6vw;}

   	.career .l-header_si{
		margin: 0 20px 0 0;
   	}

   	/*view_box*/
    .view_box {
       	width: 86vw;
       	height: 70vh;
       	padding: 4vw;
       	top: calc(50% - 35vh);
       	left: 0;
       	right: 0;
       	margin: 0 auto;
    }
    .view_box_scr_wrap{
      	position: static;
      	height: auto;
    }
    .link_blk_wrap{
      	height: 77%;
      	padding: 4vw;
    }
    .view_box .close_txt {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 4vw 0 ;
        width: 100%;
    }
    .view_box.auto_h {
      	height: 100%;
      	max-height: 100%;
      	width: 100%;
      	left: 0;
      	top: 0!important;
  	}

   	.top-movie-wrap{
      	bottom: 20px;
      	width: 65%;
      	/*right: 20px;*/
		right:0;
		left:0;
      	margin: 0 auto;
      	min-width: auto;
  	}

  	#top .p-index-recruit_item{
  		width:100%;
  	}

  	.bg-color-image img {
    	max-width: 100%;
	}

	.message-box{
		margin: 15px 0 0;
	}

	.medalist-data{
		margin:0 0 40px;
	}

	.l-heading{
		font-size: 14px;
	}

	.photo-caption{
		margin: 5px 0 0;
	}

	.movi-thum-List{
		display: block;
	}

	.movi-thum-List li{
		width: 100%;
		margin:0 0 20px;
	}

	.movi-thum-List .p-people-interviewList_item{
		padding: 0;
	}

  #top .p-index-recruit_item_2 {
    width: 100%;
  }
  .c-headingArea_title2030 {
    font-size: 3.4rem;
    margin-top: 0px!important;
  }
  .c-headingArea.title2030{
	  margin-bottom:0px;
	  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  }
	
.c-headingArea_copy{
	  /*margin-bottom:0px;
	  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  */
	font-size: 7.8vw;
  }
  
  .l-nav_item:after {
      right: 5px;
	  }
  
  .l-nav_item a {
      padding: 20px 20px 20px 0px;
	  }
.l-nav_item a:hover {
        text-decoration: none;
        opacity: 0.7; }
.l-nav_itemEn {
      font-size: 2.3rem;
      font-weight: 300;
	  line-height:1.2;
      }
.l-nav_itemJa {
      font-size: 1.1rem;
      margin-top: 6px;
	  }

}

@media (max-width: 640px) {
	.career .l-header_si{
		width: 70px;
		margin: 9px 10px 0 0;
   	}
	

	.career .l-header_entry a{
		font-size: 12px;}	

   	.career .l-header_entry a.box_entry{
   		min-width: auto;
   		padding: 10px;
   		margin: 0 0 0 5px;}

   	#mv .ttls .category_recruit{
    	margin: 0 0 8px;}

}

@media (max-width: 330px) {
  
	.career .l-header_entry a{
		font-size: 11px;}

	#mv .ttls .category_recruit{
    	padding: 4px 12px;
    	margin: 0 0 4px;}
    .career .c-btn.-primary{
    	font-size: 1.3rem;
    }
}



@media (min-width: 769px) {
      .l-footer_pagetop button {
        right: 0;
        padding:0 6px 10px;
        border-bottom: 1px solid #000;
        width: 12rem;
        text-align: left;
        transform: rotate(90deg);
        transform-origin: 0 0; }
    .l-nav {
      /*width: 375px;
      transition: right 0.5s linear;*/ }
      .c-btn.-lg {
        min-width: 450px;
        width: 45%; }
	.c-btn.-lg.-wide {
        min-width: 520px;
        width: 45%; }
      .career .c-btn.-lg{
		min-width: 584px;}
      .c-btn.-md {
        font-size: 1.6rem;
        width: 45%; }
    .c-btnGroup_list {
      display: flex;
      margin: 0 -5px; }
    .c-btnGroup_list li {
      flex: 1 1;
      padding: 0 5px; }
  .c-card {
    display: flex;
    justify-content: center; }
  .c-card_item + .c-card_item {
    border-left: 2px solid #fff; }
  .career .c-card_item + .c-card_item{
	border-left: 10px solid #fff;}
      .c-figureArea.-type01 .c-figureArea_caption {
        text-align: center; }
        .c-figureArea.-type02 .c-figureArea_captionText {
          max-width: 60%;
          margin: 0 auto; }
        .c-figureArea.-type04 .c-figureArea_captionTitle {
          text-align: center;
          padding: 25px; }
        .c-figureArea.-type04 .c-figureArea_captionText {
          text-align: center;
          padding: 25px; }
      .c-keyvisual_title {
        top: 50%;
        transform: translate(0, -50%); }
      .c-keyvisual_navList {
        display: flex; }
        .c-keyvisual_navList li + li {
          border-left: 1px solid #fff; }
  .c-textArea {
    display: flex;
    margin: 0 -20px; }
  .c-textArea_v2 {
    display: block;
    margin: 0 0px; }
  .c-textArea_col {
    width: 50%;
    padding: 0 20px; }
  .c-textArea_col_v2{
  	width: 100%;
  	padding: 0;}
    .p-company-strategy_lead {
      text-align: center; }
      .p-company-strategy_list {
        display: flex;
        margin: 0 -10px; }
      .p-company-strategy_listCol {
        flex: 1 1;
        padding: 0 10px; }
    .p-index-message_heading {
      padding-right: 170px;
      font-size: 2.4rem;
      margin-bottom: 30px; }
    .p-index-message_lead {
      padding-right: 170px;
      margin-bottom: 25px; }
  .p-index-message_btn {
    margin-left: 120px; }
      .p-index-company_bodyInner {
        max-width: 767px;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .p-index-company_headingArea {
      text-align: left;
      margin-left: -70px; }
  .p-index-recruit {
    /*padding-bottom: 160px;*/ }
    .p-index-recruit_item:nth-child(2) {
      top: 80px; }
    .p-index-recruit_item:nth-child(3) {
      top: 160px; }
      .p-people-interviewList_item {
        width: 25%; }
        .p-people-interviewList_item:nth-child(-n+4) {
          margin-top: 0; }
    .p-people-interviewKeyvisual {
      display: flex; }
    .p-people-interviewKeyvisual_image, .p-people-interviewKeyvisual_body {
      width: 50%; }
      .p-people-interviewKeyvisual_copyInner {
        position: absolute;
        top: 50%;
        left: 25px;
        transform: translate(0, -50%);
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%; }
      .p-people-interviewKeyvisual_text {
        position: absolute;
        width: 100%;
        height: 60%;
        bottom: 0;
        right: 0; }
      .p-people-womanList_item {
        width: 25%; }
        .p-people-womanList_item:nth-child(-n+4) {
          padding-top: 0; }
  .p-recruit-point {
    display: block; }
  .p-recruit-point_col {
    width: 100%; }
    .p-recruit-map_itemText {
      margin-left: -20px;
      margin-right: -20px; }
  .u-sp {
    display: none; }
  .u-color-main-pc {
    color: #e62f82; }
  .u-color-sub-pc {
    color: #4553a3; } 	
}

/*    EXEO 2030 Vision   */
.c-keyvisual_copy_2030 {
  background: linear-gradient(90deg, rgba(0, 12, 142, 0.8) 0%, rgba(230, 47, 130, 0.8) 100%);
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 5px;
  text-align: center;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.c-headingArea_lead_2030 {
  font-size: 1.4rem;
  line-height: 2.5em;
  text-align: center;
}

.bnr_2030 {
  max-width: 975px;
  margin: 0 auto 15px;
  position: relative;
  color: #fff;
}
.bnr_2030:last-child {
  margin-bottom: 100px;
}

.bnr_2030_title {
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ffffff;
  font-weight: 100;
  font-size: 5rem;
  position: absolute;
  top: 60px;
  left: 75px;
  width: 100%;
  height: 100%;
}

.bnr_2030_text {
  position: absolute;
  top: 0;
  left: 150px;
  width: 100%;
  padding-left: 30px;
  margin: 30px 0 0 20px;
  box-sizing: border-box;
  border-left: 1px solid #ffffff ;
}

.bnr_2030_text h2 {
  font-size: 1.8em;
  margin-left: 75px;
  margin-bottom: 26px;
  margin-top: 6px;
  line-height: 1.3em;
}

.bnr_2030_lead span {
  color: #dc2669;
}

.bnr_2030_next {
  margin-top: 20px;
  margin-left: 190px;
}

.bnr_2030_next img {
  vertical-align: middle;
}

.p-2030-company_bodyInner {
  max-width: 767px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-2030_keyvisual_titleJa {
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.5rem;
  font-weight: 100;
  display: block;
  color: #fff;
  margin-top: -10px;
}

.c-2030_leadarea {
  font-family: "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5rem;
  line-height: 2em;
  color: #000c8e;
  font-weight: bold;  
  width: 675px;
  margin: 0 auto;
}
.c-2030_leadarea picture img {
  border: 1px solid #cccccc ;
}
.c-font_color_p{
  color: #e62f82!important;
}

.title_2030 {
  max-width: 975px;
  margin: 0 auto 50px;
  position: relative;
  color: #fff;
}

.title_2030_text {
  position: absolute;
  top: 75px;
  left: 45px;
  width: 100%;
  box-sizing: border-box;
}
.title_2030_text h2 {
  font-size: 2.3rem;
}
.title_2030_text .bnr_2030_lead {
  font-size: 1.3rem;
  margin-top: 15px;
  margin-bottom: 10px;
}
.title_2030_text .bnr_2030_name {
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
}

.c-2030_slash {
  width: 44px;
  margin: 0 auto;
}
.c-2030_slash_2nd {
  width: 44px;
  margin: 70px auto 0;
}

h3.stitle_2030 {
  font-size: 2.1rem;
  text-align: center;
  color: #000c8e;
  margin: 25px 0 40px;
}

.c-2030_textwrapper {
  width: 800px;
  margin: 0 auto;
  font-size: 1.3rem;
  line-height: 2;
}

.c-2030_thum {
  width: 360px;
  margin: 0 0 30px 25px;
  float: right;
}

.netx_2030 {
  max-width: 800px;
  margin: 0 auto 20px;
  position: relative;
  color: #fff;
}
.netx_2030_title {
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ffffff;
  font-weight: 100;
  font-size: 4.2rem;
  position: absolute;
  top: 30px;
  left: 80px;
}
.netx_2030_text {
  position: absolute;
  top: 0;
  left: 170px;
  width: 470px;
  margin: 25px 0 0 0;
  box-sizing: border-box;
  border-left: 1px solid #ffffff ;
}

.netx_2030_text h2 {
  font-size: 1.5em;
  margin-top: 16px;
  text-align: center;
}
.netx_2030 .c-2030_slash {
  width: 40px;
}

.c-2030_boder {
  width: 60px;
  border: 1px solid #000c8e;
  margin: 125px auto 125px;
}

.movie-2030 {
  width: 800px;
  margin: 60px auto 0;
}

.sp_onry{display: none;}
.pc_onry{display: block;}

@media (max-width: 768px) {
  .sp_onry{display: block;}
  .pc_onry{display: none;}

  .c-keyvisual_titleEn_2030 {
    line-height: 1;
    margin-bottom: 20px;
  }
  .c-headingArea_title_1 {
    font-size: 3.4rem;
    line-height: 1;
    margin-bottom: 10px;
    border-bottom: 1px solid #4553a3;
    padding-bottom: 25px;
    font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #4553a3;
    font-weight: 100;
  }
  .bnr_2030 {
    max-width: 100%;
    margin: 0 auto 15px;
    position: relative;
    color: #fff;

  }
  .bnr_2030_text_sp {
    width: 94%;
    margin: 2% auto 10%;
    box-sizing: border-box;
    padding: 8% 0 4%;
  }
  .bnr_2030_text_sp .inner {
    width: 90%;
    margin: 0 auto;
  }
  .bnr_2030_bg1{
    background: url(../img/2030vision/bnr_01_sp.png) center no-repeat;
    background-size: cover;
  }
  .bnr_2030_bg2{
    background: url(../img/2030vision/bnr_02_sp.png) center no-repeat;
    background-size: cover;
  }
  .bnr_2030_bg3{
    background: url(../img/2030vision/bnr_03_sp.png) center no-repeat;
    background-size: cover;
  }
  .bnr_2030_bg4{
    background: url(../img/2030vision/bnr_04_sp.png) center no-repeat;
    background-size: cover;
  }
  .bnr_2030 .c-2030_slash {
    float: left;
    width: 60px;;
  }
  .bnr_2030_title_sp {
    font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 100;
    color: #4553a3;
    font-size: 4rem;
    text-align: center;
  }
  
  
  .bnr_2030_text_sp h2 {
    font-size: 1.8em;
    margin-left: 75px;
    margin-bottom: 26px;
    line-height: 1.3em;
  }
  
  .bnr_2030_lead {
    font-size: 1.35rem;
    line-height: 2;
    margin-top: 15px;
    margin-bottom: 9%;
  }
  
  .bnr_2030_next {
    margin-top: 9%;
    margin-left: 0;
    margin-bottom: 9%;
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.5rem;
    padding:4% 0;
  }
  .bnr_2030_next img {
    width: 5%;
    right: 12%;
    position: absolute;
  }

  .movie-2030 {
    width: 100%;
    margin-top: 0px;
  }

  .c-2030_textwrapper {
    width: 94%;
  }
  .c-2030_thum {
    width: 100%;
    margin: 10% 0 0;
    float: none;
  }
  .c-2030_leadarea {
    width: 94%;
    margin: 0 autos;
  }

  .netx_2030 {
    max-width: 100%;
    margin: 0 auto 10px;
  }
  .netx_2030_title {
    font-weight: 100;
    font-size: 4.2rem;
    top: 18%;   
    left: 6%; 
  }
  .netx_2030_text {
    position: absolute;
    top: 36%;
    left: 23%;
    width: 77%;
    margin: 0;
    box-sizing: border-box;
    border-left: none;
  }
  .netx_2030_text .c-2030_slash {
    width: 44px;
    margin: 0;
    float: left;
  }
  .netx_2030_text h2 {
    font-size: 1.3em;
    margin-top: 0;
    text-align: left;
    float: left;
    margin-top: -1%;
    margin-left: 5%;
  }
  .c-2030_boder {
    width: 60px;
    border: none;
    margin: 100px auto 130px;
    background: #000c8e;
    height: 1px;
  }
  .title_2030 {
    max-width: 100%;
    margin: 0 auto 50px;
  }
  .title_2030_text {
    top: 8%;
    left: 6%;
    width: 94%;
    box-sizing: border-box;
  }
  .title_2030_text h2 {
    font-size: 1.8rem;
  }
  .title_2030_text .bnr_2030_lead {
    font-size: 1.1rem;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .c-2030_keyvisual_titleJa {
    font-size: 1.4rem;
  }

	
	

}

@media (max-width: 640px) {

}

@media (max-width: 330px) {
  
	
}


.degital_book_link{
font-size: 1.3rem;
margin-bottom: 35px;
padding-top: 35px;
text-align: center;
}

.degital_book_link a{
text-decoration: underline;
	letter-spacing: 0.05em;
}