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

インデックス
	├ 基本スタイル
	├ 見出し
	├ カラムレイアウト
	├ ボタン
	├ フォームパーツ
	├ 画像アップロードエリア
	├ 本人確認完了ページ
	└ メディアクエリ

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




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

基本スタイル｜START｜

------------------------------------------------------------------------*/
body {
	font-size: 16px;
	overflow-x: hidden;
}
body * {
	line-height: 1.6;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
}
p,
li {
	font-size: .9rem;
}
p:not(:last-child) {
	margin-bottom: .5rem;
}
.contents img {
	width: 100%;
	display: block;
}
br.br-tablet {
	display: none;
}
br.br-mobile {
	display: none;
}
.caption {
	font-size: .8rem;
	margin: .5rem 0;
}

.content > *:last-child {
	margin-bottom: 0;
} 
#pageContent {
	padding-bottom: 2rem;
}
.box ul li:not(:last-of-type) {
	margin-bottom: .25rem;	
}


/*------------------------------------
　フレックスのセット｜START｜
------------------------------------*/
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex-all-center{
	flex-direction: column;
	justify-content: center; 
	align-items: center;
}
.flex-v-center{
	flex-direction: column;
	justify-content: center; 
}
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column}
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap}
.flex-start {
	justyify-content:flex-start;	
}
.flex-end {
	justify-content: flex-end;
}
.flex-center {
	justify-content: center;
}
.flex-between {
	justify-content: space-between;
}
/*------------------------------------
　フレックスのセット｜END｜
------------------------------------*/

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

基本スタイル｜END｜

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





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

　見出し｜START｜

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

header h1 {
	font-size: 1.25rem;
	text-align: center;
	font-weight: bold;
	padding: 1rem 0;
}
h2 {
	padding: 1.5rem 1rem .5rem 1rem;
	background-color: #F0F2F4;
	font-weight: bold;
	font-size: 1rem;
	color: #929292;
	margin-bottom: 1.5rem;
}
h3 {
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}
.caution_box h4 {
	font-size: 1.1rem;
	margin-bottom: .5rem;
}
.identification .text-title {
	font-size: 1.2rem;
	text-align: center;
}

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

　見出し｜END｜

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





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

　レイアウト｜START｜

------------------------------------------------------------------------*/
.identification .container {
	width: 100%;
	margin-bottom: 2.75rem;
}
.identification .contents {
	width : -webkit-calc(100% - 2rem) ;
  width : calc(100% - 2rem) ;
	margin: 0 auto;
}
.identification .contents.fit {
	width: 100%;
}
.contents > .content:last-of-type {
	margin-bottom: 0;
}
.identification .content-item.col-2 {
	width: 45%;
}
.identification .area-overview .content-item {
	margin-bottom: 1rem;
}

/*------------------------------------
　ロゴヘッダー
------------------------------------*/
.identification-header{
  padding: .5rem;
  border-bottom: solid 1px #DADADA;
}

.identification-header__item{
  margin: 0 auto;
  max-width: 6rem;
}

.identification-header__item img{
  width: 100%;
  margin: 0 auto;
}

/*------------------------------------
　ヘッダー・フッター｜START｜
------------------------------------*/
/*ヘッダー*/
.identification header .container {
	margin-bottom: 2rem;
}
.identification header .contents.fit {
	background-color: #F1F3F5;
	margin-bottom: 2rem;
}
.identification #main header{
	margin-bottom: 3rem;
}

/*フッター*/
footer .contents p{
	text-align: center;	
	color: #929292;
}
.identification .contents {
	margin-bottom: 1rem;
}
.identification .content {
	margin-bottom: 2rem;
}
.bg-white{
  background-color: #fff!important;
}

/*------------------------------------
　ヘッダー・フッター｜END｜
------------------------------------*/


/*------------------------------------
　ボックス｜START｜
------------------------------------*/
.box {	
	padding: 1.25rem 1rem;
	background-color: #F0F2F4;
}
.box ul {	
	padding-left: 1.15rem;
}
.box.resubmit {
	background-color: #FDECEC;
	color: #E03131;
}
.box.resubmit h2{
	color: #E03131;
	background: none;
	font-weight: normal;
	padding: 0;
	padding-left: 1rem;
	margin-bottom: .5rem;
	text-indent: -1rem;
}
.box.resubmit h2.caution:before {
	content: "";
	height: 1rem;
	width: 1rem;
	padding-right: .25rem;
	display: inline-block;
	background: url(../img/img_alert-triangle.svg) no-repeat left 0;
}



