@charset "UTF-8";
/* --------------------------------------------

	FileName	:	index.css

-------------------------------------------- */
#imgBox ul, section#newsArea .newsColumn #events div.entry a dl.eventCnt {
  display: inline-block; }
  #imgBox ul, section#newsArea .newsColumn #events div.entry a dl.eventCnt {
    display: block; }
  #imgBox ul:after, section#newsArea .newsColumn #events div.entry a dl.eventCnt:after {
    content: "";
    display: block;
    clear: both;
    height: 0; }

/** CSS Grid Layoutで複数の行を指定するmixin */
/** CSS Grid Layoutで複数の列を指定するmixin */
article, section, header, footer, nav, menu, aside, figure, figcaption, main {
  display: block;
  padding: 0;
  margin: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: top; }

address, caption, cite, code, dfn, em, strong, th, var, u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

a {
  vertical-align: baseline; }

a > * {
  cursor: pointer; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  vertical-align: bottom; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* -------------------------------------
	index用CSS
------------------------------------- */
header#top {
  background: white; }
  header#top .header-inner {
    height: 51px; }
    @media only screen and (max-width: 768px) {
      header#top .header-inner {
        height: 56px; } }
    header#top .header-inner h1 {
      top: 9px; }
      @media only screen and (max-width: 768px) {
        header#top .header-inner h1 {
          top: 15px; } }
  header#top.scrolled {
    background: white; }
    header#top.scrolled .header-inner {
      height: 165px; }
      @media only screen and (max-width: 768px) {
        header#top.scrolled .header-inner {
          height: 56px; } }
      header#top.scrolled .header-inner h1 {
        top: 9px; }
        @media only screen and (max-width: 768px) {
          header#top.scrolled .header-inner h1 {
            top: 15px; } }
    header#top.scrolled #menu nav.global {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
  header#top #menu nav.global {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
    -webkit-transition: all 0.25s;
    transition: all 0.25s; }
    @media only screen and (max-width: 768px) {
      header#top #menu nav.global {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: all 0;
        transition: all 0; } }

