@charset "UTF-8";

/* ==================================================

【ブレイクポイント】
スマホ：@media screen and (max-width: 767px) {}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全ページ共通・共通パーツ専用 shared.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
※classや画像の命名ルール等はコーディングルールに従うこと
※原則ページ個別のcssは作成しない
※セレクタが4096個となる場合はCSS仕様詳細の通りに対応する

【目次】

全ページ共通
- 全体
- ヘッダー
- フッター
- 見出し
- ボタン
- ステップ
- 注意事項

STEP01
- 全体

本人確認
- 全体
- テーブル
- 規約同意以下

キャンセル/キャンセル完了
- 全体


郵便番号検索
- 全体

モーダル
- 全体

================================================== */

/* ==================================================
全ページ共通
================================================== */

/* 全体
-------------------------------------------------- */

* {
	position: relative;
	box-sizing: border-box;
}

:root {
	--swiper-theme-color: #007aff;
	--base-color: #fff;
	--base-text-color: #222;
	--gray-text-color: #555;
	--placeholder-text-color: #727171;
	--accent-color: #009682;
	--accent-text-color: #009682;
	--caution-color: #EE0101;
	--gray-color: #F7F7F7;
	--green-color: #E9F4F1;
	--gray-border-color: #ccc;
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
	-webkit-text-size-adjust: 100%;
	color: var(--base-text-color);
	line-height: 1.5;
}

body {
	background: #ffffff;
}

@media screen and (min-width: 48em){
	body {
		font-size: 1rem;
	}
}

img {
	vertical-align: bottom;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover,
button:hover {
	opacity: .65;
	cursor: pointer;
}

a,
a::before,
a::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"]:hover {
		pointer-events: none;
		opacity: 1;
		cursor: default;
	}
}

/*.g-clearfix {
	overflow: hidden;
}*/

.g-clearfix::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.g-clear {
	clear: both;
}

.g-bold {
	font-weight: bold;
}

.g-center {
	text-align: center;
}

.g-red {
	color: #EE0101;
}

.g-underline {
	text-decoration: underline;
}

.g-wrap {
	width: 100%;
	padding: 0 15px;
	margin: auto;
	overflow: hidden;
}

@media screen and (min-width: 48em){
	.g-wrap {
		max-width: 1240px;
		padding: 0 20px;
		margin: 0 auto;
	}
}

.g-wrap-zip {
	margin: auto;
	overflow: hidden;
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.g-sp {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.g-pc {
		display: none !important;
	}
}

.m-icn-blank {
	margin: 0 6px;
	width: 11px;
	vertical-align: baseline;
}

/* 追記 */

.Kbn_other,
.Kbn_other2,
.Kbn_other3,
.hKbn_other2,
.hKbn_other3 {
	display: none;
	margin-top: 10px;
}

/* ヘッダー
-------------------------------------------------- */

.l-contents {
	min-width: 1024px;
	color: var(--base-text-color);
}

.l-header {
	min-width: 1024px;
	box-shadow: 0px 1px 4px rgb(0 0 0 / 16%);
}

.l-header .g-clearfix::after {
	content: none;
}

.l-header .g-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
	padding: 12px 0;
}

@media screen and (min-width: 48em){
	.l-header .g-wrap {
		width: 100%;
		max-width: 100%;
		flex-direction: row;
		padding: 12px 20px;
	}
}

.l-header .g-wrap-zip {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 12px 20px;
}

@media screen and (min-width: 48em){
	.l-header .g-wrap-zip {
		max-width: 100%;
	}
}

figure.l-header-logo {
	margin: 0 auto 0 0;
}

.l-header-logo img {
	width: 100%;
}

.l-header-nav ul {
	color: var(--gray-text-color);
	font-size: 0.75rem;
	line-height: 1.2;
}

@media screen and (min-width: 48em){
	.l-header-nav ul {
		display: flex;
		margin: 10px 0 10px 20px;
	}
}

.l-header-nav ul>li+li {
	border-left: 1px solid var(--gray-border-color);
}

.l-header-nav ul>li {
	padding: 0 22px;
}

.l-header-nav li {
	list-style-type: none;
}

.l-header-nav a {
	color: var(--gray-text-color);
	display: block;
	font-size: 12px;
}

.l-header-nav ul>li a {
	display: flex;
	align-items: center;
}

.l-header-nav a:hover {
	opacity: .65;
}

.l-header-nav .m-icn-blank {
	top: 0;
	margin: 0 0 0 4px;
	width: 12px;
}

.l-header-info {
	background-color: var(--green-color);
	display: flex;
	border-radius: 10px;
	padding: 15px 8px;
}

@media screen and (min-width: 48em){
	.l-header-info {
		padding: 15px;
		margin: 0 0 0 40px;
	}
}

.l-header-info-hours {
	border-right: 1px solid var(--gray-border-color);
	text-align: center;
	font-size: 0.875rem;
	padding-right: 15px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 152px;
	align-content: center;
	justify-content: center;
}

.l-header-info-hours-ttl {
	display: block;
	font-weight: bold;
	font-style: normal;
}

.l-header-info-hours-txt {
	display: block;
	margin: 1px 0 0;
	font-size: 13px;
}

.l-header-info-tel {
	display: flex;
	padding: 0 0 0 42px;
	vertical-align: middle;
	align-items: center;
}

.l-header-info-tel::before {
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	margin: 0;
	content: "";
	width: 26px;
	height: 20px;
	background-position: -51px -234px;
	background-size: 200px 200px;
	background-image: url("../image/sprites.png");
}

.l-header-info-tel address {
	font-style: normal;
	text-align: center;
	color: var(--accent-text-color);
	font-size: 1.375rem;
	font-weight: 600;
}

.l-header-info-tel span {
	display: block;
	font-size: 1rem;
	color: var(--base-text-color);
	font-weight: 500;
}

.l-header-info-chat {
	display: table-cell;
	background: #ffffff;
	vertical-align: middle;
	background-color: var(--base-color);
	padding: 9px 12px;
	margin-left: 14px;
	font-size: 0.875rem;
	font-weight: 600;
}

.l-header-info-chat-ttl {
	display: block;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.l-header-info-chat-inner a {
	margin: 2px 0 0;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	text-align: center;
	line-height: 1.2;
	transition: opacity .4s ease-out;
	background: var(--base-color);
	border: 1px solid rgba(0,0,0,.08);
	width: 100%;
	padding: 8px 10px;
	margin-top: 8px;
	color: var(--base-text-color);
}


/* フッター
-------------------------------------------------- */

.l-footer {
	min-width: 1024px;
}

.l-footer-txt {
	padding: 40px 0 80px;
	font-weight: 500;
	text-align: center;
}

.l-footer-box {
	margin: 0 auto;
	text-align: center;
	background-color: var(--green-color);
	padding: 30px 0;
}

@media screen and (min-width: 48em){
	.l-footer-box {
		padding: 60px 0;
		max-width: 100%;
	}
}

.l-footer-box-ttl {
	display: inline-block;
	margin: 0 16px 0 0;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}

.l-footer-box-tel {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 46px;
	font-weight: bold;
	vertical-align: middle;
}

.l-footer-box-tel::before {
	position: absolute;
	left: 0;
	top: 10px;
	display: inline-block;
	margin: 0;
	content: "";
	width: 38px;
	height: 30px;
	background-position: -87px -173px;
	background-size: 300px 300px;
	background-image: url("../image/sprites.png");
}

.l-footer-box-tel {
	font-size: 34px;
	font-weight: bold;
	color: var(--accent-color);
}

.l-footer-box-tel span {
	font-size: 18px;
}

.l-footer-box-hour {
	margin: 0;
}

.l-footer-white {
	padding: 25px 0 25px 20px;
	font-size: 0.75rem;
	color: #727171;
	float: left;
}

.l-footer-white a {
	font-weight: bold;
	text-decoration: underline;
	padding-right: 15px;
}

.l-footer-bottom {
	padding: 25px 20px 25px 0;
	font-size: 0.875rem;
	color: #727171;
	float: right;
}

/* 見出し
-------------------------------------------------- */

.m-hdg-01 {
	font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
}

.m-hdg-01 h1 {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 32px;
	font-weight: bold;
}

.m-hdg-02 h2 {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 600;
}

@media screen and (min-width: 48em){
	.m-hdg-02 h2 {
		font-size: 1.875rem;
	}
}

/*.m-hdg-02 h2::before {
	content: "";
	display: inline-block;
	margin: 0 8px 0 0;
	width: 4px;
	height: 1.3em;
	background: #175446;
	vertical-align: -5px;
}*/

/* ボタン
-------------------------------------------------- */

.m-btn-01 {
	display: block;
	margin: 20px auto 0;
	padding: 14px 8px;
	width: 270px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #E83A3A;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	transition: opacity .4s ease-out;
	border: 1px solid rgba(0,0,0,.08);
	color: var(--base-color);
}

.m-box-identification-upload .m-btn-01 {
	background: var(--accent-color);
}

.m-btn-01:hover {
	opacity: .45;
}

span.m-btn-01 {
	background: #bbbbbb;
}

span.m-btn-01:hover {
	opacity: 1;
}

@media all and (-ms-high-contrast: none) {
	.m-btn-01 {
		padding: 12px 8px 4px;
	}
}

.m-btn-cancel {
	background: #727171;
}

.m-btn-wide {
	width: 360px;
}

.m-btn-02 {
	display: block;
	margin: 20px auto 0;
	padding: 14px 20px;
	width: 260px;
	font-size: 14px;
	color: #222222;
	text-align: center;
	background: #F7F7F7;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	transition: opacity .4s ease-out;
	border: 1px solid rgba(0,0,0,.08);
	margin-bottom: 5px;
	font-weight: 600;
}

.m-btn-02:hover {
	opacity: .45;
}


@media all and (-ms-high-contrast: none) {
	.m-btn-02 {
		padding: 14px 8px 10px;
	}
}

.m-btn-03 {
	display: inline-block;
	margin: 20px auto 0;
	padding: 0;
	font-size: 14px;
	color: #0f4063;
	text-decoration: underline;
}

.m-btn-04 {
	display: block;
	margin: 20px auto 6px;
	padding: 14px 8px;
	width: 240px !important;
	font-size: 14px;
	color: #222222;
	text-align: center;
	background: #F7F7F7;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	transition: opacity .4s ease-out;
	border: 1px solid rgba(0,0,0,.08);
	font-weight: 600;
}

.m-btn-04:hover {
	opacity: .45;
}

.m-box-cancel_complete_btn .m-btn-04 {
	line-height: 1;
	background: #fff;
	border: 2px solid #009682;
	font-weight: 600;
}

.m-btn-plus {
	padding-left: 24px;
}

.m-btn-plus::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background-image: url("../image/sprites.png");
	background-position: -131px -42px;
	background-size: 250px 250px;
}