/*------------------------------------
　ボックス｜END｜
------------------------------------*/

/*------------------------------------
　エラー表示｜START｜
------------------------------------*/
.text-caution {
	color: #E03131;
}
 .text-caution.icon:before {
	content: "";
	width: 1.05em;
	margin-right: .35rem;
	background: url(/img/apply/img_icon_exclamation.svg) no-repeat;
	height: 1.05em;
	display: inline-block;
	background-size: contain;
	background-position: bottom center;
}
.identification .identification_kind_error ul{
	margin-left: 0;		
}
.error_message {
	list-style: none;
	color: #E03131;
	text-align: center;
	padding-left: 0;
}
.error_message li:not(:last-of-type){
	margin-bottom: .5rem;
}
.bold{
  font-weight: bold;
}
.small{
  font-size: 15px!important;
}

/*------------------------------------
　エラー表示｜END｜
------------------------------------*/

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

　レイアウト｜END｜

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





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

　ボタン｜START｜

--－------------------------------------------------------------------------*/
/*基本｜START｜*/
[class*="btn"] {
	margin: 1.5rem 0;
}
 [class*="btn"] > a{
	display: block;
	text-decoration: none;
	border-radius: .25rem;
}
 [class*="btn"] > a span,
#apply [class*="btn"] > a span{
	display: block;
	width: 100%;
	text-align: center;
}
/*基本｜END｜*/

/*実行ボタン｜START｜*/
.btn-execution > a,
#apply .btn-execution > a {
	background-color: #22B8CF;
	border-radius: 1.5rem;
	height: 3rem;
	width: 80%;
  max-width: 400px;
	padding: 1rem ;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	position: relative;
	display: flex; 
	align-items: center;
}
/*実行ボタン｜END｜*/

/*ボタン無効時｜START｜*/
 .btn-execution.disabled > a {
	background-color: #ccc;
	color: #fff;
	cursor: default;
}
/*ボタン無効時｜END｜*/

/*戻るボタン｜START｜*/
 .btn-back > a {
	max-width: 150px;
	padding: .5rem .75rem;
	background-color: #fff;
	border: 1px solid #666;
	color: #666;
	text-align: center;
	margin: 0 auto;
	position: relative;
	display: flex; 
	align-items: center;  
}
 .btn-back > a:before {
	content:"";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	transform: rotate(-135deg);
	margin-right: auto;
	margin-left: 0;
}
/*戻るボタン｜END｜*/

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

ボタン｜END｜

--－------------------------------------------------------------------------*/




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

　フォームパーツ｜START｜

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

/*------------------------------------
　セレクトボックス｜START｜
------------------------------------*/
.identification .container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.container select::-ms-expand {
  display: none;
  display: none;
}
.identification .container select{
  width: 100%;
	cursor: pointer;
	background-color: #fff;
	padding: .75rem 2.25rem .75rem .75rem;
	border-color: #ccc;
	border-radius: .3rem;
	outline: none;
}
.identification .container .content-item.select:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0.8rem;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -.35rem;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

/*矢印*/
.identification input[type="radio"],
.identification input[type="checkbox"] {
	display: none;
}
.identification input[type="radio"] + label .check-box:after,
.identification input[type="checkbox"] + label.check-box:after {
	display: block;
	content: '';
	position: absolute;
	top: 1.2rem;
  left: .8rem;
	width: 12px;
  height: 5px;
	border-left: 3px solid #5db97d;
	border-bottom: 3px solid #5db97d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
}

.identification-wrap{
  max-width: 640px;
	margin: 0 auto;
}

/*------------------------------------
　セレクトボックス｜END｜
------------------------------------*/



