@charset "utf-8";
/* CSS Document */

/*==================================
	common
==================================*/
body { background: url("../img/top/bg.jpg") top center no-repeat; background-color: #fff;}
#contents { position: relative;}

.circle.arr { border: solid 1px #fff; width: 120px; height: 120px; border-radius: 120px; display: block; position: absolute; display: flex; align-items: center; justify-content: center;}
.circle.arr:before { width: 24px; height: 16px; background-size: 24px 16px; content: ""; background: url("../img/arr_wh.svg")no-repeat; display: block;}
.circle.arr.blue { background: linear-gradient(135deg, rgba(46,79,181,1) 0%, rgba(9,143,207,1) 50%, rgba(46,79,181,1) 100%);background-size: 200% 100%; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s; border: none;}
a:hover .circle.arr.blue { background-position: 100% 0;}
@media screen and (min-width: 1200px) {
#top header #navArea nav .hdNav { mix-blend-mode: difference;}
#top header #navArea nav .hdNav li a { color: #fff;}
#top header #navArea nav .hdNav li a:hover { color: #b89936 !important; border-bottom: solid 1px #b89936;}
#top header.shadow #navArea nav .hdNav { mix-blend-mode: normal;}
#top header.shadow #navArea nav .hdNav li a { color: #111;}
#top header.shadow #navArea nav .hdNav li a:hover { color: #2e4fb5 !important; border-bottom: solid 1px #2e4fb5;}
}
@media screen and (max-width: 1200px) {
.circle.arr { width: 80px; height: 80px; border-radius: 80px;}
.circle.arr:before { width: 18px; height: 10px; background-size: 18px 10px;}
.circle.arr.blue {}
}
@media screen and (min-width: 751px) {
#contents:before { width: 800px; height: 800px; top: 660px; right: calc( 50% + 290px); background: url("../img/top/mv_sub_ph.png") no-repeat; position: absolute; content: "";}
}
@media screen and (max-width: 750px) {
.circle.arr { width: 40px; height: 40px; border-radius: 40px;}
.circle.arr:before { width: 11px; height: 6px; background-size: 11px 6px;}
.circle.arr.blue {}
}

.topTxtArea {}
.topTxtArea .tit {}
.topTxtArea .tit .en { font-size: 60px; font-weight: 600; line-height: 1;}
.topTxtArea .tit .jp { font-size: 28px; font-weight: 600; line-height: 1; margin-top: 15px;}
.topTxtArea .txt { line-height: 2;}
.topTxtArea .btn {}
.topTxtArea .btn a {}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 750px) {
body { background-size: 1500px auto;}
.topTxtArea .tit .en { font-size: 30px;}
.topTxtArea .tit .jp { font-size: 14px;}
.topTxtArea .txt { font-size: 12px;}
}

/*==================================
	top_mv
==================================*/
#top_mv { position: relative; overflow: hidden;}
#top_mv .mvSlide { position: absolute; top: 0;}
#top_mv .mvSlide .slider-area { position: relative; width: 100%; height: 100vh;}
#top_mv .mvSlide .slider-item { position: absolute;}
#top_mv .mvSlide .slider-item img { width: 102%; height: auto; object-fit: cover;}
#top_mv .mvTit { padding: 280px 0 350px 0; max-width: 910px; width: 90%; position: relative; z-index: 10;}
#top_mv .mvTit img { width: 100%;}
#top_mv .news { margin-bottom: 100px; position: relative; z-index: 10;}
#top_mv .news .box { display: flex; align-items:end; justify-content: center;}
#top_mv .news .box .newsTit { font-size: 44px; line-height: 1;}
#top_mv .news .box .newsTit:after { margin-bottom: 5px; margin-left: 25px; width: 0; height: 0; border-style: solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #111; border-right: 0; display: inline-block; content: "";}
#top_mv .news .box .newsTxt a{ margin-left: 25px; font-size: 12.5px; max-width: 480px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
#top_mv .news .box .newsTxt .date { padding-right: 25px; display: inline-block;}
#top_mv .news .link { font-size: 12.5px; right: 0; bottom: 5px; position: absolute; z-index: 10;}
#top_mv .news .link a { padding: 5px 25px 5px 15px; border-radius: 30px; background: #111; color: #fff;}
#top_mv .news .link a:before { margin-right: 10px; width: 0; height: 0; border-style: solid; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #fff; border-right: 0; display: inline-block; content: "";}

@keyframes slideShow {
0% { opacity: 0;animation-timing-function: ease-in;}
8% { opacity: 1;animation-timing-function: ease-out;}
20% { opacity: 1;}
40%,
100% { opacity: 0;}
}

@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 1200px) {
#top_mv .news .box .newsTxt a { max-width: 400px;}
#top_mv .news .box .newsTxt .date { padding-right: 0; display: block;}
#top_mv .news .link { top: 8px; bottom: auto;}
}
@media screen and (max-width: 1200px) {
#top_mv .mvTit { padding: 300px 0 350px 0;}
}
@media screen and (max-width: 999px) {
#top_mv .news .box .newsTxt a { max-width: 300px;}
}
@media screen and (max-width: 800px) {
#top_mv .news .box .newsTxt a { max-width: 280px;}
}
@media screen and (min-width: 751px) {
#top_mv .mvSlide { width: 1419px; height: 827px;  left: calc( 50% - 380px);
  mask-image: url("../img/top/mv_pc.svg"); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100%;
  -webkit-mask-image: url("../img/top/mv_pc.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 100%;}
#top_mv .mvSlide img { width: 1419px; height: 827px;}
}
@media screen and (max-width: 750px) {
#top_mv .mvSlide { width: 90.66vw; height: 126.66vw; right: 0;
  mask-image: url("../img/top/mv_sp.svg"); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100%;
  -webkit-mask-image: url("../img/top/mv_sp.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 100%;}
#top_mv .mvTit { padding: 66.66vw 0 32.8vw 0; max-width: 75.46vw;}
#top_mv .news .box { justify-content:flex-start;}
#top_mv .news .box .newsTit { font-size: 30px;}
#top_mv .news .box .newsTit:after { margin-bottom: 2px; margin-left: 8px; border-style: solid; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #111; border-right: 0;}
#top_mv .news .box .newsTxt { font-size: 11px; margin-left: 0; margin-bottom: 0;}
#top_mv .news .box .newsTxt a { max-width: calc( 65vw - 100px); margin-left: 4vw; display: block;}
#top_mv .news .box .newsTxt .date { padding-right: 8px;}
#top_mv .news .box .newsTxt .date { font-size: 7px;}
#top_mv .news .link { font-size: 8px; top: 8px;}
#top_mv .news .link a { padding: 3px 15px 3px 10px;}
}

/* mv tit txt */
#top_mv .mvTitArea { top: 265px; letter-spacing: 0; line-height: 1.3; position: absolute; z-index: 11;}
#top_mv .mvTxt p { font-size: 100px; color: #2e4fb5; position: relative; color: transparent; background-image: linear-gradient( 70deg, rgb(46, 79, 181, 1)  45%, rgb(4, 171, 223, 1) 50%, rgb(46, 79, 181, 1) 55% ); background-clip: text; -webkit-background-clip: text; animation: mvShine 3s infinite; font-family: "Jost", sans-serif; font-weight: 600;}
#top_mv .mvTxt01 p { background-size: 220% 100%; animation-delay: 0s;}
#top_mv .mvTxt02 p { background-size: 250% 100%; animation-delay: 0.2s;}

@media screen and (max-width: 1200px) {
#top_mv .mvTitArea { top: 290px;}
}
@media screen and (max-width: 1130px) {
#top_mv .mvTxt p { font-size: 8.9vw;}
}
@media screen and (max-width: 750px) {
#top_mv .mvTitArea { top: 65vw;}
#top_mv .mvTxt p { font-size: 10.5vw;}
}
@keyframes mvShine {
  0%   { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}

/*==================================
	top_vision
==================================*/
#top_vision {}
#top_vision:before { width: 545px; height: 201px; right: 0; top: -70px; background: url("../img/top/vision_deco.png") no-repeat; content: ""; position: absolute;}
#top_vision .inner { position: relative; z-index: 5;}
#top_vision .topTxtArea { text-align: center;}
#top_vision .topTxtArea .tit { color: #2e4fb5;}
#top_vision .topTxtArea .img { margin-top: 50px;}
#top_vision .topTxtArea .img img { max-width: 100%;}
#top_vision .topTxtArea .txt { margin-top: 55px;}
#top_vision .topTxtArea .txt p { margin-top: 20px;}
#top_vision .topTxtArea .txt .imp { margin-top: 55px; color: #2e4fb5; font-weight: 700;}
#top_vision .topTxtArea .txt .imp .mid { font-size: 24px; line-height: 1.8;}
#top_vision .topTxtArea .txt .imp .big { font-size: 32px; line-height: 1.8;}
@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
#top_vision:before { width: 260px; height: 96px; right: -60px; top: -10px; background-size: cover;}
#top_vision .topTxtArea .txt { margin-top: 20px; text-align: left;}
#top_vision .topTxtArea .txt .imp { margin-top: 20px; text-align: center;}
#top_vision .topTxtArea .txt .imp .mid { font-size: 18px;}
#top_vision .topTxtArea .txt .imp .big { font-size: 20px;}
}


/* slide css */
#top_vision { overflow: hidden;}
#top_vision .slideshowArea { margin-top: 30px; display: flex;  align-items: center; overflow: hidden; height: 44.66vw;}
#top_vision .slideshowArea { margin-top: 30px; display: flex;  align-items: center; overflow: hidden; height: 44.66vw;}
#top_vision .slideshowArea .slideshow { display: flex; animation: loop-slide 40s infinite linear 1s both;}
#top_vision .slideshowArea li { margin: 0 3.33vw;}
#top_vision .slideshowArea li.size01 { width: 44.66vw; height: 44.66vw;}
#top_vision .slideshowArea li.size02 { width: 33.33vw; height: 33.33vw;}
#top_vision .slideshowArea li.size02.pt { padding-top: 11.33vw;}
#top_vision .slideshowArea li img { width: 100%;}
@keyframes loop-slide {
  from { transform: translateX(0);}
  to { transform: translateX(-100%);}
}
@media screen and (min-width: 750px) {
#top_vision .slideshowArea { margin-top: 60px; height: 335px;}
#top_vision .slideshowArea li { margin: 0 25px;}
#top_vision .slideshowArea li.size01 { width: 335px; height: 335px;}
#top_vision .slideshowArea li.size02 { width: 250px; height: 250px;}
#top_vision .slideshowArea li.size02.pt { padding-top: 85px;}
}

/*==================================
	top_about
==================================*/
#top_about { margin: 100px 0; overflow: hidden;}
#top_about .topTxtArea { max-width: 340px; min-height: 460px; position: relative; z-index: 5;}
#top_about .topTxtArea .tit { color: #2e4fb5;}
#top_about .topTxtArea .txt { margin-top: 50px; line-height: 2;}
#top_about .topTxtArea .arr { position: absolute; right: 0; bottom: 0;}
#top_about .topTxtArea a:hover { opacity: 1;}
#top_about .img { display: flex;left: calc( 50% - 200px); top: 0; position: absolute;}
#top_about .img p { width: 50%; height: 460px;}
#top_about .img p img { width: 100%; height: 100%; object-fit: cover;}
@media screen and (max-width: 1440px) {
#top_about .img { width: 65%; left: auto; right: 0;}
}
@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 1200px) {
#top_about .topTxtArea { max-width: 100%; min-height: inherit;}
#top_about .topTxtArea .txt { margin-bottom: 30px;}
#top_about .topTxtArea .txt .pcOnly { display: none;}
#top_about .topTxtArea .arr { bottom: -70px; right: 2vw;}
#top_about .img { width: 90.66%; left: 0; right: 0; margin: auto; position: relative;}
#top_about .img p { height: inherit;}
}
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
#top_about { margin: 50px 0;}
#top_about .topTxtArea .tit { text-align: center;}
#top_about .topTxtArea .txt { margin-top: 25px; margin-bottom: 25px;}
#top_about .topTxtArea .arr { bottom: -45px;}
}


