@charset "utf-8";
@media (max-width: 767px){
/*-----------------------------------------------------
 sp layout
-------------------------------------------------------*/
/* *************************************
ヘッダー
************************************* */
h1#logo {
	width: auto;
	margin: auto;
}
h1#logo img {
	width: 63px;
}

/* *************************************
タイトル
************************************* */
.title {
	margin: 0 auto;
	padding: 10px 5px 10px;
	background: #ca3a50;
}
.title h2 {
	width: auto;
	margin: 0 auto;
	color: #FFFFFF;
	padding: 20px 0;
	font-size: 5vw;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}

/* *************************************
残り項目数
************************************* */
.remain {
	display:none;
	/*
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:136px;
	height:136px;
	background:#d9f2d0;
	border-radius:68px;
	position:fixed;
	top:140px;
	right:60px;
	*/
}
.remain > p {
	color:#00b050;
	font-size:16px;
	font-weight:bold;
}
.remain > p.remain_txt {
	font-size:20px;
}
.remain > p.remain_txt span.remains {
	font-size:40px;
}

/* *************************************
ナビ上メッセージ
************************************* */
.topic {
	display:none;
}

/* *************************************
所要時間
************************************* */
.time_ttl {
	margin:20px auto 30px;
	color:#00b050;
	font-size:32px;
	font-weight:bold;
	text-align:center;
}

/* *************************************
コンテンツベース
************************************* */
#content {
	width: 98%;
	margin: 0 auto;
}

/* *************************************
STEP
************************************* */
.newflow {
	text-align: center;
}
.newflow ol {
	background: #e8e8e8;
	height: 52px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	font-size: 0.9em;
}
#content .newflow ol li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	font-weight: bold;
	background: url(https://ios-moneyseminar.jp/form/images/flow_arrow.gif) no-repeat right top;
	line-height: 1.3em;
	width: 32%;
}
#content .newflow ol li span {
	margin: 0;
	padding: 8px 0px 8px 0;
	display: block;
}
#content .newflow ol li.active {
	color: #333;
	background: #F7F1DE url(https://ios-moneyseminar.jp/form/images/flow_arrow_a.gif) no-repeat right top;
}
#content .newflow ol li.active span {
	background:#F7F1DE url(https://ios-moneyseminar.jp/form/images/flow_arrow_a.gif) no-repeat right top;
}
#content .newflow ol li.pre span {
	background: url(https://ios-moneyseminar.jp/form/images/flow_arrow_b.gif) no-repeat right top;
}

/* *************************************
コーション
************************************* */
.caution {}
.caution p {
	font-size: 12px;
}

/* *************************************
規約エリア
************************************* */
.kiyaku {
	margin: 30px 0 20px;
	text-align:center;
}
.kiyaku iframe#footer {
	width: 95%;
	height: 240px;
	border: 1px solid #BFBFBF;
}

/* *************************************
同意チェックエリア
************************************* */
.check_area {
	width: 90%;
	margin: 30px auto 20px;
	text-align:center;
	font-size:13px;
}

/* *************************************
サブミットボタン
************************************* */
.box_submit {
	text-align:center;
}
.box_submit input {
	width:90%;
	border:none;
	border-radius:20px;
	background:#00b050;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	padding:30px 0;
}

/* *************************************
下部 注意事項
************************************* */
.attentions {
	margin: 50px 0;
}
.attentions .notes .alert {
	color:red;
}




/* *************************************
入力項目エリア
************************************* */
.input_inner {
	max-width:800px;
	margin: 30px auto 0;
}

/* *************************************
入力欄
************************************* */
fieldset {
	padding: 15px 20px;
	margin:0;
	border-top: 1px solid #868686;
	border-left: none;
	border-right: none;
	background: #ffe1f1;
}
fieldset:nth-child(2),
fieldset:last-child{
	border:none;
}
fieldset.first {
	border:none;
	background: none;
}
fieldset .fieldset_inner {
	display: flex;
	/* grid-template-columns: repeat(2, 1fr); */
	flex-direction: column;
}
fieldset.first .fieldset_inner {
	align-items: start;
}
fieldset .fieldset_inner .inner1 {
	display: flex;
	
}


/* *************************************
入力欄 項目部分
************************************* */
fieldset legend {
	padding: 10px 10px;
	width: auto;
	background: #ffe1f1;
}
fieldset.first legend {
	padding: 10px 10px;
	background: none;
}
fieldset legend > span {
	font-weight:bold;
	font-size: 20px;
}
fieldset legend > span strong {
	background-color: #d70a30;
	color: #fff;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 0.8em;
	margin-left: 1em;
	line-height: 1.5;
}

/* *************************************
入力欄 必須部分
************************************* */
fieldset .req {
	width:auto;
	color:red;
	text-align:left;
	padding: 10px 0px;
}

/* *************************************
入力欄 入力欄部分
************************************* */
fieldset .content_input {
	flex: 1;
	width: 100%;
}
.content_input_inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}
.content_input_inner > div {
	flex:1;
}
.content_input_inner > div .note {
	margin-left: 0px;
}

/* *************************************
SPIRAL側エラー表示
************************************* */
.error {
	color: #D70A30;
	font-weight: normal;
	background: #fef3f1;
	margin-right: auto;
	clear: both;
	margin-top:4px;
}

/* *************************************
入力欄テキスト系
************************************* */
.content_input_inner > div > input[type="text"] {
	margin: 0px;
	padding: 0;
	width:93%;
	height: 66px;
	font-size: 20px;
	border-radius: 0;
	padding-left: 5%;
	border: 1px solid #828282;
}

/* *************************************
入力欄セレクト系
************************************* */
.content_input_inner > div > select {
	margin:0;
	padding:0;
	width:98%;
	height: 66px;
	font-size: 16px;
	border-radius: 0;
	background:none;
	padding-left: 1rem;
	border: 1px solid #828282;
	background: #fff;
}

/* *************************************
お名前、フリガナ 入力欄用補正
************************************* */
.name_area_inner, .furigana_area_inner {

}
.name_area_inner > div , .furigana_area_inner > div {
}
.name_area_inner input[type="text"],
.furigana_area_inner  input[type="text"] {
}

/* *************************************
郵便番号 入力欄補正
************************************* */
.zipcode_inner.content_input_inner {
	display: flex;
	flex-direction: column;
}
.zipcode_inner.content_input_inner > div:first-child {
	display: flex;
	align-items: center;
	width: 100%;
}
.zipcode_inner.content_input_inner > div > input[type="text"] {
	width:86%;
}


/* *************************************
電話番号 入力欄補正
************************************* */
.telno_inner.content_input_inner > div > input[type="text"] {
	width:25%;
	padding:0 5px;
}
#telno1 {
	margin-right:5px;
}
#telno2 {
	margin:0 5px;
}
#telno3 {
	margin-left:5px;
}

/************************************************************/