@charset "UTF-8";
/* ==========================================================================
  Reset
  ========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none; }

img {
  font-size: 0;
  line-height: 0; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  font-weight: bold;
  font-style: italic;
  color: #000; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

fieldset, img {
  line-height: 0;
  vertical-align: top; }

hr {
  display: none; }

input, select {
  vertical-align: middle; }

html {
  overflow-y: scroll;
  *zoom: 1;
  /* firefox */ }

* {
  margin: 0;
  padding: 0; }

img {
  vertical-align: bottom; }

html, body {
  width: 100%;
  height: 100%; }

ul, li {
  list-style: none; }

b {
  font-weight: bold; }

iframe {
  width: 686px;
  height: 380px;
  border: none;
  outline: none; }

@media screen and (max-width: 1028px) {
iframe {
   width: 100%;
   height: 200px; }
}

p {
  margin: 0; }

.n {
    padding:0 !important;
}

.cc-m-hgrid-column .n {
    padding:0 !important;
}

/* ==========================================================================
  Base
========================================================================== */
* {
  box-sizing: border-box; }

body {
  color: #000000;
  font-size: 15px;
  line-height: 1.7;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: "Noto Serif JP", serif !important; }
  @media screen and (max-width: 1028px) {
    body {
      font-size: 14px; } 
}
.subnavigation-colors a, .subnavigation-colors a:link, .subnavigation-colors a:visited {
  text-decoration: none;
}

.container {
  overflow: hidden; }

.wrapper {
  position: relative; }
.content_area {
  max-width: 1080px;
}
@media screen and (max-width: 1028px) {
    .content_area {
        max-width: 90%;
    }
}
.cont-inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 0; }
  @media screen and (max-width: 1028px) {
    .cont-inner {
      max-width: 90%;
      padding: 30px 0 30px; } }

img {
  width: 100%;
  height: auto; }

@media screen and (max-width: 1028px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 1029px) {
  .sp {
    display: none !important; } }

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  z-index: 0; }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 0; }

.caution {
  font-size: 12px !important; }

.hide {
  opacity: 0;
  transform: scale(1.1);
  -webkit-transition: all .6s;
  transition: all .6s; }

.none {
  display: none; }

.hide-bottom {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0; }
  @media screen and (max-width: 1028px) {
    .hide-bottom {
      -webkit-transform: translate(0, 25px);
      transform: translate(0, 25px); } }

.hide-top {
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0; }
  @media screen and (max-width: 1028px) {
    .hide-top {
      -webkit-transform: translate(0, -25px);
      transform: translate(0, -25px); } }

.moves {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 1; }

.fadein {
  display: none; }


.mainNav1 {
  text-decoration: none;
}
a:link,
a:visited
{
    text-decoration: none; /* fix */
    color:#000000;
}
/* ==========================================================================
 header
========================================================================== */
/* ==========================================================================
 検索窓
========================================================================== */
.search-form {
  margin-top: 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #A3985E; }
  .search-form input {
    /*width: 250px;*/
    width: 465px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 1em;
    outline: none; }
  .search-form input::placeholder {
    color: #000000; }
  .search-form button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 45px;
        border: none;
        border-radius: 0 3px 3px 0;
        background-color: #ffffff;
        cursor: pointer;
    }
    .search-form button::after {
      width: 24px;
      height: 24px;
      background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-search.png?t=1712721049);
      background-repeat: no-repeat;
      content: ''; }
  .search-form #searchbn {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    margin-left: 10px; }
  #searchbn {
      width: 24px;
      height: 24px;
      padding:0;
    }
.contact-cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
@media screen and (max-width: 1028px){
  .contact-cont {
    text-align: center;
    display:block;}
}
  .contact-cont .contact-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 40px;
    font-size: 0.8rem;
    font-weight: 500; }
    @media screen and (max-width: 1028px) {
      .contact-cont .contact-btn {
        margin-right: 0;
        font-size: 1rem;
        margin: 20px; } }
    .contact-cont .contact-btn::before {
content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-contact.png?t=1713506807);
      color: #A3985E;
      margin: 10px 5px 5px 10px; }
      @media screen and (max-width: 1028px) {
        .contact-cont .contact-btn::before {
content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-contact-b.png?t=1712721042);
          width: 22px; } }
  .contact-cont .site-search {
    margin-top: 0px;
    border-radius: 52px;
    height: 28px;
    border: 1px solid #A3985E; }
    .contact-cont .site-search input {
      width: 120px;
      height: 28px;
      font-size: -0.8rem; }
      .contact-cont .site-search input::placeholder {
        color: #777;
        font-size: 0.8rem; }
    .contact-cont .site-search button::after {
      width: 18px;
      height: 18px;
      background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-search-g.png?t=1712721026);
      background-repeat: no-repeat;
      content: ''; }

/* ======= googleカスタム検索　=======　*/
  .contact-cont #___gcse_1 {
    display: none; }
　　　　table.gsc-search-box td.gsc-input{
    padding-right: 0;}
  @media screen and (max-width: 1028px) {
      .contact-cont #___gcse_1 {
      	display: block;
        margin-left:20px; } }
  @media screen and (max-width: 790px) {
      .contact-cont #___gcse_1 {
      	display: block;
        margin-left:0;
        margin-top:20px; } }
  @media screen and (max-width: 1028px) {
      .contact-cont #___gcse_1 .gsc-input {
      	font-size: 14px; } }
  .contact-cont form.gsc-search-box {
    margin-bottom: 0; }
  .table.gsc-search-box {
    margin-bottom: 0; }
  .contact-cont .gsc-control-cse {
    border-radius: 52px;
    border: 1px solid #A3985E;
    padding: 0; }
  .contact-cont .gsc-input-box {
    border-radius: 52px;
    height: 28px;
    border: none;
    min-width: 200px; }

  @media screen and (max-width: 1028px){
      .contact-cont .gsc-input-box {
       height: auto;}
  }

  .contact-cont .gsst_a::before {
    display: none; }
  .contact-cont .gsc-search-button-v2 {
    font-size: 0;
    padding: 4px 10px;
    width: auto;
    vertical-align: middle;
    border: none;
    border-radius: 2px;
    border-color: #fff0;
    background-color: #fff0; }
  .contact-cont .gsc-search-button-v2 svg {
    fill: #A3985E; }
  .contact-cont .gsc-search-button:hover {
    background-color: #fff0;
    opacity: 0.7;
    transition: 0.3; }
.gsst_a .gscb_a {
    color: #a3985e;
    cursor: pointer;
}

/* ======= googleカスタム検索　=======　*/

.jodosyu-header {
  position: fixed;
  background-color: #fff;
  padding: 10px 20px;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  line-height: 1;
  border-bottom: 3px solid #000000;
  height: 110px; }
  @media screen and (max-width: 1028px) {
    .jodosyu-header {
      height: 60px;
      top: 0; } }
.jodosyu-header a {
  text-decoration:none!important;
}
.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }

.header-cont {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: end;
  flex-direction: column; }
  @media screen and (max-width: 1028px) {
    .header-cont {
      display: none;
      position: fixed;
      z-index: 1;
      top: 60px;
      left: 0;
      width: 100%;
      height: auto;
      background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-01.png?t=1712561958);
      background-repeat: repeat;
      padding: 10%; } }

