@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
}

/*メインビジュアル*/


/*---------------
JAL’s History
-----------------*/

.intro-history {
	height: 460px;
	background-repeat: no-repeat;
	background-image: url(/ja/outline/history/common/img/bg_history.jpg);
	background-position: left bottom;
	background-size: cover;
}
.intro-history:before {
	display: none
}

@media screen and (max-width: 768px) {
.intro-history {
	height: auto;
	background-color: #f3f4f5;
	background-repeat: no-repeat;
	background-size: 100% auto
}
.intro-history .intro-inner p {
	text-shadow: none!important
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-history {
	padding-top: 0;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover
}
.intro-history .intro-inner p {
	color: #fff
}
}

@media screen and (max-width: 768px) {
.intro-history {
	height: 210px;
	background-image: url(/ja/outline/history/common/img/sp_bg_history.jpg);
	background-position: left bottom;
	background-size: cover;
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-history {
	height: 400px;
	background-image: url(/ja/outline/history/common/img/bg_history.jpg);
	background-position: left top;
	background-size: cover
}
}
.intro-history .intro-title {
	margin: 39px 0 0
}

@media screen and (max-width: 768px) {
.intro-history .intro-title {
	height: auto;
	margin: 0;
	background: 0 0
}
.intro-history .intro-text-s {
	color: #fff!important;
	text-align: center
}
}

@media screen and (min-width: 769px) {
.intro-history .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center
}
}
.intro-history .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center;
}


/*---------------
制服の歴史
-----------------*/

.intro-uniform {
	height: 460px;
	background-repeat: no-repeat;
	background-image: url(/ja/outline/history/common/img/bg_uniform.jpg);
	background-position: left top;
	background-size: cover
}
.intro-uniform:before {
	display: none
}

@media screen and (max-width: 768px) {
.intro-uniform {
	height: auto;
	background-color: #f3f4f5;
	background-repeat: no-repeat;
	background-size: 100% auto
}
.intro-uniform .intro-inner p {
	text-shadow: none!important
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-uniform {
	padding-top: 0;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover
}
.intro-uniform .intro-inner p {
	color: #fff
}
}

@media screen and (max-width: 768px) {
.intro-uniform {
	height: 210px;
	background-image: url(/ja/outline/history/common/img/sp_bg_uniform.jpg);
	background-position: center top;
	background-size: cover;
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-uniform {
	height: 400px;
	background-image: url(/ja/outline/history/common/img/bg_uniform.jpg);
	background-position: left top;
	background-size: cover
}
}
.intro-uniform .intro-title {
	margin: 39px 0 0
}

@media screen and (max-width: 768px) {
.intro-uniform .intro-title {
	height: auto;
	margin: 0;
	background: 0 0
}
.intro-uniform .intro-text-s {
	color: #fff!important;
	text-align: center
}
}

@media screen and (min-width: 769px) {
.intro-uniform .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center
}
}
.intro-uniform .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center;
}


/*---------------
機材の歴史
-----------------*/

.intro-aircraft {
	height: 460px;
	background-repeat: no-repeat;
	background-image: url(/ja/outline/history/common/img/bg_aircraft.jpg);
	background-position: center;
	background-size: cover
}
.intro-aircraft:before {
	display: none
}

@media screen and (max-width: 768px) {
.intro-aircraft {
	height: auto;
	background-color: #f3f4f5;
	background-repeat: no-repeat;
	background-size: 100% auto
}
.intro-aircraft .intro-inner p {
	text-shadow: none!important
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-aircraft {
	padding-top: 0;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover
}
.intro-aircraft .intro-inner p {
	color: #fff
}
}

@media screen and (max-width: 768px) {
.intro-aircraft {
	height: 210px;
	background-image: url(/ja/outline/history/common/img/sp_bg_aircraft.jpg);
	background-position: center top;
	background-size: cover;
}
}

@media screen and (min-width: 645px) and (max-width:768px) {
.intro-aircraft {
	height: 400px;
	background-image: url(/ja/outline/history/common/img/bg_aircraft.jpg);
	background-position: center;
	background-size: cover
}
}
.intro-aircraft .intro-title {
	margin: 39px 0 0
}

@media screen and (max-width: 768px) {
.intro-aircraft .intro-title {
	height: auto;
	margin: 0;
	background: 0 0
}
.intro-aircraft .intro-text-s {
	color: #fff!important;
	text-align: center
}
}

@media screen and (min-width: 769px) {
.intro-aircraft .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center
}
}
.intro-aircraft .intro-text-s {
	margin: 0;
	padding: 33px 0 0;
	text-align: center;
}
/*メインビジュアル*/


/*--------------------------
コンテンツエリア
--------------------------*/
.history-cont-outer {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 90px;
}

