@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　facility
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-txt-lead {
	position: absolute;
	right: calc((100vw - 1340px)/2);
	z-index: 50;
	margin-top: -160px;
	padding-right: 20px;
	font-size: min(1.5vw, 2.3rem);
	line-height: 1.8;
	text-align: left;
	transition-delay: 2s;
}

@media screen and (max-width: 1340px) {
	.page-txt-lead {
		right: 0;
	}
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* page-nav-area
-----------------------------------------------------------------*/
.page-nav-area{
	padding: 160px 0 0;
	background: var(--beige);
}
.page-nav{
	justify-content: space-between;
	max-width: 1295px;
	margin-inline: auto;
}
.page-nav li{
	max-width: 230px;
	width: calc((100% - 40px)/5)
}


/* sec
-----------------------------------------------------------------*/
.sec{
	padding: 160px 0;	
}
.sec .pic{
	max-width: 532px;
	width: 40.923%;
}
.sec .txt-area{
	width: 51.08%;
}
.sec .txt-area h2{
	margin-bottom: 40px;
	font-size: min(3.39vw, 5.2rem);
	line-height: 1;
}
.sec .txt-area .txt-lead{
	text-align: left;
	font-size: min(1.76vw, 2.7rem);
	line-height: 1.6;
}
.sec .txt-area .btn-view-more{
	margin: 70px 0 0 auto;
}


/* sec01  ------------------------------*/
.sec01{
	background: var(--beige);
}
.sec01 .layout-box{
	flex-direction: row-reverse;
}


/* sec03  ------------------------------*/
.sec03{
	background: var(--beige);
}
.sec03 .layout-box{
	flex-direction: row-reverse;
}


/* sec05  ------------------------------*/
.sec05{
	background: var(--beige);
}
.sec05 .layout-box{
	flex-direction: row-reverse;
}








/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  
  .page-ttl{
    padding-bottom: 50px;  
  }
  .page-txt-lead {
    position: static;
    margin-top: 50px;
    padding: 0 20px;
    font-size: 1.7rem;
  }


/* page-nav-area
-----------------------------------------------------------------*/
  .page-nav-area{
    padding: 60px 0 0;
  }
  .page-nav{
    flex-wrap: wrap;
  }
  .page-nav li{
    max-width: none;
    width: calc(50% - 10px);
  }
  .page-nav li:nth-child(n+3){
    margin-top: 20px; 
  }


/* sec
-----------------------------------------------------------------*/
  .sec{
    padding: 110px 0;	
  }
  .sec .pic{
    max-width: none;
    width: 100%;
    margin-top: 40px;
  }
  .sec .txt-area{
    width: 100%;
  }
  .sec .txt-area h2{
    margin-bottom: 20px;
    font-size: 2.7rem;
    line-height: 1.5;
  }
  .sec .txt-area .txt-lead{
    font-size: 1.8rem;
  }
  .sec .txt-area .btn-view-more{
    margin: 30px 0 0 auto;
  }





}