#index.mainCnt {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0; }
  #index.mainCnt > header.main-header {
    height: 858px; }
    @media only screen and (max-width: 768px) {
      #index.mainCnt > header.main-header {
        height: 390px; } }
    #index.mainCnt > header.main-header #slide {
      opacity: 0;
      -webkit-transition: opacity 1s;
      transition: opacity 1s; }
      #index.mainCnt > header.main-header #slide div {
        height: 858px;
        position: relative; }
        #index.mainCnt > header.main-header #slide div h1 {
          display: block !important; }
          #index.mainCnt > header.main-header #slide div h1 img {
            width: 100%;
            height: 858px;
            -o-object-fit: cover;
            object-fit: cover;
            font-family: 'object-fit: cover;'; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div h1 img {
                height: 390px; } }
        @media only screen and (max-width: 768px) {
          #index.mainCnt > header.main-header #slide div {
            height: 390px; } }
        #index.mainCnt > header.main-header #slide div#pic02 {
          background: url("/img/index/index_main_02.jpg") center bottom no-repeat;
          background-size: cover; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > header.main-header #slide div#pic02 {
              width: 100% !important; } }
          #index.mainCnt > header.main-header #slide div#pic02 h1 {
            display: inline-block;
            width: 422px;
            height: 682px;
            background: url('../img/index/top_lead.png') no-repeat;
            background-size: 422px 682px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -380px;
            left: 50%;
            margin-left: -226px; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div#pic02 h1 {
                width: 211px;
                height: 341px;
                background: url('../img/index/top_lead_sp.png') no-repeat;
                background-size: 211px 341px;
                margin-top: -145px;
                margin-left: -107px; } }
        #index.mainCnt > header.main-header #slide div#pic03 {
          background: url("/img/index/index_main_03.jpg") center bottom no-repeat;
          background-size: cover; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > header.main-header #slide div#pic03 {
              width: 100% !important; } }
          #index.mainCnt > header.main-header #slide div#pic03 h1 {
            display: inline-block;
            width: 422px;
            height: 682px;
            background: url('../img/index/top_lead.png') no-repeat;
            background-size: 422px 682px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -380px;
            left: 50%;
            margin-left: -226px; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div#pic03 h1 {
                width: 211px;
                height: 341px;
                background: url('../img/index/top_lead_sp.png') no-repeat;
                background-size: 211px 341px;
                margin-top: -145px;
                margin-left: -107px; } }
        #index.mainCnt > header.main-header #slide div#pic04 {
          background: url("/img/index/index_main_04.jpg") center bottom no-repeat;
          background-size: cover; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > header.main-header #slide div#pic04 {
              width: 100% !important; } }
          #index.mainCnt > header.main-header #slide div#pic04 h1 {
            display: inline-block;
            width: 422px;
            height: 682px;
            background: url('../img/index/top_lead.png') no-repeat;
            background-size: 422px 682px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -380px;
            left: 50%;
            margin-left: -226px; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div#pic04 h1 {
                width: 211px;
                height: 341px;
                background: url('../img/index/top_lead_sp.png') no-repeat;
                background-size: 211px 341px;
                margin-top: -145px;
                margin-left: -107px; } }
        #index.mainCnt > header.main-header #slide div#pic05 {
          background: url("/img/index/index_main_05.jpg") center bottom no-repeat;
          background-size: cover; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > header.main-header #slide div#pic05 {
              width: 100% !important; } }
          #index.mainCnt > header.main-header #slide div#pic05 h1 {
            display: inline-block;
            width: 422px;
            height: 682px;
            background: url('../img/index/top_lead.png') no-repeat;
            background-size: 422px 682px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -380px;
            left: 50%;
            margin-left: -226px; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div#pic05 h1 {
                width: 211px;
                height: 341px;
                background: url('../img/index/top_lead_sp.png') no-repeat;
                background-size: 211px 341px;
                margin-top: -145px;
                margin-left: -107px; } }
        #index.mainCnt > header.main-header #slide div#pic06 {
          background: url("/img/index/index_main_06.jpg") center bottom no-repeat;
          background-size: cover; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > header.main-header #slide div#pic06 {
              width: 100% !important; } }
          #index.mainCnt > header.main-header #slide div#pic06 h1 {
            display: inline-block;
            width: 422px;
            height: 682px;
            background: url('../img/index/top_lead.png') no-repeat;
            background-size: 422px 682px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -380px;
            left: 50%;
            margin-left: -226px; }
            @media only screen and (max-width: 768px) {
              #index.mainCnt > header.main-header #slide div#pic06 h1 {
                width: 211px;
                height: 341px;
                background: url('../img/index/top_lead_sp.png') no-repeat;
                background-size: 211px 341px;
                margin-top: -145px;
                margin-left: -107px; } }
  @media only screen and (max-width: 768px) {
    #index.mainCnt > nav.topGlobal {
      display: none; } }
  #index.mainCnt > nav.topGlobal ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px; }
    #index.mainCnt > nav.topGlobal ul li {
      height: auto;
      -webkit-flex-basis: 14.3%;
      -ms-flex-preferred-size: 14.3%;
      flex-basis: 14.3%;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #index.mainCnt > nav.topGlobal ul li {
          -webkit-flex-basis: none;
          -ms-flex-preferred-size: none;
          flex-basis: none; } }
      #index.mainCnt > nav.topGlobal ul li:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        height: 20px;
        margin-top: -10px;
        width: 1px;
        background-color: #bababa;
        display: block; }
        @media only screen and (max-width: 768px) {
          #index.mainCnt > nav.topGlobal ul li:after {
            top: 0;
            margin-top: 0;
            right: auto;
            left: 0;
            bottom: 0;
            height: 1px;
            background-color: #fff;
            width: 100%; } }
      #index.mainCnt > nav.topGlobal ul li:first-child:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        height: 20px;
        margin-top: -10px;
        width: 1px;
        background-color: #bababa;
        display: block; }
      #index.mainCnt > nav.topGlobal ul li a {
        text-align: center;
        display: table;
        color: #000;
        position: relative;
        font-size: 1rem;
        text-decoration: none;
        width: 100%;
        height: 40px;
        text-align: center;
        position: relative;
        line-height: 1.4; }
        #index.mainCnt > nav.topGlobal ul li a:hover {
          color: #1080B3; }
          #index.mainCnt > nav.topGlobal ul li a:hover:after {
            content: "";
            width: 50%;
            height: 1px;
            display: block;
            position: absolute;
            bottom: -10px;
            left: 50%;
            margin-left: -25%;
            background-color: #1080B3; }
        #index.mainCnt > nav.topGlobal ul li a span {
          position: relative;
          vertical-align: middle;
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: table-cell;
          text-align: center;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            #index.mainCnt > nav.topGlobal ul li a span {
              top: auto;
              display: block;
              padding-top: 1em;
              padding-bottom: 1em; } }
  @media only screen and (max-width: 768px) {
    #index.mainCnt .main-contents {
      padding: 0; } }
  #index.mainCnt .main-contents .main-contents-inner {
    max-width: 1400px; }
    #index.mainCnt .main-contents .main-contents-inner .subpage {
      float: none;
      width: 100%;
      padding: 0; }

