@charset "utf-8";
 @media screen and (max-width: 1000px) {
/* ■■■■■■■■■■■■■■■■■■■■
	layout.css（スマートフォン用）
■■■■■■■■■■■■■■■■■■■■ */
/* ----------------------------------------
   layout
---------------------------------------- */
body {
	/*Android用*/
	font-family: Verdana, Roboto, sans-serif;
	/*iOS用*/
	font-family: "メイリオ" ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3" !important;
}
.contents, .page_wrap {
	width: auto;
  padding: 0 5px;
	border: none;
}
.contents {
	overflow: hidden;
}
/* ----------------------------------------
   header
---------------------------------------- */
#header {
	width: auto;
}
#header h1 img {
	width: 80%;
	height: auto;
	margin-left: 10px;
}
.attention_pc {
	display:none;
}
.step {
	padding: 0;
	background-color: transparent;
	border: 0 none;
}
div.step li {
	width: 25%;
	margin-bottom:5px;
}
div.step li strong {
	text-align: center !important;
	font-size: 20px;
	position: relative;
	background-color: #ddd;
}
div.step li strong:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #ddd;
	border-width: 4px;
	margin-top: -4px;
}
div.step li.active strong:after {
	border-left-color: #0f2580;
}
div.step li.last strong:after {
	display: none;
}
div.step li strong {
	background-image: none;
	padding: 10px 4px;
	text-align: left;
	font-size: 80%;
	margin: 0 2px;
}
div.step p {
	margin-bottom: 15px;
}
div.step li span {
	display: none;
}
/* ----------------------------------------
   footer
---------------------------------------- */
#footer_bottom_nav {
	min-width: inherit;
}
#footer_bottom_nav address, p.footer_logo, #footer_top_nav, #footer_bottom_nav ul {
	width: auto;
	box-sizing: border-box;
	-mox-box-sizing: border-box;
}
.footer_price_attension {
	width: auto;
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	padding: 5px;
}
#footer p.PageTop a {
	display: none;
}
#footer_bottom_nav {
	height: auto;
}
#footer_bottom_nav ul li {
	margin: 13px 38px 13px 10px;
}
#footer li {
	float: none;
}
#footer_bottom_nav address {
	font-size: 8px;
	text-align: center;
}
/* ■■■■■■■■■■■■■■■■■■■■
	common.css（スマートフォン用）
■■■■■■■■■■■■■■■■■■■■ */

/* ----------------------------------------
	tooltips
---------------------------------------- */
#powerTip {
	max-width: 200px;
 width: expression(document.body.clientWidth > 202 ? "200px" : "auto"); /* IE hack */
}
/* ----------------------------------------
	float と　width　と　改行　の解除
---------------------------------------- */
.error_txt_wrap, h4.typeA, h5.typeA, .form_txt, .form_inner, body.input .security_service .form_wrap.form_error .error_txt_wrap {
	float: none;
	width: auto;
	position: static;
}
/*改行の削除*/
br.newline {
	display: none;
}

.section {
	border-radius: 0px;
	border: none;
	margin-bottom: 0px;
}
.section_head {
	padding-left: 1.9vw;
}
.form_wrap {
	border: 1px solid #DDD;
}
/* ----------------------------------------
	タイトル h系
---------------------------------------- */
.contents h1 {
    font-size: 1.3em;
}
.contents h2 {
    font-size: 1.1em;
}
h3 {
	font-weight: bold;
	font-size: 15px;
}
.section.option h3.typeB {
	padding: 2px;
	font-size: 12px;
}
h4.typeA {
	background: url(/zandaka-rireki/entryform/inc/images/ico_option.png) no-repeat 95% 10px #d1e17a;
	padding-right: 35px;
}
h4.typeA.ico_must {
	background: url(/zandaka-rireki/entryform/inc/images/ico_must.png) no-repeat 95% 10px #a7d9f3;
}
.section.option h4.typeA {
	background: url(/form/inc/images/ico_option.png) no-repeat 95% 10px #d1e17a;
	padding-right: 35px;
}
.section.option h4.typeA.ico_must {
	background: url(/form/inc/images/ico_must.png) no-repeat 95% 10px #a7d9f3;
}
h4.typeA.ico_none {
	background-images: none;
}
h5.typeA {
	background-color: #666;
	color: #FFF;
}
/* ----------------------------------------
	アイフレーム（個人情報）
---------------------------------------- */


