@charset "UTF-8";
a:link, a:visited, a:hover, a:active {
  color: #000000;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://example.com/font/NotoSansCJKjp-Regular.eot");
  src: url("https://example.com/font/NotoSansCJKjp-Regular.eot#iefix") format("embedded-opentype"), url("https://example.com/font/NotoSansCJKjp-Regular.woff") format("woff"), url("https://example.com/font/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("https://example.com/font/NotoSansCJKjp-Medium.eot");
  src: url("https://example.com/font/NotoSansCJKjp-Medium.eot#iefix") format("embedded-opentype"), url("https://example.com/font/NotoSansCJKjp-Medium.woff") format("woff"), url("https://example.com/font/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://example.com/font/NotoSansCJKjp-Bold.eot");
  src: url("https://example.com/font/NotoSansCJKjp-Bold.eot#iefix") format("embedded-opentype"), url("https://example.com/font/NotoSansCJKjp-Bold.woff") format("woff"), url("https://example.com/font/NotoSansCJKjp-Bold.ttf") format("truetype");
}
#wrapper {
  font-family: "Noto Sans JP", "游ゴシック体", "游ゴシック Medium", "Yu Gothic", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}


header .header-top {
  width: 100%;
  font-size: 0;
}
header .header-top .header-logo a {
  height: 18vw;
  background: url('../_tpl/logo-154x60-light.svg') no-repeat center;
  background-size: 25%;
  background-color: #1f318e;
  display: block;
}
header .header-top .header-nav {
  padding: 3vw 0;
}
header .header-top .header-nav li {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  box-sizing: border-box;
  background-position: center;
}
header .header-top .header-nav li.nav-home-list a {
  background: url("../img/common/header_home.png") no-repeat center;
  background-size: contain;
}
header .header-top .header-nav li.nav-business-list a {
  background: url("../img/common/header_business.png") no-repeat center;
  background-size: auto 13vw;
}
header .header-top .header-nav li.nav-company-list a {
  background: url("../img/common/header_company.png") no-repeat center;
  background-size: auto 13vw;
}
header .header-top .header-nav li.nav-message-list a {
  background: url("../img/common/header_message.png") no-repeat center;
  background-size: auto 13vw;
}
header .header-top .header-nav li.nav-recruit-list a {
  background: url("../img/common/header_recruit.png") no-repeat center;
  background-size: auto 13vw;
}
header .header-top .header-nav li:last-child {
  border-right-color: transparent;
}
header .header-top .header-nav li a {
  display: block;
  width: 100%;
  padding-top: 8vw;
  padding-bottom: 8vw;
}

body.second header .header-logo, body.third header .header-logo {
  height: 18vw;
  background: url('../_tpl/logo-154x60-light.svg') no-repeat center;
  background-size: 25%;
  background-color: #1f318e;
}
body.second header .header-logo a, body.third header .header-logo a {
  display: block;
  height: 18vw;
}
body.second header .header-nav, body.third header .header-nav {
  padding: 3vw 0;
  background-color: #fff;
}
body.second .breadcrumbs, body.third .breadcrumbs {
  background-color: #f5f5f5;
}
body.second .breadcrumbs ul, body.third .breadcrumbs ul {
  padding: 0 4vw;
}
body.second .breadcrumbs ul li, body.third .breadcrumbs ul li {
  display: inline-block;
  padding: 3.2vw 0;
  font-size: 2.66vw;
}
body.second .breadcrumbs ul li a, body.third .breadcrumbs ul li a {
  color: #242f92;
}

body.second.business .mainvisual {
  width: 100%;
  height: 63vw;
  margin: 0 auto;
  background: url(../_photos/27123a4823a75c9a.jpg#d8599773) center top no-repeat;
  background-size: cover;
}
body.second.business .sec-wrap {
  padding: 10vw 4vw;
}
body.second.business .sec-wrap .sec-txt h2 {
  position: relative;
  font-size: 4.67289vw;
  text-align: left;
  font-weight: bold;
  color: #242f92;
  line-height: 6vw;
}
body.second.business .sec-wrap .sec-txt h2:after {
  position: absolute;
  width: 7vw;
  padding-top: 0.6vw;
  bottom: -1em;
  left: 0;
  content: "";
  display: block;
  border-top: 0.6vw #00acf0 dotted;
  box-sizing: border-box;
}
body.second.business .sec-wrap .sec-txt p {
  padding-top: 6vw;
  font-size: 3.50467vw;
  line-height: 5.37383vw;
  text-align: left;
}
body.second.business .sec-wrap .sec-img {
  margin-top: 5vw;
}
body.second.business #sec-01 .sec-wrap .sec-img {
  height: 62.61682vw;
  background: url(../_photos/4a3ff70ee816a613.jpg#97f9e709) center no-repeat;
  background-size: contain;
}
body.second.business #sec-01 .sec-wrap .sec-txt {
  padding: 0 1vw;
}
body.second.business #sec-02, body.second.business body.second.company #sec-05, body.second.company body.second.business #sec-05 {
  background-color: #d7f5ff;
}
body.second.business #sec-02 .sec-wrap .sec-img, body.second.business body.second.company #sec-05 .sec-wrap .sec-img, body.second.company body.second.business #sec-05 .sec-wrap .sec-img {
  height: 62.61682vw;
  background: url(../_photos/bc77b176f2adfbe4.jpg#6b9367da) center no-repeat;
  background-size: contain;
}
body.second.business #sec-02 .sec-wrap .sec-txt, body.second.business body.second.company #sec-05 .sec-wrap .sec-txt, body.second.company body.second.business #sec-05 .sec-wrap .sec-txt {
  padding: 0 1vw;
}
body.second.business #sec-03 .sec-wrap .sec-img {
  height: 62.61682vw;
  background: url(../_photos/ae9b229432790988.jpg#4381d01a) center no-repeat;
  background-size: contain;
}
body.second.business #sec-03 .sec-wrap .sec-txt {
  padding: 0 1vw;
}
body.second.business #sec-04 {
  background-color: #d7f5ff;
}
body.second.business #sec-04 .sec-wrap .sec-img {
  padding: 0 1vw;
  height: 62vw;
  background: url("https://example.com/img/business/sp/img04.png") center no-repeat;
  background-size: contain;
}
body.second.business #sec-04 .sec-wrap .sec-txt {
  padding: 0 1vw;
}
body.second.business #sec-05 .sec-wrap h2 {
  position: relative;
  font-size: 5vw;
  text-align: center;
  font-weight: bold;
  color: #242f92;
}
body.second.business #sec-05 .sec-wrap h2:before, body.second.business #sec-05 .sec-wrap h2:after {
  position: absolute;
  width: 7vw;
  padding-top: 0.6vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  border-top: 0.6vw #00acf0 dotted;
  box-sizing: border-box;
}
body.second.business #sec-05 .sec-wrap h2:before {
  left: 13vw;
}
body.second.business #sec-05 .sec-wrap h2:after {
  right: 13vw;
}
body.second.business #sec-05 .sec-wrap .txt {
  padding: 4vw 0;
  font-size: 4vw;
  line-height: 5.6vw;
  text-align: center;
}
body.second.business #sec-05 .sec-wrap .facility-list {
  text-align: center;
}
body.second.business #sec-05 .sec-wrap .facility-list li {
  width: 66.6666%;
  margin: 0 auto 4vw;
}
body.second.business #sec-05 .sec-wrap .facility-list li img {
  width: 100%;
}