/*==================================
	top_business
==================================*/
#top_business { z-index: 2; color: #fff; background: url("../img/top/business_bg.jpg") center center no-repeat; background-size: cover;}
#top_business .inner { padding: 80px 0; position: relative;}
#top_business .inner:before,
#top_business .inner:after { bottom: -22px; position: absolute; content: "";}
#top_business .inner:before { width: 149px; height: 177px; background: url("../img/top/business_illust01.png") no-repeat; background-size: cover;}
#top_business .inner:after { width: 181px; height: 187px; background: url("../img/top/business_illust02.png") no-repeat; background-size: cover; right: 0;}
#top_business a { color: #fff;}
#top_business .topTxtArea { position: relative;}
#top_business .topTxtArea .btn a .arr { right: 0; top: -20px;}
#top_business .topTxtArea .tit { text-align: center;}
#top_business .list { margin: 50px 0; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 6px;}
#top_business .list li a { padding-top: 120px; height: 380px; position: relative;}
#top_business .list li a .txt { font-weight: 600;}
#top_business .list li a .txt .en { font-size: 24px; display: block; line-height: 1;}
#top_business .list li a .txt .jp { font-size: 36px; margin-top: 15px; display: block; line-height: 1;}
#top_business .list li a .arr { width: 80px; height: 80px; bottom: 50px; left: 0; right: 0; margin: auto; position: absolute;}
#top_business .list li a .arr:before{ width: 22px; height: 12px; background-size: 22px 12px;}
#top_business .list li:nth-child(1) a { background: url("../img/top/business_ph01.jpg") top center no-repeat; background-size: cover;}
#top_business .list li:nth-child(2) a { background: url("../img/top/business_ph02.jpg") top center no-repeat; background-size: cover;}
#top_business .list li:nth-child(3) a { background: url("../img/top/business_ph03.jpg") top center no-repeat; background-size: cover;}
#top_business .txt { text-align: center; line-height: 2;}
#top_business .txt p { margin-top: 20px;}
@media screen and (min-width: 1201px) {
}
@media screen and (max-width: 1200px) {
#top_business .inner { padding-bottom: 120px;}
#top_business .inner:before { width: 126px; height: 151px;}
#top_business .inner:after { width: 137px; height: 152px;}
#top_business .list li a { padding-top: 6vw; height: 30vw;}
#top_business .list li a .arr { bottom: 30px;}
#top_business .topTxtArea .btn a .arr { right: 2vw; top: 15px;}
}
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
#top_business .inner { padding: 50px 0 60px 0;}
#top_business .inner:before { width: 63px; height: 75.5px; left: auto; right: 80px;}
#top_business .inner:after { width: 68.5px; height: 75px;}
#top_business .list { margin: 30px 5% 20px 5%; display: block;}
#top_business .list li { margin-top: 25px;}
#top_business .list li:first-child { margin-top: 0;}
#top_business .list li a { padding: 40px 15%; height: auto;}
#top_business .list li a .txt .en { font-size: 12px;}
#top_business .list li a .txt .jp { font-size: 18px; margin-top: 10px; }
#top_business .list li a .arr { width: 40px; height: 40px; right: 20px; left: auto; top: 0; bottom: 0; margin: auto;}
#top_business .list li a .arr:before{ width: 11px; height: 6px; background-size: 11px 6px;}
#top_business .list li:nth-child(1) a { background: url("../img/top/business_ph01_sp.jpg") top center no-repeat; background-size: cover;}
#top_business .list li:nth-child(2) a { background: url("../img/top/business_ph02_sp.jpg") top center no-repeat; background-size: cover;}
#top_business .list li:nth-child(3) a { background: url("../img/top/business_ph03_sp.jpg") top center no-repeat; background-size: cover;}
#top_business .txt { font-size: 12px; text-align: left;}
}


