@charset "UTF-8";
/* CSS Document */
/* Fonts
------------------------------------------------------------*/
body {
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  width: 100%;
  background-color: #FFF;
  height: 100%;
  position: relative;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  color: #333; }
  body a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color: #333; }
    body a:hover {
      text-decoration: underline; }
  body img {
    max-width: 100%;
    height: auto; }
  body a img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    body a img:hover {
      opacity: 0.7; }
  body .wrap {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: normal; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

/* header
------------------------------------------------------------*/
.sp__menu {
  display: none;
}
header .header-top {
  position: absolute; 
  top : 0;
  right: 0;}
  header .header-top ul {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    display: flex;
    justify-content: flex-end; }
    header .header-top ul li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 160px;
      text-align: center; }
      header .header-top ul li a {
        display: block;
        line-height: 1.2;
        padding: 13px 0 13px 20px;
        font-size: 13px;
        color: #FFF;
        background: url(../img/icon-link.png) no-repeat 19px center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      header .header-top ul li a:hover {
          text-decoration: none; }
      header .header-top ul li.icon-home {
        background-color: #888888; }
      header .header-top ul li.icon-access {
        background-color: #029AE5; }
      header .header-top ul li.icon-contact {
        background-color: #181858; }
      header .header-top ul li.icon-contact a {
        background-image: url(../img/icon-mail.svg);
        background-position: 30px center;
        background-size:  auto 9px; }
      header .header-top ul li.icon-access a {
        background-image: url(../img/icon-access.svg);
        background-position: 45px center;
        background-size:  auto 12px; }
      header .header-top ul li.icon-home a {
        background-image: url(../img/icon-home.svg);
        background-position: 20px center;
        background-size:  auto 12px; }
      header .header-top ul li.icon-tel {
        padding: 12px 0 12px 30px;
        line-height: 1.2;
        background: url(../img/icon-tel.svg) no-repeat 30px 15px;
        background-size: 18px auto;
        color: #181858;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Oswald', sans-serif; }
      
  header .header-right {
    width: 80%;
        }
  header .header-main .inner {
    padding: 0 0 30px;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative; }
    header .header-main .inner .logo {
      padding-top: 30px;
      z-index: 3;
      position: relative;
      width: 20%;
      left: 80px;
      line-height: 0;
      margin-right: 40px; }
    header .header-main .inner #sp_btn {
      display: none; }
    header .header-main .inner nav {
      display: flex;
      justify-content: flex-end;    
      padding-top: 0px;
      margin-right: 70px;
      -ms-flex: 1 0 auto;
      -webkit-flex-grow: 1;
      position: relative;
      top : 40px;
      }
      header .header-main .inner nav ul {
        margin-bottom: -10px;
        text-align: right; }
      header .header-main .inner nav ul li {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-bottom: 10px;
        border-right: 1px solid #DDDDDD; }
        header .header-main .inner nav ul li.last {
          border: none; }
        header .header-main .inner nav ul li.sp {
          display: none; }
        header .header-main .inner nav ul li a {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          padding: 0 25px;
          letter-spacing: .1rem; }
          header .header-main .inner nav ul li a:hover {
            color: #a7305b;
            text-decoration: none; }

header .sp-menu {
  display: none; }

/* footer
------------------------------------------------------------*/
.popup-btn {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 200;
  /* @include radius(50%,50%,50%,50%);
  background-color: rgba(18, 17, 92, 0.9); */
  /*
  紺
  background-color: rgba(18, 17, 92, 0.9);
  蛍光緑
  background-color: rgba(11, 248, 78, 0.9);
  */
  /* 蛍光オレンジ */
  /* background-color: rgba(255, 165, 0, 0.9);
  color: #FFF;
  font-size:20px; */ }
  .popup-btn a {
    text-align: center;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: block; }
    .popup-btn a img {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .popup-btn a:before {
      opacity: 0;
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      background: url(../img/img-bot2@2x.png) no-repeat right top;
      background-size: 116px auto;
      z-index: 1;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .popup-btn a:hover {
      text-decoration: none; }
      .popup-btn a:hover img {
        opacity: 0; }
      .popup-btn a:hover:before {
        opacity: 1; }

footer .footer-nav {
  background-color: #333;
  padding: 40px 0 130px; }
  footer .footer-nav ul {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.4em; }
    footer .footer-nav ul li {
      letter-spacing: normal;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: top;
      padding-right: 15px; }
      footer .footer-nav ul li dl.footer-nav-first {
        margin-bottom: 50px;
      }
      footer .footer-nav ul li dl a {
        padding-left: 25px;
        color: #FFF;
        padding-right: 30px; }
      footer .footer-nav ul li dl dt {
        font-size: 14px;
        padding-bottom: 7px; }
        footer .footer-nav ul li dl dt a {
          background: url(../img/arrow-r2.png) no-repeat left center;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          footer .footer-nav ul li dl dt a:hover {
            background-position: 5px center; }
      footer .footer-nav ul li dl dd {
        font-size: 12px;
        padding-bottom: 7px; }

footer .footer-bottom {
  padding: 29px 0 22px;
  background: url(../img/bg-footer.png) no-repeat center center;
  text-align: center; }
  footer .footer-bottom .logo {
    padding-bottom: 20px; }
  footer .footer-bottom .address {
    text-align: center;
    padding-bottom: 10px; }
  footer .footer-bottom .tel {
    padding-bottom: 24px; }
  footer .footer-bottom .copyright small {
    font-size: 12px;
    color: #aaa; }

/*next-mainimg
------------------------------------------------------------*/
.next-mainimg {
  overflow-y: hidden;
  background: url(../img/bg_inner.jpg) no-repeat center center;
  background-size: cover;
  min-height: 300px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .next-mainimg .title-area {
    padding: 0;
    position: relative; }
    .next-mainimg .title-area .title {
      font-size: 16px;
      position: relative;
      z-index: 5; }
    .next-mainimg .title-area .sub {
      font-size: 36px;
      position: relative;
      z-index: 5;
      color: #fff;
      font-family: 'Zen Old Mincho', serif;
      letter-spacing: .3rem; }
      .next-mainimg .title-area .sub.ver2 {
        font-size: 36px; }
      .next-mainimg .title-area .sub.ver2 .root {
        display: block;
        font-size: 16px;
        padding: 0;
        margin: 0;
      }
      .next-mainimg .title-area .sub span {
        margin-left: 1em;
        font-size: 30px; }
    .next-mainimg .title-area .pict-img {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0; }
      .next-mainimg .title-area .pict-img.ver2 {
        width: 165px;
        top: 20px;
        right: 20px; }
  .next-mainimg.news .title-area .sub {
    font-size: 24px; }
   .breadcrumb {
    position: relative;
    z-index: 3;
    padding: 2px 0;
    }
     .breadcrumb ul {
      width: 1000px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      align-items: center;
      padding: 20px 0 0; }
       .breadcrumb ul:after {
        clear: both;
        display: block;
        content: ''; }
       .breadcrumb ul li {
        font-size: 12px;
        padding: 0 10px 0 0; }
       .breadcrumb ul li::after {
         content: "/";
         padding: 0 0 0 5px;
         color: #CCCCCC;
       }
       .breadcrumb ul li:last-child::after {
          display: none;
        }
         .breadcrumb ul li.home a img {
          vertical-align: middle; }
         .breadcrumb ul li a {
          background: url(../img/arrow-r3.png) no-repeat right 20px center;
          font-size: 12px;
          padding-top: 2px;
          color: #181858; }
         .breadcrumb ul li span {
          display: table-cell;
          vertical-align: middle;
          height: 29px;
          color: #FFF;
          padding-top: 2px;
          font-size: 12px; }

/*0830---------*/
#mainimg-area {
  position: relative; }

/*0830fin---------*/
.main-img {
  background: url(../img/bg-main.jpg) no-repeat center center;
  background-size: cover;
  width: 100%; }
  .main-img .flex-control-nav li {
    margin: 0 10px; }
    .main-img .flex-control-nav li a {
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0px transparent;
      -moz-box-shadow: inset 0 0 0px transparent;
      -o-box-shadow: inset 0 0 0px transparent;
      box-shadow: inset 0 0 0px transparent; }
      .main-img .flex-control-nav li a.flex-active {
        background-color: #029ae5; }
  .main-img .flexslider {
    margin-bottom: 0; }
    .main-img .main-box .main-set {
      overflow: hidden;
      /*0830---------*/
      height: 465px;
      position: relative;
      /*0830fin---------*/ }
      .main-img .main-box .main-set li .textarea {
        width: 1000px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative; }
        .main-img .main-box .main-set li .textarea .text1, .main-img .main-box .main-set li .textarea .text2, .main-img .main-box .main-set li .textarea .text3 {
          padding-top: 106px; }
        .main-img .main-box .main-set li .textarea .inner {
          color: #FFF;
          position: relative;
          }
          
          .main-img .main-box .main-set li .textarea .inner .title {
            font-size: 36px;
            padding-bottom: 40px;
            font-family: 'Zen Old Mincho', serif;
            letter-spacing: .3rem; }
          .main-img .main-box .main-set li .textarea .inner .title br.sp-only {
            display: none;
          }
          .main-img .main-box .main-set li .textarea .inner .text {
            font-size: 15px;
            margin-bottom: 20px;
            letter-spacing: .2rem;
          }
          .main-img .main-box .main-set li .textarea .inner .text br.pc-only {
            display: block;
          }
          .main-img .main-box .main-set li .textarea .inner .p1 {
            font-size: 16px;
            margin-bottom: 20px; }
          .main-img .main-box .main-set li .textarea .inner .main-btn {
            font-size: 16px;
            border: solid 1px #FFF;
            text-align: center;
            width: 290px; }
            .main-img .main-box .main-set li .textarea .inner .main-btn a {
              width: 290px;
              display: block;
              color: #FFF;
              padding: 10px 0;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              text-decoration: none; }
              .main-img .main-box .main-set li .textarea .inner .main-btn a:hover {
                background-color: #FFF;
                color: #000; }
          .main-img .main-box .main-set li .textarea .inner .pict-img {
            position: absolute;
            top: 3rem;
            right: -80px; }
            .main-img .main-box .main-set li .textarea .inner .pict-img img {
              width: auto; }
          .main-img .main-box .main-set li .textarea .inner .pict-icon {
            width: 325px;
            position: absolute;
            top: 120px;
            right: 380px; }
        .main-img .main-box .main-set li .textarea .pict-img, .main-img .main-box .main-set li .textarea .text-box {
          -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
        .main-img .main-box .main-set li .textarea .pict-icon {
          -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
        .main-img .main-box .main-set li .textarea .text-box {
          -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
          position: relative;
          z-index: 2; }
      .main-img .main-box .main-set li.flex-active-slide .pict-img, .main-img .main-box .main-set li.flex-active-slide .pict-icon {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight; }
      .main-img .main-box .main-set li.flex-active-slide .text-box {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown; }
    .main-img .main-box .main-info {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: #fff;
      width: 1000px;
      max-width: 100%;
      margin: 0 auto;
      padding: 20px 30px;
      box-sizing: border-box;
    }
    .main-img .main-box .main-info .news-slider-item {
      display: flex;
    }
    .main-img .main-box .main-info .news-slider-item-top {
      display: flex;
    }
    .main-img .main-box .main-info .main-info-date {
      color: #BDBDBD;
      padding-right: 20px;
    }
    .main-img .main-box .main-info .main-info-icon {
      width: 16px;
      height: 16px;
      margin-right: 10px;
      margin-top: 3px;
    }
    .main-img .main-box .main-info .main-info-text {
      padding-left: 20px;
    }
    .main-img .main-box .main-info-link a {
      color: #029AE5;
      padding-left: 24px;
      transition: all 0.3s;
      background: no-repeat left center;
      background-size: 12px auto;
      background-image: url(../img/arrow-r@2x.png);
      position: absolute;
      right: 30px;
      top : 50%;
      transform: translateY(-50%);
    }
    .main-img .main-box .main-info-link a:hover {
      background-position: 5px center;
    }
    .main-nav {
      padding: 50px 0;
    }
    .main-nav .inner {
      width: 1000px;
      max-width: 100%;
      margin: 0 auto;
    }
    .main-nav .inner .main-nav-list {
      display: flex;
      justify-content: space-between;
      border: 1px solid #181858;
    }
    .main-nav .inner .main-nav-item {
      width: 25%;
    }
    .main-nav .inner .main-nav-item a { 
      box-sizing: border-box;
      display: block;
      padding: 25px 30px 25px 60px;
      box-sizing: border-box;
      border-right: 1px solid #181858;
    }
    .main-nav .inner .main-nav-item:last-child a {
      border: none;
    }
    .main-nav .inner .main-nav-item.main-nav-item-01 {
      background: url(../img/icon-nav01.svg) no-repeat 20px center;
    }
    .main-nav .inner .main-nav-item.main-nav-item-02 {
      background: url(../img/icon-nav02.svg) no-repeat 20px center;
    }
    .main-nav .inner .main-nav-item.main-nav-item-03 {
      background: url(../img/icon-nav03.svg) no-repeat 20px center;
    }
    .main-nav .inner .main-nav-item.main-nav-item-04 {
      background: url(../img/icon-nav04.svg) no-repeat 20px center;
    }
    .main-img .flexslider .flex-control-nav {
      /*0830---------*/
      bottom: 80px;
      /*0830fin---------*/
      z-index: 999;
      text-align: left;
      width: 1000px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      left: 50%;
      margin-left: -500px; }
      .main-img .flexslider .flex-control-nav li {
        margin: 0 3px; }
        .main-img .flexslider .flex-control-nav li a {
          width: 8px;
          height: 8px;
          background-color: #FFF; }
          .main-img .flexslider .flex-control-nav li a.flex-active {
            background-color: #029ae5; }

/* container　共通部品
------------------------------------------------------------*/
#container .title-f .inner {
  color: #029ae5;
  font-size: 24px;
  font-weight: normal;
  padding: 5px 0 30px 58px;
  background: url(../img/icon-title.png) no-repeat left top; }
  #container .title-f .inner span {
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
    padding-left: 25px; }

#container .title-f2 {
  border: solid 1px #ccc;
  padding: 15px 20px;
  margin-bottom: 40px; }
  #container .title-f2 .column2 {
    border-left: solid 2px #12115c; }
    #container .title-f2 .column2:after {
      clear: both;
      display: block;
      content: ''; }
    #container .title-f2 .column2 .text {
      padding-left: 18px;
      float: left;
      width: 440px;
      height: 156px;
      display: table; }
      #container .title-f2 .column2 .text .p1 {
        padding-bottom: 0;
        display: table-cell;
        width: 100%;
        height: 156px;
        vertical-align: middle;
        font-size: 30px; }
      #container .title-f2 .column2 .text .affiliation {
        font-size: 16px;
        padding-top: 20px; }
      #container .title-f2 .column2 .text .name {
        font-size: 24px;
        padding-bottom: 10px; }
    #container .title-f2 .column2 .img {
      width: 150px;
      float: right; }

#container .title-f3 .inner {
  color: #12115c;
  font-size: 24px;
  font-weight: normal;
  padding: 5px 0 30px 58px;
  background: url(../img/icon-title2.png) no-repeat left top; }
  #container .title-f3 .inner span {
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
    padding-left: 25px; }

#container .title-f4 .inner {
  color: #12115c;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 30px; }
  #container .title-f4 .inner span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 25px;
    color: #232323; }

#container .title-f5 {
  padding: 15px 6px 15px 20px;
  border: solid 1px #ccc;
  margin-bottom: 25px; }
  #container .title-f5 .inside {
    padding: 6px 15px;
    line-height: 1.6;
    font-size: 24px;
    border-left: solid 3px #12115c;
    font-weight: bold; }
  #container .title-f5.ver2 .inside {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 21px; }
    #container .title-f5.ver2 .inside small {
      font-size: 16px; }

#container .link-f {
  text-align: right; }
  #container .link-f a {
    color: #029ae5;
    padding-left: 24px;
    background: url(../img/arrow-r.png) no-repeat left center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #container .link-f a:hover {
      background-position: 5px center; }

#bannerarea {
  overflow: hidden;
  /*0830---------*/
  width: 100%;
  z-index: 100;
  background-color: #12115c;
  padding: 20px 0;
  /*0830fin---------*/ }
  #bannerarea ul {
    margin: 0 auto;
    line-height: 0; }
    #bannerarea ul li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      line-height: 0;
      margin: 0 7px; }
      #bannerarea ul li:last-child {
        margin-right: 0; }

