@charset "utf-8";
/* ======================================================

SP

====================================================== */
/* -----------------------------------------------------
テキストインプット
-------------------------------------------------------*/
.normalInput {
		height: 50px;
		width: 100%;
		border: 1px solid #D0D0D0;
		border-radius: 3px;
		padding: 0 10px 0;
		box-sizing: border-box;
		-webkit-appearance: none;
		font-family: inherit;
		font-size: 100%;
}
.normalTextarea {
		height: 180px;
		width: 100%;
		border: 1px solid #D0D0D0;
		border-radius: 3px;
		padding: 10px;
		box-sizing: border-box;
		-webkit-appearance: none;
		font-family: inherit;
		font-size: 100%;
}
.normalInput, .normalTextarea {
		background: #fff;
}
.normalInput:focus, .normalTextarea:focus {
		outline: none;
		background: #F4FAFF;
}
input.normalInput, textarea.normalTextarea {
		color: #000;
		width: 100%;
		font-size: 1.4rem;
}
input.normalInput::-webkit-input-placeholder, textarea.normalTextarea::-webkit-input-placeholder {
		color: #888;
		font-size: 1.4rem;
		font-family: 'Roboto', sans-serif;
}
input.normalInput:-ms-input-placeholder, textarea.normalTextarea:-ms-input-placeholder {
		color: #888;
		font-size: 1.4rem;
		font-family: 'Roboto', sans-serif;
}
input.normalInput::-moz-placeholder, textarea.normalTextarea::-moz-placeholder {
		color: #888;
		font-size: 1.4rem;
		font-family: 'Roboto', sans-serif;
}
/* -----------------------------------------------------
セレクトメニュー
-------------------------------------------------------*/
.normalSelect {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		padding-left: 0;
}
.normalSelect select:focus {
		outline: none;
		/*background: #fffde7;*/
}
.normalSelect select {
		font-size: 1.4rem;
		font-weight: bold;
		padding: 0 10px !important;
		padding-right: 38px;
		margin: 0;
		border-radius: 3px;
		text-indent: 0px;
		text-overflow: ellipsis;
		-webkit-appearance: button; /* hide default arrow in chrome OSX */
		border: 1px solid #D0D0D0;
		cursor: pointer;
		width: 85px;
		height: 38px;
		/*		text-align: -webkit-center;
		text-align: center;*/
		background-color: #fff;
		color: #000;
}
.normalSelect select option {
		/*color: rgba(78, 0, 0, 1);*/
}
.normalSelect::before, .normalSelect::after, .selected::before, .selected::after {
		content: "";
		position: absolute;
		pointer-events: none;
}
/*矢印指定*/
.normalSelect::after, .selected::after {
		content: "";
		right: 10px;
		top: 50%;
		margin-top: -3px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 5px 0 5px;
		border-color: #C2C2C2 transparent transparent transparent;
}
/*右側矢印のBOX*/
.normalSelect::before, .selected::before { /*  Custom dropdown arrow cover */
		width: 38px;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 0 3px 3px 0;
		background-color: #fff;
		border: 1px solid #D0D0D0;
		border-left: none;
}
/* -----------------------------------------------------
チェックボックス
-------------------------------------------------------*/
.cbInput {
		display: none;
}
/*文字設定*/
.cbInput + label {
		padding: 10px 5px 10px 35px;
		position: relative;
		line-height: 1;
		cursor: pointer;
		display: inline-block;
		font-size: 1.2rem;
		transition: all 0.5s ease;
		margin-bottom: 5px;
}
/*追加*/
#ifrs_popup .cbInput + label {
		width: 300px;
		font-size: 1.3rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: top;
}
.cbInput + label:hover {
		background: #f0f0f0;
}
/*チェックボックスの形・色*/
.cbInput + label::before {
		content: "";
		display: block;
		position: absolute;
		/*		top: 0;
		left: 0;*/
		width: 25px;
		height: 25px;
		border: 2px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		background-color: #fff;
		top: 50%;
		left: 5px;
		transform: translateY(-50%);
}
/*チェックした時の文字色*/
.cbInput:checked + label {
		color: #4F4F4D;
}
/*チェックした時のボックス*/
.cbInput:checked + label::before {
		background: #449DF5;
		border: 1px solid #449DF5;
}
/*チェックした時のチェックのカタチ*/
.cbInput:checked + label::after {
		content: "";
		display: block;
		position: absolute;
		/*top: 3px;*/
		left: 13px;
		width: 5px;
		height: 12px;
		/*transform: rotate(50deg);*/
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		top: 50%;
		transform: translateY(-50%) rotate(50deg);
		margin-top: -2px;
}
/* -----------------------------------------------------
ラジオボタン
-------------------------------------------------------*/
.radioInput {
		display: none;
}
.radioInput + label {
		position: relative;
		margin-right: 20px;
		line-height: 1;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;
		padding: 0px 0 5px 32px;
}
.radioInput + label::before {
		content: "";
		display: block;
		position: absolute;
		top: -3px;
		left: 0;
		width: 22px;
		height: 22px;
		border: 2px solid #ccc;
		border-radius: 50%;
		box-sizing: border-box;
}
.radioInput:checked + label {
		color: #333;
}
.radioInput:checked + label::before {
		background: #fff;
		border: 2px solid #ccc;
}
.radioInput:checked + label::after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 6px;
		width: 10px;
		height: 10px;
		background: #449DF5;
		border-radius: 50%;
}
/* -----------------------------------------------------
サブミットボタン
-------------------------------------------------------*/
.formbtn {
		display: block;
		font-size: 1.6rem;
		font-weight: 700;
		width: 100%;
		height: 49px;
		background: #449DF5;
		border: 2px solid #449DF5;
		color: #fff;
		margin: 30px auto 0;
		border-radius: 4px;
		position: relative;
		cursor: pointer;
		transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, opacity 0.5s ease, background-position 0s;
}
.forBusinesses .formbtn {
		background: #071B5D;
		border: 2px solid #071B5D;
}
.formPage .formbtn {
		margin-top: 30px;
}
.formbtn::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%) rotate(45deg);
}
.backBtn {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 700;
		border: none;
		background: #fff url("/img/back_icon@3x.png") no-repeat center left / 36px auto;
		cursor: pointer;
		transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, opacity 0.5s ease, background-position 0s;
		padding: 10px 0 10px 57px;
		margin: 10px 0 30px;
		-webkit-appearance: none;
		color: #000;
}
.formbtn:hover, .backBtn:hover {
		opacity: 0.6;
}
/* ======================================================

768px以上

====================================================== */
@media (min-width: 600px) {
		/*--------------------------------------------------------
	▲メディアクエリSTART
--------------------------------------------------------*/
		.formbtn {
				height: 60px;
				font-size: 1.8rem;
		}
		input.normalInput, textarea.normalTextarea {
				font-size: 1.6rem;
		}
		input.normalInput::-webkit-input-placeholder, textarea.normalTextarea::-webkit-input-placeholder {
				font-size: 1.6rem;
		}
		input.normalInput:-ms-input-placeholder, textarea.normalTextarea:-ms-input-placeholder {
				font-size: 1.6rem;
		}
		input.normalInput::-moz-placeholder, textarea.normalTextarea::-moz-placeholder {
				font-size: 1.6rem;
		}
		.cbInput + label {
				font-size: 1.6rem;
				padding-bottom: 15px;
		}
		.formPage .formbtn {
				margin-top: 50px;
		}
		.backBtn {
				margin: 20px 0 50px;
		}
		/*--------------------------------------------------------
	▼メディアクエリEND
--------------------------------------------------------*/
}