/***********************************************************************************************************************

login.css

***********************************************************************************************************************/
#contents{
	padding: 0;
}

header.luxbar-fixed .openbtn span{
  background-color: #fff;
}

header.luxbar-fixed{
	background-color: transparent; /*#393332*/
}

header.luxbar-fixed .logo_white{
display: block;
}
header.luxbar-fixed .logo_black{
display: none;
}
header.luxbar-fixed ul.snav li a{
color: #fff;
}
header.luxbar-fixed ul.snav li::before{
  border-left: 4px solid #fff;
}

/* headerの色を変える ロゴ白黒反転 */
header.luxbar-fixed.change-color {
  background-color: #fff;
}
header.luxbar-fixed.change-color .logo_white{
display: none;
}
header.luxbar-fixed.change-color .logo_black{
display: block;
}
header.luxbar-fixed.change-color ul.snav li a{
color: #000;
}
header.luxbar-fixed.change-color .openbtn span{
  background-color: #666;
}
header.luxbar-fixed.change-color ul.snav li::before{
  border-left: 4px solid #004c4c;
}

.ft_btn_bg{
display: none;
}

/*** hd **********************************/
.hd{
	position: relative;
}
.hd img{
width: 100%;
height: auto;
}

.h1_hd{
width: 100%;
position: absolute;
top:0;
left: 0;
right: auto;
color: #fff;
text-align: center;
}

.h1_hd img{
width: 100%;
height: auto;
}

.h1_small{
	font-size: 22px;
	font-size: clamp(18px, 2vw, 22px);
}


@media screen and (min-width: 768px) {
.hd .sp{
display: none;
}
}

@media screen and (max-width: 767px) {
.hd .pc{
display: none;
}
}


/*** h1〜 **********************************/
/*h1{
	font-size: 3.2rem;
	font-size: 32px;
	color: #8e6930;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 0.6em;
}*/

h2.h2_entry{
	font-size: 30px;
	font-size: clamp(20px, 3vw, 30px);
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 0.6em;
}

h4.h4_entry{
	font-size: 22px;
	line-height: 1.6em;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 0 0 10px;
	margin: 0 0 15px;
	border-bottom: 1px solid #000;
}


h5.h5_step{
	font-size: 21px;
	margin-bottom: 10px;
	color: #76571b;
}
h5.h5_step .num{
	position: relative;
	display: block;
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.1em;
	padding: 8px 0;
	margin-bottom: 18px;
	border-bottom: 1px solid #76571b;
}
h5.h5_step .num:after{
	content: "";
	position: absolute;
	right: -3px;
	bottom: 6px;
	width: 20px;
	height: 1px;
	background-color: #76571b;
	transform: rotate(45deg);
}

p.caution{
	text-align: center;
}
p.p_privacy{
	text-align: center;
}
p.p_privacy a{
	color: #777;
	text-decoration: underline;
}
p.p_privacy a:hover{
	color: #000;
	text-decoration: none;
}
.sec_entry p.cap11{
	width: 100%;
	max-width: 500px;
	margin: 20px auto 0;
}


.txt_serif{
	font-family: 'Noto Serif JP', serif;
}


@media screen and (max-width: 767px) {
/*h1{
	font-size: 2.2rem;
	font-size: 22px;
}*/
/*h2.h2_entry{
	font-size: 1.8rem;
	font-size: 18px;
}*/
h4.h4_entry{
	font-size: 18px;
}

h5.h5_step{
	font-size: 18px;
}
h5.h5_step .num{
	font-size: 16px;
}
.resp_autowrap{
display: inline-block;
}
}



/*** sec_login **********************************/
.sec_login{
	padding: 6% 0 4%;
}
.sec_login .pankuzu{
margin-bottom: 80px;
}

.sec_entry{
	padding: 6% 0;
	margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
.sec_login{
	padding: 10% 0 8%;
}
.sec_entry{
	padding: 10% 0;
}
}

/*******************************
pass-box
********************************/
.pass-box{
	max-width:600px;
	margin: 30px auto 0;
	padding:0;
	text-align: center;
}
.pass-box p{
	color:#fff;
	margin-bottom: 20px;
}
#error{
	color:#FF0000;
	text-align:center;
	margin: 15px 0 0;
}

p.p_news{
	font-size: 18px;
	font-size: clamp(14px, 2vw, 18px);
	margin: 1.4em auto 0;
	text-align: center;
}


@media screen and (max-width: 767px) {
.pass-box{
	margin: 20px auto 0;
}
p.p_news .resp_autowrap{
display: inline-block;
}
}



/*** btn_entry **********************************/
.btn_entry{
	width: 100%;
	max-width: 300px;
	margin: 30px auto 0;
	text-align: center;
}
.btn_entry p{
padding: 0;
}
.btn_entry p a{
position: relative;
	display: block;
	font-size: 18px;
	font-size: 600;
	text-align: center;
	text-decoration: none;
	color: #fff;
	height: 55px;
	line-height: 55px;
	padding: 0;
	background: rgb(164,201,148);
 background: linear-gradient(270deg, rgba(164,201,148,1) 0%, rgba(0,76,76,1) 100%);
}
.btn_entry p a .txt{
position: relative;
font-size: 22px;
font-size: clamp(18px, 2vw, 22px);
z-index: 2;
}
.btn_entry p a .bg{
position: absolute;
top:0;
left: 0;
display: inline-block;
width: 100%;
height: 55px;
background: rgb(164,201,148);
background: linear-gradient(90deg, rgba(164,201,148,1) 0%, rgba(0,76,76,1) 100%);
transition: all .3s linear;
}
.btn_entry p a:hover .bg{
opacity: 0;
}

@media screen and (max-width: 767px) {
.btn_entry{
	margin: 20px auto 0;
}
}



/*** sec_entry **********************************/
.sec_entry{
background-color: #f2f5ef;
}
.entry_pc{}
.entry_sp{display: none;}

@media screen and (max-width: 800px) {
.entry_pc{display: none;}
.entry_sp{display: block;}
}



/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print {

}