@charset "UTF-8";
@import url("../global.css?20251210");
@import url("../form_main.css");

.title-h2{
  font-size: 5.5vw;
  font-weight: 300;
  text-align: left;
  margin: 4vw 4vw;
}
.contents-areaa{
  margin: auto;
}
.title-h3{
  font-size: 4vw;
  font-weight: 700;
  color: #fff;
  text-align: left;
  margin: 4vw auto 2vw auto;
  padding: 2vw 4vw;
  background-color: #3860af;
}
.title-link-h4{
  position: relative;
  font-size: 4vw;
  color: #214ca1;
  font-weight: 300;
  text-align: left;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.title-link-h4::before{
  position: absolute;
  left: 1vw;
  top: 2.5vw;
  font-family: "Font Awesome 5 Free";
  content: "\f15c";
  font-weight: 600;
  font-size: 4vw;
  color: #ff6262;
}
.title-link-h4::after{
  position: absolute;
  right: 1vw;
  top: 4vw;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 600;
  font-size: 3vw;
  color: #a1a1a1;
}
.title-link-h4 > a{
  display: block;
  padding: 3vw 3vw 3vw 7vw;
  text-decoration: none;
}
.title-normal-h4{
  text-align: left;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.6;
  margin: 3vw auto 2vw auto;
  border-bottom:1px solid #dddddd;
}
.title-h4{
  text-align: left;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6;
  margin: 3vw auto;
  padding: 1vw 4vw;
  background-color: #f4f4f4;
  border-bottom: 1px dotted #dddddd;
}
.title-h4::before{
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 3vw;
  font-weight: 600;
  color: #ff6262;
  padding: 0 1vw 0 0;
}
.title-h5{
  font-size: 3.5vw;
  font-weight: 600;
  text-align: left;
  margin: 2vw auto;
  line-height: 1.6;
  padding: 1vw 4vw;
  background-color: #e1eafa;
}
.contents-areaa > p{
  font-size: 3.5vw;
  text-align: left;
  width: 94vw;
  margin: 1vw auto;
  line-height: 1.8;
}
.nature-link{
  font-size: 4vw;
  text-align: left;
  margin: auto auto 4vw 2vw;
}
.important{
  padding: .5vw;
  background-color: #ffe6e6;
}
.ul-related-menu{
  width: 94vw;
  margin: 1vw auto;
  text-align:left;
  list-style: none;
}
.ul-related-menu li{
  margin: 1.5vw auto;
  font-size: 3.5vw;
}
.ul-related-menu li i{
  padding: 0 2vw 0 0;
}
.ul-disc {
  list-style: disc;
  margin: 2vw 2vw 4vw 8vw;
  text-align: left;
}
.ul-disc li{
  list-style: disc;
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 2;
}
.ul-disc li > a{
  color: #222222;
  text-decoration: none;
}
.ul-circle{
  list-style: circle;
  margin: 2vw 2vw 2vw auto;
  padding: 1vw 1vw 1vw 6vw;
  background-color: #f8f8f8;
  text-align: left;
}
.ul-circle li{
  list-style: circle;
  margin: 1.5vw auto;
  font-size: 3vw;
  line-height: 1.6;
}
.ul-decimal{
  list-style: disc;
  margin: 2vw 2vw 4vw 8vw;
  text-align: left;
}
.ul-decimal > li{
  list-style: decimal;
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 2;
}
.ul-decimal > dt{
  display: list-item;
  list-style: decimal;
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 2;
}
.ul-decimal > dd{
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 2;
}
.ul-reference{
  list-style: none;
  margin: 1vw 2vw 2vw 8vw;
  text-align: left;
}
.ul-reference li{
  position: relative;
  list-style: none;
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 1.8;
}
.ul-reference li::after{
  display: block;
  content: '※';
  font-size: 4vw;
  position: absolute;
  top: -1vw;
  left: -4vw;
}
.ul-qa{
  list-style: none;
  margin: 1vw 2vw 2vw 8vw;
  text-align: left;
}
.ul-qa dt{
  position: relative;
  list-style: none;
  margin: 4vw auto 1.5vw auto;
  font-size: 3.5vw;
  font-weight: 600;
  line-height: 1.8;
}
.ul-qa dd{
  position: relative;
  list-style: none;
  margin: 1.5vw auto;
  font-size: 3.5vw;
  line-height: 1.8;
}
.ul-qa dt::after {
  display: block;
  content: 'Q';
  font-size: 4vw;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  padding: .9vw 1.3vw;
  background-color: #19abf4;
  position: absolute;
  top: 0;
  left: -7vw;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
}
.ul-qa dd::after {
  display: block;
  content: 'A';
  font-size: 4vw;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  padding: .9vw 1.5vw;
  background-color: #fe0002;
  position: absolute;
  top: 0;
  left: -7vw;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
}
#convenience-link-ul{
  width: 96vw;
  margin: 2vw auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#convenience-link-ul li{
  display: block;
  font-size: 3vw;
  color: #2056ae;
  line-height: 1.8;
  text-align: left;
  width: 30vw;
  margin: 1vw 1vw ;
  text-decoration: none;
  border: 1px solid #2154ac;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#convenience-link-ul li > a{
  display: block;
  padding: 3vw 1vw;
}
#convenience-btn{

}
#convenience-btn > a{
  display: block;
  padding: 2vw 0;
  margin: 2vw auto;
  width: 80vw;
  font-size: 4vw;
  color: #fff;
  text-decoration: none;
  background-color: #214ca1;
}
.important-area{
  padding: .5vw;
  background-color: #ffe6e6;
}

