@charset "UTF-8";
/* frame */
/*------------------------------ ヘッダー ------------------------------*/
header {}
header .hwide {
  width: 960px;
  margin: 0 auto;
  position: relative;
  height: 100px;
}
header .hwide .site-description {
  font-size: 12px;
  line-height: 20px;
  padding-top: 6px;
}
header .hwide h1.site-title {}
header .hwide h1.site-title img {
  width: auto;
  height: 50px;
}
header .hwide .hbanner {
  position: absolute;
  right: 0;
  top: 5px;
}
header .hwide .hbanner ul {
  display: flex;
}
header .hwide .hbanner ul li {
  margin: 5px;
}
header .hwide .hbanner ul li a {
  display: inline-block;
  padding: 4px;
  margin: 0 0 1em;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.1875em);
  background: #fff
}
header .hwide .hbanner ul li a:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
header .menubg {
  width: 100%;
  background: #2a5298; /* Old browsers */
  background: -moz-linear-gradient(top, #2a5298 0%, #1e3c72 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a5298 0%, #1e3c72 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a5298 0%, #1e3c72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a5298', endColorstr='#1e3c72', GradientType=0); /* IE6-9 */
}
header .menubg .gmenu {
  width: 960px;
  margin: 0 auto;
}
header .menubg .gmenu ul {
  display: table;
  width: 960px;
}
header .menubg .gmenu ul li {
  display: table-cell;
}
header .menubg .gmenu ul li.home {}
header .menubg .gmenu ul li.home span {
  display: none;
}
header .menubg .gmenu ul li.home i {
  margin: 0 10px;
}
header .menubg .gmenu ul li a {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 54px;
  text-align: center;
}
header .menubg .gmenu ul li a {
  position: relative;
  z-index: 2;
  color: #fff;
}
/*header .menubg .gmenu ul li a:hover {
 
	background: #1e3c72; 
background: -moz-linear-gradient(top,  #1e3c72 0%, #2a5298 100%);
background: -webkit-linear-gradient(top,  #1e3c72 0%,#2a5298 100%);
background: linear-gradient(to bottom,  #1e3c72 0%,#2a5298 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3c72', endColorstr='#2a5298',GradientType=0 ); 
}*/
header .menubg .gmenu ul li a {
  width: 100%;
  text-decoration: none;
  outline: none;
}
header .menubg .gmenu ul li a::before, header .menubg .gmenu ul li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
header .menubg .gmenu ul li a, header .menubg .gmenu ul li a::before, header .menubg .gmenu ul li a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
header .menubg .gmenu ul li a::before, header .menubg .gmenu ul li a::after {
  left: 0;
  width: 100%;
  height: 50%;
  /*background-color: #333;*/
}
header .menubg .gmenu ul li a:hover {
  background: #0095A5;
}
header .menubg .gmenu ul li a::before {
  top: 0;
}
header .menubg .gmenu ul li a::after {
  bottom: 0;
}
header .menubg .gmenu ul li a:hover::before, header .menubg .gmenu ul li a:hover::after {
  height: 0;
  background-color: #59b1eb;
}

/*カレントページ対応*/
#top-page header .menubg .gmenu ul li.home {background: #0095A5;}
#recruitment header .menubg .gmenu ul li.recruitment {background: #0095A5;}
#agent header .menubg .gmenu ul li.agent {background: #0095A5;}
#flow header .menubg .gmenu ul li.flow {background: #0095A5;}
#type header .menubg .gmenu ul li.type {background: #0095A5;}
#faq header .menubg .gmenu ul li.faq {background: #0095A5;}
#form header .menubg .gmenu ul li.form {background: #0095A5;}



/*------------------------------ フッター ------------------------------*/
footer .footbg {
  background: #eeeeee;
  width: 100%;
  padding: 50px 0;
}
footer .footbg .fwide {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
footer .footbg .fwide .block1 dt {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
footer .footbg .fwide .block1 .sns{display: flex;align-items:flex-start;margin-top:10px;}
footer .footbg .fwide .block1 .sns i{color:#005898;font-size:36px;margin-right:5px;}
footer .footbg .fwide .block1 .sns span{font-weight: bold;line-height:36px;display: inline-block;vertical-align: top;color:#005898;}
footer .footbg .fwide .block1 {
  flex-grow: 3;
}
footer .footbg .fwide .block2 {
  flex-grow: 1;
}
footer .footbg .fwide .block3 {
  flex-grow: 1;
}
footer .footbg .fwide .block2 ul li, footer .footbg .fwide .block3 ul li {
  margin-bottom: .7em;
}
footer .footbg .fwide .block2 ul li a, footer .footbg .fwide .block3 ul li a {
  line-height: 30px;
  position: relative;
  padding-left: 24px;
}
footer .footbg .fwide .block2 ul li a:before, footer .footbg .fwide .block3 ul li a:before {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
  content: '';
  width: 15px;
  height: 3px;
  background: #005898;
}
footer .footbg .fwide .block2 ul li a:hover, footer .footbg .fwide .block3 ul li a:hover {
  color: #2EB6B6;
}
footer .footbg .fwide .block2 ul li a:hover:before, footer .footbg .fwide .block3 ul li a:hover:before {
  background: #2EB6B6;
}
footer .footer-copyright {
  text-align: center;
  font-size: 10px;
  line-height: 70px;
  letter-spacing: 1px;
  font-family: agenda, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.pagetop {
  position: fixed;
  bottom: 0px;
  right: -100px;
  z-index: 100;
}
.pagetop a {
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
  text-align: center;
}
.pagetop a i {
  color: #2EB6B6;
  font-size: 24px;
}
.pagetop a span {
  display: block;
  font-size: 14px;
  font-family: agenda, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.pagetop a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-decoration: none;
}
/*------------------------------ お問い合わせボタン ------------------------------*/
.inqbtn {
  text-align: center;
  background: #fff;
  padding: 46px 0 70px;
}
.inqbtn p.inqcatch strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 54px;
}
.inqbtn .lbtn {
  width: 640px;
  margin: 0 auto;
}
.inqbtn .lbtn a {padding:20px;
  display: block;background: #fad026; /* Old browsers */
  background: -moz-linear-gradient(top, #fad026 0%, #ff554f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fad026 0%, #ff554f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fad026 0%, #ff554f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad026', endColorstr='#ff554f', GradientType=0); /* IE6-9 */
	border-radius: 50px;color:#fff;font-size:24px;font-weight: bold;
}
.inqbtn .lbtn a:hover{ opacity: 0.8;
  filter: alpha(opacity=80);}
.inqbtn .lbtn a p{display: flex;justify-content:center;align-items:center;}
.inqbtn .lbtn a p strong {
  font-weight: bold;
	font-size: 36px;margin-right:10px;}
.inqbtn .lbtn a .fa-envelope{font-size:50px;margin-right:30px;}
.inqbtn .lbtn a .fa-angle-double-right{font-size:50px;margin-left:30px;}

/*------------------------------ 下層ヘッダー ------------------------------*/
.headTitle{background: #0095a5;}
.headTitle .headWrapper{
	width: 960px;
	margin:0 auto;
	position: relative;height:200px; background: #333 url('../img/agent/titlebg.jpg') no-repeat border-box left top/960px 200px;
}
.headTitle .headWrapper .wleft{display:block;position:absolute;left: 0;z-index: 100;
	top: 0;}
.headTitle .headWrapper .wright{display:block;position: absolute;right: 0;z-index: 100;
	top: 0;}
.headTitle .headWrapper h2{position: absolute;left: 0;top:50px;background:#fff;color:#274c8e;display:inline-block;z-index: 200;font-size:30px;padding:0 40px;line-height:70px;font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;box-shadow: 6px 6px #b9b9c1;}

#flow .headTitle .headWrapper{background-image: url('../img/flow/titlebg.jpg')}
#type .headTitle .headWrapper{background-image: url('../img/type/titlebg.jpg')}
#recruit .headTitle .headWrapper{background-image: url('../img/recruit/titlebg.jpg')}
#faq .headTitle .headWrapper{background-image: url('../img/faq/titlebg.jpg')}
#entry .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#entry_check .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#entry_thanks .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#form .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#check .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#thanks .headTitle .headWrapper{background-image: url('../img/entry/titlebg.jpg')}
#pp .headTitle .headWrapper{background-image: url('../img/pp/titlebg.jpg')}
#info .headTitle .headWrapper{background-image: url('../img/recruit/titlebg.jpg')}