@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:600px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:600px) {}
/*========================================================================================

 共通事項 

=========================================================================================*/
@media screen and (max-width: 820px) {
  .width20, .width23, .width30, .width32, .width40, .width48, .width50, .width55, .width60, .width65, .width70, .width80 {
    width: 80%;
    margin-inline: auto;
  }
  .title-head {
    margin-bottom: clamp(40px, 5vw, 60px);
    color: #544936;
    font-size: clamp(1.8rem, 1.582rem + 1.09vw, 2.4rem);
  }
  .sub-header-txt {
    font-size: clamp(2rem, 1.855rem + 0.73vw, 2.4rem);
  }
}
@media screen and (max-width: 600px) {
  .width20, .width23, .width30, .width32, .width40, .width48, .width50, .width55, .width60, .width65, .width70, .width80 {
    width: 100%;
  }
  .none.sp {
    display: block;
  }
  .sp-block {
    display: block;
  }
  .ex-bold {
    font-weight: 500;
  }
}
/*リキッドレイアウト*/
@media screen and (max-width:820px) {
  .liquid-content {
    width: 80% !important;
    margin-inline: auto !important;
  }
}
@media screen and (max-width:600px) {
  .liquid-content {
    width: 100% !important;
  }
}
/*flexの解除*/
@media screen and (max-width: 660px) {
  .flex-release {
    flex-direction: column;
    gap: 10vw;
  }
}
/*PC以外ホバー禁止
@media(hover: hover) {
  a:hover {
    opacity: .5;
  }
}*/

/*モバイル以外電話リンク禁止*/
/*
@media screen and (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
*/