/* 必要事項PDFエリア */
.pdf_area .pdf_row .pdf_desc,
.pdf_area .pdf_row .pdf_btn {
	float: none;
	width: 100%;
}
.pdf_area .pdf_row .pdf_desc {
	border: 1px dotted #CCC;
	height: auto !important;
}
.pdf_area .pdf_row .pdf_btn {
	border: none;
}
.pdf_desc, .pdf_btn{
	text-align: center !important;
    padding-left: 0px !important;
}



/* ----------------------------------------
	フォームの囲い
---------------------------------------- */
.form_wrap {
	border-bottom: none;
}
.form_wrap, .inlay .form_wrap, .inlay .inlay .form_wrap {
	background-image: none;
}
.section.option .form_wrap {
	background-image: none;
}
.section.option .inlay .form_wrap {
	background-image: none;
}
.section.option h4.typeA {
	color: #666666;
}
.section.option .inlay h4.typeA {
	background-color: #d1e17a;
}
.form_inner {
	padding: 10px;
}
/*インレイで項目に増減があった場合*/
div.notice_message.notice_message_add, div.notice_message.notice_message_remove {
	bottom: 20px;
}
.form_inner.type_card_select { width: auto;}
/* ----------------------------------------
	フォーム内説明文
---------------------------------------- */
/*全角半角等の説明用*/
.form_txt .caption {
	display: inline;
	float: none;
}
.form_txt .caption:first-child {
	display: block;
}
.form_txt p.caption {
	display: block;
}
/*ボタン（住所自動入力）*/
.caption .pure-button {
	width: 100%;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 20px;
	padding: 10px;
}
/*料金*/
.example em {
	display: block;
}
.example.sub_i {
	display: inline-block;
	color: #9c9c9c;
}
/* ----------------------------------------
   テキスト入力
---------------------------------------- */
/* float の解除*/
.form_txt.type_name input, .form_txt.type_name label, .form_txt.type_name_kana input, .form_txt.type_name_kana label, .form_txt.type_birthday input, .form_txt.type_birthday select, .form_txt.type_birthday label, .form_txt.type_postal_code span, .form_txt.type_postal_code input, .form_txt.type_tel label, .form_txt.type_kariire_now input, .form_txt.type_kariire_now label, .form_txt.type_kariire_now span, .form_txt.type_number input, .form_txt.type_number span {
	float: none;
}
.form_txt.type_name input {
	width: 6em;
}
.form_txt.type_name_kana input{
	width: 30%;
}
.form_txt.type_birthday {
	text-align: right;
	padding-right: 0px;
}
#repayment_pin_code_view,
.form_inner.type_house {
	text-align: center;
}
.form_txt input.type_long {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.form_txt.type_postal_code span.caption {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* step1 selfAuth */
.form_inner.form_txt.type_age,
.form_inner.type_shop_code,
.form_inner.type_ofr,
.maB10.type_pin {
	padding-left: 6vw;
}
.form_inner.form_txt.type_repayment_account {
	padding-left: 7vw;
}
.form_inner.form_txt.money_input input{
	width: 170px;
}
.six_vw_pl {
	padding-left: 6vw !important;
}
.form_inner.type_person {
	text-align: left;
}
.select_box.wide_select {
	width: 89%;;
}
#ofr {
	width: 85%;
}
/*input*/
input {
	height: 45px;
}
.form_inner select {
	height: 45px !important;
}
.radio-check input {
	margin-right: 5px;
}
/* 名前 */
.form_txt.type_name label, .form_txt.type_name_kana label {
	width:40px;
}
.form_txt.type_name input, .form_txt.type_name_kana input {
	margin-right: 10px;
}
/* 生年月日 */
.form_txt.type_birthday select {
	width: 84%;
	margin-bottom:20px;
}
/* 郵便番号 */
.form_txt.type_postal_code input.postal01, .form_txt.type_postal_code input.postal02 {
	margin-bottom: 10px;
}
/*電話番号*/
.form_txt.type_tel input.tel01, .form_txt.type_tel input.tel02, .form_txt.type_tel input.tel03 {
	width: 70px;
	width:4em;
}
/*口座番号*/
.form_txt input.accountcode {
	width: 180px;
}

.form_txt.form_inner.card_year {
	padding-left: 11vw;
}

/* 日中のご連絡先 */
.form_txt.type_tel2 input.tel01, .form_txt.type_tel2 input.tel02, .form_txt.type_tel2 input.tel03 {
	margin-bottom:10px;
}
/* 住所 */
.form_txt.type_address span {
  display: inline-block;
}

/*セレクト系*/
.form_txt .select .category_name {
	margin-bottom: 5px;
}
.form_txt .select select {
	width: 80%;
	margin-bottom: 10px;
}
.form_txt .short .select select {
	width: 60%;
}
body.input .outer_area {
	width: auto;
}
body.input .outer_area fieldset,
body.input .outer_area fieldset label {
	padding: 0;
}
body.input .outer_area .btn_area{
	padding: 8px;
}
body.input .outer_area fieldset #agree-checkbox {
	height: auto;
}
body.input .center_box {
	width: auto;
}
.form_txt input.type_default {
	width: 152px;
}
.form_txt select.type_default,
.form_txt.type_birthday select.type_default {
	width: 164px;
}
.name_area .name_input_area .name_input_sei,
.name_area .name_input_area .name_input_mei {
	width: 150px;
}
.card_select_note {
	float: none;
}
input#repayment_account_code {
    width: 170px;
}