.table-01{
  border-collapse: collapse;
  margin: 2vw auto;
  width: 96vw;
  font-size: 3.5vw;
  padding: 1vw;
}
.table-01 th,td{
  border: 1px solid #cccccc;
  line-height: 1.8;
  padding: .5vw 1vw;
  vertical-align: middle;
}
.table-01 th{
  background-color: #eeeeee;
}

.contents-in{
  width: 96vw;
  margin: 2vw auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.contents-in > a{
  display: block;
  font-size: 3vw;
  color: #2056ae;
  line-height: 1.8;
  text-align: left;
  width: 46.5vw;
  margin: 1vw auto 1vw 0;
  padding: 1vw 1vw 12vw 1vw;
  text-decoration: none;
  border: 1px solid #2154ac;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.contents-in > a:nth-child(even){
  margin: 1vw auto 1vw 1vw;
}
.contents-in > a > img{
  margin: 2vw auto;
}
.contents-in > a > span{
  position: absolute;
  left: 2vw;
  bottom: 2vw;
  color: #fff;
  width: 42.5vw;
  padding: 1.5vw 0;
  text-align: center;
  display: block;
  background-color: #153d8d;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.middle{
  vertical-align: middle;
}
.bgc-yes{
  background-color: #e7fbff;
}
.bgc-no{
  background-color: #fdebeb;
}
.nowrap{
  white-space: nowrap;
}
.red{
  color: #ff0000;
}
.bgc-fafafa{
  background-color: #fafafa;
}
.bold{
  font-weight: 700;
}
.break-all{
  word-break: break-all;
}
.information-cancel-mail-link{
  display: block;
  font-size: 3.5vw;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  width: 80vw;
  margin: 2vw auto;
  padding: 2vw 1vw;
  text-decoration: none;
  background-color: #cc0000;
  border: 1px solid #cc0000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.entry-example{
  font-size: 3vw;
  vertical-align: top;
  display: inline-block;
  padding: 0 1vw;
  border-bottom: 1px solid #ff6262;
  border-top: 1px solid #ff6262;
}
.entry-example::before{
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 3vw;
  font-weight: 600;
  color: #ff6262;
  padding: 0 1vw 0 0;
}
.cartoon-aera{
  padding: 0 2vw 2vw;
  text-align: center;
}
.cartoon-aera img {
  width: 100%;
  height: auto;
}
.annai-cartoon-link{
  text-align: center;
  padding: 0 0 2vh 0;
}
.annai-cartoon-link > a{
  position: relative;
  text-decoration: none;
  display: block;
  width: 70%;
  font-size: 5vw;
  color: #fff;
  padding: 1.2vh 0;
  margin: auto;
  background-color: #ff6400;
  box-shadow: 0 3px 0 #df5901;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.annai-cartoon-link > a::before{
  font-family: "Font Awesome 5 Free";
  content: "\f072";
  font-weight: 600;
  position: absolute;
  left: 10px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*-----------------------------------*/
/*　お知らせ　*/
.infoDetail-span{
  display: block;
  font-size: 4vw;
  font-weight: 400;
  text-align: left;
  margin: auto 2vw;
}
.infoDetail-h3{
  font-size: 4.5vw;
  padding-bottom: 2vw;
  text-align: left;
  margin: 4vw 2vw 2vw 2vw;
  border-bottom: 2vw solid #eeeeee;
}
.infoDetail-p{
  text-align: left;
  margin: auto 2vw;
  font-size: 4vw;
  padding-bottom: 6vw;
  display: block;
}

/*-----------------------------------*/
/*　ご利用の流れ　*/
#annai-cartoon{

}
#annai-cartoon > a{
  width: 90vw;
  font-size: 4vw;
  font-weight: 700;
  color: #fff;
  margin: 3vw auto;
  text-align: center;
  display: block;
  padding: 2vw 0;
  text-decoration: none;
  background-color: #2056ad;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow:0px 3px 3px 3px #dedede;
}
#annai-cartoon > a > strong{
  display: block;
  font-size: 5vw;
  font-weight: 500;
  position: relative;
}
#annai-cartoon > a > strong::after{
  position: absolute;
  right: 2vw;
  top: -3vw;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-weight: 600;
}
.annai-page-link{
  width: 100%;
  margin: 4vw auto;
}
.annai-page-link li{
  vertical-align: top;
  display: inline-block;
  width: 50%;
  text-align: center;
}
.annai-page-link li > span{
  display: inline-block;
  width: 20vw;
  font-size: 5vw;
  color: #fff;
  padding: 2vw 0;
  background-color: #dedede;
}
.annai-page-link li > a{
  display: inline-block;
  width: 20vw;
  font-size: 5vw;
  color: #fff;
  padding: 2vw 0;
  background-color: #2056ad;
}
#annai-navi{
  width: 98vw;
  margin: 4vw auto;
  text-align: left;
}
#annai-navi li{
  vertical-align: top;
  display: inline-block;
  width: 47vw;
  margin: 1vw;
  font-size: 4vw;
  text-align: left;
}
#annai-navi li > span{
  display: block;
  color: #fff;
  background-color: #dedede;
  padding: 2vw 4vw;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#annai-navi li > a{
  text-decoration: none;
  display: block;
  background-color: #fff;
  border: 1px solid #2056ad;
  padding: 2vw 4vw;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/*-------- お知らせ ---------*/