/*------------------------------------
　「×」ボタン｜START｜
------------------------------------*/
 .box-drop .reset {
  position: relative;
  cursor: pointer;
}
 .box-drop .reset a::before,
 .box-drop .reset a::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 60%;
	height: 12%;
	margin: 0 auto ;
	background: #fff;
}
 .box-drop .reset a::before {
  transform: rotate(-45deg);
}
 .box-drop .reset a::after {
  transform: rotate(45deg);
}
/*------------------------------------
　「×」ボタン｜END｜
------------------------------------*/

/*------------------------------------
　選択時｜START｜
------------------------------------*/
/*------------------------------------
　選択時｜END｜
------------------------------------*/

/*------------------------------------
　不要（未使用パーツ）｜START｜
------------------------------------*/
/*
.identification input[type="radio"]:checked + label .check-box,
.identification input[type="radio"]:checked + label .check-box:before {
	border: 1px solid #5db97d;
  background-color: #fff;
	color: #5db97d;
}
.identification input[type="radio"]:checked + label .check-box:before {
	border-color: #ccc;
}
.identification input[type="radio"]:checked + label.content-item {
	border: 1px solid #5db97d;
	background-color: #e5f6eb;
}
.identification input[type="radio"]:checked + label .check-box:after,
.identification input[type="checkbox"]:checked + label.check-box:after {
	opacity: 1;
}
.identification input[type="checkbox"]:checked + label.check-box {
	border: 1px solid #5db97d;
	background-color: #e5f6eb;	
}
.identification input[type="radio"] + label .check-box:before,
.identification input[type="checkbox"] + label.check-box:before{
	content: '';
	position: absolute;
	-webkit-transition: all .2s;
	transition: all .2s;
	left: .75rem;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #ccc;
}
.identification input[type="checkbox"] + label.check-box {
	position: relative;
	padding: 1rem .75rem 1rem 2.15rem;
	border: 1px solid #ccc;
	border-radius: .3rem;
	display: block;
}
.identification input[type="radio"] + label {
	display: block;
  border-radius: .5rem;
}
.identification input[type="radio"] + label .check-box {
	position: relative;
	padding: 1rem 1rem;
	border: 1px solid #ccc;
	border-radius: .3rem;
  margin-top: .5rem;
}
.identification input[type="radio"] + label .check-box:hover,
.identification input[type="checkbox"] + label.check-box:hover{
	background-color: #e5f6eb;
}
.identification input[type="radio"] + label .check-box > p{
	text-indent: 1.4rem;
  margin-bottom: 0;
}
*/
/*------------------------------------
　不要（未使用パーツ）｜END｜
------------------------------------*/

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

　フォームパーツ｜END｜

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





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

　画像アップロードエリア｜START｜

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