.header-logo {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 50; }
  @media screen and (max-width: 1028px) {
    .header-logo {
      position: static; } }
  .header-logo img {
    width: 230px; }
    @media screen and (max-width: 390px) {
      .header-logo img {
        width: 60%; } }

nav {
  text-align: center; }
  nav ul {
    list-style: none;
    display: flex;
    justify-content: end; }
    @media screen and (max-width: 1028px) {
      nav ul {
        display: block; } }
    nav ul ul {
      display: block; }
    nav ul li {
      height: 60px; }
      @media screen and (max-width: 1028px) {
        nav ul li {
          text-align: left;
          border-bottom: 1px solid #ffffff5c;
          height: auto;
          position: relative; }

        nav ul .arrow::after {
            position: absolute;
            top: 11px;
            right: 0;
            content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow-w.png?t=1712731851);
            color: #A3985E;
            margin: 8px 5px 5px 10px; } }

        nav ul li:last-child a {
            padding: 10px 0 5px 20px; 
        }
            @media screen and (max-width: 1028px) {
            nav ul li:last-child a {
                padding: 20px 0; }
            }

      @media screen and (max-width: 1028px) {
        nav ul li:first-child a {
          border-top: 1px solid #ffffff5c; } }
      nav ul li a {
        display: block;
        text-decoration: none;
        color: #000000;
        padding: 10px 20px 5px;
        transition: all .3s;
        font-weight: 500; }
        @media screen and (max-width: 1028px) {
          nav ul li a {
            padding: 20px 0; } }
        nav ul li a:hover {
          opacity: 0.7; }
        nav ul li a span {
          font-size: 0.6rem; }
      nav ul li li:last-child a {
        padding: 10px 35px; }
      nav ul li li a {
        padding: 10px 35px; }

nav li.has-child .nav-sub {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, 19%);
  -webkit-transform: translate(-50%, 19%);
  -ms-transform: translate(-50%, 19%);
  z-index: 4;
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-01.png?t=1712561958);
  background-repeat: repeat;
  width: 100vw;
  height: 260px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s; }
  @media screen and (max-width: 1028px) {
    nav li.has-child .nav-sub {
      display: block;
      position: static;
      transform: none;
      z-index: 4;
      background: none;
      width: auto;
      visibility: visible;
      opacity: 1;
      -webkit-transition: all .3s;
      transition: all .3s; } }

nav li.has-child:hover > .nav-sub,
nav li.has-child .nav-sub li:hover > .nav-sub,
nav li.has-child:active > .nav-sub,
nav li.has-child .nav-sub li:active > .nav-sub {
  visibility: visible;
  opacity: 1; }

.has-child .cont-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 0; }

  @media screen and (max-width: 1028px) {
    .has-child .cont-inner {
      padding: 0; } }

.has-child .jp-inner {
    padding: 40px 0;
}
  @media screen and (max-width: 1028px) {
    .has-child .jp-inner {
        padding: 0; 
    }
}
  @media screen and (max-width: 1028px) {
    .has-child .kk-inner {
        padding: 0; 
    }
}
  .has-child .cont-inner img {
    width: 270px;
    height: 180px;
    object-fit: cover; }
  .has-child .cont-inner .nav-sub-cont {
    color: #fff;
    text-align: left;
    width: 750px; }
    .has-child .cont-inner .nav-sub-cont .ttl {
      font-size: 2rem;
      line-height: 1.5rem; }
      .has-child .cont-inner .nav-sub-cont .ttl span {
        font-size: 1rem; }
    .has-child .cont-inner .nav-sub-cont ul {
      margin-top: 10px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: flex-start; }
      .has-child .cont-inner .nav-sub-cont ul li {
        border: 1px solid #fff;
        width: 180px;
        height: 35px;
        position: relative;
        margin: 0 10px 10px 0; }
        .has-child .cont-inner .nav-sub-cont ul li::after {
          position: absolute;
          top: 0;
          right: 0;
content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow-w.png?t=1712731851);
          color: #A3985E;
          margin: 8px 5px 5px 10px; }
        .has-child .cont-inner .nav-sub-cont ul li:hover {
          opacity: 0.7; }
        .has-child .cont-inner .nav-sub-cont ul li a {
          color: #fff;
          padding: 10px;
          text-decoration: none !important;}
        .has-child .cont-inner .nav-sub-cont ul .top-back {
          border: none;}
        .has-child .cont-inner .nav-sub-cont ul .top-back a{
          margin-top: -15px;}
    .has-child .cont-inner .nav-sub-cont .top-link a {
      display: inline-block;
      position: relative;
      color: #fff;
      padding: 0 30px 0 0; }
      .has-child .cont-inner .nav-sub-cont .top-link a::after {
        position: absolute;
        top: 0;
        right: 0;
content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow-w.png?t=1712731851);
        color: #A3985E;
        margin: 0 0 10px; }

nav li.has-child ul li:last-child > a {
  border-bottom: none; }

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active {
  background: #A3985E; }
  @media screen and (max-width: 1028px) {
    nav li.has-child ul li a:hover,
    nav li.has-child ul li a:active {
      background-color: none;
      opacity: 0.7; } }

.menu {
  position: fixed;
  cursor: pointer;
  right: 2%;
  width: 60px;
  height: 60px;
  z-index: 100;
  top: 4%;
  border-radius: 50%; }
  @media screen and (min-width: 1029px) {
    .menu {
      display: none; } }
  @media screen and (max-width: 1028px) {
    .menu {
      top: 0; } }
  .menu span {
    background-color: #000000;
    transition: all .2s;
    position: absolute;
    width: 32px;
    height: 2px;
    left: 14px; }
    .menu span:nth-child(1) {
      top: 20px; }
    .menu span:nth-child(2) {
      top: 28px; }
    .menu span:nth-child(3) {
      top: 36px; }

.active span {
  transition: all .2s;
  background-color: #000000; }
  .active span:nth-child(1), .active span:nth-child(3) {
    transform-origin: center center;
    -webkit-transform-origin: center center; }
  .active span:nth-child(1) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 28px; }
  .active span:nth-child(2) {
    display: none; }
  .active span:nth-child(3) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 32px;
    top: 28px; }

.toggle_title {
  display: block;
  position: relative;
  text-decoration: none;
  color: #000000;
  padding: 20px 0;
  transition: all .3s;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #ffffff5c; }
  .toggle_title span {
    font-size: 0.6rem; }

.toggle_btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%; }