#imgBox ul {
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    #imgBox ul {
      margin: 0 auto; } }
  #imgBox ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%; }
    @media only screen and (max-width: 768px) {
      #imgBox ul li {
        float: none;
        width: 100%; } }
    #imgBox ul li:before {
      display: none; }
    #imgBox ul li a {
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: block; }
      #imgBox ul li a img {
        width: 100%;
        -webkit-transition: all 1.5s;
        transition: all 1.5s; }
      #imgBox ul li a:hover img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15); }

.balloonNews {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 100;
  width: 100%;
  line-height: 1.2;
  font-size: 153.84615%;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .balloonNews {
      position: relative;
      top: auto;
      left: auto;
      margin-top: 1rem;
      font-size: 138.46154%; } }
  .balloonNews_Inner {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .balloonNews_Inner {
        text-align: center;
        max-width: 90%; } }
  .balloonNews_Link {
    display: inline-block;
    max-width: 380px;
    background-color: #ffa41a;
    padding: 1rem;
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    text-align: left;
    -webkit-box-shadow: 0px 0px 6px 3px #808080;
    box-shadow: 0px 0px 6px 3px #808080;
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s; }
    .balloonNews_Link.red {
      background-color: #b40000; }
    .balloonNews_Link.blue {
      background-color: #0e3cc7; }
    .balloonNews_Link.pink {
      background-color: #fa607d; }
    .balloonNews_Link.green {
      background-color: #06a875; }
    .balloonNews_Link.s_color {
      background-color: #41765e; }
    .balloonNews_Link.b_color {
      background-color: #0086cd; }
    @media only screen and (max-width: 768px) {
      .balloonNews_Link {
        max-width: 100%; } }
  .balloonNews a:after {
    display: none !important; }
  .balloonNews a:hover {
    background-color: #fff;
    color: #ffa41a; }
  .balloonNews a.red:hover {
    background-color: #fff;
    color: #b40000 !important; }
  .balloonNews a.blue:hover {
    background-color: #fff;
    color: #0e3cc7 !important; }
  .balloonNews a.pink:hover {
    background-color: #fff;
    color: #fa607d !important; }
  .balloonNews a.green:hover {
    background-color: #fff;
    color: #06a875 !important; }
  .balloonNews a.s_color:hover {
    background-color: #fff;
    color: #41765e !important; }
  .balloonNews a.b_color:hover {
    background-color: #fff;
    color: #0086cd !important; }

.carouselWrapper {
  margin: 0 auto;
  overflow: hidden;
  background-color: #4f4f4f;
  padding: 5px 0;
  position: relative;
  top: -118px;
  z-index: 100;
  margin-bottom: -118px; }
  @media only screen and (max-width: 768px) {
    .carouselWrapper {
      margin-bottom: 0;
      overflow: visible;
      top: 0;
      padding: 0;
      margin: 2.5rem 0 3.0rem;
      background-color: #fff; } }
  .carouselWrapper:before {
    display: inline-block;
    width: 189px;
    height: 118px;
    background: url('../img/index/carousel_title.png') no-repeat;
    background-size: 189px 118px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
    @media only screen and (max-width: 768px) {
      .carouselWrapper:before {
        display: none; } }

.top_carousel {
  width: 800px;
  margin: 0 auto;
  display: none; }
  .top_carousel.slick-initialized {
    display: block; }
  @media only screen and (max-width: 768px) {
    .top_carousel {
      width: 100%; } }
  .top_carousel a:after {
    display: none !important; }
  .top_carousel .slick-list {
    overflow: visible !important;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .top_carousel .slick-list {
        overflow: hidden !important; } }
  .top_carousel div {
    padding: 0 4px; }
    @media only screen and (max-width: 768px) {
      .top_carousel div {
        padding: 0;
        width: 80%;
        margin: 0 auto; } }
  .top_carousel .slick-prev, .top_carousel .slick-next {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 20;
    width: 40px;
    height: 40px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media only screen and (max-width: 768px) {
      .top_carousel .slick-prev, .top_carousel .slick-next {
        display: none !important; } }
  .top_carousel .slick-next {
    right: -55px; }
  .top_carousel .slick-prev {
    left: -50px; }
  .top_carousel .slick-prev:before, .top_carousel .slick-next:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    top: 0px;
    left: 0px;
    position: absolute; }
  .top_carousel .slick-prev:before {
    background: url(/img/index/arrow_l.png) left top no-repeat; }
  .top_carousel .slick-next:before {
    background: url(/img/index/arrow_r.png) left top no-repeat; }
  .top_carousel .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    bottom: -25px; }
  .top_carousel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .top_carousel .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .top_carousel .slick-dots li button:hover,
  .top_carousel .slick-dots li button:focus {
    outline: none; }
  .top_carousel .slick-dots li button:hover:before,
  .top_carousel .slick-dots li button:focus:before {
    opacity: 1; }
  .top_carousel .slick-dots li button:before {
    font-size: 36px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .top_carousel .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }

section#newsArea {
  margin-bottom: 80px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  section#newsArea dl.important {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background: #1080B3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      section#newsArea dl.important {
        display: block;
        width: 100%;
        display: block; } }
    section#newsArea dl.important dt {
      -webkit-flex-basis: 15%;
      -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
      text-align: center;
      width: 15%;
      color: #fff;
      margin-bottom: 0; }
      @media only screen and (max-width: 768px) {
        section#newsArea dl.important dt {
          display: block;
          width: 100%; } }
    section#newsArea dl.important dd {
      -webkit-flex-basis: 85%;
      -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
      background: #fff;
      padding: 10px;
      margin-bottom: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (max-width: 768px) {
        section#newsArea dl.important dd {
          display: block;
          margin-bottom: 0; } }
      section#newsArea dl.important dd div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (max-width: 768px) {
          section#newsArea dl.important dd div {
            display: block;
            margin-bottom: .5em; } }
        section#newsArea dl.important dd div span {
          margin-right: 1em; }
          @media only screen and (max-width: 768px) {
            section#newsArea dl.important dd div span {
              display: block; } }
        section#newsArea dl.important dd div a {
          color: #000;
          text-decoration: none; }
          section#newsArea dl.important dd div a:hover {
            text-decoration: underline; }
  section#newsArea .newsColumn {
    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: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      section#newsArea .newsColumn {
        display: block;
        width: 100%; } }
    section#newsArea .newsColumn #news .ttl, section#newsArea .newsColumn #events .ttl {
      border-bottom: 4px solid #000;
      display: table;
      table-layout: fixed;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        section#newsArea .newsColumn #news .ttl, section#newsArea .newsColumn #events .ttl {
          padding-bottom: .5em; } }
      section#newsArea .newsColumn #news .ttl h2, section#newsArea .newsColumn #events .ttl h2 {
        border: none;
        display: table-cell;
        vertical-align: middle; }
        section#newsArea .newsColumn #news .ttl h2:after, section#newsArea .newsColumn #events .ttl h2:after {
          display: none; }
      section#newsArea .newsColumn #news .ttl > a, section#newsArea .newsColumn #events .ttl > a {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        text-decoration: none;
        color: #000;
        position: relative;
        width: 100px;
        padding-right: 35px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
        section#newsArea .newsColumn #news .ttl > a:after, section#newsArea .newsColumn #events .ttl > a:after {
          content: '';
          display: block;
          position: absolute;
          top: 23px;
          right: 13px;
          width: 3px;
          height: 3px;
          margin-top: -2px;
          border-right: 1px solid #000;
          border-bottom: 1px solid #000;
          -webkit-transform-origin: top center;
          transform-origin: top center;
          -webkit-transform: rotate(-45deg) translate(0, -50%);
          transform: rotate(-45deg) translate(0, -50%); }
          @media only screen and (max-width: 768px) {
            section#newsArea .newsColumn #news .ttl > a:after, section#newsArea .newsColumn #events .ttl > a:after {
              top: 18px; } }
        section#newsArea .newsColumn #news .ttl > a:before, section#newsArea .newsColumn #events .ttl > a:before {
          content: "";
          width: 25px;
          height: 25px;
          border: 1px solid #9a9a9a;
          border-radius: 50%;
          display: block;
          position: absolute;
          top: 7px;
          right: 0; }
          @media only screen and (max-width: 768px) {
            section#newsArea .newsColumn #news .ttl > a:before, section#newsArea .newsColumn #events .ttl > a:before {
              top: 2px; } }
        section#newsArea .newsColumn #news .ttl > a:hover, section#newsArea .newsColumn #events .ttl > a:hover {
          opacity: .7; }
    section#newsArea .newsColumn #news {
      width: 35%; }
      @media only screen and (max-width: 768px) {
        section#newsArea .newsColumn #news {
          width: 100%; } }
      section#newsArea .newsColumn #news ul li {
        padding: 0;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0; }
        section#newsArea .newsColumn #news ul li:last-child {
          border-bottom: none; }
        section#newsArea .newsColumn #news ul li:before {
          display: none; }
        @media only screen and (max-width: 768px) {
          section#newsArea .newsColumn #news ul li {
            display: none; }
            section#newsArea .newsColumn #news ul li:nth-child(1), section#newsArea .newsColumn #news ul li:nth-child(2), section#newsArea .newsColumn #news ul li:nth-child(3) {
              display: block; } }
        section#newsArea .newsColumn #news ul li a {
          text-decoration: none;
          color: #000;
          background: #fff;
          -webkit-transition: all 0.4s;
          transition: all 0.4s;
          display: block;
          padding: .5em 0; }
          section#newsArea .newsColumn #news ul li a:hover {
            background: #cbedfd; }
          section#newsArea .newsColumn #news ul li a dl {
            margin: 0; }
            section#newsArea .newsColumn #news ul li a dl dd {
              margin-bottom: 0; }
    section#newsArea .newsColumn #events {
      width: 60%; }
      @media only screen and (max-width: 768px) {
        section#newsArea .newsColumn #events {
          width: 100%;
          margin-top: 4em; } }
      section#newsArea .newsColumn #events div.entry {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        section#newsArea .newsColumn #events div.entry a {
          padding: .5em;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 1px solid #d9d9d9;
          -webkit-flex-basis: 47%;
          -ms-flex-preferred-size: 47%;
          flex-basis: 47%;
          text-decoration: none;
          color: #000;
          display: block;
          background-color: #fff;
          -webkit-transition: all 0.4s;
          transition: all 0.4s; }
          @media only screen and (max-width: 413px) {
            section#newsArea .newsColumn #events div.entry a {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
              display: none; }
              section#newsArea .newsColumn #events div.entry a:nth-of-type(1), section#newsArea .newsColumn #events div.entry a:nth-of-type(2), section#newsArea .newsColumn #events div.entry a:nth-of-type(3) {
                display: block; } }
          section#newsArea .newsColumn #events div.entry a:nth-of-type(2n) {
            margin-right: 0 !important; }
          section#newsArea .newsColumn #events div.entry a:nth-of-type(1) dl.eventCnt > dt, section#newsArea .newsColumn #events div.entry a:nth-of-type(4) dl.eventCnt > dt, section#newsArea .newsColumn #events div.entry a:nth-of-type(5) dl.eventCnt > dt {
            background: #1080b2; }
          section#newsArea .newsColumn #events div.entry a:hover {
            background-color: #e5e8e8; }
          section#newsArea .newsColumn #events div.entry a dl.eventCnt {
            margin-bottom: 0em; }
            section#newsArea .newsColumn #events div.entry a dl.eventCnt dt {
              margin-right: 15px;
              display: block;
              width: 77px;
              height: 77px;
              float: left;
              background: #27a0c6;
              text-align: center;
              color: #fff;
              display: table; }
              section#newsArea .newsColumn #events div.entry a dl.eventCnt dt span {
                display: table-cell;
                vertical-align: middle;
                font-size: 261.53846%;
                line-height: .6; }
                section#newsArea .newsColumn #events div.entry a dl.eventCnt dt span small {
                  font-size: 46.15385%;
                  font-weight: normal; }
            section#newsArea .newsColumn #events div.entry a dl.eventCnt > dd {
              overflow: hidden; }
              section#newsArea .newsColumn #events div.entry a dl.eventCnt > dd p.eTitle {
                font-weight: bold; }
          section#newsArea .newsColumn #events div.entry a div.place dl {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 0;
            margin-top: 0;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            section#newsArea .newsColumn #events div.entry a div.place dl dt {
              -webkit-flex-basis: 15%;
              -ms-flex-preferred-size: 15%;
              flex-basis: 15%;
              font-size: 100%;
              font-weight: normal;
              margin-bottom: 0 !important; }
            section#newsArea .newsColumn #events div.entry a div.place dl dd {
              font-size: 100%;
              -webkit-flex-basis: 80%;
              -ms-flex-preferred-size: 80%;
              flex-basis: 80%;
              margin-bottom: 0 !important; }
      section#newsArea .newsColumn #events > p.report {
        text-align: right;
        margin: 30px 0 10px; }
        section#newsArea .newsColumn #events > p.report > a {
          text-decoration: none;
          color: #000;
          position: relative;
          padding-right: 35px;
          -webkit-transition: all 0.2s;
          transition: all 0.2s; }
          section#newsArea .newsColumn #events > p.report > a:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 13px;
            width: 3px;
            height: 3px;
            margin-top: 8px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%); }
          section#newsArea .newsColumn #events > p.report > a:before {
            content: "";
            width: 25px;
            height: 25px;
            border: 1px solid #9a9a9a;
            border-radius: 50%;
            display: block;
            position: absolute;
            top: -6px;
            right: 0; }
          section#newsArea .newsColumn #events > p.report > a:hover {
            opacity: .7; }

