*{
	margin: 0;
	padding: 0;
}

body{
	font-family: "Meiryo", "メイリオ", "Meiryo UI", "メイリオ UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif;
	background: linear-gradient(28deg, #fdc598 0%, #fdc598 50%, #f7f5dc 100%);
	color: #333;
	min-height: 100vh;
	display: flex;
 	flex-direction: column;
  font-size: 15px;
}
img{
	max-width: 100%;
}
a{
	color: #00acf0;
}
a:hover{
  opacity: 0.7;
  text-decoration: none;
}
button{
    outline: none;
}
::placeholder{
    color: #A6A6A6;
}
.container{
	max-width: 1000px;
	width: 90%;
	margin: auto;
}
.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.flex{
	display: flex;
}
.link-img{
	margin-left: 2px;
	margin-right: 2px;
    height: 14px;
    vertical-align: text-bottom;
    margin-bottom: 5px;
}
.red{
	color: #FF0000;
}
.orange {
    color: #ff6600;
}
.blue {
    color: blue;
}
.sp-only{
	display: none;
}
.pc-mgn-tp5{
    margin-top: 5px;
}
.pc-mgn-tp10{
    margin-top: 10px;
}
.pc-mgn-tp15{
    margin-top: 15px;
}
.pc-mgn-tp20{
    margin-top: 20px;
}
.pc-mgn-btm20{
  margin-bottom: 20px;
}
header{
	text-align: center;
  border-image: linear-gradient(to right,#efba38 0,#ef6c32 25%,#db3d35 75%,#d02d2d 100%) 1/0 0 7px 0;
  border-style: solid;
  padding: 10px 0;
  background-color: #fff;
  margin: 0;
  min-height: 0%;
}
header img{
	width: 15%;
	vertical-align: bottom;
}
header .container{
	position: relative;
}
header .head-btm{
	overflow: hidden;
	margin-top: 10px;
	padding: 0 5px;
	padding-bottom: 5px;
	display: none;
}
header .logout{
	background-color: #bfbfbf;
	color: #333;
	text-decoration: none;
	padding: 7px 5px;
	border-radius: 5px;
	font-size: 90%;
	font-weight: bold;
	display: none;
	margin-left: 5px;
	position: absolute;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 10px 20px;
}
header .logout span{
	padding-right: 3px;
}
header .login-time{
	font-size: 80%;
	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;
	top: 60%;
   	right: 2%;
   	transform: translateY(-50%);
   	-webkit-transform: translateY(-50%);
   	-ms-transform: translateY(-50%);
}
.menu p{
	font-size: 70%;
	margin-top: 2px;
}
.menu-trigger,
.menu-trigger span {
  	display: inline-block;
  	transition: all .4s;
  	box-sizing: border-box;
}
.menu-trigger {
  	position: relative;
  	width: 40px;
  	height: 25px;
}
.menu-trigger span {
  	position: absolute;
  	left: 0;
  	width: 100%;
  	height: 4px;
  	background-color: #ff6600;
  	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  	top: 0;
}
.menu-trigger span:nth-of-type(2) {
  	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  	bottom: 0;
}
.user-name{
	float: left;
	font-size: 80%;
	line-height: 1.2;
	text-align: left;
}
.before-top header .login-time,
.top header .login-time{
	display: block;
}
.before-top header .logout,
.top header .logout{
	display: block;
}
.before-top .user-name{
	display: none;
}
.top .head-btm{
	display: block;
}
.top .menu{
	display: block;
}
.view-btn{
  display: none;
}
.view-btn #btnPC{
	display: none;
}
.login-wrap .view-btn{
  display: block;
}
.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 5px;
	position: absolute;
	top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.footerFixed{
    min-height: 100vh;
    position: relative;
    padding-bottom: 90px;
    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;
   	text-align: center;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
}
footer .logo-box{
	margin: 10px 0;
}
.regist,
.pin-reset{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.regist .container{
	width: auto;
	max-width: auto;
	margin: none;
}
.regist .container,
.before-box,
.login-box,
.top-inner,
.pin-reset-inner{
	background: #fff;
    border-radius: 10px;
    padding: 5%;
    margin-top: 5%;
    margin-bottom: 130px;
    position: relative;
}
.pin-reset-inner .container{
	width: auto;
}
.login-box {
  margin-bottom: 40px;
}
.step{
  	list-style-type: none;
  	display:flex;
  	width:100%;
  	padding: 0;
  	margin: 0;
  	overflow:hidden;
  	border-bottom: 2px solid #ff6600;
  	border-top: 2px solid #ff6600;
  	margin-bottom: 20px;
}
.step li{
  	position:relative;
  	background: #fff;
  	color: #6f6f6f;
  	text-align: center;
  	padding: 7px 0;
  	width: 38%;
  	height: 36px;
  	font-weight: bold;
  	letter-spacing: 1px;
}
.step li:first-child{
	border-left: 2px solid #ff6600;
}
.step li:last-child{
  	width: 24%;
  	border-right: 2px solid #ff6600;
}
.step li br{
	display: none;
}
.step.id li{
  	width: 33%;
  	border-right: 2px solid #ff6600;
}
.step.pass li{
	width: 45%;
}
.step.pass li:last-child{
	width: 55%;
}
.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: -15px;
    right: -3em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 3em;
    z-index: 10;
}
.step li:after{
  	top:-15px;
  	right:-2.8em;
  	border-style: solid;
  	border-color: transparent transparent transparent #fff;
  	border-width: 40px 0 40px 3em;
  	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: 55%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 11;
}
.step li:nth-child(2) span{
	padding-left: 42px;
}
.step li:last-child span{
	padding-left: 26px;
}
.step2{
    list-style-type: none;
    display: flex;
    width:100%;
    padding: 0;
    margin: 0;
    overflow:hidden;
    border-bottom: 2px solid #ff6600;
    border-top: 2px solid #ff6600;
    margin-bottom: 20px;
}
.step2 li{
    position:relative;
    background: #fff;
    color: #6f6f6f;
    text-align: center;
    padding: 7px 0;
    width: 30%;
    height: 36px;
    font-weight: bold;
    letter-spacing: 1px;
}
.step2.new li{
  width: 28%;
}
.step2 li:nth-child(3){
  width: 20%;
}
.step2.new li:nth-child(3){
  width: 28%;
}
.step2.hp-sms-skip li {
  width: 33%;
}
.step2.hp-sms-skip li:last-child {
  width: 34%;
}
.step2 li br{
  display: none;
}
.step2 li .flex{
  display: block;
}
.step2 li:first-child{
  border-left: 2px solid #ff6600;
}
.step2 li:last-child{
    width: 20%;
    border-right: 2px solid #ff6600;
}
.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: -15px;
    right: -3em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 3em;
    z-index: 10;
}
.step2 li:after{
    top:-15px;
    right:-2.8em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 3em;
    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: 55%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
    z-index: 11;
}
.step2 li:nth-child(2) > span{
  padding-left: 30px;
}
.step2 li:nth-child(3) > span{
  padding-left: 40px;
}
.step2 li:nth-child(4) > span{
  padding-left: 15px;
}
.step3{
  	list-style-type: none;
  	display:flex;
  	width:100%;
  	padding: 0;
  	margin: 0;
  	overflow:hidden;
  	border-bottom: 2px solid #ff6600;
  	border-top: 2px solid #ff6600;
  	margin-bottom: 20px;
}
.step3 li{
  	position:relative;
  	background: #fff;
  	color: #6f6f6f;
  	text-align: center;
  	padding: 7px 0;
  	width: 28%;
  	height: 36px;
  	font-weight: bold;
  	letter-spacing: 1px;
}
.step3 li br{
	display: none;
}
.step3 li:first-child{
	border-left: 2px solid #ff6600;
}
.step3 li:last-child{
  	width: 20%;
  	border-right: 2px solid #ff6600;
}
.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: -15px;
    right: -3em;
    border-style: solid;
    border-color: transparent transparent transparent #ff6600;
    border-width: 40px 0 40px 3em;
    z-index: 10;
}
.step3 li:after{
  	top:-15px;
  	right:-2.8em;
  	border-style: solid;
  	border-color: transparent transparent transparent #fff;
  	border-width: 40px 0 40px 3em;
  	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: 55%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  z-index: 11;
}
.step3 li:nth-child(2) span{
	padding-left: 30px;
}
.step3 li:nth-child(3) span{
	padding-left: 42px;
}
.step3 li:last-child span{
	padding-left: 26px;
}
.step3.col3 li{
  width: 33.3%;
}
.step3.col3 li span{
  max-width: 12em;
  left: 50%;
}
.step3.col3 li:nth-child(2) span{
  padding-left: 65px;
}
.step3.col2 li:first-child{
    width: 47%;
}
.step3.col2 li:last-child{
    width: 53%;
}
.step3.col2 li span{
    left: 52%;
}
.regist-head p{
	font-weight: bold;
}
.regist-head-inner > a{
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
}
.regist-head-inner h2 {
    background-color: #ff6600;
    color: #fff;
    font-size: 100%;
    padding: 10px 20px;
}
.regist-head-inner > div div {
    border: 1px solid #ff6600;
    padding: 20px 20px;
    margin-bottom: 30px;
}
.input-wrap{
    display: flex;
    align-items: center;
    border: 2px solid gray;
    background-color: #fdfaef;
    margin: 20px 0;
}
.text-box .input-wrap{
    margin: 0;
    border-top: none;
}
.text-box .input-wrap:first-of-type{
    border-top: 2px solid gray;
    margin-top: 20px;
}
.input-wrap .ttl-box{
    width: 200px;
    max-width: 30%;
    padding: 0 20px;
}
.input-wrap .ttl-box p{
    margin: 0;
}
.input-wrap .input-box{
    width: 70%;
    padding: 20px;
    background-color: #fff;
    border-left: 2px solid gray;
}
.input-wrap.pc-mgn-btm0{
    margin-bottom: 0;
}
form .text-box .text-message{
	margin-top: 20px;
}
.login form .text-box h3 {
    background-color: #7f7f7f;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 110%;
    margin-top: 25px;
}
button {
  font-family: "Meiryo", "メイリオ", "Meiryo UI", "メイリオ UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}
input::-ms-reveal {
  visibility:hidden
}
input::-ms-clear {
  visibility:hidden;
}
form input{
  font-family: "Meiryo", "メイリオ", "Meiryo UI", "メイリオ UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif !important;
	border: 2px solid #ff6600;
	padding: 6.5px 2%;
	font-size: 100%;
	border-radius: 8px;
  font-size: 20px;
	width: 100%;
  box-sizing: border-box;
}
form input:focus{
    background-color: #fbe5d6;
    outline: none;
}
form input[type="checkbox"]{
    width: auto;
    margin-right: 5px;
    min-height: auto;
}
form input.half{
	width: 196px;
}
form input.code{
  width: 20%;
}
form input.bg-orange {
    background-color: #fbe5d6;
}
form input.width20p{
    width: 20%;
}
.post-code input{
  width: 70px;
}
.post-code input[name="POST_CODE_2"]{
  width: 79px;
}
form .btn-box button {
    background-color: #ff6600;
    color: #fff;
    padding: 15px 40px;
    border-radius: 5px;
    position: relative;
    font-weight: bold;
    border: 2px solid #ff6600;
    font-size: 100%;
    position: absolute;
    bottom: -80px;
    min-width: 200px;
    transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
    cursor: pointer;
}
form .btn-box button:hover{
    opacity: 0.7;
}
form .btn-box button.back{
    border-color: #757171;
    color: #757171;
    background-color: #fff;
    cursor: pointer;
    padding-right: 35px;
}
form .btn-box button.next{
	right: 0;
	cursor: pointer;
}
form .btn-box button.back{
	left: 0;
}
form .btn-box button.back-orange{
    left: 0;
}
form .btn-box button.back-orange span{
  left: 10px;
  right: auto;
}
.login .pass-button-box .btn-box{
	text-align: right;
}
.login-cts-input .text-box .btn-box{
	text-align: right !important;
}
form .btn-box button.close{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-width: 30%;
}
form .btn-box button.back-home{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-width: 200px;
}
form .btn-box button.home{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-width: 25%;
	padding-left: 50px;
	cursor: pointer;
}
form button.bg-white {
    background-color: #fff;
    color: #ff6600;
}
form button.home{
    background-color: #fff;
    color: #333;
}
.login form .pass-button-box span,
.login form .id-button-box span {
  position: absolute;
  right: 90px;
}
form button span {
    position: absolute;
    right: 10px;
    font-weight: normal;
}
form button.back span {
    left: 10px;
    right: auto;
}
form .text-box-orange button.back span{
  left: 15px;
}
form button.home span{
    left: 10px;
    right: auto;
}
form button.home img {
    height: 22px;
}
.birth-box input{
	width: 55px;
}
.birth-box input:first-child{
	width: 80px;
}
.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 {
	display: flex;
}
.radio-box .radio-long-option .img-wrap {
	width: 25px;
  display: flex;
  align-items: center;
}
.radio-box .radio-long-option .radio-text-wrap {
	margin: auto 0;
	width: 90%;
}
.radio-box{
	margin-bottom: 10px;
}
.radio-box.pc-mgn-btm0{
  margin-bottom: 0;
}
.radio-box.pdg-btm0{
    margin-bottom: 0;
}
.radio-box input[type=radio] {
 	display: none;
}
.radio-box label img{
  margin-right: 8px;
  height: 20px;
  vertical-align: sub;
}
.radio-box .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: 7.5px 10px;
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
}
.login-btm{
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 20px;
}
.login-btm .container{
	width: 90%;
	margin: auto;
}
.login-btm .container .inner{
  padding: 0 5%;
}
.login-btm h3{
	background-color: #7f7f7f;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: normal;
}
.login-btm .smail{
	font-size: 90%;
}
.login-btm .smail br{
	display: none;
}
.login-btm .smail a{
	margin: 0 5px;
}
.login-btm .time-box{
	border: 2px solid #7f7f7f;
	padding: 10px 20px;
}
.login-btm .time-box p{
	margin-bottom: 5px;
}
.login-btm a{
	font-weight: bold;
}
.login-btm .link-box{
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.before-box{
	padding: 5%;
}
.before-box p{
	margin-bottom: 20px;
}
.login .error_msg_box{
  margin-top: -10px;
}
.login .before-box .btn-box{
  margin-top: 30px;
}
.login .before-box .btn-box a{
  margin-bottom: 0;
}
.before-box p span.block{
	margin-top: 5px;
	display: block;
}
.login .btn-box{
	text-align: center;
	margin-top: 50px;
}
.login .btn-box a {
    color: #ff6600;
    border: 2px solid #ff6600;
    font-weight: bold;
    padding: 11px 15px;
    display: inline-block;
    text-decoration: none;
    font-size: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    width: auto;
    min-width: 200px;
    cursor: pointer;
}
.login .btn-box a:hover{
    opacity: 0.7;
}
.login .btn-box a.back {
    text-decoration: none;
    color: #333;
    border: 2px solid #333;
    position: relative;
}
.direct-top{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.direct-top img{
	height: 50px;
	margin-right: 20px;
}
.direct-top h2{
	font-size: 200%;
    color: #e60011;
}
.direct-top h2 br{
	display: none;
}
.fintech-top{
  font-size: 15px;
}
.fintech-top h2{
  text-align: center;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 18px;
}
.fintech-top div{
  background-color: #eee;
  padding: 10px;
}
.fintech-top .font-small{
  font-size: 14px;
  margin-top: 10px;
}
.login .news{
	border: 2px solid #ff6600;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 10px;
}
.login-tab ul{
	display: flex;
	margin-top: 30px;
}
.login-tab li{
	width: 20%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding-top: 10px;
	padding-bottom: 8px;
	background-color: #BFBFBF;
	color: #5e5e5e;
	border-radius: 10px 10px 0 0;
  cursor: pointer;
}
.login-tab li:first-child{
  margin-right: 10px;
}
.login-tab li.select{
	background-color: #ff6600;
	color: #fff;
}
.login-tab li span{
	font-size: 85%;
	margin-top: 3px;
    display: inline-block;
}
.login-cts-input{
  padding: 30px;
	border: 2px solid #ff6600;
	margin-bottom: 40px;
}
.login-cts-input .text-box .input-wrap:first-of-type{
  margin-top: 0;
}
.login-cts-input .mgn-tp15{
  margin-top: 15px;
  font-size: 18px;
}
form .login-cts input[type="checkbox"] {
  width: auto;
  margin-bottom: 5px;
  vertical-align: text-bottom;
  margin-right: 5px;
	height: 16px;
	cursor: pointer;
}
.login .login-cts .btn-box{
	margin-top: 40px;
	margin-bottom: 30px;
}
.login .login-cts .btn-box button{
	padding: 11px;
  width: auto;
  min-width: 13em;
	cursor: pointer;
  right: 0;
  position: static;
}
.login .login-cts .pass-button-box {
  width: fit-content;
  margin: 0 0 0 auto;
  margin-top: 20px;
}
.id-button-box {
  width: fit-content;
  margin: 0 0 0 auto;
  margin-top: 20px;
}
.login-trouble{
	display: flex;
	margin-top: 20px;
}
.login-trouble a{
	width: 33%;
	margin-right: 1.5%;
	border: 1px solid #ff6600;
	line-height: 1.3;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.login-trouble a:last-child{
	margin-right: 0;
}
.login-trouble table{
	width: 100%;
	border-collapse: collapse;
	font-size: 100%;
}
.login-trouble table th{
	background-color: #fbe5d6;
	padding: 15px 10px;
	border-bottom: 1px solid #c7c7c7;
}
.login-trouble table th img{
	vertical-align: bottom;
}
.login-trouble table th div{
	margin-bottom: -5px;
}
.login-trouble table td{
	padding: 10px;
    font-weight: bold;
}
.login-trouble table td.red{
    color: #FF0000;
}
.login-trouble table td:last-child{
    text-align: center;
}
.login-trouble table tr:nth-child(2) td{
	border-bottom: 1px solid #c7c7c7;
}
form .login-trouble-box .btn-box{
	margin-bottom: 0;
	margin-top: 10px;
}
.login-regist .btn-box{
	margin-top: 40px;
}
.regist form .text-box h3{
    background-color: #7f7f7f;
    color: #fff;
    padding: 8px 20px;
    margin-bottom: 20px;
    font-size: 16px;
    margin-top: 20px;
}
.regist form h4 {
    background-color: #ff6600;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
}
form .text-box-orange{
	padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #ff660f;
}
form .text-box-orange:last-child{
    margin-bottom: 0;
}
form .text-box-orange p{
	margin-bottom: 10px;
}
form .text-box-orange p:last-child{
    margin-bottom: 0;
}
form .text-box-orange .input-box p{
    margin-bottom: 0;
}
form .text-box-orange .btn-box{
    text-align: center;
    margin: 30px 0;
}
form .text-box-orange .btn-box button{
    position: static;
    min-width: 30%;
    padding: 11px 30px;
    color: #ff6600;
    border-color: #ff6600;
    cursor: pointer;
}
form .text-box-orange .btn-box .btn-wrap button{
  padding-left: 40px;
}
form .text-box-orange .pc-mgn-btm10{
    margin-bottom: 10px;
    margin-top: 20px;
}
form .text-box-orange .btn-box input[type="button"]{
  background-color: #fff;
  position: static;
  width: 250px;
  padding: 11px 30px;
  color: #ff6600;
  border-color: #ff6600;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
}
.tel-confirm-box{
	background-color: #f2f2f2;
    border-radius: 5px;
    margin-bottom: 15px;
}
.tel-confirm-box table{
	width: 100%;
	text-align: center;
}
.tel-confirm-box table th{
	text-align: left;
	padding: 10px 20px;
	letter-spacing: 2px;
}
.tel-confirm-box table thead th{
	font-weight: normal;
	letter-spacing: 0;
}
.tel-confirm-box table td{
	padding: 10px 20px;
}
form .text-box-orange .tel{
	letter-spacing: 2px;
	text-decoration: underline;
	padding-left: 5px;
}
form .text-box .copy {
    border-radius: 5px;
    color: #333;
    display: block;
    text-decoration: none;
    text-align: center;
    background-color: #F2F2F2;
    width: 60%;
    padding: 5px;
    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;
}
.mail-label-box{
	border: 1px solid;
	padding: 10px 20px;
	padding-bottom: 5px;
    line-height: 1.8;
}
.regist form .mail-note{
    margin-bottom: 30px;
    margin-top: 20px;
}
.regist form .pin-note{
    margin-bottom: 30px;
    margin-top: 20px;
}
.regist form .mail-note.pc-mgn-btm0{
    margin-bottom: 0;
}
.regist form .mail-note h4{
	margin-bottom: 10px;
    margin-top: 0;
}
.regist form .pin-note h4{
    margin-bottom: 10px;
    margin-top: 0;
}
.regist form .mail-note p{
	margin-bottom: 0;
	margin-top: 0;
}
.regist form .pin-note p{
    margin-bottom: 10px;
}
.regist form .pin-note p:last-child{
    margin-bottom: 0;
}
.regist form .mail-note .border{
    padding: 15px;
    margin-top: 10px;
    border: 2px solid #ff6600;
}
.regist form .pin-note .border{
    padding: 15px;
    margin-top: 10px;
    border: 2px solid #ff6600;
}
form p.mail {
    font-weight: bold;
    text-decoration: underline;
}
.mail-label-ttl {
    font-size: 100%;
    font-weight: bold;
    background-color: #f7f9dd;
    border: 1px solid #7f7f7f;
    border-bottom: none;
    padding: 10px 20px;
}
form p.id {
    font-weight: bold;
    text-decoration: underline;
}
.top-bg-box .notice{
	background-color: #ff6600;
	color: #fff;
	padding: 10px 20px;
}
.top-bg-box .notice img{
	height: 20px;
	vertical-align: top;
}
.top-bg-box .notice img.link{
	height: 14px;
	vertical-align: text-top;
}
.top-bg-box .notice div span{
	text-decoration: underline;
	font-size: 90%;
}
.top-bg-box .notice p{
	margin-top: 5px;
	font-size: 90%;
}
.top-bg-box .notice p span{
	font-size: 130%;
	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: 8px;
  	height: 8px;
  	transform: rotate(45deg);
  	margin-right: 10px;
  	vertical-align: text-top;
}
.arrow-right{
	display: inline-block;
	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
  	width: 8px;
  	height: 8px;
  	transform: rotate(45deg);
  	margin-top: -2px;
  	margin-right: 10px;
  	vertical-align: text-top;
}
.arrow-btm.orange{
	border-color: #ff5722;
}
.top-bg-box .message{
	color: #ff6600;
	border: 2px solid #ff6600;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 10px 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 120%;
	letter-spacing: 1px;
}
.top .right{
	position: absolute;
	top: 50%;
    right: 3%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	font-size: 80%;
}
.top h2{
	background-color: #ff6600;
	color: #fff;
	line-height: 1;
	padding: 10px 20px;
	margin-bottom: 30px;
	position: relative;
}
.top h2 span{
	font-size: 80%;
	letter-spacing: 0.5px;
}
.top h2 span .kana{
	display: block;
	letter-spacing: 3px;
	padding-left: 10px;
	font-size: 70%;
}
.top h2 .right{
	right: 2%;
}
.top h3{
	background-color: #ff6600;
	color: #fff;
	line-height: 1;
	padding: 15px 20px;
	position: relative;
	font-size: 120%;
	margin-top: 20px;
}
.top-bg-box .inner{
	padding: 30px 20px;
	padding-bottom: 0;
}
.top-bg-box .inner h4{
	background-color: #7f7f7f;
    color: #fff;
    padding: 10px 20px;
    font-size: 110%;
    line-height: 1.3;
}
.top-bg-box .inner > div{
	padding: 20px;
	border-bottom: 2px dotted #333;
	margin-bottom: 30px;
}
.top-bg-box .inner .btn-box{
	text-align: right;
	margin-top: 10px;
}
.top-bg-box .inner .btn-box a{
	display: inline-block;
	background-color: #ff6600;
	color: #fff;
	text-decoration: none;
	width: 20%;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
}
.reset-message h2{
	background-color: #ff6600;
    color: #fff;
    font-size: 100%;
    padding: 0 20px;
    margin-top: 20px;
    line-height: 34px;
    font-size: 16px;
    margin-bottom: 10px;
}
.reset-message .message-box{
	border: 2px solid #ff6600;
    padding: 15px 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.pin-reset .btn-box button{
	background-color: #fff;
    color: #333;
    padding: 11px 30px;
    border-radius: 5px;
    position: relative;
    font-weight: bold;
    border: 1px solid #ff6600;
    margin-bottom: 10px;
    font-size: 110%;
    min-width: 200px;
    cursor: pointer;
    padding-left: 40px;
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.pin-reset .btn-box button:hover{
  opacity: 0.7;
}
.pin-reset .btn-box button span{
	position: absolute;
  left: 15px;
}
.pin-reset .btn-box button span img{
	height: 22px;
}
.reset-pass{
	text-decoration: underline;
}
.pass-input-box{
    margin-top: 20px;
}
.checklist-box {
    border: 2px solid #ff6600;
    padding: 10px;
    margin-bottom: 10px;
}
.checklist-box.pc-mgn-btm0{
  margin-bottom: 0;
}
form p.id img {
    height: 24px;
    vertical-align: bottom;
    padding-left: 3px;
}
.pass-question{
    text-align: right;
    padding: 0 10px;
    margin-bottom: -15px;
}
.pass-question a{
    color: #333;
    font-size: 90%;
}
.pass-question img{
    padding-left: 5px;
}
.password-input{
  position: relative;
}
.password-input img{
  height: 25px;
  position: absolute;
    top: 20px;
    right: 10px;
    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;
}
.btn-wrap{
  position: relative;
  display: inline-block;
}
.radio-txt{
  margin-top: -5px;
  margin-bottom: 8px;
  margin-left: 39px;
}
.js-validate-error{
	color: #ff0000;
}
.js-input-validate-error{
  background: #ffd6d6
}
.disp-none {
  display: none;
}
p.id {
  word-wrap: break-word;
}
p.flex {
  word-wrap: break-all;
  max-width: 100%;
}
.flex-email {
	word-break: break-all;
}
.txt-indent{
	text-indent: -1em;
  padding-left: 1em;
}
.digicon-link-box {
  position:relative;
  background:#FFF0F0;
  padding:20px;
  border:2px solid #FF0000;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  display: flex;
  text-decoration: none;
  color: #333;
}
.digicon-link-box .logo-wrap {
  height: 50px;
  max-width: initial;
}
.digicon-link-box .logo-wrap img {
  height: 100%;
  margin-right: 10px;
}
.digicon-link-box img {
  max-width: initial;
}
.digicon-link-box>div {
  vertical-align: middle;
  margin: auto;
}
.digicon-link-box:after,
.digicon-link-box:before {
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  position:absolute;
  bottom:100%;
  left:88%;
}
.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;
}