@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　下層MV
---------------------------------------*/
.mv_lower {
	background-image: url("../images/login/mv.jpg");
}

.mv_lower.contact {
	background-image: url("../images/contact/mv.jpg");
}
.mv_lower.form {
	background-image: url("../images/form/mv.jpg");
}



/*--------------------------------------
　ログイン
---------------------------------------*/
#wpmem_login, #wpmem_reg {
	width: 100% !important;
}
.inputBox {
	display: flex;
	height: 6rem;
	margin-bottom: 2rem;
}
.inputBox:last-child {
	margin-bottom: 0;
}
.inputBox .inputLabel {
	color: #fff;
	width: 30rem;
	border-radius: 5px 0 0 5px;
	padding: 0 0 0 5.5rem;
	display: flex;
	align-items: center;
}
#wpmem_login .inputBox label, #wpmem_reg .inputBox label {
    display: flex !important;
}
.inputBox .inputLabel.id {
	background: #1e2832 url("../images/login/icon_user.png") no-repeat top 47% left 2rem;
	background-size: 1.7rem auto;
}
.inputBox .inputLabel.pw {
	background: #1e2832 url("../images/login/icon_pw.png") no-repeat top 47% left 2rem;
	background-size: 1.7rem auto;
}
.inputBox .inputLabel.email {
	background: #1e2832 url("../images/login/icon_mail.png") no-repeat top 50% left 2rem;
	background-size: 2rem auto;
}
.inputBox .inputField {
	flex: 1;
	margin-bottom: 0 !important;
}
.inputBox .inputField input {
	background: #f2f6fa;
	border: solid 2px #ddd;
	border-radius: 0 5px 5px 0;
	width: 100%;
	height: 100%;
	padding: 0.5rem 2rem;
}
#rememberme {
	margin-top: 3rem;
}
.forget {
	text-align: center;
	margin-top: 3rem;
}
.first {
	border-top: solid 1px #ddd;
	padding: 5rem 0 0;
	margin: 5rem 0 0;
	text-align: center;
}
.first .btn-internal {
	margin: 0 auto;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
legend {
	display: none;
}
.button_div {
	margin-top: 0;
	text-align: center;
}
.btn-internal.non-a input[type="submit"] {
	margin-top: 30px !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
    padding: 0 !important;
    text-align: center !important;
}
#wpmem_login input[type=checkbox] {
    margin: 0 !important;
}
#wpmem_login .link-text {
    padding: 0 !important;
    text-align: center !important;
}
.link-text-register a {
    margin-top: 10px;
}
#wpmem_login .div_text {
    margin: 0 !important;
}



/*--------------------------------------
　お問い合わせ
---------------------------------------*/
#form_area dl {
	display: flex;
	border-bottom: solid 1px #dedede;
	padding: 2rem 0;
}
#form_area dl:nth-child(1) {
	border-top: solid 1px #dedede;
}
#form_area dl dt {
	display: flex;
	align-items: center;
	width: 30rem;
	justify-content: space-between;
}
#form_area dl dd {
	flex: 1;
	padding: 0 0 0 3rem;
	display: flex;
	align-items: center;
	gap: 2rem;
}
#form_area .notice {
	font-size: 1.4rem;
}
#form_area .inputBox {
	background: #f2f6fa;
	border: solid 2px #ddd;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	padding: 1.5rem 2rem;
	margin: 0;
}
#form_area .sec_blue .inputBox {
	background: #fff;
}
#form_area .inputBox[type="tel"] {
	width: 48rem !important;
}
#form_area select {
	background: #f2f6fa;
	border: solid 2px #ddd;
	border-radius: 5px;
	padding: 1.5rem 2rem;
	margin: 0;
}
.must {
	background: #be960a;
	width: 6rem;
	height: 3rem;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}
.nini {
	background: #328cdc;
	width: 6rem;
	height: 3rem;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}

.telBox {
	border: solid 5px #328cdc;
	text-align: center;
	padding: 5rem;
	margin: 0 auto 8rem;
}
.telBox p {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 1.5rem;
	font-weight: 500;
}
.telBox .telImg a {
	pointer-events: none;
}
.telBox .telImg img {
	width: auto;
	height: 4rem;
}
.mfp_ok {
	display: none!important;
}
#mfp_hidden input[type="submit"]{
	display: none!important;
}