.info-btns-txt {
  font-size: 3vw;
  text-align: left;
  margin-top: 3vw;
  padding-left: 3vw;
}
.info-btns {
  display: flex;
  text-align: left;
  padding-left: 3vw;
}
.info-btns a {
  font-size: 3vw;
  line-height: 1;
  text-decoration: none;
  margin: 3vw 4vw 0 0;
  display: block;
}
.info-btns a:last-child {
  margin-right: 0;
}
.info-list li {
  font-size: 3.5vw;
  text-align: left;
  width: 98%;
  margin: auto;
  padding: 3vw 0 3vw 5vw;
  border-bottom: solid 1px #ccc;
  box-sizing: border-box;
}
.info-list li .date {
  display: block;
  margin-right: 15px;
}
/*-----------------------------------*/
/*　フッターリンク　*/
#information-nav{
  margin: 6vw auto 2vw auto;
}
#information-nav-ul{

}
#information-nav-ul li{
  vertical-align: top;
  display: inline-block;
  width: 49vw;
  font-size: 3vw;
  margin: .5vw;
  text-align: left;
}
#information-nav-ul li > a{
  display: block;
  background-color: #fafafa;
  border: 1px solid #ecedee;
  color: #03669a;
  padding: 3vw 1vw;
  text-decoration: none;
}
#information-nav-ul li > span{
  display: block;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  color: #b8b8b8;
  padding: 3vw 1vw;
}
#information-nav-ul li i{
  padding: 0 2vw 0 0;
}

