@charset "UTF-8";
@import url("reset.css");
*{-webkit-text-size-adjust:100%;}
img{vertical-align:bottom;font-size:0;}ul{list-style-type:none;}
a{color:#2d579b;-webkit-transition:0.4s;transition:0.4s;}a:visited {}a:hover{color:#333333;-webkit-transition:0.6s;transition:0.6s;}
body{
font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-size: 14px;
color:#333333;
font-weight:300;
line-height:1.4;
letter-spacing:0;
text-align:center;
letter-spacing:normal;
width:100%;
background-color: #f6f6f6;
position:relative;
z-index:0;
}
/*-----------------------------------------------*/
/*+++　Header　+++*/
#header{
  position: relative;
  width:100%;
  margin:auto;
  background-color:#f6f6f6;
}
#header > h1{
  width: 100%;
  height: 15px;
  font-size:10px;
  line-height:1.5;
  color:#fff;
  text-align:center;
  background-color:#204793;
  background-image: linear-gradient(
    -45deg,
    #204793 25%,
    #123d8d 25%, #123d8d 50%,
    #204793 50%, #204793 75%,
    #123d8d 75%, #123d8d
  );
  background-size: 8px 8px;
}
#header-area{
  width:970px;
  margin:auto;
  padding:20px 30px 0 30px;
  background-color:#fff;
}
#header-area li{
  vertical-align: top;
  display:inline-block;
  width:250px;
  text-align:left;
}
#header-area li:last-of-type{
  width:720px;
  text-align:right;
}

#nav-area{
  width: 1030px;
  margin: auto;
  background-color: #fff;
}
#nav-area > div{
  width: 970px;
  padding: 0 30px;
  background-color: #fff;
}
#nav-ul-list{
  display: -webkit-flex;
  display: flex;
  border-bottom: 2px solid #204c9f;
}
#nav-ul-list li:first-child {
  margin-right: auto;
}
#nav-ul-list{

}
#nav-ul-list li > a{
  position: relative;
  transition: .3s;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  margin: auto auto auto 15px;
  padding: 8px 0 0 0;
}
#nav-ul-list li > a::after{
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
}
#nav-ul-list li > a:hover::after {
  width: 100%;
}
#nav-ul-list li > a > i{
  padding: 0 5px 0 0;
}
#nav-ul-list li > .nav-ul-main{
  display: inline-block;
  margin: auto;
  padding: 5px 15px 5px 5px;
  text-align:center;
  color: #fff;
  background-color: #204c9f;
  border-radius: 2px 2px 0 0 / 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  text-decoration: none;
  border: 1px solid #204c9f;
}
#nav-ul-list li > .nav-ul-main:hover{
  background-position: -100% 0;
  color: #204c9f;
}
#nav-ul-list li > .nav-ul-main:hover::after{
  width: 0;
}
#nav-ul-list li > .nav-ul-main > i{
  padding: 0 10px 0 0;
}

/*^^^^^^^^^^^^^^　パンクズ　^^^^^^^^^^^^^^*/
#bread-list{
  padding: 10px 0;
}
#bread-list > p{
  font-size: .8rem;
  text-align: left;
  width: 100%;
  padding: 5px 20px;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#bread-list > p > i{
  padding: 0 10px;
}


/*-----------------------------------------------*/
#airport-bread{
  margin: auto;
  text-align:left;
  border-bottom: 3px solid #204c9f;
}
#airport-bread-list{
  margin: auto;
  text-align:left;
}
#airport-bread-list li{
  vertical-align: top;
  display: inline-block;
  font-size: 12px;
}
#airport-bread-list li::before{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 600;
  margin: auto 10px;
}
#airport-bread-list li:first-child::before{
  content: "\f015";
  font-weight: 600;
  margin: auto 5px auto auto;
}

#contents{
  width:970px;
  margin:auto;
  padding:0 30px;
  background-color:#fff;
}


.content-flex{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin: auto;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
/*
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
*/
}
.content-left{
  -webkit-flex-basis: 70%;
  flex-basis: 70%;
  background-color: #ecf6ff;
}
.content-right{
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
  background-color: #ffecf1;
}
#cover{
  width: 100%;
}




