/* #agent-form
================================================== */
#agent-form {
  width:100%;
  margin:0 auto;
  padding:0% 0 5%;
}

@media screen and (max-width: 800px) {
#agent-form {
  padding:1.5% 0 5%;
}
}

@media only screen and  (max-width: 568px) {
#agent-form {
  padding:1.5% 1% 5%;
  box-sizing: border-box;
}
}

.back-link{
  width:100%;
  margin:0 auto 2%;
  text-align: right;
  box-sizing: border-box;
  padding:0 2%;
}

.back-link p{
  display:inline-block;
  margin-right:5px;
  vertical-align: middle;
  padding-top:5px;
}

.back-link img{
  display:inline-block;
  width:40px;
  height:auto;
  vertical-align: middle;
}

@media only screen and  (max-width: 800px) {
.back-link p{
  font-size:14px;
}

.back-link img{
  width:20px;
}
}

.back-link a {
  text-decoration: none;
  color:#000;
}

.back-link a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.agent-form-box{
  width:100%;
  background:#FFF;
  margin-bottom:2%;
}

.agent-form-box2{
  width:100%;
  background:#FFF;
  margin-bottom:2%;
  box-sizing: border-box;
  padding:3%;
}

.agent-form-top{
  width:100%;
}

.agent-form-top img{
  width:100%;
  height:auto;
  vertical-align: bottom;
}

.agent-form-top-box{
  width:100%;
  box-sizing: border-box;
  padding:2% 4%;
}

.aftop01{
  display:inline-block;
  width:30%;
  vertical-align: middle;
  padding: 5px 0;
  color:#000;
}

@media only screen and  (max-width: 800px) {
.aftop01{
  display:block;
  width:100%;
}
}

.aftop01 h2 {
  font-size:1.3em;
  margin-bottom:2%;
  font-family: Barlow,sans-serif;
  letter-spacing:.01em;
  font-weight:600;
  text-transform: uppercase;
}

@media only screen and  (max-width: 800px) {
.aftop01 h2{
  display:inline-block;
  vertical-align: bottom;
  margin-right:20px;
  margin-bottom:0;
}

.aftop01 p{
  display:inline-block;
  vertical-align: bottom;
}
}

@media only screen and  (max-width: 568px) {
.aftop01 h2{
  font-size:1.2em;
}

.aftop01 p{
  font-size:14px;
}
}

.aftop02{
  display:inline-block;
  width:55%;
  vertical-align: middle;
  padding: 5px 0;
  color:#000;
}

@media only screen and  (max-width: 800px) {
.aftop02{
  display:block;
  width:100%;
}
}

.aftop02 h3{
  font-size:1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:600;
  letter-spacing:.05em;
  display:inline-block;
  margin-bottom:3px;
}

@media only screen and  (max-width: 568px) {
.aftop02 h3{
  font-size:1.2em;
}
}

.aftop02 p{
  font-size:14px;
}

.aftop03{
  display:inline-block;
  width:15%;
  vertical-align: middle;
  padding: 5px 0;
  color:#000;
}

@media only screen and  (max-width: 800px) {
.aftop03{
  display:block;
  width:50%;
  margin:0 auto;
}
}


.aftop03 p {
  display:block;
  text-align:center;
  transition: all .3s;
  vertical-align:middle;
  line-height:1.4;
}

.aftop03 p a {
  width:100%;
  display:block;
  color:#FFF;
  background: #000;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  padding:20px 0;
  box-sizing:border-box;
  text-decoration: none;
}

@media screen and (max-width: 568px) {
.aftop03 p a {
  padding:15px 0;
}
}

.aftop03 p a:hover {
  background-color:#666666;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  color:#FFF;
  text-decoration: none;
}

.agent-form-syousai{
  width:100%;
  box-sizing: border-box;
  padding:3% 4%;
}

@media only screen and  (max-width: 568px) {
.agent-form-syousai{
  padding:4%;
}
}

#agent-form h4{
  font-size:1.5em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  color: #000;
  margin:3% 0 3%;
  text-align: center;
}

