/* Login */

.detail-account-container {
	padding:2rem 0;
	width:100%;
	margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    padding-right: 12px;
    padding-left: 12px;
}



.detail-account-title-box {
	padding: 1% 0 5% 0;
	text-align: center;
}


.detail-account-title {
	font-size:1.8rem;
	font-weight: bold;		
}


.detail-account-description-box {
	padding: 1% 0 5% 0;
}


.btn_confirm {
	margin: 0% 0% 3% 0%;
	text-align: center;
 }


#contents .idbox {
	margin: 0% 0% 4% 0%;}

#contents .idbox {
  border:#c1c1c1 1px solid;
  background-color: white;
  width: 100%;
  float:left;}

#contents .idbox > input {
  width: 100%;
  padding: 2% 3% 2% 3%;
  font-weight:bold;
  border:none;
  color:#333333;
  line-height:1em;
  font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#contents .btn_send {
	margin: 0% 0% 4% 0%;}

#contents .btn_send img {
	width:100%;
	border:none;}

/* Resistration */
@media screen and (min-width: 480px){
#contents .tables th{
	font-size: 85%;
	height: 60px;
	width:30%;
	padding:0%;
	border:solid 1px;
	text-align:left;
	vertical-align:middle;}

#contents .tables td{
	width: 70%;
	padding:1%;
	border:solid 1px;
	text-align:left;
	vertical-align:middle;}

	.account_text{
	width: 300px;
	height: 40px;
	border: solid 1px #BDBDBD;}

}

@media screen and (max-width: 480px){
#contents .tables th{
	font-size: 85%;
	height: 60px;
	width:50%;
	padding:0%;
	border:solid 1px;
	text-align:left;
	vertical-align:middle;}

	#contents .tables td{
	width: 50%;
	padding:1%;
	border:solid 1px;
	text-align:left;
	vertical-align:middle;}

	.account_text{
	width: 220px;
	height: 40px;
	border: solid 1px #BDBDBD;}

}

#contents .tables{
	margin: 0% 0% 3% 0%;}
	
#contents .tables{
	/*width:100%;
	border:solid 1px;*/
	/*itokazu*/margin: auto;
    /*itokazu*/width: 60%;
    /*itokazu*/border: solid 1px;
}
	

	


#contents .tables .resistbox {
	margin:2% 0% 2% 0%;}

#contents .tables .resistbox {
  border:c1c1c1 1px solid !important;
  background-color: white;
  width: 98%;
  float:left;}

#contents .tables .resistbox > input {
  width: 94%;
  padding: 2% 3% 2% 3%;
  font-weight:bold;
  border:#c1c1c1 1px solid !important;
  color:#333333;
  line-height:1em;
  font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#contents .tables .telbox {
	margin:2% 0% 2% 0%;}

#contents .tables .telbox {
  border:#ffcccc 3px solid;
  background-color: white;
  width: 24%;
  float:left;}

#contents .tables .telbox > input {
  width: 84%;
  padding: 6% 8% 6% 8%;
  font-weight:bold;
  border:#c1c1c1 1px solid !important;
  color:#333333;
  line-height:1em;
  font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#contents .tables .hyphen {
  width: 2%;
  padding: 6% 2% 0% 2%;
  float:left;}

#contents .tables .radiobox {
	margin:2% 0% 2% 0%;
	font-size: 1.2rem;}
 
 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;}

#contents .custom_select {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border:#c1c1c1 1px solid;
  background-color: white;
  margin:2% 0% 2% 0%;}

#contents .custom_select > select {
  padding: 10% 8% 10% 3%;
  width:90%;
  font-weight:bold;
  color:#333333;
  line-height:1em;
  font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#contents .custom_select:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.5em;
  display: block;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
  pointer-events: none;}



#contents .btn_confirm img {
	width:100%;
	border:none;}

/* キープボックス */

#contents .keepbox .company_name {
	width:94%;
	margin: 0%;
	padding: 3%;
	line-height:1em;
	border-bottom:1px solid #353535;
	border-top: 1px solid #353535;
   	font-weight:bold;}

#contents .keepbox .list {
	width:94%;
	margin: 0% 0% 3% 0%;
	padding: 3% 3% 3% 3%;
	background-color:#f5f5f5;
    border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; 
	-webkit-border-bottom-left-radius: 6px; 
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;}

#contents .keepbox .list .photo {
	margin: 0% 0% 3% 0%;
	width:30%;
	float:left;}

#contents .keepbox .list .photo img {
	width:100%;
	border:none;}

#contents .keepbox .list .icon {
	width:65%;
	margin: 0% 0% 1% 0%;
	float:right;
	text-align:left;}