@media screen and (max-width: 768px) {
.history-cont-outer {
	width: 92%;
	margin: 0 auto;
	padding-bottom: 100px;
}
}
/*--------------------------
横渡ナビ
--------------------------*/
.history-cont-outer .btn-link-l {
	font-size: 16px;
	font-size: 1rem;
}
.history-cont-outer .u-btns-3 .btn-link-l.current {
	color: #222222;
	border-bottom: 2px solid #222!important;
	pointer-events: none;
}
.history-cont-outer .u-btns-3 .btn-link-l.current::before {
	display: none;
}
.history-cont-outer .u-btns-3 .btn-link-l:hover.current {
	color: #222222;
	pointer-events: none;
	border-top: none!important;
	border-bottom: 2px solid #222!important;
	width: 253px;
	margin: 0;
	padding: 17px 0 17px 0;
	padding-right: 0 !important;
	box-shadow: none;
	background-color: transparent;
}
.history-cont-outer .u-btns-3 .btn-link-l:hover.current::before {
	right: 0;
}

@media screen and (max-width: 768px) {
.history-cont-outer .u-btns-3 li:first-of-type .btn-link-l {
	border-top: solid 1px #c0c5cc!important;
}
.history-cont-outer .u-btns-3 li:first-of-type .btn-link-l:hover {
	border-top: solid 1px #fff!important;
}
.history-cont-outer .u-btns-3 .btn-link-l.current {
	border-bottom: solid 1px #c0c5cc!important;
}
}


/*--------------------------
ページ内リンク
--------------------------*/
.histort-local-btns {
	padding-top: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 2;
}
.histort-local-btns .btn-link {
	width: 70px;
	font-size: 14px;
	font-size: .875rem;
	border: none!important;
	padding: 9px 8px 10px 9px;
	position: relative;
	letter-spacing: -0.001em;
}
.histort-local-btns .btn-link::before {
	display: none;
}
.histort-local-btns .btn-link.jas-histort {
	width: 102px;
	padding-left: 25px;
}
.histort-local-btns .btn-link.jas-histort::before {
	content: "\EA05";
	display: inline-block;
	left: 0;
	right: inherit;
	font-size: 24px;
	font-size: 1.5rem;
	color: #222222;
}
.histort-local-btns .btn-link:hover {
	background-color: #dfe2e5;
}

@media screen and (max-width: 768px) {
.histort-local-btns {
	display: none;
}
}