/*==================================
	top_person
==================================*/
#top_person { padding: 100px 0; background: #eef2f3; position: relative;}
#top_person:before,
#top_person:after { content: ""; background: #fff; position: absolute;}
#top_person:before { height: 400px; width: 100%; top: 0;}
#top_person:after { height: 300px; width: 100%; bottom: 0;}
#top_person .inner { position: relative; z-index: 1;}
#top_person .topTxtArea { position: relative;}
#top_person .topTxtArea .btn a .arr { right: 0; top: -20px;}
#top_person .topTxtArea .btn a:hover { opacity: 1;}
#top_person .topTxtArea .tit { color: #2e4fb5;}
#top_person .topTxtArea .txt { margin-top: 20px;}

#top_person .swiper-wrapper { margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 60px;}
#top_person .swiper-wrapper .swiper-slide {}
#top_person .swiper-wrapper .swiper-slide a {}
#top_person .swiper-wrapper .swiper-slide a .phArea { height: 465px; position: relative; color: #fff; overflow: hidden;}
#top_person .swiper-wrapper .swiper-slide a .phArea:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;}
#top_person .swiper-wrapper .swiper-slide a .phArea .post { bottom: 90px; left: 30px; position: absolute; z-index: 5;}
#top_person .swiper-wrapper .swiper-slide a .phArea .name { bottom: 30px; left: 30px; font-size: 56px; font-family: "Jost", sans-serif; position: absolute; z-index: 5; line-height: 1;}
#top_person .swiper-wrapper .swiper-slide a .phArea .join { bottom: 35px; left: 130px; font-size: 14px; position: absolute; z-index: 5;}
#top_person .swiper-wrapper .swiper-slide a .phArea .arr { width: 80px; height: 80px; right: 30px; bottom: 30px; position: absolute; z-index: 5;}
#top_person .swiper-wrapper .swiper-slide a .phArea .circle.arr:before { width: 18px; height: 10px; background-size: 18px 10px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .img {}
#top_person .swiper-wrapper .swiper-slide a .phArea .img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease;}
#top_person .swiper-wrapper .swiper-slide a .txtArea { margin-top: 30px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .tag { padding: 2px 10px; background: #fff; display: inline-block; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .txt { margin-top: 10px; font-size: 24px; display: block; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;}
#top_person .swiper-wrapper .swiper-slide a:hover { opacity: 1;}
#top_person .swiper-wrapper .swiper-slide a:hover .phArea:before { opacity: 0.8; background-image: linear-gradient(-45deg, #2e4fb5, #098fcf);}
#top_person .swiper-wrapper .swiper-slide a:hover .phArea .img img { transform: scale(1.1);}
#top_person .swiper-wrapper .swiper-slide a:hover .txtArea .tag { background: #2e4fb5; color: #fff;}
#top_person .swiper-wrapper .swiper-slide a:hover .txtArea .txt { color: #2e4fb5;}
#top_person .swiper-wrapper .swiper-slide.item01 a {}
#top_person .swiper-wrapper .swiper-slide.item01 a .phArea .join { left: 160px;}
#top_person .swiper-wrapper .swiper-slide.item02 a {}
#top_person .swiper-wrapper .swiper-slide.item03 a {}

