/*----------------------------------------fv----------------------------------*/
.fv{padding: 500px 0 54px; position: relative;}
.fv .box{position: relative;z-index: 1;}
.fv .fv_bg_box{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%;}
.fv .fv_bg_box .fv_bg{width: 100%; height: 916px;}
.fv .fv_bg_box .fv_bg.fv_1{background: url(../img/top/bg01_1.jpg) no-repeat center center;background-size: cover;}
.fv .fv_bg_box .fv_bg.fv_2{background: url(../img/top/bg01_2.jpg) no-repeat center center;background-size: cover;}
.fv .fv_bg_box .fv_bg.fv_3{background: url(../img/top/bg01_3.jpg) no-repeat center center;background-size: cover;}


.fv .fv_bg_box .fv_bg img{width: 100%; height: auto;}
.fv h2{ line-height: 180%; max-width: 1600px; margin: 0 auto;padding: 0 80px;color: #fff;letter-spacing: 2px;}
.fv h2 .bg_white{ display: block; font-size:40px; padding: 28px 0px 28px 22px; color: #000;;font-family: fot-tsukuaoldmin-pr6n, sans-serif;  font-weight: 500; position: relative;background: rgb(255,255,255,0.8); }

.fv h2 .bg_white:nth-child(1){width: 600px;}
.fv h2 .bg_white:nth-child(2){width: 580px; margin: 10px 0;}
.fv h2 .bg_white:nth-child(3){font-size: 60px; width: 720px; margin: 0 0 20px; letter-spacing: 1px}
.fv p{font-size: 14px; color: #fff; font-family: 'Marcellus', serif;max-width: 1600px; margin: 0 auto;padding: 0 80px;letter-spacing: 0.2em;}

.mge_bus{position: relative;}
.mge_bus::before{content: "";background: url(../img/top/bg_04.png) no-repeat center top ; background-size: cover; display: block; height: 989px; width: 100%; position: absolute; top: 52%;}
.mge_bus .mge_bus_bg{background:url(../img/top/bg_02.png) no-repeat center top 130px; background-size:1600px; position: relative; z-index: 2; }


.box.scrol {
	width: 47px;
  height: 201px;
  position: absolute;
  overflow: hidden;
  right: 79px;
  left: auto;
  top: 780px;
  z-index: 1;
}

/* アニメーション設定 */
.arrowWrap {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 200px
}

.arrowInner p {
  font-size: 12px;
  text-align: end;
  color: #666666;
}

.arrow {
  width: 1px;
  height: 200px;
  margin: 5px auto 0;
  background-color: #eee;
  position: relative;
  overflow: hidden;
}

.arrow::before {
  content: '';
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #000;
  position: absolute;
  top: -50px;
  left: 0;
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

/*----------------------------------------message----------------------------------*/
.mge_bus #message{padding: 130px 0 229px; }
.mge_bus #message .title_box{width: 470px ;height: auto; float: right;}
.mge_bus #message .title_box h3{font-size: 56px; color: #aae1e4; display: block;padding:0 0 16px; font-family: 'Marcellus', serif; letter-spacing: 0.1em;}
.mge_bus #message .title_box .title_tt{font-size: 35px; color: #000; padding: 0 0 30px; font-family: fot-tsukuaoldmin-pr6n, sans-serif; }

/*----------------------------------------business----------------------------------*/
.mge_bus #business{padding: 114px 0 0; position: relative;  height: 989px;}
.mge_bus #business .business_z{position: relative; z-index: 1;}
.mge_bus #business .title_box{padding: 0 0 51px;}
.mge_bus #business .title_box.title_box_1{padding: 0 0 30px}
.mge_bus #business .title_box h3{font-size: 18px; display: flex;align-items: flex-end;font-family: fot-tsukuaoldmin-pr6n, sans-serif; line-height: 180%;}
.mge_bus #business .title_box h3 span{font-size: 100px; color: #89d6c2; letter-spacing: 5px; display: block; margin: 0 23px 0 0;font-family: 'Marcellus', serif; letter-spacing: 0.1em;}
.mge_bus #business .title_box .tt{width: 524px;}
.mge_bus #business .business_box{display: flex; justify-content: space-between;}
.mge_bus #business .business_box .bg_list{width: 330px; height: 564px;}
.mge_bus #business .business_box .bg_1{background:url(../img/top/img_01.png) no-repeat center top; background-size: cover;}
.mge_bus #business .business_box .bg_2{background:url(../img/top/img_02.png) no-repeat center top; background-size: cover;}
.mge_bus #business .business_box .bg_3{background:url(../img/top/img_03.png) no-repeat center top; background-size: cover;}
.mge_bus #business .business_box .bg_list .tt_box{background: #fff; padding: 23px 25px 30px;width: 300px; margin: 275px 0 0 auto;}
.mge_bus #business .business_box .bg_list .tt_box h4{text-align: center; font-size: 20px; padding: 0 0 20px;font-family: neue-haas-grotesk-text, sans-serif;  font-weight: 200;}

/*----------------------------------------job----------------------------------*/
#job{padding: 210px 0 0; position: relative;}
#job::before{content: "";background:url(../img/top/bg_05.png) no-repeat center top; background-size: cover; width: 100%; height: 630px; position: absolute; top: 210px;}
#job .job_bg{background:url(../img/top/bg_03.png) no-repeat center top; background-size: 1600px;position: relative; height: 630px;}
#job .job_bg .title_box.title_box_1{width: 663px ;height: auto; display: flex; position: relative;}
#job .job_bg .title_box.title_box_1 img{width: 189px; height: auto; margin: 0 54px 0 0; position: absolute;}
#job .job_bg .title_box.title_box_1 .box{margin: 0 0 36px 272px;}
#job .job_bg .title_box.title_box_2{margin: 0 0 0 272px;}

#job .job_bg .title_box .box{width: 423px; height: auto;}
#job .job_bg .title_box .box h3{font-size: 18px;  font-family: fot-tsukuaoldmin-pr6n, sans-serif;  }
#job .job_bg .title_box .box h3 span{ padding: 40px 0 0 ; font-size: 40px; font-family: 'Marcellus', serif; font-weight: 500;}
#job .job_bg .title_box .box a{display: block; font-size: 16px; padding: 20px 0px; width: 300px; border-bottom: 2px solid #b2b0ab; position: relative;}
#job .job_bg .title_box .title_tt{font-size: 35px; color: #000; padding: 0 0 30px; font-family: fot-tsukuaoldmin-pr6n, sans-serif; }
#job .job_bg .title_box .tt{padding: 0 0 67px; width: 490px;}
#job .job_bg .title_box.title_box_2 a{display: block; border-bottom: 1px solid #000; width: 302px; padding: 0 0 15px;}
#job .job_bg .title_box.title_box_2 a .btn{display: flex; align-items: center; justify-content: space-between;}
#job .job_bg .title_box.title_box_2 a .btn:after{background: url(../img/top/icn_01.png) no-repeat center center; background-size: cover; display: block; content: ""; width: 33px; height: 18px;}
#job .job_bg .title_box.title_box_2 a .btn p{font-family: 'Noto Serif JP', serif;font-weight: 300;}


@media only screen and (max-width: 768px) {
		
	/*----------------------------------------fv----------------------------------*/
	.fv{padding: 200px 0 22px; margin: 68px 0 0;}
	.fv h2{font-size: 11px; padding: 0 ;}
	.fv h2 .bg_white{font-size:17px; padding: 13px 0px 13px 11px; }
	.fv p{font-size: 11px; padding: 0 14px;}
	.fv .fv_bg_box .fv_bg{width: 100%; height: 390px; }
	.fv .fv_bg_box .fv_bg.fv_1{background: url(../img/top/bg_01_sp.png) no-repeat center center; background-size: cover; }
	.fv .fv_bg_box .fv_bg.fv_2{background: url(../img/top/bg_01_2_sp.png) no-repeat center center; background-size: cover; }
	.fv .fv_bg_box .fv_bg.fv_3{background: url(../img/top/bg_01_3_sp.png) no-repeat center center; background-size: cover; }


	.fv h2 .bg_white:nth-child(1){width: 100%;max-width: 280px; }
	.fv h2 .bg_white:nth-child(2){width: 100%; margin: 5px 0;max-width: 269px; }
	.fv h2 .bg_white:nth-child(3){font-size: 25px; width: 100%; margin: 0 0 10px; max-width: 311px; }
	
	.mge_bus{position: relative;}
	.mge_bus::before{content: "";background: none; display: none ;}
	.mge_bus .mge_bus_bg{background:none;  }
	img{width: 100%; height: auto;}
	
	/*----------------------------------------message----------------------------------*/
	.mge_bus #message{padding: 60px 0 0;;}
	.mge_bus #message .title_box{width: auto ;height: auto; float: none;}
	.mge_bus #message .title_box tt{letter-spacing: 0px;}
	.mge_bus #message .title_box h3{font-size: 40px; text-align: center; padding: 0 0 18px;}
.mge_bus #message .title_box .title_tt{font-size: 26px;  padding: 0 0 30px; }
	.mge_bus #message .img{padding: 0 0 51px; width: auto;}
	.mge_bus #message .title_box h3 span{font-size: 40px; }
	
	/*----------------------------------------business----------------------------------*/
	.mge_bus #business{padding: 75px 0 46px; position: relative;  height: auto;background: url(../img/top/bg_sp_05.png) no-repeat center top; background-size: cover;}
	.mge_bus #business .business_z{position: relative; z-index: 1;}
	.mge_bus #business .title_box{padding: 0 0 27px;}
	.mge_bus #business .title_box.title_box_1 {    padding: 0 0 32px; }
	.mge_bus #business .img { padding: 0 0 51px; width: auto;}
	.mge_bus #business .title_box h3{font-size: 16px;  display: flex; align-items: center;    flex-direction: column;}
	.mge_bus #business .title_box h3 span{font-size:40px; margin: 0 0;}
	.mge_bus #business .title_box .tt{width: auto;}
	.mge_bus #business .business_box{display: flex; flex-direction: column;}
	.mge_bus #business .business_box .bg_list{width: auto; height: auto;}
	.mge_bus #business .business_box .bg_list:not(:last-child){margin: 0 0 30px;}
	.mge_bus #business .business_box .bg_1{background:url(../img/top/bg_sp_02.png) no-repeat center top; background-size: 100%;}
	.mge_bus #business .business_box .bg_2{background:url(../img/top/bg_sp_03.png) no-repeat center top; background-size: 100%;}
	.mge_bus #business .business_box .bg_3{background:url(../img/top/bg_sp_04.png) no-repeat center top; background-size: 100%;}
	.mge_bus #business .business_box .bg_list .tt_box{background: #fff; padding: 23px 25px 30px; width: 300px; margin: 53% 0 0 auto;}

	
	/*----------------------------------------job----------------------------------*/
	#job{padding: 50px 0 60px; margin: 0; position: relative; background:url(../img/top/bg_sp_06.png) no-repeat center top; background-size: cover; width: 100%; }
	#job::before{content: "";background:none; display: none;}
	#job .job_bg{background:url(../img/top/bg_03.png) no-repeat center top; background-size: auto;position: relative; height: auto;}
	#job .job_bg .title_box{width: auto;justify-content: center; display: flex; }
	#job .job_bg .title_box.title_box_1 .box { margin:  0;}
	#job .job_bg .img{padding: 0 0 40px;}
	#job .job_bg .title_box .box {    width: auto; height: auto; }
	#job .job_bg .title_box img{width: auto; height: auto; margin: 0 54px 0 0;}
	#job .job_bg .title_box.title_box_1 { width: auto; height: auto; display: flex; }
	#job .job_bg .title_box.title_box_2 {flex-direction: column; margin: 0 0 20px;}
	#job .job_bg .title_box .box{width: auto; height: auto;}
	#job .job_bg .title_box .box h3{font-size: 16px; padding: 0 0 40px; text-align: center;}
	#job .job_bg .title_box .box h3 span{display: block; padding: 0 0 10px; font-size: 40px; color: #FFDB7B;}
	#job .job_bg .title_box .box a{display: block; font-size: 16px; padding: 20px 0px; width: auto; }
	
	#job .job_bg .title_box .title_tt{font-size: 26px; padding: 0 0 30px; }
	#job .job_bg .title_box .tt{padding: 0 0 67px; width: 100%;}
	#job .job_bg .title_box.title_box_2 a{display: block; border-bottom: 1px solid #000; width: 90%; margin: 0 auto; padding: 0 0px 15px;}
	#job .job_bg .title_box.title_box_2 a .btn{display: flex; align-items: center; justify-content: space-between;}
	#job .job_bg .title_box.title_box_2 a .btn:after{background: url(../img/top/icn_01.png) no-repeat center center; background-size: cover; display: block; content: ""; width: 33px; height: 18px;}
	#job .job_bg .title_box.title_box_2 a .btn p{font-size: 14px;}

}