/*--------------------------
年表
--------------------------*/
.cbp_tmtimeline {
	padding: 0;
	list-style: none;
	position: relative;
	max-width: 800px;
	margin: 30px auto 0 auto;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
/* 赤線 */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #cc0000;
	left: 120px;
	margin-left: 0;
	margin-top: 12px;
}
.cbp_tmtimeline.history:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #cc0000;
	left: 160px;
	margin-left: 0;
	margin-top: 0;
}
.cbp_tmtimeline > li {
	position: relative;
	margin-top: 40px;
}
.cbp_tmtimeline > li:first-of-type {
	margin-top: 0;
}
@media screen and (min-width: 768px) {
#uniform .cbp_tmtimeline > li {
	position: relative;
	margin-top: 0;
	padding-top: 70px;
}
#uniform .cbp_tmtimeline > li:first-of-type {
	padding-top: 0;
}
}
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 120px;
	padding: 0 20px 0 0;
	float: left;
	text-align: right;
	box-sizing: border-box;
}
.cbp_tmtimeline.history > li .cbp_tmlabel {
	width: 800px;
	float: none;
	margin: 0;
	font-size: 14px;
	font-size: .875rem;
}
.cbp_tmtimeline > li .cbp_tmtime span {
	color: #cc0000;
	font-size: 15px;
	font-size: .9375rem;
	vertical-align: top;
	line-height: 1.7;
	display: block;
	word-break: break-all;
}
.cbp_tmtimeline > li .cbp_tmtime .month {
	font-size: 14px;
	color: #222;
	line-height: 1;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	float: right;
	margin: 0 0 0 30px;
	width: 650px;
	padding: 0;
	position: relative;
}
.cbp_tmtimeline > li .cbp_tmlabel::before {
	width: 9px;
	height: 9px;
	position: absolute;
	background: #cc0000;
	border-radius: 50%;
	left: -34px;
	top: 8px;
	margin: 0 0 0 0;
	content: "";
	display: block;
}
.history_head {
	position: relative;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1;
}
.history_head dl, .history_head dt, .history_head dd {
	margin: 0;
	padding: 0;
}
.history_head > dl {
	padding-top: 10px;
}
.history_head > dl:first-of-type {
	padding-top: 0;
}
.history_head dt {
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.7;
}
.history_head dd > ul {
	margin: 0;
	padding: 0;
}
.history_head dd > ul > li {
	list-style: disc;
	margin: 0 0 0 16px;
	padding: 0 0 0 0;
}
.history_cont_box {
	position: relative;
}
.history_cont_head {
	display: table;
	width: 100%;
	margin-top: 40px;
	position: relative;
}
/* 小詳細ボックス横アイコン */
.history_cont_head::after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #cc0000;
	top: 50%;
	left: -30px;
	margin-top: -5px;
}
.history_cont_head > .aircraft_type_txt, .history_cont_head > .head_pic, .history_cont_head > .head_txt, .history_cont_head > .js_head_btn {
	display: table-cell;
}
.history_cont_head > .head_pic {
	width: 120px;
	padding-right: 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.history_cont_head > .head_pic span, .history_cont_head > .head_pic img {
	display: block;
}
.history_cont_head > .head_txt {
	vertical-align: middle;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
}
.history_cont_head > .head_txt > p {
	margin: 0;
	padding: 0;
}
.js_head_btn {
	position: absolute;
	right: 0;
	top: 24px;
	width: 120px;
	box-sizing: border-box;
}
.js_head_btn > button {
	width: 120px;
	margin: 0;
	background: none;
	font-size: 14px;
	line-height: 1;
	color: #686f7a;
	border: 1px solid #9da2a7;
	padding: 8px 4px 9px 14px;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	cursor: pointer;
	height: 32px;
	box-sizing: border-box;
}
.js_head_btn > button > span {
	position: relative;
	padding-right: 26px;
}
.js_head_btn > button > span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 13px;
	height: 8px;
	margin-top: -4px;
	background-image: url(/assets/img/history/ico_accord_arw.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.js_head_btn.open > button > span::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.history_cont_inner {
	margin-top: 24px;
	background-color: #fff;
	padding: 30px;
	display: none;
	overflow: hidden;
}
.inner_left {
	float: left;
	box-sizing: border-box;
}
.inner_right {
	float: left;
	width: 440px;
	box-sizing: border-box;
}
.inner_left p, .inner_right p {
	margin: 0;
	padding: 0;
}
.inner_left {
	padding-right: 20px;
	width: 150px;
}
.wid100_pc img {
	width: 100%;
	height: auto;
}
.inner_right .inner_text {
	padding-top: 20px;
	line-height: 2;
	font-size: 14px;
	font-size: .875rem;
}


/*--------------------------
機材ページ用
--------------------------*/
.history_cont_head.aircraft > .head_pic img {
	width: 100%;
	height: auto;
}
.history_cont_head > .aircraft_type_txt {
	position: absolute;
	top: 0;
	left: -150px;
	height: 100%;
	width: 150px;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	padding-right: 50px;
}
.history_cont_head > .aircraft_type_txt > p {
	display: table;
	text-align: right;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
.history_cont_head > .aircraft_type_txt > p > span {
	display: table-cell;
	vertical-align: middle;
}
.aircraft .inner_left {
	width: 330px;
	padding-right: 30px;
}
.aircraft .inner_right {
	width: 260px;
}
.aircraft .inner_left img {
	width: 100%;
	height: auto;
}
.aircraft .inner_text {
	padding-top: 0;
}

/*--------------------------
社史ページ用
--------------------------*/

.cbp_tmtimeline.history > li {
	padding-bottom: 40px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 25px 0 0 0;
}
.cbp_tmtimeline.history > li .cbp_tmlabel::before {
	display: none;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line:first-of-type {
	padding-top: 15px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt {
	float: left;
	vertical-align: top;
	width: 140px;
	overflow: hidden;
	padding-right: 40px;
	position: relative;
	line-height: 1.8;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt::after {
	width: 9px;
	height: 9px;
	position: absolute;
	background: #cc0000;
	border-radius: 50%;
	left: 156px;
	top: 50%;
	margin: -4.5px 0 0 0;
	content: "";
	display: block;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt span {
	float: left;
	display: inline-block;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt span+span {
	float: right;
	display: inline-block;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd {
	float: left;
	vertical-align: top;
	margin: 0;
	width: 620px;
	line-height: 1.8;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd .pic {
	display: block;
	padding-top: 25px;
	width: 200px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd .pic img{
width: 100%;
height: auto;
}
.history_age_head {
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	line-height: 1.8;
	padding-bottom: 30px;
	border-bottom: 1px solid #c0c5cc;
	margin-bottom: 40px;
	padding-top: 80px;
}
.history_age_head > dl {
	padding: 0;
	margin: 0;
}
.history_age_head > dl > dt {
	font-size: 16px;
	font-size: 1rem;
	color: #cc0000;
	margin: 0;
	padding: 0;
}
.history_age_head > dl > dd {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 14px;
	font-size: .875rem;
	color: #222;
}
.history_pagination {
	text-align: center;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	padding-top: 80px;
}
.history_pagination a {
	border: none!important;
	padding: 9px 8px 10px 9px;
	position: relative;
	color: #686f7a;
	font-size: 14px;
	font-size: .875rem;
}
.history_pagination a:hover {
	background-color: #dfe2e5;
	color: #222;
}
.history_pagination ul {
	margin: 0;
	padding: 0;
	letter-spacing: -0.3.4em;
}
.history_pagination ul li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 41px;
}
.history_pagination span {
	position: relative;
}
.history_pagination .prev span {
	padding-left: 23px;
}
.history_pagination .next span {
	padding-right: 23px;
}
.history_pagination span::before {
	font-family: jal-icon-font;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	line-height: 18px;
	margin-top: -9px;
	content: "\EA05";
	font-size: 24px;
	font-size: 1.5rem;
	color: #8d8d8d;
}
.history_pagination .prev span::before {
	left: -5px;
	transform: rotateY(180deg);
}
.history_pagination .next span::before {
	right: -5px;
}

@media screen and (max-width: 768px) {
.cbp_tmtimeline:before {
	display: none;
}
.cbp_tmtimeline > li {
	padding-bottom: 30px;
	border-bottom: 1px solid #d0d4d9;
}
.cbp_tmtimeline > li .cbp_tmlabel::before {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmtime {
	float: none;
	width: 100%;
	text-align: left;
	padding: 0;
}
.cbp_tmtimeline > li .cbp_tmtime span {
	font-size: 14px;
	font-size: .875rem;
}
.cbp_tmtimeline > li .cbp_tmtime .month {
	display: none;
}
.cbp_tmtimeline > li .cbp_tmlabel {
	float: none;
	width: 100%;
	margin: 20px 0 0 0;
}
.history_head {
	font-size: 11px;
	font-size: .6875rem;
}
.history_head dt {
	font-size: 12px;
	font-size: .75rem;
}
.history_head dd > ul > li {
	font-size: 12px;
	font-size: .75rem;
}
.history_cont_box {
	margin-top: 30px;
	border-top: 1px solid #d0d4d9;
}
.history_cont_head {
	overflow: hidden;
	display: block;
	margin-top: 30px;
}
.history_cont_head > .head_txt {
	width: inherit;
	font-size: 12px;
	font-size: .75rem;
}
.js_head_btn {
	position: relative;
	right: inherit;
	top: inherit;
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.js_head_btn > button {
	width: 100%;
	padding: 12px 0px 12px 0px;
	height: inherit;
}
.js_head_btn > button > span {
	padding: 0;
	width: 100%;
	display: inline-block;
}
.js_head_btn > button > span::after {
	right: 10px;
}
.history_cont_inner .inner_left {
	display: block;
	padding: 0;
	text-align: center;
	width: 33%;
	margin: 0 auto;
	float: none;
}
.history_cont_inner .inner_right {
	display: block;
	width: 100%;
	float: none;
}
.history_cont_inner .inner_right .inner_text {
	font-size: 12px;
	font-size: .75rem;
	line-height: 1.5;
}
.hist_pic {
	display: none;
}
.history_cont_inner.aircraft .inner_left {
	width: 100%;
}
.history_cont_head > .aircraft_type_txt {
	display: none;
}
.history_cont_head.aircraft > .head_pic img {
	width: 100px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel {
	width: 100%;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line {
	padding-top: 30px;
	border-top: 1px solid #c0c5cc;
	padding-bottom: 30px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line:first-of-type {
	padding-top: 30px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line:last-of-type {
	padding-bottom: 0;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt::after {
	display: none;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt span {
	float: none;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dt span+span {
	float: none;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd {
	float: none;
	width: auto;
	padding-top: 15px;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd .pic {
	text-align: center;
	padding-top: 15px;
	width: 77%;
	margin: 0 auto;
}
.cbp_tmtimeline.history > li .cbp_tmlabel .history_line dd .pic img {
	width: 100%;
	height: auto;
}
.history_pagination {
	padding-top: 30px;
}
.history_pagination ul li {
	margin: 0 15px;
}
.cbp_tmtimeline.history > li {
	padding-bottom: 30px;
}
.history_age_head {
	border-bottom: none;
	padding-top: 50px;
	padding-bottom: 25px;
	margin-bottom: 0;
}
.history_age_head > dl > dd {
	padding-top: 0;
}
.cbp_tmtimeline.history {
	margin-top: 0;
}

/*--------------------------
機材ページ用
--------------------------*/

/*--------------------------
社史ページ用
--------------------------*/

}



/*--------------------------
年表ここまで
--------------------------*/