/*-----------------------------------*/
/*　フッターキャリア　*/
.content-index{
  margin: 2vw auto;
  padding: 0 0 4vw 0;
  text-align:left;
}
.content-index > h2{
  background-color: #204ca0;
  font-size: 4vw;
  color: #fff;
  padding: 1.6vw 0 1.6vw 3vw;
}
.career-link-ul{
  list-style-type: none;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width: 100%;
  margin: auto;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.career-link-ul li{
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
  text-align:left;
  margin: 2vw 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.career-link-ul li > a{
  display: block;
  font-size: 6vw;
  color: #fff;
  text-decoration: none;
  padding: 7vw 1vw 4vw 21vw;
  background-repeat: no-repeat;
  background-position: 1vw -7vw;
  box-shadow:0px 4px 3px 0px #d8d8d8;
  background-size: 20vw;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.career-link-ul li > a > p{
  font-weight: 600;
  margin: -5vw 0 0 3vw;
}
.career-link-ul li > a.fda > p {
  position: relative;
}
.career-link-ul li > a > p > span{
  display: block;
  font-size: 2vw;
  font-weight:600;
}
.career-link-ul li > a.fda > p > span {
  position: absolute;
  bottom: -6.5vw;
  left: 0;
}
.career-link-ul li > .ana{
  background-color: #003277;
  background-image: url(/img/sp2/icon/career/ana.png);
}
.career-link-ul li > .jal{
  background-color: #e60213;
  background-image: url(/img/sp2/icon/career/jal.png);
}
.career-link-ul li > .sky{
  background-color: #182883;
  background-image: url(/img/sp2/icon/career/sky.png);
}
.career-link-ul li > .ado{
  background-color: #76d2f7;
  background-image: url(/img/sp2/icon/career/ado.png);
}
.career-link-ul li > .jjp{
  background-color: #ff5112;
  background-image: url(/img/sp2/icon/career/jjp.png);
}
.career-link-ul li > .sna{
  background-color: #6db328;
  background-image: url(/img/sp2/icon/career/sna.png);
}
.career-link-ul li > .apj{
  background-color: #b634bb;
  background-image: url(/img/sp2/icon/career/apj.png);
}
.career-link-ul li > .sfj{
  background-color: #000000;
  background-image: url(/img/sp2/icon/career/sfj.png);
}
.career-link-ul li > .vnl{
  background-color: #009fec;
  background-image: url(/img/sp2/icon/career/vnl.png);
}
.career-link-ul li > .tok{
  background-color: #0c1935;
  background-image: url(/img/sp2/icon/career/tok.png);
}
.career-link-ul li > a.vnl {
  position: relative;
}
.career-link-ul li > a.vnl::after {
  position: absolute;
  background-color: rgba(0,0,0, .5);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  top: 0;
  left: 0;
  z-index: 20;
}
.career-link-ul li > .fda{
  height: 38.88%;
  background-color: #d71a1e;
  background-image: url(/img/sp2/icon/career/fda.png);
}
.career-link-ul li > .ibex{
  background-color: #ef027f;
  background-image: url(/img/sp2/icon/career/ibex.png);
}
.career-link-ul li > .waj{
  background-color: #f20000;
  background-image: url(/img/sp2/icon/career/waj.png);
}
.career-link-ul li > a.waj {
  position: relative;
}
.career-link-ul li > a.waj::after {
  position: absolute;
  background-color: rgba(0,0,0, .5);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  top: 0;
  left: 0;
  z-index: 20;
}

/*--------------------------------------------*/
/*-------- コンテンツ ---------*/
#contents .contents-areaa span.line-through {
  text-decoration: line-through;
}