section#indexLink {
  max-width: 1260px;
  min-width: 1000px;
  margin: 0 auto 120px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    section#indexLink {
      max-width: 100%;
      min-width: 100%;
      margin-bottom: 30px; } }
  section#indexLink .item {
    -webkit-flex-basis: calc(100% / 4);
    -ms-flex-preferred-size: calc(100% / 4);
    flex-basis: calc(100% / 4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 768px) {
      section#indexLink .item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }
    section#indexLink .item:nth-child(2n) a p {
      background-color: #555; }
    section#indexLink .item a {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      section#indexLink .item a:hover figure img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      section#indexLink .item a figure {
        margin: 0;
        width: 100%;
        overflow: hidden; }
        section#indexLink .item a figure img {
          width: 100%;
          -webkit-transition: all 1.5s;
          transition: all 1.5s; }
      section#indexLink .item a p {
        margin: 0;
        background-color: #3c3c3c;
        padding: 18px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media only screen and (max-width: 768px) {
          section#indexLink .item a p {
            font-size: 92.30769%;
            line-height: 1.1; } }
        section#indexLink .item a p:after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 13px;
          width: 3px;
          height: 3px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          -webkit-transform-origin: top center;
          transform-origin: top center;
          -webkit-transform: rotate(-45deg) translate(0, -50%);
          transform: rotate(-45deg) translate(0, -50%); }