.m-btn-close {
	padding: 8px 30px 8px 40px;
}

.m-btn-close::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-image: url("../image/sprites.png");
	background-position: -422px -85px;
	background-size: 500px 500px;
}

.m-btn-arrow {
	padding-left: 40px;
}

.m-btn-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background-image: url("../image/sprites.png");
	background-position: -219px -5px;
	background-size: 250px 250px;
}

.m-btn-arrow2 {
	padding-left: 24px;
}

.m-btn-arrow2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background-image: url("../image/sprites.png");
	background-position: -77px -85px;
	background-size: 300px 300px;
}

.m-btn-variable {
	text-align: center;
}

.m-btn-variable a {
	display: inline-block;
	width: auto;
}

.m-btn-txt {
	text-align: center;
}

/* ステップ
-------------------------------------------------- */

.m-nav-step {
	margin: 40px auto 0;
	background: #ffffff;
	line-height: 1.3;
}

.m-nav-step u {
	text-decoration: none;
}

.m-nav-step ul {
	margin: 0;
	padding: 0;
	border: 1px solid var(--gray-border-color);
}

.m-nav-step li {
	float: left;
	padding: 20px 0;
	height: 78px;
	width: 15%;
	font-size: 14px;
	text-align: center;
	list-style-type: none;
}

.m-nav-step li span {
	display: block;
}

.m-nav-step li + li {
	padding: 20px 0 20px 20px;
	width: 17%;
}

.m-nav-step_person li {
	padding: 11px 0 8px;
	width: 12%;
}

.m-nav-step_person li + li {
	padding: 11px 0 8px 20px;
	width: 14.9%;
}

.m-nav-step_person.step08 li + li {
	width: 12.47%;
}

.m-nav-step_person li:last-of-type {
	padding: 21px 0 18px 20px;
	width: 13.003%;
}
.m-nav-step_person.step08 li:last-of-type {
	width: 12.59%;
}

.m-nav-step_ekyc li {
	padding: 11px 0 8px;
	width: 32%;
}

.m-nav-step_ekyc li + li {
	padding: 11px 0 8px 20px;
	width: 35%;
}

.m-nav-step_ekyc li:last-of-type {
	width: 33%;
}

.m-nav-step li + li::before,
.m-nav-step li + li::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 18px;
	border-color: transparent transparent transparent #cccccc;
}

.m-nav-step li + li::after {
	left: -1px;
	border-color: transparent transparent transparent #ffffff;
}

.m-nav-step li.is-active {
	color: #ffffff;
	background: var(--accent-color);
}

.m-nav-step li.is-active + li::after {
	border-color: transparent transparent transparent var(--accent-color);
}

/* 注意事項
-------------------------------------------------- */

.m-box-attention {
	margin: 40px 0 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.m-box-attention-ttl {
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

.m-box-attention-ttl::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 4px;
	width: 21px;
	height: 18px;
	background-position: -150px -5px;
	background-size: 250px 250px;
	background-image: url("../image/sprites.png");
}

.android .m-box-attention-ttl::before {
	top: 2px;
}

.m-box-attention ul {
	margin: 1em 0 0;
	padding: 0 0 0 1.2em;
}

.m-box-attention li {
	font-size: 14px;
	line-height: 1.8em;
	list-style-type: none;
}

.m-box-attention li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: -1.2em;
	display: block;
}

.m-box-attention a {
	text-decoration: underline;
}

.m-box-attention ul + .m-box-attention-ttl {
	margin-top: 2em;
}

.m-box-attention p {
	margin: 1em 0 0;
	font-size: 14px;
}

.m-box-attention-red {
	color: #EE0101;
	font-weight: bold;
}

.m-box-attention-indent {
	text-indent: -1em;
	font-weight: bold;
}

.m-box-attention-indent::before {
	opacity: 0;
}

.m-txt-attention-upper {
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.m-txt-attention-upper p {
	margin: 0;
}

/* ==================================================
STEP01
================================================== */

/* 全体
-------------------------------------------------- */

.m-box-step_01 {
	margin: 40px 0 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #009682;
}

.m-grid-step_01 {
	padding: 20px 0 0;
}

.m-grid-step_01 > figure,
.m-grid-step_01 > div {
	float: left;
	margin: 0;
	width: 50%;
	text-align: center;
}

.m-grid-step_01 > figure + figure::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	border-left: 1px solid #D8D8D8;
}

.m-grid-step_01 figure img {
	width: 220px;
}

.m-grid-step_01 figcaption {
	margin: 10px 0 0;
	font-size: 14px;
}

.m-grid-step_company figure {
	margin: 0;
	text-align: center;
}

.m-grid-step_company figure img {
	width: 220px;
}

.m-grid-step_company figcaption {
	margin: 10px 0 0;
	font-size: 14px;
}

.m-grid-flow {
	margin: auto;
	width: 80%;
	overflow: visible;
}

.m-grid-flow:nth-of-type(3) {
	padding-bottom: 30px;
}

.m-grid-flow + .m-grid-flow::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	display: block;
	margin-left: -50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px;
	border-color: transparent;
	border-top-color: #CCCCCC;
}

.m-grid-flow > figure,
.m-grid-flow > div {
	text-align: left;
}

.m-grid-flow > div {
	margin-top: 2.4em;
}

.m-grid-flow figure img {
	width: auto;
	max-width: 100%;
}

.m-grid-flow > div figure {
	margin: 0;
	text-align: center;
}

.m-grid-flow > div p {
	font-size: 14px;
}

.m-grid-flow > div a {
	line-height: 40px;
}

.m-grid-complete {
	padding: 8px;
	margin: 20px auto 10px;
	max-width: 240px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background:  var(--accent-color);
	border-radius: 2px;
}

/* ==================================================
本人確認
================================================== */

/* 全体
-------------------------------------------------- */

.m-box-identification {
	margin: 40px 0 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #009682;
}

@media screen and (min-width: 48em){
	.m-box-identification .m-hdg-02 h2 {
		font-size: 1.4rem;
	}
}

.m-box-identification-txt {
	margin: 12px 0 0;
}

.m-box-identification-txt p {
	margin: 0;
	font-size: 14px;
}

/* テーブル
-------------------------------------------------- */

.m-tbl-identification {
	margin: 40px 0 0;
	font-size: 14px;
}

.m-tbl-identification p {
	margin: 0;
}

.m-tbl-identification p + p {
	margin: 1em 0 0;
}

.m-tbl-identification table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #cccccc;
	background: #ffffff;
	border-collapse: collapse;
	border-spacing: 0;
}

.m-tbl-identification th {
	padding: 12px 16px;
	width: 330px;
	text-align: left;
	background: #E9F4F1;
}

.m-tbl-identification th a + span {
	display: block;
	margin-top: 4px;
}

.m-tbl-identification th {
	line-height: 1.5em\9;
}

@media all and (-ms-high-contrast: none) {
	.m-tbl-identification th {
		line-height: 1.5em;
	}
}

.m-tbl-identification td {
	padding: 12px 16px;
}

.m-tbl-identification th + td {
	border-left: 1px solid #cccccc;
}

.m-tbl-identification tr + tr {
	border-top: 1px solid #cccccc;
}

.m-tbl-identification th a,
.m-tbl-identification td a:not(.m-btn-01):not(.m-btn-02) {
	text-decoration: underline;
}

.m-tbl-identification th a::before {
	content: "";
	position: absolute;
	top: -1px;
	right: -2em;
	display: block;
	width: 20px;
	height: 20px;
	background-size: 200px 200px;
	background-position: -142px -97px;
	background-image: url("../image/sprites.png");
	z-index: 1;
}

.android .m-tbl-identification th a::before {
	top: -3px;
}
.m-tbl-identification-radio label {
	display: inline-block;
	margin: 4px 24px 0 0;
	vertical-align: bottom;
}
ul.m-tbl-identification-radio{
	padding-inline-start: 0;
}
ul.m-tbl-identification-radio > li{
	list-style: none;
}
.m-tbl-identification-radio label input {
	position: absolute;
}

.m-tbl-identification-radio label span {
	display: inline-block;
	padding-left: 22px;
}

.m-tbl-identification-radio #person01,
.m-tbl-identification-radio #person02 {
	margin-top: 4px;
	accent-color: #009682;
}

.m-box-identification-upload figure {
	display: inline-block;
}

.m-box-identification-upload figure.uploaded {
	padding: 20px 30px;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
}

.m-box-identification-upload ul {
	margin: 0;
	padding: 0;
}

.m-box-identification-upload li {
	margin: 2em 0 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

.m-box-identification-upload ul + a {
	margin: 2.5em auto 2em;
}

.m-box-identification-upload li > .m-btn-del {
	position: absolute;
	bottom: 24px;
	right: 26%;
}

.m-box-identification-upload .m-btn-del::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 34px;
	background-image: url("../image/sprites.png");
	background-position: 34px 34px;
	background-size: 500px 500px;
}

.m-box-identification-upload figure > .m-btn-del {
	position: absolute;
	top: -20px;
	right: -20px;
}

.m-box-identification-upload figure .m-btn-del::before {
	background-image: url("../image/sprites.png");
	background-position: -350px -10px;
	background-size: 500px 500px;
}

/* 規約同意以下
-------------------------------------------------- */

.m-box-identification-agree {
	font-size: 14px;
}

.m-box-identification-agree label {
	display: block;
	margin: 40px 0 0;
	padding: 20px;
	text-align: center;
	border: 1px solid #EE0101;
	background: #ffffff;
}

.m-box-identification-agree label + label {
	margin: 12px 0 0;
	background: #F8F7EC;
}

