@charset "UTF-8";
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px;
}

fieldset, img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ol {
  list-style-type: none;
}

ul {
  list-style-type: none;
}
ul li {
  list-style-type: none;
}
ul li img {
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

img {
  border: none;
  vertical-align: bottom;
}

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

caption, th {
  text-align: left;
}

iframe {
  border: none;
}

a:focus {
  outline: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* IE */
* html ul li dl, * html ol li dl {
  display: inline;
}
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline;
}

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%;
  overflow: auto;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
  /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/
}

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-size: 0.9852216749vw;
  font-family: YuMincho, 'Yu Mincho', serif;
  line-height: 1.4;
  color: #000;
  background: #fff;
}

a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #000;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
a:hover {
  opacity: 0.7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.soon {
  pointer-events: none;
  opacity: .5;
}

.hide, .hidden {
  visibility: hidden;
}

p {
  line-break: strict;
}

img {
  max-width: 100%;
}

main {
  display: block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.mfp-bg {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-close {
  text-indent: -9999px;
  font-family: serif;
  font-size: 64px;
  right: -10px !important;
  padding-right: 0 !important;
  top: -50px !important;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-wrap .modal-content {
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-wrap.mfp-ready .modal-content {
  transform: translateY(0);
  opacity: 1;
}

/* content animate out */
.mfp-wrap.mfp-removing .modal-content {
  transform: translateY(30px);
  opacity: 0;
}

.mfp-iframe-holder .mfp-content {
  width: 125vmin !important;
  max-width: 90% !important;
}

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%;
  }

  a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
  }
  a:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)";
    /* IE 8 */
  }
  a:hover .image img {
    transform: scale(1.04);
  }

  img {
    width: 100%;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .att {
    font-size: 3vw !important;
    line-height: 1 !important;
    margin-top: 3em !important;
    margin-bottom: -1em;
  }

  /*.mfp-container{
      padding: 0;
  }
  .modal-content{
  	max-width: 94%;
  	margin: 15vw auto;
  	.popup-modal-close{
  		cursor: pointer;
  		position: absolute;
  		right: 0;
  		top: -41px;
  		span{
  			img{
  				max-width: 31px;
  			}
  		}
  	}
  	&--inner{
  		background-color: #fff;
  		padding: 15px 5% 30px 5%;
  		.team{
  			p{
  				@include fz_vw(11);
  			}
  		}
  		.content{
  			margin-top: 20px;
  			h2{
  				letter-spacing: .04em;
  				@include fz_vw(16);
  			}
  			p{
  				margin-top: 20px;
  				@include fz_vw(12);
  			}
  		}
  		.contact{
  			margin-top: 30px;
  			p{
  				@include fz_vw(12);
  				a{
  					&.tel{
  						pointer-events: visible;
  						text-decoration: underline;
  					}
  				}
  			}
  		}
  	}
  }*/
}
/* =========================================================
 * font
========================================================= */
/*baskervville*/
@font-face {
  font-family: 'Baskerville Normal';
  font-style: normal;
  font-weight: normal;
  src: local("Baskerville Normal"), url("../font/baskvl.woff") format("woff");
}
/*Roboto Condensed*/
/*Roboto*/
/*noto-sans*/
.baskervville {
  font-family: 'Baskerville Normal', sans-serif;
}

.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

.font-noto {
  font-family: 'Noto Sans JP', sans-serif;
}

.font-notos {
  font-family: 'Noto Serif JP', sans-serif;
}

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out , transform 0.875s ease-in-out;
}

.fade {
  transform: translate(0, 0);
}

.fadein {
  transform: translate(0, 50px);
}

.fadein-top {
  transform: translate(0, -50px);
}

.fadein-left {
  transform: translate(-50px, 0);
}

.fadein-right {
  transform: translate(50px, 0);
}

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0);
}

/* =========================================================
 * scrollbar　　   /*フスクロールバー
========================================================= */
::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
  -webkit-appearance: none;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