.ie #newsArea .newsColumn #events .entry a {
  padding: .5em .5em 1em .5em; }
  .ie #newsArea .newsColumn #events .entry a dl.eventCnt dt {
    padding-top: .5em; }

.tp-Topics {
  width: 100%; }
  .tp-Topics_Inner {
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .tp-Topics_Inner {
        max-width: 100%;
        width: 100%;
        padding: 20px; } }
  .tp-Topics_Header {
    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;
    border-bottom: 4px solid #000; }
    .tp-Topics_Header h2 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      border-bottom: none !important; }
      .tp-Topics_Header h2::after {
        display: none !important; }
    .tp-Topics_Header a {
      text-align: right;
      text-decoration: none;
      color: #000;
      position: relative;
      width: 100px;
      padding-right: 35px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      padding-top: 10px; }
      .tp-Topics_Header a:after {
        content: '';
        display: block;
        position: absolute;
        top: 23px;
        right: 13px;
        width: 3px;
        height: 3px;
        margin-top: -2px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: rotate(-45deg) translate(0, -50%);
        transform: rotate(-45deg) translate(0, -50%); }
        @media only screen and (max-width: 768px) {
          .tp-Topics_Header a:after {
            top: 18px; } }
      .tp-Topics_Header a:before {
        content: "";
        width: 25px;
        height: 25px;
        border: 1px solid #9a9a9a;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 7px;
        right: 0; }
        @media only screen and (max-width: 768px) {
          .tp-Topics_Header a:before {
            top: 2px; } }
      .tp-Topics_Header a:hover {
        opacity: .7; }