.m-box-identification-agree label input {
	accent-color: #009682;
}

.m-box-identification-agree a {
	text-decoration: underline;
}

.m-box-identification-application {
	margin: 40px 0 0;
	padding: 30px;
	font-size: 14px;
	background: #F8F7EC;
}

.m-box-identification-application p {
	margin: 0;
}

.m-box-identification-application .m-icn-merit {
	padding-left: 2em;
	font-size: 18px;
}

.m-box-identification-application p + p {
	margin-top: 1em;
}

.m-box-identification-attention {
	margin: 20px 0 0;
	padding: 30px;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.m-box-identification-attention p {
	margin: 0;
}

.m-box-identification-attention p + p {
	margin-top: 1em;
}

.m-box-identification-attention a {
	text-decoration: underline;
}

/* ==================================================
キャンセル/キャンセル完了
================================================== */

/* 全体
-------------------------------------------------- */

.m-box-attention_cancel {
	border-color: #EE0101;
}

.m-box-cancel_complete-txt {
	margin: 40px 0 0;
	padding: 30px;
	text-align: center;
	background: #F7F7F7;
}

.m-box-cancel_complete-txt p {
	margin: 0;
}

/* ==================================================
郵便番号検索
================================================== */

/* 全体
-------------------------------------------------- */

.m-btn-closebtn::before {
	content: "";
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	background-position: -210px -52px;
	background-size: 250px 250px;
	background-image: url("../image/sprites.png");
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.m-box-zipinput dl {
	display: table;
	width: 100%;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.m-box-zipinput dt,
.m-box-zipinput dd {
	display: table-cell;
	padding: 8px 12px;
}

.m-box-zipinput dt {
	width: 330px;
	font-weight: bold;
	background: #E9F4F1;
	border-right: 1px solid #cccccc;
}

.m-box-zipinput dt .m-icn-must {
	position: absolute;
	right: 12px;
}

.m-box-zipinput p {
	margin: 0;
}

.m-box-zipinput .m-btn-zip {
	width: 120px;
}

.m-tbl-ziplist {
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
}

.m-tbl-ziplist thead {
	background: #E9F4F1;
	z-index: -1;
}

.m-tbl-ziplist th,
.m-tbl-ziplist td {
	padding: 12px;
	text-align: left;
	border: 1px solid #cccccc;
}

.m-tbl-ziplist th + th {
	border-left: 1px solid #cccccc;
}

/*
.m-tbl-ziplist th + td::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #cccccc;
}

.m-tbl-ziplist tr + tr th::after,
.m-tbl-ziplist tr + tr td::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: #cccccc;
}
*/

.m-tbl-ziplist a {
	text-decoration: underline;
}

.m-nav-zippager {
	margin: 40px 0 20px;
	text-align: center;
}

.m-nav-zippager ul {
	margin: 0;
	padding: 0;
}

.m-nav-zippager li {
	list-style-type: none;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.m-nav-zippager li a {
	display: inline-block;
	padding: 0 10px;
}

.m-nav-zippager li span {
	display: inline-block;
	padding: 0 8px;
	opacity: 0.5;
}

.m-nav-zippager li.is-active {
	background: var(--green-color);
}

.m-nav-zippager li.is-active a {
	pointer-events: none;
	text-decoration: none;
	color: var(--accent-text-color);
}

.m-nav-zippager-prev {
	padding-left: 12px;
}

.m-nav-zippager-prev::before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -5px;
	background-position: -6px -55px;
	background-size: 250px 250px;
	background-image: url("../image/sprites.png");
}

.m-nav-zippager-next {
	padding-right: 12px;
}

.m-nav-zippager-next::before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -5px;
	background-position: -6px -41px;
	background-size: 250px 250px;
	background-image: url("../image/sprites.png");
}

/* ==================================================
モーダル
================================================== */

/* 全体
-------------------------------------------------- */
.m-modal {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 99;
	pointer-events: none;
}

.m-modal-layer {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.m-modal-box {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 40px;
	width: 780px;
	max-height: 80%;
	background: #ffffff;
	box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.5);
	-weblit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
	pointer-events: all;
}

.m-modal-ttl {
	margin: 0 0 0.8em;
	padding: 0;
	font-size: 2rem;
	font-weight: 300;
	font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
	line-height: 1;
}

.m-modal-inner {
	font-size: 1.125rem;
}

button.m-btn-modal {
	display: block;
	margin: 20px auto 0;
	padding: 6px 30px 6px 40px;
	width: 120px;
	font-size: 0.875rem;
	vertical-align: middle;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(232, 232, 232, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(232, 232, 232, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0);
	-webkit-box-shadow: 0 -1px 0 0 #ccc inset;
	box-shadow: 0 -1px 0 0 #ccc inset;
	cursor: pointer;
	box-sizing: border-box;
}

button.m-btn-modal::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-image: url("../image/sprites.png");
	background-position: -422px -85px;
	background-size: 500px 500px;
}

a.m-btn-modal {
	position: absolute;
	top: -18px;
	right: -18px;
	display: block;
	width: 36px;
	height: 36px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.5);
}

a.m-btn-modal::before,
a.m-btn-modal::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 18px;
	display: block;
	width: 16px;
	height: 2px;
	border-radius: 2px;
	background: #175446;
}

a.m-btn-modal::before {
	transform: rotate(45deg);
}

a.m-btn-modal::after {
	transform: rotate(-45deg);
}

/* ==================================================
STEP2縲鰀6
================================================== */

/* input number リセット */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
}

input[type="submit"],
input[type="button"],
button {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	cursor: pointer;
	outline: none;
	color: #000000;
}
button.m-btn-02 {
	-webkit-box-sizing: border-box;
	font-family: inherit;
	font-size: 100%;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

::-webkit-input-placeholder {
	color: #959595;
	font-weight: 500;
}

::-moz-placeholder {
	color: #959595;
	font-weight: 500;
}

:-moz-placeholder {
	color: #959595;
	font-weight: 500;
}

:-ms-input-placeholder {
	color: #959595;
	font-weight: 500;
}

/* テキストリンク(青文字・下線付き) */

a.m-link-txt {
	text-decoration: underline;
}

/* リスト(黒点) */

ul.m-list-disc {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.m-list-disc > li {
	position: relative;
	padding-left: 1.2em;
}

ul.m-list-disc > li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

/* チェックアイコン付きリスト */

ul.m-list-checkicon {
	margin: 20px 0 0;
	padding: 0;
}

ul.m-list-checkicon > li {
	position: relative;
	padding-left: 25px;
	font-size: 0.9rem;
}

ul.m-list-checkicon > li + li {
	margin-top: 30px;
}

ul.m-list-checkicon > li::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../image/sprites.png) no-repeat -195px -5px;
	background-size: 247px auto;
}

/* 番号付きリスト */

.m-list-num {
	margin: 0;
	padding: 0;
}

.m-list-num > li {
	display: block;
	padding-left: 1.5em;
	text-indent: -1.5em;
	list-style-type: none;
}

.m-list-num > li::before,
.m-list-num > li::after {
	display: none;
}

/* 注意文（※付き・赤字） */

.m-txt-attention {
	display: block;
	padding-left: 1em;
	color: #EE0101;
}

.m-txt-attention::before {
	content: "※" !important;
}

/* 注意文（※付き・黒字） */

.m-txt-indent {
	padding-left: 1em;
	text-indent: -1em;
}

.m-txt-notes {
	padding-left: 1em;
	color: #727171;
	font-size: 0.875rem;
}

.m-txt-notes::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

/* 赤字 */

.m-txt-red {
	color: #EE0101;
}

/* オレンジ文字 */

.m-txt-orange {
	font-weight: bold;
	color: #EE0101;
}

/* 注意アイコン付きテキスト */

.m-icn-attention {
	position: relative;
	padding-left: 30px;
}

.m-icn-attention::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 24px;
	height: 18px;
	background: url(../image/sprites.png) no-repeat -74px -5px;
	background-size: 250px auto;
}

.android .m-icn-attention::before {
	top: 0;
}

/* アイコン付きテキストリンク */

.m-link-l,
.m-link-ll,
.m-link-lm,
.m-link-ls {
	position: relative;
	display: inline-block;
	text-decoration: underline;
	vertical-align: top;
}

/*.m-link-l::before,
.m-link-ll::before,
.m-link-lm::before,
.m-link-ls::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 4px;
	width: 15px;
	height: 15px;
	background: url(../image/sprites.png) no-repeat -27px -71px;
	background-size: 250px 250px;
	vertical-align: baseline;
}*/

.m-link-s,
.m-link-sl,
.m-link-sm,
.m-link-ss {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	text-decoration: underline;
	vertical-align: baseline;
}

/*.m-link-s::before,
.m-link-sl::before,
.m-link-sm::before,
.m-link-ss::before {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 4px;
	width: 10px;
	height: 9px;
	background: url(../image/sprites.png) no-repeat -5px -41px;
	background-size: 250px 250px;
	vertical-align: baseline;
}*/

.m-link-l::before,
.m-link-ll::before,
.m-link-lm::before,
.m-link-ls::before,
.m-link-s::before,
.m-link-sl::before,
.m-link-sm::before,
.m-link-ss::before {
	top: 0\9;
}

.android .m-link-l::before,
.android .m-link-ll::before,
.android .m-link-lm::before,
.android .m-link-ls::before {
	top: 2px;
}

.android .m-link-s::before,
.android .m-link-sl::before,
.android .m-link-sm::before,
.android .m-link-ss::before {
	top: -1px;
}

@media all and (-ms-high-contrast: none) {
	.m-link-l::before,
	.m-link-ll::before,
	.m-link-lm::before,
	.m-link-ls::before,
	.m-link-s::before,
	.m-link-sl::before,
	.m-link-sm::before,
	.m-link-ss::before {
		top: 0;
	}
}

/* 別ウィンドウアイコン */

