@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
	.sectionHeader {
		margin-bottom: 4.2em;
	}
	.sectionHeader .enttl {
		letter-spacing: 0.1em;
		line-height: 0.78em;
		padding-bottom: 0;
		border-bottom: 1px solid #b89e52;
	}
	.sectionHeader .enttl + span {
		display: block;
		text-align: center;
		font-size: 0.8em;
		margin-top: 0.5em;
	}

	.entryBody .sectionHeader .enttl {
		color: #000;
		border-color: #000;
	}

@media screen and (max-width: 1200px) {
	.sectionHeader {
		margin-bottom: 2.2em;
	}
}
/* ***************************************************************************************************
	PAGE
*************************************************************************************************** */

	.pt-login_01 {
		display: flex;
		justify-content: space-between;
		padding: var(--site-marpad-M) 0;
	}
	.pt-login_01 > * {
		width: 46%;
	}


@media screen and (max-width: 1200px) {
	.pt-login_01 {
		display: block;
		/*margin-top: var(--site-marpad-M);*/
	}
	.pt-login_01 > * {
		width: 90%;
		margin: 2em auto 0;
	}
	.pt-login_01 > * > *:not(header) {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1200px) {
	.pt-login_01 {
		padding-top: var(--site-marpad-M);
	}
}




/* loginIntroBgWrap
------------------------------------------------------------------------ */
	.loginIntroBgWrap {
		background: #d7f2bd url("../images/share/bg_01.jpg") center top / cover no-repeat;
	}

@media screen and (max-width: 1200px) {
	.loginIntroBgWrap {
		/*padding-top: var(--site-stickyHeader-height);*/
	}
}


/* ------------------------------------------------------------------------
 loginContainer
------------------------------------------------------------------------ */
	.loginContainer {
		/*padding-top:	calc(180px - 2em);*/
		padding-top: clamp(100px, (160 / 1920 * 100vw), 160px);
		padding-bottom:	clamp(100px, (180 / 1920 * 100vw), 180px);
	}
	
	
	

	/* limLoginSection
	---------------------------------------------------- */
	.limLoginBody {
	}
	.limLoginBody .txtBox {
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 2;
		text-align: center;
		letter-spacing: .05em;
		margin-bottom: 40px;
	}
	/* loginForm
	---------------------------------------------------- */
	.loginForm {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.05em;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 60px;
	}
	.loginForm .pxBox {
		width: calc(100% - 34px - 15px);
		max-width: 350px;
	}
	.loginForm #text-box-for-pw {
		/*width: 90%;*/
		width: 100%;
		/*max-width: 350px;*/
		line-height: 1;
		font-family: var(--site-font_family-en_1);
		font-size: 1.6rem;
		text-align: left;
		letter-spacing: .1em;
		background: #f0e6c8;
		margin: 0;
		padding: 1.25em 1em;
		border: 1px solid #e6e6e6;
		border-radius: 0;
		box-shadow: 5px 3px 10px rgba(0, 0, 0, .05) inset;
	}
	.loginForm #text-box-for-pw:focus-visible {
		background: #FFF;
		outline: 0px;
	}
	.loginForm #text-box-for-pw:-ms-input-placeholder {		line-height:1;	color:#777;letter-spacing:.1em;padding:.9em 0;}
	.loginForm #text-box-for-pw::-moz-placeholder {			line-height:1.4;color:#777;letter-spacing:.1em;padding:.3em 0;}
	.loginForm #text-box-for-pw::-webkit-input-placeholder {line-height:1;	color:#777;letter-spacing:.1em;padding:.3em 0;}
	.loginForm .submitBox {
		align-self: stretch;
		display: flex;
		align-items: center;
		background: url(../images/share/bg_btntxture01.jpg) top center no-repeat;
		padding: 3px 15px;
	}
	.loginForm #submit-btn {
		cursor: pointer;
		border: none;
		display: inline-block;
		width: 34px;
		height: 34px;
		background: url("../images/share/ico_arr_login.svg") center center / contain no-repeat;
		transition: transform .18s ease-out;
	}
@media screen and (max-width: 1200px) {
	.loginForm {margin-bottom: 30px;}
}

/* hover
	---------------------------------------------------- */
@media (hover: hover) and (pointer: fine), (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.loginForm #submit-btn:hover {
			transform: translateX(3px);
		}

	}
	.loginForm #submit-btn:focus-visible {
		transform: translateX(3px);
	}


@media screen and (max-width: 1200px) {
	.loginContainer {
		padding-top:	calc(120px - 2em);
		padding-bottom:	calc(120px + 2em);
	}
	/* limLoginSection
	---------------------------------------------------- */
	.limLoginBody .txtBox {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 736px) {
	.loginContainer {
		padding-top:	calc(20px + 12vw);
		padding-bottom:	calc(50px + 12vw);
	}
	/* limLoginSection
	---------------------------------------------------- */
	.limLoginHeading {
		letter-spacing: .17em;
	}
	.limLoginBody {
		margin-top: 50px;
	}
	.limLoginBody .txtBox {
		margin-bottom: 20px;
	}
	/* loginForm
	---------------------------------------------------- */
	.loginForm #text-box-for-pw {
		font-size: 1.6rem;
		letter-spacing: .05em;
		padding: .9em 1.25em;
	}
}
@media screen and (max-width: 400px) {
	/* limLoginSection
	---------------------------------------------------- */
	.limLoginBody .txtBox {
		text-align: left;
	}
	.limLoginBody .txtBox .inbl {
		display: inline;
	}
}