#container #bottom-bannerarea {
  overflow: hidden;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0;
  overflow: hidden;
  background-color: #e8e8e8;
  /* .slick-prev, .slick-next{
      position: absolute;
      z-index: 100;
      background:no-repeat center center;
      text-indent: -9999px;
      width: 30px;
      height: 30px;


    }
    .slick-prev{
      left: 50%;
      margin-left:-380px;
      background-image:url(../img/slider-arrow-prev.png);
      @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        background-image:url(../img/slider-arrow-prev@2x.png);
        background-size:30px auto;
      }
    }
    .slick-next{
      left: auto;
      right:50%;
      margin-right:-380px;
      background-image:url(../img/slider-arrow-next.png);
      @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        background-image:url(../img/slider-arrow-next@2x.png);
        background-size:30px auto;
      }
    } */ }
  #container #bottom-bannerarea ul {
    margin: 0 auto;
    letter-spacing: -.4em; }
    #container #bottom-bannerarea ul li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      line-height: 0;
      padding: 0 5px; }

#container.top #linkarea {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 25px -55px 35px; }
  #container.top #linkarea li {
    *zoom: 1;
    line-height: 0;
    margin: 0 2px;
    width: calc(20% - 8px); }
    #container.top #linkarea li:last-child {
      margin-right: 0; }
  @media screen and (max-width: 1100px) {
    #container.top #linkarea {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }

#container.top #infomation {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 90px;
  padding-top: 70px; }
  #container.top #infomation:after {
    clear: both;
    display: block;
    content: ''; }
  #container.top #infomation .linkarea {
    width: 656px;
    float: left;
    letter-spacing: 1.7em; }
    #container.top #infomation .linkarea li {
      width: 312px;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding-bottom: 30px; }
  #container.top #infomation .title-area {
    position: relative; }
  #container.top #infomation .title-area h3 {
    font-weight: bold; }
    #container.top #infomation .title-area .icon-area {
      position: absolute;
      right: 0;
      top: 0;
      letter-spacing: -0.4em; }
      #container.top #infomation .title-area .icon-area li {
        letter-spacing: normal;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-left: 23px;
        padding-right: 30px;
        background: no-repeat left center;
        font-size: 13px;
        color: #029ae5; }
        #container.top #infomation .title-area .icon-area li:last-child {
          padding-right: 0; }
        #container.top #infomation .title-area .icon-area li.kensyu {
          background-image: url(../img/icon-info3.png); }
        #container.top #infomation .title-area .icon-area li.iryou {
          background-image: url(../img/icon-info1.png); }
        #container.top #infomation .title-area .icon-area li.kanjya {
          background-image: url(../img/icon-info2.png); }
  #container.top #infomation .info {
    width: 100%;
    float: inherit; }
    #container.top #infomation .info > ul {
      padding-bottom: 16px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      #container.top #infomation .info > ul > li {
        padding: 18px 0 18px;
        border-bottom: dashed 1px #eee;
        position: relative;
        line-height: 1.2;
        width: 46.5%;
        margin-right: 3.5vw; }
      #container.top #infomation .info > ul > li:nth-child(even) {
        margin-right: 0;
      }
        #container.top #infomation .info > ul > li .date-area {
          margin-bottom: 15px;
           }
          #container.top #infomation .info > ul > li .date-area:after {
            clear: both;
            display: block;
            content: ''; }
        #container.top #infomation .info > ul > li .date {
          color: #aaa;
          font-size: 15px;
          width: 127px;   /* 秀和側で 117px -> 127px に変更。 */
          float: left;
          font-weight: normal;
          padding-top: 3px;
          padding-right: 10px; }
        #container.top #infomation .info > ul > li .title {
          
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
        #container.top #infomation .info > ul > li .tag-areae {
          letter-spacing: -0.4em; }
          #container.top #infomation .info > ul > li .tag-areae:after {
            clear: both;
            display: block;
            content: ''; }
        #container.top #infomation .info > ul > li .tag {
          letter-spacing: normal;
          display: -moz-inline-box;
          display: inline-block;
          *display: inline;
          *zoom: 1;
          color: #029ae5;
          padding-left: 0px;
          background: no-repeat left center;
          width: 16px;
          height: 16px;
          margin-right: 5px;
          vertical-align: middle; }
          #container.top #infomation .info > ul > li .tag:last-child {
            margin-right: 0; }
          #container.top #infomation .info > ul > li .tag.iryou {
            background-image: url(../img/icon-info1.png); }
          #container.top #infomation .info > ul > li .tag.kanjya {
            background-image: url(../img/icon-info2.png); }
          #container.top #infomation .info > ul > li .tag.kensyu {
            background-image: url(../img/icon-info3.png); }
    #container.top #infomation .info .icon-area {
      padding-top: 3px; }
  #container.top #infomation .info-timeline .item-info {
    width: 100%;
    float: left; }
  #container.top #infomation .info-timeline .item-timeline {
    width: 285px;
    float: right; }
    #container.top #infomation .info-timeline .item-timeline .facebook-wrapper {
      max-width: 100%;
      margin: 0 auto; }
    #container.top #infomation .info-timeline .item-timeline .facebook-wrapper > .fb-page {
      width: 100%; }
    #container.top #infomation .info-timeline .item-timeline .facebook-wrapper > .fb-page > span,
    #container.top #infomation .info-timeline .item-timeline .facebook-wrapper iframe {
      width: 100% !important; }
  #container.top #infomation .info-timeline:after {
    clear: both;
    display: block;
    content: ''; }
  #container.top #infomation .info-timeline .link-f a {
    font-size: 15px;
  }