.m-icn-blank {
	position: relative;
	top: -1px;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

.m-icn-blank[data-type="external"] {
	width: 12px;
	height: auto;
}

/* 必須アイコン */

.m-icn-must {
	display: inline-block;
	padding: 4px 6px 2px;
	line-height: 1;
	font-size: 0.74rem;
	color: var(--base-color);
	background: var(--caution-color);
}

.m-icn-must.rec {
	background: #2A84DD;
}

/* 電球アイコン */

.m-icn-merit::before {
	width: 18px;
	height: 28px;
	position: absolute;
	top: -4px;
	left: 0;
	background-position: -68px -174px;
	background-size: 250px 250px;
	background-image: url("../image/sprites.png");
	content: "";
}

/* 見出し(明朝・ボーダー付き) */

.m-hdg-min {
	position: relative;
	margin: 40px 0 20px;
	font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
}

@media screen and (min-width: 48em){
	.m-hdg-min {
		margin: 50px 0 30px;
		font-size: 1.875rem;
	}
}

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

.m-box-error {
	border: 1px solid var(--caution-color);
	padding: 15px;
	margin-top: 30px;
}

.m-box-notice {
    padding: 15px;
    margin-top: 30px;
}

@media screen and (min-width: 48em){
	.m-box-error {
		padding: 30px 20px;
		margin-top: 50px;
	}
    .modal-zip_top .m-box-error {
        margin-top: 20px;
    }
    .m-box-notice {
        padding: 30px 20px;
        margin-top: 50px;
    }
    .modal-zip_top .m-box-notice {
        padding: 0px 20px;
        margin-top: 20px;
    }
}

.m-box-error p {
	margin: 0;
	padding: 0;
	font-weight: 600;
}

.m-box-notice p {
    margin: 0;
    padding: 0;
}

.m-box-error p+p {
	margin-top: 5px;
}

.m-box-notice p + p {
    margin-top: 5px;
}

.m-txt-attentions {
	margin-top: 30px;
}

.m-txt-attentions p {
	margin: 0;
	padding: 0;
	font-size: 1rem;
}

@media screen and (min-width: 48em){
	.m-txt-attentions p {
		font-size: 1.125rem;
	}
}

.m-txt-attentions ul {
	margin-bottom: 1em;
	color: #727171;
	margin-top: 30px;
}

.m-txt-attentions li {
	font-size: 0.875rem;
}

.m-txt-attentions li+li {
	margin-top: 1.125em;
}

.m-txt-attentions p a{
	font-size: 1rem;
	margin-top: 15px;
}

/* agree table */

.m-tbl-agree {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background: #ccc;
}

.m-tbl-agree p {
	margin: 0;
}

.m-tbl-agree p + p {
	margin-top: 0.6em;
}

.m-tbl-agree th {
	padding: 0 20px;
	width: 60px;
	font-size: 0.86rem;
	text-align: left;
	background: #E9F4F1;
}

.m-tbl-agree td {
	padding: 20px;
	font-size: 0.86rem;
	background: #fff;
}

.m-tbl-agree td:last-of-type {
	width: 200px;
}

.m-tbl-agree input[type="radio"] + label {
	display: inline-block;
	padding: 2px 0 0 20px;
	line-height: 18px;
}

.m-tbl-agree label {
	cursor: pointer;
}

.android .m-tbl-agree .m-frm-radio,
.android .m-tbl-agree .m-frm-checkbox {
	top: -1px;
}


/* form table */

.m-tbl-form {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background: #ccc;
}

.m-tbl-form:first-child {
	margin-top: 20px;
}

.m-tbl-form + .m-tbl-form {
	margin-top: 20px;
}

.m-tbl-form caption {
	margin-bottom: 6px;
	text-align: left;
	font-size: 0.9rem;
}

.m-tbl-form tbody th {
	min-width: 126px;
	padding: 15px;
	text-align: left;
	vertical-align: middle;
	background: #E9F4F1;
}

.m-tbl-form .m-adj-th {
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 50px;
}

.m-tbl-form .m-icn-must {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.m-tbl-form td {
	width: 796px;
	padding: 15px;
	background: #fff;
}

.m-tbl-form td p {
	margin: 0;
}

.m-tbl-form td p + p {
	margin-top: 8px;
}

.m-tbl-form td p + ul,
.m-tbl-form td p + ol {
	margin-top: 8px;
}

.m-tbl-form td ul,
.m-tbl-form td ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.m-tbl-form td ul + p,
.m-tbl-form td ol + p,
.m-tbl-form td ul + ul,
.m-tbl-form td ol + ul,
.m-tbl-form td ul + ol,
.m-tbl-form td ol + ol {
	margin-top: 10px;
}

.m-tbl-form td .m-adj-group + .m-adj-group {
	margin-top: 20px;
}

/* form parts */

.m-frm-txt,
.m-frm-txtarea {
	-webkit-appearance: none;
	width: 200px;
	height: 40px;
	padding: 0 10px;
	vertical-align: baseline;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1rem;
	font-weight: bold;
}

@media screen and (max-width: 320px) {
	.m-frm-txt,
	.m-frm-txtarea {
		padding: 0 6px;
	}
}

input[type="email"].m-frm-txt {
	font-size: 0.85rem;
}

.m-frm-txt.m-adj-small {
	width: 78px;
}

.m-frm-txt.m-adj-middle {
	width: 268px;
}

.m-frm-txt.m-adj-wide {
	width: 100%;
}

label .m-frm-txt {
	margin-left: 10px;
}

.m-frm-txtarea {
	width: 100%;
	padding: 5px 10px;
	resize: none;
	overflow: hidden;
}

.m-tbl-form label,
.m-tbl-agree label {
	display: inline-block;
	line-height: 36px;
	cursor: pointer;
}

.m-tbl-form input[type="radio"] + label,
.m-tbl-form input[type="checkbox"] + input + label,
.m-tbl-agree input[type="radio"] + label,
.m-tbl-agree input[type="checkbox"] + input + label {
	display: inline-block;
	padding: 2px 0 0 24px;
	line-height: 18px;
}

.m-tbl-form label + label {
	margin-left: 20px;
}

/* ラジオボタン */

.m-frm-radio,
.m-frm-checkbox {
	position: absolute;
	top: 1px;
	margin-right: 7px;
	vertical-align: initial;
	z-index: 10;
	accent-color: #009682;
}

.android .m-frm-radio {
	top: 0;
}

.m-frm-radio + label,
.m-frm-checkbox + input + label {
	position: relative;
	margin-right: 20px;
	line-height: 1;
	vertical-align: initial;
}

.m-frm-radio:disabled,
.m-frm-checkbox:disabled {
	opacity: 0.4;
	pointer-events: none;
}

.m-frm-radio:disabled + label,
.m-frm-checkbox:disabled + input + label {
	color: #cccccc;
}

.m-frm-radio:disabled + label::after,
.m-frm-checkbox:disabled  + input + label::after {
	content: "未閲覧";
	display: inline-block;
	margin-left: 1em;
	padding: 0.3em 0.6em 0.15em;
	color: #EE0101;
	font-size: 0.8em;
	line-height: 1;
	border-radius: 4px;
	border: 1px solid #f00;
	vertical-align: baseline;
}



/* セレクトボックス */

/*
select {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0 10px;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
}

.m-frm-selectbox {
	position: relative;
	display: inline-block;
	width: 78px;
	height: 30px;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	border: solid 1px #ccc;
}
*/

select {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 40px;
	font-size: 1rem;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	font-weight: 500;
	padding: 0 0 0 10px;
	color: var(--base-text-color);
}

.m-frm-selectbox:after {
	border-top: 7px solid rgba(0,150,130,.55);
	border-right: 4px solid rgba(0,0,0,0);
	border-bottom: 7px solid rgba(0,0,0,0);
	border-left: 4px solid rgba(0,0,0,0);
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 7px;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	z-index: 1;
	pointer-events: none;
}

.m-frm-selectbox {
	display: inline-block;
	width: 90px;
}

.m-frm-selectbox.m-adj-middle {
	width: 168px;
}

.m-frm-selectbox.m-adj-wide {
	width: 268px;
}

.m-frm-selectbox.m-adj-wide2 {
	width: 208px;
}

/*
.m-frm-selectbox::after {
	content: "";
	position: absolute;
	right: 9px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 0 3px;
	border-color: #000 transparent transparent transparent;
}
*/

.m-frm-selectbox + .m-frm-selectbox {
	margin-left: 8px;
}

/*
.m-frm-selectbox select {
	position: absolute;
	top: 0;
	left: 0;
	width: 130%;
	height: 100%;
	background: transparent;
	border: none 0;
	outline: none;
	z-index: 2;
	font-size: .8rem;
}

*/

.m-frm-select {
	margin-bottom: 10px;
}

.m-frm-select.m-frm-settlement {
	margin: 0;
}

.m-frm-select .m-txt-after {
	padding: 0 10px 0 8px;
}

/* 非活性 */



.m-frm-txt:disabled,
select:disabled {
	color: #666666;
	background: #eeeeee;
	-webkit-text-fill-color: #666666;
  opacity: 1;
}

/* 未入力項目(背景色)

.,
td. {
	background: #fffbcc;
}
 */

/* 郵便番号入力 */
.m-frm-zip .m-frm-txt {
	width: 78px;
}

.m-frm-zip .m-frm-txt.zip_wide {
	width: 145px;
}

.m-frm-zip span {
	padding: 0 10px;
}

.m-btn-zip {
	margin: 0 0 0 30px;
	vertical-align: middle;
	font-size: 0.78rem;
	font-weight: 500;
	background: var(--base-color);
	border: 1px solid rgba(0,0,0,.08);
	padding: 9px 16px 8px;
	border-radius: 10px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	text-align: center;
	line-height: 1.2;
	transition: opacity .4s ease-out;
}

.m-btn-zip:hover {
	opacity: .65;
}

.m-btn-edit {
	margin: 10px 0 0;
	vertical-align: middle;
	font-size: 0.78rem;
	font-weight: 600;
	background: var(--base-color);
	border: 1px solid rgba(0,0,0,.08);
	padding: 9px 40px 8px;
	border-radius: 10px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	text-align: center;
	line-height: 1.2;
	transition: opacity .4s ease-out;
}

.m-btn-edit:hover {
	opacity: .65;
}

/* 電話番号入力 */

.m-frm-tel em {
	font-style: normal;
	margin-right: 9px;
}

.m-frm-tel .m-frm-txt {
	width: 78px;
}

.m-frm-tel .m-frm-txt + span {
	display: inline-block;
	padding: 0 9px;
}

.m-frm-tel .m-frm-txt.tel_wide {
	width: 240px;
}

/* 資本金 */

.m-frm-capital .m-frm-txt {
	margin: 0 12px 0 0;
}

/* 同意チェック */

.m-box-agreecheck {
	margin-top: 50px;
	padding: 25px;
	text-align: center;
}
.m-box-agreecheck label {
	cursor: pointer;
	border: 1px #ccc solid;
	padding: 10px 20px 10px 10px;
	border-radius: 5px;
	display: inline-block;
}
.m-box-agreecheck label:has(input:checked) {
	border: 1px #009682 solid;
	background: #E9F4F1;
}
.m-box-agreecheck input{
	margin-right: 9px;
	vertical-align: middle;
	accent-color: #009682;
}

/* 進むボタン */

.m-frm-submit,
.m-box-cancel_btn {
	margin-top: 27px;
	text-align: center;
}

.m-frm-submit span input {
	position: relative;
	border-radius: 10px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	text-align: center;
	line-height: 1.2;
	transition: opacity .4s ease-out;
	background: var(--accent-color);
	border: 1px solid rgba(0,0,0,.08);
	color: var(--base-color);
	font-size: 1.25rem;
	font-weight: 600;
	width: 100%;
	padding: 24px;
	margin: 30px auto 0;
	display: block;
	box-sizing: border-box;
}

@media screen and (min-width: 48em){
	.m-frm-submit span {
		width: 372px;
		margin: 40px auto 0;
		display: block;
	}
}

.m-btn-nextstep {
	position: relative;
	color: var(--base-color) !important;
	font-size: 1.25rem;
	font-weight: 600;
	z-index: 2;
	margin: 0;
	background: transparent;
	border: none 0px;
	line-height: 1.2;
}

.m-btn-apply.wide,
.m-btn-nextstep.wide {
	width: 450px;
}

.m-box-cancel .m-box-cancel_btn .m-btn-variable {
	position: relative;
	display: inline-block;
}

.m-box-cancel .m-box-cancel_btn .m-btn-variable::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	margin-top: -2px;
	width: 18px;
	height: 18px;
	background-image: url("../image/sprites.png");
	background-position: -219px -5px;
	background-size: 250px 250px;
}

.m-box-cancel .m-box-cancel_btn .m-btn-variable:hover:after {
	opacity: .45;
}


/* すべての「はい」にチェック */

.m-frm-all {
	margin-bottom: 10px;
	text-align: right;
}

.m-btn-all {
	position: relative;
	display: inline-block;
	padding: 0;
	width: 200px;
	height: 32px;
	font-size: 0.75rem;
	font-weight: bold;
	background: var(--base-color);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
}
.m-btn-all:hover {
	opacity: .65;
}

/* 前の画面に戻るリンク */

.m-frm-backlink {
	margin-top: 20px;
	text-align: center;
}

.m-frm-backlink a {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	line-height: 18px;
}

.m-frm-backlink a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	top: 0\9;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../image/sprites.png) no-repeat -62px -70px;
	background-size: 250px auto;
}