@media screen and (max-width: 800px) {
#agent-form h4{
  font-size:1.1em;text-align: left;
  padding:0 2%;
}
}

@media screen and (max-width: 568px) {
#agent-form h4{
  font-size:0.95em;
}
}

.mrk-top{
  padding:10px 2% 2%;
  font-size:14px;
}

@media screen and (max-width: 800px) {
.mrk-top{
  font-size:13px;
  padding:0 2% 4%;
}
}

.agent-f-ttl{
  width:100%;
  margin:0 0 2%;
  padding:10px 3% 10px 3%;
  background-color: #000;
  box-sizing: border-box;
  position: relative;
}

.agent-f-ttl:after {
  content: '';
  width:5px;
  height:60%;
  position: absolute;
  top: 20%;
  left: 1%;
  background-color: #FFF;
}



@media screen and (max-width: 800px) {
.agent-f-ttl{
  margin:15px 0 10px;
  padding:10px 15px 10px 20px;
}

.agent-f-ttl:after {
  left: 10px;
}
}

@media screen and (max-width: 568px) {
.agent-f-ttl{
  margin:10px 0 5px;
}
}

.agent-f-ttl p{
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing:.02em;
  font-weight:500;
  font-size:1.2em;
  color:#FFF;
}

@media screen and (max-width: 568px) {
.agent-f-ttl p{
  font-size:1.1em;
}
}

.agent-f-text{
  padding:0 2%;
  box-sizing: border-box;
}

.agent-f-text p{
  font-size:14px;
  padding:10px 0;
}

@media screen and (max-width: 800px) {
.agent-f-text p{
  padding:5px 2%;
  font-size:13px;
}
}

.agent-f-text p{
  font-size:14px;
  padding:10px 0;
}

.agent-f-text ul{
  margin-bottom:2%;
}

.agent-f-text li{
  font-size:14px;
  padding:2px;
}

.agent-f-text dt{
  display:inline-block;
  vertical-align: top;
  margin-right:3px;
  width:15px;
}

@media screen and (max-width: 800px) {
.agent-f-text dt{
  width:3%;
}
}

@media screen and (max-width: 568px) {
.agent-f-text dt{
  width:5%;
}
}

.agent-f-text dd{
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.agent-f-text dd{
  width:95%;
}
}

@media screen and (max-width: 568px) {
.agent-f-text dd{
  width:93%;
}
}

.agent-skil{
  width:100%;
  text-align: center;
  padding:2% 0;
}

.agent-skil li{
  display:inline-block;
  width:49%;
  vertical-align: top;
  padding:0 1.5%;
  box-sizing: border-box;
  text-align: left;
}

.skil-ttl{
  display:block;
  padding:8px;
  border:2px solid #000;
  text-align: center;
  position: relative;
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing:.02em;
  font-weight:500;
  font-size:1.4em;
  color:#000;
  margin-bottom:20px;
}

.skil-ttl::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #000;
}

.skil-tx{
  font-size:14px;
  padding:0 3%;
  box-sizing: border-box;
  text-align: left;
  line-height:1.8;
}

.agent-form-box2 table{
  width : 98%;
  box-sizing: border-box;
  margin : 3% auto;
  border-top : solid 1px #E0E0E0;
  border-left : solid 1px #E0E0E0;
  border-right : solid 1px #E0E0E0;
  background:#FFF;
}

@media screen and (max-width: 568px) {
.agent-form-box2 table{
  width: 100%;
}
}

.agent-form-box2 td{
  padding: 15px 5px 13px 25px;
  border-bottom: solid 1px #E0E0E0;
  text-align: left;
  font-size:13px;
  line-height	: 1.8;
}

@media screen and (max-width: 800px) {
.agent-form-box2 td{
  padding: 10px 5px 10px 10px;
  line-height	: 1.6;
}

.agent-form-box2 th{
  font-size:13px;
}
}

.agent-form-box2 li{
  padding:2px 0;
}

.agent-form-box2 td dt{
  display:inline-block;
  vertical-align: top;
  margin-right:3px;
  width:15px;
}