.tp-Slider {
  max-width: 1100px;
  width: 100%;
  margin: 2rem auto;
  display: none; }
  @media only screen and (max-width: 768px) {
    .tp-Slider {
      max-width: 100%;
      width: 100%; } }
  .tp-Slider.slick-initialized {
    display: block; }
  .tp-Slider_Item {
    outline: 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .tp-Slider_Item {
        max-width: initial; } }
    .tp-Slider_Item_Inner {
      border: 1px solid #e9e9e9;
      height: 100%; }
    .tp-Slider_Item figure {
      width: 100%;
      height: 210px;
      margin: 0 !important;
      overflow: hidden;
      padding: 8px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .tp-Slider_Item p {
      margin-bottom: .5rem !important;
      padding: 8px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .tp-Slider_Item a {
      color: #000;
      text-decoration: none; }
      .tp-Slider_Item a:hover {
        text-decoration: underline; }
    .tp-Slider_Item small {
      color: #969696; }
  .tp-Slider .slick-prev, .tp-Slider .slick-next {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 20;
    width: 33px;
    height: 54px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media only screen and (max-width: 768px) {
      .tp-Slider .slick-prev, .tp-Slider .slick-next {
        display: none !important; } }
  .tp-Slider .slick-prev:before, .tp-Slider .slick-next:before {
    content: "";
    width: 33px;
    height: 54px;
    display: inline-block;
    top: 0px;
    left: 0px;
    position: absolute; }
  .tp-Slider .slick-next {
    right: -55px; }
    .tp-Slider .slick-next:hover:before {
      background: url(/img/index/btnNext_a.png) left top no-repeat; }
    .tp-Slider .slick-next:before {
      background: url(/img/index/btnNext_n.png) left top no-repeat; }
  .tp-Slider .slick-prev {
    left: -50px; }
    .tp-Slider .slick-prev:hover:before {
      background: url(/img/index/btnPrev_a.png) left top no-repeat; }
    .tp-Slider .slick-prev:before {
      background: url(/img/index/btnPrev_n.png) left top no-repeat; }
  .tp-Slider .slick-dots {
    text-align: center; }
    .tp-Slider .slick-dots > li {
      position: relative;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .tp-Slider .slick-dots > li:before {
        display: none !important; }
      .tp-Slider .slick-dots > li.slick-active button {
        background-color: #ff8a8a !important; }
      .tp-Slider .slick-dots > li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 8px;
        height: 8px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: #969696; }
        .tp-Slider .slick-dots > li button:hover, .tp-Slider .slick-dots > li button:focus {
          outline: none;
          background-color: #ff8a8a; }