body.second.company .mainvisual {
  width: 100%;
  height: 63vw;
  margin: 0 auto;
  background: url(../_photos/3374bbe27d0f2fca.jpg#3e4ff8a3) center top no-repeat;
  background-size: cover;
}
body.second.company section .sec-wrap {
  padding: 10vw 4vw;
}
body.second.company section h2 {
  position: relative;
  font-size: 5vw;
  text-align: center;
  font-weight: bold;
  color: #242f92;
  margin-bottom: 4.67289vw;
}
body.second.company section h2:before, body.second.company section h2:after {
  position: absolute;
  width: 7vw;
  padding-top: 0.6vw;
  top: 51%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  border-top: 0.6vw #00acf0 dotted;
  box-sizing: border-box;
}
body.second.company section h2:before {
  left: 20vw;
}
body.second.company section h2:after {
  right: 20vw;
}
body.second.company section h2.pt2:before {
  left: 0vw;
}
body.second.company section h2.pt2:after {
  right: 0vw;
}
body.second.company #sec-02, body.second.company #sec-05 {
  background-color: #d7f5ff;
}
body.second.company #sec-02 .sec-wrap table, body.second.company #sec-05 .sec-wrap table {
  text-align: left;
}
body.second.company #sec-02 .sec-wrap table tr, body.second.company #sec-05 .sec-wrap table tr {
  border-top: 0.23364vw solid #888;
}
body.second.company #sec-02 .sec-wrap table tr:last-child, body.second.company #sec-05 .sec-wrap table tr:last-child {
  border-bottom: 0.23364vw solid #888;
}
body.second.company #sec-02 .sec-wrap table tr th, body.second.company #sec-05 .sec-wrap table tr th {
  width: 30%;
  padding: 5vw 0;
  font-weight: bold;
  color: #242f92;
}
body.second.company #sec-02 .sec-wrap table tr td, body.second.company #sec-05 .sec-wrap table tr td {
  padding: 5vw 0;
}
body.second.company #sec-02 .sec-wrap table tr .map_btn, body.second.company #sec-05 .sec-wrap table tr .map_btn {
  width: 10vw;
  font-size: 2.7vw;
  text-align: center;
}
body.second.company #sec-02 .sec-wrap table tr .map_btn a, body.second.company #sec-05 .sec-wrap table tr .map_btn a {
  padding: 1vw 1.5vw;
  text-decoration: none;
  color: #283294;
  border: solid 0.46728vw #283294;
  border-radius: 4vw;
}
body.second.company #sec-02 .sec-wrap .sec-txt, body.second.company #sec-05 .sec-wrap .sec-txt {
  width: auto;
  display: block;
  padding: 4vw;
}
body.second.company #sec-02 .sec-wrap .sec-txt .detail_btn a, body.second.company #sec-05 .sec-wrap .sec-txt .detail_btn a {
  font-weight: bold;
  width: 45%;
  border: solid 0.46728vw #283294;
  margin: 0 auto;
}
body.second.company #sec-05 {
  background: #ffffff;
}
body.second.company #sec-05 .logo1, body.second.company #sec-05 .logo2 {
  display: block;
  height: 9.33333vw;
  margin-top: 2.66666vw;
  margin-bottom: 2.66666vw;
}
body.second.company #sec-05 .logo1 img, body.second.company #sec-05 .logo2 img {
  height: 100%;
  width: auto;
}
body.second.company #sec-05 .logo2 {
  height: 10.66666vw;
  margin-bottom: 0.66666vw;
}
body.second.company #sec-03 {
  background-color: #d7f5ff;
}
body.second.company #sec-03 .sec-wrap ul {
  font-size: 0;
  margin: 0 auto;
}
body.second.company #sec-03 .sec-wrap ul li {
  width: 48%;
  padding: 3vw 0;
  display: inline-block;
  font-size: 3.3vw;
  border-top: 0.23364vw solid #888;
  box-sizing: border-box;
}
body.second.company #sec-03 .sec-wrap ul li:nth-child(odd) {
  margin-right: 2%;
}
body.second.company #sec-03 .sec-wrap ul li:nth-child(even) {
  margin-left: 2%;
}
body.second.company #sec-03 .sec-wrap ul li:nth-last-child(-n+2) {
  border-bottom: 0.23364vw solid #888;
}
body.second.company #sec-04 {
  background-color: #ffffff;
}
body.second.company #sec-04 .sec-wrap {
  width: 100%;
  padding: 10vw 0 0;
  margin-bottom: 6vw;
}
body.second.company #sec-04 .sec-wrap .iframe-wrap {
  position: relative;
  overflow: hidden;
  height: 75vw;
  margin-top: 4vw;
}
body.second.company #sec-04 .sec-wrap iframe {
  display: block;
  width: 100%;
  height: 85vw;
  
  height: 140vw;
}