/* ------------------------------------------------------------------------
 entryContainer
------------------------------------------------------------------------ */
	.entryBox {
		padding: 0 0 var(--site-marpad-S);
	}
	.entryBox .limLoginHeading .hTxt {
        color: #41baae;;
	}
   .entryBox .txtBox {
	   margin-bottom: 60px;
    }
	.entryBox [class*="generalBtnUnit"] {
		font-size: 1.0em;
	}
@media screen and (max-width: 1200px) {
   .entryBox .txtBox {
	   margin-bottom: 30px;
    }
}
@media screen and (max-width: 736px) { /*{SP}*/
	.entryBox [class*="generalBtnUnit"] {
		max-width:350px;
	}
}

@media screen and (max-width: 736px) { /*{SP}*/
   .entryBox .txt {
        text-align: left;
    }
}







/* ------------------------------------------------------------------------
goldBgBox
------------------------------------------------------------------------ */
    .goldBgBox {
        color: #42210b;
        background:rgba(240,224,194,0.56);
        border: 1px solid rgba(174, 153, 114, 0.8);
        padding: 3em;
    }
    .goldBgBox + .goldBgBox {
        margin-top: 30px;
    }
@media screen and (max-width: 1200px) {
    .goldBgBox {
		margin-top: var(--site-marpad-XL);
	}
}
@media screen and (max-width: 736px) {
    .goldBgBox {
        margin-top: var(--site-marpad-XXL);
        padding: 3em 1.5em;
    }
}
@media screen and (max-width: 480px) {
    .goldBgBox + .goldBgBox {
        margin-top: 20px;
    }
}


/* ------------------------------------------------------------------------
raijoinfoWrap
------------------------------------------------------------------------ */
	.raijoinfoWrap .generalBtnUnit:not([href]) {
		width: 100%;
		max-width: 800px;
		line-height: 1.6;
		font-size: 2.2rem;
		letter-spacing: .08em;
		margin-top: .65em;
        background: linear-gradient(to right, rgba(var(--site-specificColor-lim),.67) 0%, rgba(var(--site-specificColor-lim),1) 42% 58%, rgba(var(--site-specificColor-lim),.67) 100%);
        background: linear-gradient(to right, #bb4332 0%, #d67a6d 49% 51%, #b23826 100%);
	}
	.raijoinfoWrap .generalBtnUnit:not([href]) .label {
		display: block;
		padding: 0 0 .1em;
	}
@media screen and (max-width: 900px) {
	.raijoinfoWrap .generalBtnUnit:not([href]) {
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 480px) {
	.raijoinfoWrap .generalBtnUnit:not([href]) {
		font-size: 1.6rem;
	}
}


/* ------------------------------------------------------------------------
onlineinfoWrap
------------------------------------------------------------------------ */
    /*.onlineinfoWrap {
        color: #42210b;
        background:rgba(240,224,194,0.56);
        border: 1px solid rgba(174, 153, 114, 0.8);
        padding: 3em;
    }*/
    .onlinePro .limTxt{
        background-color: rgba(var(--site-specificColor-lim-active), 1);
        padding: 0.15em 0.8em 0.3em;
        color: #fff;
    }

    .onlinePro .priority {
        margin-top: 1.5em;
        display: inline-block;
        position: relative;
        padding: 0.4em 1.2em 0.5em ;
        color: #fff6c8;
        text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 2px rgba(0,0,0,0.7);
        background: linear-gradient(to right, #a24111 0%,#ce815b 50%,#992e0d 100%);
    }

/*@media screen and (max-width: 1200px) {
    .onlineinfoWrap {
		display: block;
		margin-top: var(--site-marpad-XL);
	}
}
@media screen and (max-width: 736px) {
    .onlineinfoWrap {
        margin-top: var(--site-marpad-XXL);
        padding: 3em 1.5em;
    }
}*/

	
/*onlineProMerit*/
	.onlineProMerit {
		max-width: 800px;
		margin-left:auto;
		margin-right:auto;
		padding: 20px clamp(30px, (30 / 1200 * 100vw), 40px) 30px;
		color: #fff6c8;
		background: linear-gradient(to right, #a24111 0%,#ce815b 50%,#992e0d 100%);
	}
	.onlineProMerit dl {
		margin-top:1em;
	}
	.onlineProMerit .onlineProMeritTxtUnit {
		margin-top:1em;
	}
	.onlineProMerit .onlineProMeritTxtUnit dt {
		padding:0.3em 0;
		font-size:1.4em;
		line-height: 1;
		color:#fff6c8;
		background: #5a2a0a;
	}
	.onlineProMerit .onlineProMeritTxtUnit dd {
		padding:0.5em;
		line-height: 1.4;
		color: #333;
		background: #fff;
	}
@media screen and (max-width: 640px) {
	.onlineProMerit .onlineProMerit {
		padding: 10px 25px 20px;
	}
	.onlineProMerit .onlineProMeritTxtUnit dd {
		padding:0.5em 1em;
	}
}