@media screen and (max-width: 800px) {
.agent-form-box2 td dt{
  width:3%;
}
}

@media screen and (max-width: 568px) {
.agent-form-box2 td dt{
  width:5%;
}
}

.agent-form-box2 td dd{
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.agent-form-box2 td dd{
  width:95%;
}
}

@media screen and (max-width: 568px) {
.agent-form-box2 td dd{
  width:93%;
}
}

.agent-form-box2 th{
  border-right: solid 1px #E0E0E0;
  border-bottom: solid 1px #E0E0E0;
  text-align: center;
  padding: 15px 10px 13px 10px;
  background: #FAFAFA;
  width:18%;
  font-size:14px;
}

@media screen and (max-width: 800px) {
.agent-form-box2 th{
  width:20%;
  padding: 15px 5px 12px 5px;
}
}

@media screen and (max-width: 568px) {
.agent-form-box2 th{
  width:25%;
  padding: 10px 5px;
  box-sizing: border-box;
  font-size:13px;
}
}

.oubo-bt{
  display:none;
}

@media screen and (max-width: 568px) {
.oubo-bt{
  text-align:center;
  padding: 5px 0;
  color:#000;
  display:block;
}
}

.oubo-bt p {
  display:inline-block;
  width:15%;
  transition: all .3s;
  vertical-align:middle;
  line-height:1.4;
}

@media screen and (max-width: 568px) {
.oubo-bt p {
  width:50%;
}
}

.oubo-bt p a {
  width:100%;
  display:block;
  color:#FFF;
  background: #000;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  padding:20px 0;
  box-sizing:border-box;
  text-decoration: none;
}

@media screen and (max-width: 568px) {
.oubo-bt p a {
  padding:15px 0;
}
}

.oubo-bt p a:hover {
  background-color:#666666;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  color:#FFF;
  text-decoration: none;
}

.eratx{
  font-size:1.1em!important;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  margin-right:5px;
}


/* oubo_nav
---------------------------------------------------------------------------*/
#oubo_nav{
	width:100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 120px;
	left: 0px;
	z-index: 1;
}

@media screen and (max-width: 800px) {
#oubo_nav{
	display:none;
}
}

#oubo_nav #headbar2{
	width:100%;
	max-width:1120px;
    
	color: #FFF;
	margin:0 auto;
}

#oubo_nav .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#oubo_nav a {
	color: #FFF;
	text-decoration: none;
	}

#oubo_nav a:hover {  
	color: #F7872D;
	text-decoration	: none;
	}


.oubo-top-box{
  width:100%;
  box-sizing: border-box;
  padding:1% 3%;
}

.oubtop01{
  display:inline-block;
  width:30%;
  vertical-align: middle;
  padding: 5px 0;
  color:#FFF;
}

.oubtop01 h2 {
  font-size:1.3em;
  margin-bottom:2%;
  font-family: Barlow,sans-serif;
  letter-spacing:.01em;
  font-weight:500;
  text-transform: uppercase;
}


.oubtop02{
  display:inline-block;
  width:55%;
  vertical-align: middle;
  padding: 5px 0;
  color:#FFF;
}

.oubtop02 h3{
  font-size:1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:600;
  letter-spacing:.05em;
  display:inline-block;
  margin-bottom:3px;
}

.oubtop02 p{
  font-size:14px;
}

.oubtop03{
  display:inline-block;
  width:15%;
  vertical-align: middle;
  padding: 5px 0;
}

.oubtop03 p {
  display:block;
  text-align:center;
  transition: all .3s;
  vertical-align:middle;
  line-height:1.4;
}

.oubtop03 p a {
  width:100%;
  display:block;
  color:#000!important;
  background: #FFF;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  padding:20px 0;
  box-sizing:border-box;
  text-decoration: none;
}

@media screen and (max-width: 568px) {
.oubtop03 p a {
  padding:15px 0;
}
}

.oubtop03 p a:hover {
  background-color:#666666;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  color:#FFF!important;
  text-decoration: none;
}