/*========デフォルトスタイルのレスポンシブ========*/
/*news*/
@media screen and (max-width: 1024px) {
  .news-list03 li:last-of-type {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 600px) {
  .news-list02 li.flex {
    flex-direction: column;
    row-gap: 10vw;
  }
  .news-list02 li .news-img {
    width: 100%;
  }
  .news-list02 li .news-content, .news-list03 li .news-content {
    width: 100%;
    text-align: left;
  }
  .news-list03 li {
    flex-direction: column;
  }
  .news-list03 li .news-img {
    width: 80%;
    margin: 0 auto 2em;
  }
  .news-list03 li .news-img img {
    height: auto;
    min-height: auto;
  }
  .news-list03 flex {
    gap: 10vw;
  }
}
@media screen and (max-width: 450px) {
  .news-list02 li .news-txt a, .news-list03 li .news-txt a {
    font-size: 1.4rem;
  }
}
/*com-box01*/
@media screen and (max-width: 820px) {
  .com-box01-txt.com-box01-txt {
    width: 80%;
    margin-inline: auto;
  }
  .com-box01-img.com-box01-img img {
    width: 40%;
  }
}
/*com-box02*/
@media screen and (max-width: 940px) {
  .com-box02-list.com-box02-list {
    gap: 60px 20px;
  }
  .com-box02-list.com-box02-list li {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 660px) {
  .com-box02-list li {
    width: 100%;
    margin-bottom: 40px;
  }
  .com-box02-list li:last-of-type {
    margin-bottom: 10px;
  }
}
/*com-box03*/
@media screen and (max-width: 940px) {
  .com-box03-list {
    gap: 60px 20px;
  }
}
@media screen and (max-width: 820px) {
  .com-box03-list::before {
    background: url(/wp-content/uploads/2024/08/kitsune.png) no-repeat right bottom / 18%;
  }
}
@media screen and (max-width: 660px) {
  .com-box03-list.com-box03-list li {
    width: 100%;
  }
  .com-box03-list::before {
    content: none;
  }
  .com-box03-list::after {
    content: none;
  }
}
/*com-flow02*/
@media screen and (max-width: 820px) {
  .com-flow02-list.com-flow02-list {
    gap: 80px;
  }
  .com-flow02-list.com-flow02-list li {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
  }
  .com-flow02-icon.com-flow02-icon img {
    width: 30%;
  }
  .com-flow02-head.com-flow02-head h3 {
    font-size: 18px;
  }
  .com-flow02-arrow.com-flow02-arrow {
    top: -52px;
    left: 50%;
  }
  .com-flow02-list.com-flow02-list::before, .com-flow02-list.com-flow02-list::after {
    content: none;
  }
}
@media screen and (max-width: 660px) {
  .com-flow02-icon.com-flow02-icon img {
    width: 50%;
    margin: 0 auto 0.5em;
  }
  .com-flow02-txt.com-flow02-txt {
    font-size: 14px;
    text-align: left;
  }
  .com-flow02-num.com-flow02-num {
    margin-bottom: 0.5em;
  }
}
/*com-list01*/
@media screen and (max-width: 820px) {
  .flex.com-list01.com-list01 {
    gap: 60px 40px;
  }
  .com-list01.com-list01 li {
    width: 46%;
    margin-bottom: 0px;
  }
  .com-list01-head.com-list01-head {
    font-size: 1.6rem;
  }
  .com-list01-icon.com-list01-icon img {
    width: 50%;
  }
}
@media screen and (max-width: 660px) {
  .com-list01.com-list01 li {
    width: 100%;
    margin-top: 0em;
  }
  .com-list01.com-list01::before {
    content: none;
  }
  .flex.com-list01.com-list01 {
    gap: 40px;
  }
  .com-list01-txt.com-list01-txt {
    font-size: 14px;
    margin: 1em 0 1em;
  }
  .com-list01-icon.com-list01-icon {
    margin-top: 0em;
  }
  .com-list01-head.com-list01-head {
    margin: 1em 0 1em;
  }
}
/*tab*/
@media screen and (max-width: 820px) {
  .tab-item.tab-item {
    font-size: 1.8rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 660px) {
  .tab-item.tab-item {
    font-size: 1.6rem;
    font-weight: 500;
  }
}
/*縦長テーブルのレスポンシブ*/
@media screen and (max-width: 600px) {
  .overview-section01 .tablepress tbody td.column-1, .overview-section01 .tablepress tbody td.column-2 {
    display: block;
    width: 100%
  }
}
/*横長テーブルのレスポンシブ*/
@media screen and (max-width: 600px) {
  .scroll600 {
    overflow-x: auto;
    width: 100%;
  }
  .scroll600 table {
    width: 100%;
    min-width: 200vw;
  }
  .scroll600 table th, .scroll700 table td {
    white-space: nowrap;
  }
}
/* スクロールバー全体を対象にする */
@media screen and (max-width: 600px) {
  .scroll600::-webkit-scrollbar {
    width: 10px; /* スクロールバーの幅 */
    height: 10px; /* スクロールバーの高さ */
  }
  /* スクロールバーの背景部分をカスタマイズ */
  .scroll600::-webkit-scrollbar-track {
    background: #f1f1f1; /* スクロールバーの背景色 */
    border-radius: 5px; /* 角丸にする */
  }
  /* スクロールバーの操作部分をカスタマイズ */
  .scroll600::-webkit-scrollbar-thumb {
    background: #888; /* スクロールバーの操作部分の背景色 */
    border-radius: 5px; /* 角丸にする */
  }
  /* スクロールバーの操作部分にホバーした時のスタイル */
  .scroll600::-webkit-scrollbar-thumb:hover {
    background: #555; /* ホバー時のスクロールバーの操作部分の背景色 */
  }
}
@media screen and (max-width: 660px) {
  iframe.g-map {
    aspect-ratio: 3 / 2;
  }
}
/*========<!-- ヘッダー　-->========*/
#mobile-nav {
  background-image: none;
}
#hamburger {
  background-color: #004f74;
  border-radius: 15px;
}
#hamburger span {
  background-color: #7fffd4;
}
.mobile-menu-icon-list > li.sub-on .mobile-sub-menu a {
  display: block;
  padding: 10px;
  background-color: #ec7f38;
}
.mobile-logo {
  background: #004f74 url(/wp-content/uploads/2024/08/curtain-8.png) repeat-x left top / 100%;
  padding: 30px 0 30px;
}
.mobile-logo img {
  max-width: 120px;
}
@media screen and (max-width: 1024px) {
  .header-content {
    padding: 0px;
  }
  .sp-header02 {
    padding: 30px 0 15px;
    background: #004f74 url(/wp-content/uploads/2024/08/curtain-8.png) repeat-x left top / 100%;
  }
  header .sns-icon {
    display: none;
  }
  .moblie-menu-head {
    width: 100%;
    color: #ffffff;
    font-size: 1.8rem;
    background-color: inherit !important;
  }
  .logo {
    max-width: 120px;
  }
}
/*========<!-- フッター　-->========*/
@media screen and (max-width: 1024px) {
  .footer-inner.flex {
    -webkit-box-direction: normal !important;
    -ms-flex-direction: normal !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 820px) {
  .footer {
    padding: 40px 0 100px;
  }
  .footer-logo-address, .footer-nav-wrap {
    width: 100% !important;
  }
  .flex.footer-inner {
    gap: 10vw;
  }
  .footer-logo {
    width: 30%;
  }
  .footer-logo img {
    margin-right: auto;
  }
}
@media screen and (max-width: 600px) {
  #page-top {
    right: 10px;
    bottom: 10px;
  }
  .footer-logo {
    width: 40%;
  }
  .footer-logo img {
    margin: 0 auto;
  }
  .footer {
    background: url(/wp-content/uploads/2024/08/curtain-8.png) repeat-x left top / 120%, url(/wp-content/uploads/2024/08/footer1@2x-8-1.png) no-repeat left bottom / 30%, url(/wp-content/uploads/2024/08/footer2@2x-8-1.png) no-repeat 70% 99% / 30%;
  }
  .footer-inner {
    margin: 20px auto 120px;
  }
}
/*========================================================================================

HOME

=========================================================================================*/
/*=====全階層共通背景色柄余白の指定=====*/
@media screen and (max-width: 820px) {
  section.home-section01 {
    background-size: 18%, 14%, 10%, 10%;
    background-position: 5% 8%, 95% 10%, 10% 100%, 85% 61%;
  }
  section.home-section02 {
    background-size: 18%, 20%, 10%;
    background-position: 4% 12%, 97% 12%, 3% 100%;
  }
  section.home-section03 {
    background-size: 18%, 22%;
    background-position: 7% 1%, 98% 1%;
  }
  section.home-section04 {
    background-size: 18%, 17%, 9%;
    background-position: 7% 2%, 92% 3%, 10% 100%;
  }
  section.home-section05 {
    background-size: 18%, 20%, 10%;
    background-position: 6% 2%, 96% 1%, 3% 100%;
  }
  section.home-section06 {
    background-size: 18%, 11%;
    background-position: 0% 6%, 96% 9%;
  }
  section.home-section07 {
    background-size: 18%, 18%;
    background-position: 3% 3%, 97% 3%;
  }
}
@media screen and (max-width: 660px) {
  section.home-section01 {
    background-size: 18%, 16%, 10%, 14%;
    background-position: 8% 1%, 90% 1.5%, 10% 100%, 91% 71%;
  }
  section.home-section02 {
    background-size: 24%, 23%, 12%;
    background-position: 7% 4%, 96% 4%, 3% 100%;
  }
  section.home-section03 {
    background-size: 18%, 22%;
    background-position: 4% 0.5%, 100% 0.5%;
  }
  section.home-section04 {
    background-size: 18%, 17%, 9%;
    background-position: 5% 1%, 94% 1%, 10% 100%;
  }
  section.home-section05 {
    background-size: 18%, 23%, 15%;
    background-position: 5% 1%, 96% 1%, 4% 100%;
  }
  section.home-section06 {
    background-size: 18%, 11%;
    background-position: 2% 10%, 94% 10%;
  }
}
/*========<!-- トップスライダー　-->========*/
@media screen and (max-width: 660px) {
  .slider::before {
    background: url(/wp-content/uploads/2024/08/slider-cover@1.5x-8.png) no-repeat center bottom / 100%;
  }
  .slider::after {
    background: url(/wp-content/uploads/2024/08/clous1@1.5x-8.png) no-repeat right top / 33%;
  }
}
/*========<!-- home-section01 お知らせ->========*/
@media screen and (max-width: 820px) {
  .title_design-op::before {
    font-size: 140px;
    letter-spacing: -3px;
  }
}
@media screen and (max-width: 660px) {
  .title_design-op {
    padding: 10px 0 0 0;
    margin-bottom: 40px;
  }
  .title_design-op::before {
    font-size: 80px;
  }
  #sb_instagram #sbi_images {
    padding: 0 0 40px;
  }
  .title02-a, .title02-b {
    padding: 10px 15px;
    font-weight: 500;
    text-align: center;
    font-size: 1.8rem;
  }
}
/*========<!-- home-section02 ごあいさつ-->========*/
@media screen and (max-width: 820px) {
  .home-section02 .width30 {
    margin-bottom: 5vw;
  }
  .home-section02 .width30 img {
    width: 70%;
    margin-inline: auto;
  }
  .font-lead {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media screen and (max-width: 660px) {
  .title02-a, .title02-b {
    margin-bottom: 2em;
  }
}
/*========<!-- home-section03 活動紹介->========*/
@media screen and (max-width: 820px) {
  .com-box03-list::before {
    background: url(/wp-content/uploads/2024/08/kitsune.png) no-repeat right bottom / 18%;
  }
  .panel-item {
    padding: 7rem 4rem 7rem 2rem;
  }
}
@media screen and (max-width: 660px) {
  .home-section03 .title_design-op {
    margin-bottom: 40px;
  }
  .com-box03-list.com-box03-list li {
    width: 100%;
  }
  .com-box03-list::before {
    background: url(/wp-content/uploads/2024/08/kitsune.png) no-repeat right bottom / 24%;
  }
  .panel-item {
    padding: 5rem 2rem 5rem 1rem;
  }
  .title02-a, .title02-b {
    padding: 6px 15px;
  }
}
/*========<!-- home-section04 利用案内-->========*/
@media screen and (max-width: 820px) {
  .pdf-list.pdf-list .width30 {
    width: 30%;
  }
  .pdf-list.pdf-list li a {
    padding: 0.5em;
  }
  .pdf-list.pdf-list li span {
    font-size: 1.6rem;
  }
  .pdf-list.pdf-list li .fa-solid, .pdf-list.pdf-list li i.fas {
    font-size: 2rem;
  }
  .home-section04 li.tab.tab {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 660px) {
  .release-list .width45 {
    width: 100%;
  }
  .pdf-list.pdf-list .width30 {
    width: 80%;
  }
  .pdf-list.pdf-list li a {
    padding: 0.1em;
  }
  .home-section04 .slash-title {
    font-size: 1.8rem;
    margin: 0 auto 1em
  }
}
/*========<!-- home-section05 採用情報-->========*/
@media screen and (max-width: 660px) {
.tab-panel-a .tab {
        width: 80%;
        border-radius: 10px;
        padding: .7em;
	}
/*========<!-- home-section06 施設概要-->========*/
@media screen and (max-width: 820px) {
  body.home .tablepress tbody td.column-1 {
    font-size: 1.6rem;
  }
  body.home .tablepress tbody td {
    padding: 15px 15px !important;
  }
  body.home .tablepress tbody td.column-2 {
    font-size: 1.6rem;
  }
}
/*========<!-- home-section07 お問い合わせ-->========*/
@media screen and (max-width: 820px) {
  section.home-section07 {
    padding: clamp(60px, 20vw, 140px) 0 clamp(40px, 12vw, 80px);
  }
  input[type="submit"], input[type="button"] {
    width: 80%;
  }
}