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

/* ------------------------------

common

------------------------------ */
#application_otherplan a {
	text-decoration:underline;
	color:#009;
}


/* ------------------------------

お問合せ

------------------------------ */
#application_otherplan .catch {
	background-color: #e2ff21;
	color: #111;
}

#application_otherplan .h2+p,
#application_otherplan .h2+p+p,
#application_otherplan .h2+p+p+p {
	text-align: center;
	margin-bottom: 30px;
}

/*スマホ*/
@media (man-width: 767px) {
#application_otherplan .h2+p {text-align: left;}

#application_otherplan .h2+p+p {text-align: left;}
}

/* ------------------------------

お問合せ（フォーム）

------------------------------ */
/*フォームのデフォルトのスタイルを削除*/
#application_otherplan input,
#application_otherplan button,
#application_otherplan select,
#application_otherplan textarea {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*チェックボックス*/
#application_otherplan .checkbox input[type="checkbox"] {
	display: none;
}

#application_otherplan .checkbox span {
	padding-left: 20px;
	position: relative;
}

#application_otherplan .checkbox span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 3px;
}

#application_otherplan .checkbox input[type="checkbox"]:checked + span:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}

/*ラジオボタン*/
#application_otherplan .radio label {
	margin-right: 20px;
}

#application_otherplan .radio input[type="radio"] {
	display: none;
}

#application_otherplan .radio span {
	padding-left: 20px;
	position: relative;
}

#application_otherplan .radio span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 100%;
}

#application_otherplan .radio input[type="radio"]:checked + span:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #000;
}

/*入力系*/
#application_otherplan input[type="text"],
#application_otherplan input[type="tel"],
#application_otherplan input[type="email"],
#application_otherplan select,
#application_otherplan textarea {
	border: 1px solid #ccc;
	display: block;
	width: 100%;
	padding: 10px;
	border-radius: 3px;
}

#application_otherplan textarea {height: 120px;}

/*送信ボタン*/
/*inputはafterが使えない*/
#application_otherplan input[type="submit"],
#application_otherplan a.btn2 {
	padding: 20px 60px;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

#application_otherplan a.btn2 {
	text-decoration: none;
}

#application_otherplan .btn1 {
	background-color: #000;
	border: 1px solid #000;
}

#application_otherplan .btn2 {
	background-color: #ccc;
	border: 1px solid #ccc;
}

/*PC・タブレット*/
@media (min-width: 768px) {
#application_otherplan .btn1,
#application_otherplan .btn2 {
	display: inline-block;
	width: auto;
	transition: all 0.3s;
	cursor: pointer;
}

#application_otherplan .btn1:hover,
#application_otherplan .btn2:hover {
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
}

#application_otherplan .form_btn {
	text-align: center;
	margin-top: 30px;
}

#application_otherplan input[type="submit"] + input[type="submit"] {margin-left: 10px;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
#application_otherplan label {
	padding: 10px;
	background-color: #eee;
	margin-bottom: 10px;
	border-radius: 3px;
}

#application_otherplan .btn1,
#application_otherplan .btn2 {
	display: block;
	width: 100%;
}

#application_otherplan .form_btn .btn2+.btn1 {margin-top: 20px;}
#application_otherplan input[type="submit"] + input[type="submit"] {margin-top: 15px;}
}

/* --------------------

お問合せ（テーブル）

-------------------- */
#application_otherplan dt {
	font-weight: bold;
	font-size: 18px;
}

/*PC・タブレット*/
@media (min-width: 768px) {
#application_otherplan dl {
	letter-spacing: -.4em;
}
#application_otherplan dt,
#application_otherplan dd {
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
#application_otherplan dt {width: 30%;}
#application_otherplan dd {width: 70%;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
#application_otherplan dt {
	margin: 20px 0 10px;
}

#application_otherplan dd {
	margin-bottom: 10px;
}
}

#application_otherplan .notes {
	font-size: 80%;
	padding: 20px;
	border: 1px #ccc solid;
	border-radius: 4px;
	margin: 20px 0;
}

#application_otherplan .notes header {
    font-weight:  bold;
    color: #f00;
}

#application_otherplan dt span {
	margin-left: 4px;
	color: #F00;
	font-size: 90%;
}

#application_otherplan .caution {
	color: #F00;
	font-size: 80%;
}

#application_otherplan .terms {
	text-align: center;
	margin: 30px 0;
}
@media screen and (max-width: 767px) {
#application_otherplan .terms {
	margin: 40px 0;
}
#application_otherplan .terms label {width: 100%;}
}

#application_otherplan .errMes .err {
	border: 2px solid #f00;
	padding: 20px;
	margin-bottom: 40px;
	color: #f00;
}