.toggle_btn:before, .toggle_btn:after {
  display: block;
  content: '';
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.toggle_btn:before {
  width: 1px;
  height: 10px; }

.toggle_title.selected .toggle_btn:before {
  content: normal; }

.toggle_contents dd {
  display: none; }

.toggle_contents dd ul {
  margin-top: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start; 
}
.toggle_contents dd ul li {
  border: 1px solid #ffffff5c;
  width: 48%;
  height: 35px;
  position: relative;
  margin: 0 10px 10px 0; 
}
.toggle_contents dd ul li .fs-small {
    font-size: 0.85rem;
    letter-spacing: -0.2rem;
}
.toggle_contents dd ul li:nth-child(2n) {
  margin: 0 0 10px 0; }
.toggle_contents dd ul li::after {
  position: absolute;
  top: 0;
  right: 0;
  content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow-w.png?t=1712731851);
  color: #A3985E;
  margin: 8px 5px 5px 10px; }
.toggle_contents dd ul li:hover {
  opacity: 0.7; }
.toggle_contents dd ul li a {
  color: #fff;
  padding: 10px; 
}

.toggle_contents dd ul li a:last-child{
  padding: 10px !important;
}

/* ==========================================================================
footer
========================================================================== */
footer {
background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/canons-bg.png?t=1712562023);
  text-align: center; }
  footer .footer-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 0 0; }
    @media screen and (max-width: 1028px) {
      footer .footer-inner {
        width: 100%;
        padding: 30px 0 0; } }
  footer .footer-inner a {
    text-decoration:none !important;
}
    footer .footer-inner .footer-logo {
      width: 250px;
      margin: 0 auto; }
    footer .footer-inner .navi {
      margin: 30px auto; }
      @media screen and (max-width: 1028px) {
        footer .footer-inner .navi {
          width: 80%;
          margin: 30px auto 0; } }
      footer .footer-inner .navi ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center; }
        @media screen and (max-width: 1028px) {
          footer .footer-inner .navi ul {
            justify-content: start; } }
        footer .footer-inner .navi ul li {
          margin: 0 20px;
          line-height: 1.2; }
          @media screen and (max-width: 1028px) {
            footer .footer-inner .navi ul li {
              margin: 0 0 20px;
              line-height: 1.2;
              width: 50%; }
              footer .footer-inner .navi ul li:nth-child(odd) {
                border-left: 1px solid #777;
                border-right: 1px solid #777; }
              footer .footer-inner .navi ul li:nth-child(even) {
                border-right: 1px solid #777; } }
          footer .footer-inner .navi ul li a {
            font-weight: 900; }
    footer .footer-inner .contact-cont {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 1028px) {
        footer .footer-inner .contact-cont {
          flex-direction: column;
          margin-top: 0; } }
      footer .footer-inner .contact-cont a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        margin-right: 40px;
        font-size: 0.8rem;
        font-weight: 500; }
        @media screen and (max-width: 1028px) {
          footer .footer-inner .contact-cont a {
            font-size: 1.1rem;
            margin: 0;
            margin-bottom: 20px; } }
        footer .footer-inner .contact-cont a::before {
          content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-contact.png?t=1713506807);
          color: #A3985E;
          margin: 10px 5px 5px 10px; }
      footer .footer-inner .contact-cont .site-search {
        margin-top: 0px;
        border-radius: 52px;
        height: 28px;
        border: 1px solid #A3985E; }
        footer .footer-inner .contact-cont .site-search input {
          width: 120px;
          height: 28px;
          font-size: -0.8rem; }
          footer .footer-inner .contact-cont .site-search input::placeholder {
            color: #777;
            font-size: 0.8rem; }
        footer .footer-inner .contact-cont .site-search button::after {
          width: 18px;
          height: 18px;
          background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-search-g.png?t=1712721026);
          background-repeat: no-repeat;
          content: ''; }
    footer .footer-inner .footer-bnr {
      width: 736px;
      margin: 30px auto;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-around; }
      @media screen and (max-width: 1028px) {
        footer .footer-inner .footer-bnr {
          width: 100%;
          justify-content: center; } }
      footer .footer-inner .footer-bnr img {
        height: 38px;
        width: auto; }
        @media screen and (max-width: 1028px) {
          footer .footer-inner .footer-bnr img {
            height: 35px;
            margin: 5px auto;
            padding: 0 5px; } }
footer .copylight {
    background-color: #A3985E;
    padding: 0 0 20px;}
footer .copylight small {
    font-size: 0.8rem;
    font-family: sans-serif;
    color: #fffffff; }
.leftrow {
    color: #ffffff !important;
    width: 100% !important;
    text-align: center !important;}

.cc-nav-level-1 {
   width: 80px;
}
footer .footer-inner .navi ul .jmd-nav__list-item-1 {
   margin:0;
}
footer .footer-inner .navi ul .jmd-nav__list-item-2 {
   margin:0;
}
.cc-nav-level-1 a{
   font-size:0.8rem;}
.cc-nav-level-2 {
   width: 100%;
}
.cc-nav-level-2 a{
   font-size: 0.5rem;
　　　　　　line-height: 1.2rem;
}


/*============ footer side navi ============*/
footer .footer-inner .link {
    max-width: 600px;
    margin: 0 auto;
}
@media screen and (max-width: 390px) {
    footer .footer-inner .link {
    max-width: 90%;} 
}
footer .footer-inner .link a::before {
    content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bar.png?t=1716950995);
    color: #A3985E;
    margin-right: 10px;
    padding-bottom: 8px; }

@media screen and (max-width: 390px){
   #cc-m-12209438593.j-hgrid {
      max-width:100%;
   }
}
@media screen and (max-width: 390px){
   #cc-m-12209438593 {
       
   }
}
@media screen and (max-width: 390px){
   #cc-m-12209438593.j-hgrid .cc-m-hgrid-column {
       width:100% !important;
       height: 35px;
   }
}



/* ==========================================================================
MV
========================================================================== */
.mv-area {
  padding-top: 100px; }
  @media screen and (max-width: 1028px) {
    .mv-area {
      padding-top: 60px; } }

/* ==========================================================================
NEWS
========================================================================== */
#cc-m-12239933793 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0;
}
#cc-m-12245919593 {
    display:none;
}
  @media screen and (max-width: 1028px) {
    #cc-m-12245919593 {
      display: block; 
      width:35%;} 
  }
@media screen and (max-width: 1028px){
    #cc-m-12242946293 #cc-matrix-3281024293{
      display:none;
    }
}
@media screen and (max-width: 1028px){
    .cc-m-hgrid-column.last {
        float: right;
        padding: 0;
        width: 100% !important;
    }  
} 
   