/* ----------------------------------------
	フォーム　ラジオボタン チェックボックス
---------------------------------------- */
.checkbox_bt label {
	margin-right: 0px;
	padding: 30px;
}
fieldset.radio-check {
	width: 100%;
	margin-bottom: 10px;
}
span.radio-check {
	border: solid 1px #CCC;
	width: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden !important;
}
span.radio-check:not(:last-child) {
	border-bottom: none;
}
span.radio-check .tooltips {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}
.form_inner.radio-check_list {
	width: auto;
}
.radio-check_list, .radio-check_normal {
	margin-bottom: 10px;
}
fieldset.radio-check {
	float: none;
    display: flex;
}
.radio-check_normal span.radio-check label, .radio-check_normal span.radio-check {
	display: block;
}
.radio-check_list span.radio-check, .radio-check_normal span.radio-check {
	margin-bottom: 0px;
}
fieldset.radio-check span.radio-check {
	border: none;
    margin-right: 0;
}
fieldset.radio-check span.radio-check label {
	width: 140px !important;
	/* border: solid 1px #cccccc; */
	box-sizing: border-box;
}
fieldset.radio-check span.radio-check label {
	border-radius: 0px;
	border-bottom: none;
}
fieldset.radio-check span.radio-check.first-child label {
    border-radius: 10px 10px 0px 0px;
	/* border-top: solid 1px #CCC; */
}
fieldset.radio-check span.radio-check.last-child label {
	border-radius: 0px 0px 10px 10px;
    /* border-bottom: solid 1px #CCC; */
}
fieldset.radio-check.single span.radio-check.first-child label {
    border-radius: 10px;
    border-bottom: solid 1px #CCC;
}
/* 標準装備オプション（セキュリティ）のラジオボタン */
fieldset.radio-check.single span.radio-check.security label {
	margin-left: 0px;
	padding-left: 35px;
}
span.radio-check input, span.radio-check label {
	vertical-align: middle;
}
span.radio-check input {
	padding: 0;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin: -10px 0 0 0;
}
span.radio-check label {
	padding: 10px 10px 10px 40px;
	margin: 0;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
}
.form_txt input.type_middle, .form_txt input.type_short{
	width: 80%;
}
.form_txt input.type_veryshort {
    width: 4em;
}

