@charset "utf-8";
.c-green { color: #8c7d5a; }
.err {
	color: #ff0000;
	font-size: 14px;
	margin: 0 0 5px;
}
.content-area {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}
.sec-inner {
  max-width: 1240px;
  margin: 0 auto;
  width: calc(100% - 30px);
}

.sec-head {
  background: linear-gradient(to right,  rgba(79,40,0,1) 0%,rgba(121,80,0,1) 50%,rgba(79,40,0,1) 100%);
  padding: 25px 0;
}
.sec-head > h2 > span {
  color: #FFF;
  display: block;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.sec-head > h2 > span:first-child {
  font-size: 24px;
  font-weight: 500;
}
.sec-head > h2 > span:last-child {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .sec-head {
    padding: 35px 0;
  }
}

/* .sec-limited */
.sec-limited {
  background: #f2f2f2;
  padding: 145px 0;
}
.sec-limited .login p { line-height: 2.3; font-size: 20px;}
.sec-limited .login  #pwBox {
	width: 450px;
	margin: 70px auto;
	border: solid 1px #000;
	padding: 30px 50px;
}
.sec-limited .login  #pwBox form {
	display: flex;
}
.sec-limited .login  #pwBox p { text-align: left; font-size: 90%;}
.sec-limited .login  #pwBox p.nopass { text-align: center; margin-top: 5px; font-size: 110%;}
.sec-limited .login  #pwBox p.nopass a { color: #0000ff; text-decoration: underline;}
.sec-limited .login #password {
	font-size: 14px;
	padding: 1em;
	width: 100%;
	display: block;
	border-radius: 0;
	border: none;
	background-color: #fff;
  outline: none;
}
.sec-limited .login #pwBtn {
	border: none;
    background-color: #8c7d5a;
    color: #fff;
	cursor: pointer;
    font-size: 15px;
    padding: 0 1em;
	transition: .5s opacity;
}
.sec-limited .login #pwBtn:hover {
	opacity: 0.7;
}
.list-button {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 80px;
  margin-bottom: 80px;
}
.list-button .item {
	background: #fff;
	padding: 40px 50px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.list-button .item .ttl {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.4;
  padding: 0 0 20px;
  margin: 0 0 30px;
  border-bottom: 1px solid #000;
}
.list-button .item .txt {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0;
}
.list-button .item .txt02 {
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0;
	margin-bottom: 120px;
  }
.list-button .item .btns {
	margin-top: auto;
	padding-top: 25px;
}
.list-button .item .btns a {
	display: block;
	background: #8c7d5a;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0;
	padding: 21px 15px;
	transition: .5s opacity;
	text-decoration: none;
}
.list-button .item .btns a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 991px) {
	.sec-limited {
		padding: 100px 0;
	}
	.list-button {
		gap: 40px 30px;
	}
	.list-button .item {
		padding: 30px 15px;
	}
	.list-button .item .ttl {
		font-size: 20px;
		padding: 0 0 15px;
		margin: 0 0 20px;
	}
	.list-button .item .txt {
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	.sec-limited {
		padding: 50px 0;
	}
	.sec-limited .login p {
		line-height: 2.2;
		font-size: 16px;
	}
	.sec-limited .login  #pwBox {
		width: 100%;
		margin: 40px auto;
		padding: 40px 30px;
	}
	.sec-limited .login  #pwBox form {
		display: block;
	}
	.sec-limited .login #pwBtn {
		padding: 13px 15px;
		margin-top: 10px;
		width: 100%;
	}
	.list-button {
		grid-template-columns: auto;
		gap: 15px;
		margin-bottom: 15px;
	}
	.list-button .item .ttl {
		font-size: 18px;
	}
	.list-button .item .txt {
		font-size: 12px;
	}
	.list-button .item .txt02 {
		font-size: 12px;
		margin-bottom: 0;
	}
	.list-button .item .btns a {
		font-size: 18px;
		padding: 15px 10px;
	}
}


.lity {
	background-color: rgba(0,0,0,0.8)!important;
}
.lity-container {
	height: 90vh;
	overflow-y: scroll;
}

.lity-close {
    width: 50px!important;
    height: 50px!important;
    font-size: 80px!important;
    /*line-height: 80px!important;*/
	font-weight: 100!important;
	right: 3%!important;
	font-family: 'Cinzel', serif!important;
	font-weight: lighter;
}

#passWrap {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}
#passWrap #passBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	padding: 80px 50px;
	position: relative;
	overflow-y: auto;
	text-align: center;
}
#passWrap h3.h3Pass {
	font-size: 40px;
	line-height: 1.6;
	font-weight: 100;
	padding-bottom: 80px;
	text-align: center;
}
#passWrap #mails {
	width: 100%;
	max-width: 920px;
	margin: auto;
}
#passWrap .info-area {
    margin: 0 auto ;
}
#passWrap .info-area .info-btn2 li {
	margin: 0 auto 40px;
}
#passWrap #sec01 {
	padding-top: 5%;
	width: 100%;
	max-width: 920px;
	margin: auto;
}
#passWrap #sec01 .lead {
	padding: 40px 0;
	/*text-align: left;*/
	font-size: 18px;
}
#passWrap #sec01 .lead.uLine {
	border-bottom: #000 solid 1px;
}
#passWrap #sec01 .lead.tLine {
	border-top: #000 solid 1px;
}
#passWrap #sec01 p.caption.red {
	font-size: 18px;
	color: #D20003;
	padding-bottom: 40px;
	text-align: center;
}
#passWrap #sec01 .info-area .info-btn1 li a {
	font-size: 20px;
	height: 4.5em;
  	line-height: 4.4em;
}
#passWrap #sec01 .info-area .info-btn1 li {
	width: 80%;
	max-width: 670px;
	margin-top: 0;
}

@media screen and (max-width: 959px) {
	#passWrap h3.h3Pass {
    font-size: clamp(22px, 3.0vw, 24px);
	}
	#passWrap #sec01 .lead {
		font-size: clamp(16px, 2.2vw, 18px);
	}
	#passWrap #sec01 .info-area .info-btn1 li a {
		font-size: clamp(16px, 2.2vw, 18px);
		font-size: 180%;
	}
}

@media screen and (max-width: 767px) {
	#passWrap #passBox {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 40px 15px;
	}
	#passWrap h3.h3Pass {
		font-size: 4.6vw;
    	font-size: clamp(18px, 4.6vw, 18px);
		padding-bottom: 30px;
	}
	#passWrap #sec01 .lead {
		font-size: 3.7vw;
		font-size: clamp(12px, 3.7vw, 12px);
		padding: 25px 0;
	}
	#passWrap #sec01 .info-area .info-btn1 li a {
		font-size: clamp(16px, 2.2vw, 18px);
		font-size: 140%;
	}
	.lity-close {
		right: 0%!important;
		font-size: 45px !important;
	}
	#passWrap .info-area .info-btn2 {
		margin: 0 auto;
	}
	#passWrap #sec01 p.caption.red {
		font-size: 12px;
		padding-bottom: 20px;
		letter-spacing: -0.02em;
	}
	#passWrap .info-area .info-btn2 li {
		margin: 0 auto 30px;
	}
	#passWrap #sec01 .info-area .info-btn1 li a {
		height: 3.5em;
		line-height: 3.4em;
	}
}