.news-area .news-cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (max-width: 1028px) {
    .news-area .news-cont {
      display: block; } }
  @media screen and (max-width: 1028px) {
    .news-area .news-cont h2 {
      text-align: center;
      padding: 20px 0; } }
  .news-area .news-cont h2 img {
    width: 180px; }
    @media screen and (max-width: 390px) {
      .news-area .news-cont h2 img {
        width: 120px; 
        margin: 0 auto;} }
  .news-area .news-cont ul {
    width: 850px;
    margin-left: 50px; }
    @media screen and (max-width: 1028px) {
      .news-area .news-cont ul {
        width: 100%;
        margin-left: 0;
        margin: 0 auto; } }
    .news-area .news-cont ul li {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 20px;
      border-bottom: 1px solid #CCC;
      margin-bottom: 20px; }
      .news-area .news-cont ul li .date {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        margin-right: 20px; }
        .news-area .news-cont ul li .date::before {
          content: "■";
          font-size: 80%;
          color: #A3985E;
          margin-right: 10px; }
      .news-area .news-cont ul li .ttl {
        display: flex;
        width: 730px; }
.news-area .news-btn {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: left;
  align-items: center;
  font-weight: 900; }
  .news-area .news-btn::after {
    content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow.png?t=1712731842);
    color: #A3985E;
    margin: 8px 5px 5px 10px; }
.news-area .topics-cont {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/topics-bg.png?t=1712636383);
  background-repeat:repeat;
  background-size: auto;
  padding: 32px;
  margin-top: 56px;
  border-top: 4px solid #A3985E; }
  @media screen and (max-width: 1028px) {
    .news-area .topics-cont {
      width: 100%;
      margin: 30px auto;
      padding: 20px; } }
  .news-area .topics-cont h2 {
    width: 150px;
    margin: 0 auto; }
    @media screen and (max-width: 1028px) {
      .news-area .topics-cont h2 {
        width: 120px;
        margin: 10px auto; } }
  .news-area .topics-cont .cont-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 850px;
    margin: 30px auto; }
    @media screen and (max-width: 1028px) {
      .news-area .topics-cont .cont-item {
        width: 100%;
        margin: 30px auto 0; } }
    @media screen and (max-width: 390px) {
      .news-area .topics-cont .cont-item {
        display: block;
        width: 100%;
        margin: 30px auto 0; } }
    .news-area .topics-cont .cont-item .item {
      width: 400px; }
      @media screen and (max-width: 1028px) {
        .news-area .topics-cont .cont-item .item {
          width: 48%;
          margin-bottom: 30px; } }
      @media screen and (max-width: 390px) {
        .news-area .topics-cont .cont-item .item {
          width: 100%;
          margin-bottom: 30px; } }
      .news-area .topics-cont .cont-item .item p {
        font-size: 1.2rem;
        margin-top: 10px; }
        @media screen and (max-width: 1028px) {
          .news-area .topics-cont .cont-item .item p {
            font-size: 1rem; } }

#cc-m-12242946293 {
  width: 1080px; 
  margin: 30px auto;
}
#cc-matrix-3280036193 .j-module {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}
#cc-matrix-3280036193 .j-text {
    width:100%;
}
#cc-matrix-3280036193 .j-module:last-child {
	border-bottom: none;
}
#cc-matrix-3280036193 .j-module p {
    padding-bottom: 20px;
}
#cc-matrix-3280036193 .j-module p::before {
    content: "■";
    font-size: 80%;
    color: #A3985E;
    margin-right: 10px; 
}
#cc-m-12242952393 {
  width: 1080px; 
  margin: 0 auto 50px;
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/topics-bg.png?t=1712636383);
  background-repeat:repeat;
  background-size: auto;
  padding: 32px 80px !important;
}
@media screen and (max-width: 1028px) {
   #cc-m-12242952393 {
       padding: 32px 10px !important;
   }
}
@media screen and (max-width: 1028pxx) {
   #cc-m-12242952393 .cc-m-hgrid-column {
       width:100% !important;
   }
}

@media screen and (max-width: 1028px) {
   #cc-m-12242952393 .j-text {
       margin:0 auto;
   }
}
@media screen and (max-width: 1028px) {
  .cc-m-hgrid-column{
     width:100% !important;
  }
}

#cc-m-12242952393 .j-text {
  font-size: 1.2rem;
  margin-top: 10px; }

#cc-m-12243019693 {
  border-top: 4px solid #A3985E; 
  width: 1080px; 
  margin: 0 auto;
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/topics-bg.png?t=1712636383);
  background-repeat:repeat;
  background-size: auto;
  padding: 32px;
}
#cc-m-12243019693 img {
    width: 150px;
    margin: 50px auto 0; }

@media screen and (max-width: 390px){
    #cc-m-12243019693 img {
        width: 120px;
        margin: 30px auto 0; } }


