@charset "utf-8";
/* CSS Document */
body{position:relative;}
	.start,.start2,.start3 {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 110%;
	width: 100%;
	z-index: 100;	display: none;

		}
		.start4 {	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 110%;
	width: 100%;display: block;z-index:1;}
		
		.start3{position:relative;}
		.mv > div{position:relative;height: 100%;
	width: 100%;}
.start p,.start2 p,.start3 p {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
	
	z-index: 9999;text-align:center;
	max-width: 900px;width:100%;font-size:36px;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体',"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
}.final {
	background: #FFF;
	position: relative;
	width: 100%;height:100%;
	z-index: 100;text-align:center;
		}
		.final h2{font-size: 50px;margin-bottom: 10px;
    letter-spacing: 12px;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体',"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;}

		
		.mincho{font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体',"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
		}
		
	/* フェードイン時のスタイル */
.fade-block {
	background:#fff;
	position:relative;
	z-index:200;
}


/* ここはただの箱のスタイル */
.button{    -webkit-transition: all .3s;
    transition: all .3s;}
.recruit_btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.075em;
    box-sizing: border-box;
    text-decoration: none;
    padding: 35px;
}

.recruit_btn{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    background-color: #EAEBF2;
    color: #505050;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    outline: 1px solid #909090;
    outline-offset: -12px;
}
.recruit_btn:hover{
		-webkit-transform:  translateY(-10px);
     -moz-transform:  translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform:  translateY(-10px);
          transform:  translateY(-10px);    -webkit-transition: all .3s;
    transition: all .3s;
	
}
footer h1{margin-bottom:10px;}

.newsbox{
   border: 2px solid #999;
    padding: 20px;
    margin-bottom: 30px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: left;
    line-height: 200%;box-sizing: border-box;
}
.newsbox h3{
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 15px;}
.newsbox strong{font-weight:bold!important;}


/* fade */
.inview-fade,
ul.inview-fade li,
ol.inview-fade li,
dl.inview-fade dt,
dl.inview-fade dd {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	
  -webkit-transform: translate3d(0,0,0) scale(1.0);
	     -moz-transform:  translate3d(0,0,0) scale(1.0);
      -ms-transform: translate3d(0,0,0) scale(1.0);
       -o-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
	
  opacity: 0;
}
.inviewed-fade,
ul.inviewed-fade li,
ol.inviewed-fade li,
dl.inviewed-fade dt,
dl.inviewed-fade dd {
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1!important;
}
		html {
 overflow-y: scroll;
}
		.mv p {
  /* 背景グラデーションを指定・幅を 200% にしておく */
  background: linear-gradient(to right, #666 0%, #BCBCBC 71.42%, #9B9B9B 85.71%, #666 100%) 0% center / 200% auto;
  
  /* 背景画像を文字でマスクする */
          background-clip: text;
  -webkit-background-clip: text;
  
  /* 文字色を透明にできればよく color: transparent でも color: rgba(0, 0, 0, 0) でも可 */
          text-fill-color: color: rgba(0, 0, 0, 0);
  -webkit-text-fill-color: color: rgba(0, 0, 0, 0);
  
  /* アニメーション指定 */
  animation: example 12s linear infinite;
}

/* 背景の横位置をズラす */
@keyframes example {
  to { background-position-x: 200%; }
}
.grid3{
			width: 80%;    margin: 0 auto;margin-bottom: 80px;padding-top:40px;}
footer h1 {
			text-align: center;margin-bottom: 30px;}
footer{/*position:absolute;*/position:relative;z-index:10;left:0;right:0;bottom:0;}
.mb40 {
    margin-bottom: 40px;
}
.mb60{margin-bottom: 60px;}
		.r-flex{		    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;min-height: 100%;
    width: 100%;}
		.nopc1{display:none;}
					@media screen and (max-width: 900px){
footer h1 {
    display: block;
    padding: 25px 30px;
			}
			
		}
		@media screen and (max-width: 660px){
			.final {
				height: 120%;}
			
			.final > div {
    position: relative;
				height: 120%;}
			.newsbox {
    border: 2px solid #999;
    padding: 15px;
    margin-bottom: 30px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: left;
    line-height: 180%;
    font-size: 13px;
    box-sizing: border-box;
}.newsbox h3 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
			
.grid3 {
    margin-bottom: 200px;
    width: 90%;
}.mb40 {
    margin-bottom: 30px;
}
			.start p, .start2 p, .start3 p {
    font-size: 20px;    line-height: 200%;
		}.final h2 {
    font-size: 40px;
    margin-bottom: 10px;
}
			.recruit_btn{    font-size: 16px;
				padding: 30px 10px;}
			.nopc1{display:block;}
footer {
    position: relative;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
}
}