@charset "UTF-8";
@font-face {font-family: jal-icon-font; src: url("/assets/fonts/jal-icon-font.eot"); src: url("/assets/fonts/jal-icon-font.eot?#iefix") format("eot"),url(/assets/fonts/jal-icon-font.woff) format("woff"),url(/assets/fonts/jal-icon-font.ttf) format("truetype"),url(/assets/fonts/jal-icon-font.svg#jal-icon-font) format("svg"); font-weight: 400; font-style: normal;}
@font-face {font-family: jal-icon-font; src: url("/assets/fonts/jal-icon-font.eot"); src: url("/assets/fonts/jal-icon-font.eot?#iefix") format("eot"),url(/assets/fonts/jal-icon-font.woff) format("woff"),url(/assets/fonts/jal-icon-font.ttf) format("truetype"),url(/assets/fonts/jal-icon-font.svg#jal-icon-font) format("svg"); font-weight: 400; font-style: normal;}

/* Contents */
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06{background-attachment:fixed; background-size:cover; background-position:top center; background-repeat:no-repeat; color:#fff; min-height:800px;}
.sec01{background-image:url(/assets/img/csr/top/bg_sec01.jpg); min-height:610px;}
.sec02, .sec06{background-image:url(/assets/img/csr/top/bg_sec02.jpg); background-position:bottom center;}
.sec03{background-image:url(/assets/img/csr/top/bg_sec03.jpg);}
.sec04{background-image:url(/assets/img/csr/top/bg_sec04.jpg);}
.sec05{background-image:url(/assets/img/csr/top/bg_sec05.jpg);}
.sec06{color:#fff;position:relative;padding:0;text-align:center;}
.sec06:before{background-color:#282f3a;box-shadow:0 -80px 80px 0 rgba(0,0,0,.4) inset;content:" ";display:block;height:100%;left:0;opacity:0.84;position:absolute;top:0;width:100%;z-index:0;}
.sec06 .contInr{margin:0 auto;width:984px;height:100%;padding-top:230px;position:relative;overflow:visible;}
.sec06 .sec-3-en-title{font-family:HelveticaNeueLTW1G-UltLt,'Helvetica Neue LT W1G 25 Ultra Light','Helvetica Neue',sans-serif;font-weight:200;font-size:68px;font-size:4.25rem;margin:0;text-transform:uppercase;padding:0;}
.sec06 .sec-3-subtitle{font-family:'游ゴシック',YuGothic,'Hiragino Sans','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;font-weight:400;font-size:18px;font-size:1.125rem;letter-spacing:0.4em;margin:0;text-align:center!important;padding:15px 0 34px;width:100%;}
.sec06 .sec-3-body{display:table;width:100%;zoom:1;}
.sec06 .sec-3-body .sec-3-icon-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:444px;margin:80px auto 32px;}
.sec06 .sec-3-body .sec-3-icon svg{fill:#fff;height:80px;width:80px;}
.sec06 .sec-3-body p{/*font-family:'Hiragino Sans','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;*/font-size:14px;font-size:0.875rem;line-height:1.86;letter-spacing:0.02em;letter-spacing:0.03em;margin:0 auto;text-align:left;width:65%;}
.sec06 .sec-3-body p:lang(en){font-family:HelveticaNeueLight,HelveticaNeue-Light,'Helvetica Neue Light',HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;font-size:0.875rem;line-height:1.86;letter-spacing:0.04em;}

.sec01 .heading, .contInr .txtBox .heading{font-size:40px; letter-spacing:8px;}
.sec01 .leadTxt, .contInr .txtBox .leadTxt{font-size:18px; letter-spacing:3px; line-height:2.2;}
.sec01 .leadTxt{margin-top:30px;}
.contInr{width:950px; margin:0 auto;}
.contInr p{margin:0;}
.contInr .w-line-btn{margin-top:35px;}
.contInr .txtBox{text-align:center;}
.contInr .txtBox.scrEvent{display: none;}
.sec01 .txtBox{display:block; padding-top:200px;}
.sec02 .txtBox{padding:290px 0 0 65px;}
.sec03 .txtBox{padding:285px 0 0 545px;}
.sec04 .txtBox{padding:285px 0 0 0;}
.sec05 .txtBox{padding:290px 0 0 530px;}

.v2 .sec01, .v2 .sec02, .v2 .sec03, .v2 .sec04, .v2 .sec05{min-height:950px;}
.v2 .sec01 .txtBox{padding-top:200px;}
.v2 .sec02 .txtBox{padding:390px 0 0 65px;}
.v2 .sec03 .txtBox{padding:385px 0 0 545px;}
.v2 .sec04 .txtBox{padding:385px 0 0 0;}
.v2 .sec05 .txtBox{padding:350px 0 0 530px;}


/* Mavi */
.secNavi .csrNavi_list li a, .secNavi .csrNavi_list li span{display:block; background:#2e3642; box-sizing:border-box; color:#d8d9db; font-size:26px; font-weight:400; transition:all 0.1s linear; text-align:center; position:relative; min-height:238px; padding:90px 10px 130px 10px;}
.secNavi .csrNavi_list li a:hover{color:#fff; /*opacity:0.8;*/}
.secNavi .csrNavi_list li a:after{font-family: jal-icon-font; content: "\EA01"; position:absolute; left:50%; top:50%; margin:15px 0 0 -10px;}
.secNavi .csrNavi_list li:first-child span{background:url(/assets/img/csr/top/bg_navi_01.jpg) top center no-repeat; background-size:cover;}
.secNavi .csrNavi_list li:nth-child(4) span{background:url(/assets/img/csr/top/bg_navi_02.jpg) top center no-repeat; background-size:cover;}
.secNavi .csrNavi_list li:nth-child(7) span{background:url(/assets/img/csr/top/bg_navi_03.jpg) top center no-repeat; background-size:cover;}

/* Animetion */
.animated{animation-duration:2s;animation-fill-mode:both}
.fadeIn{opacity:1 !important;}
@keyframes fadeInUp{
	0%{opacity:0; transform:translate3d(0,100px,0)}
	100%{opacity:1; transform:none}}
.fadeInUp{animation-name:fadeInUp;}

/* For PC */
@media screen and (min-width:769px) {
.fc_fadeIn{opacity:0; transition:all 2.5s linear;}
.secNavi .csrNavi_list li{box-sizing:border-box; border-left:1px solid #626871; border-bottom:1px solid #626871; float:left; width:25%;}
.secNavi .csrNavi_list li:first-child, .secNavi .csrNavi_list li:nth-child(5), .secNavi .csrNavi_list li:nth-child(9){border-left:0px;}
}

/* For SP */
@media screen and (max-width:768px) {
.fc_fadeIn{opacity:1;}
.fc_fadeIn_sp{opacity:0; transition:all 2.5s linear;}
.secWrap *{box-sizing:border-box;}
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06{box-sizing:border-box; min-height:660px;}
.sec01 .mainTtl{background:url(/assets/img/csr/top/bg_sec01_sp.jpg) top center no-repeat; background-size:cover; line-height:1.6; min-height:213px; padding-top:70px;}
.sec01{background-image:none; min-height:213px;}
.sec02, .sec06{background-image:url(/assets/img/csr/top/bg_sec02_sp.jpg); background-position:bottom center;}
.sec03{background-image:url(/assets/img/csr/top/bg_sec03_sp.jpg);}
.sec04{background-image:url(/assets/img/csr/top/bg_sec04_sp.jpg);}
.sec05{background-image:url(/assets/img/csr/top/bg_sec05_sp.jpg);}
.sec06{padding-bottom:45px;min-height:100%;}
/*.sec06:before{display:none;}*/
.sec06 .contInr{box-sizing:border-box;min-height:0;text-align:center;padding:42px 0 0;width:100%;}
.sec06 .sec-3-en-title{font-size:44px;font-size:2.75rem;color:#c00;text-align:center!important;}
.sec06 .sec-3-subtitle{font-size:14px;font-size:0.875rem;color:#c00;padding:7px 0 47px;}
.sec06 .sec-3-body{display:block;}
.sec06 .sec-3-body .sec-3-icon-area{display:none;margin:0;width:100%;text-align:center;}
.sec06 .sec-3-body .sec-3-icon{display:none;height:auto;width:60px;margin:0 8px;}
.sec06 .sec-3-body .sec-3-icon svg{fill:#c00;height:64px;width:64px;}
.sec06 .sec-3-body p:lang(en){font-family:HelveticaNeueLight,HelveticaNeue-Light,'Helvetica Neue Light',HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;font-size:0.8125rem;line-height:1.65;letter-spacing:0.04em;}
.sec06 .sec-3-body p{font-size:13px;font-size:0.8125rem;letter-spacing:0.02em;line-height:24px;margin:0;text-align:left;padding:10px 4% 0;width:auto;}
.sec06 .intro-link{text-align:left;}
.secSet{background-image:url(/assets/img/csr/top/bg_sec02_sp.jpg);}
.fcWT{color:#ddd !important;}

.sec01 .contInr .txtBox .heading{font-size:22px;}
.sec06 .contInr .txtBox .heading{color:#fff;}
.contInr .txtBox .heading{font-size:26px; letter-spacing:2.5px;}
.contInr .txtBox .leadTxt{font-size:16px; letter-spacing:1px;}
.sec01 .leadTxt{margin-top:20px;}
.sec01 .contInr .txtBox .leadTxt{color:#333; font-size:14px; font-weight:400; text-align:left; padding:0 15px 25px 15px;}
.contInr{width:100%; padding:0 15px;}
.sec01 .contInr{padding:0;}
.contInr .txtBox{display:block; padding:200px 0 0 0;}
.sec01 .txtBox, .sec06 .txtBox{padding-top:0px;}
.secNavi .csrNavi_list li{box-sizing:border-box; border-left:1px solid #626871; border-bottom:1px solid #626871; float:left; width:50%;}
.secNavi .csrNavi_list li:nth-child(odd){border-left:0px;}
.secNavi .csrNavi_list li a, .secNavi .csrNavi_list li span{display:block; background:#2e3642; box-sizing:border-box; color:#d8d9db; font-size:18px; min-height:60px; padding:40px 10px 80px 10px;}
.secNavi .csrNavi_list li a:after{font-size:28px; margin:-5px 0 0 -14px;}
.secNavi .csrNavi_list li span{background:url(/assets/img/csr/top/bg_navi_01.jpg) top center no-repeat; background-size:cover;}
}

@media screen and (min-width:645px) and (max-width:768px){
.sec06 .contInr{padding:45px 16% 0;}
.sec06 .sec-3-body p{padding:4px 0;}
}

/* under IE9 */
@media \0screen {.txtBox{opacity:1 !important;}}
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm){.txtBox{opacity:1 !important;}}

/* fy19 fhrn */
@media screen and (max-width:768px) {
.fy19Fhrn_csr .sec01 .contInr .txtBox .leadTxt{padding:0 15px 15px;}
.fy19Fhrn_csr .linkBtn{padding:0 15px 25px 15px;line-height:1.9;}
.fy19Fhrn_csr .linkBtn .w-line-btn{margin-top:0;border:0px;border-bottom:1px solid #686f7a;width:100%;padding:0 0 0 30px;}
.fy19Fhrn_csr .linkBtn .w-line-btn span{color:#686f7a;}
.fy19Fhrn_csr .linkBtn .w-line-btn-blank:before, .fy19Fhrn_csr .linkBtn .w-line-btn:before{color:#686f7a;left:0px;right:inherit;}
.secNavi .csrNavi_list li a::after{top:60%;}
.secNavi .csrNavi_list li a, .secNavi .csrNavi_list li span{min-height:161px;}
.sec02, .sec04, .sec05{background-size:cover;}
}

/* common.css? */
.pickupConts{background:#f3f4f5;}
.pickupConts .contInr{width:100%;max-width:984px;padding:60px 0;margin:0 auto;}
.pickupConts .pickupHead{font-size:1.25rem;}
.pickupConts .pickupConts_inr{margin-top:20px;}
.pickupConts .pickupConts_inr ul{display:flex;justify-content:space-between;}
.pickupConts .pickupConts_inr li{display:table;width:48%;}
.pickupConts .pickupConts_inr li:nth-child(odd){}
.pickupConts .pickupConts_inr li:nth-child(even){}
.pickupConts .pickupConts_inr li > a{display:block;transition:all 0.3s ease;}
.pickupConts .pickupConts_inr li > a:hover{opacity:0.7;}
.pickupConts .pickupConts_inr li > a > span{display:table-cell;vertical-align:middle;}
.pickupConts .pickupConts_inr li .pickupTxt{display:table-cell;background:#fff;vertical-align:middle;padding:0 10px 0 20px;}
.pickupConts .pickupConts_inr li .pickupTxt dt{font-size:1rem;font-weight:bold;}
.pickupConts .pickupConts_inr li .pickupTxt dd{font-size:0.86rem;letter-spacing:0px;font-weight:400;line-height:1.4;margin:8px 0 0 0;}
@media screen and (max-width:768px) {
.pickupConts{margin-bottom:40px;}
.pickupConts .contInr{width:calc(100% - 30px);padding:40px 15px 0px 15px;}
.pickupConts .pickupHead{font-size:1rem;text-align:center;}
.pickupConts .pickupConts_inr ul{display:flex;}
.pickupConts .pickupConts_inr li{display:block;background:#fff;width:48%;}
.pickupConts .pickupConts_inr li > a > span{display:block;text-align:center;}
.pickupConts .pickupConts_inr li > a > span img{width:100%;}
.pickupConts .pickupConts_inr li .pickupTxt{display:block;padding:10px 10px 20px 10px;}
.pickupConts .pickupConts_inr li .pickupTxt dt{font-size:0.86rem;}
.pickupConts .pickupConts_inr li .pickupTxt dd{font-size:0.7rem;}
}