body.second.message #wrapper .mainvisual {
  background: #EFEFEF;
  position: relative;
  height: auto;
  padding: 0;
}
body.second.message #wrapper .mainvisual .mv-img-box {
  width: 100%;
  height: 84.11214vw;
  background: url(../_photos/754163703be62aa9.jpg#f4e686cb) center no-repeat;
  background-size: cover;
}
body.second.message #wrapper .mainvisual .mv-wh-box {
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  width: 92.28971vw;
  margin: 0 auto;
  position: absolute;
  top: 66.58878vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 25.93457vw;
  text-align: center;
  box-sizing: border-box;
}
body.second.message #wrapper .mainvisual .mv-wh-box .main-text {
  padding-top: 7.00934vw;
  font-weight: bold;
  font-size: 5.84112vw;
  margin-top: 0.93457vw;
  color: #273092;
}
body.second.message #wrapper .mainvisual .mv-wh-box .sub-text {
  margin-top: 0.93457vw;
  font-size: 3.03738vw;
  font-weight: 300;
}
body.second.message #wrapper .mainvisual .design-text {
  position: absolute;
  bottom: -21.49532vw;
  overflow: hidden;
  width: 100%;
}
body.second.message #wrapper .mainvisual .design-text .design-text-inner {
  width: 116.82242vw;
  position: relative;
  left: -8.64485vw;
}
body.second.message #wrapper .mainvisual .design-text .design-text-inner img {
  width: 100%;
  display: block;
  vertical-align: bottom;
}
body.second.message #wrapper .second-container {
  padding-top: 18.69158vw;
}
body.second.message #wrapper .detail-catch {
  font-size: 4.67289vw;
  line-height: 6.54205vw;
  font-weight: bold;
  text-align: center;
  padding-top: 12.38317vw;
  padding-bottom: 7.00934vw;
}
body.second.message #wrapper .read {
  font-size: 3.27102vw;
  line-height: 5.84112vw;
}
body.second.message #wrapper .message-list-box {
  margin-top: 7.00934vw;
  margin-bottom: 0vw;
}
body.second.message #wrapper .message-list-box li img {
  width: 100%;
  vertical-align: bottom;
}
body.second.message #wrapper .message-list-box li:nth-child(n+2) {
  margin-top: 7.00934vw;
}

body.second.privacy .mainvisual {
  width: 100%;
  height: 25vw;
  margin: 0 auto;
  padding-top: 0;
  background-image: url("../img/privacy/sp/ttl.png"), url('../_tpl/flat-750x200-feffff.svg');
  background-position: center, bottom;
  background-repeat: no-repeat, repeat-x;
  background-size: 45vw, 100%;
  background-color: #fff;
}
body.second.privacy #sec-01 .sec-wrap {
  padding: 10vw 4vw;
}
body.second.privacy #sec-01 .sec-wrap em {
  font-weight: bold;
}
body.second.privacy .right {
  padding-top: 3vw;
  text-align: right;
}