/* =========================================================
 * CSS Animation　　   /*CSS アニメション
========================================================= */
@keyframes arrow-move {
  0% {
    left: -100%;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes arrow-move {
  0% {
    left: -100%;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
main {
  overflow: hidden;
}
main .header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  transition: all .3s ease-out;
}
main .header--inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all .3s ease-out;
}
main .header--inner.active {
  background-color: #fff;
}
main .header--inner .logo {
  width: 18.3087027915vw;
  max-width: 223px;
  position: relative;
  z-index: 100;
}
main .header--inner .logo a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .header--inner .logo a .image {
  width: 46.2%;
  height: 5.7471264368vw;
  max-height: 70px;
  background-color: #fff;
  padding: 0 12.5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main .header--inner .logo a p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
  transition: all .3s ease;
}
main .header--inner .logo.active a p {
  color: #000;
}
main .header--inner--block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
main .header--inner--block .link-list {
  display: flex;
  position: relative;
  z-index: 100;
}
main .header--inner--block .link-list li a {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
}
main .header--inner--block .link-list li.entry a {
  width: 8.4564860427vw;
  max-width: 103px;
  height: 5.7471264368vw;
  max-height: 70px;
  font-size: 1.3rem;
  background-color: #e60012;
}
main .header--inner--block .link-list li.another {
  background-color: #fff;
}
main .header--inner--block .link-list li.another a {
  width: 9.60591133vw;
  max-width: 117px;
  height: 2.8735632184vw;
  max-height: 35px;
  font-size: 1.2rem;
  background-color: #808492;
}
main .header--inner--block .link-list li.another a:nth-of-type(n+2) {
  border-top: 1px solid #fff;
}
main .header--inner--block--nav .menu {
  width: 5.7471264368vw;
  max-width: 70px;
  height: 5.7471264368vw;
  max-height: 70px;
  background-color: #000;
  position: relative;
  z-index: 999;
  transition: all .4s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}
main .header--inner--block--nav .menu span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background-color: #fff;
  transition: all .4s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}
main .header--inner--block--nav .menu span:nth-of-type(1) {
  top: 30%;
}
main .header--inner--block--nav .menu span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
main .header--inner--block--nav .menu span:nth-of-type(3) {
  bottom: 30%;
}
main .header--inner--block--nav .menu.active span {
  z-index: 20001;
}
main .header--inner--block--nav .menu.active span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translateY(-50%, -50%) rotate(-45deg);
}
main .header--inner--block--nav .menu.active span:nth-of-type(2) {
  display: none;
}
main .header--inner--block--nav .menu.active span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
main .header--inner--block--nav .globalnav {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  padding-top: 70px;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 49 !important;
  transform: translateX(-50%);
  -webkit-overflow-scrolling: touch;
}
main .header--inner--block--nav .globalnav .nav_content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
main .header--inner--block--nav .globalnav .nav_content::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
main .header--inner--block--nav .globalnav .nav_content--block {
  width: 79.6387520525vw;
  max-width: 970px;
  margin: 0 auto;
  padding: 10px 0 80px;
}
main .header--inner--block--nav .globalnav .nav_content--block--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col {
  width: 22.5%;
  margin-top: 85px;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col a {
  line-height: 1;
  letter-spacing: .1em;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col a.soon {
  opacity: 1;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .title dt {
  font-size: 2.0rem;
  font-family: "Baskerville Normal", sans-serif;
  color: #e60012;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .title dd {
  font-size: 1.7rem;
  margin-top: .5em;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #e60012;
  font-size: 1.4rem;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts li {
  margin-top: .7em;
  padding-left: 1em;
  position: relative;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts li:before {
  content: 'ー';
  display: block;
  position: absolute;
  font-size: 1.0rem;
  font-family: "Noto Sans JP", sans-serif;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts li a {
  letter-spacing: 0;
}
main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts li:first-of-type {
  margin-top: 0;
}
main .header.scrolled .header--inner {
  background-color: #fff;
}
main .header.scrolled .header--inner .logo a p {
  color: #000;
}
main .footer--inner {
  height: 41vw;
  background: url("../images/common/footer_bg.jpg") no-repeat left bottom/cover;
  background-attachment: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
main .footer--inner--wrap:nth-of-type(1) {
  width: 50%;
  margin-top: 8.210180624vw;
}
main .footer--inner--wrap:nth-of-type(2) {
  width: 30%;
  margin: 0 auto;
}
main .footer--inner--wrap:nth-of-type(2) .logo {
  width: 16.4%;
  margin: 0 0 0 auto;
}
main .footer--inner--wrap:nth-of-type(2) .btn-area {
  font-size: 1.2315270936vw;
  letter-spacing: 0em;
  margin-top: 2em;
}
main .footer--inner--wrap:nth-of-type(2) .more-btn {
  margin-top: 1em;
}
main .footer--inner--wrap:nth-of-type(2) .more-btn a {
  background-color: rgba(255, 255, 255, 0);
}
main .footer--inner--wrap:nth-of-type(2) .link-list {
  font-size: 1.1494252874vw;
  line-height: 1;
  letter-spacing: .05em;
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
main .footer--inner--wrap:nth-of-type(2) .link-list li a {
  color: #fff;
}
main .footer--inner--wrap:nth-of-type(2) .link-list li:nth-of-type(n+2) {
  border-left: 1px solid #fff;
  padding-left: .6em;
  margin-left: .6em;
}
main .footer .copyright {
  font-size: 0.9852216749vw;
  font-family: "Baskerville Normal", sans-serif;
  line-height: 1;
  letter-spacing: .05em;
  text-align: right;
  margin: 3em;
}
main .btn-area {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .1em;
  margin-top: 5em;
}
main .more-btn {
  margin-top: .5em;
}
main .more-btn a {
  color: #fff;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1.2em 2em;
  position: relative;
}
main .more-btn a:before, main .more-btn a:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #fff;
  right: 8%;
  transition: all .3s ease;
}
main .more-btn a:before {
  width: 2.1346469622vw;
  max-width: 26px;
  top: 50%;
  transform: translateY(-50%);
}
main .more-btn a:after {
  width: 0.6568144499vw;
  max-width: 8px;
  top: 44%;
  transform: rotate(45deg) translateY(-50%);
}
main .more-btn a:hover {
  opacity: 1;
  background-color: #e60012;
}
main .more-btn a:hover:before, main .more-btn a:hover:after {
  right: 5%;
}
main .more-banner {
  margin-top: 50px;
}
main .more-banner a {
  color: #fff;
  position: relative;
}
main .more-banner a .btn-area {
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
main .more-banner a .btn-area .more-btn {
  background-color: #e60012;
  padding: 1.2em 2em;
  margin-top: 0;
  position: relative;
}
main .more-banner a .btn-area .more-btn:before, main .more-banner a .btn-area .more-btn:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #fff;
  right: 8%;
  transition: all .3s ease;
}
main .more-banner a .btn-area .more-btn:before {
  width: 2.1346469622vw;
  max-width: 26px;
  top: 50%;
  transform: translateY(-50%);
}
main .more-banner a .btn-area .more-btn:after {
  width: 0.6568144499vw;
  max-width: 8px;
  top: 44%;
  transform: rotate(45deg) translateY(-50%);
}
main .more-banner a .image {
  overflow: hidden;
}
main .more-banner a .image img {
  transition: all .3s ease;
}
main .more-banner a:hover {
  opacity: 1;
}
main .more-banner a:hover .btn-area .more-btn:before, main .more-banner a:hover .btn-area .more-btn:after {
  right: 5%;
}
main .more-banner a:hover .image img {
  transform: scale(1.04);
}

.pages article {
  overflow: hidden;
}
.pages article .main {
  position: relative;
}
.pages article .main--inner {
  width: 80%;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pages article .main--inner .label {
  display: inline-flex;
  position: relative;
}
.pages article .main--inner .label:before {
  content: "";
  display: block;
  position: absolute;
  width: 9.4417077176vw;
  height: 1px;
  background-color: #fff;
  top: -2.4630541872vw;
  left: 45%;
  transform: rotate(-45deg) translateX(-50%);
}
.pages article .main--inner .label dt {
  font-size: 1.3136288998vw;
}
.pages article .main--inner .label dd {
  font-size: 1.4778325123vw;
  margin-top: 1.5em;
}
.pages article .main--inner .title {
  font-size: 4.1871921182vw;
  letter-spacing: .05em;
  margin-top: 1em;
}
.pages article .lead--inner {
  width: 80%;
  margin: 0 auto;
  padding: 8.210180624vw 0;
}
.pages article .lead--inner h2 {
  font-size: 1.6420361248vw;
  letter-spacing: .05em;
  color: #e60012;
}
.pages article .lead--inner p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 1em;
}
.pages article .lead--inner .figure {
  width: 90%;
  margin: 4.105090312vw auto 0;
}
.pages article .under-link {
  background-color: #fff;
  padding: 8.210180624vw 0;
}
.pages article .under-link ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pages article .under-link ul li a {
  font-size: 1.8062397373vw;
  line-height: 1;
  color: #e60012;
  padding: 0 9.0311986864vw;
}
.pages article .under-link ul li a span {
  display: inline-block;
  position: relative;
}
.pages article .under-link ul li a span:before, .pages article .under-link ul li a span:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #e60012;
  transition: all .3s ease;
}
.pages article .under-link ul li a span:before {
  width: 1em;
  top: 60%;
  transform: translateY(-50%);
}
.pages article .under-link ul li a span:after {
  width: .4em;
  top: 45%;
}
.pages article .under-link ul li.index a span:before, .pages article .under-link ul li.index a span:after {
  display: none;
}
.pages article .under-link ul li.prev a span:before, .pages article .under-link ul li.prev a span:after {
  left: -1.5em;
}
.pages article .under-link ul li.prev a span:after {
  transform: rotate(-45deg) translateY(-50%);
}
.pages article .under-link ul li.prev a:hover span:before, .pages article .under-link ul li.prev a:hover span:after {
  left: -1.8em;
}
.pages article .under-link ul li.next a span:before, .pages article .under-link ul li.next a span:after {
  right: -1.5em;
}
.pages article .under-link ul li.next a span:after {
  transform: rotate(45deg) translateY(-50%);
}
.pages article .under-link ul li.next a:hover span:before, .pages article .under-link ul li.next a:hover span:after {
  right: -1.8em;
}

#pagetop {
  width: 2.5vw;
  height: 2.5vw;
  position: fixed;
  right: 2.5vw;
  bottom: 2.5vw;
  z-index: 49;
}
#pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#pagetop a:before, #pagetop a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
#pagetop a:before {
  box-sizing: border-box;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: #e60012;
}
#pagetop a:after {
  top: 1vw;
  bottom: inherit;
  right: .9vw;
  width: .6vw;
  height: .6vw;
  transform: rotate(-45deg);
  border-top-style: solid;
  border-right-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-top-color: #fff;
  border-right-color: #fff;
}

@media screen and (max-width: 767px) {
  main .header--inner .logo {
    width: 40vw;
  }
  main .header--inner .logo a .image {
    height: 14vw;
  }
  main .header--inner .logo a p {
    font-size: 2.7vw;
  }
  main .header--inner .logo.active a p {
    color: #000;
  }
  main .header--inner--block .link-list li.entry a {
    width: 18vw;
    height: 14vw;
    font-size: 3vw;
  }
  main .header--inner--block .link-list li.another a {
    width: 25vw;
    height: 7vw;
    font-size: 2.7vw;
  }
  main .header--inner--block--nav .menu {
    width: 14vw;
    height: 14vw;
  }
  main .header--inner--block--nav .globalnav {
    padding-top: 15vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block {
    width: 70vw;
    height: auto;
    padding: 2vw 0 30vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block--category--col {
    width: 100%;
    margin-top: 10vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block--category--col .title dt {
    font-size: 5.3vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block--category--col .title dd {
    font-size: 4.5vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts {
    font-size: 3.7vw;
  }
  main .header--inner--block--nav .globalnav .nav_content--block--category--col .texts li:before {
    font-size: 2.7vw;
  }
  main .footer--inner {
    height: auto;
    background: url("../images/common/footer_bg.jpg") no-repeat 25% center/cover;
    background-attachment: scroll;
    padding: 20vw 0;
  }
  main .footer--inner--wrap:nth-of-type(1) {
    width: 90%;
    margin-top: 0;
  }
  main .footer--inner--wrap:nth-of-type(2) {
    width: 80%;
    margin-top: -5vw;
  }
  main .footer--inner--wrap:nth-of-type(2) .logo {
    width: 16.4%;
  }
  main .footer--inner--wrap:nth-of-type(2) .btn-area {
    font-size: 3.2840722496vw;
  }
  main .footer--inner--wrap:nth-of-type(2) .link-list {
    font-size: 2.8735632184vw;
  }
  main .footer .copyright {
    font-size: 2.4630541872vw;
  }
  main .btn-area {
    font-size: 3.6945812808vw;
  }
  main .more-btn a {
    background-color: #e60012;
  }
  main .more-btn a:before {
    width: 6.4039408867vw;
  }
  main .more-btn a:after {
    width: 1.9704433498vw;
  }
  main .more-banner {
    margin-top: 12.315270936vw;
  }
  main .more-banner a .btn-area .more-btn:before {
    width: 6.4039408867vw;
  }
  main .more-banner a .btn-area .more-btn:after {
    width: 1.9704433498vw;
  }

  .pages article .main .visual {
    overflow: hidden;
  }
  .pages article .main .visual img {
    width: 250vw;
    max-width: inherit;
    height: auto;
    margin-left: -25%;
  }
  .pages article .main--inner .label:before {
    width: 22.6600985222vw;
    top: -5.9113300493vw;
  }
  .pages article .main--inner .label dt {
    font-size: 3.2840722496vw;
  }
  .pages article .main--inner .label dd {
    font-size: 3.9408866995vw;
  }
  .pages article .main--inner .title {
    font-size: 6.9786535304vw;
    line-height: 1.4;
  }
  .pages article .lead--inner {
    padding: 12.315270936vw 0;
  }
  .pages article .lead--inner h2 {
    font-size: 4.9261083744vw;
  }
  .pages article .lead--inner p {
    font-size: 3.4482758621vw;
  }
  .pages article .lead--inner .figure {
    width: 100%;
    margin-top: 8.210180624vw;
    overflow-x: scroll;
  }
  .pages article .lead--inner .figure img {
    width: 175vw;
    max-width: inherit;
    height: auto;
  }
  .pages article .under-link {
    padding: 24.6305418719vw 0;
  }
  .pages article .under-link ul li a {
    font-size: 4.5155993432vw;
    padding: 0 6.5681444992vw;
  }

  #pagetop {
    width: 10vw;
    height: 10vw;
    right: 2.5vw;
    bottom: 2.5vw;
  }
  #pagetop a:before {
    width: 10vw;
    height: 10vw;
  }
  #pagetop a:after {
    top: 4vw;
    right: 3.6vw;
    width: 2.4vw;
    height: 2.4vw;
  }
}
.philosophy article .main--inner .label:before {
  left: 29%;
}
.philosophy article .container--inner {
  width: 80%;
  margin: 0 auto;
}
.philosophy article .container--inner--block:nth-of-type(n+2) {
  margin-top: 7.3891625616vw;
}
.philosophy article .container--inner--block h2 {
  font-size: 1.9704433498vw;
  line-height: 1;
  letter-spacing: .05em;
  text-align: center;
  padding-bottom: 2em;
  border-bottom: 1px solid #000;
}
.philosophy article .container--inner--block h3 {
  font-size: 1.6420361248vw;
  line-height: 1;
  letter-spacing: .05em;
  color: #e60012;
}
.philosophy article .container--inner--block h4 {
  font-size: 1.6420361248vw;
  font-weight: 600;
  letter-spacing: .05em;
  background-color: #e6e7e7;
  padding: .3em 1em;
}
.philosophy article .container--inner--block h5 {
  font-size: 1.4778325123vw;
  font-weight: 600;
  letter-spacing: .05em;
}
.philosophy article .container--inner--block h5:nth-of-type(n+2) {
  margin-top: 1.5em;
}
.philosophy article .container--inner--block p {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 2;
  text-align: justify;
  margin-top: 1em;
}
.philosophy article .container--inner--block p span {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
.philosophy article .container--inner--block--main {
  border-top: 1px solid #c3c5c6;
  border-bottom: 1px solid #c3c5c6;
  padding: 8.210180624vw 0;
}
.philosophy article .container--inner--block--main h2 {
  padding-bottom: 0;
  border-bottom: none;
}
.philosophy article .container--inner--block--main .figure {
  width: 53%;
  margin: 2.052545156vw auto 0;
}
.philosophy article .container--inner .category {
  position: relative;
}
.philosophy article .container--inner .category--main {
  margin: 4.105090312vw auto;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.philosophy article .container--inner .category--main .figure {
  width: 30.5%;
  margin: 0 auto;
}
.philosophy article .container--inner .category--main--texts {
  width: 62.7%;
}
.philosophy article .container--inner .category .category-open {
  cursor: pointer;
  font-size: 1.3136288998vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .12em;
  text-align: center;
  padding: 1em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.philosophy article .container--inner .category .category-open span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.philosophy article .container--inner .category .category-open span:before {
  content: '';
  display: block;
  position: absolute;
  width: 1.1494252874vw;
  height: 1.1494252874vw;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  top: 25%;
  right: 1.1494252874vw;
  transform: rotate(-45deg) translateY(-50%);
  transition: all .3s ease;
}
.philosophy article .container--inner .category .category-open.active {
  display: none;
}
.philosophy article .container--inner .category--wrap {
  display: none;
}
.philosophy article .container--inner .category--wrap--inner {
  margin: 4.105090312vw auto;
}
.philosophy article .container--inner .category--wrap--inner dl {
  display: flex;
  justify-content: center;
}
.philosophy article .container--inner .category--wrap--inner dl:nth-of-type(n+2) {
  margin-top: 4.105090312vw;
}
.philosophy article .container--inner .category--wrap--inner dl dt {
  width: 7.3891625616vw;
  line-height: 1;
  letter-spacing: .04em;
  margin-right: 2em;
  /*&.blue{
    color: #008ab2;
    border-color: #87bad2;
  }
  &.green{
    color: #728641;
    border-color: #b4b88b;
  }
  &.orange{
    color: #f18d38;
    border-color: #f8c190;
  }*/
}
.philosophy article .container--inner .category--wrap--inner dl dd {
  width: 62.3%;
}
.philosophy article .container--inner .category--wrap .category-close {
  cursor: pointer;
  font-size: 1.3136288998vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .12em;
  text-align: center;
  padding: 1em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.philosophy article .container--inner .category--wrap .category-close span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.philosophy article .container--inner .category--wrap .category-close span:before {
  content: '';
  display: block;
  position: absolute;
  width: 1.1494252874vw;
  height: 1.1494252874vw;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  top: 0%;
  right: 1.1494252874vw;
  transform: rotate(135deg) translateY(-50%);
  transition: all .3s ease;
}
.philosophy article .container--inner .category--wrap .category-close.active {
  display: none;
}

.top-message article .main--inner .label:before {
  left: 29%;
}
.top-message article .lead--inner h2 {
  font-size: 3.2840722496vw;
}
.top-message article .lead--inner p {
  font-size: 1.4778325123vw;
}
.top-message article .container--inner {
  width: 80%;
  margin: 0 auto;
  border-top: 1px solid #555;
}
.top-message article .container--inner--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-message article .container--inner--wrap:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.top-message article .container--inner--wrap.full .image,
.top-message article .container--inner--wrap.full .container--inner--wrap--texts {
  width: 100%;
}
.top-message article .container--inner--wrap .image, .top-message article .container--inner--wrap--texts {
  margin-top: 8.210180624vw;
}
.top-message article .container--inner--wrap .image {
  width: 43.5%;
}
.top-message article .container--inner--wrap--texts {
  width: 50%;
}
.top-message article .container--inner--wrap--texts h3 {
  font-size: 1.6420361248vw;
  letter-spacing: .05em;
  color: #e60012;
}
.top-message article .container--inner--wrap--texts p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 2em;
}
.top-message .footer {
  margin-top: 8.210180624vw;
}

.future article .main--inner .label:before {
  left: 29%;
}
.future article .container--main {
  letter-spacing: .05em;
  text-align: center;
  color: #fff;
  background: url("../images/about/future/img_bg01.jpg") no-repeat center center/cover;
  background-attachment: fixed;
  padding: 4.9261083744vw 0;
}
.future article .container--main p {
  font-size: 1.3136288998vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
}
.future article .container--main--inner {
  width: 80%;
  margin: 4.9261083744vw auto 0;
}
.future article .container--main--inner h2 {
  font-size: 1.8062397373vw;
  line-height: 1;
  background-color: #58595b;
  padding: .8em 1em;
}
.future article .container--main--inner--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.future article .container--main--inner--wrap--category {
  width: 33.333%;
  position: relative;
}
.future article .container--main--inner--wrap--category dl {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Noto Sans JP", sans-serif;
}
.future article .container--main--inner--wrap--category dl dt {
  font-size: 1.8062397373vw;
}
.future article .container--main--inner--wrap--category dl dd {
  font-size: 1.3136288998vw;
  line-height: 1.6;
}
.future article .container--inner {
  margin: 5.7471264368vw auto;
  padding-top: 10.26272578vw;
  position: relative;
}
.future article .container--inner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.6798029557vw 16.091954023vw 0 16.091954023vw;
  border-color: #f7b2b8 transparent transparent transparent;
}
.future article .container--inner--lead {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.future article .container--inner--lead h2 {
  font-size: 1.8062397373vw;
  line-height: 1;
  background-color: #e60012;
  color: #fff;
  padding: .8em 1em;
}
.future article .container--inner--lead p {
  font-size: 1.3136288998vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  margin-top: 2.5em;
}
.future article .container--inner--block--content {
  margin-top: 6.9786535304vw;
}
.future article .container--inner--block--content:nth-of-type(even) .container--inner--block--content--main {
  margin-left: 20vw;
}
.future article .container--inner--block--content--main {
  width: 80%;
  position: relative;
  z-index: 2;
}
.future article .container--inner--block--content--main h2 {
  position: absolute;
  top: 45%;
  left: 10vw;
  transform: translateY(-50%);
  font-size: 4.0229885057vw;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
}
.future article .container--inner--block--content--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.future article .container--inner--block--content--wrap--category {
  padding: 17.2413793103vw 4.5155993432vw 6.5681444992vw;
  margin-top: -13.9573070608vw;
}
.future article .container--inner--block--content--wrap--category:nth-of-type(odd) {
  width: 40%;
  background-color: #edeeee;
  padding-left: 10vw;
  position: relative;
}
.future article .container--inner--block--content--wrap--category:nth-of-type(odd):after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.2167487685vw 0 2.2167487685vw 2.2167487685vw;
  border-color: transparent transparent transparent #edeeee;
  top: 20.1149425287vw;
  right: -2.1346469622vw;
}
.future article .container--inner--block--content--wrap--category:nth-of-type(even) {
  width: 60%;
  background-color: #d9dada;
}
.future article .container--inner--block--content--wrap--category:nth-of-type(even) dl dt {
  background-color: #e60012;
  color: #fff;
}
.future article .container--inner--block--content--wrap--category:nth-of-type(even) dl dd {
  color: #e60012;
}
.future article .container--inner--block--content--wrap--category dl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: .05em;
}
.future article .container--inner--block--content--wrap--category dl dt {
  font-size: 1.2315270936vw;
  line-height: 1;
  text-align: center;
  color: #e60012;
  background-color: #fff;
  border: 1px solid #e60012;
  padding: .5em 2em;
  display: inline-block;
}
.future article .container--inner--block--content--wrap--category dl dd {
  font-size: 1.5599343186vw;
  margin-top: .5em;
}
.future article .container--inner--block--content--wrap--category dl sub {
  font-size: 1.0673234811vw;
  vertical-align: middle;
}
.future article .container--inner--block--content--wrap--category p {
  font-size: 1.1494252874vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  text-align: justify;
  margin-top: 1em;
}
.future article .container--inner--block--content--wrap--category .btn {
  width: 50%;
  font-size: 1.2315270936vw;
  line-height: 1;
  margin-top: 2em;
}
.future article .container--inner--block--content--wrap--category .btn a {
  padding: 1em 2em;
  background-color: #e60012;
  color: #fff;
  position: relative;
}
.future article .container--inner--block--content--wrap--category .btn a:before, .future article .container--inner--block--content--wrap--category .btn a:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #fff;
  right: 5%;
  transition: all .3s ease;
}
.future article .container--inner--block--content--wrap--category .btn a:before {
  width: 1.5599343186vw;
  top: 50%;
  transform: translateY(-50%);
}
.future article .container--inner--block--content--wrap--category .btn a:after {
  width: 0.5747126437vw;
  top: 42.5%;
  transform: rotate(45deg);
}
.future article .container--inner--block--content--wrap--category .btn a:hover:before, .future article .container--inner--block--content--wrap--category .btn a:hover:after {
  right: 3%;
}
.future article .container--comment p {
  font-size: 1.3136288998vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 2;
  color: #e60012;
  margin: 5em auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .philosophy article .container--inner--block:nth-of-type(n+2) {
    margin-top: 22.1674876847vw;
  }
  .philosophy article .container--inner--block h2 {
    font-size: 5.9113300493vw;
  }
  .philosophy article .container--inner--block h3 {
    font-size: 4.9261083744vw;
  }
  .philosophy article .container--inner--block h4 {
    font-size: 4.9261083744vw;
  }
  .philosophy article .container--inner--block h5 {
    font-size: 4.4334975369vw;
  }
  .philosophy article .container--inner--block p {
    font-size: 3.4482758621vw;
  }
  .philosophy article .container--inner--block--main {
    padding: 24.6305418719vw 0;
  }
  .philosophy article .container--inner--block--main .figure {
    width: 100%;
    margin: 6.157635468vw auto 0;
  }
  .philosophy article .container--inner .category--main {
    margin: 12.315270936vw auto;
  }
  .philosophy article .container--inner .category--main .figure {
    width: 80%;
  }
  .philosophy article .container--inner .category--main--texts {
    width: 100%;
  }
  .philosophy article .container--inner .category--main--texts h3 {
    text-align: center;
    margin-top: 1em;
  }
  .philosophy article .container--inner .category .category-open {
    font-size: 3.9408866995vw;
  }
  .philosophy article .container--inner .category .category-open span:before {
    width: 3.4482758621vw;
    height: 3.4482758621vw;
    top: 0;
    right: 3.4482758621vw;
  }
  .philosophy article .container--inner .category--wrap--inner {
    margin: 12.315270936vw auto;
  }
  .philosophy article .container--inner .category--wrap--inner dl:nth-of-type(n+2) {
    margin-top: 12.315270936vw;
  }
  .philosophy article .container--inner .category--wrap--inner dl dt {
    width: 22.1674876847vw;
  }
  .philosophy article .container--inner .category--wrap--inner dl dd h5 {
    text-align: justify;
  }
  .philosophy article .container--inner .category--wrap .category-close {
    font-size: 3.9408866995vw;
  }
  .philosophy article .container--inner .category--wrap .category-close span:before {
    width: 3.4482758621vw;
    height: 3.4482758621vw;
    right: 3.4482758621vw;
  }

  .top-message article .main .visual img {
    margin-left: -100%;
  }
  .top-message article .lead--inner h2 {
    font-size: 6.157635468vw;
  }
  .top-message article .lead--inner p {
    font-size: 3.9408866995vw;
  }
  .top-message article .container--inner {
    width: 85%;
  }
  .top-message article .container--inner--wrap:nth-of-type(odd) {
    flex-direction: row;
  }
  .top-message article .container--inner--wrap .image, .top-message article .container--inner--wrap--texts {
    width: 100% !important;
    margin-top: 8.210180624vw;
  }
  .top-message article .container--inner--wrap--texts h3 {
    font-size: 4.9261083744vw;
  }
  .top-message article .container--inner--wrap--texts p {
    font-size: 3.4482758621vw;
    margin-top: 1em;
  }
  .top-message .footer {
    margin-top: 16.4203612479vw;
  }

  .future article .container--main {
    background-attachment: inherit;
    padding: 16.4203612479vw 0;
  }
  .future article .container--main p {
    font-size: 3.9408866995vw;
  }
  .future article .container--main--inner {
    margin: 8.210180624vw auto 0;
  }
  .future article .container--main--inner h2 {
    font-size: 5.3366174056vw;
  }
  .future article .container--main--inner--wrap--category {
    width: 100%;
  }
  .future article .container--main--inner--wrap--category dl dt {
    font-size: 5.3366174056vw;
  }
  .future article .container--main--inner--wrap--category dl dd {
    font-size: 3.2840722496vw;
  }
  .future article .container--inner {
    margin: 11.4942528736vw auto;
    padding-top: 20.5254515599vw;
  }
  .future article .container--inner:before {
    border-width: 9.3596059113vw 32.183908046vw 0 32.183908046vw;
  }
  .future article .container--inner--lead h2 {
    font-size: 5.3366174056vw;
    line-height: 1.4;
  }
  .future article .container--inner--lead p {
    font-size: 3.9408866995vw;
    text-align: justify;
  }
  .future article .container--inner--block--content {
    margin-top: 12.315270936vw;
  }
  .future article .container--inner--block--content--main {
    width: 100%;
  }
  .future article .container--inner--block--content--main h2 {
    font-size: 8.210180624vw;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .future article .container--inner--block--content--wrap--category {
    padding: 34.4827586207vw 9.0311986864vw 13.1362889984vw;
    margin-top: -20.9359605911vw;
  }
  .future article .container--inner--block--content--wrap--category:nth-of-type(odd) {
    width: 100%;
  }
  .future article .container--inner--block--content--wrap--category:nth-of-type(odd):after {
    border-width: 4.4334975369vw 4.4334975369vw 0 4.4334975369vw;
    border-color: #edeeee transparent transparent transparent;
    top: inherit;
    right: inherit;
    bottom: -4.3513957307vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .future article .container--inner--block--content--wrap--category:nth-of-type(even) {
    width: 100%;
  }
  .future article .container--inner--block--content--wrap--category:nth-of-type(even) .container--inner--block--content--main {
    margin-left: 0;
  }
  .future article .container--inner--block--content--wrap--category dl dt {
    font-size: 3.6945812808vw;
  }
  .future article .container--inner--block--content--wrap--category dl dd {
    font-size: 4.105090312vw;
    margin-top: .5em;
  }
  .future article .container--inner--block--content--wrap--category dl sub {
    font-size: 3.2840722496vw;
  }
  .future article .container--inner--block--content--wrap--category p {
    font-size: 3.4482758621vw;
  }
  .future article .container--inner--block--content--wrap--category .btn {
    width: 100%;
    font-size: 3.6945812808vw;
  }
  .future article .container--inner--block--content--wrap--category .btn a:before {
    width: 3.1198686371vw;
  }
  .future article .container--inner--block--content--wrap--category .btn a:after {
    width: 1.1494252874vw;
  }
  .future article .container--comment p {
    font-size: 3.6945812808vw;
  }
}
.welfare article .main--inner .label:before {
  left: 45%;
}
.welfare article .container--inner {
  width: 80%;
  margin: 4.105090312vw auto 0;
}
.welfare article .container--inner--block:nth-of-type(n+2) {
  margin-top: 8.210180624vw;
}
.welfare article .container--inner--block h2 {
  font-size: 1.9704433498vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  letter-spacing: .05em;
  text-align: center;
}
.welfare article .container--inner--block--table {
  border: 1px solid #c3c5c6;
  margin-top: 2.4630541872vw;
}
.welfare article .container--inner--block--table dl {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.welfare article .container--inner--block--table dl:nth-of-type(even) {
  background-color: #e6e7e7;
}
.welfare article .container--inner--block--table dl dt, .welfare article .container--inner--block--table dl dd {
  padding: 2em;
}
.welfare article .container--inner--block--table dl dt {
  width: 30%;
  font-weight: bold;
}
.welfare article .container--inner--block--table dl dd {
  width: 70%;
  border-left: 1px solid #c3c5c6;
}
.welfare article .container--inner--block--table dl dd.hav-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.welfare article .container--inner--block--table dl dd.hav-btn p {
  width: 68%;
  text-align: justify;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area {
  width: 32%;
  font-size: 1.1494252874vw;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: 0;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn {
  margin-top: 0;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a {
  color: #e60012;
  border: 1px solid #e60012;
  background-color: rgba(255, 255, 255, 0);
  padding: .5em 1em;
  transition: all .3s ease;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a:before, .welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a:after {
  background-color: #e60012;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a:hover {
  color: #fff;
  background-color: #e60012;
}
.welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a:hover:before, .welfare article .container--inner--block--table dl dd.hav-btn .btn-area .more-btn a:hover:after {
  background-color: #fff;
}
.welfare article .container--inner--block--list {
  border: 1px solid #c3c5c6;
  margin-top: 4.105090312vw;
}
.welfare article .container--inner--block--list dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.welfare article .container--inner--block--list dl dt, .welfare article .container--inner--block--list dl dd {
  padding: 2em;
}
.welfare article .container--inner--block--list dl dt {
  width: 24%;
  font-size: 1.6420361248vw;
  letter-spacing: .2em;
  color: #e60012;
}
.welfare article .container--inner--block--list dl dd {
  width: 76%;
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 2;
  text-align: justify;
  padding-left: 0;
}
.welfare article .container--inner--block--wrap--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #c3c5c6;
  margin-top: 4.105090312vw;
}
.welfare article .container--inner--block--wrap--category .image {
  width: 30%;
}
.welfare article .container--inner--block--wrap--category--texts {
  width: 70%;
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 2;
  padding: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.welfare article .container--inner--block--wrap--category--texts h3 {
  width: 100%;
}
.welfare article .container--inner--block--wrap--category--texts h3 span {
  display: inline-block;
  font-size: 1.6420361248vw;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
  background-color: #e60012;
  padding: .5em 1em;
}
.welfare article .container--inner--block--wrap--category--texts p {
  display: block;
  text-align: justify;
  margin-top: 1.5em;
}
.welfare article .under-banner--inner {
  width: 80%;
  margin: 16.4203612479vw auto 0;
}
.welfare article .under-banner--inner--block--wrap--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #e60012;
  margin-top: 4.105090312vw;
}
.welfare article .under-banner--inner--block--wrap--category .image {
  width: 30%;
}
.welfare article .under-banner--inner--block--wrap--category--texts {
  width: 70%;
  font-size: 1.1494252874vw;
  line-height: 2;
  padding: 3em;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-end;
  flex-wrap: wrap;
}
.welfare article .under-banner--inner--block--wrap--category--texts h3 {
  width: 100%;
}
.welfare article .under-banner--inner--block--wrap--category--texts h3 span {
  font-size: 1.6420361248vw;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .05em;
  color: #e60012;
}
.welfare article .under-banner--inner--block--wrap--category--texts p {
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  display: block;
  text-align: justify;
  margin-top: 1.5em;
}
.welfare article .under-banner--inner--block--wrap--category--texts .btn-area {
  width: 32%;
  font-size: 1.1494252874vw;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 2.5em -3em 0 auto;
}
.welfare article .under-banner--inner--block--wrap--category--texts .btn-area .more-btn {
  margin-top: 0;
}
.welfare article .under-banner--inner--block--wrap--category--texts .btn-area .more-btn a {
  color: #fff;
  border: 1px solid #e60012;
  background-color: #e60012;
  padding: 1em 2em;
}
.welfare .footer {
  margin-top: 12.315270936vw;
}

@media screen and (max-width: 767px) {
  .welfare article .main .visual img {
    margin-left: -75%;
  }
  .welfare article .container--inner--block:nth-of-type(n+2) {
    margin-top: 24.6305418719vw;
  }
  .welfare article .container--inner--block h2 {
    font-size: 4.9261083744vw;
  }
  .welfare article .container--inner--block--table {
    margin-top: 7.3891625616vw;
  }
  .welfare article .container--inner--block--table dl {
    font-size: 3.4482758621vw;
  }
  .welfare article .container--inner--block--table dl dt {
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }
  .welfare article .container--inner--block--table dl dd {
    width: 100%;
    border-left: none;
    padding-top: .5em;
  }
  .welfare article .container--inner--block--table dl dd.hav-btn p {
    width: 100%;
  }
  .welfare article .container--inner--block--table dl dd.hav-btn .btn-area {
    width: 75%;
    font-size: 3.4482758621vw;
    margin: 2em auto 0;
  }
  .welfare article .container--inner--block--list {
    margin-top: 12.315270936vw;
  }
  .welfare article .container--inner--block--list dl {
    padding: 1em;
  }
  .welfare article .container--inner--block--list dl dt {
    width: 100%;
    font-size: 4.9261083744vw;
    text-align: center;
    padding-bottom: 0;
  }
  .welfare article .container--inner--block--list dl dd {
    width: 100%;
    font-size: 3.4482758621vw;
    padding: 1em 2em 2em;
  }
  .welfare article .container--inner--block--wrap--category {
    margin-top: 8.210180624vw;
  }
  .welfare article .container--inner--block--wrap--category .image {
    width: 100%;
  }
  .welfare article .container--inner--block--wrap--category--texts {
    width: 100%;
    font-size: 3.4482758621vw;
    padding: 2em;
  }
  .welfare article .container--inner--block--wrap--category--texts h3 span {
    font-size: 4.105090312vw;
  }
  .welfare article .under-banner--inner {
    margin: 32.8407224959vw auto 0;
  }
  .welfare article .under-banner--inner--block--wrap--category {
    margin-top: 12.315270936vw;
  }
  .welfare article .under-banner--inner--block--wrap--category .image {
    width: 100%;
  }
  .welfare article .under-banner--inner--block--wrap--category--texts {
    width: 100%;
    font-size: 3.4482758621vw;
    padding: 2em 2em 0;
  }
  .welfare article .under-banner--inner--block--wrap--category--texts h3 span {
    font-size: 4.105090312vw;
  }
  .welfare article .under-banner--inner--block--wrap--category--texts .btn-area {
    width: 65%;
    font-size: 3.4482758621vw;
    margin: 2.5em -2em 0 auto;
  }
}
.training article .main--inner .label:before {
  left: 27.5%;
}
.training article .lead--inner--block .title {
  display: flex;
  justify-content: center;
  font-size: 1.9704433498vw;
  letter-spacing: .05em;
  margin-top: 4em;
  position: relative;
}
.training article .lead--inner--block .title:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.7093596059vw 3.9408866995vw 0 3.9408866995vw;
  border-color: #e60012 transparent transparent transparent;
  top: -4.5155993432vw;
  left: 50%;
  transform: translateX(-50%);
}
.training article .lead--inner--block .title dl {
  display: flex;
  align-items: center;
}
.training article .lead--inner--block .title dl dt {
  width: 5.829228243vw;
  margin-right: .5em;
}
.training article .lead--inner--block .title dl dd {
  text-align: center;
  border-bottom: 2px solid #e60012;
}
.training article .lead--inner--block--wrap {
  border: 1px solid #e60012;
  margin-top: 8.210180624vw;
  padding: 0 4.9261083744vw 4.9261083744vw;
}
.training article .lead--inner--block--wrap .title {
  font-size: 1.724137931vw;
  margin-top: -1em !important;
}
.training article .lead--inner--block--wrap .title:before {
  display: none;
}
.training article .lead--inner--block--wrap .title dl {
  background-color: #fff;
  padding: 0 2em;
}
.training article .lead--inner--block--wrap .title dl dt {
  width: 3.2840722496vw;
}
.training article .lead--inner--block--wrap .title dl dd {
  border-bottom: none;
}
.training article .lead--inner--block--wrap ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 3.2840722496vw auto 0;
  padding: 0 6.5681444992vw;
}
.training article .lead--inner--block--wrap ul li {
  width: 100%;
  font-size: 1.4778325123vw;
  line-height: 1.8;
  letter-spacing: .05em;
  text-align: justify;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
.training article .lead--inner--block--wrap--category {
  margin: 2.4630541872vw auto 0;
  background-color: #fce5e7;
  padding: 3.6945812808vw 8.210180624vw;
}
.training article .lead--inner--block--wrap--category--info {
  background-color: #fff;
  padding: 3.2840722496vw;
}
.training article .lead--inner--block--wrap--category--info h4 {
  font-size: 1.6420361248vw;
  text-align: center;
}
.training article .lead--inner--block--wrap--category--info dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.4630541872vw;
}
.training article .lead--inner--block--wrap--category--info dl dt {
  width: 6.9786535304vw;
  line-height: 1;
  letter-spacing: .04em;
  margin-right: 1.5em;
}
.training article .lead--inner--block--wrap--category--info dl dd {
  width: 83%;
}
.training article .lead--inner--block--wrap--category--info dl dd p {
  font-size: 1.3957307061vw;
  line-height: 1.6;
  margin-top: 0;
}
.training article .container {
  background-color: #f2f3f3;
  padding: 8.210180624vw 10%;
}
.training article .container--inner--main h2 {
  font-size: 1.6420361248vw;
  letter-spacing: .05em;
  color: #e60012;
}
.training article .container--inner--main p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 1em;
}
.training article .container--inner--block:nth-of-type(n+2) {
  margin-top: 8.210180624vw;
}
.training article .container--inner--block h2 {
  font-size: 1.9704433498vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  letter-spacing: .05em;
  text-align: center;
}
.training article .container--inner--block .figure {
  margin-top: 4.105090312vw;
}
.training article .container--inner--block--wrap--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: 4.105090312vw;
}
.training article .container--inner--block--wrap--category .image {
  width: 30%;
}
.training article .container--inner--block--wrap--category--texts {
  width: 70%;
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 1.8;
  padding: 0 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.training article .container--inner--block--wrap--category--texts h3 {
  width: 100%;
}
.training article .container--inner--block--wrap--category--texts h3 span {
  display: inline-block;
  font-size: 1.6420361248vw;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
  padding: .5em 1em;
}
.training article .container--inner--block--wrap--category--texts h3.blue span {
  background-color: #87bed2;
}
.training article .container--inner--block--wrap--category--texts h3.yellow span {
  background-color: #f0be64;
}
.training article .container--inner--block--wrap--category--texts h3.pink span {
  background-color: #f091a0;
}
.training article .container--inner--block--wrap--category--texts p {
  display: block;
  text-align: justify;
  margin-top: 1.3em;
}
.training article .container--inner--block--wrap--category--texts--box {
  width: 100%;
  font-size: 0.9852216749vw;
}
.training article .container--inner--block--wrap--category--texts--box h4 {
  font-weight: bold;
  line-height: 1;
  margin-top: .5em;
}
.training article .container--inner--block--wrap--category--texts--box h4:first-of-type {
  margin-top: 1.3em;
}
.training article .container--inner--block--wrap--category--texts--box ul {
  display: flex;
  flex-wrap: wrap;
}
.training article .container--inner--block--wrap--category--texts--box ul li {
  line-height: 1;
  padding-right: 1.5em;
  margin-top: .8em;
}
.training article .container--inner--block--wrap--category--texts--box p {
  margin-top: .3em;
}

@media screen and (max-width: 767px) {
  .training article .lead--inner--block .title {
    font-size: 5.3366174056vw;
    margin-top: 3em;
  }
  .training article .lead--inner--block .title:before {
    border-width: 5.4187192118vw 7.881773399vw 0 7.881773399vw;
    top: -9.0311986864vw;
  }
  .training article .lead--inner--block .title dl {
    padding: 0 1em;
  }
  .training article .lead--inner--block .title dl dt {
    width: 12.315270936vw;
  }
  .training article .lead--inner--block--wrap {
    margin-top: 16.4203612479vw;
  }
  .training article .lead--inner--block--wrap .title {
    font-size: 4.5155993432vw;
  }
  .training article .lead--inner--block--wrap .title dl dt {
    width: 6.5681444992vw;
  }
  .training article .lead--inner--block--wrap ul {
    margin: 8.210180624vw auto 0;
    padding: 0 5%;
  }
  .training article .lead--inner--block--wrap ul li {
    font-size: 3.6945812808vw;
  }
  .training article .lead--inner--block--wrap--category {
    margin: 7.3891625616vw auto 0;
    padding: 6.5681444992vw;
  }
  .training article .lead--inner--block--wrap--category--info h4 {
    font-size: 4.105090312vw;
  }
  .training article .lead--inner--block--wrap--category--info dl {
    flex-wrap: wrap;
    margin-top: 7.3891625616vw;
  }
  .training article .lead--inner--block--wrap--category--info dl dt {
    width: 24.6305418719vw;
  }
  .training article .lead--inner--block--wrap--category--info dl dd {
    width: 100%;
    padding: 0 5%;
  }
  .training article .lead--inner--block--wrap--category--info dl dd p {
    font-size: 3.2840722496vw;
    margin-top: 1em;
  }
  .training article .container {
    padding: 24.6305418719vw 10%;
  }
  .training article .container--inner--main h2 {
    font-size: 4.9261083744vw;
  }
  .training article .container--inner--main p {
    font-size: 3.4482758621vw;
  }
  .training article .container--inner--block:nth-of-type(n+2) {
    margin-top: 24.6305418719vw;
  }
  .training article .container--inner--block h2 {
    font-size: 4.9261083744vw;
  }
  .training article .container--inner--block .figure {
    margin-top: 8.210180624vw;
    overflow-x: scroll;
  }
  .training article .container--inner--block .figure img {
    width: 175vw;
    max-width: inherit;
    height: auto;
  }
  .training article .container--inner--block--wrap--category {
    margin-top: 8.210180624vw;
  }
  .training article .container--inner--block--wrap--category .image {
    width: 100%;
  }
  .training article .container--inner--block--wrap--category--texts {
    width: 100%;
    font-size: 3.4482758621vw;
    padding: 2em;
  }
  .training article .container--inner--block--wrap--category--texts h3 span {
    font-size: 4.105090312vw;
  }
  .training article .container--inner--block--wrap--category--texts--box {
    font-size: 3.2840722496vw;
  }
  .training article .container--inner--block--wrap--category--texts--box h4 {
    margin-top: 1em;
  }
  .training article .container--inner--block--wrap--category--texts--box h4:first-of-type {
    margin-top: 2em;
  }
  .training article .container--inner--block--wrap--category--texts--box ul {
    display: block;
  }
  .training article .container--inner--block--wrap--category--texts--box p {
    margin-top: .5em;
  }
}
.numbers article .main--inner .label:before {
  left: 57.5%;
}
.numbers article .container--inner {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 12.315270936vw;
}
.numbers article .container--inner--block:nth-of-type(n+2) {
  margin-top: 8.210180624vw;
}
.numbers article .container--inner--block h2 {
  font-size: 1.9704433498vw;
  letter-spacing: .05em;
  text-align: center;
}
.numbers article .container--inner--block--wrap {
  margin-top: 3.2840722496vw;
  border-bottom: 1px solid #e60012;
}
.numbers article .container--inner--block--wrap--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.6420361248vw 0;
  border-top: 1px solid #e60012;
}
.numbers article .container--inner--block--wrap--category--col {
  border-right: 1px solid #e60012;
}
.numbers article .container--inner--block--wrap--category--col:last-of-type {
  border-right: none;
}
.numbers article .container--inner--block--wrap--category.two .container--inner--block--wrap--category--col {
  width: 50%;
}
.numbers article .container--inner--block--wrap--category.three .container--inner--block--wrap--category--col {
  width: 33.333%;
}

.importance article .main {
  background-color: #e60012;
}
.importance article .main--inner {
  position: relative;
  top: inherit;
  left: inherit;
  transform: none;
  padding: 15.1888341544vw 0 2.8735632184vw;
  margin: 0 auto;
}
.importance article .main--inner .label:before {
  left: 57.5%;
}
.importance article .main--inner--lead h2 {
  font-size: 1.6420361248vw;
  margin-top: 2.5em;
  padding-top: 2em;
  border-top: 1px solid #fff;
}
.importance article .main--inner--lead p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 1.5em;
}
.importance article .container {
  background: linear-gradient(to bottom, #e60012 40.1%, #f2f3f3 40.1%);
}
.importance article .container--inner {
  width: 80%;
  margin: 0 auto;
  padding: 2.8735632184vw 0 5.7471264368vw;
}
.importance article .container--inner .figure {
  position: relative;
}
.importance article .container--inner .figure .btn {
  position: absolute;
  width: 5.4187192118vw;
}
.importance article .container--inner .figure .btn a {
  transition: all .3s ease;
}
.importance article .container--inner .figure .btn a:hover {
  opacity: 1;
  transform: scale(1.1);
}
.importance article .container--inner .figure .btn.b01 {
  top: 7.4vw;
  right: 27.40vw;
}
.importance article .container--inner .figure .btn.b02 {
  width: 5.7471264368vw;
  top: 20.5vw;
  right: 29vw;
}
.importance article .container--inner .figure .btn.b03 {
  width: 6.157635468vw;
  top: 20.9vw;
  left: 17.7vw;
}
.importance article .container--inner .figure .btn.b04 {
  top: 11.8vw;
  right: 18.1vw;
}
.importance article .container--inner p {
  display: block;
  font-size: 1.6420361248vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: .05em;
  text-align: center;
  color: #e60012;
  background-color: #fff;
  border-radius: 3.0rem;
  padding: 2em;
  margin-top: 1.5em;
}
.importance .footer {
  margin-top: 8.210180624vw;
}

.modal-importance .modal-content {
  width: 65.3vw;
  background-color: #fff;
  border: 10px solid #e60012;
}
.modal-importance .modal-content--inner {
  border-top: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal-importance .modal-content--inner--main {
  width: 19%;
  background-color: #e60012;
}
.modal-importance .modal-content--inner--main p {
  font-size: 5.7471264368vw;
  font-family: "Noto Serif JP", sans-serif;
  line-height: 1;
  color: #fff;
  padding: .1em .2em;
}
.modal-importance .modal-content--inner--wrap {
  width: 81%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 4.5155993432vw 7% 4.5155993432vw 0;
}
.modal-importance .modal-content--inner--wrap .image {
  width: 24.6305418719vw;
  margin: 3em 0 0 -10.2216748768vw;
}
.modal-importance .modal-content--inner--wrap--texts {
  width: 67.5%;
}
.modal-importance .modal-content--inner--wrap h2 {
  font-size: 2.2988505747vw;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #e60012;
}
.modal-importance .modal-content--inner--wrap p {
  font-size: 1.1494252874vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2;
  text-align: justify;
  margin-top: 1.1em;
}

@media screen and (max-width: 767px) {
  .numbers article .container--inner {
    padding-bottom: 24.6305418719vw;
  }
  .numbers article .container--inner--block:nth-of-type(n+2) {
    margin-top: 16.4203612479vw;
  }
  .numbers article .container--inner--block h2 {
    font-size: 4.9261083744vw;
  }
  .numbers article .container--inner--block--wrap--category {
    padding: 3.2840722496vw 0;
    border-top: 1px solid #e60012;
  }
  .numbers article .container--inner--block--wrap--category--col {
    width: 100% !important;
    border-bottom: 1px solid #e60012;
    border-right: none;
  }
  .numbers article .container--inner--block--wrap--category--col:last-of-type {
    border-bottom: none;
  }

  .importance article .main--inner {
    padding: 30.3776683087vw 0 5.7471264368vw;
  }
  .importance article .main--inner--lead h2 {
    font-size: 4.9261083744vw;
    line-height: 1.4;
  }
  .importance article .main--inner--lead p {
    font-size: 3.4482758621vw;
  }
  .importance article .container {
    background: linear-gradient(to bottom, #e60012 30%, #f2f3f3 30%);
  }
  .importance article .container--inner {
    padding: 5.7471264368vw 0 11.4942528736vw;
  }
  .importance article .container--inner .figure .map {
    width: 115vw;
    max-width: inherit;
    margin-left: -11vw;
  }
  .importance article .container--inner .figure .btn {
    width: 10.8374384236vw;
  }
  .importance article .container--inner .figure .btn.b01 {
    top: 8vw;
    right: 14vw;
  }
  .importance article .container--inner .figure .btn.b02 {
    width: 11.4942528736vw;
    top: 27vw;
    right: 19vw;
  }
  .importance article .container--inner .figure .btn.b03 {
    width: 12.315270936vw;
    top: 28vw;
    left: 10vw;
  }
  .importance article .container--inner .figure .btn.b04 {
    top: 14vw;
    right: -1vw;
  }
  .importance article .container--inner p {
    font-size: 3.6945812808vw;
    text-align: justify;
  }
  .importance .footer {
    margin-top: 16.4203612479vw;
  }

  .modal-importance .modal-content {
    width: 85vw;
  }
  .modal-importance .modal-content--inner--main {
    width: 100%;
  }
  .modal-importance .modal-content--inner--main p {
    font-size: 17.2413793103vw;
    padding-bottom: 1.3em;
  }
  .modal-importance .modal-content--inner--wrap {
    width: 100%;
    padding: 9.0311986864vw 0;
    justify-content: center;
  }
  .modal-importance .modal-content--inner--wrap .image {
    width: 70vw;
    margin: -30em auto 0;
  }
  .modal-importance .modal-content--inner--wrap--texts {
    width: 90%;
  }
  .modal-importance .modal-content--inner--wrap h2 {
    font-size: 5.5008210181vw;
    margin-top: 1em;
  }
  .modal-importance .modal-content--inner--wrap p {
    font-size: 3.4482758621vw;
  }
}
.people-index article .container {
  background-color: #f2f3f3;
  padding: 8.210180624vw 10%;
}
.people-index article .container--main .people_sort .people_box p {
  font-size: 1.6420361248vw;
  letter-spacing: .05em;
  margin-bottom: 1em;
}
.people-index article .container--main .people_sort .people_box label {
  cursor: pointer;
  display: inline-block;
  font-size: 1.1494252874vw;
  line-height: 1;
  color: #000;
  background-color: #fff;
  border-radius: 5rem;
  padding: .5em 2.5em;
  margin: 1.5em 1.5em 0 0;
}
.people-index article .container--main .people_sort .people_box label span {
  padding-left: 1em;
  position: relative;
}
.people-index article .container--main .people_sort .people_box label span:before {
  content: '＃';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.people-index article .container--main .mixitup-control-active {
  color: #fff !important;
  background-color: #e60012 !important;
}
.people-index article .container--inner {
  border-top: 4px solid #fff;
  padding-top: 2.8735632184vw;
  margin-top: 4.5155993432vw;
}
.people-index article .container--inner--wrap {
  display: flex;
  flex-wrap: wrap;
}
.people-index article .container--inner--wrap--category {
  width: 31%;
  margin: 2.052545156vw 0.5% 0;
  background-color: #fff;
}
.people-index article .container--inner--wrap--category.soon {
  opacity: 1;
  align-self: flex-start;
}
.people-index article .container--inner--wrap--category.soon a .texts {
  padding-top: 0;
}
.people-index article .container--inner--wrap--category.soon a .texts dl dd {
  margin-top: 0;
}
.people-index article .container--inner--wrap--category a {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.people-index article .container--inner--wrap--category a .image {
  width: 100%;
  overflow: hidden;
}
.people-index article .container--inner--wrap--category a .image img {
  transition: all .3s ease;
}
.people-index article .container--inner--wrap--category a .texts {
  width: 100%;
  padding: 2.052545156vw;
}
.people-index article .container--inner--wrap--category a .texts dl dt {
  font-size: 1.4778325123vw;
}
.people-index article .container--inner--wrap--category a .texts dl dd {
  font-size: 1.1494252874vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333;
  border-top: 1px solid #dbdcdc;
  padding-top: 1em;
  margin-top: 1em;
}
.people-index article .container--inner--wrap--category a .texts .tag {
  font-size: 1.1494252874vw;
  line-height: 1;
  color: #fff;
  border-top: 1px solid #dbdcdc;
  padding-top: 1em;
  margin-top: 1em;
}
.people-index article .container--inner--wrap--category a .texts .tag li {
  width: inherit;
  display: inline-block;
  margin: .5em 5% 0 0;
}
.people-index article .container--inner--wrap--category a .texts .tag li span {
  display: inline-block;
  background-color: #e60012;
  border-radius: 5rem;
  padding: .5em 1em .5em 2em;
  position: relative;
}
.people-index article .container--inner--wrap--category a .texts .tag li span:before {
  content: '＃';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}
.people-index article .container--inner--wrap--category a .view-more {
  width: 100%;
  font-size: 1.1494252874vw;
  font-family: "Baskerville Normal", sans-serif;
  line-height: 1;
  letter-spacing: .05em;
  text-align: right;
  color: #e60012;
  padding-right: 2em;
  margin: 0 2.052545156vw 2.052545156vw;
  position: relative;
  transition: all .3s ease;
}
.people-index article .container--inner--wrap--category a .view-more:before, .people-index article .container--inner--wrap--category a .view-more:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #e60012;
  right: 0;
  transition: all .3s ease;
}
.people-index article .container--inner--wrap--category a .view-more:before {
  width: 1.2em;
  top: 55%;
  transform: translateY(-50%);
}
.people-index article .container--inner--wrap--category a .view-more:after {
  width: .5em;
  top: 35%;
  transform: rotate(45deg) translateY(-50%);
}
.people-index article .container--inner--wrap--category a:hover {
  opacity: 1;
}
.people-index article .container--inner--wrap--category a:hover .image img {
  transform: scale(1.04);
}
.people-index article .container--inner--wrap--category a:hover .view-more {
  margin-right: 1.2315270936vw;
}

.people-common article {
  /*&:after{
  	content: '';
  	display: block;
  	position: absolute;
  	width: 100vw;
  	height: 100vh;
  	top: 0;
  	left: 0;
  	z-index: -1;
  }*/
}
.people-common article .main {
  height: 100vh;
  position: relative;
}
.people-common article .main .visual {
  display: none;
}
.people-common article .main--inner {
  width: 80%;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.people-common article .main--inner .label {
  display: block;
}
.people-common article .main--inner .label:before {
  left: 9%;
}
.people-common article .main--inner .label dt {
  font-size: 1.3136288998vw;
}
.people-common article .main--inner .label dd {
  font-size: 1.4778325123vw;
  margin: .5em 0 0 5.5em;
}
.people-common article .main--inner .title {
  font-size: 4.1871921182vw;
  line-height: 1.4;
  letter-spacing: .05em;
  margin-top: 1em;
}
.people-common article .lead {
  position: relative;
  z-index: 1;
}
.people-common article .lead .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .3s ease-in-out;
}
.people-common article .lead .cover.is-active {
  background-color: rgba(0, 0, 0, 0.1);
}
.people-common article .lead--inner {
  width: 80%;
  margin: 0 auto;
  padding: 9.0311986864vw 0;
  color: #fff;
}
.people-common article .lead--inner--over h2 {
  font-size: 1.4778325123vw;
  color: #fff;
}
.people-common article .lead--inner--over h3 {
  font-size: 1.3136288998vw;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-top: 1em;
}
.people-common article .lead--inner--over ul {
  display: inline-block;
  font-size: 1.1494252874vw;
  line-height: 1.7;
  letter-spacing: .05em;
  border-top: 1px solid #fff;
  padding-top: 1em;
  margin-top: 1em;
}
.people-common article .lead--inner--over ul li {
  display: inline-block;
  margin-right: 1em;
}
.people-common article .lead--inner--over ul li span {
  position: relative;
  padding-left: 1em;
}
.people-common article .lead--inner--over ul li span:before {
  content: '#';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.people-common article .lead--inner--under {
  width: 20.2791461412vw;
  font-size: 1.1494252874vw;
}
.people-common article .lead--inner--under h4 {
  line-height: 1;
  margin-top: 5.5em;
}
.people-common article .lead--inner--under p {
  line-height: 1.7;
  letter-spacing: .05em;
  text-align: justify;
  margin-top: 1em;
}
.people-common article .container {
  background-color: #fff;
}
.people-common article .container--block--inner--category,
.people-common article .container--block .full-image,
.people-common article .container--block .image {
  padding-top: 8.210180624vw;
}
.people-common article .container--block h2 {
  font-size: 1.6420361248vw;
  color: #e60012;
}
.people-common article .container--block p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 1em;
}
.people-common article .container--block--inner {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.people-common article .container--block--inner--category {
  width: 44%;
}
.people-common article .container--block--inner--category.full {
  width: 100%;
}
.people-common article .container--block--inner .image {
  width: 50%;
}
.people-common article .container--block.schedule {
  background-color: #e60012;
  margin-top: 8.210180624vw;
  padding: 8.210180624vw 0;
}
.people-common article .container--block.schedule .container--block--inner {
  align-items: center;
}
.people-common article .container--block.schedule .container--block--inner .image, .people-common article .container--block.schedule .container--block--inner--category {
  padding-top: 0;
}
.people-common article .container--block.schedule .container--block--inner--category {
  width: 43.6%;
}
.people-common article .container--block.schedule .container--block--inner--category h2 {
  color: #fff;
}
.people-common article .container--block.schedule .container--block--inner--category .table {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 2;
  padding: .5em 0;
  margin-top: 1.5em;
  position: relative;
}
.people-common article .container--block.schedule .container--block--inner--category .table:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 14.3%;
}
.people-common article .container--block.schedule .container--block--inner--category .table dl {
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 1.3em;
  position: relative;
}
.people-common article .container--block.schedule .container--block--inner--category .table dl:before {
  content: '';
  display: block;
  position: absolute;
  width: 0.9852216749vw;
  height: 0.9852216749vw;
  background-color: #fff;
  border-radius: 50%;
  top: .5em;
  left: 13%;
}
.people-common article .container--block.schedule .container--block--inner--category .table dl dt {
  width: 15.5%;
}
.people-common article .container--block.schedule .container--block--inner--category .table dl dd {
  width: 80%;
}
.people-common article .container--block.future {
  background-color: #e6e7e7;
  padding: 8.210180624vw 0;
}
.people-common article .container--block.future .container--block--inner .image, .people-common article .container--block.future .container--block--inner--category {
  padding-top: 0;
}
.people-common article .container--block.career {
  padding: 8.210180624vw 0;
}
.people-common article .container--block.career .container--block--inner--category {
  padding-top: 0;
}
.people-common article .container--block.career .container--block--inner--category ul {
  font-size: 1.4778325123vw;
  line-height: 1;
  display: flex;
  margin-top: 2em;
}
.people-common article .container--block.career .container--block--inner--category ul li {
  width: 14.7783251232vw;
  background-color: #e6e7e7;
  margin: 1em 1.5em 0 0;
  position: relative;
}
.people-common article .container--block.career .container--block--inner--category ul li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8210180624vw 0 0.8210180624vw 0.8210180624vw;
  border-color: transparent transparent transparent #000;
  top: 50%;
  right: -1.6420361248vw;
}
.people-common article .container--block.career .container--block--inner--category ul li:last-of-type {
  margin-right: 0;
}
.people-common article .container--block.career .container--block--inner--category ul li:last-of-type:after {
  display: none;
}
.people-common article .container--block.career .container--block--inner--category ul li dl {
  display: flex;
}
.people-common article .container--block.career .container--block--inner--category ul li dl dt {
  color: #fff;
  background-color: #e60012;
  padding: .2em 1em;
}
.people-common article .container--block.career .container--block--inner--category ul li dl dd {
  padding: .2em 1em;
}
.people-common article .container--block.career .container--block--inner--category ul li p {
  width: 100%;
  font-size: 1.3136288998vw;
  line-height: 1.4;
  padding: 1em;
  margin-top: 0;
}
.people-common article .container--block.private {
  background-color: #e6e7e7;
}
.people-common article .container--block.private .container--block--inner {
  width: 100%;
}
.people-common article .container--block.private .container--block--inner .image, .people-common article .container--block.private .container--block--inner--category {
  width: 50%;
  padding-top: 0;
}
.people-common article .container--block.private .container--block--inner--category {
  padding: 8.210180624vw 5% 8.210180624vw 10%;
}
.people-common.people01 article {
  background: url("../images/job_people/interview/people01/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people02 article {
  background: url("../images/job_people/interview/people02/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people03 article {
  background: url("../images/job_people/interview/people03/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people04 article {
  background: url("../images/job_people/interview/people04/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people05 article {
  background: url("../images/job_people/interview/people05/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people06 article {
  background: url("../images/job_people/interview/people06/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people07 article {
  background: url("../images/job_people/interview/people07/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people08 article {
  background: url("../images/job_people/interview/people08/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people09 article {
  background: url("../images/job_people/interview/people09/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people10 article {
  background: url("../images/job_people/interview/people10/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people11 article {
  background: url("../images/job_people/interview/people11/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people12 article {
  background: url("../images/job_people/interview/people12/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people13 article {
  background: url("../images/job_people/interview/people13/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people14 article {
  background: url("../images/job_people/interview/people14/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people15 article {
  background: url("../images/job_people/interview/people15/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people16 article {
  background: url("../images/job_people/interview/people16/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people17 article {
  background: url("../images/job_people/interview/people17/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people18 article {
  background: url("../images/job_people/interview/people18/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people19 article {
  background: url("../images/job_people/interview/people19/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people20 article {
  background: url("../images/job_people/interview/people20/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people21 article {
  background: url("../images/job_people/interview/people21/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people22 article {
  background: url("../images/job_people/interview/people22/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.people-common.people23 article {
  background: url("../images/job_people/interview/people23/main_bg.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}

.job article .main--inner .label:before {
  left: 34%;
}
.job article .lead--inner h2:nth-of-type(n+2) {
  margin-top: 6em;
}
.job article .lead--inner p.comment {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: bold;
  line-height: 1.4;
  color: #e60012;
  margin: 3em 0 -3em 0;
}
.job article .lead--inner .figure {
  width: 100%;
  position: relative;
}
.job article .lead--inner .figure img {
  width: 100% !important;
  max-width: 100% !important;
  vertical-align: bottom;
}
.job article .lead--inner .figure .links li {
  position: absolute;
}
.job article .lead--inner .figure .links li.new-area {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 13.4%;
  left: 22.2%;
}
.job article .lead--inner .figure .links li.digital {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 37%;
  left: 22.2%;
}
.job article .lead--inner .figure .links li.development {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 13.5%;
  left: 34.5%;
}
.job article .lead--inner .figure .links li.industrial-science {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 37%;
  left: 34.5%;
}
.job article .lead--inner .figure .links li.procurement {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 13.5%;
  left: 47%;
}
.job article .lead--inner .figure .links li.total-support {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 37%;
  left: 47%;
}
.job article .lead--inner .figure .links li.japan-sales {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 13.5%;
  left: 63.2%;
}
.job article .lead--inner .figure .links li.overseas-sales {
  width: 9.8522167488vw;
  height: 11.2479474548vw;
  top: 37%;
  left: 63.2%;
}
.job article .lead--inner .figure .links li.quality {
  width: 11.3300492611vw;
  height: 9.8522167488vw;
  top: 72%;
  left: 5.1%;
}
.job article .lead--inner .figure .links li.manufacturing {
  width: 11.3300492611vw;
  height: 9.8522167488vw;
  top: 72%;
  left: 19.1%;
}
.job article .lead--inner .figure .links li.finance-accounting {
  width: 11.3300492611vw;
  height: 9.8522167488vw;
  top: 72%;
  left: 33.1%;
}
.job article .lead--inner--report {
  overflow-x: scroll;
  margin-top: 5.7471264368vw;
}
.job article .lead--inner--report table {
  width: 100%;
  border: 1px solid #eeefef;
}
.job article .lead--inner--report table tbody tr:nth-of-type(odd) {
  background-color: #eeefef;
}
.job article .lead--inner--report table tbody tr th,
.job article .lead--inner--report table tbody tr td {
  font-size: 1.0673234811vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: bold;
  padding: 1em;
}
.job article .lead--inner--report table tbody tr th {
  width: 34.0722495895vw;
  text-align: left;
}
.job article .lead--inner--report table tbody tr td {
  width: 9.0311986864vw;
  border-left: 1px solid #afb1b3;
}
.job article .lead--inner--report table tbody tr td:last-of-type {
  border-right: none;
}
.job article .lead--inner--report table tbody tr.title th,
.job article .lead--inner--report table tbody tr.title td {
  color: #fff;
  background-color: #e60012;
}
.job article .lead--inner--report table tbody tr.title td {
  text-align: center;
}
.job article .lead--inner--report table tbody tr.title .task {
  text-align: left;
}
.job article .lead--inner--report table tbody tr.texts td {
  text-align: center;
}

/* overlay at start */
.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-wrap .modal-content {
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-wrap.mfp-ready .modal-content {
  transform: translateY(0);
  opacity: 1;
}

/* content animate out */
.mfp-wrap.mfp-removing .modal-content {
  transform: translateY(30px);
  opacity: 0;
}

.mfp-bg {
  background-color: black !important;
}

.mfp-close {
  display: none !important;
}

.modal-content {
  width: 80vw;
  margin: 6.5681444992vw auto;
  position: relative;
  transition: all .6s ease-out;
}
.modal-content--inner {
  position: relative;
  border-top: 1px solid #fff;
  padding: 0;
}
.modal-content--inner--wrap {
  padding: 3.6945812808vw 0;
}
.modal-content--inner--wrap .title {
  font-size: 1.8062397373vw;
  line-height: 1;
  letter-spacing: .05em;
  text-align: center;
  color: #fff;
}
.modal-content--inner--wrap .inner--wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.modal-content--inner--wrap .inner--wrap--category {
  width: 31%;
  margin: 2.052545156vw 0.5% 0;
  background-color: #fff;
}
.modal-content--inner--wrap .inner--wrap--category.soon {
  opacity: 1;
}
.modal-content--inner--wrap .inner--wrap--category.soon a .texts {
  padding-top: 0;
}
.modal-content--inner--wrap .inner--wrap--category.soon a .texts dl dd {
  margin-top: 0;
}
.modal-content--inner--wrap .inner--wrap--category a {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.modal-content--inner--wrap .inner--wrap--category a .texts {
  width: 100%;
  padding: 2.052545156vw;
}
.modal-content--inner--wrap .inner--wrap--category a .texts dl dt {
  font-size: 1.4778325123vw;
}
.modal-content--inner--wrap .inner--wrap--category a .texts dl dd {
  font-size: 1.1494252874vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333;
  border-top: 1px solid #dbdcdc;
  padding-top: 1em;
  margin-top: 1em;
}
.modal-content--inner--wrap .inner--wrap--category a .view-more {
  width: 100%;
  font-size: 1.1494252874vw;
  font-family: "Baskerville Normal", sans-serif;
  line-height: 1;
  letter-spacing: .05em;
  text-align: right;
  color: #e60012;
  padding-right: 2em;
  margin: 0 2.052545156vw 2.052545156vw;
  position: relative;
  transition: all .3s ease;
}
.modal-content--inner--wrap .inner--wrap--category a .view-more:before, .modal-content--inner--wrap .inner--wrap--category a .view-more:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #e60012;
  right: 0;
  transition: all .3s ease;
}
.modal-content--inner--wrap .inner--wrap--category a .view-more:before {
  width: 1.2em;
  top: 55%;
  transform: translateY(-50%);
}
.modal-content--inner--wrap .inner--wrap--category a .view-more:after {
  width: .5em;
  top: 35%;
  transform: rotate(45deg) translateY(-50%);
}
.modal-content--inner--wrap .inner--wrap--category a:hover {
  opacity: 1;
}
.modal-content--inner--wrap .inner--wrap--category a:hover .image img {
  transform: scale(1.04);
}
.modal-content--inner--wrap .inner--wrap--category a:hover .view-more {
  margin-right: 1.2315270936vw;
}
.modal-content--inner--wrap .modal-dismiss {
  display: none;
}
.modal-content--inner .popup-modal-dismiss {
  width: 3.6945812808vw;
  height: 3.6945812808vw;
  position: absolute;
  top: -5.7471264368vw;
  right: -0.4105090312vw;
  z-index: 100;
}
.modal-content--inner .popup-modal-dismiss span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-content--inner .popup-modal-dismiss span:before, .modal-content--inner .popup-modal-dismiss span:after {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #fff;
  margin-left: 1.6420361248vw;
}
.modal-content--inner .popup-modal-dismiss span:before {
  transform: rotate(-45deg);
}
.modal-content--inner .popup-modal-dismiss span:after {
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .people-index article .container {
    padding: 16.4203612479vw 10%;
  }
  .people-index article .container--main .people_sort .people_box p {
    font-size: 4.105090312vw;
  }
  .people-index article .container--main .people_sort .people_box label {
    font-size: 3.2840722496vw;
  }
  .people-index article .container--inner {
    padding-top: 5.7471264368vw;
    margin-top: 5.7471264368vw;
  }
  .people-index article .container--inner--wrap--category {
    width: 100%;
    margin: 4.105090312vw auto 0;
  }
  .people-index article .container--inner--wrap--category a .texts {
    padding: 4.105090312vw;
  }
  .people-index article .container--inner--wrap--category a .texts dl dt {
    font-size: 4.4334975369vw;
  }
  .people-index article .container--inner--wrap--category a .texts dl dd {
    font-size: 3.4482758621vw;
  }
  .people-index article .container--inner--wrap--category a .texts .tag {
    font-size: 3.4482758621vw;
  }
  .people-index article .container--inner--wrap--category a .view-more {
    font-size: 3.4482758621vw;
    margin: 0 4.105090312vw 4.105090312vw;
  }
  .people-index article .container--inner--wrap--category a .view-more:before {
    width: 1.2em;
  }
  .people-index article .container--inner--wrap--category a:hover .view-more {
    margin-right: 2.4630541872vw;
  }

  .people-common article .main .visual {
    display: block;
    overflow: hidden;
  }
  .people-common article .main .visual img {
    width: auto;
    height: 100vh;
    max-width: inherit;
    margin-left: -125%;
  }
  .people-common article .main--inner {
    width: 85%;
    top: 75%;
  }
  .people-common article .main--inner .label:before {
    width: 28.3251231527vw;
    top: -7.3891625616vw;
    left: 27%;
  }
  .people-common article .main--inner .label dt {
    font-size: 3.9408866995vw;
  }
  .people-common article .main--inner .label dd {
    font-size: 4.4334975369vw;
  }
  .people-common article .main--inner .title {
    font-size: 6.5681444992vw;
  }
  .people-common article .lead {
    background-color: #e60012;
  }
  .people-common article .lead--inner {
    padding: 18.0623973727vw 0;
  }
  .people-common article .lead--inner--over h2 {
    font-size: 4.4334975369vw;
    color: #fff;
  }
  .people-common article .lead--inner--over h3 {
    font-size: 3.9408866995vw;
  }
  .people-common article .lead--inner--over ul {
    font-size: 3.4482758621vw;
  }
  .people-common article .lead--inner--under {
    width: 100%;
    font-size: 3.4482758621vw;
  }
  .people-common article .container--block--inner--category,
  .people-common article .container--block .full-image,
  .people-common article .container--block .image {
    padding-top: 24.6305418719vw;
  }
  .people-common article .container--block h2 {
    font-size: 4.9261083744vw;
  }
  .people-common article .container--block p {
    font-size: 3.4482758621vw;
  }
  .people-common article .container--block--inner--category {
    width: 100%;
  }
  .people-common article .container--block--inner--category.full {
    width: 100%;
  }
  .people-common article .container--block--inner .image {
    width: 100%;
  }
  .people-common article .container--block.schedule {
    margin-top: 24.6305418719vw;
    padding: 24.6305418719vw 0;
  }
  .people-common article .container--block.schedule .container--block--inner--category {
    width: 100%;
  }
  .people-common article .container--block.schedule .container--block--inner--category .table {
    font-size: 3.2840722496vw;
  }
  .people-common article .container--block.schedule .container--block--inner--category .table:before {
    left: 14.5%;
  }
  .people-common article .container--block.schedule .container--block--inner--category .table dl {
    /*dt{
    	width: 15.5%;
    }
    dd{
    	width: 80%;
    }*/
  }
  .people-common article .container--block.schedule .container--block--inner--category .table dl:before {
    width: 2.9556650246vw;
    height: 2.9556650246vw;
  }
  .people-common article .container--block.schedule .container--block--inner .image {
    margin-top: 10vw;
  }
  .people-common article .container--block.future {
    padding: 24.6305418719vw 0;
  }
  .people-common article .container--block.career {
    padding: 24.6305418719vw 0;
  }
  .people-common article .container--block.career .container--block--inner {
    width: 70%;
  }
  .people-common article .container--block.career .container--block--inner--category ul {
    font-size: 4.9261083744vw;
    flex-wrap: wrap;
    margin-top: 1em;
  }
  .people-common article .container--block.career .container--block--inner--category ul li {
    width: 100%;
    margin: 1em auto;
  }
  .people-common article .container--block.career .container--block--inner--category ul li:after {
    border-width: 4.105090312vw 4.105090312vw 0 4.105090312vw;
    border-color: #000 transparent transparent transparent;
    top: inherit;
    bottom: -6.9786535304vw;
    left: 50%;
    right: inherit;
    transform: translateX(-50%);
  }
  .people-common article .container--block.career .container--block--inner--category ul li:last-of-type {
    margin-bottom: 0;
  }
  .people-common article .container--block.career .container--block--inner--category ul li p {
    font-size: 3.9408866995vw;
  }
  .people-common article .container--block.private .container--block--inner {
    width: 100%;
  }
  .people-common article .container--block.private .container--block--inner .image, .people-common article .container--block.private .container--block--inner--category {
    width: 100%;
  }
  .people-common article .container--block.private .container--block--inner--category {
    padding: 16.4203612479vw 10%;
  }
  .people-common.people01 article {
    background-attachment: scroll;
  }
  .people-common.people02 article {
    background-attachment: scroll;
  }
  .people-common.people03 article {
    background-attachment: scroll;
  }
  .people-common.people03 article .main .visual img {
    margin-left: -150%;
  }
  .people-common.people04 article {
    background-attachment: scroll;
  }
  .people-common.people05 article {
    background-attachment: scroll;
  }
  .people-common.people05 article .main .visual img {
    margin-left: -130%;
  }
  .people-common.people06 article {
    background-attachment: scroll;
  }
  .people-common.people06 article .main .visual img {
    margin-left: -140%;
  }
  .people-common.people07 article {
    background-attachment: scroll;
  }
  .people-common.people07 article .main .visual img {
    margin-left: -150%;
  }
  .people-common.people08 article {
    background-attachment: scroll;
  }
  .people-common.people08 article .main .visual img {
    margin-left: -110%;
  }
  .people-common.people09 article {
    background-attachment: scroll;
  }
  .people-common.people09 article .main .visual img {
    margin-left: -140%;
  }
  .people-common.people10 article {
    background-attachment: scroll;
  }
  .people-common.people11 article {
    background-attachment: scroll;
  }
  .people-common.people12 article {
    background-attachment: scroll;
  }
  .people-common.people12 article .main .visual img {
    margin-left: -100%;
  }
  .people-common.people13 article {
    background-attachment: scroll;
  }
  .people-common.people14 article {
    background-attachment: scroll;
  }
  .people-common.people15 article {
    background-attachment: scroll;
  }
  .people-common.people16 article {
    background-attachment: scroll;
  }
  .people-common.people16 article .main .visual img {
    margin-left: -175%;
  }
  .people-common.people17 article {
    background-attachment: scroll;
  }
  .people-common.people17 article .main .visual img {
    margin-left: -180%;
  }
  .people-common.people18 article {
    background-attachment: scroll;
  }
  .people-common.people19 article {
    background-attachment: scroll;
  }
  .people-common.people19 article .main .visual img {
    margin-left: -150%;
  }
  .people-common.people20 article {
    background-attachment: scroll;
  }
  .people-common.people21 article {
    background-attachment: scroll;
  }
  .people-common.people21 article .main .visual img {
    margin-left: -100%;
  }
  .people-common.people22 article {
    background-attachment: scroll;
  }
  .people-common.people23 article {
    background-attachment: scroll;
  }
  .people-common.people23 article .main .visual img {
    margin-left: -180%;
  }

  .job article .main--inner {
    top: 55%;
  }
  .job article .lead--inner h2:nth-of-type(n+2) {
    margin-top: 3em;
  }
  .job article .lead--inner p.comment {
    font-size: 2.9556650246vw;
    margin-bottom: -2em;
  }
  .job article .lead--inner .figure .links li.new-area {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 11.4%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.digital {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 42.2%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.development {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 21.6%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.industrial-science {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 52.6%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.procurement {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 32%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.total-support {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 62.8%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.japan-sales {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 77.4%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.overseas-sales {
    width: 31.5270935961vw;
    height: 24.1379310345vw;
    top: 87.8%;
    left: 54.5%;
  }
  .job article .lead--inner .figure .links li.quality {
    width: 29.5566502463vw;
    height: 24.1379310345vw;
    top: 11.4%;
    left: 5.1%;
  }
  .job article .lead--inner .figure .links li.manufacturing {
    width: 29.5566502463vw;
    height: 24.1379310345vw;
    top: 21.6%;
    left: 5.1%;
  }
  .job article .lead--inner .figure .links li.finance-accounting {
    width: 29.5566502463vw;
    height: 24.1379310345vw;
    top: 32%;
    left: 5.1%;
  }
  .job article .lead--inner--report {
    overflow-x: scroll;
  }
  .job article .lead--inner--report table {
    width: 176.5188834154vw;
  }
  .job article .lead--inner--report table tbody tr th,
  .job article .lead--inner--report table tbody tr td {
    font-size: 2.7093596059vw;
  }
  .job article .lead--inner--report table tbody tr th {
    width: 61.5763546798vw;
  }
  .job article .lead--inner--report table tbody tr td {
    width: 22.9885057471vw;
  }

  .modal-content {
    margin: 13.1362889984vw auto;
  }
  .modal-content--inner--wrap {
    padding: 7.3891625616vw 0;
  }
  .modal-content--inner--wrap .title {
    font-size: 4.5155993432vw;
  }
  .modal-content--inner--wrap .inner--wrap--category {
    width: 100%;
    margin: 4.105090312vw 0 0;
    background-color: #fff;
  }
  .modal-content--inner--wrap .inner--wrap--category a {
    display: block;
  }
  .modal-content--inner--wrap .inner--wrap--category a .texts {
    padding: 4.105090312vw;
  }
  .modal-content--inner--wrap .inner--wrap--category a .texts dl dt {
    font-size: 3.6945812808vw;
  }
  .modal-content--inner--wrap .inner--wrap--category a .texts dl dd {
    font-size: 2.8735632184vw;
  }
  .modal-content--inner--wrap .inner--wrap--category a .view-more {
    font-size: 2.8735632184vw;
    margin: 0 4.105090312vw 4.105090312vw 0;
    padding-right: 3.5em;
  }
  .modal-content--inner--wrap .inner--wrap--category a .view-more:before, .modal-content--inner--wrap .inner--wrap--category a .view-more:after {
    right: 5%;
  }
  .modal-content--inner--wrap .inner--wrap--category a:hover .view-more {
    margin-right: 3.1198686371vw;
  }
  .modal-content--inner .popup-modal-dismiss {
    width: 74.302134647vw;
    height: 7.3891625616vw;
    top: -11.4942528736vw;
    left: 90%;
    right: inherit;
  }
  .modal-content--inner .popup-modal-dismiss span:before, .modal-content--inner .popup-modal-dismiss span:after {
    margin-left: 3.2840722496vw;
  }
}
.information article .main--inner .label:before {
  left: 40%;
}
.information article .container {
  padding: 8.210180624vw 10%;
}
.information article .container.red {
  background-color: #e60012;
}
.information article .container.red .container--inner--block h2 {
  color: #fff;
}
.information article .container.gray {
  background-color: #f2f3f3;
}
.information article .container.gray .container--inner--block h2 {
  color: #e60012;
}
.information article .container--inner--block:nth-of-type(n+2) {
  margin-top: 8.210180624vw;
}
.information article .container--inner--block h2 {
  font-size: 1.6420361248vw;
  letter-spacing: .05em;
}
.information article .container--inner--block--table {
  border-bottom: 1px solid #c3c5c6;
}
.information article .container--inner--block--table dl {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #c3c5c6;
}
.information article .container--inner--block--table dl dt, .information article .container--inner--block--table dl dd {
  padding: 2em 0;
}
.information article .container--inner--block--table dl dt {
  width: 12.5%;
  font-weight: bold;
  color: #e60012;
}
.information article .container--inner--block--table dl dd {
  width: 87.5%;
  text-align: justify;
}
.information article .container--inner--block--table dl dd span {
  display: block;
  text-indent: -7.5em;
  padding-left: 7.5em;
}
.information article .container--inner--block--flow {
  margin-top: 4.105090312vw;
  display: flex;
  flex-wrap: wrap;
}
.information article .container--inner--block--flow li {
  width: 21.6%;
  background-color: #fff;
  padding: 1.2315270936vw;
  margin-right: 4.5%;
  position: relative;
}
.information article .container--inner--block--flow li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8210180624vw 0 0.8210180624vw 0.8210180624vw;
  border-color: transparent transparent transparent #fff;
  top: 50%;
  right: -2.2577996716vw;
  transform: translateY(-50%);
}
.information article .container--inner--block--flow li:nth-of-type(4n) {
  margin-right: 0;
}
.information article .container--inner--block--flow li:last-of-type:after {
  display: none;
}
.information article .container--inner--block--flow li p {
  display: flex;
  align-items: center;
  font-size: 3.2840722496vw;
  line-height: 1;
}
.information article .container--inner--block--flow li p span {
  display: inline-block;
  font-size: 1.3957307061vw;
  border-bottom: 1px solid #000;
  margin-right: .5em;
}
.information article .container--inner--block--flow li dl {
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
}
.information article .container--inner--block--flow li dl dt {
  font-size: 1.3136288998vw;
  font-weight: bold;
  color: #e60012;
  margin-top: .5em;
}
.information article .container--inner--block--flow li dl dd {
  font-size: 1.1494252874vw;
  margin-top: .5em;
}
.information article .container--inner--block--wrap--tabwrap {
  background-color: #fff;
  margin-top: 3.6945812808vw;
}
.information article .container--inner--block--wrap--tabwrap .container-tab {
  display: flex;
}
.information article .container--inner--block--wrap--tabwrap .container-tab li {
  width: 50%;
}
.information article .container--inner--block--wrap--tabwrap .container-tab li a {
  font-size: 1.6420361248vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #e60012;
  padding: 1em;
  transition: all .3s ease-out;
  position: relative;
}
.information article .container--inner--block--wrap--tabwrap .container-tab li a:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8210180624vw 0.8210180624vw 0 0.8210180624vw;
  border-color: #e60012 transparent transparent transparent;
  bottom: -0.8210180624vw;
  left: 50%;
  transform: translateX(-50%);
}
.information article .container--inner--block--wrap--tabwrap .container-tab li.select a {
  color: #000;
  background-color: #fff;
}
.information article .container--inner--block--wrap--tabwrap .container-tab li.select a:after {
  border-color: #000 transparent transparent transparent;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block {
  width: 75%;
  margin: 0 auto;
  padding: 4.105090312vw 0;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category {
  border-bottom: 1px solid #e6e7e7;
  padding-bottom: 3.2840722496vw;
  margin-bottom: 3.2840722496vw;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category:last-of-type {
  margin-bottom: 0;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl {
  display: flex;
  align-items: center;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl dt {
  font-size: 2.4630541872vw;
  letter-spacing: .05em;
  color: #e60012;
  margin-right: .5em;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl dd {
  font-size: 1.6420361248vw;
  font-weight: 600;
}
.information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category p {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 2;
  text-align: justify;
  margin-top: 1em;
}

.message article .main--inner .label:before {
  left: 40%;
}
.message article .container {
  background-color: #f2f3f3;
  padding: 8.210180624vw 0;
}
.message article .container--block {
  width: 80vw;
  margin: 0 auto;
  position: relative;
}
.message article .container--block:nth-of-type(n+2) {
  margin-top: 8.210180624vw;
}
.message article .container--block:nth-of-type(odd) {
  margin-left: 0;
  margin-right: auto;
}
.message article .container--block:nth-of-type(odd) h2 {
  right: -3.1vw;
}
.message article .container--block:nth-of-type(even) {
  margin-left: auto;
  margin-right: 0;
}
.message article .container--block:nth-of-type(even) h2 {
  left: -3.1vw;
}
.message article .container--block:nth-of-type(3n) {
  margin-left: auto;
  margin-right: auto;
}
.message article .container--block h2 {
  width: 3.2vw;
  position: absolute;
  top: 0;
}
.message article .container--block--inner {
  background-color: #fff;
  padding: 8.210180624vw;
}
.message article .container--block--inner h3 {
  font-size: 1.6420361248vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
}
.message article .container--block--inner p {
  font-size: 1.1494252874vw;
  line-height: 2;
  text-align: justify;
  margin-top: 1.5em;
}

@media screen and (max-width: 767px) {
  .information article .container {
    padding: 24.6305418719vw 10%;
  }
  .information article .container--inner--block:nth-of-type(n+2) {
    margin-top: 24.6305418719vw;
  }
  .information article .container--inner--block h2 {
    font-size: 4.105090312vw;
  }
  .information article .container--inner--block--table dl {
    font-size: 3.4482758621vw;
  }
  .information article .container--inner--block--table dl dt {
    width: 25%;
  }
  .information article .container--inner--block--table dl dd {
    width: 75%;
  }
  .information article .container--inner--block--flow {
    margin-top: 12.315270936vw;
  }
  .information article .container--inner--block--flow li {
    width: 100%;
    padding: 3.6945812808vw;
    margin: 0 auto 7.3891625616vw;
  }
  .information article .container--inner--block--flow li:after {
    border-width: 3.2840722496vw 2.4630541872vw 0 2.4630541872vw;
    border-color: #fff transparent transparent transparent;
    top: inherit;
    bottom: -5.3366174056vw;
    left: 50%;
    right: inherit;
    transform: translateX(-50%);
  }
  .information article .container--inner--block--flow li p {
    font-size: 9.8522167488vw;
  }
  .information article .container--inner--block--flow li p span {
    font-size: 4.1871921182vw;
  }
  .information article .container--inner--block--flow li dl dt {
    font-size: 3.9408866995vw;
  }
  .information article .container--inner--block--flow li dl dd {
    font-size: 3.4482758621vw;
  }
  .information article .container--inner--block--wrap--tabwrap {
    margin-top: 11.0837438424vw;
  }
  .information article .container--inner--block--wrap--tabwrap .container-tab li {
    width: 50%;
  }
  .information article .container--inner--block--wrap--tabwrap .container-tab li a {
    font-size: 3.6945812808vw;
  }
  .information article .container--inner--block--wrap--tabwrap .container-tab li a:after {
    border-width: 2.4630541872vw 2.4630541872vw 0 2.4630541872vw;
    bottom: -2.2988505747vw;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block {
    width: 85%;
    padding: 12.315270936vw 0;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category {
    padding-bottom: 9.8522167488vw;
    margin-bottom: 9.8522167488vw;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl {
    display: block;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl dt {
    font-size: 7.3891625616vw;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category dl dd {
    font-size: 4.105090312vw;
    margin-top: .5em;
  }
  .information article .container--inner--block--wrap--tabwrap--content .contents--inner--block--category p {
    font-size: 3.4482758621vw;
  }

  .message article .main .visual img {
    margin-left: -90%;
  }
  .message article .container {
    padding: 16.4203612479vw 0;
  }
  .message article .container--block {
    width: 90vw;
  }
  .message article .container--block:nth-of-type(n+2) {
    margin-top: 16.4203612479vw;
  }
  .message article .container--block:nth-of-type(odd) h2 {
    right: -6.2vw;
  }
  .message article .container--block:nth-of-type(even) h2 {
    left: -6.2vw;
  }
  .message article .container--block h2 {
    width: 6.4vw;
  }
  .message article .container--block--inner {
    padding: 12.315270936vw;
  }
  .message article .container--block--inner h3 {
    font-size: 4.5155993432vw;
  }
  .message article .container--block--inner p {
    font-size: 3.4482758621vw;
  }
}
.project article .main--inner {
  top: 52.5%;
}
.project article .main--inner .label:before {
  left: 20%;
}
.project article .lead {
  position: relative;
}
.project article .lead:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 62.5%;
  background-color: #e60012;
  top: 0;
  left: 0;
}
.project article .lead--inner h2,
.project article .lead--inner p {
  color: #fff;
}
.project article .lead--inner h2 {
  font-size: 3.2840722496vw;
}
.project article .lead--inner p {
  font-size: 1.2315270936vw;
  margin-top: 2em;
}
.project article .lead--inner .btn {
  display: grid;
  justify-content: center;
  font-size: 1.4778325123vw;
  margin: 1.5em auto 0;
}
.project article .lead--inner .btn a {
  display: inline-block;
  border: 1px solid #fff;
  padding: .8em 1em;
}
.project article .lead--inner .btn a p {
  display: flex;
  text-align: center;
  margin-top: 0;
}
.project article .lead--inner .btn a p span {
  position: relative;
  width: 2.2988505747vw;
  margin-left: 1em;
}
.project article .lead--inner .btn a p span:before, .project article .lead--inner .btn a p span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
}
.project article .lead--inner .btn a p span:before {
  width: 2.2988505747vw;
  height: 2.2988505747vw;
  border-radius: 50%;
  border: 1px solid #fff;
  right: 0;
  transform: translateY(-50%);
}
.project article .lead--inner .btn a p span:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6157635468vw 0 0.6157635468vw 1.0673234811vw;
  border-color: transparent transparent transparent #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.project article .lead--inner--profile {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.project article .lead--inner--profile--category {
  width: 21%;
  margin: 5.3366174056vw 2.052545156vw 0;
}
.project article .lead--inner--profile--category dl dt {
  font-size: 1.6420361248vw;
  line-height: 1;
  letter-spacing: .05em;
  color: #e60012;
  margin-top: 1em;
}
.project article .lead--inner--profile--category dl dd {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 1.6;
  margin-top: 1em;
}
.project article .lead--inner--profile--category p {
  font-size: 1.0673234811vw;
  color: #000;
  margin-top: 2em;
  padding-top: 1.5em;
  border-top: 1px solid #000;
}
.project article .container .image {
  margin-top: 10.26272578vw;
}
.project article .container--block {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.project article .container--block:first-of-type {
  border-top: 1px solid #555;
}
.project article .container--block:before {
  content: '';
  display: block;
  position: absolute;
  width: 21.5vw;
  background-color: #f2f3f3;
  z-index: -1;
}
.project article .container--block .title {
  display: inline-flex;
  margin-top: 8.210180624vw;
}
.project article .container--block .title dt {
  font-size: 1.6420361248vw;
  color: #e60012;
  position: relative;
}
.project article .container--block .title dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 9.4417077176vw;
  height: 1px;
  background-color: #e60012;
  top: 3.6945812808vw;
  left: 35%;
  transform: rotate(-45deg);
}
.project article .container--block .title dd {
  font-size: 2.8735632184vw;
  margin-top: 1.5em;
}
.project article .container--block--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.project article .container--block--wrap.row {
  flex-direction: row-reverse;
}
.project article .container--block--wrap .container--block--wrap--picture, .project article .container--block--wrap--texts {
  margin-top: 6.157635468vw;
}
.project article .container--block--wrap .container--block--wrap--picture {
  width: 28.6%;
}
.project article .container--block--wrap .container--block--wrap--picture .image {
  margin-top: 1.2315270936vw;
}
.project article .container--block--wrap--texts {
  width: 62.5%;
}
.project article .container--block--wrap--texts dl {
  display: flex;
  justify-content: space-between;
  line-height: 2;
  margin-top: 2em;
}
.project article .container--block--wrap--texts dl dt {
  width: 10%;
  font-size: 1.2315270936vw;
  letter-spacing: .05em;
  color: #e60012;
}
.project article .container--block--wrap--texts dl dd {
  width: 90%;
  font-size: 1.1494252874vw;
  text-align: justify;
}
.project article .container--block.block01:before {
  height: 62.5%;
  top: 52.5%;
  left: -10vw;
  transform: translateY(-50%);
}
.project article .container--block.block02:before {
  height: 140%;
  bottom: -10.26272578vw;
  right: -10vw;
}
.project article .container--block.block03:before {
  height: 65%;
  top: 52.5%;
  left: -10vw;
  transform: translateY(-50%);
}
.project article .container--block.block04:before {
  height: 128%;
  bottom: -10.26272578vw;
  right: -10vw;
}

.dutro-zev article .lead:before {
  height: 50%;
}

.next-logistics-jp article .lead--inner--profile {
  justify-content: space-between !important;
}
.next-logistics-jp article .lead--inner--profile--category {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dakar-rally article .lead:before {
  height: 45%;
}
.dakar-rally article .lead--inner--profile--category {
  margin: 5.3366174056vw 3.2840722496vw 0 !important;
}

@media screen and (max-width: 767px) {
  .project article .main--inner {
    top: 67.5%;
  }
  .project article .main .visual img {
    width: 170vw;
    margin-left: -39%;
  }
  .project article .lead:before {
    height: 30%;
  }
  .project article .lead--inner h2 {
    font-size: 6.8965517241vw;
  }
  .project article .lead--inner p {
    font-size: 3.6945812808vw;
  }
  .project article .lead--inner .btn {
    font-size: 3.6945812808vw;
  }
  .project article .lead--inner .btn a p span {
    width: 5.7471264368vw;
  }
  .project article .lead--inner .btn a p span:before {
    width: 5.7471264368vw;
    height: 5.7471264368vw;
  }
  .project article .lead--inner .btn a p span:after {
    border-width: 1.4778325123vw 0 1.4778325123vw 2.6272577997vw;
  }
  .project article .lead--inner--profile--category {
    width: 100% !important;
    margin: 12.315270936vw 0 0 !important;
  }
  .project article .lead--inner--profile--category dl dt {
    font-size: 4.6798029557vw;
  }
  .project article .lead--inner--profile--category dl dd {
    font-size: 3.6124794745vw;
  }
  .project article .lead--inner--profile--category p {
    font-size: 3.2840722496vw;
    margin-top: 1.5em;
  }
  .project article .container--block:before {
    display: none;
  }
  .project article .container--block .title {
    display: block;
    margin-top: 8.210180624vw;
  }
  .project article .container--block .title dt {
    font-size: 4.9261083744vw;
  }
  .project article .container--block .title dt:before {
    width: 18.8834154351vw;
    top: 75%;
    left: 20%;
    transform: rotate(-45deg) translateY(-50%);
  }
  .project article .container--block .title dd {
    font-size: 5.7471264368vw;
  }
  .project article .container--block--wrap.row {
    flex-direction: row;
  }
  .project article .container--block--wrap .container--block--wrap--picture {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .project article .container--block--wrap .container--block--wrap--picture .image {
    width: 32%;
    margin: 0 auto -9.0311986864vw;
  }
  .project article .container--block--wrap--texts {
    width: 100%;
  }
  .project article .container--block--wrap--texts dl dt {
    width: 15%;
    font-size: 3.6945812808vw;
  }
  .project article .container--block--wrap--texts dl dd {
    width: 85%;
    font-size: 3.4482758621vw;
  }

  .dutro-zev article .main .visual img {
    width: 150vw;
    margin-left: -42.5%;
  }
  .dutro-zev article .lead:before {
    height: 35%;
  }

  .next-logistics-jp article .lead--inner--profile {
    justify-content: space-between !important;
  }
  .next-logistics-jp article .lead--inner--profile--category {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .dakar-rally article .lead--inner--profile--category {
    width: 100%;
    margin: 5.3366174056vw 3.5% 0;
  }
}
.dutro-zev-modal .mfp-close {
  display: block !important;
}

.special article .main--inner {
  top: 52.5%;
}
.special article .main--inner .label:before {
  left: 26%;
}
.special article .lead {
  position: relative;
}
.special article .lead:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 62.5%;
  background-color: #e60012;
  top: 0;
  left: 0;
}
.special article .lead--inner h2,
.special article .lead--inner p {
  color: #fff;
}
.special article .lead--inner h2 {
  font-size: 3.2840722496vw;
}
.special article .lead--inner p {
  font-size: 1.2315270936vw;
  margin-top: 2em;
}
.special article .lead--inner .btn {
  display: grid;
  justify-content: center;
  font-size: 1.4778325123vw;
  margin: 1.5em auto 0;
}
.special article .lead--inner .btn a {
  display: inline-block;
  border: 1px solid #fff;
  padding: .8em 1em;
}
.special article .lead--inner .btn a p {
  display: flex;
  text-align: center;
  margin-top: 0;
}
.special article .lead--inner .btn a p span {
  position: relative;
  width: 2.2988505747vw;
  margin-left: 1em;
}
.special article .lead--inner .btn a p span:before, .special article .lead--inner .btn a p span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
}
.special article .lead--inner .btn a p span:before {
  width: 2.2988505747vw;
  height: 2.2988505747vw;
  border-radius: 50%;
  border: 1px solid #fff;
  right: 0;
  transform: translateY(-50%);
}
.special article .lead--inner .btn a p span:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6157635468vw 0 0.6157635468vw 1.0673234811vw;
  border-color: transparent transparent transparent #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.special article .lead--inner--profile {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.special article .lead--inner--profile--category {
  width: 21%;
  margin: 5.3366174056vw 2.052545156vw 0;
}
.special article .lead--inner--profile--category dl dt {
  font-size: 1.6420361248vw;
  line-height: 1;
  letter-spacing: .05em;
  color: #e60012;
  margin-top: 1em;
}
.special article .lead--inner--profile--category dl dd {
  font-size: 1.1494252874vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 1.6;
  margin-top: 1em;
}
.special article .lead--inner--profile--category p {
  font-size: 1.0673234811vw;
  color: #000;
  margin-top: 2em;
  padding-top: 1.5em;
  border-top: 1px solid #000;
}
.special article .container .image {
  margin-top: 10.26272578vw;
}
.special article .container--block {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.special article .container--block:first-of-type {
  border-top: 1px solid #555;
}
.special article .container--block:before {
  content: '';
  display: block;
  position: absolute;
  width: 21.5vw;
  background-color: #f2f3f3;
  z-index: -1;
}
.special article .container--block .title {
  display: inline-flex;
  margin-top: 8.210180624vw;
}
.special article .container--block .title dt {
  font-size: 1.6420361248vw;
  color: #e60012;
  position: relative;
}
.special article .container--block .title dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 9.4417077176vw;
  height: 1px;
  background-color: #e60012;
  top: 3.6945812808vw;
  left: 35%;
  transform: rotate(-45deg);
}
.special article .container--block .title dd {
  font-size: 2.8735632184vw;
  margin-top: 1.5em;
}
.special article .container--block--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.special article .container--block--wrap.row {
  flex-direction: row-reverse;
}
.special article .container--block--wrap .container--block--wrap--picture, .special article .container--block--wrap--texts {
  margin-top: 6.157635468vw;
}
.special article .container--block--wrap .container--block--wrap--picture {
  width: 28.6%;
}
.special article .container--block--wrap .container--block--wrap--picture .image {
  margin-top: 1.2315270936vw;
}
.special article .container--block--wrap--texts {
  width: 62.5%;
}
.special article .container--block--wrap--texts dl {
  display: flex;
  justify-content: space-between;
  line-height: 2;
  margin-top: 2em;
}
.special article .container--block--wrap--texts dl dt {
  width: 10%;
  font-size: 1.2315270936vw;
  letter-spacing: .05em;
  color: #e60012;
}
.special article .container--block--wrap--texts dl dd {
  width: 90%;
  font-size: 1.1494252874vw;
  text-align: justify;
}
.special article .container--block.block01:before {
  height: 62.5%;
  top: 52.5%;
  left: -10vw;
  transform: translateY(-50%);
}
.special article .container--block.block02:before {
  height: 140%;
  bottom: -10.26272578vw;
  right: -10vw;
}
.special article .container--block.block03:before {
  height: 65%;
  top: 52.5%;
  left: -10vw;
  transform: translateY(-50%);
}
.special article .container--block.block04:before {
  height: 128%;
  bottom: -10.26272578vw;
  right: -10vw;
}
.special.hinoway article .lead:before {
  height: 40%;
}

@media screen and (max-width: 767px) {
  .special article .main--inner {
    top: 67.5%;
  }
  .special article .main .visual img {
    width: 140vw;
    margin-left: -22%;
  }
  .special article .lead:before {
    height: 30%;
  }
  .special article .lead--inner h2 {
    font-size: 6.8965517241vw;
  }
  .special article .lead--inner p {
    font-size: 3.6945812808vw;
  }
  .special article .lead--inner .btn {
    font-size: 3.6945812808vw;
  }
  .special article .lead--inner .btn a p span {
    width: 5.7471264368vw;
  }
  .special article .lead--inner .btn a p span:before {
    width: 5.7471264368vw;
    height: 5.7471264368vw;
  }
  .special article .lead--inner .btn a p span:after {
    border-width: 1.4778325123vw 0 1.4778325123vw 2.6272577997vw;
  }
  .special article .lead--inner--profile--category {
    width: 100% !important;
    margin: 12.315270936vw 0 0 !important;
  }
  .special article .lead--inner--profile--category dl dt {
    font-size: 4.6798029557vw;
  }
  .special article .lead--inner--profile--category dl dd {
    font-size: 3.6124794745vw;
  }
  .special article .lead--inner--profile--category p {
    font-size: 3.2840722496vw;
    margin-top: 1.5em;
  }
  .special article .container--block:before {
    display: none;
  }
  .special article .container--block .title {
    display: block;
    margin-top: 8.210180624vw;
  }
  .special article .container--block .title dt {
    font-size: 4.9261083744vw;
  }
  .special article .container--block .title dt:before {
    width: 18.8834154351vw;
    top: 75%;
    left: 20%;
    transform: rotate(-45deg) translateY(-50%);
  }
  .special article .container--block .title dd {
    font-size: 5.7471264368vw;
  }
  .special article .container--block--wrap.row {
    flex-direction: row;
  }
  .special article .container--block--wrap .container--block--wrap--picture {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .special article .container--block--wrap .container--block--wrap--picture .image {
    width: 32%;
    margin: 0 auto -9.0311986864vw;
  }
  .special article .container--block--wrap--texts {
    width: 100%;
  }
  .special article .container--block--wrap--texts dl dt {
    width: 15%;
    font-size: 3.6945812808vw;
  }
  .special article .container--block--wrap--texts dl dd {
    width: 85%;
    font-size: 3.4482758621vw;
  }
  .special.hinoway article .lead:before {
    height: 27.5%;
  }
}
.top {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.top:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  transition: all .3s ease-out;
  z-index: 1500;
}
.top.complete {
  overflow: visible;
}
.top.complete:before {
  opacity: 0;
  pointer-events: none;
}
.top article {
  height: 100vh;
  display: flex;
  position: relative;
}
.top article .section {
  width: auto;
  height: 100%;
  display: flex;
}
.top article .section .inner {
  width: 100%;
  min-width: 1218px;
}
.top article .section .inner--wrap {
  overflow: auto;
  width: 100%;
  height: 100vh;
  position: relative;
}
.top article .section .inner--wrap--block {
  overflow-y: scroll;
  width: 100%;
  height: auto;
  margin: 100px auto;
  padding: 0 0 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top article .section .inner--wrap--block .title .ttl {
  display: inline-block;
  line-height: 1;
  position: relative;
}
.top article .section .inner--wrap--block .title .ttl:after {
  content: '';
  display: block;
  position: absolute;
  width: 14.6141215107vw;
  max-width: 178px;
  height: 1px;
  top: 50%;
  right: -92px;
  transform: rotate(-45deg) translateY(-50%);
}
.top article .section .inner--wrap--block .title .ttl dt {
  font-size: 4.1rem;
  font-family: "Baskerville Normal", sans-serif;
  letter-spacing: .05em;
  padding-top: .5em;
}
.top article .section .inner--wrap--block .title .ttl dd {
  font-size: 1.8rem;
  letter-spacing: .1em;
  margin-top: .5em;
}
.top article .section .inner--wrap--block .title .txt {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: .02em;
  text-align: justify;
  margin-top: 2em;
}
.top article .section .inner--wrap--block .title.wh {
  color: #fff;
}
.top article .section .inner--wrap--block .title.wh .ttl:after {
  background-color: #fff;
}
.top article .section .inner--wrap--block .title.rd {
  color: #e60012;
}
.top article .section .inner--wrap--block .title.rd .ttl:after {
  background-color: #e60012;
}
.top article .section .inner--wrap--block .title.rd .txt {
  color: #000;
}
.top article .section .inner .figure {
  overflow: hidden;
  position: relative;
  height: calc(100%/3);
}
.top article .section .inner .figure p {
  font-size: 3.0rem;
  font-family: "Baskerville Normal", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 1em;
  left: 1em;
}
.top article .section .inner .figure .image {
  display: none;
}
.top article .section.main {
  width: 100vw;
  min-width: 100vw;
  position: relative;
}
.top article .section.main .inner {
  color: #fff;
}
.top article .section.main .inner .title {
  width: 55.5008210181vw;
  max-width: 676px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.top article .section.main .inner--scroll {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 9;
}
.top article .section.main .inner--scroll--content {
  position: relative;
  display: flex;
}
.top article .section.main .inner--scroll--content span {
  font-size: 1.3rem;
  font-family: "Baskerville Normal", sans-serif;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff;
  box-sizing: border-box;
  font-feature-settings: normal;
  display: inline;
  box-sizing: border-box;
}
.top article .section.main .inner--scroll--content .bar {
  width: 6.8144499179vw;
  max-width: 83px;
  height: auto;
  margin: 0 1em;
  overflow: hidden;
}
.top article .section.main .inner--scroll--content .bar span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-animation: arrow-move 2.2s 0.5s ease-in-out infinite;
  animation: arrow-move 2.2s 0.5s ease-in-out infinite;
}
.top article .section.main .inner--scroll--content .bar span:before, .top article .section.main .inner--scroll--content .bar span:after {
  content: '';
  display: block;
  position: absolute;
}
.top article .section.main .inner--scroll--content .bar span:before {
  width: 100%;
  height: 1px;
  border-top: 1px solid #fff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.top article .section.main .inner--scroll--content .bar span:after {
  width: 0.6568144499vw;
  max-width: 8px;
  height: 1px;
  border-top: 1px solid #fff;
  top: 25%;
  right: 0;
  transform: rotate(45deg) translateY(-50%);
}
.top article .section.main #slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.top article .section.main #slideshow:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top article .section.main #slideshow li {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1);
  transition: opacity 2s linear, transform 7.5s linear;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.top article .section.main #slideshow li:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.top article .section.main #slideshow li.show_ {
  opacity: 1;
}
.top article .section.main #slideshow li.zoom_ {
  transform: scale(1.1);
}
.top article .section.main #slideshow li img {
  display: block;
}
.top article .section.main .zs-enabled .zs-slideshow {
  position: relative;
}
.top article .section.main .zs-enabled .zs-slideshow .zs-bullets {
  width: auto;
  height: 1px;
  text-align: left;
  position: absolute;
  bottom: 20.5%;
  left: 10%;
  z-index: 4;
  transform: translateY(-50%);
}
.top article .section.main .zs-enabled .zs-slideshow .zs-bullet {
  display: none;
  cursor: pointer;
  width: 6.5681444992vw;
  max-width: 80px;
  height: 1px;
  border: none;
  border-radius: 0;
  margin: 0;
  background-color: #fff;
}
.top article .section.main .zs-enabled .zs-slideshow .zs-bullet.active {
  background-color: #e60012;
}
.top article .section .lead {
  background: url("../images/top/img_bg01.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.top article .section .lead .inner--wrap--block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.top article .section .lead .inner--wrap--block--left {
  width: 42.3%;
}
.top article .section .lead .inner--wrap--block--right {
  width: 51.2%;
}
.top article .section .lead .inner--wrap--block--right p {
  font-size: 1.4rem;
  line-height: 2.5;
  letter-spacing: .1em;
  color: #fff;
}
.top article .section .introduction {
  background: url("../images/top/img_bg02.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.top article .section .introduction .inner--wrap--block {
  width: 80%;
  margin: 0 auto;
}
.top article .section .introduction .inner--wrap--block--category .title {
  width: 50%;
  max-width: 488px;
}
.top article .section .introduction .inner--wrap--block--category .btn-area {
  width: 29.9671592775vw;
  max-width: 365px;
}
.top article .section .about-us {
  min-width: 950px;
}
.top article .section .about-us .inner--wrap--block .image.i01 {
  width: 24.1379310345vw;
  max-width: 294px;
  margin: 0 120px 0 auto;
}
.top article .section .about-us .inner--wrap--block--category {
  width: 62%;
  margin: 0 auto;
}
.top article .section .about-us .inner--wrap--block--category .more-banner {
  position: relative;
}
.top article .section .about-us .inner--wrap--block--category .more-banner .image {
  width: 60%;
  margin: 0 0 0 auto;
}
.top article .section .about-us .inner--wrap--block--category .more-banner .btn-area {
  width: 62%;
  position: absolute !important;
  bottom: 2.5vw;
  left: -5vw;
}
.top article .section .about-us .inner--wrap--block--category .more-banner .btn-area .more-btn a {
  background-color: #e60012;
  color: #fff;
}
.top article .section .about-us .inner--wrap--block--category .more-banner .btn-area .more-btn a:hover {
  background-color: #d20307;
}
.top article .section .job-people {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.top article .section .job-people .decoration {
  font-size: 11.0rem;
  font-family: "Baskerville Normal", sans-serif;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.top article .section .job-people .decoration span {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.top article .section .job-people .decoration span:after {
  content: '';
  display: block;
  position: absolute;
  width: 14.6141215107vw;
  max-width: 178px;
  height: 1px;
  background-color: #fff;
  top: 0;
  left: 0;
  transform: rotate(-45deg) translate(-50%, -50%);
  z-index: 2;
}
.top article .section .job-people .inner--wrap {
  width: 50%;
}
.top article .section .job-people .inner--wrap.job {
  background: url("../images/top/img_bg03.jpg") no-repeat center top/cover;
}
.top article .section .job-people .inner--wrap.people {
  background: url("../images/top/img_bg04.jpg") no-repeat center center/cover;
}
.top article .section .job-people .inner--wrap .title {
  width: 100%;
}
.top article .section .job-people .inner--wrap .title .ttl {
  display: block;
  text-align: center;
}
.top article .section .job-people .inner--wrap .title .ttl:after {
  display: none;
}
.top article .section .job-people .inner--wrap .title .txt {
  width: 57.5%;
  min-height: 8.5em;
  margin: 2em auto 0;
}
.top article .section .job-people .inner--wrap .btn-area {
  width: 39.2%;
  margin: 1em auto 0;
  font-size: 1.4rem;
}
.top article .section .job-people .inner--wrap .more-btn a {
  padding: 1.2em 2em;
}
.top article .section .project {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
.top article .section .project .inner--wrap {
  width: 50%;
}
.top article .section .project .inner--wrap.left {
  background-color: #e60012;
}
.top article .section .project .inner--wrap.left .inner--wrap--block {
  width: 60%;
}
.top article .section .project .inner--wrap.left .inner--wrap--block .title .ttl:after {
  right: -125px;
}
.top article .section .project .inner--wrap.left .inner--wrap--block .more-btn a {
  background-color: rgba(255, 255, 255, 0);
}
.top article .section .project .inner--wrap.left .inner--wrap--block .more-btn a:hover {
  background-color: #d20307;
}
.top article .section .project .inner--wrap.right .figure.f01 {
  background: url("../images/top/img_pic05-1.jpg") no-repeat center center/cover;
}
.top article .section .project .inner--wrap.right .figure.f02 {
  background: url("../images/top/img_pic05-2.jpg") no-repeat center center/cover;
}
.top article .section .project .inner--wrap.right .figure.f03 {
  background: url("../images/top/img_pic05-3.jpg") no-repeat center center/cover;
}
.top article .section .special {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.top article .section .special .inner--wrap.left {
  background: url("../images/top/img_bg06.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.top article .section .special .inner--wrap.left .inner--wrap--block {
  display: flex;
  justify-content: space-between;
}
.top article .section .special .inner--wrap.left .inner--wrap--block--category {
  width: 50%;
  margin: 0 0 0 auto;
}
.top article .section .special .inner--wrap.left .inner--wrap--block--category--col {
  width: 60%;
  margin: 0 auto;
}
.top article .section .special .inner--wrap.left .inner--wrap--block--category--col .title .ttl:after {
  right: -125px;
}
.top article .section .special .inner--wrap.right {
  width: 33.333%;
}
.top article .section .special .inner--wrap.right .figure.f01 {
  background: url("../images/top/img_pic06-1.jpg") no-repeat center center/cover;
}
.top article .section .special .inner--wrap.right .figure.f02 {
  background: url("../images/top/img_pic06-2.jpg") no-repeat center center/cover;
}
.top article .section .special .inner--wrap.right .figure.f03 {
  background: url("../images/top/img_pic06-3.jpg") no-repeat center center/cover;
}
.top article .section .growth-diversity {
  width: 78.5vw;
  min-width: 957px;
  position: relative;
}
.top article .section .growth-diversity:before {
  content: '';
  display: block;
  position: absolute;
  width: 35%;
  height: 100vh;
  background-color: #f2f3f3;
  top: 0;
  left: 0;
}
.top article .section .growth-diversity .inner--wrap--block {
  padding: 0 15% 2.5em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: inherit;
  top: inherit;
  left: inherit;
  transform: none;
}
.top article .section .growth-diversity .inner--wrap--block--texts {
  width: 41%;
  margin-bottom: 4.5em;
}
.top article .section .growth-diversity .inner--wrap--block--texts .title .ttl:after {
  right: -105px;
}
.top article .section .growth-diversity .inner--wrap--block--banner {
  width: 52%;
}
.top article .section .growth-diversity .inner--wrap--block--banner .more-banner {
  width: 100%;
}
.top article .section .growth-diversity .inner--wrap--block--banner .more-banner a .btn-area {
  width: 75.8%;
  font-size: 1.6rem;
  top: inherit;
  bottom: -1em;
}
.top article .section .growth-diversity .inner--wrap--block.growth {
  margin-bottom: 0;
  margin-left: -2.5vw;
}
.top article .section .growth-diversity .inner--wrap--block.growth .inner--wrap--block--banner .more-banner {
  position: relative;
  z-index: 2;
}
.top article .section .growth-diversity .inner--wrap--block.growth .inner--wrap--block--banner .more-banner a .btn-area {
  left: -47px;
  right: inherit;
}
.top article .section .growth-diversity .inner--wrap--block.diversity {
  flex-direction: row-reverse;
  margin-right: -2.5vw;
  margin-top: 2.5em;
}
.top article .section .growth-diversity .inner--wrap--block.diversity .inner--wrap--block--banner .more-banner {
  position: relative;
  margin-top: 0;
}
.top article .section .growth-diversity .inner--wrap--block.diversity .inner--wrap--block--banner .more-banner.welfare {
  z-index: 2;
}
.top article .section .growth-diversity .inner--wrap--block.diversity .inner--wrap--block--banner .more-banner.welfare a .btn-area {
  left: inherit;
  right: -47px;
}
.top article .section .recruit {
  min-width: 609px;
  background-color: #e60012;
}
.top article .section .recruit .inner--wrap--block {
  width: 60%;
}
.top article .section .recruit .inner--wrap--block .title .ttl:after {
  right: -125px;
}
.top article .section .recruit .inner--wrap--block .more-btn a {
  background-color: rgba(255, 255, 255, 0);
}
.top article .section .recruit .inner--wrap--block .more-btn a:hover {
  background-color: #d20307;
}
.top article .section .last-cnt {
  background: url("../images/top/img_bg09.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}
.top article .section .last-cnt .inner--wrap--block {
  padding-bottom: 0;
}
.top article .section .last-cnt .inner--wrap--block--category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top article .section .last-cnt .inner--wrap--block--category--left {
  width: 52%;
}
.top article .section .last-cnt .inner--wrap--block--category--right {
  width: 30%;
  margin: auto auto 0;
}
.top article .section .last-cnt .inner--wrap--block--category--right .logo {
  width: 16.4%;
  margin: 75px 0 0 auto;
}
.top article .section .last-cnt .inner--wrap--block--category--right .btn-area {
  font-size: 1.5rem;
  letter-spacing: 0em;
  margin-top: 2em;
}
.top article .section .last-cnt .inner--wrap--block--category--right .more-btn {
  margin-top: 1em;
}
.top article .section .last-cnt .inner--wrap--block--category--right .more-btn a {
  background-color: rgba(255, 255, 255, 0);
}
.top article .section .last-cnt .inner--wrap--block--category--right .link-list {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: .03em;
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.top article .section .last-cnt .inner--wrap--block--category--right .link-list li a {
  color: #fff;
}
.top article .section .last-cnt .inner--wrap--block--category--right .link-list li:nth-of-type(n+2) {
  border-left: 1px solid #fff;
  padding-left: .5em;
  margin-left: .5em;
}
.top article .section .last-cnt .inner--wrap--block--category--right .copyright {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em;
  text-align: right;
  color: #fff;
  margin: 2.5em -4.6em 0 auto;
}

@media screen and (max-width: 767px) {
  .top {
    height: 100%;
  }
  .top .header--inner {
    background-color: #fff;
  }
  .top .header--inner .logo a p {
    color: #000;
  }
  .top article {
    overflow: auto;
    display: block;
    height: 100%;
  }
  .top article .section {
    overflow: hidden;
    width: 100%;
    height: auto;
    display: block;
  }
  .top article .section .inner {
    width: 100vw !important;
    min-width: 100% !important;
    height: auto;
  }
  .top article .section .inner--wrap {
    overflow: hidden;
    height: 100%;
  }
  .top article .section .inner--wrap--block {
    overflow: hidden;
    margin: 24.6305418719vw auto !important;
    padding: 0;
    height: 100%;
    position: relative !important;
    top: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
    right: inherit !important;
    transform: none !important;
  }
  .top article .section .inner--wrap--block .title .ttl:after {
    width: 43.842364532vw;
    right: -22.6600985222vw;
  }
  .top article .section .inner--wrap--block .title .ttl dt {
    font-size: 8.4564860427vw;
  }
  .top article .section .inner--wrap--block .title .ttl dd {
    font-size: 3.6945812808vw;
  }
  .top article .section .inner--wrap--block .title .txt {
    font-size: 3.2840722496vw;
  }
  .top article .section .inner .figure {
    height: calc(100%/3);
  }
  .top article .section .inner .figure p {
    font-size: 7.3891625616vw;
  }
  .top article .section.main {
    overflow: hidden;
    height: 100%;
  }
  .top article .section.main .inner .title {
    width: 90vw;
  }
  .top article .section.main .inner--scroll {
    display: none;
  }
  .top article .section.main .inner--scroll--content span {
    font-size: 3.2019704433vw;
  }
  .top article .section.main .inner--scroll--content .bar {
    width: 20.4433497537vw;
  }
  .top article .section.main .inner--scroll--content .bar span:after {
    width: 1.9704433498vw;
  }
  .top article .section .lead {
    background-attachment: scroll;
  }
  .top article .section .lead .inner--wrap--block--left {
    width: 87.5%;
  }
  .top article .section .lead .inner--wrap--block--right {
    width: 80%;
    margin: 0 auto;
  }
  .top article .section .lead .inner--wrap--block--right p {
    font-size: 3.4482758621vw;
  }
  .top article .section .introduction {
    background-attachment: scroll;
  }
  .top article .section .introduction .inner--wrap--block {
    width: 80%;
  }
  .top article .section .introduction .inner--wrap--block--category .title {
    width: 100%;
    max-width: 488px;
  }
  .top article .section .introduction .inner--wrap--block--category .btn-area {
    width: 100%;
  }
  .top article .section .about-us .inner--wrap--block {
    padding-bottom: 0;
  }
  .top article .section .about-us .inner--wrap--block .image.i01 {
    width: 45vw;
    margin: 0 9.8522167488vw 0 auto;
  }
  .top article .section .about-us .inner--wrap--block--category {
    width: 80%;
  }
  .top article .section .about-us .inner--wrap--block--category .more-banner {
    margin-top: 8.210180624vw;
  }
  .top article .section .about-us .inner--wrap--block--category .more-banner .image {
    width: 100%;
    margin-top: 8.210180624vw;
  }
  .top article .section .about-us .inner--wrap--block--category .more-banner .btn-area {
    position: relative !important;
    width: 90%;
    bottom: inherit;
    left: inherit;
    margin: 0;
  }
  .top article .section .job-people .decoration {
    font-size: 27.0935960591vw;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
  }
  .top article .section .job-people .decoration span:after {
    width: 43.842364532vw;
  }
  .top article .section .job-people .inner--wrap {
    width: 100%;
  }
  .top article .section .job-people .inner--wrap .title .txt {
    width: 70%;
    min-height: inherit;
  }
  .top article .section .job-people .inner--wrap .btn-area {
    width: 60%;
    font-size: 3.4482758621vw;
    margin-top: 3em;
  }
  .top article .section .project .inner--wrap {
    width: 100%;
  }
  .top article .section .project .inner--wrap.left .inner--wrap--block {
    width: 70%;
  }
  .top article .section .project .inner--wrap.left .inner--wrap--block .title .ttl:after {
    right: -30.7881773399vw;
  }
  .top article .section .project .inner--wrap.right .figure {
    height: 25vh;
  }
  .top article .section .special .inner--wrap {
    width: 100% !important;
  }
  .top article .section .special .inner--wrap.left {
    background-attachment: scroll;
  }
  .top article .section .special .inner--wrap.left .inner--wrap--block--category {
    width: 100%;
  }
  .top article .section .special .inner--wrap.left .inner--wrap--block--category--col {
    width: 80%;
  }
  .top article .section .special .inner--wrap.left .inner--wrap--block--category--col .title .ttl:after {
    right: -30.7881773399vw;
  }
  .top article .section .special .inner--wrap.right .figure {
    height: 25vh;
  }
  .top article .section .growth-diversity:before {
    width: 100vw;
    height: 35%;
  }
  .top article .section .growth-diversity .inner--wrap {
    width: 100%;
  }
  .top article .section .growth-diversity .inner--wrap--block {
    width: 80%;
    padding: 0 2.5% !important;
    margin: 15vw auto !important;
  }
  .top article .section .growth-diversity .inner--wrap--block--texts {
    width: 100%;
    margin-bottom: 5em;
  }
  .top article .section .growth-diversity .inner--wrap--block--texts .title .ttl:after {
    right: -25.8620689655vw;
  }
  .top article .section .growth-diversity .inner--wrap--block--banner {
    width: 100% !important;
  }
  .top article .section .growth-diversity .inner--wrap--block--banner .more-banner {
    margin-top: 0;
  }
  .top article .section .growth-diversity .inner--wrap--block--banner .more-banner a .btn-area {
    font-size: 3.2840722496vw;
    top: 0 !important;
    bottom: inherit !important;
    left: 0 !important;
    right: inherit !important;
  }
  .top article .section .growth-diversity .inner--wrap--block--banner .more-banner a .image {
    width: 100% !important;
  }
  .top article .section .growth-diversity .inner--wrap--block.growth .inner--wrap--block--banner .more-banner a .btn-area {
    left: 0;
  }
  .top article .section .growth-diversity .inner--wrap--block.diversity {
    flex-direction: row;
  }
  .top article .section .recruit .inner--wrap--block {
    width: 80%;
  }
  .top article .section .recruit .inner--wrap--block .title .ttl:after {
    right: -30.7881773399vw;
  }
  .top article .section .last-cnt {
    background: url("../images/top/img_bg09.jpg") no-repeat center center/cover;
    background-attachment: scroll;
  }
  .top article .section .last-cnt .inner--wrap--block {
    padding-bottom: 0;
    margin: 15vw auto !important;
  }
  .top article .section .last-cnt .inner--wrap--block--category--left {
    width: 87.5%;
  }
  .top article .section .last-cnt .inner--wrap--block--category--right {
    width: 80%;
    margin: 0 auto;
  }
  .top article .section .last-cnt .inner--wrap--block--category--right .logo {
    width: 16.4%;
    margin: 0 0 0 auto;
  }
  .top article .section .last-cnt .inner--wrap--block--category--right .btn-area {
    font-size: 3.1198686371vw;
  }
  .top article .section .last-cnt .inner--wrap--block--category--right .link-list {
    font-size: 2.8735632184vw;
  }
  .top article .section .last-cnt .inner--wrap--block--category--right .copyright {
    font-size: 2.4630541872vw;
    margin-right: 0;
  }
}

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