#container.top #access {
  padding: 35px 0;
  background-color: #f5f5f5; }
  #container.top #access .column2 {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #container.top #access .column2:after {
      clear: both;
      display: block;
      content: ''; }
    #container.top #access .column2 .address-area {
      float: left;
      width: 312px; }
      #container.top #access .column2 .address-area .title {
        color: #000;
        font-size: 16px;
        padding-bottom: 15px; }
      #container.top #access .column2 .address-area .address {
        color: #000; }
    #container.top #access .column2 .map {
      float: right;
      width: 656px; }

.mfp-fade.mfp-bg.mfp-ready {
  background: rgba(0, 0, 0, 0.85); }

.mfp-container {
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 654px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 0; }

.mfp-content {
  background-color: #FFF;
  border: none;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /* .popup-inner{
    text-align: center;
    padding:25px 20px;
    iframe{
      height: 80vh !important;
    }
  } */
  /* .product-no{
    padding-bottom: 15px;
    //@include rem(16);
  } */ }
  .mfp-content .cancel {
    position: absolute;
    right: 8px;
    top: 8px; }
    .mfp-content .cancel img {
      width: 26px;
      height: auto; }
  .mfp-content .product-no {
    padding-bottom: 15px; }
  .mfp-content .popup-bottom-txt {
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 10px 0;
    text-align: left; }
  .mfp-content .title {
    font-size: 16px;
    padding-bottom: 15px;
    font-weight: bold; }
  .mfp-content .close {
    text-align: center; }

