@charset "utf-8"; /* mainVisual */ #mainVisual {height: 530px;position: relative;overflow: hidden;margin-top:141px;} #mainVisual .swiper-slide {height: 530px;background-repeat: no-repeat;background-position: 50% 0;overflow: hidden;position: relative;} /* #mainVisual .mainVisual01 {background-image: url("../images/main/mainVisual01.jpg");} #mainVisual .mainVisual02 {background-image: url("../images/main/mainVisual02.jpg");} #mainVisual .mainVisual03 {background-image: url("../images/main/mainVisual03.jpg");} #mainVisual .mainVisual04 {background-image: url("../images/main/mainVisual04.jpg");} #mainVisual .mainVisual05 {background-image: url("../images/main/mainVisual05.jpg");} */ #mainVisual .mainVisual10 {background-image: url("../images/main/visual10.jpg");} #mainVisual .mainVisual11 {background-image: url("../images/main/visual11.jpg");} #mainVisual .mainVisual06 {background-image: url("../images/main/visual06.jpg");} #mainVisual .mainVisual01 {background-image: url("../images/main/visual01.jpg");} #mainVisual .mainVisual07 {background-image: url("../images/main/visual07.jpg");} #mainVisual .mainVisual08 {background-image: url("../images/main/visual08.jpg");} #mainVisual .mainVisual09 {background-image: url("../images/main/visual09.jpg");} #mainVisual .mainVisual02 {background-image: url("../images/main/visual02.jpg");} #mainVisual .mainVisual03 {background-image: url("../images/main/visual03.jpg");} #mainVisual .mainVisual04 {background-image: url("../images/main/visual04.jpg");} #mainVisual .mainVisual05 {background-image: url("../images/main/visual05.jpg");} #mainVisual .pager {position: absolute;width: 100%;top:auto;bottom:50px;z-index:3;text-align: center;} #mainVisual .pager .swiper-pagination-bullet {width: 14px;height: 14px;background:#fff;opacity: 1;} #mainVisual .pager .swiper-pagination-bullet-active {background:#c84a4a;} #mainVisual .link {position: absolute;width: 100%; top:356px; text-align: center; font-size: 0;display:none;} #mainVisual .link li {display: inline-block;margin: 0 15px;} #mainVisual .link li a {display: block;width: 252px;height: 70px;bo rder: 3px solid #fff; border-radius:100px;} #news .movie {position: absolute;width: 1380px; top:100px;left:50%;margin-left: -690px;z-index:99;} #news .movie > div {float: left;margin-left: 10px;} #news .movie > a {position: absolute;display: block;width:150px ;height: 40px;line-height: 40px;background: #8e0d0d;color: #fff;top:-40px;right:0;text-align: center;} #news .movie > a i {margin-right: 10px;} #period .clearFix > dl {width:440px;height: 170px; float: left; background:#1c4886;color: #fff;padding:40px 0;text-align:center;} #period .clearFix > dl dt {font-size: 25px;font-weight: 300;} #period .clearFix > dl dd {font-size: 32px;font-weight: 700;} #period .clearFix > ul {float: left;background:rgba(33,87,164,0.8);width: 760px;height: 170px;text-align:center;} #period .clearFix > ul > li {width: 33.33%;height:100%;float: left;padding: 20px 0;position: relative;} #period .clearFix > ul > li:nth-child(1) {background:#5c92dc;} #period .clearFix > ul > li:nth-child(2) {background:#86b6f3;} #period .clearFix > ul > li:nth-child(3) {background:#3168a9;} #period .clearFix > ul > li:after {content: "";display: block;width: 1px;height: 85px;background: rgba(255,255,255,0.2);position: absolute; left:0; top:50%; margin-top: -42px;} #period .clearFix > ul > li:first-child:after {display: none;} #period .clearFix > ul > li .title {display: block;color: #fff;font-size: 26px;margin-bottom: 15px;} #period .clearFix > ul > li a {display: inline-block;color:#fff;font-size: 17px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #fff;} #period .banner {margin-top:20px;} #period .banner ul {margin:0 -10px;} #period .banner ul li {float:left;width:50%;padding: 10px;} #period .banner ul li a {display:block;padding:54px 30px ;color:#fff;} #period .banner ul li a dl {padding-left:100px;background-repeat:no-repeat;background-position:0 50%;} #period .banner ul li a dl dt {font-size:34px;font-weight:500;} #period .banner ul li a dl dd {font-size:20px; font-weight: 300;} #period .banner ul li:nth-child(1) a {background:#487cc5;} #period .banner ul li:nth-child(2) a {background:#223b5f;} #period .banner ul li:nth-child(1) a dl {background-image:url("../images/main/period_icon01.png");} #period .banner ul li:nth-child(2) a dl {background-image:url("../images/main/period_icon02.png");} #period .banner ul li.diff .inner {background:#223b5f;padding:40px 0;} #period .banner ul li.diff .inner a {display:block;float:left;width:50%;text-align:center;padding:0;font-size:30px;padding-top:66px;background-repeat:no-repeat;position:relative;font-weight:500;} #period .banner ul li.diff .inner a:nth-child(1):after {content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background:#fff;} #period .banner ul li.diff .inner a:nth-child(1) {background-image:url("../images/main/period_icon03.png");background-position:50% 18px;} #period .banner ul li.diff .inner a:nth-child(2) {background-image:url("../images/main/period_icon04.png");background-position:50% 8px;} #period .banner ul li.diff .inner a span {display:inline-block;font-size:14px;width:37px;line-height:1.2;position:relative;top:3px;font-weight:400;} #period .banner ul li.diff .inner p {font-size:20px;color:#fff;text-align:center;font-weight:300;} #mainContents section {padding: 50px 0;position: relative;} #mainContents h2 {font-size:40px ;color: #333;line-height: 1;margin-bottom: 50px;padding-top: 20px;text-align: center;position: relative;} #mainContents h2:before {content: "";display: block;width: 50px;height: 4px;background: #333;margin: 0 auto 15px;} /* department */ #department ul {margin: -11px;} #department li {float: left;margin:11px;} #department li a {display: block;width: 282px;height: 337px;background-repeat: no-repeat;background-position: 0 0;padding: 50px 25px;color: #fff;position: relative;} #department li a:after {content: "";display: block;width: 100%;height: 100%;border: 10px solid #c84a4a;background:rgba(83,70,73,0.5);z-index:2;left:0; top:0;position: absolute;box-sizing:border-box;opacity:0;} #department li a dt {font-size: 30px;color:#333;font-weight: 700;margin-bottom: 20px;position: relative;z-index:3;} #department li a dd {font-size: 14px; color: #666;margin-bottom: 20px;letter-spacing: -0.04em;} #department li:nth-child(1) a {background-image: url("../images/main/bgDepart0101.png");} #department li:nth-child(2) a {background-image: url("../images/main/bgDepart0201.png");} #department li:nth-child(3) a {background-image: url("../images/main/bgDepart0301.png");} #department li:nth-child(4) a {background-image: url("../images/main/bgDepart0701.png");} #department li:nth-child(5) a {background-image: url("../images/main/bgDepart0601_3.png");} #department li:nth-child(6) a {background-image: url("../images/main/bgDepart0801.png");} #department li:nth-child(7) a {background-image: url("../images/main/bgDepart0501.png");} #department li:hover a dt {color:#fff;} #department li:hover a dd {display: none;} #department li:hover a .btnDirect {display: none;} #department li:hover a dt {text-align: center;margin-top: 100px;} #department li:hover a:after {opacity: 1;} #department li:nth-child(1):hover a {background-image: url("../images/main/bgDepartOver01.png");} #department li:nth-child(2):hover a {background-image: url("../images/main/bgDepartOver02.png");} #department li:nth-child(3):hover a {background-image: url("../images/main/bgDepartOver03.png");} #department li:nth-child(4):hover a {background-image: url("../images/main/bgDepartOver06.png");} #department li:nth-child(5):hover a {background-image: url("../images/main/bgDepartOver09.png");} #department li:nth-child(6):hover a {background-image: url("../images/main/bgDepartOver08.png");} #department li:nth-child(7):hover a {background-image: url("../images/main/bgDepartOver07.png");} /* #department .no1 {position: absolute;right:5px; bottom:10px;width: 282px;height: 337px;text-align: center;border: 1px solid #888;padding:18px 0;} */ #department .no1 {position: absolute;right:307px; bottom:10px;width: 282px;height: 337px;text-align: center;border: 1px solid #888;padding:18px 0;} #department .no1 div {background: #fff;padding: 0 20px;margin: 0 -20px;} #department .no1 .txt01 {font-size: 20px;font-weight: 700;color: #0e5a9f;} #department .no1 .txt02 {padding: 10px 0;} #department .no1 .txt03 {font-size: 30px;font-weight: 700;color: #0e5a9f;} #department .no1 .txt03:after {content: "";display: block;width:22px ;height: 4px;background: #bbbdbf;margin: 10px auto;} #department .no1 .txt04 {font-size: 14px;color: #3f2f33;margin-bottom:15px;} #awards {background: url("../images/main/bgAwards.jpg") no-repeat 50% 0;height: 770px;overflow: hidden;-webkit-background-size: cover;background-size: cover;margin-top:50px;} #awards .btnMore {display: block;width: 250px;height: 50px;line-height: 50px;border: 1px solid #333;font-size: 20px;text-align: center;position: absolute; bottom:60px;left:50%; margin-left: -125px;;} #awards .btnPrev {position: absolute; left:50%; top:320px; margin-left: -650px;z-index:9;} #awards .btnNext {position: absolute; right:50%; top:320px; margin-right: -650px;z-index:9;} #awards .txc-image {width:590px; height:430px;} #news .mask {overflow: hidden;} #news li .imgBox {position: relative;} #news li .imgBox .new {position: absolute;width: 75px;height: 60px;line-height: 60px; background: #d83c3c;right:0; top:0;color: #fff;text-align: center;} #news li .txtBox {height: 140px; border: 1px solid #fff; background: #fff; border-bottom: 1px solid #888;padding: 20px 0;text-align: center;position: relative;} #news li .txtBox .title {font-size: 25px;line-height: 1.2; color: #333;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;} #news li .txtBox .date {font-size: 15px;color: #888;position: absolute; width: 100%;bottom:20px;} #news .btns {position: absolute; right:0; top:40px;} #news .btns button {background: #c84a4a;width: 40px;height: 40px;text-align: center;color: #fff;font-size: 20px;} #banner {color: #fff;padding: 50px !important;} #banner h2 {display: none;} #banner p {font-size: 16px;font-weight: 300;} #banner p.title {font-size: 30px;font-weight: 500;margin-bottom: 5px;} #banner .auto > div {float: left;margin: 0 0 30px 30px;} #banner .auto > .banner01 {margin-left: 0;} #banner .auto > .quickMenu {margin-left: 0;} #banner .banner01 a {display: block;width:380px;height: 250px;background: url("../images/main/bgBanner01.png") no-repeat; text-align: center;padding: 70px 0;} #banner .banner02 a {display: block;width:380px;height: 250px;background: url("../images/main/bgBanner02.png") no-repeat; text-align: center;padding: 70px 0;} #banner .banner03 a {display: block;width:380px;height: 250px;background: url("../images/main/bgBanner05.png") no-repeat; text-align: center;padding: 70px 0;padding-top:110px;} #banner .banner03 a .title {font-size: 22px;margin-bottom: 0; letter-spacing: 0em;} #banner .banner03 p {font-size:14px; letter-spacing: -0.04em;} #banner .banner03 a.banner0301 {background: url("../images/main/bgBanner03.png") no-repeat;margin-bottom:20px;} #banner .banner03 a.banner0302 {background: url("../images/main/bgBanner04.png") no-repeat;} #banner .quickMenu {width: 100%;padding: 20px 0;} #banner .quickMenu li {float: left;width: 25%;text-align: center;color: #333;} #banner .quickMenu li .title {display: block;margin-top: 10px;font-size: 20px;} #banner .location a {display: block;width: 380px;height: 250px;background: url("../images/main/bgBanner05.png") no-repeat; text-align: center;padding:110px 0 0 ;}