#top_person .ctArea { margin-top: 100px; position: relative; text-align: right;}
#top_person .ctArea a { height: 400px; background: url("../img/top/top_person_ct_bg.jpg") left center  no-repeat; background-size: auto 100%;}
#top_person .ctArea .txtbox { padding: 120px 60px 0 60px; width: 490px; color: #fff; text-align: left;  background: #3b3d3a; display: block; position: absolute; right: 0; top: 0; bottom: 0;}
#top_person .ctArea .tit { font-size: 48px; display: inline-block; font-weight: 600;}
#top_person .ctArea .txt { margin-top: 10px; line-height: 2; display: inline-block;}
#top_person .ctArea .arr { right: 50px; bottom: 40px;}

@media screen and (max-width: 1330px) {
#top_person .swiper-wrapper .swiper-slide a .phArea { height: 36.5vw;}
}
@media screen and (min-width: 1201px) {
#top_person .topTxtArea { display: flex;}
#top_person .topTxtArea .txt { margin-left: 200px;}
}
@media screen and (max-width: 1200px) {
#top_person .ctArea a { background-position: center center; background-size: cover;}
#top_person .ctArea .txtbox { width: 100%; background-color: rgba(59, 61, 58, 0.6); text-align: center;}
#top_person .swiper-wrapper { column-gap: 30px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .post { bottom: 70px; left: 20px; font-size: 14px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .name { bottom: 20px; left: 20px; font-size: 46px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .join { bottom: 25px; left: 105px; font-size: 12px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .arr { width: 70px; height: 70px; right: 20px; bottom: 20px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea { margin-top: 20px;}
#top_person .swiper-wrapper .swiper-slide.item01 a .phArea .join { left: 130px;}
}
@media screen and (max-width: 900px) {
#top_person .swiper-wrapper .swiper-slide a .phArea .name { left: 15px; font-size: 36px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .arr { width: 50px; height: 50px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .join { bottom: 22px; left: 80px; font-size: 11px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .circle.arr:before{ width: 11px; height: 6px; background-size: 11px 6px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .tag { font-size: 14px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .txt { font-size: 20px;}
#top_person .swiper-wrapper .swiper-slide.item01 a .phArea .join { left: 100px;}
}
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
#top_person { padding: 100px 0 50px 0;}
#top_person:before { height: 350px;}
#top_person:after { height: 150px;}
#top_person .inner { width: 100%;}
#top_person .topTxtArea { width: 90.66%; margin-left: auto; margin-right: auto;}
#top_person .topTxtArea .tit { text-align: center;}
#top_person .topTxtArea .btn a .arr { right: 5%; top: 10px;}
#top_person .topTxtArea .txt { margin-top: 30px;}
#top_person .swiper-wrapper { margin-top: 20px; column-gap: 0;}
#top_person .swiper-wrapper .swiper-slide { padding-left: 20px;}
#top_person .swiper-wrapper .swiper-slide:nth-last-child(1) { padding-right: 20px;}
#top_person .swiper-wrapper .swiper-slide a { position: relative;}
#top_person .swiper-wrapper .swiper-slide a .phArea { height: 58.5vw;}
#top_person .swiper-wrapper .swiper-slide a .phArea .post { left: 10px; bottom: 40px; font-size: 10px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .name { left: 10px; bottom: 10px; font-size: 30px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .join { left: 70px; bottom: 15px; font-size: 8px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .arr { right: 10px; bottom: 10px;}
#top_person .swiper-wrapper .swiper-slide a .phArea .img {}
#top_person .swiper-wrapper .swiper-slide a .txtArea { margin-top: 10px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .tag { font-size: 8px;}
#top_person .swiper-wrapper .swiper-slide a .txtArea .txt { font-size: 12px;}
#top_person .swiper-wrapper .swiper-slide.item01 a {}
#top_person .swiper-wrapper .swiper-slide.item01 a .phArea .join { left: 90px;}
#top_person .swiper-wrapper .swiper-slide.item02 a {}
#top_person .swiper-wrapper .swiper-slide.item03 a {}
#top_person .ctArea { margin-top: 50px; width: 90.66%; margin-left: auto; margin-right: auto;}
#top_person .ctArea a { height: 250px;}
#top_person .ctArea .tit { font-size: 26px;}
#top_person .ctArea .txt { margin-top: 5px; line-height: 1.8;}
#top_person .ctArea .txtbox { padding: 80px 5% 0 5%;}
#top_person .ctArea .arr { right: 5%; bottom: 20px;}
}


