@charset "UTF-8";


/*slide
--------------------------------------*/
.slide {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
 
.slide img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 500px;
  opacity: 0;
  animation :slideshow 48s linear infinite;
  object-fit: cover;
  margin-top: 60px;
}
 
.slide img:nth-child(2){
  animation-delay: 8s;
}

.slide img:nth-child(3){
  animation-delay: 16s;
}

.slide img:nth-child(4){
  animation-delay: 24s;
}

.slide img:nth-child(5){
  animation-delay: 32s;
}

.slide img:last-child{
  animation-delay: 40s;
}

@keyframes slideshow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  15%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }

	35%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.slide-pc {
	display: none;
}

/*--topTitle--*/


.titleBox {
	text-align: center;
	margin: 60px auto; 
	height: 280px;
}

.topTitle {
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);/*320pxの時14px,1200pxの時16px*/
	letter-spacing: 0.1em;
	color: #333;
	text-align: justify;
	-ms-weiting-mode: tb-rl;
	writing-mode: vertical-rl;
}

.top-page {
	margin-bottom: 60px;
}


/*お知らせ
------------------------*/
.newinfo-box{
	line-height: 1.7;
	margin: 40px auto;
	padding: 20px;
	border: solid 1px #333;
	max-width: 90%;
	box-shadow: 8px 8px 0 #D3E3E3;
	
}

.newinfo{
	font-size: 1.2em;
	text-align: left;
	border-bottom: 1px solid #333;
}

.lb {
	font-size: 0.8em;
	font-family: 'Noto Serif JP', serif;
}

.lb-item {
	border-bottom: 1px solid #D3E3E3;
}

.lb dt {
	padding-right: 10px;
}

dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dt {
	width: 30%;
	padding-top: 10px;
	margin-top: 10px;
	background: #D3E3E3;
}

dd {
	width: 70%;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	text-align: left;
	
}

.text-decoration {
	text-decoration: underline;
}

.text-decoration:hover {
	color: #8F2D12;
}

/*トップページ項目名の装飾*/
.box {
  position: absolute;
  right: 4%;
  margin-top: 15px;
  width : 40px;
  height: 230px;
  background-image: linear-gradient(to bottom, rgba(211 227 227), #B4C9C9 100%);
  z-index: 1;
}

.box2 {
  position: absolute;
  right: 4%;
  margin-top: 15px;
  width : 40px;
  height: 300px;
  background-image: linear-gradient(to bottom, rgba(211 227 227), #B4C9C9 100%);
  z-index: 1;
}

.box3 {
  position: absolute;
  right: 4%;
  margin-top: 15px;
  width : 40px;
  height: 240px;
  background-image: linear-gradient(to bottom, rgba(211 227 227), #B4C9C9 100%);
  z-index: 1;
}
.text {
	margin: 20px auto 0 0;
	text-align: justify;
	width: 78%;
}



/*pc版
---------------*/

@media screen and (min-width: 420px) {
	.slide {
		display: none;
	}
	
	.slide-pc {
		display: block;
		position: relative;
  		width: 100%;
  		height: 60vw;
		/*
  		overflow: hidden;*/
	}
	
	.slide-pc img {
		position: absolute;
  		top: 50%;
  		left: 50%;
		transform: translate(-50%, -50%);
		width: 100vw;
		height: 100%;
		opacity: 0;
		animation :slideshow 48s linear infinite;
		object-fit: contain;
		margin-top: 50px;
	}
	
.slide-pc img:nth-child(2){
  animation-delay: 8s;
}

.slide-pc img:nth-child(3){
  animation-delay: 16s;
}

.slide-pc img:nth-child(4){
  animation-delay: 24s;
}
	
.slide-pc img:nth-child(5){
  animation-delay: 32s;
}

.slide-pc img:last-child{
  animation-delay: 40s;
}

.text-name p {
	padding: 0 20%;
}

/*トップテキストの調整----------*/
.titleBox {
	height: 250px;
	margin: 90px auto 60px; 
}
	
.topTitle {
		line-height: 1.9;
}
	
/*お知らせ----------*/
.newinfo-box{
	margin: 50px auto;
	max-width: 80%;
}

}

@media screen and (min-width: 900px) {

.header {
	position: absolute;
	}

.main {
	margin-top: 110px;		
	}
	
.slide-pc {
  		height: 45vw;
	}
	
.slide-pc img {
	object-fit: contain;
	height: 800px;
	
}

/*トップテキストの調整----------*/

.titleBox {
	margin-top: 160px;
	height: 280px;
}
.topTitle {
		line-height: 2.5;
}
	
	
.text-name p {
	padding: 0 32%;
}
.newinfo-box{
	margin: 60px auto;
	max-width: 700px;
}
}