/* ==========================================================================
CANONS
========================================================================== */
.canons-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/canons-bg.png?t=1712562023); }
.bg-w {
  background: #ffffff;
}
  .canons-area h2 {
    width: 330px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 1028px) {
      .canons-area h2 {
        width: 250px;
        padding-top: 40px; } }
  .canons-area .canons-lead {
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 1028px) {
      .canons-area .canons-lead {
        width: 90%;
        text-align: left;
        margin: 0 auto 40px; } }
  .canons-area .search-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 1028px) {
      .canons-area .search-area {
        margin: 0 auto; } }
    .canons-area .search-area .search-cont {
      background-color: #fff;
      /*padding: 20px;*/
      padding: 20px 40px;
      /*width: 346px;*/
      width: 600px;
      box-shadow: 0px 0px 12px -5px #777777; }
      @media screen and (max-width: 1028px) {
        .canons-area .search-area .search-cont {
          width: auto;
          max-width: 320px;
          margin: 0 auto 40px;
          padding:20px;} }
      .canons-area .search-area .search-cont .ttl {
        text-align: center;
        font-size: 1.2rem;
        font-weight: 900;
        margin: 25px auto; }
        @media screen and (max-width: 1028px) {
          .canons-area .search-area .search-cont .ttl {
            font-size: 1.3rem;
            margin: 15px auto; } }
      @media screen and (max-width: 1028px) {
        .canons-area .search-area .search-cont .search-form input {
          width: 230px; } }
    .canons-area .search-area .bnr-btn {
      margin: 30px auto 0;
      text-align: center; }
      .canons-area .search-area .bnr-btn img {
        height: 39px;
        width: auto; 
        margin: 0 auto; }
    .canons-area .search-area .web {
      border-top: 3px solid #A3985E; }
      .canons-area .search-area .web .ttl {
        color: #A3985E; }
        @media screen and (max-width: 1028px) {
          .canons-area .search-area .web .ttl {
            margin: 30px auto; } }
    .canons-area .search-area .web {
      border-top: 3px solid #A3985E; }
      .canons-area .search-area .web .ttl {
        color: #A3985E; }
    .canons-area .search-area .data {
      border-top: 3px solid #50588F; }
      .canons-area .search-area .data .ttl {
        margin: 0 auto 20px;
        color: #50588F; }
      .canons-area .search-area .data .search-form {
        border: 2px solid #50588F; }
    .canons-area .search-area .sandaizou {
      border-top: 3px solid #9F594F; }
      .canons-area .search-area .sandaizou .ttl {
        margin: 0 auto 20px;
        color: #9F594F; }
      .canons-area .search-area .sandaizou .search-form {
        border: 2px solid #9F594F; }
.canons-area h3 {
  text-align: center;
  margin: 50px auto 30px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1028px){
  .canons-area h3 {
  margin: 0 auto 30px;
}
}
.canons-area .canons-text{
    margin: 0 auto 30px;
}
.canons-area .canons-img {
  width:400px;
  margin: 0 auto;
}
@media screen and (max-width: 1028px){
.canons-area .canons-img {
  width:100%;
}
}

/* ==========================================================================
ABOUT
========================================================================== */
.about-area {
  background-color: #000000; }
  .about-area .wrapper {
    padding: 50px;
    background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/cont-1-0603.png?t=1717383767);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-position: right; }
    @media screen and (max-width: 1028px) {
      .about-area .wrapper {
        background-image: none;
        padding: 0; } }
    .about-area .wrapper .cont-inner {
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: start; }
      .about-area .wrapper .cont-inner .about-cont {
        width: 568px;
        border: 1px solid #A3985E;
        background: #000000cf;
        padding: 36px;
        color: #fff;
        position: relative; }
        @media screen and (max-width: 1028px) {
          .about-area .wrapper .cont-inner .about-cont {
            width: 90%;
            margin: 20px auto;
            padding: 30px 20px; } }
        .about-area .wrapper .cont-inner .about-cont::before {
          position: absolute;
          top: 5px;
          left: 5px;
          content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/frame5.png?t=1712721623);}
        .about-area .wrapper .cont-inner .about-cont .ttl {
          margin-bottom: 30px; }
          .about-area .wrapper .cont-inner .about-cont .ttl p {
            font-size: 2rem;
            font-weight: 900;
            line-height: 1.5rem; 
             color:#ffffff;}
          .about-area .wrapper .cont-inner .about-cont .txt {
            color:#ffffff;}
            @media screen and (max-width: 1028px) {
              .about-area .wrapper .cont-inner .about-cont .ttl p {
                font-size: 1.8rem;
                text-align: center; } }
            .about-area .wrapper .cont-inner .about-cont .ttl p .en {
              font-size: 0.9rem; }
        @media screen and (max-width: 1028px) {
          .about-area .wrapper .cont-inner .about-cont .about-btn {
            text-align: center; } }
        .about-area .wrapper .cont-inner .about-cont .about-btn img {
          margin-top: 30px;
          width: 220px; }
          @media screen and (max-width: 1028px) {
            .about-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 60%;
              height: auto;
              margin: 30px auto 0; } }
          @media screen and (max-width: 390px) {
            .about-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 80%;
              height: auto;
              margin: 30px auto 0; } }

/* ==========================================================================
EVENT
========================================================================== */
.event-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-01.png?t=1712561958);
  background-repeat:repaet;
  background-size: auto; }
  .event-area .wrapper {
    padding: 50px;
    background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/cont-2-0603.jpg?t=1717384438);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-position: left; }
    @media screen and (max-width: 1028px) {
      .event-area .wrapper {
        background-image: none;
        padding: 0; } }
    .event-area .wrapper .cont-inner {
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: end; }
      .event-area .wrapper .cont-inner .about-cont {
        width: 568px;
        border: 1px solid #ffffff66;
        background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-02.png?t=1712561965); repeat;
        background-size: auto;
        padding: 36px;
        color: #fff;
        position: relative; }
        @media screen and (max-width: 1028px) {
          .event-area .wrapper .cont-inner .about-cont {
            width: 90%;
            margin: 20px auto;
            padding: 30px 20px; } }
        .event-area .wrapper .cont-inner .about-cont::before {
          position: absolute;
          top: 5px;
          left: 5px;
          content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/frame6.png?t=1712721630);}
        .event-area .wrapper .cont-inner .about-cont .ttl {
          margin-bottom: 30px; }
          .event-area .wrapper .cont-inner .about-cont .ttl p {
            font-size: 2rem;
            font-weight: 900;
            line-height: 1.5rem; }
            @media screen and (max-width: 1028px) {
              .event-area .wrapper .cont-inner .about-cont .ttl p {
                font-size: 1.8rem;
                text-align: center; } }
            .event-area .wrapper .cont-inner .about-cont .ttl p .en {
              font-size: 0.9rem; }
        @media screen and (max-width: 1028px) {
          .event-area .wrapper .cont-inner .about-cont .about-btn {
            text-align: center; } }
        .event-area .wrapper .cont-inner .about-cont .about-btn img {
          margin-top: 30px;
          width: 220px; }
          @media screen and (max-width: 1028px) {
            .event-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 60%;
              height: auto;
              margin: 30px auto 0; } }
          @media screen and (max-width: 390px) {
            .event-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 80%;
              height: auto;
              margin: 30px auto 0; } }

/* ==========================================================================
ARCHIVES
========================================================================== */
.archives-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-03.png?t=1712561972);}
  .archives-area .wrapper {
    padding: 50px;
    background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/cont-3-0603.png?t=1717384431);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-position: right; }
    @media screen and (max-width: 1028px) {
      .archives-area .wrapper {
        background-image: none;
        padding: 0; } }
    .archives-area .wrapper .cont-inner {
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: start; }
      .archives-area .wrapper .cont-inner .about-cont {
        width: 568px;
        border: 1px solid #A3985E;
        background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/bg-04.png?t=1712561980);
        padding: 36px;
        color: #fff;
        position: relative; }
        @media screen and (max-width: 1028px) {
          .archives-area .wrapper .cont-inner .about-cont {
            width: 90%;
            margin: 20px auto;
            padding: 30px 20px; } }
        .archives-area .wrapper .cont-inner .about-cont::before {
          position: absolute;
          top: 5px;
          left: 5px;
          content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/frame5.png?t=1712721623);}
        .archives-area .wrapper .cont-inner .about-cont .ttl {
          margin-bottom: 30px; }
          .archives-area .wrapper .cont-inner .about-cont .ttl p {
            font-size: 2rem;
            font-weight: 900;
            line-height: 1.5rem; 
            color:#ffffff;}
          .archives-area .wrapper .cont-inner .about-cont .txt {
            color:#ffffff;}
            @media screen and (max-width: 1028px) {
              .archives-area .wrapper .cont-inner .about-cont .ttl p {
                font-size: 1.8rem;
                text-align: center; } }
            .archives-area .wrapper .cont-inner .about-cont .ttl p .en {
              font-size: 0.9rem; }
        @media screen and (max-width: 1028px) {
          .archives-area .wrapper .cont-inner .about-cont .about-btn {
            text-align: center; } }
        .archives-area .wrapper .cont-inner .about-cont .about-btn img {
          margin-top: 30px;
          width: 220px; }
          @media screen and (max-width: 1028px) {
            .archives-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 60%;
              height: auto;
              margin: 30px auto 0; } }
          @media screen and (max-width: 390px) {
            .archives-area .wrapper .cont-inner .about-cont .about-btn img {
              width: 80%;
              height: auto;
              margin: 30px auto 0; } }


.pankuzu {
  width: 1080px;
  margin: 20px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 1028px) {
    .pankuzu {
      max-width: 90%; } }
  .pankuzu li {
    margin-right: 10px; }
    .pankuzu li::after {
      content: ">";
      margin-left: 10px; }
    .pankuzu li:last-child::after {
      content: none; }

.cont-box {
  margin-bottom: 50px; }
  .cont-box h3 {
    font-size: 1.7rem;
    font-weight: 900;
    border-bottom: 3px solid #A3985E;
    margin-bottom: 20px; }
    @media screen and (max-width: 1028px) {
      .cont-box h3 {
        text-align: center;
        font-size: 1.5rem; } }

.aboutcont-area .cont-box .cont-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 1028px) {
    .aboutcont-area .cont-box .cont-flex {
      flex-direction: column-reverse; } }
  .aboutcont-area .cont-box .cont-flex .text-area {
    width: 850px; }
    @media screen and (max-width: 1028px) {
      .aboutcont-area .cont-box .cont-flex .text-area {
        width: 100%; } }
  .aboutcont-area .cont-box .cont-flex .img-area {
    width: 200px; }
    @media screen and (max-width: 1028px) {
      .aboutcont-area .cont-box .cont-flex .img-area {
        margin: 20px auto; } }
    .aboutcont-area .cont-box .cont-flex .img-area p {
      margin-top: 10px;
      text-align: center; }
