@charset "utf-8";

/* エラーメッセージ
-------------------------------------------------*/
.formLayout #errorMessage {
	box-sizing: border-box;
	width:100%;
	background:#FFF;
	border:3px solid rgba(255, 0, 0, 0.8);
	padding:10px;
	margin:20px auto 10px auto;
	color:rgba(255, 0, 0, 0.8);
}

/* 画面別表示/非表示
-------------------------------------------------*/
.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
	display:none;
}

/* フォーム周り
-------------------------------------------------*/
.formLayout input{
	width:95%;
}
.formLayout input.dateArea{
	width:30%;
}
.formLayout input.telArea{
	width:18%;
}
@media screen and (max-width: 640px){
	.formLayout input.dateArea{
		width:95%;
	}
	.formLayout input.telArea{
		width:23%;
	}
}
form#mail_form_yoyaku dl dd span.telHyphen{
	display:inline;
	color:#777;
}
form#mail_form_yoyaku dl dd{
	padding-top:15px;
}
form#mail_form_yoyaku dl dt span.optional,
.formLayout.check_now form#mail_form_yoyaku dl dt span.required{
	display:none;
}
form#mail_form_yoyaku dl p.submit{
  clear:both;
	text-align:center;
}
form#mail_form_yoyaku dl p.submit .btn_submit{
	margin-top:20px;
	width:30%;
}
@media screen and (max-width: 640px){
	form#mail_form_yoyaku dl p.submit .btn_submit{
		margin-top:10px;
		width:60%;
	}
}

form#mail_form_yoyaku input[type="submit"]:focus{
	background : #777;
}

/* フォーム非表示
-------------------------------------------------*/
.formLayout .hiddenArea{
	display:none;
}

/* レイアウト
-------------------------------------------------*/
#yoyaku .yoyakutitle,
#inquiry .inquirytitle{
	height:auto;
}

a#againButton{
	display:block;
}

.msgBox {
	box-sizing: border-box;
	width:100%;
	padding:10px;
	margin:20px auto 10px auto;
	font-size: 1.6em;
	line-height: 1em;
}
.msgBox.error {
	border:1px solid rgba(255, 0, 0, 0.8);
	color:rgba(255, 0, 0, 0.8);
}
.msgBox.notice {
	border:1px solid #85C55D;
	color:#85C55D;
}

/* モバイル
-------------------------------------------------*/
.ip{
height: 100vh; overflow: scroll;  -webkit-overflow-scrolling: touch;
}


/* PC
--------------------------------------------
-------------------------------------------- */
@media screen and (min-width:980px) {
  .is_sp {
    display: none !important;
  }
}

/* SmartPhone
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:979px) {
  .is_pc {
    display: none !important;
  }
}