body.top .top-mv {
  position: relative;
  background: url('../_tpl/flat-1440x812-f3f3f3.svg');
  background-size: 124%;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 233.64485vw;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
body.top .top-mv.active {
  height: auto;
  opacity: 1;
}
body.top .top-mv ul.top-mv-list-box {
  background: white;
  position: relative;
  overflow: hidden;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active {
  position: absolute;
  opacity: 1;
}
@-webkit-keyframes test1 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@keyframes test1 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@-webkit-keyframes test2 {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes test2 {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active {
  z-index: 3;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-text-wrap {
  position: relative;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-text-wrap .top-mv-text-wrap-inner {
  position: relative;
  z-index: 2;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-text-wrap:before {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 110%;
  display: block;
  -webkit-animation: 1.2s cubic-bezier(0.78, 0.07, 0, 1) test1;
  animation: 1.2s cubic-bezier(0.78, 0.07, 0, 1) test1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: right;
  transform-origin: right;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-text-wrap:after {
  position: absolute;
  left: 0;
  bottom: -58.41121vw;
  content: "";
  background: #ffffff;
  display: block;
  width: 100%;
  height: 58.41121vw;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap {
  width: 100%;
  -webkit-transition: all 1.2s cubic-bezier(0.78, 0.07, 0, 1);
  transition: all 1.2s cubic-bezier(0.78, 0.07, 0, 1);
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-animation: 5s ease-out test2;
  animation: 5s ease-out test2;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span.top-mv-01 {
  background-image: url(../_photos/8b9f41c1aa57b3db.jpg#110fbd70);
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span.top-mv-02 {
  background-image: url(../_photos/842690e2d25339dd.jpg#aa6d0966);
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span.top-mv-03 {
  background-image: url(../_photos/361b5210eea3991b.jpg#412b70eb);
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span.top-mv-04 {
  background-image: url(../_photos/b23ba3c61f213402.jpg#ad46cece);
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.active .top-mv-img-wrap span.top-mv-05 {
  background-image: url("https://example.com/img/top-mv/top-mv_05.jpg");
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list.prev-active .top-mv-img-wrap {
  width: 100%;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-text-wrap {
  background: #ffffff;
  width: 91.35514vw;
  margin-top: -10.28037vw;
  z-index: 2;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-text-wrap .text-box1 {
  position: relative;
  line-height: 3.27102vw;
  font-size: 3.27102vw;
  padding: 3.50467vw 3.27102vw 3.03738vw;
  border-bottom: 0.1rem solid #EEEEEE;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-text-wrap .text-box2 {
  padding: 5.60747vw 3.97196vw;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-text-wrap .text-box2 .main-text {
  margin-top: -1.86915vw;
  font-size: 5.84112vw;
  line-height: 8.41121vw;
  font-weight: bold;
  color: #273092;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-text-wrap .text-box2 .sub-text {
  margin-top: 0.70093vw;
  margin-left: 0.46728vw;
  margin-right: 0.70093vw;
  font-size: 2.57009vw;
  line-height: 3.03738vw;
  letter-spacing: -0.0.70093vw;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-img-wrap {
  display: block;
  overflow: hidden;
  width: 0;
  margin-left: 0vw;
}
body.top .top-mv ul.top-mv-list-box li.top-mv-list .top-mv-img-wrap .top-mv-img-wrap-inner span {
  display: block;
  height: 70.56074vw;
  width: 100vw;
  background-size: cover;
  background-position: center;
}
body.top .top-mv .top-mv-arrow-box {
  position: absolute;
  top: 60.51401vw;
  right: 12.61682vw;
  min-width: 93.45794vw;
  z-index: 10;
}
body.top .top-mv .top-mv-arrow-box .top-mv-arrow {
  position: absolute;
  cursor: pointer;
  width: 4.67289vw;
  height: 9.34579vw;
}
body.top .top-mv .top-mv-arrow-box .top-mv-arrow:before {
  margin: auto;
  content: "";
  width: 2.33644vw;
  height: 2.33644vw;
  border-top: 0.70093vw solid #3E3E3E;
  border-right: 0.70093vw solid #3E3E3E;
  position: absolute;
  top: 50%;
  left: 42%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
body.top .top-mv .top-mv-arrow-box .arrow-left {
  right: 7.00934vw;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
body.top .top-mv .top-mv-arrow-box .arrow-right {
  right: 0vw;
}
body.top .top-mv .top-mv-catch-wrap {
  font-size: 7.00934vw;
  font-weight: bold;
  padding: 9.34579vw 4.67289vw 9.34579vw;
  font-size: 5.14018vw;
  line-height: 7.47663vw;
  text-align: center;
}
body.top .section-top-infra .top-infra-list-box li {
  opacity: 0;
  width: 100%;
  height: 70.09345vw;
  position: relative;
}
body.top .section-top-infra .top-infra-list-box li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
body.top .section-top-infra .top-infra-list-box li a:before {
  position: absolute;
  right: 3.50467vw;
  bottom: 4.67289vw;
  display: block;
  z-index: 2;
  content: "";
  width: 9.34579vw;
  height: 9.34579vw;
  background: url("../img/common/arrow_1.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
body.top .section-top-infra .top-infra-list-box li .text-box {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 77.1028vw;
  padding: 5.84112vw 5.84112vw 4.67289vw;
  box-sizing: border-box;
  border-radius: 0 0 7.00934vw 0;
  z-index: 2;
  color: #000435;
}
body.top .section-top-infra .top-infra-list-box li .text-box .ttl {
  font-size: 4.2056vw;
  font-weight: bold;
}
body.top .section-top-infra .top-infra-list-box li .text-box .read {
  margin-top: 3.50467vw;
  font-size: 3.27102vw;
  line-height: 4.67289vw;
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box {
  width: 100%;
  height: 100%;
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span.bg-infra-01 {
  background-image: url(../_photos/ae48e9d80c5b2031.jpg#4773134e);
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span.bg-infra-02 {
  background-image: url(../_photos/b56b7611494d0f88.jpg#4e4f32a1);
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span.bg-infra-03 {
  background-image: url(../_photos/cf175622211da7ff.jpg#d5fcb0f0);
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span.bg-infra-04 {
  background-image: url(../_photos/d39e0ca2612c3a44.jpg#47407a98);
}
body.top .section-top-infra .top-infra-list-box li .bg-img-box span.bg-infra-05 {
  background-image: url(../_photos/9dbac9b57babc3b0.jpg#12e8727b);
}
body.top .section-top-infra .top-infra-list-box li:nth-child(n+2) {
  margin-top: 1.16822vw;
}
body.top .section-top-infra .top-infra-list-box.anime-active li {
  -webkit-animation: fadeTop ease-out 1s;
  animation: fadeTop ease-out 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body.top .section-top-infra .top-infra-list-box.anime-active li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.top .section-top-infra .top-infra-list-box.anime-active li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.top .section-top-infra .top-infra-list-box.anime-active li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.top .section-top-infra .top-infra-list-box.anime-active li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.top .section-top-infra .top-infra-list-box.anime-active li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes fadeTop {
  0% {
    -webkit-transform: translateY(4.67289vw);
    transform: translateY(4.67289vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}
@keyframes fadeTop {
  0% {
    -webkit-transform: translateY(4.67289vw);
    transform: translateY(4.67289vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}
body.top .section-top-bnr {
  border-bottom: 0.1rem solid #E0E0E0;
  padding: 7.00934vw 4.67289vw;
}
body.top .section-top-bnr .top-bnr-list-box li {
  margin: 0 auto;
}
body.top .section-top-bnr .top-bnr-list-box li img {
  width: 100%;
}
body.top .section-president {
  position: relative;
  overflow: hidden;
}
body.top .section-president > a {
  text-decoration: none;
}
body.top .section-president .president-img {
  width: 100%;
  height: 85vw;
  overflow: hidden;
}
body.top .section-president .president-img span {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: url(../_photos/0a1dfb3096f014d5.jpg#263bb346);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
body.top .section-president .president-text-box {
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  width: 92.28971vw;
  margin: 0 auto;
  padding: 8.17757vw 9.34579vw 5.84112vw;
  margin-top: -9.34579vw;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}
body.top .section-president .president-text-box:before {
  position: absolute;
  background: #cccccc;
  content: "";
  display: block;
  width: 7.00934vw;
  height: 7.00934vw;
  top: 9.34579vw;
  right: 5.60747vw;
  background: url("../img/common/arrow_3.png");
  background-size: contain;
  background-repeat: no-repeat;
}
body.top .section-president .president-text-box .main-title {
  font-size: 5.84112vw;
  font-weight: bold;
  color: #273092;
}
body.top .section-president .president-text-box .sub-title {
  margin-top: 2.80373vw;
  font-weight: 300;
  font-size: 3.03738vw;
}
body.top .section-president .president-text-box .read {
  margin-top: 4.67289vw;
  font-size: 3.73831vw;
  line-height: 5.37383vw;
}
body.top .section-president .design-text {
  width: 116vw;
  z-index: 2;
  margin-top: -13.08411vw;
  margin-left: -8.41121vw;
  margin-bottom: -0.93457vw;
}
body.top .section-president .design-text img {
  width: 100%;
  vertical-align: bottom;
}

.anime {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.anime.anime-active {
  opacity: 1;
}
.anime.anime-active.anime-fade-up {
  -webkit-animation: fadeUp ease-out 1s;
  animation: fadeUp ease-out 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4.67289vw);
    transform: translateY(4.67289vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4.67289vw);
    transform: translateY(4.67289vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}


#footer {
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 3.27102vw;
  line-height: 5.14018vw;
  background: #f5f5f5;
}
#footer .footer-area {
  width: 100%;
  padding: 0 4vw;
  box-sizing: border-box;
  padding-top: 7.00934vw;
}
#footer .footer-area div.footer-logo {
  margin: 0 auto;
  width: 26.40186vw;
  height: 10.04672vw;
  text-align: center;
  background: url('../_tpl/logo-206x80.svg') center top no-repeat;
  background-size: 100%;
}
#footer .footer-area div.company {
  padding-top: 6vw;
}
#footer .footer-area div.company ul {
  padding: 3vw 0;
  padding-bottom: 6.8vw;
}
#footer .footer-area div.company ul li {
  display: inline-block;
  margin-right: 4vw;
  margin-top: 2.2vw;
  font-size: 2.80373vw;
  color: #1f318e;
}
#footer .footer-area div.company ul li:before {
  font-size: 2.1028vw;
  content: "▶";
  display: inline-block;
  position: relative;
  top: -0.23364vw;
}
#footer .footer-area div.company ul li:last-child {
  margin-right: 0;
}
#footer .footer-area div.company ul li a {
  font-size: 3vw;
  margin-left: 1.4vw;
  color: #1f318e;
  text-decoration: underline;
}
#footer .copyright {
  margin: 0 0;
  padding: 3vw 4vw;
  text-align: center;
  background-color: #fff;
  font-size: 2.80373vw;
}


body.second.recruit #wrapper .mainvisual {
  width: 100%;
  height: 32.71028vw;
  margin: 0 auto;
  background: url(../_photos/8e6c1df12afbd305.jpg#1b72a8c6) center top no-repeat #cccccc;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.second.recruit #wrapper .mainvisual .mv-text-box {
  text-align: center;
  position: relative;
}
body.second.recruit #wrapper .mainvisual .mv-text-box .main-text {
  font-size: 6.07476vw;
  line-height: 8.41121vw;
  font-weight: 500;
  letter-spacing: 0.46728vw;
}
body.second.recruit #wrapper .mainvisual .mv-text-box .sub-text {
  margin-top: 1.16822vw;
  font-size: 2.33644vw;
  line-height: 3.27102vw;
  font-weight: 500;
}
body.second.recruit #wrapper .interview-title-box {
  text-align: center;
  background: url("../img/recruit/recruit-top/design-text_interview.png") #F8F8F8;
  background-repeat: no-repeat;
  background-position: center top 1.16822vw;
  background-size: 140%;
  padding-top: 7.47663vw;
  padding-bottom: 6.54205vw;
}
body.second.recruit #wrapper .interview-title-box .main-text {
  font-size: 4.2056vw;
  line-height: 6.07476vw;
  font-weight: bold;
  color: #00256D;
}
body.second.recruit #wrapper .interview-title-box .sub-text {
  margin-top: 0.46728vw;
  font-size: 2.57009vw;
  line-height: 3.27102vw;
  font-weight: 300;
}
body.second.recruit #wrapper .recruit-employee-list-box li:last-child {
  border-right: none;
}
body.second.recruit #wrapper .recruit-employee-list-box li:nth-child(n+2) {
  margin-top: 1.16822vw;
}
body.second.recruit #wrapper .recruit-employee-list-box li > a {
  position: relative;
  display: block;
}
body.second.recruit #wrapper .recruit-employee-list-box li .img-box {
  width: 56.54205vw;
  overflow: hidden;
}
body.second.recruit #wrapper .recruit-employee-list-box li .img-box img {
  width: 100%;
  vertical-align: bottom;
}
body.second.recruit #wrapper .recruit-employee-list-box li .text-box {
  width: 43.45794vw;
  margin: 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  right: 4.67289vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4.2056vw;
  padding: 4.67289vw 4.67289vw 5.60747vw;
  box-sizing: border-box;
}
body.second.recruit #wrapper .recruit-employee-list-box li .text-box .date {
  font-size: 2.80373vw;
  line-height: 3.97196vw;
  font-weight: bold;
}
body.second.recruit #wrapper .recruit-employee-list-box li .text-box .name {
  margin-top: 0.23364vw;
  font-size: 3.73831vw;
  line-height: 5.37383vw;
  font-weight: bold;
}
body.second.recruit #wrapper .recruit-employee-list-box li .text-box .detail-btn, body.second.recruit #wrapper .recruit-employee-list-box li .text-box .a-detail-btn, body.second.recruit #wrapper .recruit-employee-list-box li .text-box .a-detail-btn2 {
  margin-top: 3.73831vw;
}
body.second.recruit-detail #wrapper .pa-bg {
  background: #F8F8F8;
}
body.second.recruit-detail #wrapper .prof-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-img-box {
  width: 56.54205vw;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-img-box img {
  width: 100%;
  vertical-align: bottom;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-text-box {
  width: 43.45794vw;
  padding: 3.73831vw 3.73831vw;
  position: absolute;
  right: 4.67289vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 2.33644vw;
  box-sizing: border-box;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-text-box .sub-title {
  font-size: 2.80373vw;
  line-height: 3.97196vw;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-text-box .main-title {
  font-size: 3.73831vw;
  line-height: 5.37383vw;
  margin-top: 0.93457vw;
  font-weight: bold;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-text-box .read-list-box {
  font-size: 3.03738vw;
  line-height: 4.43925vw;
  margin-top: 2.33644vw;
}
body.second.recruit-detail #wrapper .prof-wrap .prof-text-box .read-list-box li:nth-child(n+2) {
  margin-top: 2.33644vw;
}
body.second.recruit-detail #wrapper .recruit-detail-catch {
  font-size: 4.2056vw;
  line-height: 6.07476vw;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  padding: 7.00934vw 4.67289vw 2.33644vw;
}
body.second.recruit-detail #wrapper .recruit-article {
  padding: 4.67289vw;
  padding-bottom: 9.34579vw;
  margin: 0 auto;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list:nth-child(2n) .design-text-box {
  text-align: right;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list:nth-child(n+2) {
  margin-top: 5.84112vw;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-img-box {
  position: relative;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-img-box .design-text-box {
  margin-bottom: 0.93457vw;
  margin-left: 0.46728vw;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-img-box .design-text-box img {
  height: 9.81308vw;
  vertical-align: bottom;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-img-box .img-box img {
  width: 100%;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-text-box {
  margin-top: 4.67289vw;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-text-box h3 {
  font-size: 4.2056vw;
  line-height: 5.60747vw;
  margin-bottom: 5.14018vw;
  font-weight: 600;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-list-box .recruit-article-list .recruit-article-text-box .read {
  font-size: 3.27102vw;
  line-height: 5.37383vw;
}
body.second.recruit-detail #wrapper .recruit-article .recruit-article-attention {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 7.00934vw;
  font-size: 3.03738vw;
  line-height: 5.37383vw;
}
body.second.recruit-detail #wrapper .one-day-wrap {
  margin: 0 auto;
  margin-top: 7.00934vw;
}
body.second.recruit-detail #wrapper .one-day-wrap .one-day-ttl-box {
  text-align: center;
}
body.second.recruit-detail #wrapper .one-day-wrap .one-day-ttl-box img {
  height: 7.47663vw;
}
body.second.recruit-detail #wrapper .one-day-wrap .one-day-img-box {
  margin-top: 5.14018vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box {
  background: #f8f8f8;
  margin: 0 auto;
  padding-top: 5.84112vw;
  padding-bottom: 5.84112vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box {
  margin-top: 5.60747vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box li:nth-child(n+2) {
  margin-top: 4.2056vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .img-box {
  width: 32.00934vw;
  margin-left: 4.67289vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .img-box img {
  vertical-align: bottom;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box {
  width: 62.61682vw;
  padding-top: 2.33644vw;
  padding-bottom: 3.50467vw;
  border-radius: 2.33644vw;
  right: 4.67289vw;
  box-sizing: border-box;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box .date {
  display: inline-block;
  font-size: 2.80373vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box .name {
  display: inline-block;
  margin-left: 1.63551vw;
  font-size: 3.27102vw;
}
body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box .detail-btn, body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box .a-detail-btn, body.second.recruit-detail #wrapper .detail-recruit-anchor-list-box .recruit-employee-list-box .text-box .a-detail-btn2 {
  margin-top: 1.63551vw;
}
body.second.recruit-guideline #wrapper {
  font-size: 3.50467vw;
  line-height: 5.84112vw;
}
body.second.recruit-guideline #wrapper .custom-title-box {
  margin-top: 11.68224vw;
  margin-bottom: 9.34579vw;
}
body.second.recruit-guideline #wrapper .table-01, body.second.recruit-guideline #wrapper .table-01-list-box {
  margin-bottom: 14.01869vw;
}
body.second.recruit-guideline #wrapper .sp-second-container {
  padding-bottom: 7.00934vw;
}


.clearfix {
  *zoom: 1;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.pc {
  display: none !important;
}

html {
  overflow: auto;
  height: 100%;
  font-size: 62.5% !important;
}

body {
  position: relative;
  font-size: 4vw;
  line-height: 6.5vw;
}

#wrapper {
  line-height: 6.54205vw;
  font-size: 3.73831vw;
}

img {
  max-width: 100%;
}

#page-top {
  position: fixed;
  bottom: 8vw;
  right: 2.33644vw;
  z-index: 10;
  width: 13.08411vw;
  height: 13.08411vw;
}
#page-top a {
  height: 100%;
  display: block;
  font-size: 0;
  background: url(../_photos/b93149bf22b365da.png#d7fea55d) center;
  background-size: 100%;
}

main .mainvisual {
  width: 100%;
  height: 90vw;
  padding-top: 1vw;
  margin: 0 auto;
  background: url(../_photos/5230e22ecaec0faa.jpg#8bfbaf59) no-repeat top center;
  background-size: 100%;
  background-color: #bede71;
}
main .map-link {
  margin-top: 88vw;
  padding: 2vw 4vw;
  background-color: #bede71;
}
main .map-link li {
  margin-bottom: 2vw;
}
main .map-link li img {
  width: 100%;
}
main .map-link li span {
  display: block;
  padding: 4vw;
  padding-left: 16vw;
  color: #1f318e;
  text-decoration: none;
  border: 0.6vw #00acf0 dotted;
  border-radius: 9vw;
}

section .sec-wrap {
  width: 100%;
  padding: 5vw 4vw;
  box-sizing: border-box;
}
section .sec-wrap .sec-img {
  width: 100%;
  height: 53vw;
}
section .sec-wrap .sec-txt {
  padding-top: 4vw;
  text-align: center;
  line-height: 7vw;
}
section .sec-wrap .sec-txt p img {
  width: 25%;
}
section .sec-wrap .sec-txt p:not(:first-child) {
  margin-top: 1.4vw;
}
section .sec-wrap .sec-txt .detail_btn a {
  display: block;
  width: 40vw;
  font-weight: bold;
  margin: 2.25vw auto;
  line-height: 9.5vw;
  border-radius: 20vw;
  color: #283294;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  border: solid 0.46728vw #283294;
}
section#business .sec-wrap {
  padding: 9vw 4vw 5vw;
}
section#business .sec-img {
  background: url(../_photos/f7902a4bef90ca04.jpg#45d167c5) no-repeat center;
  background-size: cover;
}
section#company {
  background-color: #d7f5ff;
}
section#company .sec-img {
  background: url(../_photos/cc4aeb7ae8bf93f4.jpg#d453a1e1) no-repeat center;
  background-size: cover;
}
section#message .sec-wrap {
  padding: 4.2vw 4vw 6.4vw;
}
section#message .sec-wrap .message-img a {
  display: block;
  width: 100%;
  height: 26vw;
  padding: 0 4vw;
  background: url(../_photos/6e1135248eadc067.png#7e9714d8) no-repeat center;
  background-size: contain;
  box-sizing: border-box;
}

body.third.results .mainvisual {
  width: 100%;
  height: 25vw;
  margin: 0 auto;
  padding-top: 0;
  background-image: url("../img/company/results/sp/ttl.png"), url('../_tpl/flat-750x200-feffff.svg');
  background-position: center, bottom;
  background-repeat: no-repeat, repeat-x;
  background-size: 21vw, 100%;
  background-color: #fff;
}
body.third.results #sec-01 .sec-wrap {
  padding: 10vw 4vw;
}
body.third.results #sec-01 .sec-wrap h2 {
  position: relative;
  font-size: 5vw;
  text-align: center;
  font-weight: bold;
  color: #242f92;
}
body.third.results #sec-01 .sec-wrap h2:before, body.third.results #sec-01 .sec-wrap h2:after {
  position: absolute;
  width: 7vw;
  padding-top: 0.6vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  border-top: 0.6vw #00acf0 dotted;
  box-sizing: border-box;
}
body.third.results #sec-01 .sec-wrap h2:before {
  left: 3vw;
}
body.third.results #sec-01 .sec-wrap h2:after {
  right: 3vw;
}
body.third.results #sec-01 .sec-wrap .pdf-list {
  font-size: 0;
  margin: 4vw auto;
}
body.third.results #sec-01 .sec-wrap .pdf-list li {
  padding: 3.2vw 0;
  font-size: 3.38vw;
  border-top: 0.1rem solid #888;
  background: url("../img/company/results/icon-pdf.png") no-repeat right center;
  background-size: 4vw;
}
body.third.results #sec-01 .sec-wrap .pdf-list li a {
  color: #242f92;
}
body.third.results #sec-01 .sec-wrap .pdf-list li:last-child {
  border-bottom: 0.1rem solid #888;
}
body.third.results .notes {
  font-size: 1.4vw;
}
body.third.results .notes a {
  color: #242f92;
}
body.fixed {
  position: relative;
  overflow: hidden;
}
body.top .mainvisual {
  margin: 0 auto 110vw;
}
body.top .mainvisual li .popup-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 4vw;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 20;
}
body.top .mainvisual li .popup-box .contents {
  position: fixed;
  height: 99vw;
  top: 50%;
  left: 4vw;
  right: 4vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: top 7vw center, center;
  background-size: 80%, 100%;
  z-index: 21;
}
body.top .mainvisual li .popup-box .contents .type {
  display: inline-block;
  margin: 57vw 1vw 2vw 10vw;
  padding: 0 2vw;
  font-size: 2.415vw;
  line-height: 4.5vw;
  font-weight: bold;
  color: #fff;
  border-radius: 10vw;
  background-color: #283294;
}
body.top .mainvisual li .popup-box .contents h2 {
  display: inline-block;
  color: #242f92;
  font-size: 3.55vw;
  line-height: 4vw;
  vertical-align: middle;
}
body.top .mainvisual li .popup-box .contents .txt {
  margin: 0 10vw;
  font-size: 3.55vw;
  line-height: 6vw;
}
body.top .mainvisual li .popup-box .contents .popup-link {
  margin: 0 10vw;
  color: #283294;
  font-size: 2vw;
}
body.top .mainvisual li .popup-box .contents .popup-link:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 1.2vw solid #283294;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
body.top .mainvisual li .popup-box .contents .popup-link a {
  color: #283294;
  font-size: 3.55vw;
  line-height: 6vw;
}
body.top .mainvisual li .popup-box .contents .close {
  text-align: right;
  margin-top: -6.5vw;
}
body.top .mainvisual li .popup-box .contents .close img {
  width: 7vw;
}
body.top .mainvisual li.show .popup-box {
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  pointer-events: auto;
}
body.top .mainvisual li:nth-child(4) .contents {
  background-image: url(../_photos/84131ab2a94f0366.jpg#2f8452ed), url("../img/top/sp/pop-bg.png");
}
body.top .mainvisual li:nth-child(5) .contents {
  background-image: url(../_photos/b607abe551a0a83e.jpg#6e69f34f), url("../img/top/sp/pop-bg.png");
}
body.top .mainvisual li:nth-child(6) .contents {
  background-image: url(../_photos/8753fca05428a0e0.jpg#f6d7af53), url("../img/top/sp/pop-bg.png");
}
body.top .mainvisual li:nth-child(7) .contents {
  background-image: url(../_photos/f83dd90ed9f6a020.jpg#9329432f), url("../img/top/sp/pop-bg.png");
}
body.top .mainvisual li:nth-child(8) .contents {
  background-image: url(../_photos/ef300f277f67a6c9.jpg#372a82b8), url("../img/top/sp/pop-bg.png");
}

#wrapper .section-bottom-about {
  padding: 8.64485vw 0 9.34579vw;
}
#wrapper .section-bottom-require {
  padding-top: 7.00934vw;
}
#wrapper .custom-title-box {
  text-align: center;
  margin-bottom: 7.00934vw;
}
#wrapper .custom-title-box h2 {
  color: #273092;
  font-size: 4.2056vw;
  line-height: 6.07476vw;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#wrapper .custom-title-box h2:before {
  display: block;
  background: #273092;
  content: "";
  overflow: hidden;
  width: 7.00934vw;
  height: 0.70093vw;
  margin-bottom: 5.60747vw;
  border-radius: 23.36448vw;
}
#wrapper .custom-title-box .read {
  margin-top: 3.73831vw;
  font-size: 3.27102vw;
  line-height: 4.67289vw;
  font-weight: 500;
}
#wrapper .custom-title-box2, #wrapper .custom-title-box3 {
  text-align: center;
}
#wrapper .custom-title-box2 .main-text, #wrapper .custom-title-box3 .main-text {
  font-size: 4.2056vw;
  font-weight: bold;
  color: #273092;
}
#wrapper .custom-title-box2 .sub-text, #wrapper .custom-title-box3 .sub-text {
  display: none;
  font-size: 3.03738vw;
  font-weight: 300;
  margin-top: 3.50467vw;
}
#wrapper .custom-title-box3 .main-text {
  font-size: 5.84112vw;
}
#wrapper .custom-title-box3 .read {
  margin-top: 8.41121vw;
}
#wrapper .bottom-require-info-list-box li {
  height: 51.40186vw;
  position: relative;
}
#wrapper .bottom-require-info-list-box li:before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
#wrapper .bottom-require-info-list-box li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
}
#wrapper .bottom-require-info-list-box li > a .img-box {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#wrapper .bottom-require-info-list-box li > a .img-box span {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
}
#wrapper .bottom-require-info-list-box li > a .text-box {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.85);
  width: 65.42056vw;
  height: 37.38317vw;
  border-radius: 2.33644vw;
  padding: 4.67289vw;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#wrapper .bottom-require-info-list-box li > a .text-box .title {
  font-size: 3.73831vw;
  font-weight: bold;
}
#wrapper .bottom-require-info-list-box li > a .text-box .read {
  font-weight: 500;
  margin-top: 2.33644vw;
  font-size: 3.27102vw;
  text-align: center;
  line-height: 4.67289vw;
}
#wrapper .bottom-require-info-list-box li > a .text-box .detail-btn, #wrapper .bottom-require-info-list-box li > a .text-box .a-detail-btn, #wrapper .bottom-require-info-list-box li > a .text-box .a-detail-btn2 {
  margin-top: 2.33644vw;
}
#wrapper .bottom-require-info-list-box li > a.disable .detail-btn, #wrapper .bottom-require-info-list-box li > a.disable .a-detail-btn, #wrapper .bottom-require-info-list-box li > a.disable .a-detail-btn2 {
  border-color: #b0b0b0;
  color: #b0b0b0;
}
#wrapper .bottom-require-info-list-box li:nth-child(n+2) {
  margin-top: 1.16822vw;
}
#wrapper .page-footer-anchor-list-box {
  margin: 0 auto;
  margin-bottom: 5.60747vw;
  margin-top: 5.60747vw;
}
#wrapper .page-footer-anchor-list-box a {
  padding-top: 3.27102vw;
  padding-bottom: 3.27102vw;
  margin: 0 auto;
  font-size: 3.73831vw;
  width: 90.88785vw;
  box-sizing: border-box;
}
#wrapper .detail-btn, #wrapper .a-detail-btn, #wrapper .a-detail-btn2 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 2.80373vw;
  line-height: 7.00934vw;
  margin: 0 auto;
  width: 30.60747vw;
  border: 0.5vw solid #273092;
  border-radius: 23.36448vw;
  padding: 1.16822vw 0;
  line-height: 4.67289vw;
  color: #273092;
  text-decoration: none;
}
#wrapper .a-detail-btn:hover, #wrapper .a-detail-btn2:hover {
  background: #273092;
  color: #ffffff;
}
#wrapper .a-detail-btn2 {
  min-width: 65.42056vw;
  padding: 3.73831vw 0;
}
#wrapper .bottom-about-info-list-box {
  margin: 0 auto;
  margin-left: 5.60747vw;
  margin-right: 5.60747vw;
}
#wrapper .bottom-about-info-list-box li:nth-child(n+2) {
  margin-top: 5.14018vw;
}
#wrapper .bottom-about-info-list-box li img {
  width: 100%;
  vertical-align: bottom;
}
#wrapper .bottom-about-info-list-box li a {
  border-radius: 2.33644vw;
  display: block;
  overflow: hidden;
}
#wrapper .table-01 {
  margin: 0 auto;
  border-top: 0.1rem solid #DEDEDE;
}
#wrapper .table-01 tr {
  border-bottom: 0.1rem solid #DEDEDE;
}
#wrapper .table-01 tr th {
  font-weight: bold;
  font-size: 3.73831vw;
  width: 28.03738vw;
  text-align: left;
  padding: 5.60747vw 0;
}
#wrapper .table-01 tr td {
  font-size: 3.50467vw;
  line-height: 5.14018vw;
  padding: 5.60747vw 0;
}
#wrapper .table-01-list-box {
  margin: 0 auto;
  border-bottom: 0.1rem solid #dedede;
}
#wrapper .table-01-list-box li {
  border-top: 0.1rem solid #dedede;
  padding: 5.14018vw 0;
}
#wrapper .disable {
  cursor: default;
}
#wrapper .in-btn-hover:not(.disable) {
  text-decoration: none;
}
#wrapper .in-btn-hover:not(.disable):hover .detail-btn, #wrapper .in-btn-hover:not(.disable):hover .a-detail-btn, #wrapper .in-btn-hover:not(.disable):hover .a-detail-btn2 {
  background: #273092;
  color: #ffffff;
}
#wrapper .sp-second-container, #wrapper .second-container {
  padding: 0 4.67289vw;
  padding-bottom: 7.00934vw;
}