.aboutcont-area .cont-box .pamphlet p {
  margin: 20px auto; }
.aboutcont-area .cont-box .pamphlet .img-area {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between; }
  .aboutcont-area .cont-box .pamphlet .img-area img {
    width: 48%; }
    @media screen and (max-width: 1028px) {
      .aboutcont-area .cont-box .pamphlet .img-area img {
        width: 100%; } }
    @media screen and (max-width: 1028px) {
      .aboutcont-area .cont-box .pamphlet .img-area img:first-child {
        margin-bottom: 20px; } }
.aboutcont-area .cont-box table, .aboutcont-area .cont-box tbody, .aboutcont-area .cont-box tr, .aboutcont-area .cont-box th {
  border: 1px solid #A3985E; }
.aboutcont-area .cont-box table {
  margin-top: 30px;
  width: 100%; }
.aboutcont-area .cont-box th, .aboutcont-area .cont-box td {
  padding: 20px; }
.aboutcont-area .cont-box th {
  width: 18%;
  background-color: #a3985e42;
  position: relative; }

  .aboutcont-area .cont-box th p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media screen and (max-width: 1028px) {
      .aboutcont-area .cont-box th p {
        position: relative;
        top: auto;
        left: auto;
        transform: unset; } }
@media screen and (max-width: 1028px) {
  .aboutcont-area .cont-box .pd {
    padding: 0;
    min-height: 50px; } }
.aboutcont-area .cont-box td {
  width: 85%; }
.aboutcont-area .map-cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px; }
  .aboutcont-area .map-cont .text {
    width: 600px; }
    .aboutcont-area .map-cont .text .facility {
      font-weight: 900;
      font-size: 1.2rem; }
    .aboutcont-area .map-cont .text p {
      margin-bottom: 10px; }

}

/*====================================下層デザイン====================================*/
#cc-m-12241208193 {
    width: 800px;
}


/*============= width =============*/

.j-header,.j-text,.j-hgrid,.j-imageSubtitle,.j-downloadDocument,.j-gallery,.j-video,.j-static-page{
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 30px;
}
@media screen and (max-width: 1028px) {
    .j-header,.j-text,.j-hgrid,.j-imageSubtitle,.j-downloadDocument,.j-gallery,.j-video,.j-static-page{
    max-width: 90%;
    margin-bottom: 20px; } 
}



.cc-m-gallery-cool-item a img {
    width:auto !important;
}
.cc-m-frame {
    margin: 0 auto;
}
#cc-m-12239893793.j-hgrid{
   max-width: 100%;
}
@media screen and (max-width: 1028px) {
#cc-m-12239893793.j-hgrid{
   max-width: 100% !important;
} 
}
.ui-widget {
    max-width: 1080px;
    margin: 0 auto;
}

#cc-m-12252583593,#cc-m-12252602493,#cc-m-12252602693,#cc-m-12252602993,
#cc-m-12252603993,#cc-m-12252604193{
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 100px;
}
@media screen and (max-width: 1028px) {
#cc-m-12252583593,#cc-m-12252602493,#cc-m-12252602693,#cc-m-12252602993,
#cc-m-12252603993,#cc-m-12252604193{
    max-width: 90%;
    margin-bottom: 30px; } 
}
}
.j-htmlCode iframe {
   width:800px !important;
   margin: 0 auto;
}

/*============= 画像 =============*/

.j-imageSubtitle figure{
   border: 1px solid #c6c6c6;
}
.cc-m-gallery-cool-item a img {
    border: 1px solid #c6c6c6;
}
#page-2206763293 .j-imageSubtitle figure{
   border: none;
}
#page-2206770593 .j-imageSubtitle figure{
   border: none;
}
#page-2206764893 .j-imageSubtitle figure{
   border: none;
}
#page-2207152993 .j-imageSubtitle figure{
   border: none;
}
#page-2207153093 .j-imageSubtitle figure{
   border: none;
}

#page-2207467893 .j-imageSubtitle figure{
   border: none;
}


/*============= タイトル =============*/

.j-hgrid a {
  text-decoration: underline !important;
}
.j-header h1 {
  margin-top: 30px;
  font-size: 1.5rem;
  font-weight: 900;
  color: #ffffff;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #A3985E; 
}
@media screen and (max-width: 390px) {
    .j-header h1 {
    font-size: 1.2rem;
    padding: 10px;  
 }

}
.j-header h2 {
  margin-top: 30px;
  font-size: 1.5rem;
  font-weight: 900;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #A3985E; 
}
@media screen and (max-width: 1028px) {
.j-header h2 {
  font-size: 1.2rem;
}
}
.j-header h3 {  
  font-size: 1.5rem;
  font-weight: 900;
  margin: 50px 0 20px;
}
@media screen and (max-width: 1028px){
.j-header h3 {  
  font-size: 1.2rem;
}
}