/* container top
------------------------------------------------------------*/
/*retina*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  header .header-top:after {
    background-image: url(../img/bg-logo@2x.png);
    background-size: 261px auto; }
  header .header-top ul li a {
    background-image: url(../img/icon-link@2x.png);
    background-size: 16px auto; }
  footer .footer-nav ul li dl dt a {
    background-image: url(../img/arrow-r2@2x.png);
    background-size: 12px auto; }
  footer .footer-bottom {
    background-image: url(../img/bg-footer@2x.png);
    background-size: 261px auto; }
  /*next-mainimg
  ------------------------------------------------------------*/
   .breadcrumb { }
     .breadcrumb ul li a {
      background-image: url(../img/arrow-r3@2x.png);
      background-size: 5px auto; }
  /* container　共通部品
  ------------------------------------------------------------*/
  #container .title-f .inner {
    background-image: url(../img/icon-title@2x.png);
    background-size: 53px auto; }
  #container .link-f a {
    background-image: url(../img/arrow-r@2x.png);
    background-size: 12px auto; }
  #container .title-f4 .inner {
 }
  #container.top #infomation .info ul li .tag.iryou {
    background-image: url(../img/icon-info1@2x.png);
    background-size: 14px auto; }
  #container.top #infomation .info ul li .tag.kanjya {
    background-image: url(../img/icon-info2@2x.png);
    background-size: 14px auto; }
  #container.top #infomation .info ul li .tag.kensyu {
    background-image: url(../img/icon-info3@2x.png);
    background-size: 16px auto; }
  
  #container.top #infomation .title-f4 .inner {
    background-image: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  
  /* container top
  ------------------------------------------------------------*/ }

