@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}
html{
	min-width: 280px;
}
body{
	background: linear-gradient(28deg, #fdc598 0%, #fdc598 50%, #f7f5dc 100%);
	font-size: 11px;
	color: #333;
	min-height: 100vh;
	display: flex;
 	flex-direction: column;
 	font-family: Noto Sans CJK JP Light,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
}
img{
	max-width: 100%;
}
a{
	color: #00acf0;
}
::placeholder{
  	color: #A6A6A6;
}
.font16.only-num{
	padding-left: 8px;
}
.font16.only-num::placeholder{
	text-align: left;
}
.half-width::placeholder {
	font-size: 12px;
}
input[type="tel"][name="CODE_NUMBER"]{
	font-size: 12px;
	text-align: left;
}
.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.block{
	display: block;
}
.mgn-tp3{
	margin-top: 3px;
}
.mgn-tp5{
	margin-top: 5px;
}
.mgn-tp10{
	margin-top: 10px;
}
.mgn-tp15{
	margin-top: 15px;
}
.mgn-tp20{
	margin-top: 20px;
}
.mgn-tp30{
	margin-top: 30px;
}
.mgn-tp40{
	margin-top: 40px;
}
.mgn-btm5{
	margin-bottom: 5px;
}
.mgn-btm10{
	margin-bottom: 10px;
}
.mgn-btm15{
	margin-bottom: 15px;
}
.mgn-btm20{
	margin-bottom: 20px;
}
.mgn-btm30{
	margin-bottom: 20px;
}
.mgn-btm50{
	margin-bottom: 50px;
}
.pdg-lt5{
	padding-left: 5px;
}
.pdg-lt20{
	padding-left: 20px;
}
.pdg-rt5{
	padding-right: 5px;
}
.pdg-rt20{
	padding-right: 20px;
}
.flex{
	display: flex;
}
.orange{
	color: #ff6600;
}
.blue{
	color: blue;
}
.red{
	color: #FF0000;
}
.orange{
	color: #ff5722;
}
.container{
	width: 95%;
	margin: auto;
}
.pc-only{
	display: none;
}
.font-small{
	font-size: 9px;
}
.left{
	text-align: left;
}

/*ヘッダー*/
header{
	text-align: center;
    border-image: linear-gradient(to right,#efba38 0,#ef6c32 25%,#db3d35 75%,#d02d2d 100%) 1/0 0 5px 0;
    border-style: solid;
    padding: 5px 0;
   	background-color: #fff;
   	margin: 0;
}
header img{
	width: 30%;
	vertical-align: bottom;
	max-width: 100px;
}
header .container{
	position: relative;
	width: 100%;
}
header .head-btm{
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 5px;
	display: none;
}
header .logout{
	background-color: #bfbfbf;
	color: #333;
	text-decoration: none;
	padding: 5px;
	border-radius: 5px;
	font-size: 9px;
	font-weight: bold;
	display: none;
	margin-left: 5px;
	position: absolute;
}
header .logout span{
	padding-right: 3px;
}
header .login-time{
	font-size: 9px;
	line-height: 1.2;
	display: none;
	float: right;
}
header .login-time div{
	display: inline-block;
}
header .login-time p{
	text-align: left;
}
.head-tp{
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
.menu{
	display: none;
	color: #333;
	position: absolute;
	right: 0;
	top: 0;
}
.menu p{
	font-size: 9px;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 17px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ff6600;
  border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 7px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.user-name{
	float: left;
	font-size: 9px;
	line-height: 1.2;
	text-align: left;
}
.top header .login-time{
	display: block;
}
.before-top header .logout,
.top header .logout{
	display: block;
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.before-top .user-name{
	display: none;
}
.top .head-btm{
	display: block;
}
.top .menu{
	display: block;
}
.view-btn #btnSP{
	display: none;
}
.view-btn a{
	display: inline-block;
	background-color: #f2f2f2;
	color: #e82635;
	border: 2px solid #e82635;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	padding: 2px;
	position: absolute;
	top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.view-btn{
	display: none;
}
.login-wrap .view-btn{
	display: block;
}
.footerFixed{
    min-height: 100vh;
    position: relative;
    padding-bottom: 70px;
    box-sizing: border-box;
}
footer{
	position: absolute;
    bottom: 0;
    border-image: linear-gradient(to right,#efba38 0,#ef6c32 25%,#db3d35 75%,#d02d2d 100%) 1/3px 0 0 0;
    border-style: solid;
   	background-color: #fff;
   	font-size: 70%;
	margin-top: auto;
	box-sizing: border-box;
	width: 100%;
}
footer .logo-box{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
footer p{
	font-size: 9px;
	line-height: 1.2;
}
footer .logo-box img{
	width: 45%;
	max-width: 120px;
}

.step{
  	list-style-type: none;
  	display:flex;
  	width:100%;
  	padding: 0;
  	margin: 0;
  	overflow:hidden;
  	border-bottom: 1px solid #ff6600;
  	border-top: 1px solid #ff6600;
  	margin-bottom: 10px;
}
.step li{
  	position:relative;
  	background: #fff;
  	color: #6f6f6f;
  	text-align: center;
  	padding: 7px 0;
  	width: 43%;
  	height: 24px;
  	font-weight: bold;
  	letter-spacing: 1px;
}
.step li:first-child{
  	width: 30%;
}
.step li:last-child{
  	width: 27%;
}
.step li:last-child:before,
.step li:last-child:after{
  	display:none;
}
.step li:before,
.step li:after{
  	content: "";
  	position: absolute;
  	width: 0;
  	height: 0;
  	margin: auto;
}
.step li:before{
    top: -21px;
    right: -4em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 4em;
    z-index: 10;
}
.step li:after{
  	top:-21px;
  	right:-3.9em;
  	border-style: solid;
  	border-color: transparent transparent transparent #fff;
  	border-width: 40px 0 40px 4em;
  	z-index: 10;
}
.step li.current{
  	background: #ff6600;
  	color: #fff;
}
.step li.current:after{
  	border-color: transparent transparent transparent #ff6600;
}
.step li span{
	position: absolute;
	top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 120%;
    z-index: 11;
    line-height: 1.2;
}
.step li:nth-child(2) span{
	padding-left: 20px;
}
.step li:last-child span{
	padding-left: 14px;
}
.step2{
	list-style-type: none;
  	display:flex;
  	width:100%;
  	padding: 0;
  	margin: 0;
  	overflow:hidden;
  	border-bottom: 1px solid #ff6600;
  	border-top: 1px solid #ff6600;
  	margin-bottom: 10px;
}
.step2 li{
  	position:relative;
  	background: #fff;
  	color: #6f6f6f;
  	text-align: center;
  	padding: 7px 0;
  	height: 24px;
  	font-weight: bold;
}
.step2 li:first-child{
	width: 24%;
	text-align: left;
}
.step2 li:nth-child(2){
	width: 33%;
}
.step2 li:nth-child(3){
	width: 18%;
}
.step2 li:last-child{
	width: 26%;
}
.step2.new li:first-child{
	width: 17%;
	text-align: center;
}
.step2.new li:nth-child(2){
	width: 30%;
}
.step2.new li:nth-child(3){
	width: 30%;
}
.step2.new li:last-child{
	width: 24%;
}
.step2 li:last-child:before,
.step2 li:last-child:after{
  	display:none;
}
.step2 li:before,
.step2 li:after{
  	content: "";
  	position: absolute;
  	width: 0;
  	height: 0;
  	margin: auto;
}
.step2 li:before{
    top: -21px;
    right: -4em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 4em;
    z-index: 10;
}
.step2 li:after{
  	top:-21px;
  	right:-3.9em;
  	border-style: solid;
  	border-color: transparent transparent transparent #fff;
  	border-width: 40px 0 40px 4em;
  	z-index: 10;
}
.step2 li.current{
  	background: #ff6600;
  	color: #fff;
}
.step2 li.current:after{
  	border-color: transparent transparent transparent #ff6600;
}
.step2 li > span{
	position: absolute;
	top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 125%;
    z-index: 11;
}
.step2.new li > span{
	width: 85%;
}
.step2 li:first-child > span{
	padding-left: 5px;
	width: 135%;
}
.step2 li:nth-child(2) > span{
	padding-left: 30px;
}
.step2 li:nth-child(3) > span{
	padding-left: 50px;
}
.step2 li:nth-child(4) > span{
	padding-left: 15px;
}
.step2.new li:first-child > span{
	width: 145%;
	padding-left: 10px;
}
.step2.new li:nth-child(2) > span{
	padding-left: 35px;
}
.step2.new li:nth-child(3) > span{
	padding-left: 35px;
}
.step2.hp-sms-skip li:last-child {
	width: 43%;
}
.step2.hp-sms-skip li:nth-child(3) > span {
	padding-left: 0;
}
.step3{
  	list-style-type: none;
  	display:flex;
  	width:100%;
  	padding: 0;
  	margin: 0;
  	overflow:hidden;
  	border-bottom: 1px solid #ff6600;
  	border-top: 1px solid #ff6600;
  	margin-bottom: 10px;
}
.step3 li{
  	position:relative;
  	background: #fff;
  	color: #6f6f6f;
  	text-align: center;
  	padding: 7px 0;
  	width: 35%;
  	height: 44px;
  	font-weight: bold;
}
.step3 li:first-child{
	width: 28%;
}
.step3 li:last-child:before,
.step3 li:last-child:after{
  	display:none;
}
.step3 li:before,
.step3 li:after{
  	content: "";
  	position: absolute;
  	width: 0;
  	height: 0;
  	margin: auto;
}
.step3 li:before{
    top: -12px;
    right: -4em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 4em;
    z-index: 10;
}
.step3 li:after{
  	top:-12px;
  	right:-3.9em;
  	border-style: solid;
  	border-color: transparent transparent transparent #fff;
  	border-width: 40px 0 40px 4em;
  	z-index: 10;
}
.step3 li.current{
  	background: #ff6600;
  	color: #fff;
}
.step3 li.current:after{
  	border-color: transparent transparent transparent #ff6600;
}
.step3 li span{
	position: absolute;
	top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 11;
}
.step3 li:first-child span{
	width: 115%;
}
.step3 li:nth-child(2) span{
	padding-left: 25px;
	width: 46%;
    text-align: right;
}
.step3 li:nth-child(3) span{
	padding-left: 35px;
	width: 80%;
    text-align: right;
}
.step3 li:last-child span{
	padding-left: 15px;
}
.step3.col3 li:first-child{
	width: 25%;
}
.step3.col3 li:nth-child(2){
	width: 35%;
}
.step3.col3 li:last-child{
  	width: 40%;
}
.step3.col2 li:first-child{
	width: 41%;
}
.step3.col2 li:last-child{
	width: 59%;
}
.step3.col2 li span{
	left: 60%;
}
.step3.col3 li:first-child span{
	width: 100%;
}
.step3.col2 li:last-child span{
	left: 50%;
}
.step3.col3 li:nth-child(2) span{
	width: 70%;
	text-align: center;
}
.step3.col3 li:nth-child(3) span{
	width: 40%;
	text-align: center;
	padding-left: 0;
}
.regist-head{
	background-color: #fff;
	padding-top: 10px;
	line-height: 1.3;
	margin-left: -2.5%;
	margin-right: -2.5%;
	padding-bottom: 10px;
}
.regist-head.pdg-tp7{
	padding-top: 7px;
}
.regist-head p{
	padding: 0 10px;
	font-weight: bold;
	line-height: 1.1;
}
.regist-head.pdg-tp0{
	padding-top: 0;
}
.regist-head-inner > a{
	font-size: 9px;
	padding-left: 7px;
}
.regist-head-inner h2{
	background-color: #ff6600;
	color: #fff;
	font-size: 100%;
	padding: 3px 10px;
}
.regist-head-inner > div{
	width: 85%;
	margin: auto;
	padding-bottom: 0;
	margin-top: 7px;
}
.regist-head-inner > div div{
	border: 1px solid #ff6600;
	padding: 7px 0;
	margin-top: 7px;
	font-weight: normal;
}
.regist-head-inner > div div p{
	font-weight: normal;
}
.pin-reset-inner form{
	margin-top: 0;
}
form{
	line-height: 1.8;
	margin-top: 10px;
}
.login form{
	margin-top: 0;
}
.login .error_msg_box{
	margin-top: -10px;
}
form .text-box{
	background-color: #fff;
	border-radius: 5px;
	padding: 8px 13px;
	margin-bottom: 10px;
}
form .text-box.mgn-btm50{
	margin-bottom: 50px;
}
form .text-box-orange{
	background-color: #fff;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid #ff6600;
}
form .text-box.mgn-btm15{
	margin-bottom: 15px;
}
form .text-box.mgn-btm20{
	margin-bottom: 20px;
}
form .text-box .btn-box button.home{
	margin-top: 5px;
}
form .text-box .mail-label-box{
	border: 1px solid #7f7f7f;
	text-align: center;
	padding: 5px;
}
form .text-box .supplement-message{
	margin-right: -8px;
	margin-left: -8px;
}
.mail-label-ttl{
	font-size: 100%;
	font-weight: bold;
	background-color: #f7f9dd;
	border: 1px solid #7f7f7f;
	border-bottom: none;
	padding: 0 10px;
	line-height: 28px;
}
form .text-box .mail-label-box p{
	margin-bottom: 0;
	line-height: 1.8;
}
form p{
	line-height: 1.2;
	margin-bottom: 5px;
}
form p.mgn-btm0{
	margin-bottom: 0;
}
form p.ttl{
	font-weight: bold;
	border-left: 6px solid;
	padding-left: 5px;
	font-size: 11px;
	padding-top: 1px;
}
.login form p.ttl{
	font-size: 12px;
}
.login form p.ttl .small{
	font-size: 11px;
}
form p.mail{
	font-weight: bold;
	text-decoration: underline;
	padding-left: 12px;
	margin-bottom: 0;
}
form p.mail-add{
	padding-left: 12px;
}
form p.id{
	font-weight: bold;
	text-decoration: underline;
	padding-left: 12px;
}
form p.id img{
	height: 16px;
	vertical-align: bottom;
	padding-left: 3px;
}
form p.pass{
	font-weight: bold;
	padding-left: 12px;
	letter-spacing: 3px;
	margin-bottom: 0;
	padding-top: 3px;
}
form p.small{
	font-size: 9px;
}
form input.font16{
	font-size: 16px;
}
form input{
	padding: 0 1%;
	border: 1px solid #ff6600;
	width: 100%;
	margin-bottom: 5px;
	font-size: 16px;
	margin-top: 3px;
	min-height: 32px;
	line-height: 20px;
	border-radius: 0px;
	box-sizing: border-box;
}
form input:invalid{
	padding: 5px;
}
form input:focus{
	background-color: #fbe5d6;
	outline: none;
}
form input[type="checkbox"]{
	width: auto;
	margin-bottom: 0;
	vertical-align: text-bottom;
	margin-right: 5px;
	margin-top: 0;
	min-height: auto;
}
.login-wrap form input.width25p{
	width: 30%;
}
form input.width15p{
	width: 15%;
}
form input.width20p{
	width: 20%;
}
form input.width25p{
	width: 25%;
}
form input.width30p{
	width: 30%;
}
form input.half{
	width: 46%;
}
form input.code{
	width: 41%;
}
form input.bg-orange{
	background-color: #fbe5d6;
}
form .birth-box{
	font-weight: bold;
}
form .birth-box input{
	font-weight: normal;
}
form .birth-box .width40{
	width: 55px;
}
form .birth-box .width20{
	width: 35px;
}
form .btn-box{
	text-align: center;
	margin-bottom: 15px;
}
form .btn-box.mgn-btm0{
	margin-bottom: 0;
}
form .btn-box.mgn-btm10{
	margin-bottom: 10px;
}
form button{
	background-color: #ff6600;
	color: #fff;
	padding: 0 7px;
	border-radius: 5px;
	position: relative;
	font-weight: bold;
	border: 1px solid #ff6600;
	margin-bottom: 7px;
	font-size: 12px;
	width: 90%;
	line-height: 32px;
}
form button.bg-white{
	background-color: #fff;
	color: #ff6600;
}
form button.back{
	border-color: #333;
	color: #333;
	background-color: #fff;
	font-weight: normal;
}
form button.close{
	background-color: #fff;
	color: #ff6600;
}
form button.home{
	background-color: #fff;
	color: #333;
}
form button span{
	position: absolute;
	right: 5px;
	font-weight: normal;
}
.login form button span{
	right: 25px;
}
form button.back span{
	left: 10px;
	right: auto;
}
form button.home span{
	left: 10px;
	right: auto;
}
form button.home img{
	height: 13px;
	vertical-align: text-bottom;
	padding-top: 9px;
}
form .cmp-btn button{
	margin-bottom: 0;
	padding: 5px;
}

.radio-flex-wrap {
	display: flex;
}
.radio-flex-wrap .radio-box {
	padding: 0 1%;
	width: 50%;
}
.radio-flex-wrap .radio-box:first-child {
	padding-left: 0;
}
.radio-flex-wrap .radio-box:last-child {
	padding-right: 0;
}
.radio-box .radio-long-option {
	line-height: 20px;
	display: flex;
}
.radio-box .radio-long-option .img-wrap {
	width: 10%;
	max-width: 25px;
	display: flex;
	align-items: center;
}
.radio-box .radio-long-option .radio-text-wrap {
	margin: auto 0;
	width: 90%;
}

.radio-box{
	padding-bottom: 7px;
}
.radio-box.pdg-btm0{
	padding-bottom: 0;
}
.radio-box input[type=radio] {
 	display: none;
}
.radio-box label img{
	height: 14px;
	vertical-align: sub;
	padding-right: 3px;
}
.radio-box label .radio-on{
	display: none;
}
.radio-box input[type="radio"]:checked + label{
	background-color: #fbe5d6;
}
.radio-box input[type="radio"]:checked + label .radio-on{
	display: inline-block;
}
.radio-box input[type="radio"]:checked + label .radio-off{
	display: none;
}
.radio-box label{
	display: block;
	border: 1px solid #ff6600;
	border-radius: 5px;
	padding: 0 5px;
	font-weight: bold;
	overflow: hidden;
	line-height: 32px;
	cursor: pointer;
}
.login .direct-top{
	align-items: center;
}
.direct-top{
	display: flex;
	margin-top: 10px;
	padding: 0 3px;
}
.direct-top img{
	width: 35px;
}
.direct-top h2{
	color: #e60011;
	font-size: 14px;
	line-height: 1.2;
	margin-left: 10px;
}
.fintech-top{
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 12px;
}
.fintech-top h2{
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: normal;
}
.fintech-top div{
	background-color: #eee;
	padding: 10px 5px;
	line-height: 1.2;
}
.link-img {
    height: 12px;
    vertical-align: text-bottom;
    margin-left: 3px;
}
form .text-box h3{
	background-color: #7f7f7f;
	color: #fff;
	padding: 0 7px;
	margin-bottom: 7px;
	font-size: 100%;
	line-height: 24px;
}
form .text-box h3.bold{
	font-weight: bold;
}
.regist form h4{
	background-color: #ff6600;
	color: #fff;
	padding: 0 7px;
	font-size: 100%;
	margin-bottom: 7px;
	line-height: 24px;
}
form .text-box-orange.mgn-btm30{
	margin-bottom: 30px;
}
.regist form .text-box-orange .btn-box{
	margin-bottom: 0;
}
.regist form .text-box-orange button{
	color: #ff6600;
	width: 90%;
	border-color: #ff6600;
	padding: 0;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 25px;
}
.regist form .text-box-orange input[type="button"]{
	-webkit-appearance: none;
	cursor: pointer;
    background-color: #fff;
    color: #ff6600;
    width: 90%;
    border-color: #ff6600;
    padding: 0;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 25px;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    min-height: 25px;
}
.tel-confirm-box{
	background-color: #f2f2f2;
	border-radius: 5px;
	margin-bottom: 7px;
}
.tel-confirm-box table{
	width: 100%;
	text-align: center;
	font-size: 11px;
}
.tel-confirm-box table th{
	text-align: left;
	padding: 0 10px;
}
.tel-confirm-box table thead th{
	font-weight: normal;
	padding: 0 5px;
}
.tel-confirm-box table td{
	padding: 0 5px;
}
.tel-confirm-box table tbody td{
	font-weight: bold;
}
.news{
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 7px;
    padding: 3px;
    border: 1px solid #ff6600;
    margin-top: 5px;
    font-weight: bold;
    line-height: 1.2;
}
.login-tab ul{
	display: flex;
}
.login-tab li{
	width: 50%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color:#BFBFBF;
	color: #5e5e5e;
	border-radius: 10px 10px 0 0;
	font-size: 12px;
	cursor: pointer;
}
.login-tab li.select{
	background-color: #ff6600;
	color: #fff;
}
.login-tab li span{
	font-size: 10.5px;
}
.login-cts-input .text-box{
	padding-top: 15px;
	margin-bottom: 15px;
}
.login form .text-box{
	border-radius: 0;
}
form .text-box .btn-box{
	margin-bottom: 0;
	margin-bottom: 5px;
}
form .text-box .btn-box button{
	width: 99%;
	margin-bottom: 0;
	margin-top: 15px;
}
form .text-box.login-trouble-box{
	padding: 7px 5px;
	margin-bottom: 15px;
}
.login-trouble-box > p{
	font-size: 9px;
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 1.2;
}
form .login-trouble-box h3{
	width: 88%;
	margin: auto;
	margin-bottom: 10px;
}
.login-trouble{
	display: flex;
	margin-bottom: 15px;
}
.login-trouble a{
	width: 33%;
	margin: 0 1.5%;
	border: 1px solid #ff6600;
	font-size: 9px;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	box-shadow: 2px 2px 2px;
}
.login-trouble table{
	width: 100%;
	border-collapse: collapse;
	font-size: 100%;
}
.login-trouble table th{
	background-color: #fbe5d6;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #c7c7c7;
	line-height: 1.2;
}
.login-trouble table th img{
	height: 20px;
	vertical-align: bottom;
}
.login-trouble table td{
	padding: 3px;
	font-weight: bold;
}
.login-trouble table td.bold{
	font-weight: bold;
}
.login-trouble table tr:nth-child(2) td{
	border-bottom: 1px solid #c7c7c7;
}
form .login-trouble-box .btn-box{
	margin-top: 10px;
}
.login .login-trouble-box .btn-box a{
	width: 92%;
}
.login .btn-box a{
	color: #ff6600;
	border: 1px solid #ff6600;
	font-weight: bold;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	font-size: 9px;
	border-radius: 5px;
	line-height: 25px;
}
.login-regist p{
	font-size: 9px;
}
.login-regist .btn-box{
	margin-top: 10px;
}
.login-btm{
	background-color: #fff;
	padding-top: 10px;
	margin-top: 15px;
	margin-bottom: -10px;
}
.login-btm .container{
	width: 90%;
	margin: auto;
}
.login-btm h3{
	background-color: #7f7f7f;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 5px;
    font-size: 100%;
	font-weight: normal;
	line-height: 24px;
}
.login-btm .smail{
	font-size: 9px;
}
.login-btm .time-box{
	border: 2px solid #7f7f7f;
	padding: 10px;
}
.login-btm a{
	font-weight: bold;
}
.login-btm .link-box{
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.before-box{
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 7px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.before-box p{
	margin-bottom: 10px;
	line-height: 1.2;
}
.before-box .btn-box{
	text-align: center;
	margin-top: -5px;
	margin-bottom: 5px;
}
.before-box .btn-box a{
	font-size: 100%;
	width: 90%;
}
.login .btn-box a.back{
	text-decoration: none;
	color:  #333;
	border: 2px solid #333;
	position: relative;
}
.before-box .btn-box a.back span{
	position: absolute;
	left: 10px;
	font-weight: normal;
}
form .btn-box button.back-orange span{
	left: 10px;
	right: auto;
  }
form .text-box-orange .tel{
	text-decoration: underline;
	width: 90%;
	margin: auto;
}
.reset-pass{
	text-decoration: underline;
	width: 90%;
	margin: auto;
}
.top-bg-box{
	background-color: #fff;
	border-radius: 7px;
	padding: 7px 15px;
	margin: 10px 0;
}
.top-bg-box .notice{
	background-color: #ff6600;
	border-radius: 7px;
	color: #fff;
	padding: 5px 10px;
}
.top-bg-box .notice img{
	height: 18px;
	vertical-align: top;
}
.top-bg-box .notice img.link{
	height: 12px;
	vertical-align: text-top;
}
.top-bg-box .notice div span{
	text-decoration: underline;
	font-size: 90%;
}
.top-bg-box .notice p{
	font-size: 9px;
}
.top-bg-box .notice p span{
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
}
.arrow-btm{
	display: inline-block;
	border-bottom: solid 2px #fff;
  	border-right: solid 2px #fff;
  	width: 6px;
  	height: 6px;
  	transform: rotate(45deg);
  	margin-top: -1px;
  	margin-right: 7px;
  	vertical-align: text-top;
}
.arrow-right{
	display: inline-block;
	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
  	width: 6px;
  	height: 6px;
  	transform: rotate(45deg);
  	margin-top: -1px;
  	margin-right: 7px;
  	vertical-align: text-top;
}
.arrow-btm.orange{
	border-color: #ff6600;
}
.top-bg-box .message{
	color: #ff6600;
	border: 2px solid #ff6600;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 5px 10px;
	margin-top: 10px;
	font-size: 12px;
}
.top .right{
	position: absolute;
	top: 50%;
    right: 3%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	font-size: 9px;
}
.top h2{
	background-color: #ff6600;
	color: #fff;
	line-height: 1;
	border-radius: 7px;
	padding: 7px 10px;
	margin-bottom: 10px;
	position: relative;
	font-size: 14px;
}
.top h2 span{
	font-size: 90%;
	letter-spacing: 0.5px;
}
.top h2 span .kana{
	display: block;
	letter-spacing: 3px;
	padding-left: 5px;
	font-size: 9px;
}
.top h2 .right{
	right: 2%;
}
.top h3{
	background-color: #ff6600;
	color: #fff;
	line-height: 1;
	padding: 8px 5px;
	position: relative;
	font-size: 12px;
}
.top-bg-box .inner{
	padding-top: 10px;
}
.top-bg-box .inner h4{
	background-color: #7f7f7f;
    color: #fff;
    padding: 5px 10px;
    font-size: 100%;
    line-height: 1.3;
}
.top-bg-box .inner > div{
	padding: 5px 10px;
	border-bottom: 2px dotted #333;
	margin-bottom: 10px;
}
.top-bg-box .inner .btn-box{
	text-align: right;
	margin: 5px 0;
}
.top-bg-box .inner .btn-box a{
	display: inline-block;
	background-color: #ff6600;
	color: #fff;
	text-decoration: none;
	width: 35%;
	text-align: center;
	padding: 2px;
	border-radius: 5px;
}
.reset-message{
	background-color: #fff;
	line-height: 1.3;
}
.reset-message .container > p{
	padding: 0 5px;
	line-height: 1.2;
}
.reset-message .container{
	padding-top: 15px;
	padding-bottom: 10px;
}
.reset-message h2{
	margin-top: 15px;
	font-size: 100%;
	background-color: #ff6600;
	color: #fff;
	padding: 0 7px;
	line-height: 24px;
}
.reset-message .message-box{
	border: 1px solid #ff6600;
	margin: 8px 0;
	padding: 7px;
	font-weight: bold;
	line-height: 1.2;
}
.pin-reset .btn-box{
	text-align: center;
	margin-top: 15px;
}
.pin-reset button{
	width: 80%;
    background-color: #fff;
    color: #333;
    padding: 0;
    border-radius: 5px;
    position: relative;
    font-weight: bold;
    border: 1px solid #ff6600;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 32px;
}
.pin-reset button span{
	position: absolute;
	left: 10px;
}
.pin-reset button span img{
	height: 15px;
	padding-top: 7px;
}
.regist form .mail-note h4{
	width: auto;
	margin-bottom: 5px;
	font-size: 105%;
}
.regist form .mail-note .border{
	border: 1px solid #ff6600;
	padding: 5px;
}
.regist form .pin-note .border{
	border: 1px solid #ff6600;
	padding: 5px;
}
.regist form .mail-note .border p{
	margin-bottom: 0;
}
.regist form .pin-note .border p{
	margin-bottom: 10px;
}
.regist form .pin-note .border p span{
	padding-left: 5px;
}
.regist form .pin-note .border p:last-child{
	margin-bottom: 0;
}
form .text-box .copy{
	border-radius: 5px;
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	background-color: #F2F2F2;
	width: 90%;
	margin: auto;
	padding: 2px;
	margin-top: 13px;
	position: relative;
	display: none;
}
form .text-box .copy:before {
  content: "";
  position: absolute;
  top: -18px;
  left: 15px;
  border: 8px solid transparent;
  border-bottom: 12px solid #F2F2F2;
}
.checklist-box{
	border: 1px solid #ff6600;
	padding: 3px 5px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.checklist-box p{
	margin-bottom: 0;
}
.pass-question{
	text-align: right;
	padding: 0 10px;
	margin-top: 5px;
	margin-bottom: -2px;
}
.pass-question a{
	font-size: 9px;
	color: #333;
}
.password-input{
	position: relative;
}
.password-input img{
	height: 20px;
	position: absolute;
    top: 20px;
    right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.password-input .mdi-eye{
	display: none;
}
.password-input .mdi-eye-off{
	display: block;
}
.password-input .active .mdi-eye{
	display: block;
}
.password-input .active .mdi-eye-off{
	display: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.radio-box input:disabled + label{
  	background: #ccc!important;
  	opacity: 0.6;
}
.radio-box input:disabled + label i{
	background-color: #ccc;
}
.post-code input{
  width: 45px;
}
.post-code input[name="POST_CODE_2"]{
	width: 55px;
}
.radio-txt{
	margin-left: 22px;
	margin-bottom: 8px;
	margin-top: -3px;
}
.inline-notice{
	width: 100%;
}

@media screen and (min-width:281px){
	.step li span{
		width: 100%;
		left: 60%;
	}
	.step2 li > span{
		width: 100%;
		left: 60%;
	}
	.step2 li .flex{
		display: block;
	}
	.step2 li:first-child{
		text-align: center;
	}
	.step3 li span{
		width: 85%;
		left: 60%;
	}
	.step3 li:nth-child(2) span{
		text-align: center;
	}
	.step3 li:nth-child(3) span{
		text-align: center;
	}
	.step3.col3 li:first-child{
		width: 30%;
	}
	.step3.col2 li:first-child{
		width: 47%;
	}
	.step3.col2 li:last-child{
		width: 53%;
	}
	.step3.col2 li:first-child span{
		padding-right: 30px;
	}
	.step3.col2 li:last-child span{
		text-align: center;
		padding-left: 20px;
	}
	.step3 li span br{
		display: none;
	}
}
@media screen and (max-width:281px){
	.radio-box label.small-label{
		font-size: 90%;
	}
}
.js-validate-error{
	color: #ff0000;
	font-weight: normal;
}
.js-input-validate-error{
	background: #ffd6d6
}
.disp-none {
	display: none;
}
p.id {
	word-wrap: break-word;
}
p.flex {
	word-wrap: break-word;
}
.flex-email {
	word-break: break-all;
}
.txt-indent{
	text-indent: -1em;
    padding-left: 1em;
}

.digicon-area {
	margin-bottom: 10px;
}

.digicon-link-box {
	position: relative;
	background: #FFF0F0;
	padding: 10px;
	border: 2px solid #FF0000;
	border-radius: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: flex;
	text-decoration: none;
	color: #333;
}

.digicon-link-box .logo-wrap {
	height: 35px;
	max-width: initial;
}

.digicon-link-box .logo-wrap img {
	height: 100%;
	margin-right: 5px;
}

.digicon-link-box img {
	max-width: initial;
}

.digicon-link-box>div {
	vertical-align: middle;
	margin: auto;
}

.digicon-link-box .digicon-intro p.sp-only {
	display: block;
	margin-bottom: 0;
}
.digicon-link-box .digicon-intro p.sp-only>span {
	display: inline-block;
}

.digicon-link-box:after,
.digicon-link-box:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	bottom: 100%;
	left: 50%;
}
.digicon-link-box:before {
	border-color: rgba(30, 144, 255, 0);
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-width: 11px;
	border-right-width: 11px;
	margin-left: -11px;
	border-bottom-color: #FF0000;
}
.digicon-link-box:after {
	border-color: rgba(247, 221, 51, 0);
	border-top-width: 9px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-right-width: 9px;
	margin-left: -9px;
	margin-bottom: -1px;
	border-bottom-color: #FFF0F0;
}