.j-header h3 {
   border-bottom: 1px solid #a1890c;
   border-top: 1px solid #a1890c;
   padding: 8px 0;
   font-size: 1.3rem;
}
@media screen and (max-width: 1028px){
.j-header h3 {  
  font-size: 1.2rem;
}
}
.syousai-btn {
    text-align: center;
    width: 1080px;
    margin: 50px auto; }
.syousai-btn img {
    width: 580px; }
@media screen and (max-width: 1028px) {
    .syousai-btn img {
     width: 350px; } }
@media screen and (max-width: 390px) {
    .syousai-btn img {
    width: 100%; } }

/*=============サイトマップ=============*/

.j-static-page {
    margin-top: 130px;
}
ul.sitemap, ul.sitemap ul{
　　　　margin-top:200px;
}

/*============= 研究所紹介 =============*/
/*============= パンフサイズ =============*/
#cc-m-gallery-12246042493{
    width:102% !important;
}

/*============= 教化研究・研究成果アーカイブ =============*/

#cc-m-12260927393,#cc-m-12260927893,#cc-m-12260928293,
#cc-m-12260928793,#cc-m-12261028693{
    max-width: 1080px;
    margin: 0 auto 30px;;
}
@media screen and (max-width: 1028px) {
#cc-m-12260927393,#cc-m-12260927893,#cc-m-12260928293,
#cc-m-12260928793,#cc-m-12261028693{
    max-width: 90%;
    margin-bottom: 20px; } 
}

/*============= 研究プロジェクト =============*/

#cc-m-12459690093,#cc-m-12459690293,#cc-m-12459690493,#cc-m-12318691793,#cc-m-12318693593,#cc-m-12318693993,
#cc-m-12318668393,#cc-m-12248719093,#cc-m-12257348993,#cc-m-12257349193,
#cc-m-12248731993,#cc-m-12248733193,#cc-m-12257356393,
#cc-m-12257356693,#cc-m-12257357793,#cc-m-12257357193,#cc-m-12460588393,
#cc-m-12257364093,#cc-m-12257364693,#cc-m-12257364893 {
    max-width: 1080px;
    margin: 0 auto;
}

@media screen and (max-width: 1028px) {
#cc-m-12459690093,#cc-m-12459690293,#cc-m-12459690493,#cc-m-12318691793,#cc-m-12318693593,#cc-m-12318693993,
#cc-m-12318668393,#cc-m-12248719093,#cc-m-12257348993,#cc-m-12257349193,
#cc-m-12248731993,#cc-m-12248733193,#cc-m-12257356393,
#cc-m-12257356693,#cc-m-12257357793,#cc-m-12257357193,#cc-m-12460588393,
#cc-m-12257364093,#cc-m-12257364693,#cc-m-12257364893{
    max-width: 90%;
    margin-bottom: 20px; } 
}

.pj-btn {
    max-width: 1080px;
    font-size: 1.5rem;
    font-weight: 900;
    background-color: #A3985E;
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
}
@media screen and (max-width: 1028px){
    .pj-btn {
        max-width:90%;
    }
}
.pj-btn a{
    color: #fff !important;
    text-decoration: none !important;
    display: block;
}


#cc-m-12459700093 figure,#cc-m-12318695293 figure,#cc-m-12253229993 figure,#cc-m-12253231093 figure, #cc-m-12253231193 figure{
    margin: 50px 0 80px;
    width: 550px;
}

/*============= 研究成果アーカイブ =============*/
#cc-matrix-3279037093 .j-imageSubtitle {
    margin-bottom:80px;
}
@media screen and (max-width: 1028px) {
#cc-matrix-3279037093 .j-imageSubtitle {
    margin-bottom:50px;
}
}
#cc-matrix-3279037093 .j-imageSubtitle .cc-m-image-align-1 {
    width:450px;
}

/*============= 行事案内 =============*/
#cc-m-12257828093 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257828993 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257829193 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257829793 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257830493 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257830793 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}
#cc-m-12257962293 .cc-m-gallery-cool-item a img {
    height: 550px !important;
}

/*============= 関連団体リンク =============*/
#cc-m-12264357193,#cc-m-12264373493 {
    max-width: 1080px;
    margin: 0 auto;
}
@media screen and (max-width: 1028px) {
#cc-m-12264357193{
    max-width: 90%;
    margin-bottom: 20px; } 
}
.link-cont {
   margin-bottom: 40px; 
}
.link-heading {
   font-size:1.2rem;
   font-weight: bold;
   margin: 0 auto 20px;
}
.link-separate {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link-separate p {
  width:45%;
}
/*=============ボタン=============*/

#cc-matrix-3279275193 .j-calltoaction-align-1 {
    width: 1080px;
    margin: 0 auto;
}
#cc-matrix-3279275193 .j-calltoaction-link {
    background-color:#fff!important;
    color:#000000!important;
    border:none;
    text-decoration:underline;
    margin-right: 45px;
    position: relative !important;
}

#cc-m-12243089193 .j-calltoaction-link {
    background-color: white;
    text-decoration: none !important;
　　　　　　　　text-align: center;
    border: none;
    color: #000000 !important;
    padding: 0;
    position: relative !important;
}

#cc-m-12243089193 .j-calltoaction-link::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    position: absolute;
    top: 5px;
    right: -15px;
}

#cc-m-12243051593 .j-calltoaction-link {
    background-color: white;
    text-decoration: none !important;
　　　　　　　　text-align: center;
    border: none;
    color: #000000 !important;
    padding: 0;
    position: relative !important;
}

#cc-m-12243051593 .j-calltoaction-link::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    position: absolute;
    top: 5px;
    right: -15px;
}
.cc-m-download-file-name {
    display:none;
}
.cc-m-download-file-info {
    display:none;
}
.cc-m-download-file-link{
    text-align: center;
    background-color: #000000;
    padding: 15px;
    max-width: 300px;
}
.cc-m-download-file-link a{
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 18px;
}

.j-imageSubtitle .cc-m-image-align-1{
    width:400px;
}



  .project-area .pj-btn a {
    position:relative;
    color: #fff;
    display: block;}
.project-area .pj-btn a::after {
    position: absolute;
    bottom: -3px;
    right: 5px;
    content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/icon-arrow-w.png?t=1712731851);
    color: #A3985E;
    margin: 8px 5px 5px 10px; } 
.project-area p {
margin-top: 20px;}
.project-area .pj-list li {
  margin: 5px; }