.android .m-frm-backlink a::before {
	top: 0;
}

@media all and (-ms-high-contrast: none) {
	.m-frm-backlink a::before {
		top: 0;
	}
}

/* 4カラムリスト */

.m-list-clm4 > li {
	float: left;
	width: 20%;
	margin: 5px 0;
	line-height: 0.8;
}

.m-list-clm4 > li:nth-child(3n + 1) {
	clear: both;
}

/* 3カラムリスト */

.m-list-clm3 > li {
	float: left;
	width: 33%;
	margin: 5px 0;
	line-height: 0.8;
}

.m-list-clm3 > li:nth-child(3n + 1) {
	clear: both;
}

/* 2カラムリスト */

.m-list-clm2 > li {
	float: left;
	width: 50%;
	margin: 5px 0;
	line-height: 0.8;
}

.m-list-clm2 > li:nth-child(2n + 1) {
	clear: both;
}

/* 連絡先優先順位セレクトボックス */

.m-txt-priority {
	margin-top: 10px;
}

.m-txt-priority span {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/* 口座開設の動機リスト */

.m-list-reason li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin: 5px 0 0;
}

.m-list-reason label {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding-right: 20px;
	line-height: 1.7;
}

.m-list-reason input {
	width: 14px;
}

/* STEP5 確認画面 */

.m-txt-confirm {
	margin-top: 20px;
}

.m-txt-confirm p {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}

.m-hdg-sub {
	position: relative;
	margin: 0 0 27px;
	padding-left: 10px;
	border-left: solid 4px #009682;
}

.m-hdg-sub::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: -4px;
	display: block;
	width: 100%;
	height: 0;
	border-bottom: solid 1px #D8D8D8;
}

.m-frm-confirm section + section {
	margin-top: 40px;
}

.m-frm-apply {
	margin-top: 30px;
	text-align: center;
}

@media screen and (min-width: 48em){
	.m-frm-apply {
		width: 372px;
		margin: 50px auto 0;
	}
	.m-frm-apply:has(.m-btn-apply.wide) {
		width: 525px;
	}
}

.m-frm-apply span input {
	position: relative;
	border-radius: 10px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	text-align: center;
	line-height: 1.2;
	transition: opacity .4s ease-out;
	background: #E83A3A;
	border: 1px solid rgba(0,0,0,.08);
	color: var(--base-color);
	font-size: 1.25rem;
	font-weight: 600;
	width: calc(100% - 30px);
	padding: 24px;
	margin: 30px auto 7px;
	display: block;
	box-sizing: border-box;
}

@media screen and (min-width: 48em){
	.m-frm-apply span {
		width: 100%;
	}
}

.m-btn-apply {
	position: relative;
	color: var(--base-color) !important;
	font-size: 1.25rem;
	font-weight: 600;
	z-index: 2;
	margin: 0;
	background: transparent;
	border: none 0px;
	line-height: 1.2;
}

.m-btn-apply:disabled,
.m-btn-nextstep:disabled {
	color: #222222 !important;
	cursor: default;
	background: #CCCCCC;
}

.m-btn-apply:not(:disabled):hover,
.m-btn-nextstep:not(:disabled):hover {
	opacity: .45;
}


/* STEP6 送信完了 */

.m-box-msg,
.m-box-msg2 {
	margin-top: 30px;
	margin-bottom: 24px;
	padding: 20px 10px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #222222;
	background-color: #F8F7EC;
}

.m-box-msg large {
	font-size: 1.3rem;
}

.m-box-msg em {
	color: var(--base-text-color);
	font-style: normal;
}

.m-box-msg p,
.m-box-msg2 p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.m-txt-appnumber {
	margin: 40px 0 45px 0;
	text-align: center;
}

.m-txt-appnumber em {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 1.6rem;
}

.m-txt-appnumber p {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}

.m-box-accountopen {
	margin: 0 0 40px;
	padding: 20px 30px;
	border: solid 1px #EE0101;
}

.m-box-accountopen > div {
	float: left;
	width: 565px;
}

.m-box-accountopen > figure {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

.m-box-accountopen p {
	margin: 15px 0 0;
	padding: 0;
	font-size: 0.9rem;
}

.m-adj-agree,
.m-adj-judging {
	margin-top: 60px;
}

.m-adj-afterflow p {
	margin: 0;
	font-size: 0.9rem;
}

.m-adj-afterflow:not(first-of-type) {
	margin-top: 60px;
}

.m-adj-afterflow table td {
	width: auto;
}

.m-box-flow {
	margin-bottom: 20px;
	padding: 30px;
	background: #fff;
	display: flex;
}

.m-box-flow > div {
	position: relative;
	width: 290px;
	padding: 20px 20px;
	background: var(--green-color);
}

.m-box-flow > div + div {
	margin-left: 46px;
}

.m-box-flow > div + div::before,
.m-box-flow > div + div::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}

.m-box-flow > div + div::before {
	left: -46px;
	width: 18px;
	height: 12px;
	background: #0ABC86;
}

.m-box-flow > div + div::after {
	left: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 18px;
	border-color: transparent transparent transparent #0ABC86;
}

.m-box-flow .m-icn-num {
	display: block;
	width: 34px;
	height: 34px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 34px;
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--accent-text-color);
	background: var(--base-color);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.m-box-flow p {
	line-height: 1.7;
}

.m-box-flow p .m-link-s {
	padding-left: 0;
}

.m-btn-home {
	margin: 50px 0 0;
	text-align: center;
}

.m-btn-home a {
	display: block;
	width: 240px !important;
	padding: 14px 8px;
	font-size: 14px;
	line-height: 1;
	color: #222222;
	background: #fff;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
	transition: opacity .4s ease-out;
	border: 2px solid #009682;
	margin: 0 auto 6px;
	font-weight: 600;
}

.m-btn-home a:hover {
	opacity: .45;
}

