@charset "utf-8";

#container { max-width:1920px; margin:0 auto; }

.mainVisual { position:relative; }
.mainVisual .sliderFor .slick-list { padding-right:25.521%; }
.mainVisual .sliderFor .item { position:relative; min-height:26.625em; margin-right:2.375em; }
.mainVisual .sliderNav { position:absolute; top:50%; right:16.1459%; width:100%; max-width:583px; transform:translateY(-50%); text-align:center; background:#fff; }
.mainVisual .sliderNav .item { overflow:hidden; min-height:20.938em; padding:3em 3.125em 2em; text-align:left; box-sizing:border-box; }
.mainVisual .sliderNav .item h3 { font-weight:400; font-size:2.813em; }
.mainVisual .sliderNav .item dl { overflow:hidden; margin-top:1.250em; font-size:0.938em; }
.mainVisual .sliderNav .item dl dt { display:block; float:left; margin-top:0.667em; color:#3f3f3f; }
.mainVisual .sliderNav .item dl dd { margin-top:0.667em; margin-left:5.067em; color:#1f1f1f; }
.mainVisual .sliderNav .item .dottxt { overflow:hidden; max-height:3em; margin-top:1.467em; line-height:1.4; font-weight:300; font-size:0.938em; }
.mainVisual .sliderNav .item .lk { margin-top:0.667em; }
.mainVisual .sliderNav .item .lk a { display:inline-block; padding-bottom:2px; border-bottom:1px solid #1c1c1c; color:#1c1c1c; font-size:0.938em; }
.mainVisual .sliderNav .item .lk a:hover,
.mainVisual .sliderNav .item .lk a:focus { text-decoration:none; }
.mainVisual .sliderNav .dots { padding:2em 0 1.875em; background:#af2b00; text-align:center; }
.mainVisual .sliderNav .dots ul { font-size:0; }
.mainVisual .sliderNav .dots ul li { display:inline-block; position:relative; padding:0 0.688em; vertical-align:top; font-size:1rem; }
.mainVisual .sliderNav .dots ul li:before { content:''; position:absolute; top:0.750em; left:0; width:3px; height:3px; border-radius:50%; background:#ce7d63; }
.mainVisual .sliderNav .dots ul li:first-child:before { content:none; }
.mainVisual .sliderNav .dots ul li button { display:inline-block; position:relative; padding-bottom:0.250em; border:none; background:none; color:#fff; letter-spacing:-0.04em; font-weight:300; cursor:pointer; transition:0.3s; }
.mainVisual .sliderNav .dots ul li.slick-active button { color:#fcff00; font-weight:700; }
.mainVisual .sliderNav .dots ul li button:after { content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#fcff00; transition:0.3s; }
.mainVisual .sliderNav .dots ul li.slick-active button:after { width:100%; }
.mainVisual .controls { position:absolute; bottom:0; right:27.5%; background-color:rgba(000,000,000,0.65); font-size:0; }
.mainVisual .controls li { display:inline-block; vertical-align:top; font-size:1rem; }
.mainVisual .controls li.index { color:#fff; padding-left:1em; padding-right:0.526em; letter-spacing:0.3em; font-size:1.188rem; line-height:2.737em; }
.mainVisual .controls .prev,
.mainVisual .controls .next { display:none; }
.mainVisual .controls a { overflow:hidden; display:none; width:3.250em; height:3.250em; background-repeat:no-repeat; background-position:50% 50%; background-size:1.063em auto; text-indent:-999px; box-sizing:border-box; }
.mainVisual .controls a.play { display:block; background-image:url(../images/main/btn_visual_play.png); } 
.mainVisual .controls a.stop { background-image:url(../images/main/btn_visual_stop.png); }

@media all and (max-width: 1480px) {
    .mainVisual { font-size:0.875em; }
    .mainVisual .controls li,
    .mainVisual .controls li.index { font-size:0.875rem; }
    .mainVisual .controls li a { height:2.714em; }
}
@media all and (max-width: 1200px) {
    .mainVisual { padding-bottom:7.636em; font-size:1em; }
    .mainVisual .sliderNav { top:auto; right:0; bottom:0; max-width:28.636em; transform:none; background:#af2b00; color:#fff; }
    .mainVisual .sliderFor .slick-list { padding-right:10.8334%; }
    .mainVisual .sliderFor .item img { width:100%; opacity:0.26; transition:0.3s; }
    .mainVisual .sliderFor .item.slick-current img { opacity:1; }
    .mainVisual .sliderFor .item { min-height:auto; margin-right:1em; }
    .mainVisual .sliderNav .item { min-height:auto; padding:2.182em 2.182em; }
    .mainVisual .sliderNav .item h3 { font-size:2.455em; }
    .mainVisual .sliderNav .item dl { font-size:1em; }
    .mainVisual .sliderNav .item dl dt,
    .mainVisual .sliderNav .item dl dd { margin-top:0.545em; color:#fff; }
    .mainVisual .sliderNav .item .dottxt,
    .mainVisual .sliderNav .item .lk { display:none; }
    .mainVisual .sliderNav .item dl dd p img { display:inline; }
    .mainVisual .sliderNav .item .scope0,
    .mainVisual .sliderNav .item .scope1,
    .mainVisual .sliderNav .item .scope2,
    .mainVisual .sliderNav .item .scope3,
    .mainVisual .sliderNav .item .scope4,
    .mainVisual .sliderNav .item .scope5 { overflow:hidden; background-repeat:no-repeat; background-position:0 50%; background-size:auto 1em; text-indent:-999px; }
    .mainVisual .sliderNav .item .scope0 { background-image:url(../images/main/icon_scope0_mo.png); }
    .mainVisual .sliderNav .item .scope1 { background-image:url(../images/main/icon_scope1_mo.png); }
    .mainVisual .sliderNav .item .scope2 { background-image:url(../images/main/icon_scope2_mo.png); }
    .mainVisual .sliderNav .item .scope3 { background-image:url(../images/main/icon_scope3_mo.png); }
    .mainVisual .sliderNav .item .scope4 { background-image:url(../images/main/icon_scope4_mo.png); }
    .mainVisual .sliderNav .item .scope5 { background-image:url(../images/main/icon_scope5_mo.png); }
    .mainVisual .controls { bottom:9.091rem; right:1.364rem; background:#af2b00; }
    .mainVisual .controls li.index { display:none; }
    .mainVisual .controls a.stop,
    .mainVisual .controls a.play { width:2.727em; height:2.727em; margin-left:-1px; border:1px solid #fff; }
    .mainVisual .controls .prev,
    .mainVisual .controls .next { overflow:hidden; display:block; width:2.727em; height:2.727em; margin-left:-1px; border:1px solid #fff; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:1.182em auto; text-indent:-999px; cursor:pointer; }
    .mainVisual .controls .prev { background-image:url(../images/main/btn_visual_prev.png); }
    .mainVisual .controls .next { background-image:url(../images/main/btn_visual_next.png); }
    .mainVisual .sliderNav .dots { display:none; }   
}

.quickLk { padding:4em 5%; background-color:#fff; }
.quickLk .slider { max-width:1060px; margin:0 auto; text-align:center; }
.quickLk .slider li a { display:block; padding-top:5.250em; background-repeat:no-repeat; background-position:50% 0; background-size:auto 3.688em; letter-spacing: -0.03em; }
.quickLk .slider li.i1 a { background-image:url(../images/main/icon_quick01.png); }
.quickLk .slider li.i2 a { background-image:url(../images/main/icon_quick02.png); }
.quickLk .slider li.i3 a { background-image:url(../images/main/icon_quick03.png); }
.quickLk .slider li.i4 a { background-image:url(../images/main/icon_quick04.png); }
.quickLk .slider li.i5 a { background-image:url(../images/main/icon_quick05.png); }
.quickLk .slider li.i6 a { background-image:url(../images/main/icon_quick06.png); }
.quickLk .slider li.i7 a { background-image:url(../images/main/icon_quick07.png); }
.quickLk .slider li.i8 a { background-image:url(../images/main/icon_quick08.png); }
@media all and (max-width: 960px) {
    .quickLk { padding:3em 4% 1.455em; }
    .quickLk .slider li a { line-height:1.3; }
    .quickLk .slider li a span { display:block; }
    .quickLk .slick-dots { margin-top:2.182rem; font-size:0; }
    .quickLk .slick-dots li { display:inline-block; margin:0 2px; vertical-align:top; font-size:1rem; }
    .quickLk .slick-dots li button { overflow:hidden; display:inline-block; width:4.727em; height:3px; border-radius:3px; border:none; background:#d0d0d0; text-indent:-999px; cursor:pointer; }
    .quickLk .slick-dots li.slick-active button { background:#373737; }
}

.mainInfo { padding:4.792% 5% 3.646%; background-color:#efefef; }
.mainInfo .mainInfoWrap { display:flex; justify-content:space-between; max-width:1280px; margin:0 auto; }
.mainInfo .latest { overflow:hidden; width:36%; font-size:0; }
.mainInfo .latest .btnLatest { display:inline-block; margin:0 0.750em; vertical-align:top; font-size:1rem; }
.mainInfo .latest .btnLatest a { display:inline-block; color:#787878; font-weight:400; }
.mainInfo .latest .btnLatest a.on { color:#000; font-weight:700; font-size:1.125em; }
.mainInfo .latest .latestCon { display:none; position:relative; float:left; width:100%; margin-top:1.125em; padding-top:1.375em; border-top:1px solid #d2d2d2; font-size:1rem; }
.mainInfo .latest .latestCon ul li { margin-top:0.250em; padding:0 1.125em; }
.mainInfo .latest .latestCon ul li a { overflow:hidden; display:block; font-weight:300; font-size:0.938em; }
.mainInfo .latest .latestCon ul li a span { display:block; }
.mainInfo .latest .latestCon ul li a .tit { overflow:hidden; display:inline-block; max-width:76.2%; white-space:nowrap; text-overflow:ellipsis; }
.mainInfo .latest .latestCon ul li a .date { float:right; padding-right:1px; letter-spacing:-0.05em; }
.mainInfo .latest .latestCon ul li.first { margin-top:0; margin-bottom:1.125em; padding-bottom:1.125em; border-bottom:1px solid #d2d2d2; line-height:1.1; }
.mainInfo .latest .latestCon ul li.first a>div { margin-left:5.467em; color:#2e2e2e;  }
.mainInfo .latest .latestCon ul li.first a .date { float:left; margin-left:0; font-weight:500; font-size:1.133em; }
.mainInfo .latest .latestCon ul li.first a .date i { display:block; color:#365fb2; text-align:center; font-style:normal; font-size:2.824em; }
.mainInfo .latest .latestCon ul li.first a .tit { float:none; max-width:100%; font-weight:400; font-size:1.200em; }
.mainInfo .latest .latestCon ul li.first a .dottxt { max-height:2.714em; margin-top:1em; line-height:1.3; font-size:0.933em; }
.mainInfo .latest .latestCon .btnMore { position:absolute; top:-3.125em; right:0; }
.mainInfo .latest .latestCon .btnMore a { overflow:hidden; display:inline-block; width:35px; height:35px; background:url(../images/main/btn_more.png) no-repeat 50% 50%; background-size:1.125em auto; text-indent:-999px; }
.mainInfo .video { width:38.3%; margin-left:2%; }
.mainInfo .video a { display:block; position:relative; height:100%; }
.mainInfo .video a .img { overflow:hidden; display:block; position:relative; height:100%; }
.mainInfo .video a .img img { display:block; position:absolute; top:0; left:50%; width:auto; height:100%; transform:translateX(-50%); }
.mainInfo .video a .tit { position:absolute; top:50%; width:100%; padding-top:5em; background:url(../images/main/btn_play.png) no-repeat 50% 0;background-size:3.929em auto; color:#fff; text-align:center; font-size:0.875em; transform:translateY(-50%); }
.mainInfo .otherLk { width:22.5%; padding:1.563em 2em; background-color:#1d5eae; box-sizing:border-box; }
.mainInfo .otherLk  ul li { border-top:1px solid #487cbd; }
.mainInfo .otherLk  ul li:first-child { border-top:none; }
.mainInfo .otherLk  ul li a { display:block; color:#fff; letter-spacing:-0.06em; font-size:0.938em; }
.mainInfo .otherLk  ul li a span { display:block; padding:0.867em 0 0.867em 2.8em; background-repeat:no-repeat; background-position:0.2em 50%; background-size:1.733em auto; }
.mainInfo .otherLk  ul li.i1 a span { background-image:url(../images/main/icon_lk01.png); }
.mainInfo .otherLk  ul li.i2 a span { background-image:url(../images/main/icon_lk02.png); }
.mainInfo .otherLk  ul li.i3 a span { background-image:url(../images/main/icon_lk03.png); }
.mainInfo .otherLk  ul li.i4 a span { background-image:url(../images/main/icon_lk04.png); }
.mainInfo .otherLk  ul li.i5 a span { background-image:url(../images/main/icon_lk05.png); }
.mainInfo .bannerWide { margin-top:4.1667%; text-align:center; }
.mainInfo .bannerWide p { max-width:1280px; margin:0 auto; }
.mainInfo .bannerWide p a { display:block; }
@media all and (max-width: 960px) {
    .mainInfo { padding:2.727em 5%; }
    .mainInfo .mainInfoWrap { display:block; }
    .mainInfo .latest { width:100%; margin-bottom:2.727rem; }
    .mainInfo .latest .btnLatest a { font-size:1.273em; }
    .mainInfo .latest .btnLatest a.on { font-size:1.364em; }
    .mainInfo .latest .latestCon { margin-top:0.727em; }
    .mainInfo .latest .latestCon ul li { padding:0 0.5em; }
    .mainInfo .latest .latestCon ul li a { padding-left:0.727em; background:url(../images/main/bu_4p.png) no-repeat 0 50%; background-size:1px auto; }
    .mainInfo .latest .latestCon ul li.first a .tit { font-size:1.182em; }
    .mainInfo .latest .latestCon ul li.first a .dottxt { max-height:2.727em; margin-top:0.3em; font-size:1em; line-height:1.4; }
    .mainInfo .latest .latestCon ul li.first a { padding-left:0; background:none; }
    .mainInfo .video { width:100%; margin-bottom:2.182em; margin-left:0; }
    .mainInfo .video a .img { height:auto; padding-top:60.246%; }
    .mainInfo .video a .tit { font-size:1.091em; }
    .mainInfo .otherLk { width:100%; padding:0; }
    .mainInfo .otherLk ul { font-size:0; }
    .mainInfo .otherLk ul li { display:inline-block; width:50%; margin-left: -1px; vertical-align:top; border-left:1px solid #487cbd; font-size:1rem; box-sizing:border-box; }
    .mainInfo .otherLk ul li.i4 { width:100%; }
    .mainInfo .otherLk ul li a { text-align:center; font-size:1.091em; }
    .mainInfo .otherLk ul li a span { display:inline-block; padding:1.167em 0 1.167em 1.666em; background-size:1.333em auto; }
    .mainInfo .bannerWide { margin-top:3em; }
}