#contents .keepbox .list .icon img {
	width:30%;
	border:none;}

#contents .keepbox .list .copy {
	width:65%;
	margin: 0% 0% 2% 0%;
	float:right;}

#contents .keepbox .list .copy a {
	color:#333333;
	text-decoration:none;}

#contents .keepbox .list .tables{
	margin: 0% 0% 3% 0%;}
	
#contents .keepbox .list .tables{
	width:100%;
	border-top:1px solid #bbbbbb;}
	
#contents .keepbox .list .tables th{
	width:30%;
	padding:2%;
	border-bottom:1px solid #bbbbbb;
	background-color:#F5F5F5;
	color:#999999;
	text-align:left;
	vertical-align:middle;}
	
#contents .keepbox .list .tables td{
	padding:2%;
	border-bottom:1px solid #bbbbbb;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;}

#contents .keepbox .list .iwaikin {
	margin: 0% 0% 2% 0%;
	padding:9% 0% 3% 9%;
	line-height:1em;
	font-weight:bold;
	color:#55ace1;
	background-image:url(/assets/legacy/images/job/bg_iwaikin.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;}

#contents .keepbox .list .btn_delete {
	margin: 2% 0% 0% 0%;
	text-align:right;
	line-height:1em;}

#contents .keepbox .list .btn_delete a {
	color:#333333;
	text-decoration:none;}

#contents .btn_keep {
	margin: 4% 0% 5% 0%;}

#contents .btn_keep img {
	width:100%;
	border:none;}
	
	
#contents  .btn_entry {
	margin: 0% 0% 3% 0%;}
	

@media screen and (max-width: 767px){
	
.detail-account-container{
	margin-bottom: 0px;

}
		
}

.accordion {
display: none;
height: 10px;
}

.requ{

display: inline-block;

color: #F2F2F2;
background:#FE2E2E;
border: solid 2px #F78181;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
font-weight: bold;
pointer-events : none;
float: right;
margin-right: 5px;
}

.optional{
display: inline-block;
color: #F2F2F2;
background:#2E2E2E;
border: solid 2px #585858;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
font-weight: bold;
pointer-events : none;
float: right;
margin-right: 5px;
}

.optional1{
position: relative;
display: inline-block;

color: #F2F2F2;
background:#2E2E2E;
border: solid 2px #585858;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
font-weight: bold;
pointer-events : none;
margin: auto;
}

.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label:not(.label0) {
	font-size: 85%;
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#424242;
    font-weight: bold;
    background :#BDBDBD;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
	
    background :#85baef;
}

/*チェックは隠す*/
.cssacc {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
	
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

/*itokazu*/
.btn--orange {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #7F3620;
	width: 60%;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "noto-black";
	color: #fff;
	font-size: 2em;
	background-color: #ff5a36;
	-webkit-transition: color 0.3s, background-color 0.3s;
	transition: color 0.3s, background-color 0.3s; }
	
.btn--orange:hover {
	color: #fff;
	background-color: #ffae9c; }
	       
.btn--blue {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #004391;
    width: 60%;
    padding-top: 3%;
    padding-bottom: 3%;
    font-family: "noto-black";
    color: #fff;
    font-size: 2em;
    background-color: #3398ff;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; 
}

.btn--blue_min {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #004391;
    width: 30%;
    
    font-family: "noto-black";
    color: #fff;

    background-color: #3398ff;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; 
}

.btn--blue:hover {
      color: #fff;
      background-color: #80b2eb; 
}
            
.btn--red {
    cursor: hand;
	cursor:pointer;
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #e52538;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    font-family: "noto-black";
    color: #fff;
    font-size: 2em;
    background-color: #f5495b;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; 
}


.btn--red_min {
    cursor: hand;
	cursor:pointer;
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #e52538;
    width: 30%;
    
  
    font-family: "noto-black";
    color: #fff;
    background-color: #f5495b;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; 
}


.btn--red:hover {
    color: #fff;
    background-color: #f22e42;
}

.btn--green {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #569400;
    width: 100%;
    /*padding-top: 3%;
    padding-bottom: 3%;*/
    font-family: "noto-black";
    color: #fff;
    font-size: 2em;
    background-color: #10b400;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }

.btn--green:hover {
      color: #fff;
      background-color: #56b400; }

.btn--gray {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #373434;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    font-family: "noto-black";
    color: #fff;
    font-size: 2em;
    background-color: #565656;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }

    .btn--gray_min {
	border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: solid 5px #373434;
    width: 30%;
    
    font-family: "noto-black";
    color: #fff;
    background-color: #565656;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }

.btn--gray:hover {
      color: #fff;
      background-color: #939393; }