/*セット用*/
fieldset.radio-check.set .inlay {
	width: auto;
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
span.radio-check.set {
	padding: 0;
}
/*その他用*/
.select_box.other {
	width: 100%;
}
.radio-check.other select {
	width: 100%;
}
fieldset.radio-check span.radio-check.other {
	padding-top: 0 !important;
}
fieldset.radio-check span.radio-check.other label {
	border-top: none;
	margin-top: 0;
	margin-bottom: 5px;
	border-radius: 0 0 10px 10px;
}
/* フォーム　ラジオボタン　チェックボックス内にプルダウン */
span.radio-check .pull-down input {
	top: 20px;
}
span.radio-check .pull-down .select_box {
	margin: 0 8% 10px;
	width: 84%;
}
.form_wrap-nobg {
	border: none;
}
/* ----------------------------------------
	フォーム　チェックボックス 大
---------------------------------------- */
.pure-button.pure-button-active.bnt_large {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 20px;
	padding: 0.5em 1em 0.5em 2.2em;
}
/* ----------------------------------------
	フォーム　バナー系チェックボックス
---------------------------------------- */
.upsell {
	padding: 5px;
}
.upsell .banner img {
	float: none;
	width: 100%;
}
.upsell .ya {
	width: 100%;
	height: 43px;
	bottom: -43px;
}
.upsell .img_sp {
	display: block;
	width: 100%;
	height: auto;
}
.upsell .img_pc {
	display: none;
}
.upsell dl {
	width: 50%;
}
.upsell dl, .upsell dt, .upsell dd, .upsell .title {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: inherit !important;
}
.upsell .caption {
	font-size: 150%;
	text-align: center;
	padding-top: 5px;
}
.upsell .title, .upsell dl.point dd {
	border-bottom: 0;
}
.upsell dl.point dt, .upsell dl.point dd {
	border-left: solid #999 1px;
}
.upsell dl.sp_box {
	border-left: solid #999 1px;
}
.upsell .title, .upsell dl.point {
	width: 100%;
}
.upsell .title {
	padding: 5px 0;
	height: inherit !important;
}
.upsell .price_title_push br, .upsell .title br {
	display: none;
}
.upsell .term {
	font-size: 100%;
}
.upsell .title img {
	vertical-align: middle;
}
.upsell .pure-button.pure-button-active.bnt_large {
	font-size: 19px;
}
.upsell .bnt_large span.logo {
	float: none;
	margin: 0 auto;
}
.upsell .bnt_large span.click {
	position: absolute;
	top: -44px;
	right: -8px;
}
.upsell .bnt_large:hover span.click {
	top: -42px;
}
.upsell .mega, .upsell .giga {
	padding: 10px 5px;
}
.upsell .giga .caption {
	padding-top: 24px;
}
.upsell .term br {
	display: block;
}
/* ----------------------------------------
	フォーム下部ボタン
---------------------------------------- */
.btn_area {
	width: none;
	padding:20px;
}
.btn_wrap_next {
	float: none;
	width: auto;
	margin: 0 5% 20px 5%;
}
.btn_wrap_back {
	float: none;
	width: auto;
	padding:0;
}
.btn_wrap_back .btn_back {
	margin:0;
}
/*フォーム用ボタン*/
button.button {
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-position: -25px 50%;
}
button.button_step, button.button_send {
	font-size: 18px;
	width: 100%;
}
button.button_step:hover,
button.button_send:hover,
a.button_step:hover,
a.button_send:hover {
	background-position: -25px 50%, -80px 50%;
}
button.button_step,
a.button_step {
	background-image: url(/zandaka-rireki/entryform/inc/images/button_step.gif), url(/zandaka-rireki/entryform/inc/images/button_step.gif);
    background-repeat: no-repeat, repeat-x;
    background-position: -25px 50%, -80px 50%;
}
.btn_wrap_next {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 5px;
}
/*入力エラーがある場合*/
.btn_wrap_next.no-compleat p {
	padding: 6px 5px;
}
.pure-button {
	white-space: normal;
}
.download_area dt,
.download_area dd {
	width: 100%;
	float: none;
}
.download_area dt {
	line-height: inherit;
}
.download_area dd {
	margin-left: 0;
	text-align: center;
}
.alert_text > .form_wrap label {
	background-color: transparent;
}
.alert_text > .form_wrap .radio-check {
	border: none;
	width: 124px;
}
/* ----------------------------------------
	エラー箇所
---------------------------------------- */
.error_txt_wrap {
	padding: 10px 10px 10px 10px;
}
.error_txt_wrap .ya {
	left: 23px;
	top: auto;
	bottom: 0px;
	background-image: url(/form/inc/images/icon_error_ya_bottom.png);
}
.box_left span.radio-check, .box_right span.radio-check {
	padding-bottom: 0;
}
.box_left label, .box_right label {
	margin-bottom: 0;
}
.gray_box {
	margin-bottom: 10px;
}
.form_inner.full {
	width: auto;
}
.box_left {
	float: none;
	width: auto;
}
.box_left .gray_box {
	width: auto;
}
.box_right {
	float: none;
	width: auto;
}
/*確認画面お申し込み内容*/
.section.confirm.introduction .form_wrap {
	background-image: none;
	width: auto;
	float: none;
	border-right: none;
}
.section.confirm.introduction .form_wrap.min, .section.confirm.introduction .form_wrap.min.form_wrap-fukusu, .section.confirm.introduction .form_wrap.min.form_wrap-speed {
	width: auto;
	float: none;
	border-right: none;
}
body.confirm .section .form_wrap h4.typeA {
	width: 100%;
	padding-bottom:0;
	background-image: none;

}
body.confirm .form_inner {
	width: auto;
	padding: 5px 10px 10px 25px;
}

body.confirm .section.option .form_wrap {
	background-image: none;
}

.confirm .example .category_name{
		display: block;
	}
body.confirm .form_wrap, body.confirm .form_wrap h4, body.confirm .form_wrap .form_inner {
	display: inherit;
}

h4.typeA, .section.confirm.introduction h4.typeA {
	float: none;
	width: auto;
	background-color: #A7D9F3;
}
.section.confirm.introduction .form_inner {
	width: auto;
	min-height: inherit;
}
.form_inner select, .form_txt input {
	border: 2px solid #999;
}
.form_txt .focus, .form_wrap.form_error input, .form_wrap.form_error select {
	border: 2px solid #E7A28F;
}
.section.option .inlay .inlay .form_wrap {
	background-image: none;
}
.radio-check_list .single input {
	position: absolute;
	top: 50% !important;
}
body.confirm .section .form_wrap .typeA.ico_none {
	padding: 8px;
}
body.confirm .section .form_inner.fee_box {
	width: auto;
	float: none;
	box-sizing: inherit;
	padding: 5px 10px 10px 25px;
}
.fee_box > .fee_note, .fee_box > .fee_kouza > span {
	padding: 0;
}
.fee_box > .fee_note {
	margin-bottom: 8px;
}
.fee_box > .fee_kouza {
	border-top: none;
}
.fee_box > .fee_kouza > .form_txt_caption {
	border-right: none;
}
.fee_box > .fee_kouza > .following {
	display: block;
	padding-left: 1em;
}
/* セキュリティ用 */
body.input .security_service .form_wrap.form_error .form_inner.radio-check_normal.full {
	width: auto;
}


/*同意画面*/
#inner {
	padding: 0 10px 30px;
}
.agree-text {
	/* padding: 0 10px; */
}