/*==================================
	top_environment
==================================*/
#top_environment { padding: 80px 0 100px; background: url("../img/top/environment_bg.jpg") center center no-repeat; background-size: cover;}
#top_environment .topTxtArea { color: #fff; position: relative;}
#top_environment .topTxtArea .txt { margin-top: 20px;}
#top_environment .topTxtArea .btn a .arr { right: 0; top: 0;}
#top_environment .list { margin-top: 50px; display: flex; justify-content: space-between;}
#top_environment .list li { max-width: 575px; width: 47.91%;}
#top_environment .list li:nth-child(1) { background: url("../img/top/environment_item01.jpg") center center no-repeat; background-size: cover;}
#top_environment .list li:nth-child(2) { background: url("../img/top/environment_item02.jpg") center center no-repeat; background-size: cover;}
#top_environment .list li a { padding: 180px 0; text-align: center; color: #2e4fb5; position: relative;}
#top_environment .list li a .txt { font-weight: 600; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;}
#top_environment .list li a .txt .en { font-size: 48px; display: block;}
#top_environment .list li a .txt .jp { font-size: 18px; display: block;}
#top_environment .list li a .arr { right: 30px; bottom: 30px;}
#top_environment .list li a:hover { opacity: 1;}
#top_environment .list li a:hover .txt { opacity: 0.6;}
@media screen and (min-width: 1201px) {
#top_environment .topTxtArea { display: flex;}
#top_environment .topTxtArea .txt { margin-left: 80px;}
}
@media screen and (max-width: 1200px) {
#top_environment .topTxtArea .txt { margin-top: 30px;}
#top_environment .list li a .txt .en { font-size: 36px;}
#top_environment .list li a .txt .jp { font-size: 14px;}
#top_environment .list li a .arr { right: 30px; bottom: 30px;}
}
@media screen and (min-width: 751px) {
	
}
@media screen and (max-width: 750px) {
#top_environment { padding: 50px 0;}
#top_environment .topTxtArea .tit { text-align: center;}
#top_environment .topTxtArea .btn a .arr { right: 5%; top: 10px;}
#top_environment .list { padding: 0 5%; margin-top: 0; display: block;}
#top_environment .list li { margin-top: 25px; width: 100%; max-width: 100%;}
#top_environment .list li a { padding: 70px 0;}
#top_environment .list li a .txt .en { font-size: 24px;}
#top_environment .list li a .txt .jp { font-size: 12px;}
#top_environment .list li a .arr { right: 10px; bottom: 15px;}
}