@media screen and (max-width: 767px) {
	/* ==================================================
	全ページ共通
	================================================== */
	.g-wrap,
	.g-wrap-zip {
		width: 100%;
		padding: 0;
	}
	.m-icn-blank {
		margin: 0 6px;
		width: 11px;
		vertical-align: baseline;
	}
	.l-contents {
		min-width: 100%;
	}
	.l-contents-wrap {
		padding: 12px;
	}
	/* ヘッダー
	-------------------------------------------------- */
	.l-header {
		min-width: 100%;
		border-bottom: 1px solid #e5e5e5;
		width: 100%;
		padding: 0 15px 8px;
		box-shadow: none;
	}
	.l-header p {
		position: static;
	}
	.l-header .g-wrap,
	.l-header .g-wrap-zip {
		padding: 12px 0 0;
	}
	.l-header-logo {
		float: none;
		margin: 0 auto;
		width: 85px;
	}
	.l-header-sp {
		margin: 0 auto;
		background-color: var(--green-color);
		display: flex;
		border-radius: 10px;
		padding: 15px 8px;
		justify-content: center;
	}
	.l-header-info-hours-ttl {
		font-size: 14px;
		line-height: 1.1em;
	}
	.l-header-info-hours-txt {
		margin: 0;
		font-size: 12px;
	}
	.l-header-info-tel {
		display: table-cell;
		padding: 6px 0 4px 45px;
		line-height: 1.1em;
	}
	.l-header-info-tel::after {
		display: none;
	}
	.l-header-info-tel::before {
		left: 13px;
	}
	.l-header-info-tel span {
		font-size: 13px;
	}
	/* フッター
	-------------------------------------------------- */
	.l-footer {
		min-width: 100%;
		width: 100%;
	}
	.l-footer-txt {
		padding: 25px 12px 60px;
		font-size: 0.875rem;
	}
	.l-footer-box {
		padding: 30px 0;
	}
	.l-footer-box-ttl {
		display: block;
		padding: 0 12px;
		margin: 0;
	}
	.l-footer-box-ttl::after {
		display: none;
	}
	.l-footer-box-tel {
		display: inline-block;
		margin: 0;
		padding: 0;
		font-weight: bold;
		vertical-align: middle;
		text-indent: 46px;
	}
	.l-footer-box-tel a {
		display: block;
	}
	.l-footer-box-tel span {
		display: block;
		text-indent: 0;
		font-size: 1.0625rem;
	}
	.l-footer-box-tel span a {
		display: inline-block;
		text-indent: 0;
	}
	.l-footer-box-hour {
		padding: 4px 0 0 0;
		font-size: 0.875rem;
	}
	.l-footer-white {
		width: auto;
		margin: 20px 15px 0;
		padding: 0;
		text-align: left;
		float: none;
	}
	.l-footer-bottom {
		margin: 20px 15px;
		padding: 0;
		font-size: 0.875rem;
		float: none;
		text-align: center;
	}
	/* 見出し
	-------------------------------------------------- */
	.m-hdg-01 {
		font-family: Arial, “ヒラギノ角ゴPro”, “Hiragino Kaku Gothic Pro”, メイリオ, "Meiryo", sans-serif;
	}
	.m-hdg-01 h1 {
		padding: 12px;
		font-size: 24px;
	}
	/* ボタン
	-------------------------------------------------- */
	.m-btn-01 {
		width: auto;
		max-width: 270px;
		margin: 8px auto 0;
	}
	.m-btn-cancel {
		background: #727171;
	}
	.m-btn-wide {
		font-size: 14px;
		width: 90%;
	}
	.m-btn-02 {
		max-width: 100%;
		white-space: normal;
	}
	.m-box-cancel_btn input.m-btn-02 {
		box-sizing: border-box;
	}
	/* ステップ
	-------------------------------------------------- */
	.m-nav-step {
		margin: 30px auto 20px;
	}
	.m-nav-step i {
		font-style: normal;
	}
	.m-nav-step li {
		padding: 0;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.m-nav-step li + li {
		padding: 0 0 0 10px;
	}
	.m-nav-step li + li::before,
	.m-nav-step li + li::after {
		top: 0;
		border-width: 15px 0 15px 8px;
		border-color: transparent transparent transparent #cccccc;
	}
	.m-nav-step li + li::after {
		left: -1px;
		border-color: transparent transparent transparent #ffffff;
	}
	.m-nav-step li.is-active {
		color: #ffffff;
		background: var(--accent-color);
	}
	.m-nav-step li.is-active + li::after {
		border-color: transparent transparent transparent var(--accent-color);
	}
	.m-nav-step_person li:last-of-type {
		padding: 0 0 0 10px;
	}
	/* ==================================================
	STEP01
	================================================== */
	/* 全体
	-------------------------------------------------- */
	.m-box-step_01 {
		margin: 12px 0 0 0;
		padding: 12px;
	}
	.m-grid-step_01 {
		padding: 12px 0 0;
	}
	.m-grid-step_01 figure {
		float: none;
		width: 100%;
	}
	.m-grid-step_01 figure + figure {
		margin: 20px 0 0;
		padding: 20px 0 0;
	}
	.m-grid-step_01 figure + figure::before {
		content: "";
		position: absolute;
		left: 2%;
		top: 0;
		display: block;
		height: 0;
		width: 96%;
		border-top: 1px solid #D8D8D8;
	}
	.m-grid-step_01 figcaption {
		margin: 10px 0 0;
		font-size: 14px;
	}
	.m-grid-flow {
		width: 100%;
	}
	.m-grid-flow:nth-of-type(3) {
		padding-bottom: 10px;
	}
	.m-grid-flow + .m-grid-flow::before {
		margin-left: -30px;
		border-width: 20px 30px;
	}
	.m-grid-flow > figure,
	.m-grid-flow > div {
		width: 100%;
	}
	.m-grid-flow > div {
		margin-top: 1em;
	}
	.m-grid-flow figure {
		text-align: center;
	}
	.m-box-attention {
		margin: 20px 0 0 0;
		padding: 12px;
	}
	.m-box-attention-ttl {
		font-size: 16px;
	}
	.m-box-attention ul {
		padding: 0 0 0 1.2em;
	}
	.m-box-attention li {
		font-size: 14px;
		line-height: 1.8em;
		list-style-type: none;
	}
	.m-box-attention li::before {
		content: "・";
		position: absolute;
		top: 0;
		left: -1.2em;
		display: block;
	}
	.m-box-attention ol > li::before {
		display: none;
	}
	.m-box-attention a {
		text-decoration: underline;
	}
	.m-txt-attention-upper {
		margin-top: 20px;
	}
	/* ==================================================
	本人確認
	================================================== */
	/* 全体
	-------------------------------------------------- */
	.m-box-identification {
		margin: 12px 0 0 0;
		padding: 12px;
	}
	/* テーブル
	-------------------------------------------------- */
	.m-tbl-identification {
		margin: 20px 0 0;
	}
	.m-tbl-identification table,
	.m-tbl-identification tbody,
	.m-tbl-identification tr,
	.m-tbl-identification th,
	.m-tbl-identification td {
		display: block;
		width: 100%;
	}
	.m-tbl-identification th {
		padding: 8px 12px;
		text-align: left;
		background: #E9F4F1;
	}
	.m-tbl-identification td {
		padding: 8px 12px;
	}
	.m-tbl-identification th + td {
		border-left: none;
		border-top: 1px solid #cccccc;
	}
	.m-box-identification-upload li {
		margin: 1em 0 0;
	}
	.m-box-identification-upload figure {
		margin: 20px 0;
	}
	.m-box-identification-upload figure.uploaded {
		padding: 20px 0;
		width: 94%;
	}
	.m-box-identification-upload li > .m-btn-del {
		right: 50%;
		margin-right: -48%;
	}
	/* 規約同意以下
	-------------------------------------------------- */
	.m-box-identification-agree label {
		margin: 20px 0 0;
		padding: 12px;
	}
	.m-box-identification-agree label + label {
		margin: 12px 0 20px;
	}
	.m-box-identification-application {
		margin: 40px 0 0;
		padding: 12px;
	}
	.m-box-identification-application p {
		margin: 0;
	}
	.m-box-identification-application .m-icn-merit {
		font-size: 16px;
	}

	.m-box-identification-application .m-icn-merit::before {
		top: 0;
	}
	.m-box-identification-application p + p {
		margin-top: 1em;
	}
	.m-box-identification-attention {
		margin: 12px 0 0;
		padding: 12px;
		font-size: 12px;
	}
	/* ==================================================
	キャンセル/キャンセル完了
	================================================== */
	/* 全体
	-------------------------------------------------- */
	.m-box-attention_cancel {
		margin: 0;
	}
	.m-box-cancel_complete-txt {
		margin: 0;
		padding: 20px;
	}
	/* ==================================================
	郵便番号検索
	================================================== */
	/* 全体
	-------------------------------------------------- */
	.m-btn-closebtn {
		top: 0;
	}
	.m-btn-closebtn::before {
		width: 29px;
		height: 29px;
		background-position: -168px -42px;
		background-size: 200px 200px;
	}
	.m-box-zipinput dl {
		display: block;
	}
	.m-box-zipinput dt,
	.m-box-zipinput dd {
		display: block;
		width: 100%;
	}
	.m-box-zipinput dt {
		width: 100%;
		border-right: none;
	}
	.m-box-zipinput dd {
		padding: 12px;
		margin: 0;
	}
	.m-box-zipinput dd::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	.m-box-zipinput p {
		margin: 0;
	}
	.m-box-zipinput .m-frm-zip input {
		float: left;
		width: 47%;
	}
	.m-box-zipinput .m-frm-zip span {
		float: left;
		width: 6%;
		line-height: 32px;
	}
	.m-box-zipinput .m-frm-zip .m-btn-zip {
		width: 100%;
		margin: 8px 0 0;
		box-sizing: border-box;
		height: 40px;
	}
	.m-nav-zippager {
		margin: 20px 0 0;
	}
	/* ==================================================
	STEP2縲鰀6
	================================================== */
	/* チェックアイコン付きリスト */
	ul.m-list-checkicon {
		margin: 15px 0 0;
	}
	ul.m-list-checkicon > li {
		padding-left: 28px;
	}
	ul.m-list-checkicon > li + li {
		margin-top: 10px;
	}
	ul.m-list-checkicon > li::before {
		top: 3px;
		left: 2px;
		width: 15px;
		height: 15px;
		background-position: -157px -3px;
		background-size: 200px auto;
	}
	/* --------------------- */
	.m-box-error {
		margin-top: 10px;
		padding: 15px;
		font-size: 0.875rem;
	}
    .m-box-notice {
        margin-top: 10px;
        padding: 15px;
        font-size: 0.875rem;
    }
	.m-txt-attentions ul {
		margin-bottom: 10px;
	}
	/* agree table */
	.m-tbl-agree {
		display: block;
		border-collapse: collapse;
		border-bottom: solid 1px #ccc;
		background: transparent;
	}
	.m-tbl-agree p {
		margin: 0;
	}
	.m-tbl-agree p + p {
		margin-top: 0.6em;
	}
	.m-tbl-agree tbody,
	.m-tbl-agree tr,
	.m-tbl-agree th,
	.m-tbl-agree td {
		display: block;
		width: 100% !important;
	}
	.m-tbl-agree th,
	.m-tbl-agree td {
		padding: 10px;
		border: solid 1px #ccc;
		border-bottom: none 0;
	}
	/* form table */
	.m-tbl-form {
		display: block;
		border-collapse: collapse;
		border-bottom: solid 1px #ccc;
		background: transparent;
	}
	.m-tbl-form + .m-tbl-form {
		margin-top: 10px;
	}
	.m-tbl-form caption {
		display: block;
		border: none 0;
	}
	.m-tbl-form tbody,
	.m-tbl-form tr {
		display: block;
		width: 100%;
	}
	.m-tbl-form th,
	.m-tbl-form td {
		display: block;
		border: solid 1px #ccc;
		border-bottom: none 0;
	}
	.m-tbl-form tbody th {
		min-width: 1px;
		padding: 5px 10px;
	}
	.m-tbl-form td {
		width: 100%;
		padding: 10px;
		font-size: 0.86rem;
	}
	/* form parts */
	.m-tbl-form label + label {
		margin: 10px 0 0;
	}
	.m-frm-txt {
		width: auto;
		height: 36px;
		font-size: 0.86rem;
	}
	.m-frm-txt.m-adj-middle {
		width: 100%;
	}
	.m-frm-name label {
		display: flex;
	}
	.m-frm-name .m-frm-txt {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.m-frm-txt.m-adj-wide {
		width: 100%;
	}
	.m-frm-txtarea {
		width: 100%;
		height: 4em;
		resize: vertical;
		font-size: 0.86rem;
	}
	/* ラジオボタン */
	.m-frm-radio + label,
	.m-frm-checkbox + input + label {
		display: inline;
		margin-right: 15px;
	}
	/* セレクトボックス */
	select {
		font-size: 0.86rem;
	}
	.m-frm-selectbox,
	.m-frm-selectbox.m-adj-middle,
	.m-frm-txt.m-adj-small {
		width: 100%;
		height: 36px;
	}
	.m-frm-selectbox.m-adj-wide {
		width: 100% !important;
		margin-bottom: 15px;
	}
	.m-frm-selectbox::after {
		border-width: 7px 5px 0 5px;
	}
	.m-frm-selectbox + .m-frm-selectbox {
		margin-left: 0;
	}
	.m-frm-birthday .m-frm-selectbox {
		width: 38%;
	}
	.m-frm-select.m-frm-settlement > div {
		width: 50%;
	}
	.m-frm-select.m-frm-settlement > div:nth-of-type(2),
	.m-frm-select.m-frm-settlement > span:nth-of-type(2) {
		display: inline-block;
		margin-top: 8px;
		vertical-align: middle;
	}
	.m-frm-selectbox.m-adj-middle.m-adj-contactturn {
		width: 60%;
	}
	/* 郵便番号入力 */
	.m-frm-zip.searchbox{
		display: flex;
		align-items: center;
	}
	.m-frm-zip .m-frm-txt {
		width: 46%;
	}
	.m-frm-zip .m-frm-txt.zip_wide {
		width: 100%;
	}
	.m-frm-zip span {
		display: inline-block;
		width: 8%;
		padding: 0;
		text-align: center;
	}
	.m-btn-zip {
		height: 20px;
		margin: 10px 0 0 0;
	}
	.m-btn-edit {
		height: 20px;
		margin: 10px 0 0 0;
	}
	/* 電話番号入力 */
	.m-frm-tel em {
		display: block;
		margin: 0;
	}
	.m-frm-tel .m-frm-txt {
		width: 30%;
	}
	.m-frm-tel .m-frm-txt + span {
		width: 5%;
		padding: 0;
		text-align: center;
	}
	.m-frm-tel .m-frm-txt.tel_wide {
		width: 100%;
	}
	/* 同意チェック */
	.m-box-agreecheck {
		margin-top: 30px;
		padding: 0;
		text-align: left;
		border-width: 1px;
	}
	.m-box-agreecheck label {
		display: block;
		padding: 10px 15px 10px 2.8em;
		text-indent: -1.8em;
		width: 100%;
	}
	.m-box-agreecheck input {
		margin-right: 1em;
	}
	/* 進むボタン */
	.m-frm-submit {
		margin-top: 30px;
	}
	.m-frm-submit span {
		display: block;
	}
	.m-frm-submit span::before {
		left: 20px;
	}
	.m-btn-nextstep {
		width: 100%;
		padding: 0;
		white-space: normal;
	}
	/* 4カラムリスト・3カラムリスト・2カラムリスト */
	.m-list-clm4 > li,
	.m-list-clm3 > li,
	.m-list-clm2 > li {
		width: auto;
	}
	.m-list-clm3.m-adj-spclear > li,
	.m-list-clm2.m-adj-spclear > li {
		float: none;
	}
	/* 連絡先優先順位セレクトボックス */
	.m-txt-priority {
		display: flex;
	}
	.m-txt-priority .m-frm-selectbox {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.m-txt-priority span {
		white-space: nowrap;
		line-height: 36px;
	}
	/* 口座開設の動機リスト */
	.m-list-reason label {
		padding-right: 0;
	}
	/* STEP5 確認画面 */
	.m-frm-confirm .m-hdg-sub {
		margin-bottom: 25px;
		padding-left: 5px;
		font-size: 1rem;
	}
	/* すべての「はい」にチェック */
	.m-frm-all {
		margin-bottom: 5px;
	}
	.m-btn-all {
		width: 200px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.m-frm-confirm .m-frm-backlink {
		margin-top: 30px;
	}
	.m-frm-apply {
		margin-top: 30px;
	}
	.m-btn-apply {
		width: 75%;
		white-space: normal;
	}
	/* STEP6 送信完了 */
	.m-box-msg,
	.m-box-msg2 {
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 20px;
		font-size: 1.25rem;
	}
	.m-txt-appnumber {
		margin: 30px 0;
	}
	.m-txt-appnumber em {
		font-size: 1.5rem;
	}
	.m-txt-appnumber p {
		margin-top: 5px;
		font-size: 1rem;
	}
	.m-box-msg large {
		font-size: 1.2rem;
	}
	.m-box-accountopen {
		margin: 0 0 30px 0;
		padding: 20px;
	}
	.m-box-accountopen > div {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.m-box-accountopen > figure {
		float: none;
		text-align: center;
	}
	.m-box-accountopen > figure img {
		width: 90%;
	}
	.m-box-accountopen .m-box-attention-ttl {
		padding: 0;
		text-align: center;
		font-size: 1.25rem;
	}
	.m-box-accountopen .m-box-attention-ttl::before {
		top: 6px;
		width: 30px;
		height: 30px;
		background-position: -205px -5px;
		background-size: 343px auto;
	}
	.m-box-accountopen p {
		margin-top: 10px;
		font-size: 1.1rem;
	}
	.m-adj-agree,
	.m-adj-judging {
		margin-top: 30px;
	}
	.m-adj-afterflow p {
		font-size: 1rem;
	}
	.m-adj-afterflow:not(first-of-type) {
		margin-top: 30px;
	}
	.m-box-flow {
		margin-bottom: 15px;
		padding: 10px;
		display: block;
	}
	.m-box-flow > div {
		float: none;
		width: auto;
		height: auto;
		padding: 20px 15px;
	}
	.m-box-flow > div + div {
		margin: 40px 0 0;
	}
	.m-box-flow > div + div::before,
	.m-box-flow > div + div::after {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.m-box-flow > div + div::before {
		top: -40px;
		width: 12px;
		height: 15px;
	}
	.m-box-flow > div + div::after {
		top: -30px;
		border-width: 20px 16px 0 16px;
		border-color: #0ABC86 transparent transparent transparent;
	}
	.m-box-flow .m-icn-num {
		width: 30px;
		height: 30px;
		margin-bottom: 6px;
		line-height: 30px;
		font-size: 1.5rem;
	}
	.m-btn-home {
		margin-top: 30px;
	}
	.m-btn-home a {
		display: block;
		width: 100%;
		height: auto;
	}
	/* ==================================================
	モーダル
	================================================== */
	/* 全体
	-------------------------------------------------- */
	.m-modal {
	}
	.m-modal-box {
		padding: 24px;
		width: 80%;
	}
	.m-modal-ttl {
		font-size: 1.4rem;
	}
	.m-modal-inner {
		font-size: 0.875rem;
	}
}


/* 2019/03/04 修正
-------------------------------------------------- */
@media screen and (max-width: 420px) {

	.m-btn-apply.wide, .m-btn-nextstep.wide {
		width: 90%;
	}

	.m-btn-apply {
		width: 90%;
	}
}


.m-tbl-form .matsui_bank_check .m-icn-must {
	left: 9em;
	width: 5.2em;
}
.m-tbl-form td.double_table_outer_td {
	padding:0;
}
.m-tbl-form td.double_table_outer_td .m-tbl-agree {
	border-collapse: collapse;
	background:#fff;
}
.m-tbl-form td.double_table_outer_td .m-tbl-agree td {
	width: auto;
	background:none;
}
.m-tbl-form td.double_table_outer_td .m-tbl-agree td:last-of-type {
	width: 190px;
	border-left:1px solid #ccc;
}
.m-tbl-form .matsui_bank_tel_check {
	margin-top: 15px;
	text-align: center;
}
.m-tbl-form .matsui_bank_tel_check strong{
	text-align: center;
	display: inline-block;
	border: 1px solid var(--caution-color);
	padding: 10px 5rem;
}

@media screen and (max-width: 767px) {
	.m-tbl-form .matsui_bank_check li {
		width: 100%;
	}
	.m-tbl-form td.double_table_outer_td .m-tbl-agree {
		border:none;
	}
	.m-tbl-form td.double_table_outer_td .m-tbl-agree td {
		border:none;
	}
	.m-tbl-form td.double_table_outer_td .m-tbl-agree td:last-of-type {
		border:none;
		border-top:1px solid #ccc;
	}
	.m-tbl-form .matsui_bank_tel_check strong{
		width:100%;
		padding: 10px 1rem;
	}
}

/* 250407 デザイン変更 */
label.m-radio-label, label.m-check-label{
	border: 1px #ccc solid;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	margin-right: 5px;
	line-height: 1.2;
}
label.m-radio-label.w100, label.m-check-label.w100{
	width: 100%;
}
label.m-radio-label + label, label.m-check-label + label{
	margin-left: 0;
}
.m-radio-label .m-frm-radio, .m-check-label .m-frm-checkbox{
	margin-top: 0!important;
	top:50%!important;
	left: 7px;
	transform: translateY(-50%);
	height: 14px;
}
.m-radio-label:has(.m-frm-radio:checked), .m-check-label:has(.m-frm-checkbox:checked){
	border: 1px #009682 solid;
	background: #E9F4F1;
}
.m-radio-label:has(.m-frm-radio:disabled), .m-check-label:has(.m-frm-checkbox:disabled){
	color: #ccc;
}
.m-radio-label:has(.m-frm-radio:disabled):after, .m-check-label:has(.m-frm-checkbox:disabled):after{
	content: "未閲覧";
	display: inline-block;
	margin-left: 1em;
	padding: 0.3em 0.4em 0.15em;
	color: #EE0101;
	font-size: 0.8em;
	line-height: 1;
	border-radius: 4px;
	border: 1px solid #f00;
	vertical-align: baseline;
}
.m-icn-tag{
	display: inline-block;
	font-size: 0.74rem;
	color: var(--caution-color);
	padding: 0 4px;
	border: 1px var(--caution-color) solid;
	border-radius: 3px;
	margin: 0 0 0 1em;
	line-height: 1.2;
}
.m-icn-tag.--gray{
	color: #666;
	border: 1px #666 solid;
}
.m-radio-label u{
	text-decoration: none;
}
@media screen and (max-width: 767px){
	.m-icn-tagwrap{
		display: block;
	}
	.m-icn-tag{
		margin: 3px 5px 0 1em;
	}
	.sp-radio-flex{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 2%;
	}
	.m-radio-label.sp-w50{
		margin-right: 0;
		margin-top: 0;
		width: 49%;
	}
}


/* 250409 郵便番号入力modal */
.is-invisible{
	visibility: collapse!important;
	display: none!important;
}
#addSelect{
	display: block;
}
#addInput{
	display: none;
}
input[type="button"].m-btn-zip02{
	margin-left: 30px;
	padding: 9px 16px 5px 32px;
	background: #fff;
	background-image: url(../image/icon_search.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 13px 9px;
	border: 1px var(--accent-color) solid;
	border-radius: 5px;
	color: var(--accent-color);
	font-weight: bold;
	font-size: 16px;
}
input[type="button"].m-btn-zip02:focus{
	opacity: .6;
}
.modal-zip{
	position: fixed;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	/* visibility: hidden; */
	display: none;
}
.modal-zip_close{
	position: absolute;
	right: 17px;
	top: 10px;
	width: 40px;
	height: 40px;
	border-radius: 25px;
	background: var(--accent-color);
	z-index: 100;
	padding: 0;
	border: 0;
}
.modal-zip_close:before, .modal-zip_close:after{
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 10px;
	top: 19px;
}
.modal-zip_close:before{
	rotate: 45deg;
}
.modal-zip_close:after{
	rotate: -45deg;
}
.modal-zip_inner{
	max-width: 1000px;
	width: 90%;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 10px;
	overflow-y: hidden;
	padding: 0;
    height: 90%;
}
.modal-zip_selector {
    height: calc(100% - 65px);
}
.modal-zip_selector_e {
    height: calc(100% - 171px);
}
.modal-zip_selector_n {
    height: calc(100% - 109px);
}
.modal-zip_scroll {
    overflow-y: scroll;
    height: calc(100% - 200px);
}
.modal-zip_title{
	padding: 0 20px;
	text-align: center;
}
.modal-zip_top{
	padding: 0 20px;
	margin: 20px 0;
}
.modal-zip_searchbox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
	gap: 0 15px;
}
.modal-zip_searchtxt{
	margin: 0;
	font-weight: bold;
}
.modal-zip_searchbtn{
	padding: 12px 15px 11px 30px;
	margin: 0 0 0 15px;
	font-size: 16px;
	line-height: 1em;
	background: #fff;
	background-image: url(../image/icon_search.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 12px 10px;
	border: none;
	border-radius: 5px;
	color: var(--accent-color);
	border: 1px var(--accent-color) solid;
	font-weight: bold;
}
.modal-zip_searchbtn:focus{
	opacity: .6;
}
.modal-zip_list{
    background: #e3e3e3;
    padding: 10px 20px 20px;
    min-height: 100%
}
.modal-zip_resultbtn{
	width: 100%;
	font-size: 16px;
	padding: 7px 15px;
	margin-top: 10px;
	box-sizing: border-box;
}
.modal-zip_item{
	margin-top: 10px;
}
.modal-zip_list label{
	display: inline-block;
	background: #fff;
	padding: 15px 15px 15px 30px;
}
.modal-zip_note{
	list-style: none;
	padding-left: 0;
	font-size: 14px;
	color: #555;
}
.modal-zip_note > li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom:8px;
}
.modal-zip_btnarea{
	text-align: center;
	padding-bottom: 20px;
}
.modal-zip_btn{
	display: block;
	font-size: 16px;
	padding: 10px 15px;
	width: 65%;
	margin: 20px auto;
	border-radius: 5px;
	border: 1px var(--accent-color) solid;
}
.modal-zip_btn.--type01{
	background: var(--accent-color);
	color: #fff;
}
.modal-zip_btn.--type02{
	background: #888;
	color: #fff;
	border: 1px #888 solid;
}
.modal-zip_pagelist{
    list-style: none;
    gap: 8px;
    text-align: center;
    align-items: center;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.modal-zip_pagelist > li {
	display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.modal-zip_pagelist > li a{
	display: block;
	padding: 7px 10px 6px;
	line-height: 1em;
	border: 1px #aaa solid;
	background: #fff;
}
.modal-zip_pagelist > li.is-active a{
	color: #fff;
	background: var(--accent-color);
}
.modal-zip_pagelist > li a span{
	color: var(--accent-color);
}
.modal-zip .m-tbl-form{
	width: 95%;
	margin: 20px auto 0;
	background: #fff;
	border: 1px #ccc solid;
	border-collapse: collapse;
}
.modal-zip .m-tbl-form th{
	width: 20%;
	border: 1px #ccc solid;
}
.modal-zip .m-tbl-form td{
	width: 70%;
	border: 1px #ccc solid;
}
@media screen and (max-width: 767px){
	input[type="button"].m-btn-zip02{
		margin: 10px 0 10px 20px;
		padding: 7px 16px 3px 32px;
	}
	.modal-zip_close{
		padding: 0;
		margin: 0;
		border: none;
		background: none;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 10px;
		left: 15px;
		z-index: 100;
	}
	.modal-zip_close:before{
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		border-top: 2px var(--accent-color) solid;
		border-left: 2px var(--accent-color) solid;
		position: absolute;
		transform: rotate(-45deg);
		top: 11px;
		left: 10px;
		rotate: 0deg;
	}
	.modal-zip_close:after{
		content: '';
		display: block;
		width: 25px;
		height: 2px;
		background: var(--accent-color);
		position: absolute;
		top: calc(50% - 1px );
		left: 10px;
		rotate: 0deg;
	}
	.modal-zip_inner{
		width: 100%;
		max-height: none;
		height: 100%;
		border-radius: 0;
		top: 0;
		left: 0;
		transform: none;
	}
    .modal-zip_selector {
        height: calc(100% - 37px);
    }
    .modal-zip_selector_e {
        height: calc(100% - 100px);
    }
    .modal-zip_selector_n {
        height: calc(100% - 98px);
    }
	.modal-zip_scroll{
		height: calc(100% - 200px);
	}
	.modal-zip_title{
		margin: 15px 0;
	}
	.modal-zip_top{
		margin: 15px 0;
		padding: 0 3%;
	}
	.modal-zip_searchbox{
		margin-top: 10px;
		gap: 0 10px;
	}
	.modal-zip_searchbox > .m-frm-txt{
		width: 45%;
	}
	.modal-zip_searchtxt{
		font-size: 15px;
	}
	.modal-zip_searchbtn{
		font-size: 15px;
		padding: 10px 10px 10px 28px;
		background-position: 8px 8px;
		margin-left: 0;
	}
	.modal-zip_list{
		padding: 10px 3%;
	}
	.modal-zip_pagelist > li a{
		font-size: 13px;
		padding: 7px 8px 6px;
	}
    .modal-zip_pagelist > li a:hover {
        opacity: 1;
    }
	.modal-zip_btn{
		margin: 15px auto;
	}
	.modal-zip .m-tbl-form{
		border: none;
		border-top: 1px #ccc solid;
	}
	.modal-zip .m-tbl-form tbody, .modal-zip .m-tbl-form tr{
		display: block;
	}
	.modal-zip .m-tbl-form th, .modal-zip .m-tbl-form td{
		width: 100%;
		border-top: none;
	}
}
/* 250417 デザイン修正 */
.m-radio-clm2{
	margin-top: 0;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	gap: 2%;
}
.m-radio-clm2 > li{
	width: 49%;
	margin: 5px 0;
}
.m-radio-clm3{
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}
.m-radio-clm3 > li{
	width: 32%;
	margin: 5px 0;
}
.m-radio-clm4{
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
}
.m-radio-clm4 > li{
	width: 24.5%;
	margin: 5px 0;
}
.m-radio-flex{
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
}
@media screen and (max-width: 767px){
	.m-radio-clm2, .m-radio-clm3, .m-radio-clm4{
		margin-top: 0;
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
		gap: 2%;
	}
	.m-radio-clm2 > li, .m-radio-clm3 > li, .m-radio-clm4 > li{
		width: 49%;
		margin: 5px 0;
	}
	.m-tbl-identification-radio .m-radio-label, .m-radio-flex .m-radio-label{
		width: 100%;
	}
	.m-radio-flex li.sp-w100{
		width: 100%;
		margin: 5px 0;
	}
}
.color_red {
	color: var(--caution-color) !important;
}
.m-radio-label > .radio-note{
	font-size: 90%;
	margin-left: 1em;
}
@media screen and (max-width: 767px){
	.m-radio-label > .radio-note{
		margin-left: 0;
		display: block;
	}
	.sp-float{
		position: absolute;
		right: 5px;
		top: 5px;
	}
}
li.naibu-kankei-div1-visible-control label {
    display: flex;
    height: 100%;
    align-items: center;
}
li.naibu-kankei-div2-visible-control label {
    display: flex;
    height: 100%;
    align-items: center;
}
div.m-box-agreecheck p label a {
    text-decoration: underline;
}