/* ----------------------------------------
	エラー箇所
---------------------------------------- */
/* 全体のエラー */
div.error ul{
	margin: 20px 20px 20px -30px;
}

/* ----------------------------------------
	その他共通
---------------------------------------- */
.br_pc {
	display: none;
}
.br {
	display: block;
}
.loading_area {
	line-height: 1.5em;
}
/* iOS safariによる電話番号リンク付与を回避 */
.not_tel a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
}
/* ----------------------------------------
	同意画面
---------------------------------------- */
.short_column_r {
	margin: 0;
	text-align: center;
}
.short_column_r .desc {
	text-align: left;
	padding: 8px;
}
.card_area {
	float: none;
}
.card_area:first-child {
	margin: 0;
}
/* ----------------------------------------
	契約情報画面
---------------------------------------- */
.increase_ad_pc {
	display: none;
	margin-top: 20px;
}
.increase_ad_sp {
	display: block;
	margin: 20px auto;
	text-align: center;
}
.increase_ad_sp img {
	width: 100%;
	max-width: 364px;
}
.section .h4_phone {
	line-height: inherit;
}

/* ----------------------------------------
	お客さま情報入力画面
---------------------------------------- */
.inlay,
.inlay .form_wrap,
.inlay .upload_title,
.inlay .upload_btn_area,
.inlay .filename_area {
	display: block;
}
.inlay,
.inlay .form_wrap {
	width: 100%;
}
.inlay .upload_title,
.inlay .filename_area {
	width: calc(100% - 32px);
}
.inlay .upload_btn_area {
	width: calc(100% - 16px);
}
.inlay_label input {
	height: auto;
}
#step2 .inlay_inner .form_wrap {
	background-image: none;
}
table.accounts {
    width: 100%;
}
table.accounts th,
table.accounts td {
    padding: 4px 8px;
}
/* ----------------------------------------
	完了画面
---------------------------------------- */
a.button.button_register {
	font-size: 110%;
	width: 176px;
}