@charset "utf-8";

.agent-profile{
  width:100%;
  background:#FFF;
  padding: 0;
}

.agt-tpttl{
  width:100%;
  margin:0 auto 5px;
  box-sizing: border-box;
  padding:10px 0;
  background: rgba(0, 0, 0, 0.6);
  color:#FFF;
  font-size:1.1em;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:.02em;
  font-weight:400;
  text-align: center;
  line-height:1;
}


.agent-profile .aprofile-ph{
  width:100%;
  margin:5% auto 5px;
  max-width:200px;
}

.agent-profile .aprofile-ph img{
  width:100%;
  height:auto;
}

.aprofile-txt{
  width:100%;
  display:block;
  padding:5px 5% 3%;
  box-sizing: border-box;
}

.age-name{
  padding:0 2%;
  color:#000;
  font-size:1.15em;
  font-family: Roboto,sans-serif;
  font-weight:500;
  text-align: center;
  text-transform: uppercase;
}

.age-category{
  margin-bottom:10px;
  color:#878C91;
  font-family: Roboto,sans-serif;
  font-weight:400;
  padding:0 3%;
  text-align: center;
  font-size:14px;
}

.agent-profile ul{
  width:100%;
  border-top:1px solid #000;
  padding-top:3%;
}

.agent-profile li{
  display:block;
  width:100%;
  border-bottom:1px dotted #CCC;
  box-sizing: border-box;
  padding: 5px;
}

.agent-profile dt{
  display:inline-block;
  width:10%;
  vertical-align: middle;
  color:#878C91;
}


@media screen and (max-width: 810px) {
.agent-profile dt{
  width:10%;
}
}

.agent-profile dd{
  display:inline-block;
  width:90%;
  vertical-align: middle;
  text-align: left;
  font-size:0.95em;
  color:#000;
}

@media screen and (max-width: 810px) {
.agent-profile dd{
  width:90%;
  line-height:1.3;
}
}

.agent-profile dd span{
  font-family: Roboto,sans-serif;
  font-weight:500;
}

.agent-profile dd a {
  text-decoration: none;
  color:#000;
}

.agent-profile dd a:hover {
  opacity: 0.6;
  text-decoration: none;
}

#agent-language{
  margin:3% auto 0;
  width:100%;
  font-size:14px;
  text-align: left;
  box-sizing: border-box;
  padding: 0 4%;
}


#amember-icon {
  margin:3% auto 0;
  width:100%;
  font-size:1em;
  text-align: left;
  box-sizing: border-box;
  padding: 0 5%;
}

@media screen and (max-width: 810px) {
#amember-icon {
  text-align: center;
}
}

#amember-icon p {
  display: inline-block;
  margin: 0 2px!important;
  color: #fff;
  font-weight:400;
  font-size:16px;
  vertical-align: top;
}

#amember-icon .fa{
  color:#FFF;
}

#amember-icon i {
  width: 36px;
  height: 36px;
  margin: 0;
  border-radius: 50%;
  background: #7D7D7D;
  line-height: 36px;
  text-align: center;
}

#amember-icon i:before { padding 0; line-height: 36px; }
#amember-icon a:hover i { background: #505252; }


.see-ag {
  text-align: center;
  padding:4% 0 0;
  font-size:14px;
}

@media only screen and  (max-width: 568px) {
.see-ag {
  padding:5% 0 0;
}
}

.see-ag .fa{
  margin-right:5px;
}

.see-ag a{color:#C80000;text-decoration: none;}
.see-ag a:hover {opacity: 0.7;text-decoration: none;}