.area-image-id {
	display: none;
}
.passport-annotation {
	display: none;
}
.area-upload section .contents:not(:last-of-type) {
	padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;	
}
.area-upload .content-item {
position: relative;
}
.area-upload .area-portrait .contents {
	margin: 0 auto;
}
.area-upload .content-item.col-2 {
	width: 50%;
}
.area-upload.mynumber .area-image-id .content-item:last-of-type {
	display: none;
}
.box-drop {
padding: 1rem;
border-radius: .35rem;
text-align: center;
background-color: #F0F2F4;
min-height: 46vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
 .box-drop img {
	display: block;
	/* max-height: 100%; */
	/* width: 100%; */
	margin: 0 auto;
	border: 2px solid #22B8CF;
}


/*ローディング時*/
 .box-drop img.loading {
	border: none;
}
 .box-drop img.loading+.reset_button {
	display: none;
}
 .box-drop p {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
}
 .box-drop p span {
		display: block;
		width: 100%;
	 font-size: 1.4rem;
	 color: #929292;
}
 .box-drop p:before {
	content:"";
	display: block;
	max-width: 70px;
	margin: 0 auto .5rem auto;
	width: 100%;
}

/*------------------------------------
　アップロードエリア（身分証）　カラム合わせ｜START｜
------------------------------------*/
.area-upload:not(.mynumber) .area-image-id .box-drop + label {
	position: absolute;
	bottom: -3.5rem;
}
.area-upload:not(.mynumber) .area-image-id .box-drop {
	position: relative;
}
.area-upload:not(.mynumber) .area-image-id .flex{
	margin: 0 auto;
	display: table-row-group;
}
.area-upload:not(.mynumber) .area-image-id .content-item.col-2{
	display: table-cell;
	vertical-align: middle;
  background-color: #F0F2F4;
	border-radius: .35rem;
}
.area-upload:not(.mynumber) .area-image-id .contents {
  display: table;
	border-collapse: separate;
	border-spacing: .5rem 0;
	margin-bottom: 6rem;
	width: -webkit-calc(100% - 1rem);
  width: calc(100% - 1rem);
}

/*------------------------------------
　アップロードエリア（身分証）　カラム合わせ｜END｜
------------------------------------*/


/*------------------------------------
　通常時｜START｜
------------------------------------*/
 .box-drop label {
	padding: .5rem 1rem;
	border: 1px solid #5EC181;
	display:inline-block;
	max-width: 180px;
	margin: 0 auto;
	border-radius: 4px;
	font-weight: bold;
	color: #fff;
	font-size: .8rem;
	background-color: #5EC181;
  margin-top: .5rem;
}
 .box-drop label:hover {
	opacity: .85;
}
 .box-drop input {
	display: none;
}
 .box-drop .reset {
display: block;
    position: relative;
    margin: 0 auto 0 auto;
}
 .box-drop .reset_button {
	width: 1.6rem;
	height: 1.6rem;
	background-color: #22B8CF;
	color: #fff;
	text-decoration: none;
	position: absolute;
	z-index: 2;
	top: -.7rem;
  right: -.7rem;
  font-size: 1.5rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 0;
}
 .box-drop .btn-reset a {
	color: #fff;
	text-decoration: none;
}
 .box-drop label:before {
	content:"画像ファイルを選択";
}
 .upload .box-drop label:before {
	content:"画像ファイルを変更";
}
.box-drop + label {
	padding: .75rem .25rem;
	border: 1px solid #E7EAED;
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	border-radius: 4px;
	color: #000;
	font-size: .65rem;
	margin-top: .75rem;
	text-align: center;
}

.box-drop + label > input {
	display: none;
}
.box-drop .content-item {
	width: 48.5%;
}
.identification .area-method label.content-item {
	border: 1px solid #ccc;
	padding: 1.5rem;
}
.identification .area-method label.content-item img {
	max-width: 150px;
	margin: 0 auto;
	display: block;
	margin-bottom: 1rem;
	height: 100%;
}
.area-overview .contents .flex {
	width : -webkit-calc(100% - 3rem) ;
  width : calc(100% - 3rem) ;
	margin: 0 auto 1.25rem auto;
}
.area-overview__boxImg {
  margin: 0 auto 1rem;
  max-width: 70%;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .area-overview__boxImg {
    max-width: 18rem;
  }
}

/*------------------------------------
　通常時｜END｜
------------------------------------*/


/*------------------------------------
　各選択時の表示切替｜START｜
------------------------------------*/
/*------------------------------------
　各選択時の表示切替｜END｜
------------------------------------*/


/*------------------------------------
　アップロード後｜START｜
------------------------------------*/
 .upload .box-drop {
    /* border: 1px solid #FF6B6B; */
    /*background-color: #F0F2F4;*/
    position: relative;
    /*overflow: auto;*/
}
 .upload .box-drop + label {
	border: 1px solid #22B8CF;
	display:inline-block;
	color: #22B8CF;
	font-size: .8rem;
	background-color: #fff;
  margin-top: .5rem;
}
 .content-item.upload .box-drop p {
	display: none;
}
 .content-item.uplaod .box-drop + label {
	color: #5EC181;
  background: none;
}
/*------------------------------------
　アップロード後｜END｜
------------------------------------*/


/*-------------------------------------
ロード用アニメーション｜START｜
------------------------------------*/

/*ロード用アニメーション（ベース）｜START｜*/
body #ajax-loader{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; z-index: 100;}body #ajax-loader div.loding_box{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em;}.loader{font-size: 25px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); right: 10px;}@-webkit-keyframes load5{0%, 100%{box-shadow: 0em -2.6em 0em 0em #c0c0c0, 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.5), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.7);}12.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.7), 1.8em -1.8em 0 0em #c0c0c0, 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.5);}25%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.5), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.7), 2.5em 0em 0 0em #c0c0c0, 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}37.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.5), 2.5em 0em 0 0em rgba(192, 192, 192, 0.7), 1.75em 1.75em 0 0em #c0c0c0, 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}50%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.5), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.7), 0em 2.5em 0 0em #c0c0c0, -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}62.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.5), 0em 2.5em 0 0em rgba(192, 192, 192, 0.7), -1.8em 1.8em 0 0em #c0c0c0, -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}75%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.5), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.7), -2.6em 0em 0 0em #c0c0c0, -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}87.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.5), -2.6em 0em 0 0em rgba(192, 192, 192, 0.7), -1.8em -1.8em 0 0em #c0c0c0;}}@keyframes load5{0%, 100%{box-shadow: 0em -2.6em 0em 0em #c0c0c0, 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.5), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.7);}12.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.7), 1.8em -1.8em 0 0em #c0c0c0, 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.5);}25%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.5), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.7), 2.5em 0em 0 0em #c0c0c0, 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}37.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.5), 2.5em 0em 0 0em rgba(192, 192, 192, 0.7), 1.75em 1.75em 0 0em #c0c0c0, 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}50%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.5), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.7), 0em 2.5em 0 0em #c0c0c0, -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.2), -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}62.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.5), 0em 2.5em 0 0em rgba(192, 192, 192, 0.7), -1.8em 1.8em 0 0em #c0c0c0, -2.6em 0em 0 0em rgba(192, 192, 192, 0.2), -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}75%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.5), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.7), -2.6em 0em 0 0em #c0c0c0, -1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2);}87.5%{box-shadow: 0em -2.6em 0em 0em rgba(192, 192, 192, 0.2), 1.8em -1.8em 0 0em rgba(192, 192, 192, 0.2), 2.5em 0em 0 0em rgba(192, 192, 192, 0.2), 1.75em 1.75em 0 0em rgba(192, 192, 192, 0.2), 0em 2.5em 0 0em rgba(192, 192, 192, 0.2), -1.8em 1.8em 0 0em rgba(192, 192, 192, 0.5), -2.6em 0em 0 0em rgba(192, 192, 192, 0.7), -1.8em -1.8em 0 0em #c0c0c0;}}
/*ロード用アニメーション（ベース）｜END｜*/


/*ロード用アニメーション（ブルー）｜START｜*/
body #image_loading {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	display: flex;
	justify-content: center;
	align-items: center;
}
body #ajax-loader div.loding_box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 1em;
	height: 1em;
}
@-webkit-keyframes load-blue{0%,100%{box-shadow:0 -2.6em 0 0 #22B8CF,1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.5),-1.8em -1.8em 0 0 rgba(34,184,207,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.7),1.8em -1.8em 0 0 #22B8CF,2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.5),1.8em -1.8em 0 0 rgba(34,184,207,.7),2.5em 0 0 0 #22B8CF,1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.5),2.5em 0 0 0 rgba(34,184,207,.7),1.75em 1.75em 0 0 #22B8CF,0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.5),1.75em 1.75em 0 0 rgba(34,184,207,.7),0 2.5em 0 0 #22B8CF,-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.5),0 2.5em 0 0 rgba(34,184,207,.7),-1.8em 1.8em 0 0 #22B8CF,-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.5),-1.8em 1.8em 0 0 rgba(34,184,207,.7),-2.6em 0 0 0 #22B8CF,-1.8em -1.8em 0 0 rgba(34,184,207,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.5),-2.6em 0 0 0 rgba(34,184,207,.7),-1.8em -1.8em 0 0 #22B8CF}}@keyframes load-blue{0%,100%{box-shadow:0 -2.6em 0 0 #22B8CF,1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.5),-1.8em -1.8em 0 0 rgba(34,184,207,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.7),1.8em -1.8em 0 0 #22B8CF,2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.5),1.8em -1.8em 0 0 rgba(34,184,207,.7),2.5em 0 0 0 #22B8CF,1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.5),2.5em 0 0 0 rgba(34,184,207,.7),1.75em 1.75em 0 0 #22B8CF,0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.5),1.75em 1.75em 0 0 rgba(34,184,207,.7),0 2.5em 0 0 #22B8CF,-1.8em 1.8em 0 0 rgba(34,184,207,.2),-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.5),0 2.5em 0 0 rgba(34,184,207,.7),-1.8em 1.8em 0 0 #22B8CF,-2.6em 0 0 0 rgba(34,184,207,.2),-1.8em -1.8em 0 0 rgba(34,184,207,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.5),-1.8em 1.8em 0 0 rgba(34,184,207,.7),-2.6em 0 0 0 #22B8CF,-1.8em -1.8em 0 0 rgba(34,184,207,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(34,184,207,.2),1.8em -1.8em 0 0 rgba(34,184,207,.2),2.5em 0 0 0 rgba(34,184,207,.2),1.75em 1.75em 0 0 rgba(34,184,207,.2),0 2.5em 0 0 rgba(34,184,207,.2),-1.8em 1.8em 0 0 rgba(34,184,207,.5),-2.6em 0 0 0 rgba(34,184,207,.7),-1.8em -1.8em 0 0 #22B8CF}}
/*ロード用アニメーション（グリーン）｜END｜*/

/*身分証登録画像アップロード*/
.box-drop .loader {
	font-size: 10px;
	-webkit-animation: load-blue 1.1s infinite ease;
	animation: load-blue 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	right: 0;
}
.box-drop #image_loading {
	position: absolute;
	background: none;
}



/*------------------------------------------------------------------------
ロード用アニメーション｜END｜
------------------------------------------------------------------------*/


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

　画像アップロードエリア｜END｜

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




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

　本人確認完了ページ｜START｜

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

	
/*本人確認　完了ページ｜START｜*/
.identification_comp .caution_box p,
.disapproved .caution_box p	{
	text-align: left;
}
.disapproved .reason dt,
.disapproved .reason dd,
.disapproved .reason li{
	text-align: left;
}
.disapproved .reason dd:before {
	content: "・";
}
/*本人確認　完了ページ｜END｜*/

	
/*本人確認　承認否認ページ｜START｜*/
.disapproved .caution_box [class*="btn"] {
	margin:1rem 0;
	padding-left: 1rem;
	padding-right: 1rem;
	}
.disapproved .caution_box [class*="btn"]:last-of-type {
	margin-top:0; 
	}
/*本人確認　承認否認ページ｜END｜*/
	

/*申し込み　完了ページ｜START｜*/
.apply_04 .title.is-2 {
	padding-left: 0;
}
/*申し込み　完了ページ｜END｜*/


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

　本人確認完了ページ｜START｜

------------------------------------------------------------------------*/
.identification.processing header {
	height: 72px;
	border-bottom: 1px solid #ccc;
	padding: 20px 15px;
}
.identification.processing header .header-img img {
	width: 100%;
	max-width: 106px;
}
.identification.processing .container {
	padding: 40px 0;
}
.identification.processing .container .content {
	padding: 0 15px;
}
.identification.processing .content-unit {
	text-align: center;
}
.identification.processing .content-unit p.title {
	font-size: 24px;
	font-weight: bold;
}
.identification.processing .content-unit p.text {
	font-size: 18px;
}
.identification.processing .content-unit p:not(:last-child) {
	margin-bottom: 2rem;
}
.identification.processing .content-unit .content-unit-img {
	width: 100%;
	margin: 40px 0 20px;
}

@media screen and (min-width: 450px) {
.identification.processing .content-unit p.text .br-sp{
	display: none;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////


　メディアクエリ


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

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

　タブレット切り替え

------------------------------------*/
@media screen and (min-width: 640px) {
.identification .contents {
	width: -webkit-calc(100% - 10rem);
	width: calc(100% - 10rem);
}
.pollet.identification {
	margin: 0 auto;
}
.box-drop {
	min-height: 280px;
}
br.br-tablet {
	display: block;
}	
.identification .area-method label.content-item {
  padding: 1rem 1.5rem;
}
.area-upload:not(.mynumber) .area-image-id .contents {
	width: -webkit-calc(100% - 9rem);
	width: calc(100% - 9rem);
}
	
.identification.processing header {
	padding: 20px 40px;
}
.identification.processing .content-unit p.text {
	font-size: 20px;
}
.identification.processing .content-unit .content-unit-img {
	margin: 80px 0 40px;
}
}