@media screen and (min-width: 1001px) and (max-width: 1260px) {
  header .header-main .inner nav {
    margin-right: 20px;
  }
  header .header-main .inner nav ul li a {
            font-size: 13px;
            padding: 0 10px 0 10px; }
}

/*tablet*/
@media screen and (min-width: 601px) and (max-width: 1000px) {
  /* header
  ------------------------------------------------------------*/
  header .header-top:after {
    left: 0px;
    margin-left: 0; }
  header .header-top ul li {
    width: 24vw;
    max-height: 40px;
  }
  header .header-top ul li.icon-home a {
    background-position: 2vw center;
  }
  header .header-top ul li.icon-access a {
    background-position: 3vw center;
  }
  header .header-top ul li.icon-contact a {
    background-position: 3vw center;
  }
  header .header-top ul li.icon-tel a {
        line-height: 1.2;
        color: #181858;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Oswald', sans-serif;
        position: relative;
        top : -10px;
      }
  header .header-main .inner {
    padding: 0 10px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    header .header-main .inner .logo {
      padding-top: 60px;
      width: 25%;
      left: 10px; }
    header .header-main .inner nav {
      width: 100%;
      padding-top: 0;
      font-size: 13px;
      top : 35px; }
      header .header-main .inner nav ul {
        text-align: right; }
        header .header-main .inner nav ul li {
          padding-bottom: 0; }
       header .header-main .inner nav {
          margin-right: 20px;
        }
        header .header-main .inner nav ul li a {
          font-size: 13px;
          padding: 0 10px 0 10px; }
          
  /* footer
  ------------------------------------------------------------*/
  footer .footer-nav {
    padding: 40px 10px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    footer .footer-nav ul li {
      padding-right: 0px; }
      footer .footer-nav ul li dl a {
        padding-left: 15px;
        padding-right: 15px; }
      footer .footer-nav ul li dl dt {
        font-size: 13px; }
  /*next-mainimg
  ------------------------------------------------------------*/
  .next-mainimg .title-area .title {
    font-size: 18px; }
  .next-mainimg .title-area .sub {
    font-size: 27px; }
   .breadcrumb {
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .main-img .main-box .main-set {
    height: 370px; }
    .main-img .main-box .main-set li .textarea .inner {
      padding-left: 10px;
      padding-right: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .main-img .main-box .main-set li .textarea .text1, .main-img .main-box .main-set li .textarea .text2, .main-img .main-box .main-set li .textarea .text3 {
      padding-top: 50px; }
  .main-img .flexslider .flex-control-nav {
    /*0830---------*/
    bottom: -3px;
    z-index: 999;
    text-align: left;
    width: 100%;
    left: 10px;
    margin-left: 0px;
    padding-left: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*0830fin---------*/ }
  .main-img .main-box .main-set li .textarea .inner:after {
    display: none; }
  .main-img .main-box .main-set li .textarea .inner .title {
    font-size: 26px; }
  .main-img .main-box .main-set li .textarea .inner .text br.pc-only {
    display: none;
  }
  .main-img .main-box .main-set li .textarea .inner .p1, .main-img .main-box .main-set li .textarea .inner .main-btn {
    font-size: 14px; }
  .main-img .main-box .main-set li .textarea .inner .pict-img {
    overflow: hidden;
    width: 580px;
    position: absolute;
    z-index: 1;
    right: -100px;
    display: none; }
  .main-img .main-box .main-info .main-info-link {
      display: none;
    }
  #container .title-f .inner {
    font-size: 20px;
    line-height: 1.2;
    padding: 5px 0 30px 33px;
    background-size: 40px auto;
    background-position: 0 3px; }
    #container .title-f .inner span {
      font-size: 13px;
      display: block;
      padding-left: 0px; }
  #bannerarea {
    /*0830---------*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    bottom: auto;
    left: auto;
    background-color: #141f59;
    /*0830fin---------*/ }
    #bannerarea ul {
      text-align: center; }
  #container #bottom-bannerarea ul {
    letter-spacing: 0.4em;
    text-align: center; }
    #container #bottom-bannerarea ul li {
      width: 31%; }
  #container.top #linkarea {
    padding-left: 0px;
    padding-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.top #linkarea li {
      width: 24.25%;
      margin-right: 1%; }
      #container.top #linkarea li:last-child {
        margin-right: 0; }
  #container.top #infomation {
    padding: 35px 10px 124px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.top #infomation .linkarea {
      width: 67%;
      letter-spacing: 0.5em; }
      #container.top #infomation .linkarea li {
        width: 47%; }
    #container.top #infomation .title-area .icon-area li {
      padding-right: 15px; }
    #container.top #infomation .info {
      width: 100%; }
    #container.top #infomation .info-timeline .item-info {
      width: 100%; }
    #container.top #infomation .info-timeline .item-timeline {
      width: 35%; }
    #container.top #infomation .info-timeline:after {
      clear: both;
      display: block;
      content: ''; }
    #container.top #infomation .info > ul {
      display: block;
    }
    #container.top #infomation .info > ul > li {
      width: 100%;
    }
  #container.top #access {
    padding: 35px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.top #access .column2 .address-area {
      width: 32%; }
    #container.top #access .column2 .map {
      width: 65%;
      position: relative;
      padding-bottom: 28%;
      height: 0;
      overflow: hidden; }
      #container.top #access .column2 .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; }
  .main-nav {
    padding: 30px 0;
  }
  .main-nav .inner {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .main-nav .inner .main-nav-list {
    flex-wrap: wrap;
  }
  .main-nav .inner .main-nav-item {
    width: 50%;
  }
  .main-nav .inner .main-nav-item:nth-child(2n) a {
    border: none;
  }
  .main-nav .inner .main-nav-item:nth-child(1) a,
  .main-nav .inner .main-nav-item:nth-child(2) a {
    border-bottom: 1px solid #181858;
  }
  /* container top
  ------------------------------------------------------------*/ }