.project-area .syousai-btn {
  text-align: center;
  margin-top: 50px; }
  .project-area .syousai-btn img {
    width: 580px; }
    @media screen and (max-width: 1028px) {
      .project-area .syousai-btn img {
        width: 350px; } }
    @media screen and (max-width: 390px) {
      .project-area .syousai-btn img {
        width: 100%; } }

#cc-matrix-3279472893 .j-text {
  width: 1080px;
  margin: 0 auto; }
#cc-matrix-3279472893 .j-text p {
  padding-bottom: 20px;
  border-bottom: 1px solid #A3985E;
  margin-bottom: 20px;
}
#cc-matrix-3279472893 .j-text .pankuzu{
    width: 1080px;
    margin: 20px auto 50px;
    border-bottom: none;}

/*====================================出版物====================================*/
.pabulicat-area h5 {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 900;
  background-color: #A3985E;
  text-align: left;
  padding: 10px;
  margin-bottom: 20px;
  color: #fff; }
  @media screen and (max-width: 1028px) {
    .archive-area h5 {
      font-size: 1rem; } }
.pabulicat-area .cont-inner .cont-box .report-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px; }
.pabulicat-area .cont-inner .cont-box .report-flex .img-area {
    width: 300px;
    margin-right: 50px; }
@media screen and (max-width: 1028px) {
.pabulicat-area .cont-inner .cont-box .report-flex .img-area {
    width: 60%;
    margin: 0 auto 30px; } }

.pabulicat-area .cont-inner .cont-box .detail-cont .text-area  {
    margin-bottom: 50px;
    width: 710px;
　　　　 }

/* ==========================================================================
下層タイトル
========================================================================== */
.ttl-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/canons-bg.png?t=1712562023);
  border-bottom: 6px solid #A3985E;
  margin-top: 100px; }
  @media screen and (max-width: 1028px) {
    .ttl-area {
      margin-top: 60px; } }
  .ttl-area .ttl-inner {
    padding: 50px 0;
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 1028px) {
      .ttl-area .ttl-inner {
        padding: 20px;
        width: 90%; } }
    .ttl-area .ttl-inner h2 {
      text-align: center;
      border-bottom: none !important; }
      .ttl-area .ttl-inner h2 img {
        width: auto;
        height: 250px;
        margin: 0 auto;}
        @media screen and (max-width: 1028px) {
          .ttl-area .ttl-inner h2 img {
            width: 50%; 
            height: auto;} }
        @media screen and (max-width: 390px) {
          .ttl-area .ttl-inner h2 img {
            width: 60%;
            height: auto; } }

.ud-ttl-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/ud-ttl-bg.jpg?t=1712636883);
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 6px solid #d2ccb0;
  margin-top: 100px; }
  @media screen and (max-width: 1028px) {
    .ud-ttl-area {
      margin-top: 60px;
      height: 150px;
      border-bottom: 3px solid #d2ccb0; } }
  .ud-ttl-area .ttl-inner {
    width: 1080px;
    margin: 0 auto; }
    @media screen and (max-width: 1028px) {
      .ud-ttl-area .ttl-inner {
        width: 100%; } }
    .ud-ttl-area .ttl-inner h2 {
      font-size: 2rem;
      font-weight: 900;
      padding-top: 70px;
      text-align: left; }
      @media screen and (max-width: 1028px) {
        .ud-ttl-area .ttl-inner h2 {
          font-size: 1.5rem;
          padding-top: 50px;
          padding-left: 20px; } }

.detail-ttl-area {
  background-image:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/topics-bg.png?t=1712636383);
  background-repeat: repeat;
  position: relative;
  border-bottom: 6px solid #d2ccb0;
  margin-top: 100px; }
  @media screen and (max-width: 1028px) {
    .detail-ttl-area {
      margin-top: 60px;
      height: 150px;
      border-bottom: 3px solid #d2ccb0; } }
  .detail-ttl-area::before {
    position: absolute;
    top: 10px;
    left: 10px;
    content:url(https://u.jimcdn.com/cms/o/sb755bc08055c93c1/userlayout/img/frame5.png?t=1712721623);}
  .detail-ttl-area .ttl-inner {
    width: 1080px;
    margin: 0 auto;
    padding: 50px 0; }
    @media screen and (max-width: 1028px) {
      .detail-ttl-area .ttl-inner {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); } }
    .detail-ttl-area .ttl-inner h2 {
      font-size: 2rem;
      font-weight: 900;
      text-align: left; }
      @media screen and (max-width: 1028px) {
        .detail-ttl-area .ttl-inner h2 {
          font-size: 1.2rem; } }

/* ==========================================================================
  Link
========================================================================== */
a {
  color: #000000; }
  @media screen and (min-width: 1029px) {
    a {
      -webkit-transition: all .3s;
      transition: all .3s; }
      a:hover {
        opacity: .5; } }
  a:hover, a img {
    -webkit-transition: all .3s;
    transition: all .3s; }
.cont-box .anchor-link {
    margin:10px auto;
    display: flex;
    align-items: center;
}
.cont-box .anchor-link a {
    margin-right: 45px;
    position: relative;
}

.cont-box .anchor-link a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    position: absolute;
    top: 5px;
    right: -15px;
}
/* ==========================================================================
form
========================================================================== */
.cc-m-form {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1028px){
  .j-formnew {
   width:90%;
   margin: 0 auto;
   }
}
#cc-m-header-12241378793{
  max-width: 1000px;
  margin: 0 auto 50px;
}
#cc-m-form-12241222493 {
max-width: 800px;
margin-bottom:50px;
}
.form-ttl {
    max-width: 1000px;
    margin: 0 auto 50px;
    padding: 10px 0;
    border-top: 3px solid #A3985E;
    border-bottom: 3px solid #A3985E;
}
@media screen and (max-width: 1028px) {
.form-ttl {
    max-width: 90%;
    margin: 0 auto 30px;
}
}
.form-ttl p {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 1028px) {
.form-ttl p {
    font-size: 1.2rem;
}
}
.cc-m-form input[type="text"]{
　　　　　　　width: 100% !important;
   background-color: #a3985e3d;
   border:none;
   padding: 5px;
}
.cc-m-form input[type="email"]{
   background-color: #a3985e3d;
   border:none;
   padding: 5px;
}
.cc-m-form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 10px;
    width: 300px;
    margin: 20px auto;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
  background-color: #B60F0F;
}

/* bread
---------------------------------------------*/
#bread{
    padding-top: 10px;
    font-size: 1rem;
    width: 1080px;
    margin: 0 auto 30px;
}
@media screen and (max-width: 1028px) {
  #bread{
  width:90%;}
}
#bread div{
   display:inline;
}
#bread ol{
    margin:0px;
    padding:0px;
    display:inline;
}

#bread ol li{
     display:inline;
     margin-right:10px;
     font-size: 1rem;
}
#bread ol li:before{
    content:"> ";
}
#page-2206763293 #bread {
    display:none;
}