/*-----------------------------------------------*/
/*+++　Footer　+++*/
.pagetop{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index:5;
}
.pagetop > a{
  background-color:#0f327c;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index:5;
  box-shadow:0px 2px 2px 0px #b7b7b7;
}
.pagetop > a:hover {
  background-color: #999;
}
#footer-carrier-area{
  width:970px;
  margin:auto;
  padding:20px 30px;
  background-color:#fff;
}
.footer-carrier-title{
  width:970px;
  margin:10px auto;
  font-size:14px;
  color:#fff;
  text-align:left;
  padding:12px 0 12px 15px;
  border:1px solid #2d75ca;
  background: -moz-linear-gradient(top,  rgba(35,84,172,1) 0%, rgba(33,84,171,1) 50%, rgba(21,61,141,1) 50%, rgba(21,61,141,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(35,84,172,1) 0%,rgba(33,84,171,1) 50%,rgba(21,61,141,1) 50%,rgba(21,61,141,1) 100%);
  background: linear-gradient(to bottom,  rgba(35,84,172,1) 0%,rgba(33,84,171,1) 50%,rgba(21,61,141,1) 50%,rgba(21,61,141,1) 100%);
  box-sizing: border-box;
}
.in-title-h2{
  font-size: 20px;
  color: #000;
  text-align: left;
  margin: 30px auto;
  padding: 10px 10px 10px 0;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #4571c1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.in-title-h2::after{
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 70%;
  height: 4px;
  background-color: #113d8d;
}
table.footer-carrier-table{
  border:1px solid #fff;
  empty-cells:hide;
  margin:auto;
}
table.footer-carrier-table td{
  border:1px solid #fff;
  width:240px;
  height:150px;
  text-align:center;
  vertical-align:bottom;
  position: relative;
}
table.footer-carrier-table td > a{
  text-decoration: none;
  width:240px;
  height:150px;
  text-align:center;
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size:45%;
  display:block;
}
table.footer-carrier-table td.ana > a{
  background-color:#003277;
  background-image:url(/img/pc2/icon/career/ana.png);
}
table.footer-carrier-table td.jal > a{
  background-color:#e50112;
  background-image:url(/img/pc2/icon/career/jal.png);
}
table.footer-carrier-table td.sky > a{
  background-color:#f6b211;
  background-image:url(/img/pc2/icon/career/sky.png);
}
table.footer-carrier-table td.ado > a{
  background-color:#87d0f3;
  background-image:url(/img/pc2/icon/career/ado.png);
}
table.footer-carrier-table td.jjp > a{
  background-color:#ff6729;
  background-image:url(/img/pc2/icon/career/jjp.png);
}
table.footer-carrier-table td.sna > a{
  background-color:#6db328;
  background-image:url(/img/pc2/icon/career/sna.png);
}
table.footer-carrier-table td.apj > a{
  background-color:#c54acb;
  background-image:url(/img/pc2/icon/career/apj.png);
}table.footer-carrier-table td.sfj > a{
  background-color:#000000;
  background-image:url(/img/pc2/icon/career/sfj.png);
}
table.footer-carrier-table td.vnl > a{
  background-color:#0fa0df;
  background-image:url(/img/pc2/icon/career/vnl.png);
}
table.footer-carrier-table td.fda > a{
  background-color:#d61b18;
  background-image:url(/img/pc2/icon/career/fda.png);
}
table.footer-carrier-table td.ibex > a{
  background-color:#ff379f;
  background-image:url(/img/pc2/icon/career/ibex.png);
}
table.footer-carrier-table td.waj > a{
  background-color:#dd2f21;
  background-image:url(/img/pc2/icon/career/waj.png);
}
table.footer-carrier-table td > a:hover{
  opacity: 0.6;
}
table.footer-carrier-table td > a > span{
  font-size:12px;
  color:#fff;
  display:block;
  margin:auto;
  text-align:center;
  position: absolute;
  bottom:10px;
  left:0;
  right:0;
}
table.footer-carrier-table td.vnl > a::after{
  position: absolute;
  background-color: rgba(0,0,0, .5);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 20;
}
/*--------------------------------------------*/
/*--------　フッターリンク　---------*/
/*--------------------------------------------*/
nav#footer_link{
  width:1000px;
  margin:auto;
  padding:20px 15px;
  background-color:#fff;
}
ul.footer_link_ue{
  font-size:12px;
  padding:12px 0;
  border-top:1px solid #0f327b;
}
ul.footer_link_ue li{
  vertical-align: top;
  display:inline-block;
}
ul.footer_link_ue li > i{
  color:#da0504;
  padding:0 2px 0 8px;
}
ul.footer_link_shita{
  font-size:12px;
  padding:12px 0;
  border-top:1px dotted #0f327b;
  border-bottom:1px dotted #0f327b;
}
ul.footer_link_shita li{
  vertical-align: top;
  display:inline-block;
}
ul.footer_link_shita li > i{
  color:#da0504;
  padding:0 2px 0 8px;
}
nav#footer_link > ul li > a{
  color:#333;
  text-decoration: none;
}
nav#footer_link > ul li > a:hover{
  color:#da0504;
}

/*--------------------------------------------*/
/*--------　フッター情報　---------*/
/*--------------------------------------------*/
footer#footer{
  width:100%;
  margin:0 auto;
  background-color:#0f327c;
}
#footer-copy{
  font-size:12px;
  color:#fff;
  text-align:center;
  padding:10px 0;
}
#footer-copy > a{
  text-decoration: none;
  color:#ffff67;
}
#footer-text-h2{
  font-size:11px;
  line-height:1.4;
  color:#fff;
  text-align:left;
  width:970px;
  margin:auto;
  padding:30px 0 50px 0;
  display:block;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*　form日付メッセージ　*/
#ouro-pass-fukuro{
  width: 300px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin: auto;
  padding: 0 4px;
  text-align: left;
  background-color: #ffeefd;
}

#footer-tagu{
  display: none;
}
.global-display-none{
  display: none !important;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*--// 5%還元キャンペーン --*/
.Campaign5reduction{
  position: fixed;
  top: 15px;
  right: 0;
  z-index: 100;
  background-color:rgba(51,51,51,0.6);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.Campaign5reduction > img{
  display: block;
  float: left;
  width: 85px;
}
.Campaign5reduction > span{
  display: block;
  padding: 5px 1px 0 0;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  position: relative;
}
.Campaign5reduction > span::before{
  position: absolute;
  content: '※';
  top: 60px;
}