@charset "utf-8";
/* element
------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,
samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* setup */
html{overflow-y:scroll;height:100%;}
body{background:#fff;font-family:"Meiryo","メイリオ","MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4","Osaka","ＭＳ Ｐゴシック",sans-serif;font-size:100%;width:100%;height:100%;}
p,h2,h3,h4,h5,h6,li,th,td,dt,dd,pre,legend{font-size:85%;line-height:1;color:#000000;}
a,a:link,a:visited{color:#0f0f69;background:transparent;text-decoration:none;}
a:hover,a:active{color:#cc0000;background:transparent;text-decoration:underline;}
a[name]:hover{text-decoration:none !important;outline:0 !important;}
a img{color:#000000;}
a img:hover{-ms-filter:"alpha(opacity=65)";filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;}
a img:after{transition:all 0.3s ease 0s;}
.rollover{cursor:pointer;}
input,select,option,optgroup,textarea{font-family:"Meiryo","メイリオ","MS UI Gothic","Lucida Grande","Osaka","ＭＳ Ｐゴシック",sans-serif;}
input[type="password"]{font-family:Arial;ime-mode:disabled;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="image"]{cursor:pointer;}
input[type="file"]{height:20px;}
input[type="radio"]{vertical-align:-2px;}
input[type="checkbox"]{vertical-align:-2px;}
*:first-child+html input[type="radio"]{vertical-align:3px;}
*:first-child+html input[type="checkbox"]{vertical-align:3px;}
select{vertical-align:middle;font-size:100% !important;}
label{cursor:pointer;padding-left:2px;}
em{font-weight:bold;font-style:normal;}

#wrapper{min-width:940px;overflow:hidden;font-size:100%;}
/* carousel */
.JS_ebase_fade{position:relative;}
.JS_eelm_fade{position:relative;height:555px;overflow:hidden;}
.JS_eelm_fade li{position:absolute;top:0;left:0;width:100%;min-width:940px;}
.JS_eelm_fade li img{width:100%;height:auto;}
.JS_enavi_all_fade{z-index:5;position:absolute;bottom:20px;left:50%;margin-left:-128px;width:264px;}
.JS_enavi_all_fade li{display:inline-block;width:80px;height:4px;background:url(/787/img/bg_car_elm_off.png) no-repeat 0 0;margin-right:8px;cursor:pointer;float:left;}
.JS_enavi_all_fade li.on{background-image:url(/787/img/bg_car_elm_on.png);}
.JS_enavi_prev_carou,.JS_enavi_next_carou{font-size:18px;padding:80px 10px;cursor:pointer;}
.JS_eelm_carou{width:560px;overflow:hidden;position:relative;}
.JS_eelm_carou ul{position:relative;left:0;width:9999px;}
.JS_eelm_carou li{float:left;width:560px;margin:0;overflow:hidden;}
.JS_enavi_all_carou{ margin:10px;}
.JS_enavi_all_carou li{display:inline;padding:0 10px;background-color:#dddddd;color:#ffffff;cursor:pointer;margin-right:5px;}
.JS_enavi_all_carou li.on{background-color:#bbbbbb;}
.JS_ebase_fade .inCrslTxt{position:absolute;top:30px;left:50%;z-index:9998;font-size:28px;letter-spacing:3px;line-height:1.5;margin-left:-473px;}
.JS_ebase_fade .inCrslBtn{position:absolute;bottom:40px;right:50%;z-index:9998;margin-right:-470px;}

/* setClass */
.inr{width:940px;margin:0 auto;}
.inr2{height:1200px;}
.iconOther{background:url(/common_rn/img/icon_popup_p_001.gif) no-repeat 0 4px!important;padding-left:14px!important;text-indent:0;display:inline-block;line-height:1.4;zoom:1;}
.mgt0{margin-top:0!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt35{margin-top:35px!important;}
.mgt40{margin-top:40px!important;}
.mgt50{margin-top:50px!important;}
.alC{text-align:center;}
.smaller{font-size:78%;}
.disNon{display:none !important;}
.visHid{visibility:hidden !important;}
span.annotation{display:inline-block;padding-top:5px;text-align:center;width:100%;}


/* clearfix
------------------------------------------ */
.clearfix:after,.rnClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.rnClearfix{display:block;}
.clear{clear:both;}
* html .clearfix,* html .rnClearfix{height:1%;}
*:first-child+html .clearfix,*:first-child+html .rnClearfix{display:inline-block;}

/* header */
.header{background:#fff;width:100%;height:100px;position:fixed;top:0;left:0;z-index:9999;}
.header .inr{position:relative;height:100px;}
.header .inr h1,.header .inr p,.header .inr ul{position:absolute;}
.header .inr h1{top:15px;left:0;}
.header .inr .navi{top:64px;left:107px;}
.header .inr .navi li{display:inline;margin-right:42px;}
.header .inr .logoJal{top:13px;right:0;}
.header .inr .linkAbout{bottom:18px;right:0;font-size:12px;}

/* footer */
.footer{background:#000;padding:20px 0;}
.footer .copy{color:#ccc;font-size:13px;text-align:center;}

/* topics */
.topics{ background:url(/787/img/bg_dotted_b.png) repeat 0 0;margin-top:100px;}
.topics .inr{padding:10px 0 8px;}
.topics .inr h2{float:left;margin-right:20px;}
.topics .inr p{color:#fff;float:left;line-height:1.3;}
.topics .inr p a{color:#fff;}

/* title */
.ttlHead{background:url(/787/img/bg_head_b.png) repeat-x 50% 0;text-align:center;}
.ttlHead img{vertical-align: bottom;}

/* featureUnit */
.featureUnit{background:url(/787/img/bg_feature.png) no-repeat center bottom #fff;padding-bottom:70px;padding-top:50px;background-size: cover;}
.featureUnit .ttlPic{text-align:center;font-size: 40px;font-weight: normal;width: 940px;margin: 0 auto;}
.featureUnit .unit{float:left;margin-right:40px;}
.featureUnit .unit.last{margin-right:0;}
.featureUnit .unit h4{margin-top:15px;font-size: 25px;}
.featureUnit .box4clm .unit h4{font-size: 18px;}
.featureUnit .unit p.txt{line-height:1.7;margin-top:13px;}
.featureUnit .box2clm{margin-top:50px;}
.featureUnit .box3clm{margin-top:40px;}
.featureUnit .box4clm{margin-top:40px;}
.featureUnit .box2clm .unit{width:450px;}
.featureUnit .box3clm .unit{width:286px;}
.featureUnit .box4clm .unit{width:205px;}

.specUnit{background:url(/787/commonY16/img/bg_spec.png) no-repeat center bottom #fff;padding-bottom:50px;padding-top:50px;background-size: cover;}
.specUnit .inr{background:url(/787/img/bg_inr.png) repeat 0 0;padding:40px 90px 40px;width:760px;}
.specUnit h3{ text-align:left; font-size: 28px; font-weight: bold; font-style: italic; }
.specUnit .unit{float:left;}
.specUnit h4{font-size: 27px;font-style: italic;}
.specUnit .boxTop{margin-top:10px;}
.specUnit .boxTop .unit{margin-right:60px;}
.specUnit .boxBtm{margin-top:10px;}
.specUnit .boxBtm .unit img{vertical-align:bottom;}
.specUnit .boxBtm .unit li{position:relative;}
.specUnit .boxBtm .unit li span.btn{position:absolute;bottom:10px;right:10px;}

.specUnit table {width: 760px;}
.specUnit table.of-fixed {table-layout: fixed;}
.specUnit th,.specUnit td {padding: 10px;line-height: 1.5;}
.specUnit thead {background: #333;color: #fff; }
.specUnit thead th, .specUnit thead td {color: #fff;font-style: italic;font-weight: normal;font-size: 18px;}
.specUnit thead th:not(:first-child) {border-left: 1px solid #fff;}
.specUnit tbody th {text-align: left;}
.specUnit thead td,.specUnit thead th:first-child{border-left:1px solid #333; }
.specUnit tbody th, .specUnit tbody td {border: 1px solid #333;}
.specUnit tbody td.center {text-align: center;}
.specUnit tbody td b.title {display: block; margin: 0 0 5px;}
.specUnit tbody td span.btn {display: block;text-align: right; }
.specUnit .noteList li{line-height: 1.5;}


.routeUnit{background:url(/787/img/bg_route.png) no-repeat center bottom #025cc7;padding-bottom:90px;padding-top:75px;}
.routeUnit .btn > a{font-size: 18px;min-width: 360px;padding: 26px 36px;box-sizing: border-box;}
.routeUnit .btn > a::after{width: 10px;height: 10px;right: 20px;}

.funUnit{background:url(/787/img/bg_fun.png) repeat 0 0;padding:50px 0 100px;}
.funUnit .inr{background:url(/787/img/bg_inr.png) repeat 0 0;padding:35px 90px 60px;width:760px;}
.funUnit .inr h3{text-align:center;font-size: 38px;margin: 0 0 35px;color:#c00;font-style: italic;letter-spacing: 1px;}


/* .routeUnit{background:url(../img/bg_route.png) no-repeat center bottom #025cc7;padding-bottom:100px;padding-top:75px;}

.funUnit .inr h3{text-align:center;}*/
.funUnit .dlBox {margin-top:35px;}
.funUnit .dlBox ul{float:left;margin-right:20px;width:240px;}
.funUnit .dlBox ul.last{margin-right:0;}
.funUnit .dlBox ul img{vertical-align:bottom;}
.funUnit .dlBox ul li{margin-top:5px;}
.funUnit .movieUnit {margin-top:40px;}
.funUnit .movieUnit li{float:left;margin-right:18px;}
.funUnit .movieUnit li.last{margin-right:0;}
.funUnit .movieUnit li span{display:block;margin-top:10px;text-align:center;}
.funUnit .movieUnit b.title {display:block;color:#c00;text-align: center;margin: 10px 0 0;font-size: 18px;}
.funUnit .lyt {display:table;width: 100%;}
.funUnit .lyt .col {display:table-cell;vertical-align: top;}
.funUnit .lyt .col:first-child {padding: 0 60px 0 0;}
.funUnit .lyt .col img {margin: 0 0 10px;}
.funUnit .lyt .col p {line-height: 1.6;font-size: 12px;text-align: justify;}
.funUnit .btn > a{font-size: 18px;min-width: 360px;padding: 26px 36px;box-sizing: border-box;}
.funUnit .btn > a::after{width: 10px;height: 10px;right: 20px;}

.box2clm > .unit > .JS_eelm_fade{height:300px !important;}
.box2clm > .unit > .JS_eelm_fade li img{width:450px !important;height:300px !important;}
.box4clm > .unit > .JS_eelm_fade{height:140px !important;}
.box4clm > .unit > .JS_eelm_fade li img{width:205px !important;height:140px !important;}
.box3clm > .unit > .JS_eelm_fade{height:195px !important;}
.box3clm > .unit > .JS_eelm_fade li img{width:286px !important;height:195px !important;}


.JS_eelm_fade_pause_button, .JS_eelm_fade_play_button { position: absolute; top: 50%; left: -35px; overflow: hidden; display: block; width: 26px; height: 26px; background-color: #fff; border: 0; padding: 0; margin: -12px 0 0 0; }
.JS_eelm_fade_pause_button:hover, .JS_eelm_fade_play_button:hover, .JS_eelm_fade_pause_button:focus, .JS_eelm_fade_play_button:focus { opacity: .6; }
.JS_eelm_fade_pause_button:before, .JS_eelm_fade_play_button:before { display: block; content: ''; width: 26px; height: 26px; }
.JS_eelm_fade_pause_button:after { margin: auto; display: block; content: ''; width: 5px; height: 16px; border-right: 4px solid #707070; border-left: 4px solid #707070; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.JS_eelm_fade_play_button:after { margin: -8px 0 0 0; display: block; content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #707070; position: absolute; top: 50%; left: 9px; }


.topVisual .JS_enavi_all_fade li.on { height: 6px; background-size: cover; margin-top: -2px; }
.topVisual .JS_eelm_fade_pause_button, .topVisual .JS_eelm_fade_play_button { background: rgba(255,255,255,.6); }
.topVisual .JS_enavi_all_fade li a { position: relative; display: block; height: 4px; overflow: hidden; font-size: 0; }
.topVisual .JS_enavi_all_fade li a:hover::after, .topVisual .JS_enavi_all_fade li a:focus::after { content: ""; width: 100%; height: 2px; background: #840021; position: absolute; left: 0; bottom: 0; z-index: 10; }


.JS_ebase_fade > .JS_eelm_fade_pause_button, .JS_ebase_fade > .JS_eelm_fade_play_button { right: 5px; left: auto; margin: 0; top: 5px; z-index: 100; }
.btn > a { display: inline-block; background: #cc0000; color: #fff; font-size: 11px; padding: 7px 15px 7px 10px; letter-spacing: .5px; position: relative; }
.btn > a:hover, .btn > a:focus, .btn > a:active { text-decoration: none; opacity: 0.65; }
.btn > a::after { position: absolute; z-index: 1; width: 7px; height: 7px; top: 0; bottom: 0; right: 5px; margin: auto; border: 1px solid; border-color: #fff #fff transparent transparent; transform: rotate(45deg); content: ""; }

.topHdg01 {
}