/*sp*/
@media screen and (max-width: 600px) {
  body {
    padding-top: 55px;
  }
  header .header-top {
    border-top: 4px solid #100F54; }
    header .header-top:after, header .header-top ul {
      display: none; }
  header .header-main .inner {
    padding: 10px 0px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #fefefe;
    overflow: hidden; }
    header .header-main .inner .logo {
      width: 115px;
      height: auto;
      left: 10px;
      padding-left: 10px;
      padding-bottom: 10px;
      padding-top: 0; }
    header .header-main .inner #sp_btn {
      display: block;
      position: absolute;
      right: 20px;
      top: 20px;
      width: 15px;
      height: 15px; }
    header .header-main .inner::before {
      content: "";
      position: absolute;
      background: #eee;
      width: 1px;
      height: 100px;
      right: 55px;
      top : 0;
    }
      header .header-main .inner #sp_btn span {
        border-bottom: solid 1px #181858;;
        display: block;
        -moz-transition: .35s ease-in-out;
        position: absolute;
        transition: .35s ease-in-out;
        -webkit-transition: .35s ease-in-out;
        width: 100%;
      }
      
      header .header-main .inner #sp_btn span:nth-child(1) {
        top: 0;
      }
      
      header .header-main .inner #sp_btn span:nth-child(2) {
        top: 7px;
      }
      
      header .header-main .inner #sp_btn span:nth-child(3) {
        top: 14px;
      }
      header .header-main .inner #sp_btn.is-active span:nth-of-type(1) {
        transform: translateY(7px) rotate(-45deg);
        -webkit-transform: translateY(7px) rotate(-45deg);
      }
      
      header .header-main .inner #sp_btn.is-active span:nth-of-type(2) {
        opacity: 0;
      }
      
      header .header-main .inner #sp_btn.is-active span:nth-of-type(3) {
        transform: translateY(-7px) rotate(45deg);
        -webkit-transform: translateY(-7px) rotate(45deg);
      }
      header {
        z-index: 200;
        position: relative;
        position: fixed;
        top : 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #eee;
      }
      .sp__menu {
        background: #fff;
        z-index: 199;
        position: fixed;
        top : 0;
        left:  100vw;
        width: 100%;
        height: 100vh;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: block;
      }
      .sp__menu.is-active {
        left: 0;
      }
      .sp__menu .inner {
        padding: 120px 40px 0;
        box-sizing: border-box;
      }
      .sp__menu--list {
        padding-bottom: 40px;
      }
      .sp__menu--item {
        margin-bottom: 30px;
      }
      .sp__menu--bottom {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .sp__menu--bottom-item {
        width: 50%;
        max-height: 40px;
      }
      .sp__menu--bottom-item a {
        display: block;
        line-height: 1.2;
        padding: 13px 0 13px 20px;
        font-size: 13px;
        color: #FFF;
        text-align: center;
        background: url(../img/icon-link.png) no-repeat 19px center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .sp__menu--bottom-item.icon-home  {
        background-color: #888888; }
      .sp__menu--bottom-item.icon-access  {
        background-color: #029AE5; }
      .sp__menu--bottom-item.icon-contact  {
        background-color: #181858; }
      .sp__menu--bottom-item.icon-contact a {
        background-image: url(../img/icon-mail.svg);
        background-position: 20px center;
        background-size:  auto 9px; }
      .sp__menu--bottom-item.icon-access a {
        background-image: url(../img/icon-access.svg);
        background-position: 35px center;
        background-size:  auto 12px; }
     .sp__menu--bottom-item.icon-home a {
        background-image: url(../img/icon-home.svg);
        background-position: 10px center;
        background-size:  auto 12px; }
      .sp__menu--bottom-item.icon-tel {
         }
      .sp__menu--bottom-item.icon-tel a {
        color: #181858;
        padding: 12px 0 12px 25px;
        box-sizing: border-box;
        line-height: 1.2;
        background: url(../img/icon-tel.svg) no-repeat 15px 13px;
        background-size: 18px auto;
        color: #181858;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Oswald', sans-serif;
        display: block;
      }
  header .sp-menu {
    display: block; }
    header .sp-menu nav {
      display: block; }
      header .sp-menu nav ul {
        display: none; }
  header .header-right {
    display: none;
  }
  header nav {
    display: none;
    width: 100%;
    padding-top: 0px;
    font-size: 13px;
    border-top: 1px solid #eee; }
    header nav ul {
      text-align: right; }
      header nav ul li {
        padding-bottom: 0;
        display: block;
        text-align: center; }
        header nav ul li.sp {
          display: block; }
        header nav ul li a {
          background: #FFF;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #EEE), color-stop(0, #FFF));
          background: -webkit-linear-gradient(#FFF, #EEE);
          background: -moz-linear-gradient(#FFF, #EEE);
          background: -o-linear-gradient(#FFF, #EEE);
          background: -ms-linear-gradient(#FFF, #EEE);
          background: linear-gradient(#FFF, #EEE);
          padding: 15px 0;
          width: 100%;
          display: block; }
  /* footer
  ------------------------------------------------------------*/
  .popup-btn {
    color: #FFF;
    font-size: 10px; }
    .popup-btn a {
      height: 135px; }
      .popup-btn a img {
        height: 100%;
        width: auto; }
      .popup-btn a:before {
        background-size: auto 100%; }
      .popup-btn a:hover {
        text-decoration: none; }
        .popup-btn a:hover img {
          opacity: 0; }
        .popup-btn a:hover:before {
          opacity: 1; }
  footer {
    border-top: solid 4px #ddd; }
    footer .footer-nav {
      display: none;
      padding: 40px 10px 30px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      footer .footer-nav ul li {
        display: block;
        padding-right: 0px;
        text-align: center; }
        footer .footer-nav ul li dl a {
          padding-left: 15px;
          padding-right: 15px;
          display: block;
          width: 100%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
        footer .footer-nav ul li dl dt {
          font-size: 13px; }
          footer .footer-nav ul li dl dt a {
            display: block;
            width: 100%;
            background: none; }
    footer .footer-bottom {
      padding: 20px 0 10px; }
      footer .footer-bottom .logo {
        padding-bottom: 10px; }
      footer .footer-bottom .address {
        padding-bottom: 0; }
      footer .footer-bottom .tel {
        padding-bottom: 10px; }
  /*next-mainimg
  ------------------------------------------------------------*/
  .next-mainimg {
    overflow-y: hidden;
    background: url(../img/bg_inner_sp.jpg) no-repeat center center;
    background-size: cover;
    padding: 0px 20px;
    box-sizing: border-box;
    }
  .next-mainimg .title-area:after {
    display: none; }
  .next-mainimg .title-area .title {
    font-size: 16px; }
  .next-mainimg .title-area .sub {
    font-size: 22px; }
    .next-mainimg .title-area .sub br {
      display: none; }
    .next-mainimg .title-area .sub.ver2 {
      font-size: 32px; }
   .breadcrumb {
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: none; }
     .breadcrumb ul {
      font-size: 12px; }
       .breadcrumb ul li.home a img {
        width: 17px; }
       .breadcrumb ul li a {
        padding-right: 12px;
        padding-left: 12px;
        background: url(../img/arrow-r3.png) no-repeat right center; }
       .breadcrumb ul li span {
        padding-right: 12px;
        padding-left: 12px; }
   .main-img {
    background: url(../img/bg-main-sp.jpg) no-repeat center center;
    background-size: cover;
    width: 100%; }
  .main-img .main-box .main-set {
    height: auto; }
    .main-img .main-box .main-set li .textarea .text1, .main-img .main-box .main-set li .textarea .text2, .main-img .main-box .main-set li .textarea .text3 {
      padding: 90px 0 90px; }
    .main-img .main-box .main-set li .textarea .inner {
      text-align: left;
      padding: 0 25px;
      box-sizing: border-box; }
    .main-img .main-box .main-set li .textarea .inner .text br.pc-only {
      display: none;
    }
      .main-img .main-box .main-set li .textarea .inner:after {
        display: none; }
      .main-img .main-box .main-set li .textarea .inner .title {
        font-size: 32px; }
      .main-img .main-box .main-set li .textarea .inner .title br.sp-only {
         display: block;
       }
      .main-img .main-box .main-set li .textarea .inner .p1 {
        font-size: 14px; }
      .main-img .main-box .main-set li .textarea .inner .main-btn {
        font-size: 14px;
        width: 200px;
        margin: 0 auto; }
        .main-img .main-box .main-set li .textarea .inner .main-btn a {
          width: 200px; }
      .main-img .main-box .main-set li .textarea .inner .pict-img {
        /*0830---------*/
        width: 545px;
        right: -350px;
        position: absolute;
        z-index: 1;
        display: none;
        /*0830fin---------*/ }
      .main-img .main-box .main-set li .textarea .inner .pict-icon {
        width: 200px;
        right: 350px; }
    .main-img .main-box .main-set li.flex-active-slide .text-box {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft; }
    .main-img .main-box .main-info {
      width: 90%;
      margin: 0 0 0 auto;
      left: auto;
      transform: none;
      position: relative;
    }
    .main-img .main-box .main-info .news-slider-item {
      display: block;
    }
    .main-img .main-box .main-info .news-slider-item-top {
      display: flex;
    }
    .main-img .main-box .main-info .main-info-text {
      display: block;
      padding: 0;
    }
    .main-img .main-box .main-info .main-info-link {
      display: none;
    }
  .main-img .flex-control-nav {
    text-align: center;
    left: 0px;
    margin-left: 0px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #container .title-f {
    text-align: center; }
    #container .title-f .inner {
      margin: 0 auto;
      text-align: center;
      font-size: 26px;
      line-height: 1.2;
      padding: 5px 0 25px 43px;
      background-size: 40px auto;
      background-position: 0 3px;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1; }
      #container .title-f .inner h3 {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1; }
      #container .title-f .inner span {
        font-size: 13px;
        padding-left: 0px;
        display: block; }
  #container .title-f4 .inner {
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 30px; }
    #container .title-f4 .inner span {
      padding-left: 10px; }
  #container .title-f5 {
    padding: 10px 6px 10px 10px;
    margin-bottom: 25px; }
    #container .title-f5 .inside {
      padding: 6px 10px !important;
      line-height: 1.6;
      font-size: 22px; }
    #container .title-f5.ver2 .inside {
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 10px !important;
      padding-right: 10px !important;
      font-size: 18px; }
      #container .title-f5.ver2 .inside small {
        font-size: 14px; }
  #bannerarea {
    padding: 15px 10px;
    /*0830---------*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    bottom: auto;
    left: auto;
    background-color: #141f59;
    /*0830fin---------*/ }
    #bannerarea ul {
      text-align: center; }
      #bannerarea ul li img {
        width: 150px;
        height: auto; }
  #container #bottom-bannerarea {
    padding: 30px 0 10px;
    /* .slick-prev{
        left: 5px;
        margin-left:0px;
      }
      .slick-next{
        left: auto;
        right:5px;
        margin-right:0px;
      } */ }
    #container #bottom-bannerarea ul {
      letter-spacing: 0.4em;
      text-align: center; }
      #container #bottom-bannerarea ul li {
        width: 80%;
        padding-bottom: 10px; }
  #container.top #linkarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -4px 30px; }
    #container.top #linkarea li {
      margin: 0 4px 8px;
      width: calc(33.333% - 8px);
      max-width: 234px; }
      #container.top #linkarea li img {
        width: 100%;
        height: auto; }
      #container.top #linkarea li:last-child {
        margin-right: 2%; }
      #container.top #linkarea li:nth-child(2n) {
        margin-right: 0; }
  #container.top #infomation {
    padding: 45px 10px 40px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.top #infomation .linkarea {
      width: 100%;
      letter-spacing: 0.5em;
      padding-bottom: 30px; }
      #container.top #infomation .linkarea li {
        width: 100%;
        text-align: center;
        padding-bottom: 20px; }
    #container.top #infomation .title-area {
      position: relative;
      margin-bottom: 30px; }
      #container.top #infomation .title-area .title-f4 .inner {
        margin-bottom: 15px; }
      #container.top #infomation .title-area .icon-area {
        text-align: right;
        position: relative;
        right: auto;
        top: auto; }
        #container.top #infomation .title-area .icon-area li {
          padding-right: 15px;
          font-size: 12px; }
    #container.top #infomation .info {
      width: 100%; }
      #container.top #infomation .info ul li .date-area {
        position: relative;
        left: auto;
        top: auto;
        padding-bottom: 10px; }
      #container.top #infomation .info ul li .title {
        padding-top: 5px;
        padding-bottom: 7px;
        padding-left: 0px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
      #container.top #infomation .info ul li .tag-areae {
        letter-spacing: -0.4em; }
        #container.top #infomation .info ul li .tag-areae:after {
          clear: both;
          display: block;
          content: ''; }
    #container.top #infomation .info-timeline .item-info {
      width: 100%;
      margin-bottom: 30px; }
    #container.top #infomation .info-timeline .item-timeline {
      width: 100%;
      float: inherit;
      text-align: center; }
      #container.top #infomation .info-timeline .item-timeline .fb_iframe_widget span {
        height: 350px !important; }
      #container.top #infomation .info-timeline .item-timeline .fb_iframe_widget iframe {
        height: 350px !important; }
  #container.top #infomation .info > ul {
      display: block;
    }
    #container.top #infomation .info > ul > li {
      width: 100%;
    }
  #container.top #access {
    padding: 45px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.top #access .column2 .address-area {
      text-align: center;
      width: 100%;
      display: block;
      padding-bottom: 30px; }
      #container.top #access .column2 .address-area .title {
        padding-bottom: 10px; }
    #container.top #access .column2 .map {
      width: 100%;
      display: block;
      position: relative;
      padding-bottom: 55%;
      height: 0;
      overflow: hidden; }
      #container.top #access .column2 .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; }
  .mfp-content iframe {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 500px !important; }
  .main-nav {
    padding: 60px 0;
  }
  .main-nav .inner {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .main-nav .inner .main-nav-list {
    flex-wrap: wrap;
  }
  .main-nav .inner .main-nav-item {
    width: 50%;
  }
  .main-nav .inner .main-nav-item a {
    padding: 0 30px 0 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
    width: 100%;
  }
  .main-nav .inner .main-nav-item:nth-child(2n) a {
    border: none;
  }
  .main-nav .inner .main-nav-item:nth-child(1) a,
  .main-nav .inner .main-nav-item:nth-child(2) a {
    border-bottom: 1px solid #181858;
  }
  .main-nav .inner .main-nav-item.main-nav-item-01 {
    background: url(../img/icon-nav01.svg) no-repeat 10px center;
  }
  .main-nav .inner .main-nav-item.main-nav-item-02 {
    background: url(../img/icon-nav02.svg) no-repeat 10px center;
  }
  .main-nav .inner .main-nav-item.main-nav-item-03 {
    background: url(../img/icon-nav03.svg) no-repeat 10px center;
  }
  .main-nav .inner .main-nav-item.main-nav-item-04 {
    background: url(../img/icon-nav04.svg) no-repeat 10px center;
  }
  /* container top
  ------------------------------------------------------------*/
  /*retina*/ }