#mfp_confirm_table {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
#mfp_confirm_table th,
#mfp_confirm_table td {
	padding: 2rem 0;
	border-bottom: solid 1px #dedede;
}
#mfp_confirm_table tr:first-child th,
#mfp_confirm_table tr:first-child td {
	border-top: solid 1px #dedede;
}
 #mfp_confirm_table th {
	font-weight: normal;
	 width: 30rem;
	 text-align: left;
}   
#mfp_phase_confirm_inner h4  {
	text-align: center;
	margin-bottom: 2rem;
}
.mfp_buttons {
	margin-top: 6rem;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 2rem;
}
.mfp_element_button {
	width: 45rem;
	color: #fff;
    text-align: center;
    font-size: 1.5rem;
    background: url(../images/shared/arr_wh_right.png) no-repeat right 1.5rem center, linear-gradient(265deg, rgba(0, 90, 180, 1) 0%, rgba(50, 140, 220, 1) 100%);
    background-size: 7px auto, auto;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    line-height: 1.6;
    padding: 18px 10px;
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: all 0.4s;
}
#mfp_button_cancel {
	border: solid 2px #005ab4;
	background: #fff;
	color: #005ab4;
}
.mfp_err {
	font-size: 12px;
	color: red;
	line-height: 1.5;
}


/*--------------------------------------
　THANKS
---------------------------------------*/
.thanks {
	text-align: center;
	margin-bottom: 4rem;
}
.thanks span {
	font-weight: 600;
	color: #328cdc;
	font-size: 2.4rem;
}
.thanks_profile {
	border: solid 3px #328cdc;
	text-align: center;
	padding: 3rem;
	max-width: 600px;
	margin: 0 auto;
}
.thanks_profile h3 {
	font-weight: 600;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	
}





@media screen and (max-width: 768px) {
	
/*--------------------------------------
　ログイン
---------------------------------------*/
.inputBox {
	display: flex;
	flex-direction: column;
	height: inherit;
	margin-bottom: 2rem;
}
.inputBox .inputLabel {
	width: 100%;
	border-radius: 5px 5px 0 0;
	padding: 1rem 0 1rem 5.5rem;
	display: flex;
	align-items: center;
}
.inputBox .inputField {
	flex: 1;	
}
.inputBox .inputField input {
	border-radius: 0 0 5px 5px;
	padding: 1.1rem 2rem;
}


/*--------------------------------------
　お問い合わせ
---------------------------------------*/
#form_area dl {
	display: flex;
	flex-direction: column;
	border-bottom: solid 1px #dedede;
	padding: 2rem 0;
}
#form_area dl:nth-child(1) {
	border-top: solid 1px #dedede;
}
#form_area dl dt {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 1rem;
}
#form_area dl dd {
	padding: 0;
	gap: 0.3rem;
	flex-direction: column;
	align-items: flex-start;
}
#form_area .notice {
	font-size: 1.2rem;
}
#form_area .inputBox {
	border-radius: 2px;
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
	margin: 0;
}
#form_area .inputBox[type="tel"] {
	width: 100% !important;
}
.must {
	width: 5rem;
	height: 2.5rem;
	font-size: 1.1rem;
}
.nini {
	width: 5rem;
	height: 2.5rem;
	font-size: 1.1rem;
}

.telBox {
	border: solid 4px #328cdc;
	padding: 3rem 2rem;
	margin: 0 auto 6rem;
}
.telBox p {
	font-size: 1.7rem;
	margin-bottom: 1rem;
}
.telBox .telImg a {
	pointer-events:auto;
}
.telBox .telImg img {
	width: auto;
	height: 2.5rem;
}
	
#mfp_confirm_table {
	max-width: 100%;
}
.content.form #mfp_phase_confirm{
	max-width: 88%;
	margin: 0 auto;
}
#mfp_confirm_table th,
#mfp_confirm_table td {
	width: 100%;
	display: block;
}
#mfp_confirm_table tr:first-child td {
    border-top: none;
}
 #mfp_confirm_table th {
	 width: 100%;
	 border-bottom: none;
	 padding: 2rem 0 0;
}   
#mfp_confirm_table td {
	padding-top: 1rem;
}
.mfp_buttons {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 0;
}
.mfp_element_button {
	width: 100%;
}


	
	
	
/*--------------------------------------
　THANKS
---------------------------------------*/
.thanks {
	margin-bottom: 3rem;
}
.thanks span {
	font-size: 1.9rem;
}
.thanks_profile {
	padding: 2rem;
	max-width: 600px;
	margin: 0 auto;
}
.thanks_profile h3 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	
}	
	
}